{"version":3,"sources":["webpack:///./src/components/DragAndDrop.vue","webpack:///src/components/DragAndDrop.vue","webpack:///./src/components/DragAndDrop.vue?4be3","webpack:///./src/components/DragAndDrop.vue?d878","webpack:///../../../src/components/VChip/VChip.ts","webpack:///../../../src/components/VSubheader/VSubheader.ts"],"names":["class","attrs","stopPropagation","_vm","_c","staticClass","value","i","staticRenderFns","props","computed","file","get","set","val","$emit","data","dragover","formUpload","mounted","dropzone","$refs","dzone","$el","fileupload","upload","addEventListener","e","preventDefault","dragevent","dataTransfer","filesSelected","files","keyEvent","key","click","target","methods","fileList","multiple","component","mixins","Colorable","Sizeable","Routable","Themeable","GroupableFactory","ToggleableFactory","extend","name","active","type","Boolean","default","activeClass","String","this","chipGroup","close","closeIcon","closeLabel","disabled","draggable","filter","filterIcon","label","link","outlined","pill","tag","textColor","proxyClass","classes","options","call","isClickable","isLink","color","hasClose","themeClasses","sizeableClasses","groupClasses","created","breakingProps","forEach","original","replacement","$attrs","hasOwnProperty","breaking","toggle","genFilter","children","isActive","push","$createElement","VIcon","left","VExpandXTransition","genClose","right","size","$vuetify","lang","t","on","genContent","$slots","render","h","generateRouteLink","undefined","tabindex","directives","setBackgroundColor","setTextColor","inset","$listeners"],"mappings":"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","file":"js/chunk-8bd413e2.52f1e35f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-card',{ref:\"dzone\",class:[\n      'px-2 py-6 d-flex flex-column justify-center align-center',\n      !_vm.dragover || 'elevation-6',\n    ],attrs:{\"outlined\":\"\",\"id\":\"dropzone\",\"tabindex\":\"0\",\"width\":\"100%\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.$refs.upload.click()}}},[_c('input',{ref:\"upload\",staticClass:\"d-none\",attrs:{\"multiple\":_vm.multiple,\"id\":\"fileUpload\",\"type\":\"file\",\"accept\":_vm.accept || 'application/pdf'}}),_vm._t(\"placeholder\",function(){return [_c('v-subheader',[_vm._v(\"Arrastra y suelta tus archivos\")])]}),(!!_vm.value || ( Array.isArray(_vm.value) && _vm.value.length > 0 ))?_c('span',{staticClass:\"d-flex flex-column\"},_vm._l((Array.isArray(_vm.value) ? _vm.value : [_vm.value]),function(f,i){return _c('v-chip',{key:i,attrs:{\"label\":\"\"}},[_vm._v(\" \"+_vm._s(f.name)+\" \")])}),1):_c('span',{staticClass:\"d-flex flex-column\"},[_c('v-icon',{staticClass:\"mx-auto\",attrs:{\"x-large\":\"\",\"color\":_vm.errors ? 'error' : 'secondary'}},[_vm._v(\"mdi-folder-open\")]),_vm._v(\"Haz click aquí o arrastra los archivos \")],1)],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-card outlined id=\"dropzone\" ref=\"dzone\" tabindex=\"0\"  width=\"100%\"\r\n      :class=\"[\r\n        'px-2 py-6 d-flex flex-column justify-center align-center',\r\n        !dragover || 'elevation-6',\r\n      ]\" @click.stop=\"$refs.upload.click()\">\r\n      <input ref=\"upload\" :multiple=\"multiple\" id=\"fileUpload\" type=\"file\" :accept=\"accept || 'application/pdf'\"\r\n        class=\"d-none\" />\r\n      \r\n      <slot name=\"placeholder\" >\r\n        <v-subheader>Arrastra y suelta tus archivos</v-subheader>\r\n      </slot>\r\n\r\n      <span v-if=\"!!value || ( Array.isArray(value) && value.length > 0 )\" class=\"d-flex flex-column\">\r\n\r\n        <v-chip label :key=\"i\" v-for=\" f, i in Array.isArray(value) ? value : [value] \">\r\n          {{ f.name }}\r\n        </v-chip>\r\n\r\n      </span>\r\n      <span v-else class=\"d-flex flex-column\">\r\n        <v-icon class=\"mx-auto\" x-large :color=\"errors ? 'error' : 'secondary'\">mdi-folder-open</v-icon>Haz click aquí o\r\n        arrastra los archivos\r\n      </span>\r\n    </v-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  // internal properties\r\n  // formUpload: boolean = false\r\n  // dragover: boolean = false\r\n  props: [\"value\", \"multiple\", \"accept\", 'errors'],\r\n  computed: {\r\n    file: {\r\n      get() {\r\n        return this.value;\r\n      },\r\n      set(val) {\r\n        this.$emit(\"input\", val);\r\n      },\r\n    },\r\n  },\r\n\r\n  data: () => ({\r\n    dragover: false,\r\n    formUpload: false,\r\n  }),\r\n  mounted() {\r\n    // to register listeners, we have to know the\r\n    // html elements\r\n    const dropzone = this.$refs.dzone.$el;\r\n    const fileupload = this.$refs.upload;\r\n    // register listeners on your dropzone / v-sheet\r\n    if (dropzone) {\r\n      // register all drag & drop event listeners\r\n      dropzone.addEventListener(\"dragenter\", (e) => {\r\n        e.preventDefault();\r\n        this.dragover = true;\r\n      });\r\n      dropzone.addEventListener(\"dragleave\", (e) => {\r\n        e.preventDefault();\r\n        this.dragover = false;\r\n      });\r\n      dropzone.addEventListener(\"dragover\", (e) => {\r\n        e.preventDefault();\r\n        this.dragover = true;\r\n      });\r\n      dropzone.addEventListener(\"drop\", (e) => {\r\n        e.preventDefault();\r\n        const dragevent = e;\r\n        if (dragevent.dataTransfer) {\r\n          this.filesSelected(dragevent.dataTransfer.files);\r\n        }\r\n      });\r\n      // register event listener for keyboard usage\r\n      // dropzone.addEventListener(\"click\", (e) => {\r\n      // \te.preventDefault();\r\n      // \tif (fileupload) {\r\n      // \t\tfileupload.click();\r\n      // \t}\r\n      // });\r\n      dropzone.addEventListener(\"keypress\", (e) => {\r\n        e.preventDefault();\r\n        const keyEvent = e;\r\n        if (keyEvent.key === \"Enter\") {\r\n          if (fileupload) fileupload.click();\r\n        }\r\n      });\r\n      // register listeners on the file input\r\n      if (fileupload) {\r\n        fileupload.addEventListener(\"change\", (e) => {\r\n          const target = e.target;\r\n          if (target.files) {\r\n            this.filesSelected(target.files);\r\n          }\r\n        });\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    filesSelected(fileList) {\r\n      // this.$emit(\"filesAdded\", fileList);\r\n      this.dragover = false;\r\n      if (this.multiple) {\r\n        if (this.file == null)\r\n          this.file = [];\r\n        this.file = [...(this.file || []), ...fileList];\r\n      } else {\r\n        this.file = fileList[0]\r\n      };\r\n    },\r\n  },\r\n  /**\r\n   * upload event...\r\n   */\r\n  // @Emit()\r\n  // filesSelected(fileList: FileList) {\r\n  //   this.dragover = false\r\n  // }\r\n};\r\n</script>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./DragAndDrop.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./DragAndDrop.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DragAndDrop.vue?vue&type=template&id=2ad17df6\"\nimport script from \"./DragAndDrop.vue?vue&type=script&lang=js\"\nexport * from \"./DragAndDrop.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/cli-service/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","// Styles\nimport './VChip.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { VExpandXTransition } from '../transitions'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\n// Types\nimport { PropValidator, PropType } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory('inputValue')\n).extend({\n  name: 'v-chip',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    activeClass: {\n      type: String,\n      default (): string | undefined {\n        if (!this.chipGroup) return ''\n\n        return this.chipGroup.activeClass\n      },\n    } as any as PropValidator<string>,\n    close: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    disabled: Boolean,\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    outlined: Boolean,\n    pill: Boolean,\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    textColor: String,\n    value: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'v-chip--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-chip': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-chip--clickable': this.isClickable,\n        'v-chip--disabled': this.disabled,\n        'v-chip--draggable': this.draggable,\n        'v-chip--label': this.label,\n        'v-chip--link': this.isLink,\n        'v-chip--no-color': !this.color,\n        'v-chip--outlined': this.outlined,\n        'v-chip--pill': this.pill,\n        'v-chip--removable': this.hasClose,\n        ...this.themeClasses,\n        ...this.sizeableClasses,\n        ...this.groupClasses,\n      }\n    },\n    hasClose (): boolean {\n      return Boolean(this.close)\n    },\n    isClickable (): boolean {\n      return Boolean(\n        Routable.options.computed.isClickable.call(this) ||\n        this.chipGroup\n      )\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['outline', 'outlined'],\n      ['selected', 'input-value'],\n      ['value', 'active'],\n      ['@input', '@active.sync'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      this.$emit('click', e)\n\n      this.chipGroup && this.toggle()\n    },\n    genFilter (): VNode {\n      const children = []\n\n      if (this.isActive) {\n        children.push(\n          this.$createElement(VIcon, {\n            staticClass: 'v-chip__filter',\n            props: { left: true },\n          }, this.filterIcon)\n        )\n      }\n\n      return this.$createElement(VExpandXTransition, children)\n    },\n    genClose (): VNode {\n      return this.$createElement(VIcon, {\n        staticClass: 'v-chip__close',\n        props: {\n          right: true,\n          size: 18,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: (e: Event) => {\n            e.stopPropagation()\n            e.preventDefault()\n\n            this.$emit('click:close')\n            this.$emit('update:active', false)\n          },\n        },\n      }, this.closeIcon)\n    },\n    genContent (): VNode {\n      return this.$createElement('span', {\n        staticClass: 'v-chip__content',\n      }, [\n        this.filter && this.genFilter(),\n        this.$slots.default,\n        this.hasClose && this.genClose(),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    const children = [this.genContent()]\n    let { tag, data } = this.generateRouteLink()\n\n    data.attrs = {\n      ...data.attrs,\n      draggable: this.draggable ? 'true' : undefined,\n      tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs!.tabindex,\n    }\n    data.directives!.push({\n      name: 'show',\n      value: this.active,\n    })\n    data = this.setBackgroundColor(this.color, data)\n\n    const color = this.textColor || (this.outlined && this.color)\n\n    return h(tag, this.setTextColor(color, data), children)\n  },\n})\n","// Styles\nimport './VSubheader.sass'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-subheader',\n\n  props: {\n    inset: Boolean,\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-subheader',\n      class: {\n        'v-subheader--inset': this.inset,\n        ...this.themeClasses,\n      },\n      attrs: this.$attrs,\n      on: this.$listeners,\n    }, this.$slots.default)\n  },\n})\n"],"sourceRoot":""}