{"version":3,"sources":["webpack:///./src/views/capture/EditBarcode.vue?3ce0","webpack:///src/views/capture/EditBarcode.vue","webpack:///./src/views/capture/EditBarcode.vue?7fce","webpack:///./src/views/capture/EditBarcode.vue","webpack:///./src/views/capture/EditBarcode.vue?fbc4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","_s","configName","attrs","on","$event","cancel","isDirty","save","markAsDirty","model","value","callback","$$v","expression","attributeFormList","$formsLabel","toUpperCase","scopedSlots","_u","key","fn","slotItem","item","name","attributeForm","barcodeValueAsFilename","selectedPageNumber","selectedBarcodeNumber","_l","dataTable","Columns","headerColumn","column","Rows","rowValues","row","class","Values","$set","_e","showDirtyModal","dirtyModalOKClick","dirtyModalCancelClick","showSnackbarBool","snackbarImage","snackbarSubTitle","snackbarTitle","isLoading","loaderColor","loaderBackgroundColor","staticRenderFns","components","Loading","beforeRouteLeave","next","data","Id","savedBarcodeData","title","computed","activeForm","watch","Promise","created","promises","window","destroyed","methods","fields","IndexFieldID","IndexFieldTitle","PageNumber","BarcodeNumber","From","To","payload","ID","IndexFormID","IndexFormName","ConfigName","BarcodeValueAsFileName","FileNamePageNumber","FileNameBarcodeNumber","Fields","response","setTimeout","markAsClean","validate","errors","completedAtLeastOneRow","containsValuesLessThanOne","fromLessThanTo","browserWarnDirty","event","component"],"mappings":"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yEACA,uEACA,oEAIAqD,mBAAA,0KACAD,aACA,4CACA,qCACA,OAHAE,SAKA,wBAEAC,2DAAA,0CARA,IAUAC,qBACAD,kEAEAE,SACA5D,gBAAA,iKACA,6BAGA,OAFA,wBACA,mBACA,gDAuBA,OApBA6D,6CACA,OACAC,8EACAC,4BACAC,uBACAC,0BACAC,iBACAC,mBAGAC,GACAC,QACAC,kCACAC,mCACAC,wBACAC,gDACAC,yEACAC,yEACAC,UAEA,yBACA,sDAAAC,SACA,gBACA,+CAUA,wBACA,6CACA,mBACA,wBAZA,aACA,0BACA,yCACA,mBACA,sBACAC,uBACA,gBAAA9D,gCACA,OAMA,2CA5CA,IA8CAlB,kBAAA,mBAAAkB,+BACAmB,iCAAA,wBACAD,6BAAA,kBACAjC,uBAAA,iBACA8E,uBAAA,iBACAC,oBACA,yBAEA,SAaA,GAZA,uBACA,uDACAC,MAEA,8BACA,0EACAA,MAEA,0BACA,4DACAA,MAEA,WAEA,SACA,KACA,KA+BA,OA9BA,gDACA,6CACAC,OAEA,sCACAtD,sCACAA,sCACAA,wCACAuD,MAEA,4CACA,2BACAC,SAIA,mFACAF,MAGA,IACA,iEAEA,+FACAC,KACA,2EAEA,IACA,yEAEA,WAEAE,6BACA,eACAC,mBACAA,qBChYoW,I,wBCQhWC,EAAY,eACd,EACAxG,EACA4D,GACA,EACA,KACA,WACA,MAIa,aAAA4C,E,2CCnBf","file":"js/chunk-c95ffee0.493f6dc4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vap-page\"},[_c('div',{staticClass:\"vap-page-header\"},[_c('h1',[(_vm.configName)?_c('span',{staticStyle:{\"color\":\"black\"}},[_vm._v(_vm._s(_vm.configName))]):_c('span',[_vm._v(\"Untitled Configuration\")])]),_c('div',{staticClass:\"btns-container\"},[_c('VasionButton',{staticClass:\"last-btn\",attrs:{\"classProp\":'secondary'},on:{\"vasionButtonClicked\":function($event){return _vm.cancel()}}},[_vm._v(\" Cancel \")]),_c('VasionButton',{attrs:{\"classProp\":'primary',\"isDisabled\":!_vm.isDirty},on:{\"vasionButtonClicked\":function($event){return _vm.save()}}},[_vm._v(\" Save \")])],1)]),_c('div',{staticClass:\"vap-page-content\"},[_c('div',{staticClass:\"row\"},[_c('VasionInput',{staticClass:\"row-item\",attrs:{\"required\":true,\"inputType\":\"top-white\",\"width\":\"392\",\"title\":'CONFIGURATION NAME'},on:{\"input\":_vm.markAsDirty},model:{value:(_vm.configName),callback:function ($$v) {_vm.configName=$$v},expression:\"configName\"}}),_c('VasionDropList',{staticClass:\"row-item\",attrs:{\"required\":true,\"dataArray\":_vm.attributeFormList,\"width\":\"392\",\"title\":(\"\" + (_vm.$formsLabel.toUpperCase())),\"placeholder\":\"...\",\"type\":\"plain-list\",\"displayName\":\"name\",\"valueName\":\"value\"},on:{\"input\":_vm.markAsDirty},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('VasionCheckbox',{staticClass:\"row-checkbox\",attrs:{\"id\":\"barcode-value-as-filename-checkbox\",\"name\":\"barcode-value-as-filename-checkbox\",\"checked\":_vm.barcodeValueAsFilename},on:{\"change\":function($event){_vm.markAsDirty(); _vm.barcodeValueAsFilename = !_vm.barcodeValueAsFilename}}},[_vm._v(\" Barcode Value as File Name \")]),_c('div',{staticClass:\"row\"},[_c('VasionInput',{staticClass:\"number-input\",attrs:{\"id\":\"page-number\",\"title\":\"PAGE NUMBER\",\"isDisabled\":!_vm.barcodeValueAsFilename,\"width\":'100px',\"specialType\":\"number\",\"inputType\":\"top-white\"},on:{\"input\":function($event){return _vm.markAsDirty()}},model:{value:(_vm.selectedPageNumber),callback:function ($$v) {_vm.selectedPageNumber=$$v},expression:\"selectedPageNumber\"}}),_c('VasionInput',{staticClass:\"number-input\",attrs:{\"id\":\"barcode-number\",\"title\":\"BARCODE NUMBER\",\"isDisabled\":!_vm.barcodeValueAsFilename,\"width\":'100px',\"specialType\":\"number\",\"inputType\":\"top-white\"},on:{\"input\":function($event){return _vm.markAsDirty()}},model:{value:(_vm.selectedBarcodeNumber),callback:function ($$v) {_vm.selectedBarcodeNumber=$$v},expression:\"selectedBarcodeNumber\"}})],1),_c('table',[_c('tr',{staticClass:\"headerRow\"},_vm._l((_vm.dataTable.Columns.Values),function(headerColumn,column){return _c('th',{key:column,staticClass:\"table-header\"},[_vm._v(\" \"+_vm._s(headerColumn)+\" \")])}),0),_vm._l((_vm.dataTable.Rows.Values),function(rowValues,row){return _c('tr',{key:row},[_c('td',{staticClass:\"table-data\",class:{'grey-background': row % 2 === 0}},[_vm._v(\" \"+_vm._s(rowValues.Values[0])+\" \")]),_c('td',{staticClass:\"table-data\",class:{'grey-background': row % 2 === 0}},[_c('VasionInput',{staticClass:\"number-input\",attrs:{\"id\":\"`page-number-${row}`\",\"width\":'100px',\"specialType\":\"number\",\"inputType\":\"top-white\"},model:{value:(rowValues.Values[1]),callback:function ($$v) {_vm.$set(rowValues.Values, 1, $$v)},expression:\"rowValues.Values[1]\"}})],1),_c('td',{staticClass:\"table-data\",class:{'grey-background': row % 2 === 0}},[_c('VasionInput',{staticClass:\"number-input\",attrs:{\"id\":\"`barcode-number-${row}`\",\"width\":'100px',\"specialType\":\"number\",\"inputType\":\"top-white\"},model:{value:(rowValues.Values[2]),callback:function ($$v) {_vm.$set(rowValues.Values, 2, $$v)},expression:\"rowValues.Values[2]\"}})],1),_c('td',{staticClass:\"table-data\",class:{'grey-background': row % 2 === 0}},[_c('VasionInput',{staticClass:\"number-input\",attrs:{\"id\":\"`from-${row}`\",\"isDisabled\":!rowValues.Values[1] || !rowValues.Values[2],\"width\":'100px',\"specialType\":\"number\",\"inputType\":\"top-white\"},model:{value:(rowValues.Values[3]),callback:function ($$v) {_vm.$set(rowValues.Values, 3, $$v)},expression:\"rowValues.Values[3]\"}})],1),_c('td',{staticClass:\"table-data\",class:{'grey-background': row % 2 === 0}},[_c('VasionInput',{staticClass:\"number-input\",attrs:{\"id\":\"`to-${row}`\",\"isDisabled\":!rowValues.Values[1] || !rowValues.Values[2],\"width\":'100px',\"specialType\":\"number\",\"inputType\":\"top-white\"},model:{value:(rowValues.Values[4]),callback:function ($$v) {_vm.$set(rowValues.Values, 4, $$v)},expression:\"rowValues.Values[4]\"}})],1)])})],2),(!_vm.attributeForm)?_c('div',{attrs:{\"id\":\"no-fields\"}},[_c('div',[_c('VasionFilesLabeledOutline',{attrs:{\"id\":\"vasion-files-icon\"}})],1),_c('div',{staticClass:\"vasion-large-message\",attrs:{\"id\":\"empty-header\"}},[_vm._v(\" There are no fields to view \")]),_c('div',{staticClass:\"vasion-page-subheader\",attrs:{\"id\":\"empty-subheader\"}},[_vm._v(\" Please select an object to view and manage fields \")])]):_vm._e(),_c('VasionGeneralModal',{attrs:{\"id\":\"cancel-confirmation-div\",\"confirmButtonText\":'YES',\"rejectButtonText\":'NO',\"modalType\":'message',\"buttonGroup\":'center',\"message\":'Your changes have not been saved, are you sure you want to cancel?',\"sync\":_vm.showDirtyModal},on:{\"confirmButtonClick\":function($event){return _vm.dirtyModalOKClick()},\"noButtonClick\":function($event){return _vm.dirtyModalCancelClick()}}}),_c('VasionSnackbar',{attrs:{\"id\":\"results-snack\",\"showSnackbarBool\":_vm.showSnackbarBool,\"snackbarImage\":_vm.snackbarImage,\"snackbarSubTitle\":_vm.snackbarSubTitle,\"snackbarTitle\":_vm.snackbarTitle},on:{\"update:showSnackbarBool\":function($event){_vm.showSnackbarBool=$event},\"update:show-snackbar-bool\":function($event){_vm.showSnackbarBool=$event}}}),_c('Loading',{attrs:{\"id\":\"throbber\",\"active\":_vm.isLoading,\"is-full-page\":false,\"color\":_vm.loaderColor,\"loader\":\"dots\",\"background-color\":_vm.loaderBackgroundColor},on:{\"update:active\":function($event){_vm.isLoading=$event}}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"vap-page\">\n    <div class=\"vap-page-header\">\n      <h1>\n        <span v-if=\"configName\" style=\"color: black;\">{{ configName }}</span>\n        <span v-else>Untitled Configuration</span>\n      </h1>\n      <div class=\"btns-container\">\n        <VasionButton\n          class=\"last-btn\"\n          :classProp=\"'secondary'\"\n          @vasionButtonClicked=\"cancel()\"\n        >\n          Cancel\n        </VasionButton>\n        <VasionButton\n          :classProp=\"'primary'\"\n          :isDisabled=\"!isDirty\"\n          @vasionButtonClicked=\"save()\"\n        >\n          Save\n        </VasionButton>\n      </div>\n    </div>\n    <div class=\"vap-page-content\">\n      <div class=\"row\">\n        <VasionInput\n          v-model=\"configName\"\n          class=\"row-item\"\n          :required=\"true\"\n          inputType=\"top-white\"\n          width=\"392\"\n          :title=\"'CONFIGURATION NAME'\"\n          @input=\"markAsDirty\"\n        />\n        <VasionDropList\n          v-slot=\"slotItem\"\n          v-model=\"attributeForm\"\n          class=\"row-item\"\n          :required=\"true\"\n          :dataArray=\"attributeFormList\"\n          width=\"392\"\n          :title=\"`${$formsLabel.toUpperCase()}`\"\n          placeholder=\"...\"\n          type=\"plain-list\"\n          displayName=\"name\"\n          valueName=\"value\"\n          @input=\"markAsDirty\"\n        >\n          {{ slotItem.item.name }}\n        </VasionDropList>\n      </div>\n      <VasionCheckbox\n        id=\"barcode-value-as-filename-checkbox\"\n        name=\"barcode-value-as-filename-checkbox\"\n        class=\"row-checkbox\"\n        :checked=\"barcodeValueAsFilename\"\n        @change=\"markAsDirty(); barcodeValueAsFilename = !barcodeValueAsFilename\"\n      >\n        Barcode Value as File Name\n      </VasionCheckbox>\n      <div class=\"row\">\n        <VasionInput\n          id=\"page-number\"\n          v-model=\"selectedPageNumber\"\n          class=\"number-input\"\n          title=\"PAGE NUMBER\"\n          :isDisabled=\"!barcodeValueAsFilename\"\n          :width=\"'100px'\"\n          specialType=\"number\"\n          inputType=\"top-white\"\n          @input=\"markAsDirty()\"\n        />\n        <VasionInput\n          id=\"barcode-number\"\n          v-model=\"selectedBarcodeNumber\"\n          class=\"number-input\"\n          title=\"BARCODE NUMBER\"\n          :isDisabled=\"!barcodeValueAsFilename\"\n          :width=\"'100px'\"\n          specialType=\"number\"\n          inputType=\"top-white\"\n          @input=\"markAsDirty()\"\n        />\n      </div>\n      <table>\n        <tr class=\"headerRow\">\n          <th v-for=\"(headerColumn, column) in dataTable.Columns.Values\" :key=\"column\" class=\"table-header\">\n            {{ headerColumn }}\n          </th>\n        </tr>\n        <tr v-for=\"(rowValues, row) in dataTable.Rows.Values\" :key=\"row\">\n          <td class=\"table-data\" :class=\"{'grey-background': row % 2 === 0}\">\n            {{ rowValues.Values[0] }}\n          </td><td class=\"table-data\" :class=\"{'grey-background': row % 2 === 0}\">\n            <VasionInput\n              id=\"`page-number-${row}`\"\n              v-model=\"rowValues.Values[1]\"\n              :width=\"'100px'\"\n              specialType=\"number\"\n              class=\"number-input\"\n              inputType=\"top-white\"\n            />\n          </td>\n          <td class=\"table-data\" :class=\"{'grey-background': row % 2 === 0}\">\n            <VasionInput\n              id=\"`barcode-number-${row}`\"\n              v-model=\"rowValues.Values[2]\"\n              :width=\"'100px'\"\n              specialType=\"number\"\n              class=\"number-input\"\n              inputType=\"top-white\"\n            />\n          </td>\n          <td class=\"table-data\" :class=\"{'grey-background': row % 2 === 0}\">\n            <VasionInput\n              id=\"`from-${row}`\"\n              v-model=\"rowValues.Values[3]\"\n              :isDisabled=\"!rowValues.Values[1] || !rowValues.Values[2]\"\n              :width=\"'100px'\"\n              specialType=\"number\"\n              class=\"number-input\"\n              inputType=\"top-white\"\n            />\n          </td>\n          <td class=\"table-data\" :class=\"{'grey-background': row % 2 === 0}\">\n            <VasionInput\n              id=\"`to-${row}`\"\n              v-model=\"rowValues.Values[4]\"\n              :isDisabled=\"!rowValues.Values[1] || !rowValues.Values[2]\"\n              :width=\"'100px'\"\n              specialType=\"number\"\n              class=\"number-input\"\n              inputType=\"top-white\"\n            />\n          </td>\n        </tr>\n      </table>\n      <div v-if=\"!attributeForm\" id=\"no-fields\">\n        <div>\n          <VasionFilesLabeledOutline id=\"vasion-files-icon\" />\n        </div>\n        <div id=\"empty-header\" class=\"vasion-large-message\">\n          There are no fields to view\n        </div>\n        <div id=\"empty-subheader\" class=\"vasion-page-subheader\">\n          Please select an object to view and manage fields\n        </div>\n      </div>\n\n      <VasionGeneralModal\n        id=\"cancel-confirmation-div\"\n        :confirmButtonText=\"'YES'\"\n        :rejectButtonText=\"'NO'\"\n        :modalType=\"'message'\"\n        :buttonGroup=\"'center'\"\n        :message=\"'Your changes have not been saved, are you sure you want to cancel?'\"\n        :sync=\"showDirtyModal\"\n        @confirmButtonClick=\"dirtyModalOKClick()\"\n        @noButtonClick=\"dirtyModalCancelClick()\"\n      />\n\n      <VasionSnackbar\n        id=\"results-snack\"\n        :showSnackbarBool.sync=\"showSnackbarBool\"\n        :snackbarImage=\"snackbarImage\"\n        :snackbarSubTitle=\"snackbarSubTitle\"\n        :snackbarTitle=\"snackbarTitle\"\n      />\n      <Loading\n        id=\"throbber\"\n        :active.sync=\"isLoading\"\n        :is-full-page=\"false\"\n        :color=\"loaderColor\"\n        loader=\"dots\"\n        :background-color=\"loaderBackgroundColor\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\nimport Loading from 'vue-loading-overlay';\n\nexport default {\n  name: 'EditBarcode',\n  components: {\n    Loading,\n  },\n  beforeRouteLeave(to, from, next) {\n    if (this.isDirty && to.name !== 'TheLogin') {\n      this.routeNext = next\n      this.showDirtyModal = true\n    } else {\n      next()\n    }\n  },\n  data() {\n    return {\n      attributeForm: '',\n      barcodeValueAsFilename: false,\n      configName: '',\n      dataTable: {\n        Columns: { Values: ['Field', 'Page Number', 'Barcode Number', 'From', 'To'] },\n        Rows: { Values: [] },\n      },\n      Id: 0,\n      isDirty: false,\n      isLoading: false,\n      loaderBackgroundColor,\n      loaderColor,\n      savedBarcodeData: {},\n      selectedBarcodeNumber: 0,\n      selectedPageNumber: 0,\n      showDirtyModal: false,\n      showSnackbarBool: false,\n      snackbarImage: '',\n      snackbarSubTitle: '',\n      snackbarTitle: '',\n      title: '',\n    }\n  },\n  computed: {\n    activeForm() { return this.$store.state.attributeForm.activeIndexForm },\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  },\n  watch: {\n    async attributeForm() {\n      if (this.attributeForm.value === this.savedBarcodeData?.IndexFormID) {\n        this.dataTable.Rows.Values = this.savedBarcodeData.Fields.map(field => {\n           return { Values: [field.IndexFieldTitle, field.PageNumber, field.BarcodeNumber, field.From, field.To, field.IndexFieldID] }\n        })\n      } else {\n        this.savedBarcodeData = {}\n        await Promise.all([\n          this.$store.dispatch('capture/setBarcodeData', {}),\n          this.$store.dispatch('attributeForm/getFormDetails', this.attributeForm.value),\n        ])\n        this.dataTable.Rows.Values = this.activeForm.fields.map(field => {\n           return { Values: [field.title, null, null, null, null] }\n        })\n      }\n    },\n    savedBarcodeData() {\n      if (this.savedBarcodeData.ID) {\n        this.Id = this.savedBarcodeData.ID\n        this.attributeForm = { name: this.savedBarcodeData.IndexFormName, value: this.savedBarcodeData.IndexFormID }\n        this.activeForm.fields = this.savedBarcodeData.Fields\n        this.configName = this.savedBarcodeData.ConfigName\n        this.barcodeValueAsFilename = this.savedBarcodeData.BarcodeValueAsFileName\n        this.selectedBarcodeNumber = this.savedBarcodeData.FileNameBarcodeNumber\n        this.selectedPageNumber = this.savedBarcodeData.FileNamePageNumber\n      }\n    },\n  },\n  async created() {\n    const promises = await Promise.all([\n      this.$store.dispatch('attributeForm/getForms'),\n      this.$store.state.capture.barcodeData,\n    ])\n    // eslint-disable-next-line prefer-destructuring\n    this.savedBarcodeData = promises[1]\n\n    window.addEventListener('beforeunload', this.browserWarnDirty)\n  },\n  destroyed() {\n    window.removeEventListener('beforeunload', this.browserWarnDirty)\n  },\n  methods: {\n    async save() {\n      if (!this.validate()) {\n        this.snackbarTitle = 'Error'\n        this.snackbarImage = false\n        this.showSnackbarBool = true\n        return\n      }\n      const fields = this.dataTable.Rows.Values.map((row, index) => {\n        return {\n          IndexFieldID: this.savedBarcodeData.ID ? row.Values[5] : this.activeForm.fields[index].fieldID,\n          IndexFieldTitle: row.Values[0],\n          PageNumber: row.Values[1],\n          BarcodeNumber: row.Values[2],\n          From: row.Values[3],\n          To: row.Values[4],\n        }\n      })\n      const payload = {\n        ID: this.Id,\n        IndexFormID: this.attributeForm.value,\n        IndexFormName: this.attributeForm.name,\n        ConfigName: this.configName,\n        BarcodeValueAsFileName: this.barcodeValueAsFilename,\n        FileNamePageNumber: this.barcodeValueAsFilename ? this.selectedBarcodeNumber : null,\n        FileNameBarcodeNumber: this.barcodeValueAsFilename ? this.selectedPageNumber : null,\n        Fields: fields,\n      }\n      this.isLoading = true\n      const response = await this.$store.dispatch('admin/saveBarcodeIndex', payload)\n      this.isLoading = false\n      if (response && !response?.data.ResultMessage) {\n        this.isDirty = false\n        this.snackbarTitle = 'Success'\n        this.snackbarSubTitle = 'Configuration Saved'\n        this.snackbarImage = true\n        this.showSnackbarBool = true\n        setTimeout(() => {\n          this.$router.push({ name: 'BarcodeConfiguration' })\n        }, 1500)\n      } else {\n        this.snackbarTitle = 'Error'\n        this.snackbarSubTitle = 'Configuration Not Saved'\n        this.snackbarImage = false\n        this.showSnackbarBool = true\n      }\n    },\n    cancel() { this.$router.push({ name: 'BarcodeConfiguration' }) },\n    dirtyModalCancelClick() { this.showDirtyModal = false },\n    dirtyModalOKClick() { this.routeNext() },\n    markAsDirty() { this.isDirty = true },\n    markAsClean() { this.isDirty = false },\n    validate() {\n      this.snackbarSubTitle = ''\n\n      let errors = false\n      if (this.configName === '') {\n        this.snackbarSubTitle += 'Missing Configuration Name.\\n'\n        errors = true\n      }\n      if (this.configName.trim() === '') {\n        this.snackbarSubTitle += 'Configuration Name cannot only include spaces.\\n'\n        errors = true\n      }\n      if (this.attributeForm === '') {\n        this.snackbarSubTitle += `Missing ${$formsLabel}.\\n`\n        errors = true\n      }\n      if (errors) return false\n\n      let completedAtLeastOneRow = false\n      let containsValuesLessThanOne = false\n      let fromLessThanTo = false\n      this.dataTable.Rows.Values.forEach(row => {\n        if (Boolean(row.Values[1]) && Boolean(row.Values[2])) {\n          completedAtLeastOneRow = true\n        }\n        if ((row.Values[1] <= 0 && Boolean(row.Values[1]))\n        || (row.Values[2] <= 0 && Boolean(row.Values[2]))\n        || (row.Values[3] <= 0 && Boolean(row.Values[3]))\n        || (row.Values[4] <= 0 && Boolean(row.Values[4]))) {\n          containsValuesLessThanOne = true\n        }\n        if (Boolean(row.Values[3]) && Boolean(row.Values[4])) {\n          if (row.Values[3] >= row.Values[4]) {\n            fromLessThanTo = true\n          }\n        }\n      })\n      if (this.barcodeValueAsFilename && this.selectedPageNumber && this.selectedBarcodeNumber) {\n        completedAtLeastOneRow = true\n      }\n\n      if (!completedAtLeastOneRow) {\n        this.snackbarSubTitle += 'At least one row must be completed.\\n'\n      }\n      if (containsValuesLessThanOne || (this.barcodeValueAsFilename && (this.selectedBarcodeNumber <= 0 || this.selectedPageNumber <= 0))) {\n        containsValuesLessThanOne = true\n        this.snackbarSubTitle += 'All values must be greater than or equal to 1.\\n'\n      }\n      if (fromLessThanTo) {\n        this.snackbarSubTitle += '\"From\" values must be less than \"To\" values.\\n'\n      }\n      return completedAtLeastOneRow && !containsValuesLessThanOne && !fromLessThanTo\n    },\n    browserWarnDirty(event) {\n      if (this.isDirty) {\n        event.preventDefault()\n        event.returnValue = ''\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n  @import '@/assets/css/light-theme-system-palette.scss';\n\n  .row {\n    display: flex;\n    flex-direction: row;\n    margin: 0px;\n  }\n\n  .row-item {\n    padding-right: 10px;\n  }\n\n  .row-checkbox {\n    padding-top: 29px;\n    padding-bottom: 15px;\n  }\n\n  .header {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n  }\n\n  #no-fields {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-top: 48px;\n  }\n\n  #empty-header {\n    font-size: 20px;\n    color: black;\n    margin-bottom: 10px;\n  }\n\n  #empty-subheader {\n    font-size: 18px;\n  }\n\n  #vasion-files-icon{\n    fill: red;\n  }\n\n  .headerRow {\n    background-color: $table-header-bg;\n    color: $table-header-color;\n  }\n\n  table {\n    margin-top: 30px;\n    width: 100%;\n  }\n\n  .table-header {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    background-color: $table-header-bg;\n    color: $table-header-color;\n    padding: 15px 0 15px 15px;\n    white-space: nowrap;\n  }\n  .table-header label {\n    font-weight: normal !important;\n  }\n  .table-data {\n    padding: 10px 0 10px 15px;\n  }\n  .number-input {\n    padding-right: 10px;\n  }\n\n  .grey-background {\n    background-color: $grey-50;\n  }\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!./EditBarcode.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!./EditBarcode.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditBarcode.vue?vue&type=template&id=1860b57f&scoped=true&\"\nimport script from \"./EditBarcode.vue?vue&type=script&lang=js&\"\nexport * from \"./EditBarcode.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditBarcode.vue?vue&type=style&index=0&id=1860b57f&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  \"1860b57f\",\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!./EditBarcode.vue?vue&type=style&index=0&id=1860b57f&prod&lang=scss&scoped=true&\""],"sourceRoot":""}