{"version":3,"sources":["webpack:///./src/views/apps/excerpt/excerpt-add/ExcerptAdd.vue?45b9","webpack:///./src/views/apps/excerpt/excerpt-add/ExcerptAdd.vue?eea9","webpack:///./src/@core/layouts/components/dropzone/DropZone.vue?c382","webpack:///src/@core/layouts/components/dropzone/DropZone.vue","webpack:///./src/@core/layouts/components/dropzone/DropZone.vue?33af","webpack:///./src/@core/layouts/components/dropzone/DropZone.vue?6cfb","webpack:///src/views/apps/excerpt/excerpt-add/ExcerptAdd.vue","webpack:///./src/views/apps/excerpt/excerpt-add/ExcerptAdd.vue?e108","webpack:///./src/views/apps/excerpt/excerpt-add/ExcerptAdd.vue","webpack:///./src/views/apps/excerpt/excerpt-add/ExcerptAdd.vue?57da","webpack:///./src/@core/layouts/components/dropzone/DropZone.vue?82eb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","preventDefault","_v","staticRenderFns","ref","name","setup","dropRef","value","dz","destroy","component","components","BRow","BCol","BCard","BCardBody","BForm","ExcerptSidebarAddNewCustomer","Dropzone","directives","Ripple","mixins","mounted","created","destroyed","methods","addNewItemInItemForm","$refs","form","style","overflow","excerptData","items","push","JSON","parse","stringify","itemFormBlankItem","$nextTick","setTimeout","removeItem","splice","index","trTrimHeight","row","offsetHeight","store","dropzoneFile","foo","item","cost","qty","description","id","client","salesPerson","note","paymentMethod","clients","itemsOptions","updateItemForm","paymentMethods","drop","selectedFile"],"mappings":"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","file":"js/chunk-d96c3e5e.deb6443d.js","sourcesContent":["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!./ExcerptAdd.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"excerpt-add-wrapper\"},[_c('b-row',{staticClass:\"excerpt-add\"},[_c('b-col',{attrs:{\"cols\":\"12\",\"xl\":\"12\",\"md\":\"12\"}},[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('b-card',{staticClass:\"excerpt-preview-card\",attrs:{\"no-body\":\"\"}},[_c('b-card-body',{staticClass:\"excerpt-padding pb-3\"},[_c('p',{staticClass:\"card-text\"},[_vm._v(\" Перенесите сюда Ваши файлы, чтобы загрузить их в Архив.\"),_c('br'),_c('code',[_vm._v(\"Внимание! файлы принимаются только в виде .zip архива, который, должен содержащать \\\".xml + .sig\\\" либо \\\".zip/.xml + .sig\\\"\")]),_c('br'),_c('code',[_vm._v(\"Принимаются только уникальные файлы подписанные ЭЦП, которые, ещё не были загружены в архив.\")])]),_c('div',{staticClass:\"mt-0\"},[_c('Dropzone')],1)])],1)],1)],1)],1),_c('excerpt-sidebar-add-new-customer')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{ref:\"dropRef\",staticClass:\"dropzone custom-dropzone\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      ref=\"dropRef\"\r\n      class=\"dropzone custom-dropzone\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  ref,\r\n  onMounted,\r\n  defineComponent,\r\n  onUnmounted,\r\n} from '@vue/composition-api'\r\nimport { Dropzone } from 'dropzone'\r\nimport useJwt from '@/auth/jwt/useJwt'\r\nimport { endpoint } from '@/@core/endpoint'\r\n\r\nexport default defineComponent({\r\n  name: 'Dropzone',\r\n  setup() {\r\n    const dropRef = ref(null)\r\n    let dz = ref(null)\r\n    onMounted(() => {\r\n      if (dropRef.value !== null) {\r\n        dz = new Dropzone(dropRef.value,\r\n          {\r\n            url: `${endpoint()}/upload/`,\r\n            paramName: 'file', // The name that will be used to transfer the file\r\n            maxFilesize: 128.6, // MB\r\n            acceptedFiles: '.zip',\r\n            timeout: 1200000,\r\n            parallelUploads: 10,\r\n            createImageThumbnails: false,\r\n            headers: {\r\n              // eslint-disable-next-line prefer-template\r\n              Authorization: 'Bearer ' + useJwt.getToken(),\r\n            },\r\n            dictDefaultMessage: 'Перетащите сюда .zip файлы для загрузки в архив',\r\n            dictFallbackMessage: 'Ваш браузер не поддерживает загрузку файлов перетаскиванием.',\r\n            dictFallbackText: 'Воспользуйтесь резервной формой ниже, чтобы загрузить файлы, как в старые времена.',\r\n            dictFileTooBig: 'Файл слишком большой ({{filesize}}MiB). Максимальный размер файла: {{maxFilesize}}MiB.',\r\n            dictInvalidFileType: 'Вы не можете загружать файлы этого типа.',\r\n            dictResponseError: 'Сервер ответил кодом {{statusCode}}.',\r\n            dictCancelUpload: 'Отменить загрузку.',\r\n            dictUploadCanceled: 'Загрузка отменена.',\r\n            dictCancelUploadConfirmation: 'Вы уверены, что хотите отменить эту загрузку?',\r\n            dictRemoveFile: 'Удалить файл',\r\n            dictMaxFilesExceeded: 'Вы не можете больше загружать файлы.',\r\n            success: (file, fullData) => {\r\n              const data = fullData.Data\r\n              if (data.stat === 'ALSOK') {\r\n                const pr = file.previewElement.getElementsByClassName('dz-details')[0]\r\n                const fn = file.previewElement.getElementsByClassName('dz-filename')[0]\r\n                const fntext = fn.innerText\r\n\r\n                // eslint-disable-next-line no-useless-concat, prefer-template\r\n                const html = '<div> (' + data.ms + ' sec)</div> ' + (pr.innerHTML !== undefined ? pr.innerHTML : '') + fntext + '<span class=\"badge mr-1 ml-auto badge-light-success badge-pill\">' + data.msg + '</span>'\r\n                pr.innerHTML = html\r\n                if (pr.getElementsByClassName('dz-filename') && pr.getElementsByClassName('dz-filename').length > 0) {\r\n                  // console.log(pr.getElementsByClassName('dz-filename'))\r\n                  pr.getElementsByClassName('dz-filename')[0].remove()\r\n                }\r\n              } else {\r\n                const pr = file.previewElement.getElementsByClassName('dz-details')[0]\r\n                const fn = file.previewElement.getElementsByClassName('dz-filename')[0]\r\n                const fntext = fn.innerText\r\n\r\n                // eslint-disable-next-line no-useless-concat, prefer-template\r\n                const html = '<div>(' + data.ms + ' sec)</div> ' + (pr.innerHtml !== undefined ? pr.innerHtml : '') + fntext + \" <span class='badge mr-1 ml-auto badge-light-danger badge-pill'>ошибка</span>\"\r\n                pr.innerHTML = html\r\n                if (pr.getElementsByClassName('dz-filename') && pr.getElementsByClassName('dz-filename').length > 0) {\r\n                  // console.log(pr.getElementsByClassName('dz-filename'))\r\n                  pr.getElementsByClassName('dz-filename')[0].remove()\r\n                }\r\n                if (data.msg.indexOf('<!DOCTYPE html>') !== -1) {\r\n                  // eslint-disable-next-line padded-blocks,no-param-reassign\r\n                  data.msg = 'Файл не корректный, пожалуйста загрузите исходники выписки полученные от Росреестра'\r\n                }\r\n                file.previewElement.classList.add('dz-error')\r\n\r\n                const errText = file.previewElement.querySelectorAll('span[data-dz-errormessage]')[0]\r\n                errText.innerText = data.msg\r\n              }\r\n            },\r\n            error: (file, msg) => {\r\n              // console.log('error', msg)\r\n              let localMsg = msg.ExceptionMessage ? msg.ExceptionMessage : msg\r\n              if (localMsg.indexOf('<!DOCTYPE html>') !== -1) {\r\n                localMsg = 'Файл не корректный, пожалуйста загрузите исходники выписки полученные от Росреестра'\r\n              }\r\n              const pr = file.previewElement.getElementsByClassName('dz-details')[0]\r\n              const fn = pr.getElementsByClassName('dz-filename')[0]\r\n              const fntext = fn.innerText\r\n              const html = pr.innerHTML + fntext\r\n              pr.innerHTML = html\r\n              if (pr.getElementsByClassName('dz-filename') && pr.getElementsByClassName('dz-filename').length > 0) {\r\n                pr.getElementsByClassName('dz-filename')[0].remove()\r\n              }\r\n              file.previewElement.classList.add('dz-error')\r\n              const errText = file.previewElement.querySelectorAll('span[data-dz-errormessage]')[0]\r\n              errText.innerText = localMsg\r\n            },\r\n          })\r\n      }\r\n    })\r\n    onUnmounted(() => {\r\n      dz.destroy()\r\n    })\r\n    return {\r\n      dropRef,\r\n    }\r\n  },\r\n})\r\n</script>\r\n\r\n<style>\r\n.dropzone .dz-preview {\r\n        width: 100%;\r\n        margin: 0px !important;\r\n        border-bottom: 2px dashed #7367f02e !important;\r\n        padding: 2px;\r\n        min-height: 30px;\r\n    }\r\n\r\n        .dropzone .dz-preview:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n    .dz-image {\r\n        display: none !important;\r\n    }\r\n\r\n    .dropzone .dz-preview .dz-details {\r\n        position: relative;\r\n        top: unset;\r\n        left: unset;\r\n        right: unset;\r\n        text-align: left !important;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .dropzone .dz-preview:not(.dz-processing) .dz-progress {\r\n        -webkit-animation: none;\r\n        -moz-animation: none;\r\n        -ms-animation: none;\r\n        -o-animation: none;\r\n        animation: none;\r\n    }\r\n\r\n    .dz-details div {\r\n        display: inline-block;\r\n    }\r\n\r\n    .dz-error-message {\r\n        position: relative !important;\r\n        border-radius: unset !important;\r\n        top: unset !important;\r\n        left: unset !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    .dropzone .dz-preview .dz-details {\r\n        padding: 0px !important;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .dropzone .dz-preview .dz-error-message {\r\n        opacity: 1 !important;\r\n        z-index: 996;\r\n    }\r\n\r\n        .dropzone .dz-preview .dz-error-message:after {\r\n            display: none;\r\n        }\r\n\r\n    .dropzone .dz-preview .dz-details .dz-filename:hover {\r\n        overflow: unset;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {\r\n        overflow: unset;\r\n    }\r\n\r\n    .dropzone .dz-preview .dz-details .dz-size {\r\n        margin-bottom: 0px;\r\n    }\r\n\r\n    .dropzone .dz-preview.dz-complete .dz-progress {\r\n        display: none;\r\n    }\r\n\r\n    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {\r\n        pointer-events: none;\r\n        z-index: 500;\r\n        position: absolute;\r\n        display: block;\r\n        top: 33px;\r\n        left: 8px;\r\n        margin-left: -27px;\r\n        margin-top: -27px;\r\n    }\r\n\r\n        .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {\r\n            width: 40px !important;\r\n            height: 40px !important;\r\n        }\r\n\r\n    .dropzone .dz-preview .dz-details .btn {\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n\r\n    .dropzone .dz-preview .dz-progress {\r\n        z-index: 1000;\r\n        pointer-events: none;\r\n        position: absolute;\r\n        height: 6px;\r\n        left: unset;\r\n        bottom: -2px;\r\n        top: unset;\r\n        margin-bottom: 0px;\r\n        width: 100%;\r\n        margin-left: unset;\r\n    }\r\n\r\n        .dropzone .dz-preview .dz-progress .dz-upload {\r\n            background-image: linear-gradient( 45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);\r\n            background-size: .75rem .75rem;\r\n            -webkit-animation: progress-bar-stripes 1s linear infinite;\r\n            animation: progress-bar-stripes 1s linear infinite;\r\n            background-color: #7367F0;\r\n            color: #fff;\r\n        }\r\n\r\n    @@-webkit-keyframes progress-bar-stripes {\r\n        from {\r\n            background-position: .75rem 0\r\n        }\r\n\r\n        to {\r\n            background-position: 0 0\r\n        }\r\n    }\r\n\r\n    @@keyframes progress-bar-stripes {\r\n        from {\r\n            background-position: .75rem 0\r\n        }\r\n\r\n        to {\r\n            background-position: 0 0\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!./DropZone.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!./DropZone.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DropZone.vue?vue&type=template&id=3b0ab46d&\"\nimport script from \"./DropZone.vue?vue&type=script&lang=js&\"\nexport * from \"./DropZone.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DropZone.vue?vue&type=style&index=0&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","<template>\n  <section class=\"excerpt-add-wrapper\">\n    <b-row class=\"excerpt-add\">\n\n      <!-- Col: Left (Excerpt Container) -->\n      <b-col\n        cols=\"12\"\n        xl=\"12\"\n        md=\"12\"\n      >\n        <b-form @submit.prevent>\n          <b-card\n            no-body\n            class=\"excerpt-preview-card\"\n          >\n            <!-- Header -->\n            <b-card-body class=\"excerpt-padding pb-3\">\n              <p class=\"card-text\">\n                Перенесите сюда Ваши файлы, чтобы загрузить их в Архив.<br><code>Внимание! файлы принимаются только в виде .zip архива, который, должен содержащать \".xml + .sig\" либо \".zip/.xml + .sig\"</code>\n                <br><code>Принимаются только уникальные файлы подписанные ЭЦП, которые, ещё не были загружены в архив.</code>\n              </p>\n              <div class=\"mt-0\">\n                <Dropzone />\n              </div>\n            </b-card-body>\n          </b-card>\n        </b-form>\n      </b-col>\n    </b-row>\n    <excerpt-sidebar-add-new-customer />\n  </section>\n</template>\n\n<script>\nimport Dropzone from '@core/layouts/components/dropzone/DropZone.vue'\nimport { ref, onUnmounted } from '@vue/composition-api'\nimport { heightTransition } from '@core/mixins/ui/transition'\nimport Ripple from 'vue-ripple-directive'\nimport store from '@/store'\nimport {\n  BRow, BCol, BCard, BCardBody, BForm, VBToggle,\n} from 'bootstrap-vue'\nimport excerptStoreModule from '../excerptStoreModule'\nimport ExcerptSidebarAddNewCustomer from '../ExcerptSidebarAddNewCustomer.vue'\n\nexport default {\n  components: {\n    BRow,\n    BCol,\n    BCard,\n    BCardBody,\n    BForm,\n    ExcerptSidebarAddNewCustomer,\n    Dropzone,\n  },\n  directives: {\n    Ripple,\n    'b-toggle': VBToggle,\n\n  },\n  mixins: [heightTransition],\n  mounted() {\n  },\n  created() {\n  },\n  destroyed() {\n  },\n  methods: {\n    addNewItemInItemForm() {\n      this.$refs.form.style.overflow = 'hidden'\n      this.excerptData.items.push(JSON.parse(JSON.stringify(this.itemFormBlankItem)))\n\n      this.$nextTick(() => {\n        this.trAddHeight(this.$refs.row[0].offsetHeight)\n        setTimeout(() => {\n          this.$refs.form.style.overflow = null\n        }, 350)\n      })\n    },\n    removeItem(index) {\n      this.excerptData.items.splice(index, 1)\n      this.trTrimHeight(this.$refs.row[0].offsetHeight)\n    },\n  },\n  setup() {\n    const EXCERPT_APP_STORE_MODULE_NAME = 'app-excerpt'\n\n    // Register module\n    if (!store.hasModule(EXCERPT_APP_STORE_MODULE_NAME)) store.registerModule(EXCERPT_APP_STORE_MODULE_NAME, excerptStoreModule)\n\n    // UnRegister on leave\n    onUnmounted(() => {\n      if (store.hasModule(EXCERPT_APP_STORE_MODULE_NAME)) store.unregisterModule(EXCERPT_APP_STORE_MODULE_NAME)\n    })\n\n    const dropzoneFile = ref('')\n    const drop = e => {\n      const foo = e.dataTransfer.files[0]\n      dropzoneFile.value = foo\n    }\n    const selectedFile = () => {\n      const foo = document.querySelector('.dropzoneFile').files[0]\n      dropzoneFile.value = foo\n    }\n\n    const clients = ref([])\n    store.dispatch('app-excerpt/fetchClients')\n      .then(response => { clients.value = response.data })\n\n    const itemFormBlankItem = {\n      item: null,\n      cost: 0,\n      qty: 0,\n      description: '',\n    }\n\n    const excerptData = ref({\n      id: 5037,\n      client: null,\n\n      // ? Set single Item in form for adding data\n      items: [JSON.parse(JSON.stringify(itemFormBlankItem))],\n\n      salesPerson: '',\n      note: 'It was a pleasure working with you and your team. We hope you will keep us in mind for future freelance projects. Thank You!',\n      paymentMethod: null,\n    })\n\n    const itemsOptions = [\n      {\n        itemTitle: 'App Design',\n        cost: 24,\n        qty: 1,\n        description: 'Designed UI kit & app pages.',\n      },\n      {\n        itemTitle: 'App Customization',\n        cost: 26,\n        qty: 1,\n        description: 'Customization & Bug Fixes.',\n      },\n      {\n        itemTitle: 'ABC Template',\n        cost: 28,\n        qty: 1,\n        description: 'Bootstrap 4 admin template.',\n      },\n      {\n        itemTitle: 'App Development',\n        cost: 32,\n        qty: 1,\n        description: 'Native App Development.',\n      },\n    ]\n\n    const updateItemForm = (index, val) => {\n      const { cost, qty, description } = val\n      excerptData.value.items[index].cost = cost\n      excerptData.value.items[index].qty = qty\n      excerptData.value.items[index].description = description\n    }\n\n    const paymentMethods = [\n      'Bank Account',\n      'PayPal',\n      'UPI Transfer',\n    ]\n\n    return {\n      excerptData,\n      clients,\n      itemsOptions,\n      updateItemForm,\n      itemFormBlankItem,\n      paymentMethods,\n      dropzoneFile,\n      drop,\n      selectedFile,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import '@core/scss/vue/libs/vue-select.scss';\n@import '@core/scss/vue/libs/vue-flatpicker.scss';\n.excerpt-add-wrapper {\n  .add-new-client-header {\n    padding: $options-padding-y $options-padding-x;\n      color: $success;\n\n    &:hover {\n      background-color: rgba($success, 0.12);\n    }\n  }\n}\n</style>\n\n<style lang=\"scss\" scoped>\n@import \"~@core/scss/base/pages/app-excerpt.scss\";\n@import '~@core/scss/base/components/variables-dark';\n\n.form-item-section {\nbackground-color:$product-details-bg;\n}\n\n.form-item-action-col {\n  width: 27px;\n}\n\n.repeater-form {\n  // overflow: hidden;\n  transition: .35s height;\n}\n\n.v-select {\n  &.item-selector-title,\n  &.payment-selector {\n    background-color: #fff;\n\n    .dark-layout & {\n      background-color: unset;\n    }\n  }\n}\n\n.dark-layout {\n  .form-item-section {\n    background-color: $theme-dark-body-bg;\n\n    .row .border {\n      background-color: $theme-dark-card-bg;\n    }\n\n  }\n}\n</style>\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!./ExcerptAdd.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!./ExcerptAdd.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExcerptAdd.vue?vue&type=template&id=49f229e8&scoped=true&\"\nimport script from \"./ExcerptAdd.vue?vue&type=script&lang=js&\"\nexport * from \"./ExcerptAdd.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExcerptAdd.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./ExcerptAdd.vue?vue&type=style&index=1&id=49f229e8&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  \"49f229e8\",\n  null\n  \n)\n\nexport default component.exports","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!./ExcerptAdd.vue?vue&type=style&index=1&id=49f229e8&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DropZone.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}