{"version":3,"sources":["webpack:///./src/modules/audios/components/DragAndDrop.vue","webpack:///src/modules/audios/components/DragAndDrop.vue","webpack:///./src/modules/audios/components/DragAndDrop.vue?f608","webpack:///./src/modules/audios/components/DragAndDrop.vue?b9c2"],"names":["$t","on","$event","ref","staticClass","attrs","accept","_c","staticStyle","_vm","key","file","length","f","click","stopPropagation","render","props","computed","get","value","set","val","$emit","data","dragover","formUpload","mounted","dropzone","$refs","dzone","$el","fileupload","upload","addEventListener","e","preventDefault","dragevent","dataTransfer","filesSelected","files","keyEvent","target","methods","fileList","component","staticRenderFns"],"mappings":"qMAGW,W,IAAc,EAAK,K,EAAW,QAAW,G,OAAI,QAAYA,GAAG,Q,IAAsB,QAAc,MAAC,wFAACC,MAAG,CAAC,SAAQ,G,GAAiBC,W,SAAmC,IAAqB,iCAAC,cAAgBC,GAAG,CAAUC,MAAW,SAAS,GAAQ,OAAPC,EAAM,kBAAS,EAAI,MAACC,OAAM,W,CAA2C,UAAO,CAAM,aAAG,YAAU,SAA6CF,OAAmCG,OAAG,EAAS,OAACH,SAAY,WAAUC,GAAM,aAAC,eAAgC,yCAAE,YAAS,sBAAqFD,UAAW,CAAoBI,YAAY,U,MAAM,CAAO,aAAGC,MAAW,c,CAAyCC,EAAG,GAAE,8E,YAAO,mB,YAAS,CAAE,aAA8B,EAAI,GAAGD,EAAIE,MAAI,SAAY,EAACC,GAA4DP,OAAM,UAAC,MAAU,MAAO,CAAS,WAAK,MAAQ,KAAAQ,EAAAC,Y,KAAiBZ,EAAOa,aAAiB,uC,MAAI,CAAU,QAAC,eAAiBV,IAAO,MAAO,YAAE,oBAAII,EAAM,KAAC,MAI59B,GAASO,OAAM,C,+EC0BA,GAIfC,MAAA,sCACAC,SAAA,CACAP,KAAA,CACAQ,MACA,YAAAC,OAEAC,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,EAAA/B,KACAsB,KAAAlB,UAIAkB,GACAA,EAAAE,iBAAA,SAAAC,IACA,MAAAO,EAAAP,EAAAO,OACAA,EAAAF,OACA,KAAAD,cAAAG,EAAAF,WAMAG,QAAA,CACAJ,cAAAK,GAEA,KAAAnB,UAAA,EAEA,KAAAd,KAAAiC,KC9GgZ,I,YCO5YC,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAAD,E","file":"js/chunk-2d22495e.f187d024.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-card',{ref:\"dzone\",class:[\n\t\t\t'px-2 py-6 d-flex flex-column justify-center align-center',\n\t\t\t!_vm.dragover || 'elevation-6',\n\t\t],attrs:{\"outlined\":\"\",\"id\":\"dropzone\",\"tabindex\":\"0\",\"title\":_vm.$t('common.dragAndDrop'),\"width\":\"100%\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.$refs.upload.click()}}},[_c('input',{ref:\"upload\",staticClass:\"d-none\",attrs:{\"accept\":_vm.accept,\"multiple\":_vm.multiple,\"id\":\"fileUpload\",\"type\":\"file\"}}),(_vm.file == null || _vm.file.length == 0)?_c('span',{staticClass:\"d-flex flex-column\"},[_c('v-icon',{staticClass:\"mx-auto\",attrs:{\"x-large\":\"\",\"color\":\"secondary\"}},[_vm._v(\"mdi-folder-open\")]),_vm._v(_vm._s(_vm.$t('common.dragAndDrop'))+\" \")],1):_c('span',{staticClass:\"d-flex flex-wrap\",staticStyle:{\"gap\":\"10px\"}},_vm._l((_vm.file),function(f,i){return _c('v-chip',{key:i,attrs:{\"label\":\"\"}},[_vm._v(_vm._s(f.name))])}),1)]),(_vm.file && _vm.file.length > 0)?_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"error\"},on:{\"click\":function($event){$event.stopPropagation();_vm.file = []}}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"mdi-close\")]),_vm._v(\"Quitar \")],1)],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div>\r\n\t\t<v-card\r\n\t\t\toutlined\r\n\t\t\tid=\"dropzone\"\r\n\t\t\tref=\"dzone\"\r\n\t\t\ttabindex=\"0\"\r\n\t\t\t:title=\"$t('common.dragAndDrop')\"\r\n\t\t\twidth=\"100%\"\r\n\t\t\t:class=\"[\r\n\t\t\t\t'px-2 py-6 d-flex flex-column justify-center align-center',\r\n\t\t\t\t!dragover || 'elevation-6',\r\n\t\t\t]\"\r\n\t\t\t@click.stop=\"$refs.upload.click()\"\r\n\t\t>\r\n\t\t\t<input ref=\"upload\" :accept=\"accept\" :multiple=\"multiple\" id=\"fileUpload\" type=\"file\" class=\"d-none\" />\r\n\t\t\t<span v-if=\"file == null || file.length == 0\" class=\"d-flex flex-column\">\r\n\t\t\t\t<v-icon class=\"mx-auto\" x-large color=\"secondary\">mdi-folder-open</v-icon>{{ $t('common.dragAndDrop') }}\r\n\t\t\t</span>\r\n\t\t\t<span v-else class=\"d-flex flex-wrap\" style=\"gap: 10px\">\r\n\t\t\t\t<v-chip :key=\"i\" v-for=\"(f, i) in file\" label>{{ f.name }}</v-chip>\r\n\t\t\t</span>\r\n\t\t</v-card>\r\n\t\t<v-card-actions v-if=\"file && file.length > 0\">\r\n\t\t\t<v-spacer />\r\n\t\t\t<v-btn text color=\"error\" @click.stop=\"file = []\">\r\n\t\t\t\t<v-icon left>mdi-close</v-icon>Quitar\r\n\t\t\t</v-btn>\r\n\t\t</v-card-actions>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\t// internal properties\r\n\t// formUpload: boolean = false\r\n\t// dragover: boolean = false\r\n\tprops: ['value', 'multiple', 'rules', 'accept'],\r\n\tcomputed: {\r\n\t\tfile: {\r\n\t\t\tget() {\r\n\t\t\t\treturn this.value\r\n\t\t\t},\r\n\t\t\tset(val) {\r\n\t\t\t\tthis.$emit(\"input\", val);\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\r\n\tdata: () => ({\r\n\t\tdragover: false,\r\n\t\tformUpload: false,\r\n\t}),\r\n\tmounted() {\r\n\t\t// to register listeners, we have to know the\r\n\t\t// html elements\r\n\t\tconst dropzone = this.$refs.dzone.$el;\r\n\t\tconst fileupload = this.$refs.upload;\r\n\t\t// register listeners on your dropzone / v-sheet\r\n\t\tif (dropzone) {\r\n\t\t\t// register all drag & drop event listeners\r\n\t\t\tdropzone.addEventListener(\"dragenter\", (e) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tthis.dragover = true;\r\n\t\t\t});\r\n\t\t\tdropzone.addEventListener(\"dragleave\", (e) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tthis.dragover = false;\r\n\t\t\t});\r\n\t\t\tdropzone.addEventListener(\"dragover\", (e) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tthis.dragover = true;\r\n\t\t\t});\r\n\t\t\tdropzone.addEventListener(\"drop\", (e) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tconst dragevent = e;\r\n\t\t\t\tif (dragevent.dataTransfer) {\r\n\t\t\t\t\tthis.filesSelected(dragevent.dataTransfer.files);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\t// register event listener for keyboard usage\r\n\t\t\t// dropzone.addEventListener(\"click\", (e) => {\r\n\t\t\t// \te.preventDefault();\r\n\t\t\t// \tif (fileupload) {\r\n\t\t\t// \t\tfileupload.click();\r\n\t\t\t// \t}\r\n\t\t\t// });\r\n\t\t\tdropzone.addEventListener(\"keypress\", (e) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tconst keyEvent = e;\r\n\t\t\t\tif (keyEvent.key === \"Enter\") {\r\n\t\t\t\t\tif (fileupload) fileupload.click();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\t// register listeners on the file input\r\n\t\t\tif (fileupload) {\r\n\t\t\t\tfileupload.addEventListener(\"change\", (e) => {\r\n\t\t\t\t\tconst target = e.target;\r\n\t\t\t\t\tif (target.files) {\r\n\t\t\t\t\t\tthis.filesSelected(target.files);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\tfilesSelected(fileList) {\r\n\t\t\t// this.$emit(\"filesAdded\", fileList);\r\n\t\t\tthis.dragover = false;\r\n\t\t\t// this.file = fileList\r\n\t\t\tthis.file = fileList;\r\n\t\t},\r\n\t},\r\n\t/**\r\n\t * upload event...\r\n\t */\r\n\t// @Emit()\r\n\t// filesSelected(fileList: FileList) {\r\n\t//   this.dragover = false\r\n\t// }\r\n};\r\n</script>","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=47ee6dbc\"\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":""}