{"version":3,"sources":["webpack:///./src/components/InputDropzone.vue","webpack:///src/components/InputDropzone.vue","webpack:///./src/components/InputDropzone.vue?16a3","webpack:///./src/components/InputDropzone.vue?2ae7","webpack:///./src/components/InputDropzone.vue?c594"],"names":["render","_vm","this","_c","_self","class","hover","on","$event","$refs","files","click","preventDefault","dropFile","apply","arguments","dragEnter","dragLeave","ref","staticClass","attrs","multiple","loadFile","_t","staticRenderFns","_getBase64File","name","reader","console","resolve","_compileFiles","data","props","type","default","acceptFileType","height","methods","then","results","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAM,CAAC,0BAA2BJ,EAAIK,MAAQ,QAAU,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOP,EAAIQ,MAAMC,MAAMC,SAAS,KAAO,SAASH,GAAgC,OAAxBA,EAAOI,iBAAwBX,EAAIY,SAASC,MAAM,KAAMC,YAAY,UAAYd,EAAIe,UAAU,SAAW,SAASR,GAAgC,OAAxBA,EAAOI,iBAAwBX,EAAIe,UAAUF,MAAM,KAAMC,YAAY,UAAYd,EAAIgB,YAAY,CAACd,EAAG,QAAQ,CAACe,IAAI,QAAQC,YAAY,wBAAwBC,MAAM,CAAC,KAAO,OAAO,KAAO,QAAQ,SAAWnB,EAAIoB,UAAUd,GAAG,CAAC,OAASN,EAAIqB,YAAYrB,EAAIsB,GAAG,YAAY,IAE/lBC,EAAkB,GCctB,MAAMC,EAAiB,GAAvB,oBACA,uBACA,oBACAC,QACAC,mBACAA,gBACA,yBAEAA,cACAC,iBACAC,OAIMC,EAAgB,GAAtB,kCAEe,OACfJ,qBACAK,WACAzB,SACAI,WAEAsB,OACAX,UACAY,aACAC,YAEAC,gBACAF,YACAC,YAEAE,QACAH,YACAC,kBAGAG,SACAxB,YACA,cACA,iCACA,kBACA,KACAyB,KAAAC,IACA,4CACA,sBACA,yBAGA,mBAGAvB,aACAY,yBACA,eAGAX,aACAW,yBACA,eAKAN,WACA,cACA,MACA,mBACA,cACA,kBACA,KACAgB,KAAAC,IACA,4CACA,sBACA,yBAGA,qBC5FuV,I,wBCQnVC,EAAY,eACd,EACAxC,EACAwB,GACA,EACA,KACA,KACA,MAIa,aAAAgB,E,2CCnBf","file":"js/chunk-0e723636.d6c51859.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:['input-drop-zone rounded', _vm.hover ? 'hover' : ''],on:{\"click\":function($event){return _vm.$refs.files.click()},\"drop\":function($event){$event.preventDefault();return _vm.dropFile.apply(null, arguments)},\"dragenter\":_vm.dragEnter,\"dragover\":function($event){$event.preventDefault();return _vm.dragEnter.apply(null, arguments)},\"dragleave\":_vm.dragLeave}},[_c('input',{ref:\"files\",staticClass:\"input-drop-zone-input\",attrs:{\"type\":\"file\",\"name\":\"files\",\"multiple\":_vm.multiple},on:{\"change\":_vm.loadFile}}),_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"['input-drop-zone rounded', hover ? 'hover' : '']\" @click=\"$refs.files.click()\" @drop.prevent=\"dropFile\" @dragenter=\"dragEnter\" @dragover.prevent=\"dragEnter\" @dragleave=\"dragLeave\">\n    <input\n      type=\"file\"\n      ref=\"files\"\n      name=\"files\"\n      class=\"input-drop-zone-input\"\n      :multiple=\"multiple\"\n      @change=\"loadFile\"\n    >\n    <slot/>\n  </div>\n</template>\n\n<script>\n\nconst _getBase64File = (file) => new Promise((resolve, reject) => {\n  const reader = new FileReader()\n  const name = file.name.split('.')\n  name.pop()\n  reader.readAsDataURL(file)\n  reader.onload = () => resolve({\n    [name.join('.')]: reader.result\n  })\n  reader.onerror = (e) => {\n    console.error(e)\n    resolve()\n  }\n})\n\nconst _compileFiles = (files) => Promise.all(Array.from(files).map(_getBase64File))\n\nexport default {\n  name: 'InputDropzone',\n  data: () => ({\n    hover: false,\n    files: []\n  }),\n  props: {\n    multiple: {\n      type: Boolean,\n      default: false,\n    },\n    acceptFileType: {\n      type: String,\n      default: ''\n    },\n    height: {\n      type: String,\n      default: '150px'\n    }\n  },\n  methods: {\n    dropFile (event) {\n      this.hover = false\n      const files = event.dataTransfer.files || []\n      if (files.length > 0) {\n        return _compileFiles(files)\n          .then(results => {\n            const tmp = Object.assign({}, ...results.filter(v => v))\n            this.$emit('input', tmp)\n            this.$emit('change', tmp)\n          })\n      }\n      return Promise.resolve()\n    },\n\n    dragEnter (event) {\n      console.log('dragEnter')\n      this.hover = true\n    },\n\n    dragLeave (event) {\n      console.log('dragLeave')\n      this.hover = false\n    },\n\n\n\n    loadFile() {\n      this.hover = false\n      const results = {}\n      const el = this.$refs.files\n      const files = el.files || []\n      if (files.length > 0) {\n        return _compileFiles(files)\n          .then(results => {\n            const tmp = Object.assign({}, ...results.filter(v => v))\n            this.$emit('input', tmp)\n            this.$emit('change', tmp)\n          })\n      }\n      return Promise.resolve()\n    }\n\n  }\n}\n</script>\n\n<style>\n  .input-drop-zone-input {\n    display: none;\n  }\n  .input-drop-zone:hover {\n    background-color: rgba(0,0,0,.05);\n  }\n  .input-drop-zone.hover {\n    border: dashed 2px #aaa;\n  }\n  .input-drop-zone.hover > * {\n    opacity: .5;\n    pointer-events: none;\n  }\n  .input-drop-zone {\n    user-select: none;\n    cursor: pointer;\n    border: solid 2px #ddd;\n    background: #fff;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    height: 150px;\n    text-align: center;\n    align-items: center;\n    justify-content: center;\n  }\n</style>\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-loader/lib/index.js??vue-loader-options!./InputDropzone.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-loader/lib/index.js??vue-loader-options!./InputDropzone.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputDropzone.vue?vue&type=template&id=aa96b89c&\"\nimport script from \"./InputDropzone.vue?vue&type=script&lang=js&\"\nexport * from \"./InputDropzone.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InputDropzone.vue?vue&type=style&index=0&id=aa96b89c&prod&lang=css&\"\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","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputDropzone.vue?vue&type=style&index=0&id=aa96b89c&prod&lang=css&\""],"sourceRoot":""}