Tracking de l'application VApp (IHM du jeu)

VApp/node_modules/vuetify/lib/components/VFileInput/VFileInput.css

@@ -0,0 +1,21 @@
+.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
+.v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
+.v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
+.v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
+  top: 0px;
+}
+.v-file-input input[type=file] {
+  height: 100%;
+  left: 0;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+.v-file-input .v-input__details {
+  padding-inline: 16px;
+}
+.v-input--plain-underlined.v-file-input .v-input__details {
+  padding-inline: 0;
+}

VApp/node_modules/vuetify/lib/components/VFileInput/VFileInput.mjs

@@ -0,0 +1,229 @@
+import { resolveDirective as _resolveDirective, createVNode as _createVNode, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";
+// Styles
+import "./VFileInput.css";
+
+// Components
+import { VChip } from "../VChip/index.mjs";
+import { VCounter } from "../VCounter/index.mjs";
+import { VField } from "../VField/index.mjs";
+import { filterFieldProps, makeVFieldProps } from "../VField/VField.mjs";
+import { makeVInputProps, VInput } from "../VInput/VInput.mjs"; // Composables
+import { useFocus } from "../../composables/focus.mjs";
+import { forwardRefs } from "../../composables/forwardRefs.mjs";
+import { useLocale } from "../../composables/locale.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
+import { computed, nextTick, ref, watch } from 'vue';
+import { callEvent, filterInputAttrs, genericComponent, humanReadableFileSize, propsFactory, useRender, wrapInArray } from "../../util/index.mjs"; // Types
+export const makeVFileInputProps = propsFactory({
+  chips: Boolean,
+  counter: Boolean,
+  counterSizeString: {
+    type: String,
+    default: '$vuetify.fileInput.counterSize'
+  },
+  counterString: {
+    type: String,
+    default: '$vuetify.fileInput.counter'
+  },
+  multiple: Boolean,
+  showSize: {
+    type: [Boolean, Number, String],
+    default: false,
+    validator: v => {
+      return typeof v === 'boolean' || [1000, 1024].includes(Number(v));
+    }
+  },
+  ...makeVInputProps({
+    prependIcon: '$file'
+  }),
+  modelValue: {
+    type: Array,
+    default: () => [],
+    validator: val => {
+      return wrapInArray(val).every(v => v != null && typeof v === 'object');
+    }
+  },
+  ...makeVFieldProps({
+    clearable: true
+  })
+}, 'VFileInput');
+export const VFileInput = genericComponent()({
+  name: 'VFileInput',
+  inheritAttrs: false,
+  props: makeVFileInputProps(),
+  emits: {
+    'click:control': e => true,
+    'mousedown:control': e => true,
+    'update:focused': focused => true,
+    'update:modelValue': files => true
+  },
+  setup(props, _ref) {
+    let {
+      attrs,
+      emit,
+      slots
+    } = _ref;
+    const {
+      t
+    } = useLocale();
+    const model = useProxiedModel(props, 'modelValue');
+    const {
+      isFocused,
+      focus,
+      blur
+    } = useFocus(props);
+    const base = computed(() => typeof props.showSize !== 'boolean' ? props.showSize : undefined);
+    const totalBytes = computed(() => (model.value ?? []).reduce((bytes, _ref2) => {
+      let {
+        size = 0
+      } = _ref2;
+      return bytes + size;
+    }, 0));
+    const totalBytesReadable = computed(() => humanReadableFileSize(totalBytes.value, base.value));
+    const fileNames = computed(() => (model.value ?? []).map(file => {
+      const {
+        name = '',
+        size = 0
+      } = file;
+      return !props.showSize ? name : `${name} (${humanReadableFileSize(size, base.value)})`;
+    }));
+    const counterValue = computed(() => {
+      const fileCount = model.value?.length ?? 0;
+      if (props.showSize) return t(props.counterSizeString, fileCount, totalBytesReadable.value);else return t(props.counterString, fileCount);
+    });
+    const vInputRef = ref();
+    const vFieldRef = ref();
+    const inputRef = ref();
+    const isActive = computed(() => isFocused.value || props.active);
+    const isPlainOrUnderlined = computed(() => ['plain', 'underlined'].includes(props.variant));
+    function onFocus() {
+      if (inputRef.value !== document.activeElement) {
+        inputRef.value?.focus();
+      }
+      if (!isFocused.value) focus();
+    }
+    function onClickPrepend(e) {
+      onControlClick(e);
+    }
+    function onControlMousedown(e) {
+      emit('mousedown:control', e);
+    }
+    function onControlClick(e) {
+      inputRef.value?.click();
+      emit('click:control', e);
+    }
+    function onClear(e) {
+      e.stopPropagation();
+      onFocus();
+      nextTick(() => {
+        model.value = [];
+        callEvent(props['onClick:clear'], e);
+      });
+    }
+    watch(model, newValue => {
+      const hasModelReset = !Array.isArray(newValue) || !newValue.length;
+      if (hasModelReset && inputRef.value) {
+        inputRef.value.value = '';
+      }
+    });
+    useRender(() => {
+      const hasCounter = !!(slots.counter || props.counter);
+      const hasDetails = !!(hasCounter || slots.details);
+      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
+      const {
+        modelValue: _,
+        ...inputProps
+      } = VInput.filterProps(props);
+      const fieldProps = filterFieldProps(props);
+      return _createVNode(VInput, _mergeProps({
+        "ref": vInputRef,
+        "modelValue": model.value,
+        "onUpdate:modelValue": $event => model.value = $event,
+        "class": ['v-file-input', {
+          'v-file-input--chips': !!props.chips,
+          'v-input--plain-underlined': isPlainOrUnderlined.value
+        }, props.class],
+        "style": props.style,
+        "onClick:prepend": onClickPrepend
+      }, rootAttrs, inputProps, {
+        "centerAffix": !isPlainOrUnderlined.value,
+        "focused": isFocused.value
+      }), {
+        ...slots,
+        default: _ref3 => {
+          let {
+            id,
+            isDisabled,
+            isDirty,
+            isReadonly,
+            isValid
+          } = _ref3;
+          return _createVNode(VField, _mergeProps({
+            "ref": vFieldRef,
+            "prepend-icon": props.prependIcon,
+            "onMousedown": onControlMousedown,
+            "onClick": onControlClick,
+            "onClick:clear": onClear,
+            "onClick:prependInner": props['onClick:prependInner'],
+            "onClick:appendInner": props['onClick:appendInner']
+          }, fieldProps, {
+            "id": id.value,
+            "active": isActive.value || isDirty.value,
+            "dirty": isDirty.value,
+            "disabled": isDisabled.value,
+            "focused": isFocused.value,
+            "error": isValid.value === false
+          }), {
+            ...slots,
+            default: _ref4 => {
+              let {
+                props: {
+                  class: fieldClass,
+                  ...slotProps
+                }
+              } = _ref4;
+              return _createVNode(_Fragment, null, [_createVNode("input", _mergeProps({
+                "ref": inputRef,
+                "type": "file",
+                "readonly": isReadonly.value,
+                "disabled": isDisabled.value,
+                "multiple": props.multiple,
+                "name": props.name,
+                "onClick": e => {
+                  e.stopPropagation();
+                  if (isReadonly.value) e.preventDefault();
+                  onFocus();
+                },
+                "onChange": e => {
+                  if (!e.target) return;
+                  const target = e.target;
+                  model.value = [...(target.files ?? [])];
+                },
+                "onFocus": onFocus,
+                "onBlur": blur
+              }, slotProps, inputAttrs), null), _createVNode("div", {
+                "class": fieldClass
+              }, [!!model.value?.length && (slots.selection ? slots.selection({
+                fileNames: fileNames.value,
+                totalBytes: totalBytes.value,
+                totalBytesReadable: totalBytesReadable.value
+              }) : props.chips ? fileNames.value.map(text => _createVNode(VChip, {
+                "key": text,
+                "size": "small",
+                "color": props.color
+              }, {
+                default: () => [text]
+              })) : fileNames.value.join(', '))])]);
+            }
+          });
+        },
+        details: hasDetails ? slotProps => _createVNode(_Fragment, null, [slots.details?.(slotProps), hasCounter && _createVNode(_Fragment, null, [_createVNode("span", null, null), _createVNode(VCounter, {
+          "active": !!model.value?.length,
+          "value": counterValue.value
+        }, slots.counter)])]) : undefined
+      });
+    });
+    return forwardRefs({}, vInputRef, vFieldRef, inputRef);
+  }
+});
+//# sourceMappingURL=VFileInput.mjs.map

VApp/node_modules/vuetify/lib/components/VFileInput/VFileInput.sass

@@ -0,0 +1,30 @@
+@use './variables' as *
+@use '../../styles/tools'
+@use 'sass:math'
+@use 'sass:selector'
+
+// Block
+.v-file-input
+
+  &--chips.v-input--density-compact
+    .v-field--variant-solo,
+    .v-field--variant-solo-inverted,
+    .v-field--variant-filled,
+    .v-field--variant-solo-filled
+      .v-label.v-field-label
+        &--floating
+          top: 0px
+
+  input[type="file"]
+    height: 100%
+    left: 0
+    opacity: 0
+    position: absolute
+    top: 0
+    width: 100%
+    z-index: 1
+
+  .v-input__details
+    padding-inline: $file-input-details-padding-inline
+    @at-root #{selector.append('.v-input--plain-underlined', &)}
+      padding-inline: 0

VApp/node_modules/vuetify/lib/components/VFileInput/_variables.scss

@@ -0,0 +1,5 @@
+// Defaults
+$file-input-chip-margin-inline-end: null !default;
+$file-input-chips-margin-top: null !default;
+$file-input-chips-margin-bottom: null !default;
+$file-input-details-padding-inline: 16px !default;

VApp/node_modules/vuetify/lib/components/VFileInput/index.mjs

@@ -0,0 +1,2 @@
+export { VFileInput } from "./VFileInput.mjs";
+//# sourceMappingURL=index.mjs.map

VApp/node_modules/vuetify/lib/components/VFileInput/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["VFileInput"],"sources":["../../../src/components/VFileInput/index.ts"],"sourcesContent":["export { VFileInput } from './VFileInput'\n"],"mappings":"SAASA,UAAU"}