{"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"],"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"],"mappings":"6KAAsGA,EAChG,W,IAEAC,EAAM,K,EAAC,QAAW,G,OAAG,EAAK,SAAU,Q,IAAC,Q,MAAe,6DAAQ,2BAAM,MAAC,CAAG,SAAC,GAAC,c,SAAgCC,I,MAAyBC,QAAyB,IAAIC,MAAG,SAAQ,GAAcC,OAAV,EAAC,kBAAoB,EAAC,MAAQ,kB,CAAgC,UAAK,C,IAAa,S,YAAuBF,SAA+B,OAAIA,SAAO,WAAyB,GAAQC,aAAiE,KAAME,OAA0ED,OAAW,EAAC,6BAAgG,KAAS,eAAU,W,MAAKE,CAAC,uDAACN,EAAK,OAAC,mD,YAAS,sB,EAAE,2DAAC,OAAM,EAAG,OAAKE,CAAwB,IAAGC,EAAWC,OAAqC,MAAS,KAAwBJ,GAAM,8BAAC,YAAY,C,YAASE,sBAAkC,WAAE,YAAS,UACh1B,OACGK,aAEJ,MAAe,EAAEA,eAAe,c,6FCuBjB,GAIfC,MAAA,uCACAC,SAAA,CACAC,KAAA,CACAC,MACA,YAAAN,OAEAO,IAAAC,GACA,KAAAC,MAAA,QAAAD,MAKAE,UAAA,CACAC,UAAA,EACAC,YAAA,IAEAC,UAGA,MAAAC,EAAA,KAAAC,MAAAC,MAAAC,IACAC,EAAA,KAAAH,MAAAI,OAEAL,IAEAA,EAAAM,iBAAA,YAAAC,IACAA,EAAAC,iBACA,KAAAX,UAAA,IAEAG,EAAAM,iBAAA,YAAAC,IACAA,EAAAC,iBACA,KAAAX,UAAA,IAEAG,EAAAM,iBAAA,WAAAC,IACAA,EAAAC,iBACA,KAAAX,UAAA,IAEAG,EAAAM,iBAAA,OAAAC,IACAA,EAAAC,iBACA,MAAAC,EAAAF,EACAE,EAAAC,cACA,KAAAC,cAAAF,EAAAC,aAAAE,SAUAZ,EAAAM,iBAAA,WAAAC,IACAA,EAAAC,iBACA,MAAAK,EAAAN,EACA,UAAAM,EAAAC,KACAV,KAAAW,UAIAX,GACAA,EAAAE,iBAAA,SAAAC,IACA,MAAAS,EAAAT,EAAAS,OACAA,EAAAJ,OACA,KAAAD,cAAAK,EAAAJ,WAMAK,QAAA,CACAN,cAAAO,GAEA,KAAArB,UAAA,EACA,KAAAsB,UACA,WAAA5B,OACA,KAAAA,KAAA,IACA,KAAAA,KAAA,SAAAA,MAAA,MAAA2B,IAEA,KAAA3B,KAAA2B,EAAA,MC/GkX,I,YCO9WE,EAAY,eACd,EACA,EACAhC,GACA,EACA,KACA,KACA,MAIa,aAAAgC,E","file":"js/chunk-2d0a4771.ee5b90ff.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>\n  <div>\n    <v-card outlined id=\"dropzone\" ref=\"dzone\" tabindex=\"0\"  width=\"100%\"\n      :class=\"[\n        'px-2 py-6 d-flex flex-column justify-center align-center',\n        !dragover || 'elevation-6',\n      ]\" @click.stop=\"$refs.upload.click()\">\n      <input ref=\"upload\" :multiple=\"multiple\" id=\"fileUpload\" type=\"file\" :accept=\"accept || 'application/pdf'\"\n        class=\"d-none\" />\n      \n      <slot name=\"placeholder\" >\n        <v-subheader>Arrastra y suelta tus archivos</v-subheader>\n      </slot>\n\n      <span v-if=\"!!value || ( Array.isArray(value) && value.length > 0 )\" class=\"d-flex flex-column\">\n\n        <v-chip label :key=\"i\" v-for=\" f, i in Array.isArray(value) ? value : [value] \">\n          {{ f.name }}\n        </v-chip>\n\n      </span>\n      <span v-else class=\"d-flex flex-column\">\n        <v-icon class=\"mx-auto\" x-large :color=\"errors ? 'error' : 'secondary'\">mdi-folder-open</v-icon>Haz click aquí o\n        arrastra los archivos\n      </span>\n    </v-card>\n  </div>\n</template>\n\n<script>\nexport default {\n  // internal properties\n  // formUpload: boolean = false\n  // dragover: boolean = false\n  props: [\"value\", \"multiple\", \"accept\", 'errors'],\n  computed: {\n    file: {\n      get() {\n        return this.value;\n      },\n      set(val) {\n        this.$emit(\"input\", val);\n      },\n    },\n  },\n\n  data: () => ({\n    dragover: false,\n    formUpload: false,\n  }),\n  mounted() {\n    // to register listeners, we have to know the\n    // html elements\n    const dropzone = this.$refs.dzone.$el;\n    const fileupload = this.$refs.upload;\n    // register listeners on your dropzone / v-sheet\n    if (dropzone) {\n      // register all drag & drop event listeners\n      dropzone.addEventListener(\"dragenter\", (e) => {\n        e.preventDefault();\n        this.dragover = true;\n      });\n      dropzone.addEventListener(\"dragleave\", (e) => {\n        e.preventDefault();\n        this.dragover = false;\n      });\n      dropzone.addEventListener(\"dragover\", (e) => {\n        e.preventDefault();\n        this.dragover = true;\n      });\n      dropzone.addEventListener(\"drop\", (e) => {\n        e.preventDefault();\n        const dragevent = e;\n        if (dragevent.dataTransfer) {\n          this.filesSelected(dragevent.dataTransfer.files);\n        }\n      });\n      // register event listener for keyboard usage\n      // dropzone.addEventListener(\"click\", (e) => {\n      // \te.preventDefault();\n      // \tif (fileupload) {\n      // \t\tfileupload.click();\n      // \t}\n      // });\n      dropzone.addEventListener(\"keypress\", (e) => {\n        e.preventDefault();\n        const keyEvent = e;\n        if (keyEvent.key === \"Enter\") {\n          if (fileupload) fileupload.click();\n        }\n      });\n      // register listeners on the file input\n      if (fileupload) {\n        fileupload.addEventListener(\"change\", (e) => {\n          const target = e.target;\n          if (target.files) {\n            this.filesSelected(target.files);\n          }\n        });\n      }\n    }\n  },\n  methods: {\n    filesSelected(fileList) {\n      // this.$emit(\"filesAdded\", fileList);\n      this.dragover = false;\n      if (this.multiple) {\n        if (this.file == null)\n          this.file = [];\n        this.file = [...(this.file || []), ...fileList];\n      } else {\n        this.file = fileList[0]\n      };\n    },\n  },\n  /**\n   * upload event...\n   */\n  // @Emit()\n  // filesSelected(fileList: FileList) {\n  //   this.dragover = false\n  // }\n};\n</script>\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"],"sourceRoot":""}