{"version":3,"sources":["webpack:///./src/demo/usages/file-inputs.vue?6d99","webpack:///src/demo/usages/file-inputs.vue","webpack:///./src/demo/usages/file-inputs.vue?f0fc","webpack:///./src/demo/usages/file-inputs.vue","webpack:///../../../src/components/VFileInput/VFileInput.ts","webpack:///../../../src/components/VTextField/index.ts","webpack:///./src/demo/usages/usage.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","_b","attrs","staticRenderFns","component","VFileInput","name","model","prop","event","props","chips","clearable","type","default","counterSizeString","counterString","hideInput","placeholder","prependIcon","readonly","showSize","Boolean","validator","v","includes","smallChips","truncateLength","Number","value","val","computed","classes","computedCounterValue","fileCount","isMultiple","lazyValue","$vuetify","lang","t","bytes","internalArrayValue","reduce","size","base","internalValue","get","set","isDirty","length","isLabelActive","$attrs","hasOwnProperty","text","map","file","truncatedText","hasChips","watch","handler","immediate","$refs","input","methods","clearableCallback","genChips","small","on","genControl","display","genInput","genPrependSlot","icon","genIcon","genSlot","genSelectionText","genSelections","children","$scopedSlots","index","staticClass","class","selection","genTextFieldSlot","node","click","onInput","files","e","onKeyDown","truncateText","str","charsKeepOneSide","Math","Object"],"mappings":"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","file":"js/usages16.93ff1abd.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-file-input',_vm._b({attrs:{\"label\":\"File input\"}},'v-file-input',_vm.attrs,false))}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-file-input\r\n    label=\"File input\"\r\n    v-bind=\"attrs\"\r\n  />\r\n</template>\r\n\r\n<script>\r\n  import Usage from './usage'\r\n\r\n  export default {\r\n    mixins: [Usage],\r\n  }\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./file-inputs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./file-inputs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./file-inputs.vue?vue&type=template&id=61cfa563&\"\nimport script from \"./file-inputs.vue?vue&type=script&lang=js&\"\nexport * from \"./file-inputs.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VFileInput } from 'vuetify/lib/components/VFileInput';\ninstallComponents(component, {VFileInput})\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) 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","import VTextField from './VTextField'\n\nexport { VTextField }\nexport default VTextField\n","export default {\n  props: {\n    attrs: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n}\n"],"sourceRoot":""}