{"version":3,"sources":["webpack:///./src/components/Page-header.vue","webpack:///src/components/Page-header.vue","webpack:///./src/components/Page-header.vue?95ad","webpack:///./src/components/Page-header.vue?f09d","webpack:///./src/views/pages/forms/file-uploads.vue","webpack:///src/views/pages/forms/file-uploads.vue","webpack:///./src/views/pages/forms/file-uploads.vue?738f","webpack:///./src/views/pages/forms/file-uploads.vue?4106"],"names":["render","_vm","this","_c","_self","staticClass","class","layoutType","_v","_s","title","attrs","items","staticRenderFns","components","props","type","String","default","Array","computed","layoutComputed","component","ref","dropzoneOptions","page","meta","name","content","appConfig","description","vueDropzone","vue2Dropzone","Layout","PageHeader","data","text","href","active","url","thumbnailWidth","maxFilesize","headers","previewTemplate","template","methods","middleware"],"mappings":"kHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiBC,MAAM,CACvK,qBACqB,aAAnBL,EAAIM,YAAgD,eAAnBN,EAAIM,aACtC,CAACJ,EAAG,KAAK,CAACE,YAAY,cAAc,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,UAAUP,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,eAAe,CAACE,YAAY,MAAMM,MAAM,CAAC,MAAQV,EAAIW,UAAU,UAEnLC,EAAkB,G,YCCP,GACfC,WAAA,GACAC,MAAA,CACAL,MAAA,CACAM,KAAAC,OACAC,QAAA,IAEAN,MAAA,CACAI,KAAAG,MACAD,YACA,KAIAE,SAAA,IACAC,SCrBoV,I,YCOhVC,EAAY,eACd,EACAtB,EACAa,GACA,EACA,KACA,KACA,MAIa,OAAAS,E,kDClBf,IAAItB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACA,EAAG,aAAa,CAACQ,MAAM,CAAC,MAAQV,EAAIS,MAAM,MAAQT,EAAIW,SAAST,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACE,YAAY,sBAAsB,CAACJ,EAAIO,GAAG,0BAA0BL,EAAG,IAAI,CAACE,YAAY,6BAA6B,CAACJ,EAAIO,GAAG,wGAAwGL,EAAG,eAAe,CAACoB,IAAI,gBAAgBZ,MAAM,CAAC,GAAK,WAAW,mBAAkB,EAAK,QAAUV,EAAIuB,kBAAkB,CAACrB,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,IAAI,CAACE,YAAY,yCAAyCF,EAAG,KAAK,CAACF,EAAIO,GAAG,yCAAyCL,EAAG,OAAO,CAACE,YAAY,sBAAsB,CAACJ,EAAIO,GAAG,sDAAsDL,EAAG,SAAS,CAACF,EAAIO,GAAG,SAASP,EAAIO,GAAG,+BAA+B,UAAU,IAE/8BK,EAAkB,G,yDCOP,GACfY,KAAA,CACAf,MAAA,eACAgB,KAAA,EAAAC,KAAA,cAAAC,QAAAC,EAAAC,eAEAhB,WAAA,CACAiB,YAAAC,IACAC,cACAC,mBAEAC,OACA,OACAzB,MAAA,eACAE,MAAA,CACA,CACAwB,KAAA,SACAC,KAAA,KAEA,CACAD,KAAA,QACAC,KAAA,KAEA,CACAD,KAAA,eACAE,QAAA,IAGAd,gBAAA,CACAe,IAAA,2BACAC,eAAA,IACAC,YAAA,GACAC,QAAA,CACA,oCAEAC,gBAAA,KAAAC,cAIAC,QAAA,CACAD,SAAA,WACA,6hCAwBAE,WAAA,eCzEmX,I,YCO/WxB,EAAY,eACd,EACAtB,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAS,E","file":"js/chunk-06eeb6e8.d871dc03.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"page-title-box\",class:{\n        'page-title-box-alt':\n          _vm.layoutType !== 'vertical' && _vm.layoutType !== 'two-column',\n      }},[_c('h4',{staticClass:\"page-title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"page-title-right\"},[_c('b-breadcrumb',{staticClass:\"m-0\",attrs:{\"items\":_vm.items}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { layoutComputed } from \"@/state/helpers\";\n\n/**\n * Page-header component\n */\nexport default {\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default: \"\",\n    },\n    items: {\n      type: Array,\n      default: () => {\n        return [];\n      },\n    },\n  },\n  computed: {\n    ...layoutComputed,\n  },\n};\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div\n        class=\"page-title-box\"\n        :class=\"{\n          'page-title-box-alt':\n            layoutType !== 'vertical' && layoutType !== 'two-column',\n        }\"\n      >\n        <h4 class=\"page-title\">{{ 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 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!./Page-header.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!./Page-header.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Page-header.vue?vue&type=template&id=14ebe7ac\"\nimport script from \"./Page-header.vue?vue&type=script&lang=js\"\nexport * from \"./Page-header.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 render(){var _vm=this,_c=_vm._self._c;return _c('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title m-t-0\"},[_vm._v(\"Dropzone File Upload\")]),_c('p',{staticClass:\"text-muted font-13 m-b-30\"},[_vm._v(\" DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews. \")]),_c('vue-dropzone',{ref:\"myVueDropzone\",attrs:{\"id\":\"dropzone\",\"use-custom-slot\":true,\"options\":_vm.dropzoneOptions}},[_c('div',{staticClass:\"dz-message needsclick\"},[_c('i',{staticClass:\"h1 text-muted ri-upload-cloud-2-line\"}),_c('h3',[_vm._v(\"Drop files here or click to upload.\")]),_c('span',{staticClass:\"text-muted font-13\"},[_vm._v(\"(This is just a demo dropzone. Selected files are \"),_c('strong',[_vm._v(\"not\")]),_vm._v(\" actually uploaded.)\")])])])],1)])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport vue2Dropzone from \"vue2-dropzone\";\nimport Layout from \"../../layouts/main\";\nimport PageHeader from \"@/components/Page-header\";\nimport appConfig from \"../../../../app.config\";\n\n/**\n * File Uploads component\n */\nexport default {\n  page: {\n    title: \"File Uploads\",\n    meta: [{ name: \"description\", content: appConfig.description }],\n  },\n  components: {\n    vueDropzone: vue2Dropzone,\n    Layout,\n    PageHeader,\n  },\n  data() {\n    return {\n      title: \"File Uploads\",\n      items: [\n        {\n          text: \"Minton\",\n          href: \"/\",\n        },\n        {\n          text: \"Forms\",\n          href: \"/\",\n        },\n        {\n          text: \"File Uploads\",\n          active: true,\n        },\n      ],\n      dropzoneOptions: {\n        url: \"https://httpbin.org/post\",\n        thumbnailWidth: 150,\n        maxFilesize: 0.5,\n        headers: {\n          \"My-Awesome-Header\": \"header value\",\n        },\n        previewTemplate: this.template(),\n      },\n    };\n  },\n  methods: {\n    template: function () {\n      return ` <div class=\"dropzone-previews mt-3\">\n            <div class=\"card mt-1 mb-0 shadow-none border\">\n                <div class=\"p-2\">\n                    <div class=\"row align-items-center\">\n                        <div class=\"col-auto\">\n                            <img data-dz-thumbnail src=\"#\" class=\"avatar-sm rounded bg-light\" alt=\"\">\n                        </div>\n                        <div class=\"col pl-0\">\n                            <a href=\"javascript:void(0);\" class=\"text-muted font-weight-bold\" data-dz-name></a>\n                            <p class=\"mb-0\" data-dz-size></p>\n                        </div>\n                        <div class=\"col-auto\">\n                            <!-- Button -->\n                            <a href=\"\" class=\"btn btn-link btn-lg text-muted\" data-dz-remove>\n                                <i class=\"fe-x\"></i>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        `;\n    },\n  },\n  middleware: \"router-auth\",\n};\n</script>\n\n<template>\n  <Layout>\n    <PageHeader :title=\"title\" :items=\"items\" />\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title m-t-0\">Dropzone File Upload</h4>\n            <p class=\"text-muted font-13 m-b-30\">\n              DropzoneJS is an open source library that provides drag’n’drop\n              file uploads with image previews.\n            </p>\n            <!-- file upload -->\n            <vue-dropzone\n              id=\"dropzone\"\n              ref=\"myVueDropzone\"\n              :use-custom-slot=\"true\"\n              :options=\"dropzoneOptions\"\n            >\n              <div class=\"dz-message needsclick\">\n                <i class=\"h1 text-muted ri-upload-cloud-2-line\"></i>\n                <h3>Drop files here or click to upload.</h3>\n                <span class=\"text-muted font-13\"\n                  >(This is just a demo dropzone. Selected files are\n                  <strong>not</strong> actually uploaded.)</span\n                >\n              </div>\n            </vue-dropzone>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Layout>\n</template>\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!./file-uploads.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!./file-uploads.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./file-uploads.vue?vue&type=template&id=42f39290\"\nimport script from \"./file-uploads.vue?vue&type=script&lang=js\"\nexport * from \"./file-uploads.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"],"sourceRoot":""}