@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/components/VFileInput/VFileInput.mjs

@@ -1,29 +1,26 @@
-// @ts-nocheck
-
-/* eslint-disable */
+import { resolveDirective as _resolveDirective, createVNode as _createVNode, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";
 // Styles
-import "./VFileInput.sass"; // Extensions
+import "./VFileInput.css"; // Components
 
-import VTextField from "../VTextField/index.mjs"; // Components
+import { filterFieldProps, makeVFieldProps } from "../VField/VField.mjs";
+import { VChip } from "../VChip/index.mjs";
+import { VCounter } from "../VCounter/index.mjs";
+import { VField } from "../VField/index.mjs"; // Composables
 
-import { VChip } from "../VChip/index.mjs"; // Types
+import { useForwardRef } from "../../composables/forwardRef.mjs";
+import { useLocale } from "../../composables/locale.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 
-// Utilities
-import { deepEqual, humanReadableFileSize, wrapInArray } from "../../util/helpers.mjs";
-import { consoleError } from "../../util/console.mjs";
-import { mergeStyles } from "../../util/mergeData.mjs";
-export default VTextField.extend({
-  name: 'v-file-input',
-  model: {
-    prop: 'value',
-    event: 'change'
-  },
+import { computed, nextTick, ref } from 'vue';
+import { defineComponent, filterInputAttrs, humanReadableFileSize, useRender, wrapInArray } from "../../util/index.mjs"; // Types
+
+import { filterInputProps, makeVInputProps, VInput } from "../VInput/VInput.mjs";
+export const VFileInput = defineComponent({
+  name: 'VFileInput',
+  inheritAttrs: false,
   props: {
     chips: Boolean,
-    clearable: {
-      type: Boolean,
-      default: true
-    },
+    counter: Boolean,
     counterSizeString: {
       type: String,
       default: '$vuetify.fileInput.counterSize'
@@ -32,16 +29,10 @@ export default VTextField.extend({
       type: String,
       default: '$vuetify.fileInput.counter'
     },
-    hideInput: Boolean,
+    multiple: Boolean,
+    hint: String,
+    persistentHint: Boolean,
     placeholder: String,
-    prependIcon: {
-      type: String,
-      default: '$file'
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
     showSize: {
       type: [Boolean, Number],
       default: false,
@@ -49,228 +40,194 @@ export default VTextField.extend({
         return typeof v === 'boolean' || [1000, 1024].includes(v);
       }
     },
-    smallChips: Boolean,
-    truncateLength: {
-      type: [Number, String],
-      default: 22
-    },
-    type: {
+    ...makeVInputProps(),
+    prependIcon: {
       type: String,
-      default: 'file'
+      default: '$file'
     },
-    value: {
-      default: undefined,
+    modelValue: {
+      type: Array,
+      default: () => [],
       validator: val => {
         return wrapInArray(val).every(v => v != null && typeof v === 'object');
       }
-    }
-  },
-  computed: {
-    classes() {
-      return { ...VTextField.options.computed.classes.call(this),
-        'v-file-input': true
-      };
     },
+    ...makeVFieldProps({
+      clearable: true
+    })
+  },
+  emits: {
+    'click:clear': e => true,
+    'click:control': e => true,
+    'update:modelValue': files => true
+  },
 
-    computedCounterValue() {
-      const fileCount = this.isMultiple && this.lazyValue ? this.lazyValue.length : this.lazyValue instanceof File ? 1 : 0;
-      if (!this.showSize) return this.$vuetify.lang.t(this.counterString, fileCount);
-      const bytes = this.internalArrayValue.reduce((bytes, {
-        size = 0
-      }) => {
+  setup(props, _ref) {
+    let {
+      attrs,
+      emit,
+      slots
+    } = _ref;
+    const {
+      t
+    } = useLocale();
+    const model = useProxiedModel(props, 'modelValue');
+    const base = computed(() => typeof props.showSize !== 'boolean' ? props.showSize : undefined);
+    const totalBytes = computed(() => {
+      var _model$value;
+
+      return ((_model$value = model.value) != null ? _model$value : []).reduce((bytes, _ref2) => {
+        let {
+          size = 0
+        } = _ref2;
         return bytes + size;
       }, 0);
-      return this.$vuetify.lang.t(this.counterSizeString, fileCount, humanReadableFileSize(bytes, this.base === 1024));
-    },
+    });
+    const totalBytesReadable = computed(() => humanReadableFileSize(totalBytes.value, base.value));
+    const fileNames = computed(() => {
+      var _model$value2;
 
-    internalArrayValue() {
-      return wrapInArray(this.internalValue);
-    },
-
-    internalValue: {
-      get() {
-        return this.lazyValue;
-      },
-
-      set(val) {
-        this.lazyValue = val;
-        this.$emit('change', this.lazyValue);
-      }
-
-    },
-
-    isDirty() {
-      return this.internalArrayValue.length > 0;
-    },
-
-    isLabelActive() {
-      return this.isDirty;
-    },
-
-    isMultiple() {
-      return this.$attrs.hasOwnProperty('multiple');
-    },
-
-    text() {
-      if (!this.isDirty && (this.isFocused || !this.hasLabel)) return [this.placeholder];
-      return this.internalArrayValue.map(file => {
+      return ((_model$value2 = model.value) != null ? _model$value2 : []).map(file => {
         const {
           name = '',
           size = 0
         } = file;
-        const truncatedText = this.truncateText(name);
-        return !this.showSize ? truncatedText : "".concat(truncatedText, " (").concat(humanReadableFileSize(size, this.base === 1024), ")");
+        return !props.showSize ? name : `${name} (${humanReadableFileSize(size, base.value)})`;
       });
-    },
-
-    base() {
-      return typeof this.showSize !== 'boolean' ? this.showSize : undefined;
-    },
+    });
+    const counterValue = computed(() => {
+      var _model$value$length, _model$value3;
+
+      const fileCount = (_model$value$length = (_model$value3 = model.value) == null ? void 0 : _model$value3.length) != null ? _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 isFocused = ref(false);
+    const inputRef = ref();
+    const messages = computed(() => {
+      return props.messages.length ? props.messages : props.persistentHint ? props.hint : '';
+    });
+
+    function onFocus() {
+      if (inputRef.value !== document.activeElement) {
+        var _inputRef$value;
+
+        (_inputRef$value = inputRef.value) == null ? void 0 : _inputRef$value.focus();
+      }
 
-    hasChips() {
-      return this.chips || this.smallChips;
+      if (!isFocused.value) {
+        isFocused.value = true;
+      }
     }
 
-  },
-  watch: {
-    readonly: {
-      handler(v) {
-        if (v === true) consoleError('readonly is not supported on <v-file-input>', this);
-      },
-
-      immediate: true
-    },
-
-    value(v) {
-      const value = this.isMultiple ? v : v ? [v] : [];
+    function onControlClick(e) {
+      var _inputRef$value2;
 
-      if (!deepEqual(value, this.$refs.input.files)) {
-        // When the input value is changed programatically, clear the
-        // internal input's value so that the `onInput` handler
-        // can be triggered again if the user re-selects the exact
-        // same file(s). Ideally, `input.files` should be
-        // manipulated directly but that property is readonly.
-        this.$refs.input.value = '';
-      }
+      (_inputRef$value2 = inputRef.value) == null ? void 0 : _inputRef$value2.click();
+      emit('click:control', e);
     }
 
-  },
-  methods: {
-    clearableCallback() {
-      this.internalValue = this.isMultiple ? [] : null;
-      this.$refs.input.value = '';
-    },
+    function onClear(e) {
+      e.stopPropagation();
+      onFocus();
+      nextTick(() => {
+        model.value = [];
 
-    genChips() {
-      if (!this.isDirty) return [];
-      return this.text.map((text, index) => this.$createElement(VChip, {
-        props: {
-          small: this.smallChips
-        },
-        on: {
-          'click:close': () => {
-            const internalValue = this.internalValue;
-            internalValue.splice(index, 1);
-            this.internalValue = internalValue; // Trigger the watcher
-          }
+        if (inputRef != null && inputRef.value) {
+          inputRef.value.value = '';
         }
-      }, [text]));
-    },
 
-    genControl() {
-      const render = VTextField.options.methods.genControl.call(this);
-
-      if (this.hideInput) {
-        render.data.style = mergeStyles(render.data.style, {
-          display: 'none'
-        });
-      }
-
-      return render;
-    },
-
-    genInput() {
-      const input = VTextField.options.methods.genInput.call(this); // We should not be setting value
-      // programmatically on the input
-      // when it is using type="file"
-
-      delete input.data.domProps.value; // This solves an issue in Safari where
-      // nothing happens when adding a file
-      // do to the input event not firing
-      // https://github.com/vuetifyjs/vuetify/issues/7941
-
-      delete input.data.on.input;
-      input.data.on.change = this.onInput;
-      return [this.genSelections(), input];
-    },
-
-    genPrependSlot() {
-      if (!this.prependIcon) return null;
-      const icon = this.genIcon('prepend', () => {
-        this.$refs.input.click();
+        emit('click:clear', e);
       });
-      return this.genSlot('prepend', 'outer', [icon]);
-    },
-
-    genSelectionText() {
-      const length = this.text.length;
-      if (length < 2) return this.text;
-      if (this.showSize && !this.counter) return [this.computedCounterValue];
-      return [this.$vuetify.lang.t(this.counterString, length)];
-    },
-
-    genSelections() {
-      const children = [];
-
-      if (this.isDirty && this.$scopedSlots.selection) {
-        this.internalArrayValue.forEach((file, index) => {
-          if (!this.$scopedSlots.selection) return;
-          children.push(this.$scopedSlots.selection({
-            text: this.text[index],
-            file,
-            index
-          }));
-        });
-      } else {
-        children.push(this.hasChips && this.isDirty ? this.genChips() : this.genSelectionText());
-      }
-
-      return this.$createElement('div', {
-        staticClass: 'v-file-input__text',
-        class: {
-          'v-file-input__text--placeholder': this.placeholder && !this.isDirty,
-          'v-file-input__text--chips': this.hasChips && !this.$scopedSlots.selection
-        }
-      }, children);
-    },
-
-    genTextFieldSlot() {
-      const node = VTextField.options.methods.genTextFieldSlot.call(this);
-      node.data.on = { ...(node.data.on || {}),
-        click: () => this.$refs.input.click()
-      };
-      return node;
-    },
-
-    onInput(e) {
-      const files = [...(e.target.files || [])];
-      this.internalValue = this.isMultiple ? files : files[0]; // Set initialValue here otherwise isFocused
-      // watcher in VTextField will emit a change
-      // event whenever the component is blurred
-
-      this.initialValue = this.internalValue;
-    },
-
-    onKeyDown(e) {
-      this.$emit('keydown', e);
-    },
-
-    truncateText(str) {
-      if (str.length < Number(this.truncateLength)) return str;
-      const charsKeepOneSide = Math.floor((Number(this.truncateLength) - 1) / 2);
-      return "".concat(str.slice(0, charsKeepOneSide), "\u2026").concat(str.slice(str.length - charsKeepOneSide));
     }
 
+    useRender(() => {
+      const hasCounter = !!(slots.counter || props.counter);
+      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
+      const [{
+        modelValue: _,
+        ...inputProps
+      }] = filterInputProps(props);
+      const [fieldProps] = filterFieldProps(props);
+      return _createVNode(VInput, _mergeProps({
+        "ref": vInputRef,
+        "modelValue": model.value,
+        "onUpdate:modelValue": $event => model.value = $event,
+        "class": "v-file-input"
+      }, rootAttrs, inputProps, {
+        "onClick:prepend": onControlClick,
+        "messages": messages.value
+      }), { ...slots,
+        default: _ref3 => {
+          let {
+            isDisabled,
+            isDirty,
+            isReadonly,
+            isValid
+          } = _ref3;
+          return _createVNode(VField, _mergeProps({
+            "ref": vFieldRef,
+            "prepend-icon": props.prependIcon,
+            "onClick:control": onControlClick,
+            "onClick:clear": onClear
+          }, fieldProps, {
+            "active": isDirty.value || isFocused.value,
+            "dirty": isDirty.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();
+                  onFocus();
+                },
+                "onChange": e => {
+                  var _target$files;
+
+                  if (!e.target) return;
+                  const target = e.target;
+                  model.value = [...((_target$files = target.files) != null ? _target$files : [])];
+                },
+                "onFocus": onFocus,
+                "onBlur": () => isFocused.value = false
+              }, slotProps, inputAttrs), null), model.value.length > 0 && _createVNode("div", {
+                "class": fieldClass
+              }, [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: hasCounter ? () => _createVNode(_Fragment, null, [_createVNode("span", null, null), _createVNode(VCounter, {
+          "active": !!model.value.length,
+          "value": counterValue.value
+        }, slots.counter)]) : undefined
+      });
+    });
+    return useForwardRef({}, vInputRef, vFieldRef, inputRef);
   }
+
 });
 //# sourceMappingURL=VFileInput.mjs.map

package/lib/components/VFileInput/VFileInput.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VFileInput/VFileInput.ts"],"names":["VTextField","VChip","deepEqual","humanReadableFileSize","wrapInArray","consoleError","mergeStyles","extend","name","model","prop","event","props","chips","Boolean","clearable","type","default","counterSizeString","String","counterString","hideInput","placeholder","prependIcon","readonly","showSize","Number","validator","v","includes","smallChips","truncateLength","value","undefined","val","every","computed","classes","options","call","computedCounterValue","fileCount","isMultiple","lazyValue","length","File","$vuetify","lang","t","bytes","internalArrayValue","reduce","size","base","internalValue","get","set","$emit","isDirty","isLabelActive","$attrs","hasOwnProperty","text","isFocused","hasLabel","map","file","truncatedText","truncateText","hasChips","watch","handler","immediate","$refs","input","files","methods","clearableCallback","genChips","index","$createElement","small","on","splice","genControl","render","data","style","display","genInput","domProps","change","onInput","genSelections","genPrependSlot","icon","genIcon","click","genSlot","genSelectionText","counter","children","$scopedSlots","selection","forEach","push","staticClass","class","genTextFieldSlot","node","e","target","initialValue","onKeyDown","str","charsKeepOneSide","Math","floor","slice"],"mappings":"AAAA;;AACA;AAEA;AACA,2B,CAEA;;OACOA,U,iCAEP;;SACSC,K,8BAET;;AAGA;SACSC,S,EAAWC,qB,EAAuBC,W;SAClCC,Y;SACAC,W;AAET,eAAeN,UAAU,CAACO,MAAX,CAAkB;AAC/BC,EAAAA,IAAI,EAAE,cADyB;AAG/BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,OADD;AAELC,IAAAA,KAAK,EAAE;AAFF,GAHwB;AAQ/BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,OADF;AAELC,IAAAA,SAAS,EAAE;AACTC,MAAAA,IAAI,EAAEF,OADG;AAETG,MAAAA,OAAO,EAAE;AAFA,KAFN;AAMLC,IAAAA,iBAAiB,EAAE;AACjBF,MAAAA,IAAI,EAAEG,MADW;AAEjBF,MAAAA,OAAO,EAAE;AAFQ,KANd;AAULG,IAAAA,aAAa,EAAE;AACbJ,MAAAA,IAAI,EAAEG,MADO;AAEbF,MAAAA,OAAO,EAAE;AAFI,KAVV;AAcLI,IAAAA,SAAS,EAAEP,OAdN;AAeLQ,IAAAA,WAAW,EAAEH,MAfR;AAgBLI,IAAAA,WAAW,EAAE;AACXP,MAAAA,IAAI,EAAEG,MADK;AAEXF,MAAAA,OAAO,EAAE;AAFE,KAhBR;AAoBLO,IAAAA,QAAQ,EAAE;AACRR,MAAAA,IAAI,EAAEF,OADE;AAERG,MAAAA,OAAO,EAAE;AAFD,KApBL;AAwBLQ,IAAAA,QAAQ,EAAE;AACRT,MAAAA,IAAI,EAAE,CAACF,OAAD,EAAUY,MAAV,CADE;AAERT,MAAAA,OAAO,EAAE,KAFD;AAGRU,MAAAA,SAAS,EAAGC,CAAD,IAAyB;AAClC,eACE,OAAOA,CAAP,KAAa,SAAb,IACA,CAAC,IAAD,EAAO,IAAP,EAAaC,QAAb,CAAsBD,CAAtB,CAFF;AAID;AARO,KAxBL;AAkCLE,IAAAA,UAAU,EAAEhB,OAlCP;AAmCLiB,IAAAA,cAAc,EAAE;AACdf,MAAAA,IAAI,EAAE,CAACU,MAAD,EAASP,MAAT,CADQ;AAEdF,MAAAA,OAAO,EAAE;AAFK,KAnCX;AAuCLD,IAAAA,IAAI,EAAE;AACJA,MAAAA,IAAI,EAAEG,MADF;AAEJF,MAAAA,OAAO,EAAE;AAFL,KAvCD;AA2CLe,IAAAA,KAAK,EAAE;AACLf,MAAAA,OAAO,EAAEgB,SADJ;AAELN,MAAAA,SAAS,EAAEO,GAAG,IAAI;AAChB,eAAO9B,WAAW,CAAC8B,GAAD,CAAX,CAAiBC,KAAjB,CAAuBP,CAAC,IAAIA,CAAC,IAAI,IAAL,IAAa,OAAOA,CAAP,KAAa,QAAtD,CAAP;AACD;AAJI;AA3CF,GARwB;AA2D/BQ,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,GAAY;AACjB,aAAO,EACL,GAAGrC,UAAU,CAACsC,OAAX,CAAmBF,QAAnB,CAA4BC,OAA5B,CAAoCE,IAApC,CAAyC,IAAzC,CADE;AAEL,wBAAgB;AAFX,OAAP;AAID,KANO;;AAORC,IAAAA,oBAAoB,GAAY;AAC9B,YAAMC,SAAS,GAAI,KAAKC,UAAL,IAAmB,KAAKC,SAAzB,GACd,KAAKA,SAAL,CAAeC,MADD,GAEb,KAAKD,SAAL,YAA0BE,IAA3B,GAAmC,CAAnC,GAAuC,CAF3C;AAIA,UAAI,CAAC,KAAKpB,QAAV,EAAoB,OAAO,KAAKqB,QAAL,CAAcC,IAAd,CAAmBC,CAAnB,CAAqB,KAAK5B,aAA1B,EAAyCqB,SAAzC,CAAP;AAEpB,YAAMQ,KAAK,GAAG,KAAKC,kBAAL,CAAwBC,MAAxB,CAA+B,CAACF,KAAD,EAAgB;AAAEG,QAAAA,IAAI,GAAG;AAAT,OAAhB,KAAuC;AAClF,eAAOH,KAAK,GAAGG,IAAf;AACD,OAFa,EAEX,CAFW,CAAd;AAIA,aAAO,KAAKN,QAAL,CAAcC,IAAd,CAAmBC,CAAnB,CACL,KAAK9B,iBADA,EAELuB,SAFK,EAGLtC,qBAAqB,CAAC8C,KAAD,EAAQ,KAAKI,IAAL,KAAc,IAAtB,CAHhB,CAAP;AAKD,KAvBO;;AAwBRH,IAAAA,kBAAkB,GAAY;AAC5B,aAAO9C,WAAW,CAAC,KAAKkD,aAAN,CAAlB;AACD,KA1BO;;AA2BRA,IAAAA,aAAa,EAAE;AACbC,MAAAA,GAAG,GAAY;AACb,eAAO,KAAKZ,SAAZ;AACD,OAHY;;AAIba,MAAAA,GAAG,CAAEtB,GAAF,EAAsB;AACvB,aAAKS,SAAL,GAAiBT,GAAjB;AACA,aAAKuB,KAAL,CAAW,QAAX,EAAqB,KAAKd,SAA1B;AACD;;AAPY,KA3BP;;AAoCRe,IAAAA,OAAO,GAAa;AAClB,aAAO,KAAKR,kBAAL,CAAwBN,MAAxB,GAAiC,CAAxC;AACD,KAtCO;;AAuCRe,IAAAA,aAAa,GAAa;AACxB,aAAO,KAAKD,OAAZ;AACD,KAzCO;;AA0CRhB,IAAAA,UAAU,GAAa;AACrB,aAAO,KAAKkB,MAAL,CAAYC,cAAZ,CAA2B,UAA3B,CAAP;AACD,KA5CO;;AA6CRC,IAAAA,IAAI,GAAc;AAChB,UAAI,CAAC,KAAKJ,OAAN,KAAkB,KAAKK,SAAL,IAAkB,CAAC,KAAKC,QAA1C,CAAJ,EAAyD,OAAO,CAAC,KAAK1C,WAAN,CAAP;AAEzD,aAAO,KAAK4B,kBAAL,CAAwBe,GAAxB,CAA6BC,IAAD,IAAgB;AACjD,cAAM;AACJ1D,UAAAA,IAAI,GAAG,EADH;AAEJ4C,UAAAA,IAAI,GAAG;AAFH,YAGFc,IAHJ;AAKA,cAAMC,aAAa,GAAG,KAAKC,YAAL,CAAkB5D,IAAlB,CAAtB;AAEA,eAAO,CAAC,KAAKiB,QAAN,GACH0C,aADG,aAEAA,aAFA,eAEkBhE,qBAAqB,CAACiD,IAAD,EAAO,KAAKC,IAAL,KAAc,IAArB,CAFvC,MAAP;AAGD,OAXM,CAAP;AAYD,KA5DO;;AA6DRA,IAAAA,IAAI,GAA6B;AAC/B,aAAO,OAAO,KAAK5B,QAAZ,KAAyB,SAAzB,GAAqC,KAAKA,QAA1C,GAAqDQ,SAA5D;AACD,KA/DO;;AAgERoC,IAAAA,QAAQ,GAAa;AACnB,aAAO,KAAKxD,KAAL,IAAc,KAAKiB,UAA1B;AACD;;AAlEO,GA3DqB;AAgI/BwC,EAAAA,KAAK,EAAE;AACL9C,IAAAA,QAAQ,EAAE;AACR+C,MAAAA,OAAO,CAAE3C,CAAF,EAAK;AACV,YAAIA,CAAC,KAAK,IAAV,EAAgBvB,YAAY,CAAC,6CAAD,EAAgD,IAAhD,CAAZ;AACjB,OAHO;;AAIRmE,MAAAA,SAAS,EAAE;AAJH,KADL;;AAOLxC,IAAAA,KAAK,CAAEJ,CAAF,EAAK;AACR,YAAMI,KAAK,GAAG,KAAKU,UAAL,GAAkBd,CAAlB,GAAsBA,CAAC,GAAG,CAACA,CAAD,CAAH,GAAS,EAA9C;;AACA,UAAI,CAAC1B,SAAS,CAAC8B,KAAD,EAAQ,KAAKyC,KAAL,CAAWC,KAAX,CAAiBC,KAAzB,CAAd,EAA+C;AAC7C;AACA;AACA;AACA;AACA;AACA,aAAKF,KAAL,CAAWC,KAAX,CAAiB1C,KAAjB,GAAyB,EAAzB;AACD;AACF;;AAjBI,GAhIwB;AAoJ/B4C,EAAAA,OAAO,EAAE;AACPC,IAAAA,iBAAiB,GAAI;AACnB,WAAKvB,aAAL,GAAqB,KAAKZ,UAAL,GAAkB,EAAlB,GAAuB,IAA5C;AACA,WAAK+B,KAAL,CAAWC,KAAX,CAAiB1C,KAAjB,GAAyB,EAAzB;AACD,KAJM;;AAKP8C,IAAAA,QAAQ,GAAI;AACV,UAAI,CAAC,KAAKpB,OAAV,EAAmB,OAAO,EAAP;AAEnB,aAAO,KAAKI,IAAL,CAAUG,GAAV,CAAc,CAACH,IAAD,EAAOiB,KAAP,KAAiB,KAAKC,cAAL,CAAoB/E,KAApB,EAA2B;AAC/DW,QAAAA,KAAK,EAAE;AAAEqE,UAAAA,KAAK,EAAE,KAAKnD;AAAd,SADwD;AAE/DoD,QAAAA,EAAE,EAAE;AACF,yBAAe,MAAM;AACnB,kBAAM5B,aAAa,GAAG,KAAKA,aAA3B;AACAA,YAAAA,aAAa,CAAC6B,MAAd,CAAqBJ,KAArB,EAA4B,CAA5B;AACA,iBAAKzB,aAAL,GAAqBA,aAArB,CAHmB,CAGgB;AACpC;AALC;AAF2D,OAA3B,EASnC,CAACQ,IAAD,CATmC,CAA/B,CAAP;AAUD,KAlBM;;AAmBPsB,IAAAA,UAAU,GAAI;AACZ,YAAMC,MAAM,GAAGrF,UAAU,CAACsC,OAAX,CAAmBsC,OAAnB,CAA2BQ,UAA3B,CAAsC7C,IAAtC,CAA2C,IAA3C,CAAf;;AAEA,UAAI,KAAKlB,SAAT,EAAoB;AAClBgE,QAAAA,MAAM,CAACC,IAAP,CAAaC,KAAb,GAAqBjF,WAAW,CAC9B+E,MAAM,CAACC,IAAP,CAAaC,KADiB,EAE9B;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAF8B,CAAhC;AAID;;AAED,aAAOH,MAAP;AACD,KA9BM;;AA+BPI,IAAAA,QAAQ,GAAI;AACV,YAAMf,KAAK,GAAG1E,UAAU,CAACsC,OAAX,CAAmBsC,OAAnB,CAA2Ba,QAA3B,CAAoClD,IAApC,CAAyC,IAAzC,CAAd,CADU,CAGV;AACA;AACA;;AACA,aAAOmC,KAAK,CAACY,IAAN,CAAYI,QAAZ,CAAsB1D,KAA7B,CANU,CAQV;AACA;AACA;AACA;;AACA,aAAO0C,KAAK,CAACY,IAAN,CAAYJ,EAAZ,CAAgBR,KAAvB;AACAA,MAAAA,KAAK,CAACY,IAAN,CAAYJ,EAAZ,CAAgBS,MAAhB,GAAyB,KAAKC,OAA9B;AAEA,aAAO,CAAC,KAAKC,aAAL,EAAD,EAAuBnB,KAAvB,CAAP;AACD,KA/CM;;AAgDPoB,IAAAA,cAAc,GAAI;AAChB,UAAI,CAAC,KAAKvE,WAAV,EAAuB,OAAO,IAAP;AAEvB,YAAMwE,IAAI,GAAG,KAAKC,OAAL,CAAa,SAAb,EAAwB,MAAM;AACzC,aAAKvB,KAAL,CAAWC,KAAX,CAAiBuB,KAAjB;AACD,OAFY,CAAb;AAIA,aAAO,KAAKC,OAAL,CAAa,SAAb,EAAwB,OAAxB,EAAiC,CAACH,IAAD,CAAjC,CAAP;AACD,KAxDM;;AAyDPI,IAAAA,gBAAgB,GAAc;AAC5B,YAAMvD,MAAM,GAAG,KAAKkB,IAAL,CAAUlB,MAAzB;AAEA,UAAIA,MAAM,GAAG,CAAb,EAAgB,OAAO,KAAKkB,IAAZ;AAChB,UAAI,KAAKrC,QAAL,IAAiB,CAAC,KAAK2E,OAA3B,EAAoC,OAAO,CAAC,KAAK5D,oBAAN,CAAP;AACpC,aAAO,CAAC,KAAKM,QAAL,CAAcC,IAAd,CAAmBC,CAAnB,CAAqB,KAAK5B,aAA1B,EAAyCwB,MAAzC,CAAD,CAAP;AACD,KA/DM;;AAgEPiD,IAAAA,aAAa,GAAI;AACf,YAAMQ,QAAQ,GAAG,EAAjB;;AAEA,UAAI,KAAK3C,OAAL,IAAgB,KAAK4C,YAAL,CAAkBC,SAAtC,EAAiD;AAC/C,aAAKrD,kBAAL,CAAwBsD,OAAxB,CAAgC,CAACtC,IAAD,EAAaa,KAAb,KAA+B;AAC7D,cAAI,CAAC,KAAKuB,YAAL,CAAkBC,SAAvB,EAAkC;AAElCF,UAAAA,QAAQ,CAACI,IAAT,CACE,KAAKH,YAAL,CAAkBC,SAAlB,CAA4B;AAC1BzC,YAAAA,IAAI,EAAE,KAAKA,IAAL,CAAUiB,KAAV,CADoB;AAE1Bb,YAAAA,IAF0B;AAG1Ba,YAAAA;AAH0B,WAA5B,CADF;AAOD,SAVD;AAWD,OAZD,MAYO;AACLsB,QAAAA,QAAQ,CAACI,IAAT,CAAc,KAAKpC,QAAL,IAAiB,KAAKX,OAAtB,GAAgC,KAAKoB,QAAL,EAAhC,GAAkD,KAAKqB,gBAAL,EAAhE;AACD;;AAED,aAAO,KAAKnB,cAAL,CAAoB,KAApB,EAA2B;AAChC0B,QAAAA,WAAW,EAAE,oBADmB;AAEhCC,QAAAA,KAAK,EAAE;AACL,6CAAmC,KAAKrF,WAAL,IAAoB,CAAC,KAAKoC,OADxD;AAEL,uCAA6B,KAAKW,QAAL,IAAiB,CAAC,KAAKiC,YAAL,CAAkBC;AAF5D;AAFyB,OAA3B,EAMJF,QANI,CAAP;AAOD,KA1FM;;AA2FPO,IAAAA,gBAAgB,GAAI;AAClB,YAAMC,IAAI,GAAG7G,UAAU,CAACsC,OAAX,CAAmBsC,OAAnB,CAA2BgC,gBAA3B,CAA4CrE,IAA5C,CAAiD,IAAjD,CAAb;AAEAsE,MAAAA,IAAI,CAACvB,IAAL,CAAWJ,EAAX,GAAgB,EACd,IAAI2B,IAAI,CAACvB,IAAL,CAAWJ,EAAX,IAAiB,EAArB,CADc;AAEde,QAAAA,KAAK,EAAE,MAAM,KAAKxB,KAAL,CAAWC,KAAX,CAAiBuB,KAAjB;AAFC,OAAhB;AAKA,aAAOY,IAAP;AACD,KApGM;;AAqGPjB,IAAAA,OAAO,CAAEkB,CAAF,EAAY;AACjB,YAAMnC,KAAK,GAAG,CAAC,IAAImC,CAAC,CAACC,MAAH,CAA+BpC,KAA/B,IAAwC,EAA3C,CAAD,CAAd;AAEA,WAAKrB,aAAL,GAAqB,KAAKZ,UAAL,GAAkBiC,KAAlB,GAA0BA,KAAK,CAAC,CAAD,CAApD,CAHiB,CAKjB;AACA;AACA;;AACA,WAAKqC,YAAL,GAAoB,KAAK1D,aAAzB;AACD,KA9GM;;AA+GP2D,IAAAA,SAAS,CAAEH,CAAF,EAAoB;AAC3B,WAAKrD,KAAL,CAAW,SAAX,EAAsBqD,CAAtB;AACD,KAjHM;;AAkHP1C,IAAAA,YAAY,CAAE8C,GAAF,EAAe;AACzB,UAAIA,GAAG,CAACtE,MAAJ,GAAalB,MAAM,CAAC,KAAKK,cAAN,CAAvB,EAA8C,OAAOmF,GAAP;AAC9C,YAAMC,gBAAgB,GAAGC,IAAI,CAACC,KAAL,CAAW,CAAC3F,MAAM,CAAC,KAAKK,cAAN,CAAN,GAA8B,CAA/B,IAAoC,CAA/C,CAAzB;AACA,uBAAUmF,GAAG,CAACI,KAAJ,CAAU,CAAV,EAAaH,gBAAb,CAAV,mBAA4CD,GAAG,CAACI,KAAJ,CAAUJ,GAAG,CAACtE,MAAJ,GAAauE,gBAAvB,CAA5C;AACD;;AAtHM;AApJsB,CAAlB,CAAf","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VFileInput.sass'\n\n// Extensions\nimport VTextField from '../VTextField'\n\n// Components\nimport { VChip } from '../VChip'\n\n// Types\nimport { PropValidator } from 'vue/types/options'\n\n// Utilities\nimport { deepEqual, humanReadableFileSize, wrapInArray } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\nimport { mergeStyles } from '../../util/mergeData'\n\nexport default VTextField.extend({\n  name: 'v-file-input',\n\n  model: {\n    prop: 'value',\n    event: 'change',\n  },\n\n  props: {\n    chips: Boolean,\n    clearable: {\n      type: Boolean,\n      default: true,\n    },\n    counterSizeString: {\n      type: String,\n      default: '$vuetify.fileInput.counterSize',\n    },\n    counterString: {\n      type: String,\n      default: '$vuetify.fileInput.counter',\n    },\n    hideInput: Boolean,\n    placeholder: String,\n    prependIcon: {\n      type: String,\n      default: '$file',\n    },\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n    showSize: {\n      type: [Boolean, Number],\n      default: false,\n      validator: (v: boolean | number) => {\n        return (\n          typeof v === 'boolean' ||\n          [1000, 1024].includes(v)\n        )\n      },\n    } as PropValidator<boolean | 1000 | 1024>,\n    smallChips: Boolean,\n    truncateLength: {\n      type: [Number, String],\n      default: 22,\n    },\n    type: {\n      type: String,\n      default: 'file',\n    },\n    value: {\n      default: undefined,\n      validator: val => {\n        return wrapInArray(val).every(v => v != null && typeof v === 'object')\n      },\n    } as PropValidator<File | File[]>,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VTextField.options.computed.classes.call(this),\n        'v-file-input': true,\n      }\n    },\n    computedCounterValue (): string {\n      const fileCount = (this.isMultiple && this.lazyValue)\n        ? this.lazyValue.length\n        : (this.lazyValue instanceof File) ? 1 : 0\n\n      if (!this.showSize) return this.$vuetify.lang.t(this.counterString, fileCount)\n\n      const bytes = this.internalArrayValue.reduce((bytes: number, { size = 0 }: File) => {\n        return bytes + size\n      }, 0)\n\n      return this.$vuetify.lang.t(\n        this.counterSizeString,\n        fileCount,\n        humanReadableFileSize(bytes, this.base === 1024)\n      )\n    },\n    internalArrayValue (): File[] {\n      return wrapInArray(this.internalValue)\n    },\n    internalValue: {\n      get (): File[] {\n        return this.lazyValue\n      },\n      set (val: File | File[]) {\n        this.lazyValue = val\n        this.$emit('change', this.lazyValue)\n      },\n    },\n    isDirty (): boolean {\n      return this.internalArrayValue.length > 0\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    isMultiple (): boolean {\n      return this.$attrs.hasOwnProperty('multiple')\n    },\n    text (): string[] {\n      if (!this.isDirty && (this.isFocused || !this.hasLabel)) return [this.placeholder]\n\n      return this.internalArrayValue.map((file: File) => {\n        const {\n          name = '',\n          size = 0,\n        } = file\n\n        const truncatedText = this.truncateText(name)\n\n        return !this.showSize\n          ? truncatedText\n          : `${truncatedText} (${humanReadableFileSize(size, this.base === 1024)})`\n      })\n    },\n    base (): 1000 | 1024 | undefined {\n      return typeof this.showSize !== 'boolean' ? this.showSize : undefined\n    },\n    hasChips (): boolean {\n      return this.chips || this.smallChips\n    },\n  },\n\n  watch: {\n    readonly: {\n      handler (v) {\n        if (v === true) consoleError('readonly is not supported on <v-file-input>', this)\n      },\n      immediate: true,\n    },\n    value (v) {\n      const value = this.isMultiple ? v : v ? [v] : []\n      if (!deepEqual(value, this.$refs.input.files)) {\n        // When the input value is changed programatically, clear the\n        // internal input's value so that the `onInput` handler\n        // can be triggered again if the user re-selects the exact\n        // same file(s). Ideally, `input.files` should be\n        // manipulated directly but that property is readonly.\n        this.$refs.input.value = ''\n      }\n    },\n  },\n\n  methods: {\n    clearableCallback () {\n      this.internalValue = this.isMultiple ? [] : null\n      this.$refs.input.value = ''\n    },\n    genChips () {\n      if (!this.isDirty) return []\n\n      return this.text.map((text, index) => this.$createElement(VChip, {\n        props: { small: this.smallChips },\n        on: {\n          'click:close': () => {\n            const internalValue = this.internalValue\n            internalValue.splice(index, 1)\n            this.internalValue = internalValue // Trigger the watcher\n          },\n        },\n      }, [text]))\n    },\n    genControl () {\n      const render = VTextField.options.methods.genControl.call(this)\n\n      if (this.hideInput) {\n        render.data!.style = mergeStyles(\n          render.data!.style,\n          { display: 'none' }\n        )\n      }\n\n      return render\n    },\n    genInput () {\n      const input = VTextField.options.methods.genInput.call(this)\n\n      // We should not be setting value\n      // programmatically on the input\n      // when it is using type=\"file\"\n      delete input.data!.domProps!.value\n\n      // This solves an issue in Safari where\n      // nothing happens when adding a file\n      // do to the input event not firing\n      // https://github.com/vuetifyjs/vuetify/issues/7941\n      delete input.data!.on!.input\n      input.data!.on!.change = this.onInput\n\n      return [this.genSelections(), input]\n    },\n    genPrependSlot () {\n      if (!this.prependIcon) return null\n\n      const icon = this.genIcon('prepend', () => {\n        this.$refs.input.click()\n      })\n\n      return this.genSlot('prepend', 'outer', [icon])\n    },\n    genSelectionText (): string[] {\n      const length = this.text.length\n\n      if (length < 2) return this.text\n      if (this.showSize && !this.counter) return [this.computedCounterValue]\n      return [this.$vuetify.lang.t(this.counterString, length)]\n    },\n    genSelections () {\n      const children = []\n\n      if (this.isDirty && this.$scopedSlots.selection) {\n        this.internalArrayValue.forEach((file: File, index: number) => {\n          if (!this.$scopedSlots.selection) return\n\n          children.push(\n            this.$scopedSlots.selection({\n              text: this.text[index],\n              file,\n              index,\n            })\n          )\n        })\n      } else {\n        children.push(this.hasChips && this.isDirty ? this.genChips() : this.genSelectionText())\n      }\n\n      return this.$createElement('div', {\n        staticClass: 'v-file-input__text',\n        class: {\n          'v-file-input__text--placeholder': this.placeholder && !this.isDirty,\n          'v-file-input__text--chips': this.hasChips && !this.$scopedSlots.selection,\n        },\n      }, children)\n    },\n    genTextFieldSlot () {\n      const node = VTextField.options.methods.genTextFieldSlot.call(this)\n\n      node.data!.on = {\n        ...(node.data!.on || {}),\n        click: () => this.$refs.input.click(),\n      }\n\n      return node\n    },\n    onInput (e: Event) {\n      const files = [...(e.target as HTMLInputElement).files || []]\n\n      this.internalValue = this.isMultiple ? files : files[0]\n\n      // Set initialValue here otherwise isFocused\n      // watcher in VTextField will emit a change\n      // event whenever the component is blurred\n      this.initialValue = this.internalValue\n    },\n    onKeyDown (e: KeyboardEvent) {\n      this.$emit('keydown', e)\n    },\n    truncateText (str: string) {\n      if (str.length < Number(this.truncateLength)) return str\n      const charsKeepOneSide = Math.floor((Number(this.truncateLength) - 1) / 2)\n      return `${str.slice(0, charsKeepOneSide)}…${str.slice(str.length - charsKeepOneSide)}`\n    },\n  },\n})\n"],"file":"VFileInput.mjs"}
+{"version":3,"sources":["../../../src/components/VFileInput/VFileInput.tsx"],"names":["filterFieldProps","makeVFieldProps","VChip","VCounter","VField","useForwardRef","useLocale","useProxiedModel","computed","nextTick","ref","defineComponent","filterInputAttrs","humanReadableFileSize","useRender","wrapInArray","filterInputProps","makeVInputProps","VInput","VFileInput","name","inheritAttrs","props","chips","Boolean","counter","counterSizeString","type","String","default","counterString","multiple","hint","persistentHint","placeholder","showSize","Number","validator","v","includes","prependIcon","modelValue","Array","val","every","clearable","emits","e","files","setup","attrs","emit","slots","t","model","base","undefined","totalBytes","value","reduce","bytes","size","totalBytesReadable","fileNames","map","file","counterValue","fileCount","length","vInputRef","vFieldRef","isFocused","inputRef","messages","onFocus","document","activeElement","focus","onControlClick","click","onClear","stopPropagation","hasCounter","rootAttrs","inputAttrs","_","inputProps","fieldProps","isDisabled","isDirty","isReadonly","isValid","class","fieldClass","slotProps","target","selection","text","color","join","details"],"mappings":"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","sourcesContent":["// Styles\nimport './VFileInput.sass'\n\n// Components\nimport { filterFieldProps, makeVFieldProps } from '@/components/VField/VField'\nimport { VChip } from '@/components/VChip'\nimport { VCounter } from '@/components/VCounter'\nimport { VField } from '@/components/VField'\n\n// Composables\nimport { useForwardRef } from '@/composables/forwardRef'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, nextTick, ref } from 'vue'\nimport { defineComponent, filterInputAttrs, humanReadableFileSize, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\n\nexport const VFileInput = defineComponent({\n  name: 'VFileInput',\n\n  inheritAttrs: false,\n\n  props: {\n    chips: Boolean,\n    counter: Boolean,\n    counterSizeString: {\n      type: String,\n      default: '$vuetify.fileInput.counterSize',\n    },\n    counterString: {\n      type: String,\n      default: '$vuetify.fileInput.counter',\n    },\n    multiple: Boolean,\n    hint: String,\n    persistentHint: Boolean,\n    placeholder: String,\n    showSize: {\n      type: [Boolean, Number] as PropType<boolean | 1000 | 1024>,\n      default: false,\n      validator: (v: boolean | number) => {\n        return (\n          typeof v === 'boolean' ||\n          [1000, 1024].includes(v)\n        )\n      },\n    },\n\n    ...makeVInputProps(),\n\n    prependIcon: {\n      type: String,\n      default: '$file',\n    },\n    modelValue: {\n      type: Array as PropType<File[]>,\n      default: () => ([]),\n      validator: (val: any) => {\n        return wrapInArray(val).every(v => v != null && typeof v === 'object')\n      },\n    },\n\n    ...makeVFieldProps({ clearable: true }),\n  },\n\n  emits: {\n    'click:clear': (e: MouseEvent) => true,\n    'click:control': (e: MouseEvent) => true,\n    'update:modelValue': (files: File[]) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const { t } = useLocale()\n    const model = useProxiedModel(props, 'modelValue')\n    const base = computed(() => typeof props.showSize !== 'boolean' ? props.showSize : undefined)\n    const totalBytes = computed(() => (model.value ?? []).reduce((bytes, { size = 0 }) => bytes + size, 0))\n    const totalBytesReadable = computed(() => humanReadableFileSize(totalBytes.value, base.value))\n\n    const fileNames = computed(() => (model.value ?? []).map(file => {\n      const { name = '', size = 0 } = file\n\n      return !props.showSize\n        ? name\n        : `${name} (${humanReadableFileSize(size, base.value)})`\n    }))\n\n    const counterValue = computed(() => {\n      const fileCount = model.value?.length ?? 0\n      if (props.showSize) return t(props.counterSizeString, fileCount, totalBytesReadable.value)\n      else return t(props.counterString, fileCount)\n    })\n    const vInputRef = ref<VInput>()\n    const vFieldRef = ref<VInput>()\n    const isFocused = ref(false)\n    const inputRef = ref<HTMLInputElement>()\n    const messages = computed(() => {\n      return props.messages.length\n        ? props.messages\n        : (props.persistentHint) ? props.hint : ''\n    })\n    function onFocus () {\n      if (inputRef.value !== document.activeElement) {\n        inputRef.value?.focus()\n      }\n\n      if (!isFocused.value) {\n        isFocused.value = true\n      }\n    }\n    function onControlClick (e: MouseEvent) {\n      inputRef.value?.click()\n\n      emit('click:control', e)\n    }\n    function onClear (e: MouseEvent) {\n      e.stopPropagation()\n\n      onFocus()\n\n      nextTick(() => {\n        model.value = []\n\n        if (inputRef?.value) {\n          inputRef.value.value = ''\n        }\n\n        emit('click:clear', e)\n      })\n    }\n\n    useRender(() => {\n      const hasCounter = !!(slots.counter || props.counter)\n      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs)\n      const [{ modelValue: _, ...inputProps }] = filterInputProps(props)\n      const [fieldProps] = filterFieldProps(props)\n\n      return (\n        <VInput\n          ref={ vInputRef }\n          v-model={ model.value }\n          class=\"v-file-input\"\n          { ...rootAttrs }\n          { ...inputProps }\n          onClick:prepend={ onControlClick }\n          messages={ messages.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              isDisabled,\n              isDirty,\n              isReadonly,\n              isValid,\n            }) => (\n              <VField\n                ref={ vFieldRef }\n                prepend-icon={ props.prependIcon }\n                onClick:control={ onControlClick }\n                onClick:clear={ onClear }\n                { ...fieldProps }\n                active={ isDirty.value || isFocused.value }\n                dirty={ isDirty.value }\n                focused={ isFocused.value }\n                error={ isValid.value === false }\n              >\n                {{\n                  ...slots,\n                  default: ({\n                    props: { class: fieldClass, ...slotProps },\n                  }) => (\n                    <>\n                      <input\n                        ref={ inputRef }\n                        type=\"file\"\n                        readonly={ isReadonly.value }\n                        disabled={ isDisabled.value }\n                        multiple={ props.multiple }\n                        name={ props.name }\n                        onClick={ e => {\n                          e.stopPropagation()\n\n                          onFocus()\n                        } }\n                        onChange={ e => {\n                          if (!e.target) return\n\n                          const target = e.target as HTMLInputElement\n                          model.value = [...target.files ?? []]\n                        } }\n                        onFocus={ onFocus }\n                        onBlur={ () => (isFocused.value = false) }\n                        { ...slotProps }\n                        { ...inputAttrs }\n                      />\n\n                      { model.value.length > 0 && (\n                        <div class={ fieldClass }>\n                          { slots.selection ? slots.selection({\n                            fileNames: fileNames.value,\n                            totalBytes: totalBytes.value,\n                            totalBytesReadable: totalBytesReadable.value,\n                          })\n                          : props.chips ? fileNames.value.map(text => (\n                            <VChip\n                              key={ text }\n                              size=\"small\"\n                              color={ props.color }\n                            >{ text }</VChip>\n                          ))\n                          : fileNames.value.join(', ') }\n                        </div>\n                      ) }\n                    </>\n                  ),\n                }}\n              </VField>\n            ),\n            details: hasCounter ? () => (\n              <>\n                <span />\n\n                <VCounter\n                  active={ !!model.value.length }\n                  value={ counterValue.value }\n                  v-slots={ slots.counter }\n                />\n              </>\n            ) : undefined,\n          }}\n        </VInput>\n      )\n    })\n\n    return useForwardRef({}, vInputRef, vFieldRef, inputRef)\n  },\n})\n\nexport type VFileInput = InstanceType<typeof VFileInput>\n"],"file":"VFileInput.mjs"}

package/lib/components/VFileInput/VFileInput.sass

@@ -1,60 +1,12 @@
-@import './_variables'
-@import '../../styles/styles.sass'
-
-+theme(v-file-input) using ($material)
-  .v-file-input__text
-    color: map-deep-get($material, 'text', 'primary')
-
-    &--placeholder
-      color: map-deep-get($material, 'text', 'secondary')
-
-  &.v-input--is-disabled
-    .v-file-input__text
-      color: map-deep-get($material, 'text', 'disabled')
-
-      .v-file-input__text--placeholder
-        color: map-deep-get($material, 'text', 'disabled')
+@forward './variables'
+@use './variables' as *
 
 // Block
 .v-file-input
   input[type="file"]
     left: 0
+    max-width: 0
     opacity: 0
     pointer-events: none
     position: absolute
-    max-width: 0
     width: 0
-
-// Element
-.v-file-input .v-file-input__text
-  align-items: center
-  align-self: stretch
-  display: flex
-  flex-wrap: wrap
-  width: 100%
-
-  &.v-file-input__text--chips
-    flex-wrap: wrap
-
-  .v-chip
-    margin: $file-input-chip-margin
-
-.v-file-input .v-text-field__slot
-  min-height: $file-input-slot-min-height
-
-.v-file-input
-  &.v-input--dense
-    .v-text-field__slot
-      min-height: $file-input-slot-dense-min-height
-
-.v-file-input.v-text-field--filled:not(.v-text-field--single-line)
-  .v-file-input__text
-    padding-top: $file-input-filled-padding-top
-
-.v-file-input.v-text-field--outlined
-  .v-text-field__slot
-    padding: $file-input-outlined-padding
-
-  &.v-input--dense
-    .v-text-field__slot
-      padding: $file-input-outlined-dense-padding

package/lib/components/VFileInput/_variables.scss

@@ -1,6 +1,2 @@
-$file-input-filled-padding-top: 22px !default;
-$file-input-chip-margin: 4px !default;
-$file-input-outlined-padding: 6px 0 !default;
-$file-input-outlined-dense-padding: 3px 0 !default;
-$file-input-slot-min-height: 32px !default;
-$file-input-slot-dense-min-height: 26px !default;
+// Defaults
+$file-input-chip-margin-inline-end: 4px !default;

package/lib/components/VFileInput/index.mjs

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

package/lib/components/VFileInput/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VFileInput/index.ts"],"names":["VFileInput"],"mappings":"OAAOA,U;AAEP,SAASA,UAAT;AACA,eAAeA,UAAf","sourcesContent":["import VFileInput from './VFileInput'\n\nexport { VFileInput }\nexport default VFileInput\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VFileInput/index.ts"],"names":["VFileInput"],"mappings":"SAASA,U","sourcesContent":["export { VFileInput } from './VFileInput'\n"],"file":"index.mjs"}

package/lib/components/VFooter/VFooter.css

@@ -0,0 +1,20 @@
+.v-footer {
+  align-items: center;
+  display: flex;
+  flex: 1 1 auto;
+  padding: 8px 16px;
+  position: relative;
+  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 0;
+  background: rgb(var(--v-theme-surface));
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+.v-footer--absolute {
+  position: absolute;
+}
+.v-footer--fixed {
+  position: fixed;
+}
+.v-footer--rounded {
+  border-radius: 4px;
+}