{"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.ca106a77.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"],"sourceRoot":""}