{"version":3,"sources":["webpack:///./src/components/page-header.vue","webpack:///./src/components/page-header.vue?8e46","webpack:///./src/router/views/forms/uploads.vue","webpack:///./src/router/views/forms/uploads.vue?033f","webpack:///./src/components/widgets/dropZone.vue?6c65","webpack:///./src/components/widgets/dropZone.vue","webpack:///./src/components/widgets/dropZone.vue?17ad"],"names":["class","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","$props","components","props","title","type","String","default","items","Array","__exports__","render","_createBlock","_component_Layout","_createVNode","_component_PageHeader","$data","_hoisted_5","_hoisted_6","_component_DropZone","onChange","$setup","onDrop","_hoisted_7","name","_hoisted_8","page","meta","content","appConfig","description","DropZone","Layout","PageHeader","setup","dropzoneFile","ref","drop","e","value","dataTransfer","files","selectedFile","document","querySelector","data","text","href","active","for","id","onDragenter","onDragleave","onDragover","toggleActive"],"mappings":"yIAkBOA,MAAM,O,GACJA,MAAM,U,GACJA,MAAM,qD,GACLA,MAAM,wB,wDAHhBC,gCASM,MATNC,EASM,CARJC,gCAOM,MAPNC,EAOM,CANJD,gCAKM,MALNE,EAKM,CAJJF,gCAAiD,KAAjDG,EAAiD,6BAAbC,SAAK,SApBlC,OACbC,WAAY,GACZC,MAAO,CACLC,MAAO,CACLC,KAAMC,OACNC,QAAS,IAEXC,MAAO,CACLH,KAAMI,MACNF,QAAS,IAAM,M,qBCLrB,MAAMG,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,U,yFC0CNjB,MAAM,O,GACJA,MAAM,U,GACJA,MAAM,Q,GACJA,MAAM,a,EACTG,gCAAoC,MAAhCH,MAAM,cAAa,YAAQ,G,EAC/BG,gCAGe,KAFbH,MAAM,mBACP,oGACU,G,GAGLA,MAAM,a,EACZG,gCAEM,OAFDH,MAAM,oBAAkB,CAC3BG,gCAAiE,UAAzDH,MAAM,kBAAkBW,KAAK,UAAS,gBAAU,G,kMAfpEO,yBAyBSC,Q,6BAxBP,IAA2C,CAA3CC,yBAA2CC,GAA9BP,MAAOQ,QAAQZ,MAAOY,S,0BACnCnB,gCAqBM,MArBND,EAqBM,CApBJC,gCAkBM,MAlBNC,EAkBM,CAjBJD,gCAeM,MAfNE,EAeM,CAdJF,gCAYM,MAZNG,EAYM,CAXJiB,EACAC,EAKAJ,yBAAuDK,GAA5CC,SAAQC,eAAeC,OAAI,2BAAUD,OAAI,c,8BACpDxB,gCAA4D,OAA5D0B,EAAwB,SAAM,6BAAGF,eAAaG,MAAI,GAClDC,Y,0DAjDG,GACbC,KAAM,CACJtB,MAAO,mBACPuB,KAAM,CAAC,CAACH,KAAM,cAAeI,QAASC,EAAUC,eAElD5B,WAAY,CAAC6B,gBAAUC,cAAQC,mBAC/BC,QACE,MAAMC,EAAeC,iBAAI,IACnBC,EAAQC,IACZH,EAAaI,MAAQD,EAAEE,aAAaC,MAAM,IAEtCC,EAAe,KACnBP,EAAaI,MAAQI,SAASC,cAAc,iBAAiBH,MAAM,IAErE,MAAO,CAACN,eAAcE,OAAMK,iBAE9BG,OACE,MAAO,CACLzC,MAAO,mBACPI,MAAO,CACL,CACEsC,KAAM,QACNC,KAAM,KAER,CACED,KAAM,mBACNE,QAAQ,O,qBCjClB,MAAMtC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB,oCCPf,W,qJCUId,gCAA8B,YAAxB,qBAAiB,I,QACvBA,gCAAe,YAAT,MAAE,I,QACRA,gCAA6C,SAAtCoD,IAAI,gBAAe,eAAW,I,QACrCpD,gCAA2E,SAApEqD,GAAG,eAAexD,MAAM,+BAA+BW,KAAK,Q,aAHnET,EACAE,EACAC,EACAC,G,wDAXFL,gCAYM,OAXHD,MAAK,gDAAuB2B,UACvB,aACL8B,YAAS,+CAAU9B,qCAAY,cAC/B+B,YAAS,+CAAU/B,qCAAY,cAC/BgC,WAAQ,uCAAT,OAAiB,cAChB/B,OAAI,+CAAUD,qCAAY,e,MAahB,OACbG,KAAM,WACNU,QACE,MAAMc,EAASZ,kBAAI,GACbkB,EAAe,KACnBN,EAAOT,OAASS,EAAOT,OAEzB,MAAO,CAACS,SAAQM,kB,iCCrBpB,MAAM5C,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E","file":"js/chunk-63695bd8.675a3e1c.js","sourcesContent":["<script>\nexport default {\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    items: {\n      type: Array,\n      default: () => [],\n    },\n  },\n};\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div class=\"d-flex align-items-center justify-content-between\">\n        <h4 class=\"font-size-18 my-auto\">{{ title }}</h4>\n<!--        <div class=\"page-title-right\">-->\n<!--          <b-breadcrumb :items=\"items\" class=\"m-0\"></b-breadcrumb>-->\n<!--        </div>-->\n      </div>\n    </div>\n  </div>\n  <!-- end page title -->\n</template>\n","import { render } from \"./page-header.vue?vue&type=template&id=cf6e9d0a\"\nimport script from \"./page-header.vue?vue&type=script&lang=js\"\nexport * from \"./page-header.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/working_dir/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<script>\n/* eslint-disable */\nimport DropZone from '@/components/widgets/dropZone';\nimport {ref} from 'vue';\n\nimport PageHeader from '@/components/page-header';\nimport appConfig from '@/app.config';\nimport Layout from '../../layouts/main';\n\n/**\n * File Uploads component\n */\nexport default {\n  page: {\n    title: 'Form File Upload',\n    meta: [{name: 'description', content: appConfig.description}],\n  },\n  components: {DropZone, Layout, PageHeader},\n  setup() {\n    const dropzoneFile = ref('');\n    const drop = (e) => {\n      dropzoneFile.value = e.dataTransfer.files[0];\n    };\n    const selectedFile = () => {\n      dropzoneFile.value = document.querySelector('.dropzoneFile').files[0];\n    };\n    return {dropzoneFile, drop, selectedFile};\n  },\n  data() {\n    return {\n      title: 'Form File Upload',\n      items: [\n        {\n          text: 'Forms',\n          href: '/',\n        },\n        {\n          text: 'Form File Upload',\n          active: true,\n        },\n      ],\n    };\n  },\n};\n</script>\n\n<template>\n  <Layout>\n    <PageHeader :items=\"items\" :title=\"title\"/>\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Dropzone</h4>\n            <p\n              class=\"card-title-desc\"\n            >DropzoneJS is an open source library that provides drag’n’drop file uploads with image\n              previews.</p>\n            <!-- file upload -->\n            <DropZone @change=\"selectedFile\" @drop.prevent=\"drop\"/>\n            <span class=\"file-info\">File: {{ dropzoneFile.name }}</span>\n            <div class=\"text-center mt-4\">\n              <button class=\"btn btn-primary\" type=\"button\">Send Files</button>\n            </div>\n          </div>\n          <!-- end card-body -->\n        </div>\n        <!-- end card -->\n      </div>\n      <!-- end col -->\n    </div>\n    <!-- end row -->\n  </Layout>\n</template>\n","import { render } from \"./uploads.vue?vue&type=template&id=574bc700\"\nimport script from \"./uploads.vue?vue&type=script&lang=js\"\nexport * from \"./uploads.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/working_dir/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./dropZone.vue?vue&type=style&index=0&id=9262ef9a&lang=scss&scoped=true\"","<template>\n  <!-- eslint-disable -->\n  <div\n    :class=\"{ 'active-dropzone': active }\"\n    class=\"dropzone\"\n    @dragenter.prevent=\"toggleActive\"\n    @dragleave.prevent=\"toggleActive\"\n    @dragover.prevent\n    @drop.prevent=\"toggleActive\"\n  >\n    <span>Drag or Drop File</span>\n    <span>OR</span>\n    <label for=\"dropzoneFile\">Select File</label>\n    <input id=\"dropzoneFile\" class=\"dropzoneFile btn btn-primary\" type=\"file\"/>\n  </div>\n</template>\n\n<script>\n/* eslint-disable */\nimport {ref} from 'vue';\n\nexport default {\n  name: 'dropzone',\n  setup() {\n    const active = ref(false);\n    const toggleActive = () => {\n      active.value = !active.value;\n    };\n    return {active, toggleActive};\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.dropzone {\n  // width: 400px;\n  height: 200px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  row-gap: 16px;\n  border: 2px dashed #41b883;\n  background-color: #fff;\n  transition: 0.3s ease all;\n\n  label {\n    padding: 8px 12px;\n    color: #fff;\n    background-color: #41b883;\n    transition: 0.3s ease all;\n  }\n\n  input {\n    display: none;\n  }\n}\n\n.active-dropzone {\n  color: #fff;\n  border-color: #fff;\n  background-color: #41b883;\n\n  label {\n    background-color: #fff;\n    color: #41b883;\n  }\n}\n</style>\n","import { render } from \"./dropZone.vue?vue&type=template&id=9262ef9a&scoped=true\"\nimport script from \"./dropZone.vue?vue&type=script&lang=js\"\nexport * from \"./dropZone.vue?vue&type=script&lang=js\"\n\nimport \"./dropZone.vue?vue&type=style&index=0&id=9262ef9a&lang=scss&scoped=true\"\n\nimport exportComponent from \"/working_dir/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-9262ef9a\"]])\n\nexport default __exports__"],"sourceRoot":""}