{"version":3,"sources":["webpack:///./src/components/document/DocumentOcrPages.vue?e643","webpack:///./src/components/document/ThumbnailManager.vue?5a15","webpack:///src/components/document/ThumbnailManager.vue","webpack:///./src/components/document/ThumbnailManager.vue?1834","webpack:///./src/components/document/ThumbnailManager.vue","webpack:///./src/components/document/DocumentOcrPages.vue?d30c","webpack:///src/components/document/DocumentOcrPages.vue","webpack:///./src/components/document/DocumentOcrPages.vue?d75d","webpack:///./src/components/document/DocumentOcrPages.vue","webpack:///./src/components/document/MergeFiles.vue?8ab6","webpack:///./src/components/document/MergeFiles.vue?6243","webpack:///src/components/document/MergeFiles.vue","webpack:///./src/components/document/MergeFiles.vue?b813","webpack:///./src/components/document/MergeFiles.vue","webpack:///./src/components/document/ThumbnailManager.vue?2f02","webpack:///./src/components/document/DocumentMove.vue?ca4b","webpack:///src/components/document/DocumentMove.vue","webpack:///./src/components/document/DocumentMove.vue?5445","webpack:///./src/components/document/DocumentMove.vue","webpack:///./src/components/document/DocumentBarcodeRecognition.vue?5a3a","webpack:///src/components/document/DocumentBarcodeRecognition.vue","webpack:///./src/components/document/DocumentBarcodeRecognition.vue?75b6","webpack:///./src/components/document/DocumentBarcodeRecognition.vue","webpack:///./src/components/document/DocumentBarcodeRecognition.vue?ae5c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","isLoading","loaderColor","loaderBackgroundColor","on","$event","_l","page","index","key","number","pageSelected","class","delete","split","ref","refInFor","rotation","documentId","imageString","_s","openEllipsisMenu","stopPropagation","movePageLeftOrRight","_e","model","value","callback","$$v","moveTo","expression","movePage","cancel","disableSaveButton","checkIfSave","style","ellipsisButtonConfig","ellipsisRowItem","ellipsisButtonClicked","showLeaveDialog","$emit","showSplitDeleteDialog","toggleSplitDeleteDialog","deletePromptMessage","save","staticRenderFns","name","components","Loading","ThumbnailImage","props","type","required","data","documentDetails","ellipsisRowIndex","isDirty","pageCount","pages","showThumbnailMenu","computed","anyToDelete","anyToSplit","id","icon","buttons","created","documentID","methods","clickedOutsideLeave","e","toIndex","payload","ThumbnailCollection","Values","DocumentId","PageNumber","PageRotation","RemovePage","NewDocument","Promise","Value","result","setup","localPages","images","i","ReloadImage","ReturnImageData","image","canDelete","canSplit","validateDeletionAndSplitCapability","pageIndexesCanDelete","deletedPageIndexex","component","ocrAllPages","updateOcrValue","currentModalView","thumbNailKey","selectedThumb","imageSelected","selectNewThumb","tempFile","docNameSelected","moveDocument","checkedDocuments","length","appendToFirstDocument","useFieldsFromFistDocument","checkBoxToggle","removeDocument","mergeFileName","mergeFolderLocationName","mergeAs","scopedSlots","_u","fn","slotItem","item","mergeAsValue","deleteOriginalFiles","mergeFileNotes","handleDialogSelection","mergeFiles","handleBrowseDialogCancel","browseDialogSelectionMade","StartWorkflowFileUpload","mergeAddSelectionMade","sendPages","get","set","mergeFolderLocationId","mergeKeyForMerge","showAddDialog","showBrowseDialog","watch","addDocument","handleAddDocument","handleAddDocumentSelection","document","from","to","dFn","newFiles","filteredValues","messageObject","title","subTitle","modalToClose","FileName","FolderId","AppendToFirstDoc","MergeAsPDF","UseFirstDocIndexData","DeleteOriginals","MergeDocNotes","res","cancelClick","moveClick","VasionFolderSelect","documentIDString","movePayload","DocumentIdString","moveResult","attributeFormList","$formsLabel","toUpperCase","attributeForm","useBarcodeSplitter","useBarcodeSplitterDisabled","readBarcodeDisabled","readBarcode","staticStyle","splitOnPageCount","splitOnPageCountNumber","readFirstPageOnly","readFirstPageOnlyDisabled","deleteOriginalDocuments","deleteOriginalDocumentsDisabled","createNewDocument","createNewDocumentDisabled","keepBarcodePage","useBarcodeValueAsName","barcodeOnLastPage","barcodeOnLastPageDisabled","filteredBarcodeList","barcodeIndex","prefix","splitterOptions","selectedSplitterOption","splitterValuesDisabled","$set","removeValue","pushValue","barcodeRangeFromAndToDisabled","barcodeRangeFrom","barcodeRangeTo","barcodeList","splitterValues","message","buildPayload","objectID","deleteOriginalDocument","barcodeIsOnLastPage","barcodeIndexID","splitterOption","valueFrom","valueTo"],"mappings":"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mC,+BACA,mBAEA/B,kCAEA,OADA,0BACA,YACA,kBACA,mBACAgC,kBAEAA,mBAEA,gBACA,MACA,mBACA,mBACAA,kBAEAA,mBAEA,gBACA,MACA,kBACAA,mCACAA,gBACA,gBACA,MACA,sBACAA,2BACA,gBACA,MACA,QACA,MAEA,2CAEAvC,uBACA,8CAGA,gBACA,gCACA,2BACA,eAEA,6CAEA,4CAEAR,kCACA,gBACA,MACAgD,kBAEA,oBACAA,KAEA,oBACA,4BACA,gBACA,oBAEA,qDAEA,2CAEAlD,+BACA,4FACA,0BACA,mCACA,yBAEAuB,gBAAA,oKACA,qEA+BA,OA3BA4B,GACAC,qBACAC,gCACA,QACA,mBACA,OACAzD,KACA,MACA,OACAA,MACA,MACA,OACAA,MACA,MACA,QACA,MAEA,OACA0D,wBACAC,oBACAC,eACAC,uBACAC,0BAKA,wBACAC,aACA,kDAAAC,qBACA,oDACA,sCAHAC,OAIA,eACA,+DAtCA,IAwCAC,iBAAA,oKACAC,KACAC,KACAC,IAAA,4CAMA,OALAd,GACAG,wBACAC,eACAW,eACAC,oBACA,SACA,oDAAAC,SACAJ,UACAD,QACA1E,WACA,UACAI,SACAG,WACAyE,aACAC,cACA,QAhBAL,KAAA,uBAmBA,OADA,UACA,yBAEAN,eAAA,QACA,IADAK,SACA,uBACA,4BACA,2CA3BA,IA6BA3C,mCACA,wDAEAkD,8CAKA,GAJA,gCACArF,eACAA,iBAEA,mCACA,SACA,KACA,sDACA,mCACA,kBACAsF,UAEA,aACAC,aAGA,eACA,+BAEA,6BACA,6CChayW,I,wBCQrWC,EAAY,eACd,EACAxG,EACAsD,GACA,EACA,KACA,WACA,MAIa,OAAAkD,E,6FCnBf,IAAIxG,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIO,GAAG,gCAAgCH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAAC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AMpC,EAAI6M,eAAezK,GAAKE,WAAW,qBAAqB,MAC9xNe,EAAkB,G,oCCiPP,G,gFAAA,CACfC,kCACAO,gBACA,OACAmH,iBACAmB,cAAAjK,YACA4K,eACAF,oBACAC,kBACAb,qBACAJ,qBACAF,2BACAI,mBACAM,UACAhB,eACAI,qBACAc,0BACAD,iBACA,CAAA/I,mBAAApB,SACA,CAAAoB,kBAAApB,SACA,CAAAoB,cAAApB,SACA,CAAAoB,uBAAApB,SACA,CAAAoB,qBAAApB,UAEA6K,iBAAAC,aACA1B,oBACAC,yBACAN,sBACAc,2BAGA3H,UACAyG,6BACA,8DACA,OACAvH,YACApB,mBAIAyK,yCAAA,gGACAV,qCAAA,gCACAJ,qCAAA,iGACAF,2CAAA,8BACAO,+BAAA,WACA,+HACA,SAGA,0BAAA5I,kBAAApB,eAFA,MAIAiJ,+BAAA,gCACAM,qCAAA,gCACAc,kCAAA,gLACArB,sCAAA,yEAEAxG,mBAAA,4KACAc,aACA,4CACA,kDACA,sCAHA,6DADA,IAMAZ,SACAqI,wBACA,OACAC,kCACAjC,2CACAG,6BACAE,6CACAE,yCACA2B,oDACAvB,yCACAE,qCACAC,iDACAqB,2CACAC,uCACAjB,mBACAkB,gDACAP,oDAAA,oBACAQ,gCACAC,6BAGA,UAEAd,qBACA,6BACA,8BAGAD,wBACA,6BACA,oCC9UmX,I,wBCQ/WlG,EAAY,eACd,EACAxG,EACAsD,GACA,EACA,KACA,WACA,MAIa,OAAAkD,E,kECnBf","file":"js/chunk-35971322.b5b820ff.js","sourcesContent":["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/lib/loaders/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/lib/index.js??vue-loader-options!./DocumentOcrPages.vue?vue&type=style&index=0&id=73f7fda8&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',[_c('section',{staticClass:\"modal-bounds vld-parent\"},[_c('header',{staticClass:\"modal-title\"},[_vm._v(\" Thumbnail Manager \")]),_c('Loading',{staticClass:\"vasion-loading-indicator\",attrs:{\"active\":_vm.isLoading,\"is-full-page\":false,\"color\":_vm.loaderColor,\"loader\":\"dots\",\"background-color\":_vm.loaderBackgroundColor},on:{\"update:active\":function($event){_vm.isLoading=$event}}}),_c('div',{staticClass:\"thumbnails\"},_vm._l((_vm.pages),function(page,index){return _c('div',{key:page.number,staticClass:\"thumbnail-container\",on:{\"click\":function($event){_vm.pageSelected = index}}},[_c('div',{class:{ 'border-red': page.delete, 'border-green' : page.split }},[_c('div',{staticClass:\"thumbnail-border\"},[_c('ThumbnailImage',{ref:\"mainImage\",refInFor:true,staticClass:\"min-height shadow\",class:{ 'rotate-90': page.rotation === 1, 'rotate-180': page.rotation === 2, 'rotate-270': page.rotation === 3 },attrs:{\"documentID\":_vm.documentId,\"pageNumber\":page.number,\"width\":120,\"index\":index,\"imageString\":page.imageString}})],1),_c('div',{staticClass:\"thumbnail-footer\"},[_c('div',{attrs:{\"id\":\"thumbnail-page-number\"}},[_vm._v(\" Page \"+_vm._s(index + 1)+\" \")]),_c('VasionButton',{attrs:{\"isRaised\":false,\"isDense\":false,\"icon\":'VasionMoreVert'},on:{\"vasionButtonClicked\":function($event){return _vm.openEllipsisMenu($event, index)}}})],1)]),_c('div',{staticClass:\"thumbnail-controls\"},[(_vm.pageSelected === index)?_c('VasionButton',{attrs:{\"id\":\"move-left-button\",\"title\":\"Move page left\",\"name\":\"move-left-button\",\"icon\":\"VasionArrowLeftIcon\",\"classProp\":'secondary-grey'},on:{\"vasionButtonClicked\":function($event){$event.stopPropagation();return _vm.movePageLeftOrRight(index, index - 1)}}}):_vm._e(),(_vm.pageSelected === index)?_c('VasionInput',{attrs:{\"id\":\"move-to-page-input\",\"name\":\"move-to-page-input\",\"type\":\"text\",\"inputmode\":\"numeric\",\"onkeypress\":\"return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57\",\"inputType\":\"blank-white\",\"width\":\"36\",\"placeholder\":index + 1},model:{value:(_vm.moveTo),callback:function ($$v) {_vm.moveTo=$$v},expression:\"moveTo\"}}):_vm._e(),(_vm.pageSelected === index)?_c('VasionButton',{attrs:{\"id\":\"move-submit-button\",\"name\":\"move-submit-button\",\"title\":\"Move page to input\",\"icon\":\"VasionCheck\",\"classProp\":'secondary-grey'},on:{\"vasionButtonClicked\":function($event){$event.stopPropagation();return _vm.movePage(index, _vm.moveTo)}}}):_vm._e(),(_vm.pageSelected === index)?_c('VasionButton',{attrs:{\"id\":\"move-right-button\",\"name\":\"move-right-button\",\"title\":\"Move page right\",\"icon\":\"VasionArrowRightIcon\",\"classProp\":'secondary-grey'},on:{\"vasionButtonClicked\":function($event){$event.stopPropagation();return _vm.movePageLeftOrRight(index, index + 1)}}}):_vm._e()],1)])}),0)],1),_c('footer',[_c('VasionButton',{attrs:{\"id\":\"btnFolderBrowserCancel\",\"classProp\":\"secondary\",\"isRaised\":false},on:{\"vasionButtonClicked\":function($event){return _vm.cancel()}}},[_vm._v(\" Cancel \")]),_c('VasionButton',{attrs:{\"id\":\"btnFolderBrowserOK\",\"classProp\":\"primary\",\"isDisabled\":_vm.disableSaveButton,\"isRaised\":false},on:{\"vasionButtonClicked\":function($event){return _vm.checkIfSave()}}},[_vm._v(\" Save \")])],1),(_vm.showThumbnailMenu)?_c('VasionEllipsisMenu',{style:(_vm.ellipsisMenuStyle),attrs:{\"buttonConfig\":_vm.ellipsisButtonConfig,\"rowItem\":_vm.ellipsisRowItem},on:{\"ellipsis-button-clicked\":_vm.ellipsisButtonClicked}}):_vm._e(),_c('VasionGeneralModal',{attrs:{\"id\":\"vasion-setup-instructions\",\"hideButtons\":true,\"modalType\":'slot',\"buttonGroup\":\"single\",\"sync\":_vm.showLeaveDialog},on:{\"noButtonClick\":function($event){_vm.showLeaveDialog = false}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":\"Are you sure you want to leave? Changes have not been saved.\"},on:{\"noButtonClick\":function($event){_vm.showLeaveDialog = false},\"yesButtonClick\":function($event){return _vm.$emit('cancel')}}})],1),_c('VasionGeneralModal',{attrs:{\"id\":\"confirm-split-delete\",\"hideButtons\":true,\"modalType\":'slot',\"buttonGroup\":\"single\",\"sync\":_vm.showSplitDeleteDialog},on:{\"noButtonClick\":function($event){return _vm.toggleSplitDeleteDialog()}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":_vm.deletePromptMessage},on:{\"noButtonClick\":function($event){return _vm.toggleSplitDeleteDialog()},\"yesButtonClick\":function($event){return _vm.save()}}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <main>\n    <section class=\"modal-bounds vld-parent\">\n      <header class=\"modal-title\">\n        Thumbnail Manager\n      </header>\n      <Loading\n        class=\"vasion-loading-indicator\"\n        :active.sync=\"isLoading\"\n        :is-full-page=\"false\"\n        :color=\"loaderColor\"\n        loader=\"dots\"\n        :background-color=\"loaderBackgroundColor\"\n      />\n      <div class=\"thumbnails\">\n        <div\n          v-for=\"(page, index) in pages\"\n          :key=\"page.number\"\n          class=\"thumbnail-container\"\n          @click=\"pageSelected = index\"\n        >\n          <div :class=\"{ 'border-red': page.delete, 'border-green' : page.split }\">\n            <div class=\"thumbnail-border\">\n              <ThumbnailImage\n                ref=\"mainImage\"\n                class=\"min-height shadow\"\n                :class=\"{ 'rotate-90': page.rotation === 1, 'rotate-180': page.rotation === 2, 'rotate-270': page.rotation === 3 }\"\n                :documentID=\"documentId\"\n                :pageNumber=\"page.number\"\n                :width=\"120\"\n                :index=\"index\"\n                :imageString=\"page.imageString\"\n              />\n            </div>\n            <div class=\"thumbnail-footer\">\n              <div id=\"thumbnail-page-number\">\n                Page {{ index + 1 }}\n              </div>\n              <VasionButton\n                :isRaised=\"false\"\n                :isDense=\"false\"\n                :icon=\"'VasionMoreVert'\"\n                @vasionButtonClicked=\"openEllipsisMenu($event, index)\"\n              />\n            </div>\n          </div>\n          <div class=\"thumbnail-controls\">\n            <VasionButton\n              v-if=\"pageSelected === index\"\n              id=\"move-left-button\"\n              title=\"Move page left\"\n              name=\"move-left-button\"\n              icon=\"VasionArrowLeftIcon\"\n              :classProp=\"'secondary-grey'\"\n              @vasionButtonClicked.stop=\"movePageLeftOrRight(index, index - 1)\"\n            />\n            <VasionInput\n              v-if=\"pageSelected === index\"\n              id=\"move-to-page-input\"\n              v-model=\"moveTo\"\n              name=\"move-to-page-input\"\n              type=\"text\"\n              inputmode=\"numeric\"\n              onkeypress=\"return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57\"\n              inputType=\"blank-white\"\n              width=\"36\"\n              :placeholder=\"index + 1\"\n            />\n            <VasionButton\n              v-if=\"pageSelected === index\"\n              id=\"move-submit-button\"\n              name=\"move-submit-button\"\n              title=\"Move page to input\"\n              icon=\"VasionCheck\"\n              :classProp=\"'secondary-grey'\"\n              @vasionButtonClicked.stop=\"movePage(index, moveTo)\"\n            />\n            <VasionButton\n              v-if=\"pageSelected === index\"\n              id=\"move-right-button\"\n              name=\"move-right-button\"\n              title=\"Move page right\"\n              icon=\"VasionArrowRightIcon\"\n              :classProp=\"'secondary-grey'\"\n              @vasionButtonClicked.stop=\"movePageLeftOrRight(index, index + 1)\"\n            />\n          </div>\n        </div>\n      </div>\n    </section>\n    <footer>\n      <VasionButton\n        id=\"btnFolderBrowserCancel\"\n        classProp=\"secondary\"\n        :isRaised=\"false\"\n        @vasionButtonClicked=\"cancel()\"\n      >\n        Cancel\n      </VasionButton>\n      <VasionButton\n        id=\"btnFolderBrowserOK\"\n        classProp=\"primary\"\n        :isDisabled=\"disableSaveButton\"\n        :isRaised=\"false\"\n        @vasionButtonClicked=\"checkIfSave()\"\n      >\n        Save\n      </VasionButton>\n    </footer>\n    <VasionEllipsisMenu\n      v-if=\"showThumbnailMenu\"\n      :buttonConfig=\"ellipsisButtonConfig\"\n      :style=\"ellipsisMenuStyle\"\n      :rowItem=\"ellipsisRowItem\"\n      @ellipsis-button-clicked=\"ellipsisButtonClicked\"\n    />\n    <VasionGeneralModal\n      id=\"vasion-setup-instructions\"\n      :hideButtons=\"true\"\n      :modalType=\"'slot'\"\n      buttonGroup=\"single\"\n      :sync=\"showLeaveDialog\"\n      @noButtonClick=\"showLeaveDialog = false\"\n    >\n      <VasionConfirmationDialog\n        message=\"Are you sure you want to leave? Changes have not been saved.\"\n        @noButtonClick=\"showLeaveDialog = false\"\n        @yesButtonClick=\"$emit('cancel')\"\n      />\n    </VasionGeneralModal>\n    <VasionGeneralModal\n      id=\"confirm-split-delete\"\n      :hideButtons=\"true\"\n      :modalType=\"'slot'\"\n      buttonGroup=\"single\"\n      :sync=\"showSplitDeleteDialog\"\n      @noButtonClick=\"toggleSplitDeleteDialog()\"\n    >\n      <VasionConfirmationDialog :message=\"deletePromptMessage\" @noButtonClick=\"toggleSplitDeleteDialog()\" @yesButtonClick=\"save()\" />\n    </VasionGeneralModal>\n  </main>\n</template>\n\n<script>\nimport Loading from 'vue-loading-overlay';\nimport 'vue-loading-overlay/dist/vue-loading.css';\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\nimport ThumbnailImage from '@/components/document/ThumbnailImage.vue';\n\nexport default {\n  name: 'ThumbnailManager',\n  components: {\n    Loading,\n    ThumbnailImage,\n  },\n  props: {\n    documentId: {\n      type: Number,\n      required: true,\n      default: 0,\n    },\n  },\n  data: function () {\n    return {\n      documentDetails: {},\n      ellipsisRowIndex: -1,\n      ellipsisRowItem: null,\n      isDirty: false,\n      isLoading: false,\n      loaderBackgroundColor: loaderBackgroundColor,\n      loaderColor: loaderColor,\n      moveTo: '',\n      pageCount: 0,\n      pages: [],\n      pageSelected: 0,\n      showLeaveDialog: false,\n      showSplitDeleteDialog: false,\n      showThumbnailMenu: false,\n    }\n  },\n  computed: {\n    anyToDelete() { return this.pages.some(p => p.delete) },\n    anyToSplit() { return this.pages.some(p => p.split) },\n    deletePromptMessage() {\n      if (this.anyToDelete && this.anyToSplit) {\n        return 'Are you sure you want to split this document and delete the selected pages? This will create new documents.'\n      }\n      else if (this.anyToDelete) {\n        return 'Are you sure you want to delete the selected pages?'\n      }\n      else if (this.anyToSplit) {\n        return 'Are you sure you want to split this document? This will remove pages from this document and create new documents. '\n      }\n      else {\n        return ''\n      }\n    },\n    disableSaveButton() { return this.pages.filter(p => p.delete === false).length === 0 },\n    ellipsisButtonConfig() {\n      var buttons = [\n        {\n          id: 'rotate-left',\n          name: 'Rotate Left',\n          icon: 'VasionRotateLeftIcon',\n        },\n        {\n          id: 'rotate-right',\n          name: 'Rotate Right',\n          icon: 'VasionBeginRepeatIcon',\n        },\n      ]\n      if (this.ellipsisRowItem.canDelete) {\n        buttons.push({\n          id: 'delete-page',\n          name: (this.ellipsisRowItem.delete) ? 'Restore Page' : 'Delete Page',\n          icon: 'VasionDeleteIcon',\n        })\n      }\n      if (!this.ellipsisRowItem.delete && this.ellipsisRowIndex !== 0 && this.ellipsisRowItem.canSplit) {\n        buttons.push({\n          id: 'mark-first-page',\n          name: (this.ellipsisRowItem.split) ? 'Unmark as First Page of New Document' : 'Mark as First Page of New Document',\n          icon: 'VasionStarSolidIcon',\n        })\n      }\n      return { buttons : buttons }\n    },\n  },  \n  async created() {\n    this.isLoading = true\n    this.documentDetails = await this.$store.dispatch('document/getDocumentDetails', { documentID: this.documentId })\n    this.pageCount = this.documentDetails.FileDetail.PageCount\n    this.setup()\n  },\n  methods: {\n    cancel() {\n      if (this.isDirty) {\n        this.showLeaveDialog = true\n      } else {\n        this.$emit('cancel')\n      }\n    },\n    checkIfSave()\n    {\n      if (this.anyToDelete || this.anyToSplit) {\n        this.toggleSplitDeleteDialog()\n      }\n      else {\n        this.save()\n      }\n    },\n    clickedOutsideLeave() {\n      this.routeTo = null\n    },\n    ellipsisButtonClicked(e) {\n      this.showThumbnailMenu = false\n      switch (e.buttonId) {\n        case 'rotate-left':\n          if (e.item.rotation <= 0) {\n            e.item.rotation = 3\n          } else {\n            e.item.rotation -= 1\n          }\n          this.isDirty = true\n          break;\n        case 'rotate-right':\n          if (e.item.rotation >= 3) {\n            e.item.rotation = 0\n          } else {\n            e.item.rotation += 1\n          }\n          this.isDirty = true\n          break;\n        case 'delete-page':\n          e.item.delete = !e.item.delete\n          e.item.split = false\n          this.isDirty = true\n          break;\n        case 'mark-first-page':\n          e.item.split = !e.item.split\n          this.isDirty = true\n          break;\n        default:\n          break;\n      }\n      this.validateDeletionAndSplitCapability()\n    },\n    movePage(index, toIndex) {\n      if (index === '' || toIndex === '' || toIndex <= 0 || toIndex > this.pageCount) {\n        return\n      }\n      this.isDirty = true\n      const page = this.pages.splice(index, 1)[0]\n      this.pages.splice(toIndex-1, 0, page)\n      this.moveTo = ''\n\n      if ((toIndex - 1) === 0 && page.split) this.pages[(toIndex - 1)].split = false\n\n      this.validateDeletionAndSplitCapability()\n    },\n    movePageLeftOrRight(index, toIndex) {\n      this.isDirty = true\n      if (toIndex < 0) {\n        toIndex = this.pageCount\n      }\n      if (toIndex >= this.pageCount) {\n        toIndex = 0\n      }\n      const indexPageNumber = this.pages[index]\n      this.pages[index] = this.pages[toIndex]\n      this.pages[toIndex] = indexPageNumber\n      this.pageSelected = toIndex\n\n      if (toIndex === 0 && this.pages[toIndex].split) this.pages[toIndex].split = false\n\n      this.validateDeletionAndSplitCapability()\n    },\n    openEllipsisMenu(e, pageIndex) {\n      this.ellipsisMenuStyle = `top:${e.y + 20}px; left:${e.x - 270}px; margin: 0px;`\n      this.showThumbnailMenu = true\n      this.ellipsisRowItem = this.pages[pageIndex]\n      this.ellipsisRowIndex = pageIndex\n    },\n    async save() {\n      if (this.disableSaveButton) {\n        return\n      }\n\n      const payload = {\n        ThumbnailCollection: {\n          Values: this.pages.map(page => {\n            let rotation = 0\n            switch (page.rotation) {\n              case 1:\n                rotation = 90\n                break;\n              case 2:\n                rotation = 180\n                break;\n              case 3:\n                rotation = 270\n                break;\n              default:\n                break;\n            }\n            return {\n              DocumentId: this.documentId,\n              PageNumber: page.number,\n              PageRotation: rotation,\n              RemovePage: page.delete,\n              NewDocument: page.split,\n            }\n          }),\n        },\n      }\n      this.isLoading = true\n      const [, result] = await Promise.all([\n        this.$store.dispatch('document/deleteDocCacheFiles', { Value: this.documentId }),\n        this.$store.dispatch('document/saveThumbnailInfo', payload),\n      ])\n      this.isLoading = false \n      this.$emit('cancel', result) \n    },\n    async setup() {\n      const localPages = []\n      let images = []\n      for (let i = 0; i < this.pageCount; i += 1) {\n        const payload = {\n          DocumentId: this.documentId,\n          PageNumber: i + 1,\n          ReloadImage: false,\n          ReturnImageData: true,\n        }\n        const image = await this.$store.dispatch('document/getThumbnail', payload)\n        images.push(image)\n        localPages.push({\n          number: i + 1,\n          delete: false,\n          split: false,\n          rotation: 0,\n          canDelete: true,\n          canSplit: true,\n        })\n      }\n      this.pages = localPages\n      this.isLoading = false\n\n      images = await Promise.all(images)\n      for (let i = 0; i < this.pageCount; i += 1) {\n        this.pages[i].imageString = images[i]\n      }\n    },\n    toggleSplitDeleteDialog() {\n      this.showSplitDeleteDialog = !this.showSplitDeleteDialog\n    },\n    validateDeletionAndSplitCapability() {\n      this.pages.forEach(page => {\n        page.canDelete = true\n        page.canSplit = true\n      })\n      if (this.anyToSplit  || this.anyToDelete) {\n        let pageIndexesCanDelete = []\n        let deletedPageIndexex = []\n        const splitPageIndex = this.pages.findIndex(p => p.split)\n        this.pages.forEach((page, index) => {\n          if (!page.delete && index < splitPageIndex) {\n            pageIndexesCanDelete.push(index)\n          }\n          if (page.delete) {\n            deletedPageIndexex.push(index)\n          }\n        })\n        if (pageIndexesCanDelete.length === 1) {\n          this.pages[pageIndexesCanDelete[0]].canDelete = false\n        }\n        if ((deletedPageIndexex.length - 1) === deletedPageIndexex[deletedPageIndexex.length - 1]) {\n          this.pages[(deletedPageIndexex[deletedPageIndexex.length - 1] + 1)].canSplit = false\n        }\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n\n  main {\n    width: 928px;\n    height: 628px;\n  }\n\n  .min-height {\n    min-height: 120px;\n  }\n\n  .modal-bounds {\n    width: 928px;\n    background-color: $white;\n  }\n\n  .modal-title {\n    @include SubtitleActive;\n    font-size: 1.75em;\n  }\n\n  footer {\n    position: relative;\n    bottom: 0px;\n    display: flex;\n    justify-content: flex-end;\n  }\n\n  .thumbnails {\n    display: flex;\n    flex-flow: row wrap;\n    overflow-x: auto;\n    height: 550px;\n  }\n\n  .thumbnail-border {\n    display: flex;\n    justify-content: center;\n    align-items: flex-end;\n    padding: 12px 12px 0px 12px;\n    background-color: #F8F9F9;\n    border: 1px solid $grey-100;\n    border-top-right-radius: 4px;\n    border-top-left-radius: 4px;\n    height: 192px;\n  }\n\n  .thumbnail-container {\n    margin: 16px;\n    flex: 0 0 21%;\n  }\n\n  .thumbnail-footer {\n      height: 40px;\n      background-color: white;\n      border-bottom: 1px solid $grey-100;\n      border-left: 1px solid $grey-100;\n      border-right: 1px solid $grey-100;\n      border-bottom-right-radius: 4px;\n      border-bottom-left-radius: 4px;\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: center;\n  }\n\n  #thumbnail-page-number {\n    margin-left: 12px;\n  }\n\n  .shadow {\n    box-shadow: 1px 0px 5px 1px $grey-100;\n  }\n\n  .thumbnail-menu{\n    position: relative;\n    width: 280px;\n    height: 160px;\n    padding: 10px 0;\n    background-color: white;\n    border: 1px solid black;\n    z-index: 5;\n  }\n\n  .thumbnail-controls{\n    height: 50px;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-around;\n    align-items: center;\n  }\n\n  .border-red {\n    border: 1px solid red;\n    border-radius: 4px;\n  }\n\n  .border-green {\n    border: 1px solid green;\n    border-radius: 4px;\n  }\n\n  .rotate-90 {\n    transform: rotate(90deg);\n  }\n\n  .rotate-180 {\n    transform: rotate(180deg);\n  }\n\n  .rotate-270 {\n    transform: rotate(270deg);\n  }\n\n  ::v-deep .text-input {\n    height: 36px !important;\n    padding-left: 6px !important;\n    font-size: 12px !important;\n  }\n</style>\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!./ThumbnailManager.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!./ThumbnailManager.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThumbnailManager.vue?vue&type=template&id=d67d295a&scoped=true&\"\nimport script from \"./ThumbnailManager.vue?vue&type=script&lang=js&\"\nexport * from \"./ThumbnailManager.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ThumbnailManager.vue?vue&type=style&index=0&id=d67d295a&prod&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  \"d67d295a\",\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',{staticClass:\"ocr-pages\"},[_c('div',{staticClass:\"ocr-title\"},[_vm._v(\" What do you want to OCR? \")]),_c('div',{staticClass:\"ocr-selection\"},[_c('div',{staticClass:\"ocr-selection-card\",class:{ 'highlighted-card' : !_vm.ocrAllPages },on:{\"click\":function($event){return _vm.updateOcrValue(false)}}},[_c('VasionFileOutlined',{staticClass:\"fill-grey\",class:{ 'fill-orange' : !_vm.ocrAllPages}}),_c('h5',[_vm._v(\"1st Page\")])],1),_c('div',{staticClass:\"ocr-selection-card\",class:{ 'highlighted-card' : _vm.ocrAllPages },on:{\"click\":function($event){return _vm.updateOcrValue(true)}}},[_c('VasionFilesOutlined',{staticClass:\"fill-grey\",class:{ 'fill-orange' : _vm.ocrAllPages}}),_c('h5',[_vm._v(\"All Pages\")])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"ocr-pages\">\n    <div class=\"ocr-title\">\n      What do you want to OCR?\n    </div>\n    <div class=\"ocr-selection\">\n      <div class=\"ocr-selection-card\" :class=\"{ 'highlighted-card' : !ocrAllPages }\" @click=\"updateOcrValue(false)\">\n        <VasionFileOutlined class=\"fill-grey\" :class=\"{ 'fill-orange' : !ocrAllPages}\" />\n        <h5>1st Page</h5>\n      </div>\n      <div class=\"ocr-selection-card\" :class=\"{ 'highlighted-card' : ocrAllPages }\" @click=\"updateOcrValue(true)\">\n        <VasionFilesOutlined class=\"fill-grey\" :class=\"{ 'fill-orange' : ocrAllPages}\" />\n        <h5>All Pages</h5>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n\nexport default {\n  name: 'DocumentOcrPages',\n  data() {\n    return {\n      ocrAllPages: false,\n    }\n  },\n  methods: {\n    updateOcrValue(value) {\n      this.ocrAllPages = value\n      this.$emit('ocrAllPagesUpdated', this.ocrAllPages)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/css/variables.scss';\n\n.ocr-pages {\n    width: 700px;\n    height: 300px;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    align-items: center;\n  }\n  .ocr-pages > div {\n    margin: 10px 0px;\n  }\n  .ocr-title {\n    font-weight: bold;\n  }\n  .ocr-selection {\n    display: flex;\n    justify-content: center;\n\n  }\n  .ocr-selection-card {\n    width: 190px;\n    height: 145px;\n    margin: 0 16px 0 0;\n    padding: 24px 63px;\n    border-radius: 8px;\n    cursor: pointer;\n    border: solid 2px $grey-100;\n  }\n  .highlighted-card {\n    border: 2px solid $orange-100;\n    .card-footer {\n      background-color: $orange-50;\n      border-top: 2px solid $orange-100;\n    }\n  }\n  .fill-grey {\n    fill: $grey-100;\n  }\n  .fill-orange {\n    fill: $orange-100;\n  }\n</style>\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!./DocumentOcrPages.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!./DocumentOcrPages.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DocumentOcrPages.vue?vue&type=template&id=73f7fda8&scoped=true&\"\nimport script from \"./DocumentOcrPages.vue?vue&type=script&lang=js&\"\nexport * from \"./DocumentOcrPages.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DocumentOcrPages.vue?vue&type=style&index=0&id=73f7fda8&prod&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  \"73f7fda8\",\n  null\n  \n)\n\nexport default component.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/lib/loaders/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/lib/index.js??vue-loader-options!./MergeFiles.vue?vue&type=style&index=0&id=42abf9e2&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',[(_vm.currentModalView === 'main')?_c('section',{staticClass:\"modal-bounds\"},[_c('header',{staticClass:\"modal-title\"},[_vm._v(\" Merge Documents \")]),_c('Loading',{staticClass:\"vasion-loading-indicator\",attrs:{\"active\":_vm.isLoading,\"is-full-page\":false,\"color\":_vm.loaderColor,\"loader\":\"dots\",\"background-color\":_vm.loaderBackgroundColor},on:{\"update:active\":function($event){_vm.isLoading=$event}}}),_c('div',{key:_vm.thumbNailKey,staticClass:\"thumbnail-container\",attrs:{\"id\":\"thumbnail-container\"}},_vm._l((_vm.checkedDocuments),function(image,index){return _c('div',{key:index,staticClass:\"merge-thumbnail\",class:{ selectedThumb: _vm.imageSelected === index },on:{\"click\":function($event){return _vm.selectNewThumb(index)}}},[_c('ThumbnailImage',{ref:\"mainImage\",refInFor:true,staticClass:\"min-height\",attrs:{\"documentID\":image.id,\"pageNumber\":1,\"width\":120,\"index\":image.id,\"imageString\":image.tempFile}}),_c('div',{staticClass:\"doc-name\",class:{ docNameSelected: _vm.imageSelected === index }},[_vm._v(\" \"+_vm._s(image.name)+\" \")]),(_vm.imageSelected === index)?_c('div',{staticClass:\"selected-container\"},[_c('VasionButton',{staticClass:\"merge-move-buttons merge-move-back\",attrs:{\"id\":\"save-button\",\"name\":\"save-button\",\"icon\":\"VasionArrowLeftIcon\",\"classProp\":'secondary-grey'},on:{\"vasionButtonClicked\":function($event){$event.stopPropagation();return _vm.moveDocument('left', index)}}}),_c('VasionInput',{staticClass:\"merge-move-input\",attrs:{\"id\":\"move-to-page\",\"name\":\"move-to-page\",\"type\":\"text\",\"inputmode\":\"numeric\",\"onkeypress\":\"return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57\",\"inputType\":\"blank-white\",\"width\":\"36\",\"placeholder\":index + 1,\"max\":_vm.checkedDocuments.length},on:{\"input\":function($event){return _vm.moveDocument(null, index, _vm.moveTo)}},model:{value:(_vm.moveTo),callback:function ($$v) {_vm.moveTo=$$v},expression:\"moveTo\"}}),_c('VasionButton',{staticClass:\"merge-move-buttons merge-move-forward\",attrs:{\"id\":\"save-button\",\"name\":\"save-button\",\"icon\":\"VasionArrowRightIcon\",\"classProp\":'secondary-grey'},on:{\"vasionButtonClicked\":function($event){$event.stopPropagation();return _vm.moveDocument('right', index)}}})],1):_vm._e(),_c('div',{staticClass:\"number-only\"},[_vm._v(\" \"+_vm._s(index + 1)+\" \")])],1)}),0),_c('div',{staticClass:\"merge-row\"},[_c('VasionCheckbox',{attrs:{\"id\":\"append-to-first-doc\",\"name\":\"append-to-first-doc\",\"checked\":_vm.appendToFirstDocument,\"isDisabled\":_vm.useFieldsFromFistDocument},on:{\"change\":function($event){return _vm.checkBoxToggle('appendToFirstDocument', 'setMergeAppendToFirstDocument', !_vm.appendToFirstDocument)}}},[_vm._v(\" Append to First Document \")]),_c('div',{staticClass:\"vasion-row\"},[_c('VasionButton',{staticClass:\"merge-buttons\",attrs:{\"id\":\"add-document\",\"name\":\"add-document\",\"icon\":\"VasionAddIcon\",\"classProp\":'secondary-grey'},on:{\"vasionButtonClicked\":function($event){_vm.currentModalView = 'add'}}}),_c('VasionButton',{staticClass:\"merge-buttons\",attrs:{\"id\":\"save-button\",\"name\":\"save-button\",\"icon\":\"VasionRemoveIcon\",\"classProp\":'secondary-grey'},on:{\"vasionButtonClicked\":_vm.removeDocument}})],1)],1),_c('div',{staticClass:\"merge-row\"},[_c('VasionInput',{attrs:{\"id\":\"send-pages-text-box\",\"title\":\"FILE NAME\",\"name\":\"send-pages-text-box\",\"placeholder\":\"\",\"inputType\":\"top-white\",\"width\":\"432\",\"isDisabled\":_vm.appendToFirstDocument},model:{value:(_vm.mergeFileName),callback:function ($$v) {_vm.mergeFileName=$$v},expression:\"mergeFileName\"}}),_c('div',{staticClass:\"browse-group\"},[_c('VasionInput',{attrs:{\"id\":\"send-pages-text-box\",\"title\":\"FILE LOCATION\",\"name\":\"send-pages-text-box\",\"placeholder\":\"\",\"inputType\":\"top-white\",\"width\":\"374\",\"readonly\":true,\"isDisabled\":_vm.appendToFirstDocument},model:{value:(_vm.mergeFolderLocationName),callback:function ($$v) {_vm.mergeFolderLocationName=$$v},expression:\"mergeFolderLocationName\"}}),_c('md-menu',{attrs:{\"md-align-trigger\":\"\",\"md-size\":\"huge\",\"mdCloseOnSelect\":true,\"mdCloseOnClick\":true,\"md-dense\":\"\"}},[_c('VasionButton',{staticClass:\"button-margin-fix\",attrs:{\"id\":\"select-file\",\"classProp\":'primary',\"isDisabled\":_vm.appendToFirstDocument},on:{\"vasionButtonClicked\":function($event){_vm.currentModalView = 'browse-folders'}}},[_vm._v(\" Select \")])],1)],1)],1),_c('div',{staticClass:\"merge-row\"},[_c('VasionDropList',{staticClass:\"merge-as\",attrs:{\"title\":\"MERGE AS\",\"dataArray\":_vm.mergeAs,\"showSearchField\":false,\"returnValueOnly\":true,\"width\":\"432\",\"type\":\"plain-list\",\"displayName\":\"name\",\"valueName\":\"value\"},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.name)+\" \")]}}],null,false,447090949),model:{value:(_vm.mergeAsValue),callback:function ($$v) {_vm.mergeAsValue=$$v},expression:\"mergeAsValue\"}})],1),_c('VasionCheckbox',{staticClass:\"merge-checkbox\",attrs:{\"id\":\"append-to-first-doc\",\"name\":\"append-to-first-doc\",\"checked\":_vm.useFieldsFromFistDocument,\"isDisabled\":_vm.appendToFirstDocument},on:{\"change\":function($event){return _vm.checkBoxToggle('useFieldsFromFistDocument', 'setmergeUseFieldsFromFistDocument', !_vm.useFieldsFromFistDocument)}}},[_vm._v(\" Use Fields from First Document Selected \")]),_c('VasionCheckbox',{staticClass:\"merge-checkbox\",attrs:{\"id\":\"append-to-first-doc\",\"name\":\"append-to-first-doc\",\"checked\":_vm.deleteOriginalFiles},on:{\"change\":function($event){return _vm.checkBoxToggle('deleteOriginalFiles', 'setMergeDeleteOriginalFiles', !_vm.deleteOriginalFiles)}}},[_vm._v(\" Delete Original Files \")]),_c('VasionCheckbox',{staticClass:\"merge-checkbox\",attrs:{\"id\":\"append-to-first-doc\",\"name\":\"append-to-first-doc\",\"checked\":_vm.mergeFileNotes},on:{\"change\":function($event){return _vm.checkBoxToggle('mergeFileNotes', 'setMergeMergeFileNotes', !_vm.mergeFileNotes)}}},[_vm._v(\" Merge File Notes \")])],1):_vm._e(),(_vm.currentModalView === 'browse-folders')?_c('section',[_c('div',{staticClass:\"folderDialogBrowseDiv\"},[_c('VasionFolders',{on:{\"itemSelected\":_vm.handleDialogSelection}})],1)]):_vm._e(),(_vm.currentModalView === 'add')?_c('section',[_c('div',[_c('StartWorkflowFileUpload',{attrs:{\"isWorkflow\":false,\"fileSelectionMode\":true,\"showBackButton\":false},on:{\"cancelButtonClick\":function($event){_vm.currentModalView = 'main'},\"fileAdded\":function($event){_vm.currentModalView = 'main'}}})],1)]):_vm._e(),(_vm.currentModalView === 'main')?_c('footer',{staticClass:\"alignRight\"},[_c('VasionButton',{attrs:{\"id\":\"btnFolderBrowserCancel\",\"classProp\":\"secondary\",\"isRaised\":false},on:{\"vasionButtonClicked\":function($event){return _vm.$emit('cancel')}}},[_vm._v(\" Cancel \")]),_c('VasionButton',{attrs:{\"id\":\"btnFolderBrowserOK\",\"classProp\":\"primary\",\"isRaised\":false},on:{\"vasionButtonClicked\":_vm.mergeFiles}},[_vm._v(\" Merge \")])],1):_vm._e(),(_vm.currentModalView === 'browse-folders')?_c('footer',{staticClass:\"alignRight\"},[_c('VasionButton',{attrs:{\"id\":\"btnFolderBrowserCancel\",\"classProp\":\"secondary\",\"isRaised\":false},on:{\"vasionButtonClicked\":_vm.handleBrowseDialogCancel}},[_vm._v(\" Cancel \")]),_c('VasionButton',{attrs:{\"id\":\"btnFolderBrowserOK\",\"classProp\":\"primary\",\"isRaised\":false,\"isDisabled\":!_vm.browseDialogSelectionMade},on:{\"vasionButtonClicked\":function($event){_vm.currentModalView = 'main'}}},[_vm._v(\" OK \")])],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <main>\n    <section v-if=\"currentModalView === 'main'\" class=\"modal-bounds\">\n      <header class=\"modal-title\">\n        Merge Documents\n      </header>\n      <Loading\n        class=\"vasion-loading-indicator\"\n        :active.sync=\"isLoading\"\n        :is-full-page=\"false\"\n        :color=\"loaderColor\"\n        loader=\"dots\"\n        :background-color=\"loaderBackgroundColor\"\n      />\n      <div id=\"thumbnail-container\" :key=\"thumbNailKey\" class=\"thumbnail-container\">\n        <div\n          v-for=\"(image, index) in checkedDocuments\"\n          :key=\"index\"\n          class=\"merge-thumbnail\"\n          :class=\"{ selectedThumb: imageSelected === index }\"\n          @click=\"selectNewThumb(index)\"\n        >\n          <ThumbnailImage\n            ref=\"mainImage\"\n            class=\"min-height\"\n            :documentID=\"image.id\"\n            :pageNumber=\"1\"\n            :width=\"120\"\n            :index=\"image.id\"\n            :imageString=\"image.tempFile\"\n          />\n          <div class=\"doc-name\" :class=\"{ docNameSelected: imageSelected === index }\">\n            {{ image.name }}\n          </div>\n          <div v-if=\"imageSelected === index\" class=\"selected-container\">\n            <VasionButton\n              id=\"save-button\"\n              class=\"merge-move-buttons merge-move-back\"\n              name=\"save-button\"\n              icon=\"VasionArrowLeftIcon\"\n              :classProp=\"'secondary-grey'\"\n              @vasionButtonClicked.stop=\"moveDocument('left', index)\"\n            />\n            <VasionInput\n              id=\"move-to-page\"\n              v-model=\"moveTo\"\n              name=\"move-to-page\"\n              type=\"text\"\n              inputmode=\"numeric\"\n              onkeypress=\"return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57\"\n              inputType=\"blank-white\"\n              class=\"merge-move-input\"\n              width=\"36\"\n              :placeholder=\"index + 1\"\n              :max=\"checkedDocuments.length\"\n              @input=\"moveDocument(null, index, moveTo)\"\n            />\n            <VasionButton\n              id=\"save-button\"\n              class=\"merge-move-buttons merge-move-forward\"\n              name=\"save-button\"\n              icon=\"VasionArrowRightIcon\"\n              :classProp=\"'secondary-grey'\"\n              @vasionButtonClicked.stop=\"moveDocument('right', index)\"\n            />\n          </div>\n          <div class=\"number-only\">\n            {{ index + 1 }}\n          </div>\n        </div>\n      </div>\n      <div class=\"merge-row\">\n        <VasionCheckbox\n          id=\"append-to-first-doc\"\n          name=\"append-to-first-doc\"\n          :checked=\"appendToFirstDocument\"\n          :isDisabled=\"useFieldsFromFistDocument\"\n          @change=\"checkBoxToggle('appendToFirstDocument', 'setMergeAppendToFirstDocument', !appendToFirstDocument)\"\n        >\n          Append to First Document\n        </VasionCheckbox>\n        <div class=\"vasion-row\">\n          <VasionButton\n            id=\"add-document\"\n            class=\"merge-buttons\"\n            name=\"add-document\"\n            icon=\"VasionAddIcon\"\n            :classProp=\"'secondary-grey'\"\n            @vasionButtonClicked=\"currentModalView = 'add'\"\n          />\n          <VasionButton\n            id=\"save-button\"\n            class=\"merge-buttons\"\n            name=\"save-button\"\n            icon=\"VasionRemoveIcon\"\n            :classProp=\"'secondary-grey'\"\n            @vasionButtonClicked=\"removeDocument\"\n          />\n        </div>\n      </div>\n      <div class=\"merge-row\">\n        <VasionInput\n          id=\"send-pages-text-box\"\n          v-model=\"mergeFileName\"\n          title=\"FILE NAME\"\n          name=\"send-pages-text-box\"\n          placeholder=\"\"\n          inputType=\"top-white\"\n          width=\"432\"\n          :isDisabled=\"appendToFirstDocument\"\n        />\n        <div class=\"browse-group\">\n          <VasionInput\n            id=\"send-pages-text-box\"\n            v-model=\"mergeFolderLocationName\"\n            title=\"FILE LOCATION\"\n            name=\"send-pages-text-box\"\n            placeholder=\"\"\n            inputType=\"top-white\"\n            width=\"374\"\n            :readonly=\"true\"\n            :isDisabled=\"appendToFirstDocument\"\n          />\n          <md-menu\n            md-align-trigger\n            md-size=\"huge\"\n            :mdCloseOnSelect=\"true\"\n            :mdCloseOnClick=\"true\"\n            md-dense\n          >\n            <VasionButton\n              id=\"select-file\"\n              class=\"button-margin-fix\"\n              :classProp=\"'primary'\"\n              :isDisabled=\"appendToFirstDocument\"\n              @vasionButtonClicked=\"currentModalView = 'browse-folders'\"\n            >\n              Select\n            </VasionButton>\n          </md-menu>\n        </div>\n      </div>\n      <div class=\"merge-row\">\n        <VasionDropList\n          v-slot=\"slotItem\"\n          v-model=\"mergeAsValue\"\n          class=\"merge-as\"\n          title=\"MERGE AS\"\n          :dataArray=\"mergeAs\"\n          :showSearchField=\"false\"\n          :returnValueOnly=\"true\"\n          width=\"432\"\n          type=\"plain-list\"\n          displayName=\"name\"\n          valueName=\"value\"\n        >\n          {{ slotItem.item.name }}\n        </VasionDropList>\n      </div>\n      <VasionCheckbox\n        id=\"append-to-first-doc\"\n        class=\"merge-checkbox\"\n        name=\"append-to-first-doc\"\n        :checked=\"useFieldsFromFistDocument\"\n        :isDisabled=\"appendToFirstDocument\"\n        @change=\"checkBoxToggle('useFieldsFromFistDocument', 'setmergeUseFieldsFromFistDocument', !useFieldsFromFistDocument)\"\n      >\n        Use Fields from First Document Selected\n      </VasionCheckbox>\n      <VasionCheckbox\n        id=\"append-to-first-doc\"\n        class=\"merge-checkbox\"\n        name=\"append-to-first-doc\"\n        :checked=\"deleteOriginalFiles\"\n        @change=\"checkBoxToggle('deleteOriginalFiles', 'setMergeDeleteOriginalFiles', !deleteOriginalFiles)\"\n      >\n        Delete Original Files\n      </VasionCheckbox>\n      <VasionCheckbox\n        id=\"append-to-first-doc\"\n        class=\"merge-checkbox\"\n        name=\"append-to-first-doc\"\n        :checked=\"mergeFileNotes\"\n        @change=\"checkBoxToggle('mergeFileNotes', 'setMergeMergeFileNotes', !mergeFileNotes)\"\n      >\n        Merge File Notes\n      </VasionCheckbox>\n    </section>\n    <section v-if=\"currentModalView === 'browse-folders'\">\n      <div class=\"folderDialogBrowseDiv\">\n        <VasionFolders\n          @itemSelected=\"handleDialogSelection\"\n        />\n      </div>\n    </section>\n    <section v-if=\"currentModalView === 'add'\">\n      <div>\n        <StartWorkflowFileUpload\n          :isWorkflow=\"false\"\n          :fileSelectionMode=\"true\"\n          :showBackButton=\"false\"\n          @cancelButtonClick=\"currentModalView = 'main'\"\n          @fileAdded=\"currentModalView = 'main'\"\n        />\n      </div>\n    </section>\n    <footer v-if=\"currentModalView === 'main'\" class=\"alignRight\">\n      <VasionButton\n        id=\"btnFolderBrowserCancel\"\n        classProp=\"secondary\"\n        :isRaised=\"false\"\n        @vasionButtonClicked=\"$emit('cancel')\"\n      >\n        Cancel\n      </VasionButton>\n      <VasionButton\n        id=\"btnFolderBrowserOK\"\n        classProp=\"primary\"\n        :isRaised=\"false\"\n        @vasionButtonClicked=\"mergeFiles\"\n      >\n        Merge\n      </VasionButton>\n    </footer>\n    <footer v-if=\"currentModalView === 'browse-folders'\" class=\"alignRight\">\n      <VasionButton\n        id=\"btnFolderBrowserCancel\"\n        classProp=\"secondary\"\n        :isRaised=\"false\"\n        @vasionButtonClicked=\"handleBrowseDialogCancel\"\n      >\n        Cancel\n      </VasionButton>\n      <VasionButton\n        id=\"btnFolderBrowserOK\"\n        classProp=\"primary\"\n        :isRaised=\"false\"\n        :isDisabled=\"!browseDialogSelectionMade\"\n        @vasionButtonClicked=\"currentModalView = 'main'\"\n      >\n        OK\n      </VasionButton>\n    </footer>\n    <!-- <footer class='alignRight' v-if=\"currentModalView === 'add'\">\n      <VasionButton id=\"btnFolderBrowserCancel\" classProp=\"secondary\" :isRaised=\"false\" @vasionButtonClicked=\"currentModalView = 'main'\">Cancel</VasionButton>\n      <VasionButton id=\"btnFolderBrowserOK\" classProp=\"primary\" :isRaised=\"false\" @vasionButtonClicked=\"currentModalView = 'main'\">OK</VasionButton>\n    </footer> -->\n  </main>\n</template>\n\n<script>\nimport { debounce } from 'vue-debounce'\nimport Loading from 'vue-loading-overlay';\n// Import stylesheet\nimport 'vue-loading-overlay/dist/vue-loading.css';\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\nimport ThumbnailImage from '@/components/document/ThumbnailImage.vue';\nimport StartWorkflowFileUpload from '@/components/workflow/StartWorkflowFileUpload.vue';\n\nexport default {\n  name: 'MergeFiles',\n  components: {\n    Loading,\n    StartWorkflowFileUpload,\n    ThumbnailImage,\n  },\n  props: {\n  },\n  data: function () {\n    return {\n      appendToFirstDocument: this.$store.state.document.mergeAppendToFirstDocument !== '' ? this.$store.state.document.mergeAppendToFirstDocument : false,\n      browseDialogSelectionMade: false,\n      currentModalView: 'main',\n      deleteOriginalFiles: this.$store.state.document.mergeDeleteOriginalFiles !== '' ? this.$store.state.document.mergeDeleteOriginalFiles : false,\n      imageSelected: 0,\n      isLoading: false,\n      loaderBackgroundColor: loaderBackgroundColor,\n      loaderColor: loaderColor,\n      mergeAddSelectionMade: false,\n      mergeAs: [\n        {\n          name: 'PDF',\n          value: true,\n        },\n        {\n          name: 'tiff',\n          value: false,\n        },\n      ],\n      mergeAsValue: this.$store.state.document.mergeFileAs !== '' ? this.$store.state.document.mergeFileAs : true,\n      mergeFileNotes: this.$store.state.document.mergeMergeFileNotes !== '' ? this.$store.state.document.mergeMergeFileNotes : false,\n      moveTo: '',\n      sendPages: '',\n      thumbNailKey: 0,\n      useFieldsFromFistDocument: this.$store.state.document.mergeUseFieldsFromFistDocument !== '' ? this.$store.state.document.mergeUseFieldsFromFistDocument : false,\n    }\n  },\n  computed: {\n    checkedDocuments() { return this.$store.state.document.checkedDocuments },\n    mergeFileName: {\n      get() { return this.$store.state.document.mergeFileName },\n      set(newVal) {\n        this.$store.dispatch('document/setMergeFileName', newVal)\n      },\n    },\n    mergeFolderLocationId() { return this.$store.state.document.mergeFolderLocationId },\n    mergeFolderLocationName() { return this.$store.state.document.mergeFolderLocationName },\n    mergeKeyForMerge() { return this.$store.state.document.mergeKeyForMerge },\n    showAddDialog() { return this.currentModalView === 'add' },\n    showBrowseDialog() { return this.currentModalView === 'browse-folders' },\n  },\n  watch: {\n    mergeKeyForMerge() {\n      this.mergeFiles()\n    },\n  },\n  created() {\n  },\n  methods: {\n    addDocument() {\n    },\n    checkBoxToggle(dataName, box, value) {\n      this[dataName] = value\n      this.$store.dispatch(`document/${box}`, value)\n    },\n    handleAddDocument() {\n      this.$store.dispatch('document/addCheckedDocument', this.mergeAddSelection)\n      this.mergeAddSelection = {}\n      this.mergeAddSelectionMade = false\n      this.toggleMergeAdd()\n    },\n    handleAddDocumentSelection(selectedData) {\n      if (selectedData.isDocument) {\n        const payload = { name: selectedData.name, id: selectedData.value }\n        this.mergeAddSelection = payload\n        this.mergeAddSelectionMade = true\n      }\n    },\n    handleBrowseDialogCancel() {\n      this.$store.dispatch('document/setMergeFolderLocation', { name: '', value: '' })\n      this.browseDialogSelectionMade = false\n      this.currentModalView = 'main'\n    },\n    handleDialogSelection(selectedData) {\n      this.$store.dispatch('document/setMergeFolderLocation', selectedData)\n      this.browseDialogSelectionMade = true\n    },\n    moveDocument(direction, index, toIndex) {\n      const dFn = debounce((payload) => {\n        this.$store.dispatch('document/moveMergeDocuments', payload)\n        this.imageSelected = payload.to\n        this.moveTo = ''\n        if (this.checkedDocuments.length > 5) {\n            const calculatedScrollTo = (100 * payload.to)\n            document.getElementById('thumbnail-container').scrollLeft = calculatedScrollTo;\n          }\n      }, '1500ms')\n      const payload = {\n        from: index,\n        to: null,\n      }\n      if (toIndex) {\n        if (toIndex > this.checkedDocuments.length) {\n          payload.to = this.checkedDocuments.length - 1\n        } else if (payload.to === 0) {\n          payload.to = 1\n        } else {\n          payload.to = parseInt(toIndex, 10) - 1\n        }\n      } else if (direction === 'right') {\n          this.imageSelected += 1\n          payload.to = index + 1\n      } else {\n        this.imageSelected -= 1\n          payload.to = index - 1\n      }\n      if (toIndex) {\n        dFn(payload)\n      } else {\n        this.$store.dispatch('document/moveMergeDocuments', payload)\n      }\n    },\n    async mergeFiles() {\n      this.isLoading = true\n      const newFiles = this.checkedDocuments.filter(item => typeof item.id === 'string').map(item => item.id)\n      const filteredValues = await this.$store.dispatch('document/mergeDocumentsFilter', { Values: this.checkedDocuments.map(item => item.id) })\n      if (filteredValues.Value) {\n        this.isLoading = false\n          const messageObject = {\n            title: 'Files Did Not Merge!',\n            subTitle:  filteredValues.Value,\n            modalToClose: 'showMergeDialog',\n            value: false,\n          }\n          this.$emit('showSnackbar', messageObject)\n          this.$store.dispatch('document/setMergeClearValues')\n      }\n      const mergeFolderLocationId = this.mergeFolderLocationId ? this.mergeFolderLocationId : 0\n      const payload = {\n        FileName: this.mergeFileName,\n        FolderId: mergeFolderLocationId,\n        AppendToFirstDoc: this.appendToFirstDocument,\n        MergeAsPDF: this.mergeAsValue === true || this.mergeAsValue === 'PDF',\n        UseFirstDocIndexData: this.useFieldsFromFistDocument,\n        DeleteOriginals: this.deleteOriginalFiles,\n        MergeDocNotes: this.mergeFileNotes,\n      }\n      if (newFiles.length) {\n        // eslint-disable-next-line dot-notation\n        payload['DocumentIdsAndTempFiles'] = filteredValues.Values\n      } else {\n        // eslint-disable-next-line dot-notation\n        payload['DocumentIds'] = filteredValues.Values.map(item => parseInt(item, 10))\n      }\n      try {\n        const res = await this.$store.dispatch('document/mergeDocuments', payload)\n        this.isLoading = false\n        if (res.Value === '') {\n          const messageObject = {\n            title: 'Files Merged!',\n            subTitle: 'Check your destination folder.',\n            modalToClose: 'showMergeDialog',\n            value: true,\n          }\n          this.$emit('showSnackbar', messageObject)\n          this.$store.dispatch('document/setMergeClearValues')\n        } else {\n          this.isLoading = false\n          const messageObject = {\n            title: 'Files Did Not Merge!',\n            subTitle: res.Value,\n            modalToClose: 'showMergeDialog',\n            value: false,\n          }\n          this.$emit('showSnackbar', messageObject)\n          this.$store.dispatch('document/setMergeClearValues')\n        }\n      } catch {\n        this.isLoading = false\n        const messageObject = {\n          title: 'Files Did Not Merge!',\n          subTitle: 'Check your with your administrator.',\n          modalToClose: 'showMergeDialog',\n          value: false,\n        }\n        this.$emit('showSnackbar', messageObject)\n        this.$store.dispatch('document/setMergeClearValues')\n      }\n    },\n    removeDocument() {\n      this.$store.dispatch('document/removeMergeDocument', this.imageSelected)\n    },\n    selectNewThumb(index) {\n      this.imageSelected = index\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n  .alignRight {\n    text-align: right;\n  }\n\n  .browse-group {\n    display: flex;\n    flex-direction: row;\n  }\n  .button-margin-fix {\n    position: relative;\n    top: 17px;\n  }\n  .min-height {\n    min-height: 120px;\n  }\n  .modal-bounds {\n    width: 928px;\n    background-color: $white;\n  }\n  .modal-title {\n    @include SubtitleActive;\n    font-size: 1.75em;\n  }\n  .number-only {\n    position: absolute;\n    top: 174px;\n  }\n  .folderDialogBrowseDiv {\n    width: 400px;\n    height: 300px;\n    overflow: auto;\n  }\n  .thumbnail-container {\n    width: 100%;\n    height: 221px;\n    margin-top: 18px;\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    align-items: center;\n    border-radius: 8px;\n    padding-left: 8px;\n    border: solid 1px $grey-100;\n    overflow-y: auto;\n  }\n  .merge-as {\n    margin-bottom: 32px;\n  }\n  .merge-buttons:not(:last-child)  {\n    margin-right: 8px;\n  }\n  .merge-move-buttons {\n    position: absolute;\n    top: 165px;\n  }\n  .merge-move-back {\n    right: 99px;\n  }\n  .merge-move-forward {\n    right: 9px;\n  }\n  .merge-move-input {\n    position: absolute;\n    top: 164px;\n    right: 56px;\n  }\n  .merge-checkbox:not(:last-child) {\n    margin-bottom: 24px\n  }\n\n  .merge-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 21px;\n    width: 100%;\n  }\n  .merge-thumbnail {\n    margin-left: 8px;\n    min-width: 149px;\n    height: 156px;\n    padding-top: 11px;\n    border-radius: 2.9px;\n    border: solid 1px $grey-100;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    background-color: $grey-50;\n    position: relative;\n    bottom: 25px;\n    cursor: pointer;\n  }\n  .selectedThumb {\n    border: 1px solid $orange-300;\n  }\n  .doc-name {\n    font-family: $font-family-medium;\n    height: 32px;\n    width: 100%;\n    background-color: white;\n    padding-left: 8px;\n    display: flex;\n    align-items: flex-end;\n    padding-bottom: 2px;\n    overflow: auto;\n  }\n  .docNameSelected {\n    border-top: 1px solid $orange-300;\n  }\n</style>\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!./MergeFiles.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!./MergeFiles.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MergeFiles.vue?vue&type=template&id=42abf9e2&scoped=true&\"\nimport script from \"./MergeFiles.vue?vue&type=script&lang=js&\"\nexport * from \"./MergeFiles.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MergeFiles.vue?vue&type=style&index=0&id=42abf9e2&prod&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  \"42abf9e2\",\n  null\n  \n)\n\nexport default component.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/lib/loaders/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/lib/index.js??vue-loader-options!./ThumbnailManager.vue?vue&type=style&index=0&id=d67d295a&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('VasionFolderSelect',{attrs:{\"title\":\"Move Documents\",\"okButtonText\":\"Move\"},on:{\"cancelButtonClick\":_vm.cancelClick,\"okButtonClick\":_vm.moveClick}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <VasionFolderSelect\n    title=\"Move Documents\"\n    okButtonText=\"Move\"\n    @cancelButtonClick=\"cancelClick\"\n    @okButtonClick=\"moveClick\"\n  />\n</template>\n\n<script>\nimport VasionFolderSelect from '@/components/shared/VasionFolderSelect.vue'\n\nexport default {\n  name: 'DocumentMove',\n  components: {\n    VasionFolderSelect,\n  },\n  props: {\n    documentIDString: {\n      type: String,\n      required: true,\n    },\n  },\n  methods: {\n    cancelClick() {\n      this.$emit('close')\n    },\n    async moveClick(payload) {\n      const movePayload = {\n        DocumentIdString: this.documentIDString,\n        FolderId: payload.SelectedFolderID,\n      }\n\n      const moveResult = await this.$store.dispatch('document/moveDocuments', movePayload)\n      this.$emit('move-complete', moveResult)\n    },\n  },\n}\n</script>\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!./DocumentMove.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!./DocumentMove.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DocumentMove.vue?vue&type=template&id=63175e91&\"\nimport script from \"./DocumentMove.vue?vue&type=script&lang=js&\"\nexport * from \"./DocumentMove.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',{staticClass:\"mainDiv\"},[_c('div',{staticClass:\"row\"},[_c('VasionDropList',{staticClass:\"fullWidth\",attrs:{\"dataArray\":_vm.attributeFormList,\"width\":\"'100%'\",\"title\":(\"\" + (_vm.$formsLabel.toUpperCase())),\"placeholder\":\"...\",\"type\":\"plain-list\",\"displayName\":\"name\",\"valueName\":\"value\"},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.name)+\" \")]}}]),model:{value:(_vm.attributeForm),callback:function ($$v) {_vm.attributeForm=$$v},expression:\"attributeForm\"}})],1),_c('div',{staticClass:\"row\"},[_c('VasionCheckbox',{staticClass:\"row-checkbox\",attrs:{\"id\":\"use-barcode-splitter\",\"name\":\"use-barcode-splitter\",\"checked\":_vm.useBarcodeSplitter,\"isDisabled\":_vm.useBarcodeSplitterDisabled},on:{\"change\":function($event){_vm.useBarcodeSplitter= !_vm.useBarcodeSplitter}}},[_vm._v(\" Use Barcode Splitter \")]),_c('VasionCheckbox',{staticClass:\"row-checkbox\",attrs:{\"id\":\"read-barcode\",\"name\":\"read-barcode\",\"isDisabled\":_vm.readBarcodeDisabled,\"checked\":_vm.readBarcode},on:{\"change\":function($event){_vm.readBarcode= !_vm.readBarcode}}},[_vm._v(\" Read Barcode \")])],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"row-checkbox\"},[_c('VasionCheckbox',{staticStyle:{\"margin-right\":\"50px\"},attrs:{\"id\":\"split-on-page-count\",\"name\":\"split-on-page-count\",\"checked\":_vm.splitOnPageCount},on:{\"change\":function($event){_vm.splitOnPageCount= !_vm.splitOnPageCount}}},[_vm._v(\" Split on Page Count \")]),_c('VasionInput',{staticClass:\"row-input\",staticStyle:{\"padding-right\":\"13px\"},attrs:{\"id\":\"splitOnPageCountNumber\",\"inputType\":\"top-white\",\"name\":\"splitOnPageCountNumber\",\"specialType\":\"number\",\"isDisabled\":!_vm.splitOnPageCount,\"min\":\"0\",\"width\":'100'},model:{value:(_vm.splitOnPageCountNumber),callback:function ($$v) {_vm.splitOnPageCountNumber=$$v},expression:\"splitOnPageCountNumber\"}})],1),_c('VasionCheckbox',{staticClass:\"row-checkbox\",attrs:{\"id\":\"read-first-page-only\",\"name\":\"read-first-page-only\",\"checked\":_vm.readFirstPageOnly,\"isDisabled\":_vm.readFirstPageOnlyDisabled},on:{\"change\":function($event){_vm.readFirstPageOnly= !_vm.readFirstPageOnly}}},[_vm._v(\" Read First Page Only \")])],1),_c('div',{staticClass:\"row\"},[_c('VasionCheckbox',{staticClass:\"row-checkbox\",attrs:{\"id\":\"delete-original-documents\",\"name\":\"delete-original-documents\",\"checked\":_vm.deleteOriginalDocuments,\"isDisabled\":_vm.deleteOriginalDocumentsDisabled},on:{\"change\":function($event){_vm.deleteOriginalDocuments= !_vm.deleteOriginalDocuments}}},[_vm._v(\" Delete Original Documents \")]),_c('VasionCheckbox',{staticClass:\"row-checkbox\",attrs:{\"id\":\"create-new-document\",\"name\":\"create-new-document\",\"checked\":_vm.createNewDocument,\"isDisabled\":_vm.createNewDocumentDisabled},on:{\"change\":function($event){_vm.createNewDocument= !_vm.createNewDocument}}},[_vm._v(\" Create New Document \")])],1),_c('div',{staticClass:\"row\"},[_c('VasionCheckbox',{staticClass:\"row-checkbox\",attrs:{\"id\":\"keep-barcode-page\",\"name\":\"keep-barcode-page\",\"checked\":_vm.keepBarcodePage},on:{\"change\":function($event){_vm.keepBarcodePage= !_vm.keepBarcodePage}}},[_vm._v(\" Keep Barcode Page \")]),_c('VasionCheckbox',{staticClass:\"row-checkbox\",attrs:{\"id\":\"use-barcode-as-value-name\",\"name\":\"use-barcode-as-value-name\",\"checked\":_vm.useBarcodeValueAsName},on:{\"change\":function($event){_vm.useBarcodeValueAsName= !_vm.useBarcodeValueAsName}}},[_vm._v(\" Use Barcode as Value Name \")])],1),_c('div',{staticClass:\"row\"},[_c('VasionCheckbox',{staticClass:\"row-checkbox\",attrs:{\"id\":\"barcode-on-last-page\",\"name\":\"barcode-on-last-page\",\"checked\":_vm.barcodeOnLastPage,\"isDisabled\":_vm.barcodeOnLastPageDisabled},on:{\"change\":function($event){_vm.barcodeOnLastPage = !_vm.barcodeOnLastPage}}},[_vm._v(\" Barcode on Last Page \")])],1),_c('div',{staticClass:\"row\"},[_c('VasionDropList',{staticClass:\"fullWidth\",attrs:{\"dataArray\":_vm.filteredBarcodeList,\"width\":\"'100%'\",\"title\":\"Barcode Index\",\"placeholder\":\"Select Index...\",\"type\":\"plain-list\",\"displayName\":\"name\",\"valueName\":\"value\"},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.name)+\" \")]}}]),model:{value:(_vm.barcodeIndex),callback:function ($$v) {_vm.barcodeIndex=$$v},expression:\"barcodeIndex\"}})],1),_c('div',{staticClass:\"row\"},[_c('VasionInput',{staticClass:\"fullWidth\",attrs:{\"id\":\"prefix\",\"inputType\":\"top-white\",\"name\":\"prefix\",\"title\":\"Prefix\",\"width\":\"100%\",\"placeholder\":\"Enter Prefix...\"},model:{value:(_vm.prefix),callback:function ($$v) {_vm.prefix=$$v},expression:\"prefix\"}})],1),_c('div',{staticClass:\"row\"},[_c('VasionDropList',{staticClass:\"fullWidth\",attrs:{\"dataArray\":_vm.splitterOptions,\"width\":\"100%\",\"title\":\"Splitter Option\",\"placeholder\":\"Select Option...\",\"type\":\"plain-list\",\"displayName\":\"name\",\"valueName\":\"value\",\"openAbove\":true},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.name)+\" \")]}}]),model:{value:(_vm.selectedSplitterOption),callback:function ($$v) {_vm.selectedSplitterOption=$$v},expression:\"selectedSplitterOption\"}})],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"column fullWidth\"},_vm._l((_vm.splitterValues),function(value,index){return _c('div',{key:index,staticClass:\"fullWidth\"},[_c('div',{staticClass:\"splitter-values\"},[_c('VasionInput',{staticClass:\"fullWidth\",attrs:{\"id\":\"value-from-input\",\"inputType\":\"top-white\",\"name\":\"value-from-input\",\"width\":\"100%\",\"placeholder\":\"Enter Value...\",\"isDisabled\":_vm.splitterValuesDisabled,\"title\":index === 0 ? 'Value(s)' : ''},model:{value:(value.message),callback:function ($$v) {_vm.$set(value, \"message\", $$v)},expression:\"value.message\"}}),(index !== 0)?_c('div',{staticClass:\"minus-button\",class:{ 'plus-and-minus-disabled': _vm.splitterValuesDisabled },on:{\"click\":function($event){return _vm.removeValue(index)}}},[_c('VasionRemoveIcon')],1):_vm._e(),(index === 0)?_c('div',{staticClass:\"plus-button\",class:{ 'plus-and-minus-disabled': _vm.splitterValuesDisabled },on:{\"click\":function($event){return _vm.pushValue()}}},[_c('VasionAddIcon')],1):_vm._e()],1)])}),0)]),_c('div',{staticClass:\"row\"},[_c('VasionInput',{staticClass:\"halfWidth\",attrs:{\"id\":\"value-from-input\",\"inputType\":\"top-white\",\"name\":\"value-from-input\",\"title\":\"Value From\",\"width\":\"100%\",\"specialType\":\"number\",\"min\":\"0\",\"isDisabled\":_vm.barcodeRangeFromAndToDisabled,\"placeholder\":\"Enter Value...\"},model:{value:(_vm.barcodeRangeFrom),callback:function ($$v) {_vm.barcodeRangeFrom=$$v},expression:\"barcodeRangeFrom\"}}),_c('VasionInput',{staticClass:\"halfWidth\",attrs:{\"id\":\"value-to-input\",\"inputType\":\"top-white\",\"name\":\"value-to-input\",\"title\":\"Value To\",\"width\":\"100%\",\"min\":\"0\",\"specialType\":\"number\",\"isDisabled\":_vm.barcodeRangeFromAndToDisabled,\"placeholder\":\"Enter Value...\"},model:{value:(_vm.barcodeRangeTo),callback:function ($$v) {_vm.barcodeRangeTo=$$v},expression:\"barcodeRangeTo\"}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mainDiv\">\n    <div class=\"row\">\n      <VasionDropList\n        v-slot=\"slotItem\"\n        v-model=\"attributeForm\"\n        class=\"fullWidth\"\n        :dataArray=\"attributeFormList\"\n        width=\"'100%'\"\n        :title=\"`${$formsLabel.toUpperCase()}`\"\n        placeholder=\"...\"\n        type=\"plain-list\"\n        displayName=\"name\"\n        valueName=\"value\"\n      >\n        {{ slotItem.item.name }}\n      </VasionDropList>\n    </div>\n    <div class=\"row\">\n      <VasionCheckbox\n        id=\"use-barcode-splitter\"\n        name=\"use-barcode-splitter\"\n        class=\"row-checkbox\"\n        :checked=\"useBarcodeSplitter\"\n        :isDisabled=\"useBarcodeSplitterDisabled\"\n        @change=\"useBarcodeSplitter= !useBarcodeSplitter\"\n      >\n        Use Barcode Splitter\n      </VasionCheckbox>\n      <VasionCheckbox\n        id=\"read-barcode\"\n        name=\"read-barcode\"\n        class=\"row-checkbox\"\n        :isDisabled=\"readBarcodeDisabled\"\n        :checked=\"readBarcode\"\n        @change=\"readBarcode= !readBarcode\"\n      >\n        Read Barcode\n      </VasionCheckbox>\n    </div>\n    <div class=\"row\">\n      <div class=\"row-checkbox\">\n        <VasionCheckbox\n          id=\"split-on-page-count\"\n          name=\"split-on-page-count\"\n          style=\"margin-right: 50px\"\n          :checked=\"splitOnPageCount\"\n          @change=\"splitOnPageCount= !splitOnPageCount\"\n        >\n          Split on Page Count\n        </VasionCheckbox>\n        <VasionInput\n          id=\"splitOnPageCountNumber\"\n          v-model=\"splitOnPageCountNumber\"\n          class=\"row-input\"\n          inputType=\"top-white\"\n          name=\"splitOnPageCountNumber\"\n          specialType=\"number\"\n          style=\"padding-right: 13px\"\n          :isDisabled=\"!splitOnPageCount\"\n          min=\"0\"\n          :width=\"'100'\"\n        />\n      </div>\n      <VasionCheckbox\n        id=\"read-first-page-only\"\n        name=\"read-first-page-only\"\n        class=\"row-checkbox\"\n        :checked=\"readFirstPageOnly\"\n        :isDisabled=\"readFirstPageOnlyDisabled\"\n        @change=\"readFirstPageOnly= !readFirstPageOnly\"\n      >\n        Read First Page Only\n      </VasionCheckbox>\n    </div>\n    <div class=\"row\">\n      <VasionCheckbox\n        id=\"delete-original-documents\"\n        name=\"delete-original-documents\"\n        class=\"row-checkbox\"\n        :checked=\"deleteOriginalDocuments\"\n        :isDisabled=\"deleteOriginalDocumentsDisabled\"\n        @change=\"deleteOriginalDocuments= !deleteOriginalDocuments\"\n      >\n        Delete Original Documents\n      </VasionCheckbox>\n      <VasionCheckbox\n        id=\"create-new-document\"\n        name=\"create-new-document\"\n        class=\"row-checkbox\"\n        :checked=\"createNewDocument\"\n        :isDisabled=\"createNewDocumentDisabled\"\n        @change=\"createNewDocument= !createNewDocument\"\n      >\n        Create New Document\n      </VasionCheckbox>\n    </div>\n    <div class=\"row\">\n      <VasionCheckbox\n        id=\"keep-barcode-page\"\n        name=\"keep-barcode-page\"\n        class=\"row-checkbox\"\n        :checked=\"keepBarcodePage\"\n        @change=\"keepBarcodePage= !keepBarcodePage\"\n      >\n        Keep Barcode Page\n      </VasionCheckbox>\n      <VasionCheckbox\n        id=\"use-barcode-as-value-name\"\n        name=\"use-barcode-as-value-name\"\n        class=\"row-checkbox\"\n        :checked=\"useBarcodeValueAsName\"\n        @change=\"useBarcodeValueAsName= !useBarcodeValueAsName\"\n      >\n        Use Barcode as Value Name\n      </VasionCheckbox>\n    </div>\n    <div class=\"row\">\n      <VasionCheckbox\n        id=\"barcode-on-last-page\"\n        name=\"barcode-on-last-page\"\n        class=\"row-checkbox\"\n        :checked=\"barcodeOnLastPage\"\n        :isDisabled=\"barcodeOnLastPageDisabled\"\n        @change=\"barcodeOnLastPage = !barcodeOnLastPage\"\n      >\n        Barcode on Last Page\n      </VasionCheckbox>\n    </div>\n    <div class=\"row\">\n      <VasionDropList\n        v-slot=\"slotItem\"\n        v-model=\"barcodeIndex\"\n        class=\"fullWidth\"\n        :dataArray=\"filteredBarcodeList\"\n        width=\"'100%'\"\n        title=\"Barcode Index\"\n        placeholder=\"Select Index...\"\n        type=\"plain-list\"\n        displayName=\"name\"\n        valueName=\"value\"\n      >\n        {{ slotItem.item.name }}\n      </VasionDropList>\n    </div>\n    <div class=\"row\">\n      <VasionInput\n        id=\"prefix\"\n        v-model=\"prefix\"\n        class=\"fullWidth\"\n        inputType=\"top-white\"\n        name=\"prefix\"\n        title=\"Prefix\"\n        width=\"100%\"\n        placeholder=\"Enter Prefix...\"\n      />\n    </div>\n    <div class=\"row\">\n      <VasionDropList\n        v-slot=\"slotItem\"\n        v-model=\"selectedSplitterOption\"\n        class=\"fullWidth\"\n        :dataArray=\"splitterOptions\"\n        width=\"100%\"\n        title=\"Splitter Option\"\n        placeholder=\"Select Option...\"\n        type=\"plain-list\"\n        displayName=\"name\"\n        valueName=\"value\"\n        :openAbove=\"true\"\n      >\n        {{ slotItem.item.name }}\n      </VasionDropList>\n    </div>\n    <div class=\"row\">\n      <div class=\"column fullWidth\">\n        <div v-for=\"(value, index) of splitterValues\" :key=\"index\" class=\"fullWidth\">\n          <div class=\"splitter-values\">\n            <VasionInput\n              id=\"value-from-input\"\n              v-model=\"value.message\"\n              class=\"fullWidth\"\n              inputType=\"top-white\"\n              name=\"value-from-input\"\n              width=\"100%\"\n              placeholder=\"Enter Value...\"\n              :isDisabled=\"splitterValuesDisabled\"\n              :title=\"index === 0 ? 'Value(s)' : ''\"\n            />\n            <div\n              v-if=\"index !== 0\"\n              class=\"minus-button\"\n              :class=\"{ 'plus-and-minus-disabled': splitterValuesDisabled }\"\n              @click=\"removeValue(index)\"\n            >\n              <VasionRemoveIcon />\n            </div>\n            <div\n              v-if=\"index === 0\"\n              class=\"plus-button\"\n              :class=\"{ 'plus-and-minus-disabled': splitterValuesDisabled }\"\n              @click=\"pushValue()\"\n            >\n              <VasionAddIcon />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"row\">\n      <VasionInput\n        id=\"value-from-input\"\n        v-model=\"barcodeRangeFrom\"\n        class=\"halfWidth\"\n        inputType=\"top-white\"\n        name=\"value-from-input\"\n        title=\"Value From\"\n        width=\"100%\"\n        specialType=\"number\"\n        min=\"0\"\n        :isDisabled=\"barcodeRangeFromAndToDisabled\"\n        placeholder=\"Enter Value...\"\n      />\n      <VasionInput\n        id=\"value-to-input\"\n        v-model=\"barcodeRangeTo\"\n        class=\"halfWidth\"\n        inputType=\"top-white\"\n        name=\"value-to-input\"\n        title=\"Value To\"\n        width=\"100%\"\n        min=\"0\"\n        specialType=\"number\"\n        :isDisabled=\"barcodeRangeFromAndToDisabled\"\n        placeholder=\"Enter Value...\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\n\nexport default {\n  name: 'DocumentBarcodeRecognition',\n  data() {\n    return {\n      attributeForm: '',\n      barcodeIndex: { value: null },\n      barcodeList: [],\n      barcodeRangeFrom: '',\n      barcodeRangeTo: '',\n      barcodeOnLastPage: false,\n      createNewDocument: false,\n      deleteOriginalDocuments: false,\n      keepBarcodePage: false,\n      prefix: '',\n      readBarcode: false,\n      readFirstPageOnly: false,\n      selectedSplitterOption: '',\n      splitterOptions: [\n        { name: 'Range Value', value: 0 },\n        { name: 'Start With', value: 1 },\n        { name: 'Values', value: 2 },\n        { name: 'Advance Barcode', value: 3 },\n        { name: 'Value Changed', value: 4 },\n      ],\n      splitterValues: [{ message: '' }],\n      splitOnPageCount: false,\n      splitOnPageCountNumber: 0,\n      useBarcodeSplitter: false,\n      useBarcodeValueAsName: false,\n    }\n  },\n  computed: {\n    attributeFormList() {\n      return this.$store.state.attributeForm.forms.map((f) => {\n        return {\n          name: f.name,\n          value: f.value,\n        }\n      })\n    },\n    barcodeRangeFromAndToDisabled() { return this.selectedSplitterOption?.name !== 'Range Value' },\n    barcodeOnLastPageDisabled() { return !this.useBarcodeSplitter },\n    createNewDocumentDisabled() { return this.useBarcodeSplitter || this.readBarcode || this.readFirstPageOnly || this.splitOnPageCount },\n    deleteOriginalDocumentsDisabled() { return this.splitOnPageCount },\n    filteredBarcodeList() {\n      const selectedBarcode = this.barcodeList.filter(barcode => barcode.IndexFormID === this.attributeForm?.value)\n      if (!selectedBarcode) {\n        return [{}]\n      }\n      return selectedBarcode.map(barcode => { return { name: barcode.ConfigName, value: barcode.ID } })\n    },\n    readBarcodeDisabled() { return this.useBarcodeSplitter },\n    readFirstPageOnlyDisabled() { return this.useBarcodeSplitter },\n    splitterValuesDisabled() { return this.selectedSplitterOption?.name !== 'Start With' && this.selectedSplitterOption?.name !== 'Values' },\n    useBarcodeSplitterDisabled() { return this.splitOnPageCount || this.readBarcode || this.readFirstPageOnly },\n  },\n  async created() {\n    [, this.barcodeList] = await Promise.all([\n      this.$store.dispatch('attributeForm/getForms'),\n      this.$store.dispatch('capture/getAllBarcodeIndex'),\n    ])\n  },\n  methods: {\n    buildPayload() {\n      const payload = {\n        objectID: this.attributeForm.value,\n        useBarcodeSplitter: this.useBarcodeSplitter,\n        readBarcode: this.readBarcode,\n        splitOnPageCount: this.splitOnPageCountNumber,\n        readFirstPageOnly: this.readFirstPageOnly,\n        deleteOriginalDocument: this.deleteOriginalDocuments,\n        createNewDocument: this.createNewDocument,\n        keepBarcodePage: this.keepBarcodePage,\n        useBarcodeValueAsName: this.useBarcodeValueAsName,\n        barcodeIsOnLastPage: this.barcodeOnLastPage,\n        barcodeIndexID: this.barcodeIndex.value,\n        prefix: this.prefix,\n        splitterOption: this.selectedSplitterOption.name,\n        splitterValues: this.splitterValues.map(value => value.message),\n        valueFrom: this.barcodeRangeFrom,\n        valueTo: this.barcodeRangeTo,\n      }\n\n      return payload\n    },\n    pushValue() {\n      if (!this.splitterValuesDisabled) {\n        this.splitterValues.push({})\n      }\n    },\n    removeValue(index) {\n      if (!this.splitterValuesDisabled) {\n          this.splitterValues.splice(index, 1);\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/css/variables.scss';\n  .mainDiv {\n    width: 800px;\n    height: 760px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n  .row{\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    padding-top: 12px;\n    padding-bottom: 12px;\n  }\n  .row-checkbox {\n    margin-left: -1px;\n    width: 396px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n  }\n  .fullWidth {\n    width: 100%;\n  }\n\n  .halfWidth {\n    margin-right: 10px;\n    width: 50%;\n  }\n  .column{\n    display: flex;\n    flex-direction: column;\n  }\n  .splitter-values {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    margin-bottom: 10px;\n  }\n  .plus-button, .minus-button {\n    width: 40px;\n    height: 40px;\n    padding: 8px;\n    border-radius: 8px;\n    background-color: $grey-50;\n    align-self: start;\n  }\n\n  .plus-button {\n    position: relative;\n    top: 20px;\n  }\n\n  .plus-and-minus-disabled {\n    background-color: $grey-75;\n    fill: $grey-300;\n  }\n\n  .plus-button:hover, .minus-button:hover{\n    cursor: pointer;\n  }\n  .plus-and-minus-disabled:hover {\n    cursor: default;\n  }\n</style>\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!./DocumentBarcodeRecognition.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!./DocumentBarcodeRecognition.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DocumentBarcodeRecognition.vue?vue&type=template&id=5b894f0e&scoped=true&\"\nimport script from \"./DocumentBarcodeRecognition.vue?vue&type=script&lang=js&\"\nexport * from \"./DocumentBarcodeRecognition.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DocumentBarcodeRecognition.vue?vue&type=style&index=0&id=5b894f0e&prod&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  \"5b894f0e\",\n  null\n  \n)\n\nexport default component.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/lib/loaders/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/lib/index.js??vue-loader-options!./DocumentBarcodeRecognition.vue?vue&type=style&index=0&id=5b894f0e&prod&lang=scss&scoped=true&\""],"sourceRoot":""}