{"version":3,"sources":["webpack:///./src/views/tools/FileUpload.vue?7034","webpack:///src/views/tools/FileUpload.vue","webpack:///./src/views/tools/FileUpload.vue?9d63","webpack:///./src/views/tools/FileUpload.vue","webpack:///./src/componentes/Uploads/Image.vue?900d","webpack:///src/componentes/Uploads/Image.vue","webpack:///./src/componentes/Uploads/Image.vue?46a0","webpack:///./src/componentes/Uploads/Image.vue","webpack:///./src/componentes/Uploads/Image.vue?1921"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","on","handleImageUpload","attrs","handleFileUpload","staticRenderFns","component","ref","handleUpload","handleCancel","name","data","img","resizedImage","methods","handleSubmit","e","preventDefault","console","log","$refs","pond","getFile","getFileEncodeDataURL","$emit","components","FilePond"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACA,EAAG,YAAY,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,kBAAkBF,EAAG,cAAc,CAACG,GAAG,CAAC,SAAWP,EAAIQ,sBAAsB,IAAI,GAAGJ,EAAG,QAAQ,CAACA,EAAG,YAAY,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,gBAAgBF,EAAG,aAAa,CAACK,MAAM,CAAC,UAAW,GAAMF,GAAG,CAAC,SAAWP,EAAIU,qBAAqB,IAAI,IAAI,IAC3XC,EAAkB,G,wBCqBtB,GACE,WAAF,CACI,YAAJ,OACI,WAAJ,QAEE,KAAF,WACI,MAAJ,CACM,YAAN,GACM,aAAN,KAIE,QAAF,CACI,iBADJ,SACA,KACM,KAAN,kBAAQ,KAAR,EAAQ,OAAR,IACM,QAAN,uBAEI,kBALJ,SAKA,GACM,QAAN,2BCxCmW,I,YCO/VC,EAAY,eACd,EACAb,EACAY,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,kEClBf,IAAIb,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,YAAY,CAACS,IAAI,OAAOJ,MAAM,CAAC,KAAO,OAAO,aAAa,uEAAuE,sBAAsB,yBAAyBF,GAAG,CAAC,QAAUP,EAAIc,aAAa,WAAad,EAAIe,iBAAiB,IAC1VJ,EAAkB,G,qFC0BtB,G,UAAA,IACA,IACA,MAGA,GACEK,KAAM,cACNC,KAAM,WACJ,MAAO,CACLC,IAAK,GACLC,aAAc,OAGlBC,QAAS,CACPC,aADJ,SACA,GACMC,EAAEC,iBAEFC,QAAQC,IAAIxB,KAAKyB,MAAMC,KAAKC,UAAUC,yBAExCf,aANJ,WAOMb,KAAK6B,MAAM,SAAU7B,KAAKyB,MAAMC,KAAKC,UAAUC,yBAEjDd,aATJ,WAUMd,KAAK6B,MAAM,YAGfC,WAAY,CACVC,SAAJ,ICtD8V,I,wBCQ1VpB,EAAY,eACd,EACAb,EACAY,GACA,EACA,KACA,WACA,MAIa,OAAAC,E,2CCnBf,yBAAujB,EAAG","file":"js/chunk-781233fd.19788d95.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('CCard',[_c('CCardBody',[_c('h2',[_vm._v(\"Image upload\")]),_c('ImageUpload',{on:{\"uploaded\":_vm.handleImageUpload}})],1)],1),_c('CCard',[_c('CCardBody',[_c('h2',[_vm._v(\"Doc upload\")]),_c('DocsUpload',{attrs:{\"multiple\":true},on:{\"uploaded\":_vm.handleFileUpload}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <CCard>\r\n            <CCardBody>\r\n                <h2>Image upload</h2>\r\n                <ImageUpload v-on:uploaded=\"handleImageUpload\" />\r\n            </CCardBody>\r\n        </CCard>\r\n\r\n        <CCard>\r\n            <CCardBody>\r\n                <h2>Doc upload</h2>\r\n                <DocsUpload v-on:uploaded=\"handleFileUpload\" :multiple=\"true\" />\r\n            </CCardBody>\r\n        </CCard>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport ImageUpload from '../../componentes/Uploads/Image.vue'\r\nimport DocsUpload from '../../componentes/Uploads/DocUpload.vue'\r\n\r\nexport default {\r\n    components: {\r\n        ImageUpload,\r\n        DocsUpload\r\n    },\r\n    data: function() {\r\n        return {\r\n            base64Files: [],\r\n            base64Images: [],\r\n        }\r\n    },\r\n\r\n    methods: {\r\n        handleFileUpload(base64, name) {\r\n            this.base64Files.push({name, base64});\r\n            console.log(this.base64Files);\r\n        },\r\n        handleImageUpload(base64) {\r\n            console.log(\"Desde el padre\",base64);\r\n            // this.base64Images.push({name, base64});\r\n        }\r\n    },\r\n}\r\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUpload.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUpload.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FileUpload.vue?vue&type=template&id=8838ba86&\"\nimport script from \"./FileUpload.vue?vue&type=script&lang=js&\"\nexport * from \"./FileUpload.vue?vue&type=script&lang=js&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('file-pond',{ref:\"pond\",attrs:{\"name\":\"test\",\"label-idle\":\"<small style='font-size: 12px'>Arrastra tus imágenes aquí...</small>\",\"accepted-file-types\":\"image/jpeg, image/png\"},on:{\"addfile\":_vm.handleUpload,\"removefile\":_vm.handleCancel}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n      <file-pond\r\n        name=\"test\"\r\n        ref=\"pond\"\r\n        label-idle=\"<small style='font-size: 12px'>Arrastra tus imágenes aquí...</small>\"\r\n        accepted-file-types=\"image/jpeg, image/png\"\r\n        v-on:addfile=\"handleUpload\"\r\n        v-on:removefile=\"handleCancel\"\r\n      />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// Import Vue FilePond\r\nimport vueFilePond from \"vue-filepond\";\r\nimport \"filepond/dist/filepond.min.css\";\r\n\r\n// // Import image preview plugin styles\r\nimport \"filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css\";\r\n\r\n// Import image preview and file type validation plugins\r\nimport FilePondPluginImagePreview from \"filepond-plugin-image-preview\";\r\nimport FilePondPluginFileEncode from \"filepond-plugin-file-encode\";\r\nimport \"filepond-plugin-image-edit/dist/filepond-plugin-image-edit.css\";\r\n\r\n// // Create component\r\nconst FilePond = vueFilePond(\r\n  FilePondPluginImagePreview,\r\n  FilePondPluginFileEncode,\r\n);\r\n\r\nexport default {\r\n  name: \"ImageUpload\",\r\n  data: function () {\r\n    return {\r\n      img: \"\",\r\n      resizedImage: null,\r\n    };\r\n  },\r\n  methods: {\r\n    handleSubmit(e) {\r\n      e.preventDefault();\r\n      //   console.log(this.$refs.pond.getFile().getFileEncodeBase64String());\r\n      console.log(this.$refs.pond.getFile().getFileEncodeDataURL());\r\n    },\r\n    handleUpload() {\r\n      this.$emit(\"upload\", this.$refs.pond.getFile().getFileEncodeDataURL());\r\n    },\r\n    handleCancel() {\r\n      this.$emit(\"cancel\")\r\n    }\r\n  },\r\n  components: {\r\n    FilePond,\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cropper__container {\r\n  position: fixed;\r\n  width: 100%;\r\n  height: 100%;\r\n  left: 0;\r\n  top: 0;\r\n  z-index: 99999;\r\n  background-color: rgba(31, 27, 27, 0.7);\r\n  backdrop-filter: blur(10px);\r\n  padding: 0 10px;\r\n\r\n  .cropper__body {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    margin-top: 30px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Image.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Image.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Image.vue?vue&type=template&id=5adc96b2&scoped=true&\"\nimport script from \"./Image.vue?vue&type=script&lang=js&\"\nexport * from \"./Image.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Image.vue?vue&type=style&index=0&id=5adc96b2&lang=scss&scoped=true&\"\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  \"5adc96b2\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Image.vue?vue&type=style&index=0&id=5adc96b2&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Image.vue?vue&type=style&index=0&id=5adc96b2&lang=scss&scoped=true&\""],"sourceRoot":""}