{"version":3,"sources":["webpack:///./src/components/forms/NewFieldDialog.vue?1649","webpack:///./src/components/forms/NewFieldDialog.vue?7cc2","webpack:///src/components/forms/NewFieldDialog.vue","webpack:///./src/components/forms/NewFieldDialog.vue?acac","webpack:///./src/components/forms/NewFieldDialog.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","isLoading","loaderColor","loaderBackgroundColor","on","$event","editingField","showDialog","toggleFieldEdit","toggleAddNewField","editField","addNewField","_v","allFieldHeaders","searchName","setFieldValues","scopedSlots","_u","key","fn","slotItem","_s","item","name","model","value","localConfig","callback","$$v","$set","expression","_e","userUniqueName","removeBadCharacters","fieldLabel","fieldTypeList","canEditTypeAndLength","buildingFromExistingField","fieldType","id","newFieldValue","replaceAll","type","indexOf","_k","keyCode","addNewFieldOption","class","showUniqueNameInput","listKey","_l","index","deleteFieldOption","fieldHidden","mandatory","mandatoryUpdated","readOnly","directives","rawName","totalPageNo","systemDate","allowMultiples","filterValues","filterValuesUpdate","fieldToFilterList","fieldFilterUpdate","title","fieldToFilter","filterValueListTitle","selectedFilterValue","filterValueSelected","selected","filterFieldValue","showSnackbar","snackbarImage","snackbarSubTitle","snackbarTitle","staticRenderFns","components","Loading","props","builderMode","Boolean","required","default","config","Object","fields","Array","data","creatingNewField","dropdownUpdated","dropDownValues","fieldTypesWithValues","Set","formID","$route","params","formName","showWarnLabel","template","computed","activeForm","currentFilterFieldsList","fieldtypeWithValues","users","watch","created","$store","dispatch","methods","isFound","push","buildAttributeFieldFromForm","uniqueName","parseInt","length","fieldLength","fieldID","fieldId","fieldOrder","isNew","hidden","piiData","filterFieldsList","splice","updateList","ensureUniqueness","matching","undefined","forEach","sort","a","filterFieldName","b","baseFieldValue","resetLocalFieldInfo","editingFieldName","fieldUniqueName","fieldValues","setDataFromActiveForm","emit","val","header","uniqueFieldNames","selection","filter","showFailureSaveMessage","messageDetail","showFieldValidationError","isSavingField","validateSaveData","map","includes","field","errorMessage","component"],"mappings":"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","file":"js/chunk-19540cc6.bd8f74e6.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewFieldDialog.vue?vue&type=style&index=0&id=087e46f5&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_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('VasionGeneralModal',{attrs:{\"id\":\"create-new-field\",\"modalType\":'slot',\"confirmButtonText\":_vm.editingField ? 'UPDATE' : 'CREATE',\"rejectButtonText\":'CANCEL',\"sync\":_vm.showDialog},on:{\"noButtonClick\":function($event){_vm.editingField ? _vm.toggleFieldEdit('') : _vm.toggleAddNewField()},\"confirmButtonClick\":function($event){_vm.editingField ? _vm.editField() : _vm.addNewField()}}},[_c('div',{staticClass:\"innerDiv dialog\"},[_c('div',{staticClass:\"title\"},[_c('div',[(_vm.creatingNewField)?_c('label',{staticClass:\"vasion-page-title\"},[_vm._v(\"New Field\")]):_c('label',{staticClass:\"vasion-page-title\"},[_vm._v(\"Edit Field\")])]),_c('div',{staticClass:\"search-dropdown\"},[(_vm.allFieldHeaders)?_c('VasionDropList',{attrs:{\"dataArray\":_vm.allFieldHeaders,\"returnValueOnly\":true,\"isDisabled\":_vm.editingField,\"width\":\"100%\",\"title\":_vm.editingField ? 'UNIQUE NAME' : 'SEARCH EXISTING FIELD',\"type\":\"plain-list\",\"placeholder\":\"Select Existing Field...\",\"displayName\":_vm.searchName,\"valueName\":_vm.searchName},on:{\"input\":_vm.setFieldValues},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.name)+\" \")]}}],null,false,447090949),model:{value:(_vm.localConfig.fieldUniqueName),callback:function ($$v) {_vm.$set(_vm.localConfig, \"fieldUniqueName\", $$v)},expression:\"localConfig.fieldUniqueName\"}}):_vm._e()],1)]),_c('div',{staticClass:\"md-layout md-gutter topBotMargin10\"},[_c('div',{staticClass:\"md-layout-item left-element\"},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"width\":\"100%\",\"inputType\":\"top-white\",\"title\":\"LABEL\",\"placeholder\":\"Enter Field Label...\"},on:{\"input\":function($event){!_vm.editingField ? _vm.userUniqueName = _vm.removeBadCharacters(_vm.localConfig.fieldLabel) : null}},model:{value:(_vm.localConfig.fieldLabel),callback:function ($$v) {_vm.$set(_vm.localConfig, \"fieldLabel\", $$v)},expression:\"localConfig.fieldLabel\"}})],1),_c('div',{staticClass:\"md-layout-item\"},[(_vm.showUniqueNameInput)?_c('VasionInput',{staticClass:\"input-style\",attrs:{\"width\":\"100%\",\"inputType\":\"top-white\",\"title\":\"UNIQUE NAME\",\"placeholder\":\"Enter Unique Name...\",\"isDisabled\":true},on:{\"input\":function($event){_vm.userUniqueName = _vm.removeBadCharacters(_vm.userUniqueName)}},model:{value:(_vm.userUniqueName),callback:function ($$v) {_vm.userUniqueName=$$v},expression:\"userUniqueName\"}}):_vm._e()],1)]),_c('div',{staticClass:\"md-layout md-gutter topBotMargin10\"},[(_vm.fieldTypeList)?_c('div',{staticClass:\"md-layout-item left-element\"},[_c('VasionDropList',{attrs:{\"dataArray\":_vm.fieldTypeList,\"isDisabled\":(_vm.editingField && !_vm.canEditTypeAndLength) || _vm.buildingFromExistingField,\"width\":\"100%\",\"title\":\"TYPE\",\"type\":\"plain-list\",\"valueName\":\"id\",\"displayName\":\"value\",\"placeholder\":\"Select Type...\"},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.value)+\" \")]}}],null,false,3298041417),model:{value:(_vm.localConfig.fieldType),callback:function ($$v) {_vm.$set(_vm.localConfig, \"fieldType\", $$v)},expression:\"localConfig.fieldType\"}})],1):_vm._e(),(_vm.localConfig.fieldType)?_c('div',{staticClass:\"md-layout-item\"},[(_vm.localConfig.fieldType.id == 1 || _vm.localConfig.fieldType.id == 13)?_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"field-length\",\"name\":\"field-length\",\"isDisabled\":(_vm.editingField && !_vm.canEditTypeAndLength) || _vm.buildingFromExistingField,\"width\":\"100%\",\"inputType\":\"top-white\",\"title\":\"MAX LENGTH\",\"placeholder\":\"Enter Max Length...\"},model:{value:(_vm.localConfig.fieldLength),callback:function ($$v) {_vm.$set(_vm.localConfig, \"fieldLength\", $$v)},expression:\"localConfig.fieldLength\"}}):_vm._e(),(_vm.fieldtypeWithValues)?_c('div',{staticClass:\"input-option-group\"},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"field-values\",\"name\":\"field-values\",\"width\":\"100%\",\"inputType\":\"top-white\",\"title\":\"VALUE\",\"placeholder\":\"Enter a New Value...\"},on:{\"input\":function($event){_vm.newFieldValue = _vm.newFieldValue.replaceAll(',','')},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.addNewFieldOption($event)}},model:{value:(_vm.newFieldValue),callback:function ($$v) {_vm.newFieldValue=$$v},expression:\"newFieldValue\"}}),(_vm.newFieldValue)?_c('VasionButton',{staticClass:\"button-adjust\",attrs:{\"id\":\"add-new-field-option\",\"classProp\":\"primary\",\"name\":\"add-new-field-option\",\"title\":\"Add\"},on:{\"vasionButtonClicked\":_vm.addNewFieldOption}},[_vm._v(\" Add \")]):_vm._e()],1):_vm._e()],1):_vm._e()]),_c('div',{staticClass:\"md-layout\"},[(_vm.showWarnLabel)?_c('div',{staticClass:\"warnLabel\"},[_vm._v(\" Value already exists \")]):_vm._e()]),_c('div',{staticClass:\"value-list\",class:{'value-list-with-extra-field': _vm.showUniqueNameInput}},[(_vm.fieldtypeWithValues)?_c('div',{key:_vm.listKey},[_c('h5',{staticClass:\"value-list-header\"},[_vm._v(\" \"+_vm._s(_vm.localConfig.fieldType.value)+\" Values \")]),_vm._l((_vm.localConfig.dropDownValues),function(value,index){return _c('div',{key:index,staticClass:\"value\",class:{'vasion-lightest-grey-background': index % 2 === 0}},[_c('span',[_vm._v(_vm._s(value))]),_c('span',[_c('VasionDeleteIcon',{staticClass:\"delete-option\",on:{\"click\":function($event){return _vm.deleteFieldOption(index)}}})],1)])})],2):_vm._e()]),_c('div',{staticClass:\"section-header\"},[_c('label',{staticClass:\"section-header-label\"},[_vm._v(\"FIELD SETTINGS\")])]),(_vm.localConfig.fieldType)?_c('div',{staticClass:\"md-layout checkbox-group\"},[_c('VasionCheckbox',{staticClass:\"field-checkbox\",attrs:{\"id\":\"field-hidden\",\"name\":\"field-hidden\",\"checked\":_vm.localConfig.fieldHidden},on:{\"change\":function($event){_vm.localConfig.fieldHidden = !_vm.localConfig.fieldHidden}}},[_vm._v(\" Hidden \")]),_c('VasionCheckbox',{staticClass:\"field-checkbox\",attrs:{\"id\":\"field-mandatory\",\"name\":\"field-mandatory\",\"checked\":_vm.localConfig.mandatory},on:{\"change\":function($event){_vm.mandatoryUpdated = true; _vm.localConfig.mandatory = !_vm.localConfig.mandatory}}},[_vm._v(\" Mandatory \")]),_c('VasionCheckbox',{staticClass:\"field-checkbox\",attrs:{\"id\":\"field-readonly\",\"name\":\"field-readonly\",\"checked\":_vm.localConfig.readOnly},on:{\"change\":function($event){_vm.localConfig.readOnly = !_vm.localConfig.readOnly}}},[_vm._v(\" Read Only \")]),_c('VasionCheckbox',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.localConfig.fieldType.id == 1),expression:\"localConfig.fieldType.id == 1\"}],staticClass:\"field-checkbox\",attrs:{\"id\":\"field-total-page-no\",\"name\":\"field-total-page-no\",\"checked\":_vm.localConfig.totalPageNo},on:{\"change\":function($event){_vm.localConfig.totalPageNo = !_vm.localConfig.totalPageNo}}},[_vm._v(\" Total Page # \")]),_c('VasionCheckbox',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.localConfig.fieldType.id == 3),expression:\"localConfig.fieldType.id == 3\"}],staticClass:\"field-checkbox\",attrs:{\"id\":\"field-system-date\",\"name\":\"field-system-date\",\"checked\":_vm.localConfig.systemDate},on:{\"change\":function($event){_vm.localConfig.systemDate = !_vm.localConfig.systemDate}}},[_vm._v(\" System Date \")]),_c('VasionCheckbox',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.localConfig.fieldType.id == 2),expression:\"localConfig.fieldType.id == 2\"}],staticClass:\"field-checkbox\",attrs:{\"id\":\"field-allow-multiple-values\",\"name\":\"field-allow-multiple-values\",\"checked\":_vm.localConfig.allowMultiples},on:{\"change\":function($event){_vm.localConfig.allowMultiples = !_vm.localConfig.allowMultiples}}},[_vm._v(\" Allow Multiple Values \")]),_c('VasionCheckbox',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.localConfig.fieldType.id == 2),expression:\"localConfig.fieldType.id == 2\"}],staticClass:\"field-checkbox\",attrs:{\"id\":\"field-filter-values\",\"name\":\"field-filter-values\",\"checked\":_vm.localConfig.filterValues},on:{\"change\":_vm.filterValuesUpdate}},[_vm._v(\" Filter Values \")])],1):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.localConfig.filterValues),expression:\"localConfig.filterValues\"}]},[_c('div',{staticClass:\"md-layout md-gutter topBotMargin10\"},[(_vm.fieldTypeList)?_c('div',{staticClass:\"md-layout-item left-element\"},[_c('VasionDropList',{attrs:{\"dataArray\":_vm.fieldToFilterList,\"width\":\"100%\",\"title\":\"FIELD TO FILTER\",\"type\":\"plain-list\",\"displayName\":\"title\",\"valueName\":\"title\",\"placeholder\":\"Select Field to Filter...\"},on:{\"input\":_vm.fieldFilterUpdate},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.title)+\" \")]}}],null,false,2703281346),model:{value:(_vm.fieldToFilter),callback:function ($$v) {_vm.fieldToFilter=$$v},expression:\"fieldToFilter\"}})],1):_vm._e()]),_c('div',{staticClass:\"md-layout md-gutter topBotMargin10\"},[_c('div',{staticClass:\"md-layout-item left-element\"},[_c('label',{staticClass:\"section-header-label\"},[_vm._v(_vm._s(_vm.filterValueListTitle))]),_c('ul',{staticClass:\"filter-value-list border\"},_vm._l((_vm.localConfig.dropDownValues),function(value,index){return _c('li',{key:index,staticClass:\"task\",class:[value === _vm.selectedFilterValue ? 'selected' : ''],on:{\"click\":function($event){return _vm.filterValueSelected(value)}}},[_c('div',{staticClass:\"task-text\"},[_vm._v(\" \"+_vm._s(value)+\" \")])])}),0)]),_c('div',{staticClass:\"md-layout-item\"},[_c('label',{staticClass:\"section-header-label\"},[_vm._v(\"FILTER LIST\")]),_c('ul',{staticClass:\"filter-value-list border\"},_vm._l((_vm.currentFilterFieldsList),function(value,index){return _c('li',{key:index,staticClass:\"task\"},[_c('VasionCheckbox',{staticClass:\"field-checkbox\",attrs:{\"id\":(\"field-checkbox-\" + index),\"checked\":value.selected},on:{\"change\":function($event){value.selected = !value.selected}}},[_vm._v(\" \"+_vm._s(value.filterFieldValue)+\" \")])],1)}),0)])])])])]),_c('VasionSnackbar',{attrs:{\"id\":\"results-snack\",\"showSnackbarBool\":_vm.showSnackbar,\"snackbarImage\":_vm.snackbarImage,\"snackbarSubTitle\":_vm.snackbarSubTitle,\"snackbarTitle\":_vm.snackbarTitle},on:{\"update:showSnackbarBool\":function($event){_vm.showSnackbar=$event},\"update:show-snackbar-bool\":function($event){_vm.showSnackbar=$event}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\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    <VasionGeneralModal\n      id=\"create-new-field\"\n      :modalType=\"'slot'\"\n      :confirmButtonText=\"editingField ? 'UPDATE' : 'CREATE'\"\n      :rejectButtonText=\"'CANCEL'\"\n      :sync=\"showDialog\"\n      @noButtonClick=\"editingField ? toggleFieldEdit('') : toggleAddNewField()\"\n      @confirmButtonClick=\"editingField ? editField() : addNewField()\"\n    >\n      <div class=\"innerDiv dialog\">\n        <div class=\"title\">\n          <div>\n            <label v-if=\"creatingNewField\" class=\"vasion-page-title\">New Field</label>\n            <label v-else class=\"vasion-page-title\">Edit Field</label>\n          </div>\n          <div class=\"search-dropdown\">\n            <VasionDropList\n              v-if=\"allFieldHeaders\"\n              v-slot=\"slotItem\"\n              v-model=\"localConfig.fieldUniqueName\"\n              :dataArray=\"allFieldHeaders\"\n              :returnValueOnly=\"true\"\n              :isDisabled=\"editingField\"\n              width=\"100%\"\n              :title=\"editingField ? 'UNIQUE NAME' : 'SEARCH EXISTING FIELD'\"\n              type=\"plain-list\"\n              placeholder=\"Select Existing Field...\"\n              :displayName=\"searchName\"\n              :valueName=\"searchName\"\n              @input=\"setFieldValues\"\n            >\n              {{ slotItem.item.name }}\n            </VasionDropList>\n          </div>\n        </div>\n        <div class=\"md-layout md-gutter topBotMargin10\">\n          <div class=\"md-layout-item left-element\">\n            <VasionInput\n              v-model=\"localConfig.fieldLabel\"\n              width=\"100%\"\n              class=\"input-style\"\n              inputType=\"top-white\"\n              title=\"LABEL\"\n              placeholder=\"Enter Field Label...\"\n              @input=\"!editingField ? userUniqueName = removeBadCharacters(localConfig.fieldLabel) : null\"\n            />\n          </div>\n          <div class=\"md-layout-item\">\n            <VasionInput\n              v-if=\"showUniqueNameInput\"\n              v-model=\"userUniqueName\"\n              width=\"100%\"\n              class=\"input-style\"\n              inputType=\"top-white\"\n              title=\"UNIQUE NAME\"\n              placeholder=\"Enter Unique Name...\"\n              :isDisabled=\"true\"\n              @input=\"userUniqueName = removeBadCharacters(userUniqueName)\"\n            />\n          </div>\n        </div>\n        <div class=\"md-layout md-gutter topBotMargin10\">\n          <div v-if=\"fieldTypeList\" class=\"md-layout-item left-element\">\n            <VasionDropList\n              v-slot=\"slotItem\"\n              v-model=\"localConfig.fieldType\"\n              :dataArray=\"fieldTypeList\"\n              :isDisabled=\"(editingField && !canEditTypeAndLength) || buildingFromExistingField\"\n              width=\"100%\"\n              title=\"TYPE\"\n              type=\"plain-list\"\n              valueName=\"id\"\n              displayName=\"value\"\n              placeholder=\"Select Type...\"\n            >\n              {{ slotItem.item.value }}\n            </VasionDropList>\n          </div>\n          <div v-if=\"localConfig.fieldType\" class=\"md-layout-item\">\n            <VasionInput\n              v-if=\"localConfig.fieldType.id == 1 || localConfig.fieldType.id == 13\"\n              id=\"field-length\"\n              v-model=\"localConfig.fieldLength\"\n              name=\"field-length\"\n              :isDisabled=\"(editingField && !canEditTypeAndLength) || buildingFromExistingField\"\n              width=\"100%\"\n              class=\"input-style\"\n              inputType=\"top-white\"\n              title=\"MAX LENGTH\"\n              placeholder=\"Enter Max Length...\"\n            />\n            <div v-if=\"fieldtypeWithValues\" class=\"input-option-group\">\n              <VasionInput\n                id=\"field-values\"\n                v-model=\"newFieldValue\"\n                name=\"field-values\"\n                width=\"100%\"\n                class=\"input-style\"\n                inputType=\"top-white\"\n                title=\"VALUE\"\n                placeholder=\"Enter a New Value...\"\n                @input=\"newFieldValue = newFieldValue.replaceAll(',','')\"\n                @keyup.enter=\"addNewFieldOption\"\n              />\n              <VasionButton\n                v-if=\"newFieldValue\"\n                id=\"add-new-field-option\"\n                class=\"button-adjust\"\n                classProp=\"primary\"\n                name=\"add-new-field-option\"\n                title=\"Add\"\n                @vasionButtonClicked=\"addNewFieldOption\"\n              >\n                Add\n              </VasionButton>\n            </div>\n          </div>\n        </div>\n        <div class=\"md-layout\">\n          <div v-if=\"showWarnLabel\" class=\"warnLabel\">\n            Value already exists\n          </div>\n        </div>\n        <div class=\"value-list\" :class=\"{'value-list-with-extra-field': showUniqueNameInput}\">\n          <div v-if=\"fieldtypeWithValues\" :key=\"listKey\">\n            <h5 class=\"value-list-header\">\n              {{ localConfig.fieldType.value }} Values\n            </h5>\n            <div\n              v-for=\"(value, index) in localConfig.dropDownValues\"\n              :key=\"index\"\n              class=\"value\"\n              :class=\"{'vasion-lightest-grey-background': index % 2 === 0}\"\n            >\n              <span>{{ value }}</span><span><VasionDeleteIcon class=\"delete-option\" @click=\"deleteFieldOption(index)\" /></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"section-header\">\n          <label class=\"section-header-label\">FIELD SETTINGS</label>\n        </div>\n        <div v-if=\"localConfig.fieldType\" class=\"md-layout checkbox-group\">\n          <VasionCheckbox\n            id=\"field-hidden\"\n            class=\"field-checkbox\"\n            name=\"field-hidden\"\n            :checked=\"localConfig.fieldHidden\"\n            @change=\"localConfig.fieldHidden = !localConfig.fieldHidden\"\n          >\n            Hidden\n          </VasionCheckbox>\n\n          <VasionCheckbox\n            id=\"field-mandatory\"\n            class=\"field-checkbox\"\n            name=\"field-mandatory\"\n            :checked=\"localConfig.mandatory\"\n            @change=\"mandatoryUpdated = true; localConfig.mandatory = !localConfig.mandatory\"\n          >\n            Mandatory\n          </VasionCheckbox>\n\n          <VasionCheckbox\n            id=\"field-readonly\"\n            class=\"field-checkbox\"\n            name=\"field-readonly\"\n            :checked=\"localConfig.readOnly\"\n            @change=\"localConfig.readOnly = !localConfig.readOnly\"\n          >\n            Read Only\n          </VasionCheckbox>\n\n          <VasionCheckbox\n            v-show=\"localConfig.fieldType.id == 1\"\n            id=\"field-total-page-no\"\n            class=\"field-checkbox\"\n            name=\"field-total-page-no\"\n            :checked=\"localConfig.totalPageNo\"\n            @change=\"localConfig.totalPageNo = !localConfig.totalPageNo\"\n          >\n            Total Page #\n          </VasionCheckbox>\n\n          <VasionCheckbox\n            v-show=\"localConfig.fieldType.id == 3\"\n            id=\"field-system-date\"\n            class=\"field-checkbox\"\n            name=\"field-system-date\"\n            :checked=\"localConfig.systemDate\"\n            @change=\"localConfig.systemDate = !localConfig.systemDate\"\n          >\n            System Date\n          </VasionCheckbox>\n          \n          <VasionCheckbox\n            v-show=\"localConfig.fieldType.id == 2\"\n            id=\"field-allow-multiple-values\"\n            class=\"field-checkbox\"\n            name=\"field-allow-multiple-values\"\n            :checked=\"localConfig.allowMultiples\"\n            @change=\"localConfig.allowMultiples = !localConfig.allowMultiples\"\n          >\n            Allow Multiple Values\n          </VasionCheckbox>\n\n          <VasionCheckbox\n            v-show=\"localConfig.fieldType.id == 2\"\n            id=\"field-filter-values\"\n            class=\"field-checkbox\"\n            name=\"field-filter-values\"\n            :checked=\"localConfig.filterValues\"\n            @change=\"filterValuesUpdate\"\n          >\n            Filter Values\n          </VasionCheckbox>\n        </div>\n        <div v-show=\"localConfig.filterValues\">\n          <div class=\"md-layout md-gutter topBotMargin10\">\n            <div v-if=\"fieldTypeList\" class=\"md-layout-item left-element\">\n              <VasionDropList\n                v-slot=\"slotItem\"\n                v-model=\"fieldToFilter\"\n                :dataArray=\"fieldToFilterList\"\n                width=\"100%\"\n                title=\"FIELD TO FILTER\"\n                type=\"plain-list\"\n                displayName=\"title\"\n                valueName=\"title\"\n                placeholder=\"Select Field to Filter...\"\n                @input=\"fieldFilterUpdate\"\n              >\n                {{ slotItem.item.title }}\n              </VasionDropList>\n            </div>\n          </div>\n          <div class=\"md-layout md-gutter topBotMargin10\">\n            <div class=\"md-layout-item left-element\">\n              <label class=\"section-header-label\">{{ filterValueListTitle }}</label>\n              <ul class=\"filter-value-list border\">\n                <li\n                  v-for=\"(value, index) in localConfig.dropDownValues\"\n                  :key=\"index\"\n                  class=\"task\"\n                  :class=\"[value === selectedFilterValue ? 'selected' : '']\"\n                  @click=\"filterValueSelected(value)\"\n                >\n                  <div class=\"task-text\">\n                    {{ value }}\n                  </div>\n                </li>\n              </ul>\n            </div>\n            <div class=\"md-layout-item\">\n              <label class=\"section-header-label\">FILTER LIST</label>\n              <ul class=\"filter-value-list border\">\n                <li\n                  v-for=\"(value, index) in currentFilterFieldsList\"\n                  :key=\"index\"\n                  class=\"task\"\n                >\n                  <VasionCheckbox\n                    class=\"field-checkbox\"\n                    :id=\"`field-checkbox-${index}`\"\n                    :checked=\"value.selected\"\n                    @change=\"value.selected = !value.selected\"\n                  >    \n                    {{ value.filterFieldValue }}\n                  </VasionCheckbox>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n    </div>\n\n    </VasionGeneralModal>\n    <VasionSnackbar\n      id=\"results-snack\"\n      :showSnackbarBool.sync=\"showSnackbar\"\n      :snackbarImage=\"snackbarImage\"\n      :snackbarSubTitle=\"snackbarSubTitle\"\n      :snackbarTitle=\"snackbarTitle\"\n    />\n  </div>\n</template>\n<script>\nimport Loading from 'vue-loading-overlay';\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\n\nexport default {\n  name: 'NewFieldDialog',\n  components: {\n    Loading,\n  },\n  props: {\n    builderMode: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n    config: {\n      type: Object,\n      required: true,\n    },\n    fields: {\n      type: Array,\n      required: true,\n    },\n    fieldTypeList: {\n      type: Array,\n      required: true,\n    },\n  },\n  data: function () {\n    return {\n      buildingFromExistingField: false,\n      canEditTypeAndLength: false,\n      creatingNewField: false,\n      dropdownUpdated: false,\n      dropDownValues: [],\n      editingField: false,\n      fieldToFilter: {},\n      fieldTypesWithValues: new Set([2, 9, 10]),\n      formID: this.$route.params.formID,\n      formName: '',\n      isLoading: false,\n      listKey: 0,\n      loaderBackgroundColor: loaderBackgroundColor,\n      loaderColor: loaderColor,\n      localConfig: this.config,\n      mandatoryUpdated: false,\n      newFieldValue: '',\n      selectedFilterValue: '',\n      showSnackbar: false,\n      showWarnLabel: false,\n      snackbarImage: false,\n      snackbarSubTitle: '',\n      snackbarTitle: '',\n      template: '',\n      userUniqueName: '',\n    }\n  },\n  computed: {\n    activeForm() { return this.$store.state.attributeForm.activeIndexForm },\n    allFieldHeaders() { return this.$store.state.forms.allFieldHeaders ? [{ name: '<New Field>' }, ...this.$store.state.forms.allFieldHeaders] : [] },\n    currentFilterFieldsList() { return this.localConfig.filterFieldsList.filter(x => x.filterFieldName === this.fieldToFilter.name && x.baseFieldValue === this.selectedFilterValue) },\n    fieldtypeWithValues() { return this.fieldTypesWithValues.has(this.localConfig.fieldType.id) },\n    fieldToFilterList() { return this.fields.filter(x => x.type === 2 && x.name != this.localConfig.fieldUniqueName) },\n    filterValueListTitle() { return `VALUES FOR ${this.localConfig.fieldLabel.toUpperCase()}` },\n    searchName() { return 'name' },\n    showDialog() { return this.creatingNewField || this.editingField },\n    showUniqueNameInput() { return this.localConfig.fieldUniqueName.name === \"<New Field>\" },\n    users() { return this.$store.state.common.users },\n  },\n  watch: {\n    newFieldValue() {\n      this.showWarnLabel = false\n    },\n  },\n  created: function () {\n    this.$store.dispatch('forms/getAllFieldHeaders')\n  },\n  methods: {\n    async addNewField() {\n      if (this.isSavingField) {\n        return\n      }\n\n      this.isSavingField = true\n\n      if (!this.localConfig.fieldLabel || this.localConfig.fieldLabel === '') {\n        this.showFieldValidationError('The Label cannot be empty.')\n        this.isSavingField = false\n        return\n      }\n\n      if (this.localConfig.fieldLabel.trim() === '') {\n        this.showFieldValidationError('The Label cannot only include spaces.')\n        this.isSavingField = false\n        return\n      }\n\n      if (this.showUniqueNameInput && !this.userUniqueName) {\n        this.showFieldValidationError('The Unique Name cannot be empty.')\n        this.isSavingField = false\n        return\n      } else if (!this.localConfig.fieldUniqueName) {\n        this.showFieldValidationError('Please select a Field Option.')\n        this.isSavingField = false\n        return\n      }\n\n      if (this.userUniqueName.trim() === '') {\n        this.showFieldValidationError('The Unique Name cannot only include spaces.')\n        this.isSavingField = false\n        return\n      }\n\n      // replace any illegal chars in the unique name\n\n      let localUniqueName = this.localConfig.fieldUniqueName\n\n      if (this.showUniqueNameInput) {\n        localUniqueName = this.removeBadCharacters(this.userUniqueName)\n\n        if (!localUniqueName) {\n          localUniqueName = 'FieldName'\n        }\n\n        if (!this.userUniqueName.endsWith('_Field')) {\n          localUniqueName += '_Field'\n        }\n        if (/^\\d/.test(localUniqueName)) {\n          localUniqueName = '_' + localUniqueName\n        }\n      }\n\n      if (!this.ensureUniqueness(localUniqueName)) {\n          this.showFieldValidationError(`A Field with the same Unique Name already exists on this ${$formsLabel.toLowerCase()}`)\n          this.isSavingField = false\n          return\n        }\n\n      if (!this.localConfig.fieldType || !this.localConfig.fieldType.id) {\n        this.showFieldValidationError('A Field Type must be provided')\n        this.isSavingField = false\n        return\n      }\n\n      if (this.localConfig.fieldType.id === 1 && (!this.localConfig.fieldLength || this.localConfig.fieldLength <= 0)) {\n        this.showFieldValidationError('A Field Length must be provided')\n        this.isSavingField = false\n        return\n      }\n\n      const existingFieldType = await this.$store.dispatch('document/getFieldType', localUniqueName)\n\n      // eslint-disable-next-line eqeqeq\n      if (typeof existingFieldType !== 'undefined' && existingFieldType > 0 && existingFieldType != this.localConfig.fieldType.id) {\n        this.showFieldValidationError(`The field exists on a different ${$formsLabel} with a different Field Type`)\n        this.isSavingField = false\n        return\n      }\n      if (this.localConfig.fieldType.value === 'Dropdown' || this.dropdownUpdated || this.localConfig.mandatory) {\n        this.checkIfFieldIsUsed(localUniqueName)\n      }\n\n      /**\n       * We use concat and emit(\"update:fields\") alongside the .sync attribute, so we\n       * don't directly modify the prop, which is bad. Concat is required to\n       * non-mutably create a list with the value appended. For more information,\n       * read on non-mutable ways of adding / removing from arrays in javascript.\n       */\n      const field = this.buildAttributeFieldFromForm(true, localUniqueName)\n      this.$store.dispatch('attributeForm/updateActiveFormField', field)\n      this.$emit(\"update:fields\", this.activeForm.fields)\n\n      if (this.builderMode) {\n        await this.saveField()\n      }\n\n      this.toggleAddNewField()\n      this.isSavingField = false\n      this.$emit('saved')\n    },\n    addNewFieldOption() {\n      const isFound = this.localConfig.dropDownValues.some(e => e === this.newFieldValue)\n      if (!isFound) {\n        this.dropdownUpdated = true\n        this.localConfig.dropDownValues.push(this.newFieldValue)\n        this.newFieldValue = ''\n      } else {\n        this.showWarnLabel = true;\n      }\n    },\n    buildAttributeFieldFromForm(isNew, uniqueName) {\n      return {\n        name: uniqueName,\n        title: this.localConfig.fieldLabel,\n        type: parseInt(this.localConfig.fieldType.id, 10),\n        allowMultiples: this.localConfig.allowMultiples,\n        dropDownValues: this.localConfig.dropDownValues ? [...this.localConfig.dropDownValues] : [],\n        length: this.localConfig.fieldLength,\n        fieldID: this.fieldId,\n        fieldOrder: isNew ? this.fields.length + 1 : this.fieldOrder,\n        hidden: this.localConfig.fieldHidden,\n        mandatory: this.localConfig.mandatory,\n        piiData: this.piiData,\n        readOnly: this.localConfig.readOnly,\n        systemDate: this.localConfig.systemDate,\n        totalPageNo: this.localConfig.totalPageNo,\n        filterValues: this.localConfig.filterValues,\n        filterFieldsList: this.localConfig.filterFieldsList,\n      }\n    },\n    async checkIfFieldIsUsed(uniqueName) {\n      const payload = {\n        objectID: this.formID,\n        uniqueFieldName: uniqueName,\n      }\n      const response = await this.$store.dispatch('forms/checkIfFieldIsUsedInAForm', payload)\n      if (response === 'True') {\n        this.$emit('promptUpdateAllFields', payload)\n      }\n    },\n    deleteFieldOption(index) {\n      this.localConfig.dropDownValues.splice(index, 1)\n      this.dropdownUpdated = true\n      this.updateList()\n    },\n    async editField() {\n      if (this.isSavingField) {\n        return\n      }\n\n      this.isSavingField = true\n\n      if (!this.localConfig.fieldLabel || this.localConfig.fieldLabel === '') {\n        this.showFieldValidationError('The Label cannot be empty')\n        this.isSavingField = true\n        return\n      }\n\n      let field = this.fields.find((f) => f.name === this.editingFieldName)\n      if (field) {\n          field = this.buildAttributeFieldFromForm(false, field.name)\n      }\n      this.$store.dispatch('attributeForm/updateActiveFormField', field)\n      this.$emit(\"update:fields\", this.activeForm.fields)\n\n      this.fieldFilterText = ''\n      if (this.dropdownUpdated || this.mandatoryUpdated) {\n       this.checkIfFieldIsUsed(field.name)\n      }\n\n      this.toggleFieldEdit('')\n      this.isSavingField = false\n      this.$emit('saved')\n    },\n    ensureUniqueness: function (uniqueName) {\n      if (uniqueName) {\n        const lowerUniqueName = uniqueName.toLowerCase()\n        const matching = this.fields.find((f) => f.name.toLowerCase() === lowerUniqueName)\n        if (matching) {\n          return false\n        }\n      }\n      return true\n    },\n    fieldFilterUpdate() {\n      if (this.selectedFilterValue === '' || this.fieldToFilter.name === undefined) return\n\n      this.fieldToFilter.dropDownValues.forEach(value => {\n        if (!this.localConfig.filterFieldsList.some(x => x.baseFieldValue === this.selectedFilterValue && x.filterFieldName === this.fieldToFilter.name && x.filterFieldValue === value)) {\n          this.localConfig.filterFieldsList.push({\n            \"filterFieldName\": this.fieldToFilter.name,\n            \"baseFieldValue\": this.selectedFilterValue,\n            \"filterFieldValue\": value,\n            \"selected\": false,\n          })\n        }\n      })\n\n      this.localConfig.filterFieldsList.sort((a,b) => {\n        if (a.filterFieldName == b.filterFieldName) {\n          if (a.baseFieldValue == b.baseFieldValue) {\n            return (a.filterFieldValue > b.filterFieldValue) ? 1 : -1\n          }\n          return (a.baseFieldValue > b.baseFieldValue) ? 1 : -1\n        }\n        return (a.filterFieldName > b.filterFieldName) ? 1 : -1\n      })\n    },\n    filterValueSelected(value) {\n       this.selectedFilterValue = value\n       this.fieldFilterUpdate()\n    },\n    filterValuesUpdate() {\n      this.localConfig.filterValues = !this.localConfig.filterValues\n      if (this.selectedFilterValue === '' && this.localConfig.filterValues) {\n        this.fieldToFilter = this.fieldToFilterList[0]\n        this.selectedFilterValue = (this.localConfig.dropDownValues.length > 0) ? this.localConfig.dropDownValues[0] : ''\n        this.fieldFilterUpdate()      \n      }\n    },\n    removeBadCharacters: function (fieldName){\n        return fieldName.replace(/([^_0-9\\u0660-\\u0669\\u06F0-\\u06F9\\u07C0-\\u07C9\\u0966-\\u096F\\u09E6-\\u09EF\\u0A66-\\u0A6F\\u0AE6-\\u0AEF\\u0B66-\\u0B6F\\u0BE6-\\u0BEF\\u0C66-\\u0C6F\\u0CE6-\\u0CEF\\u0D66-\\u0D6F\\u0DE6-\\u0DEF\\u0E50-\\u0E59\\u0ED0-\\u0ED9\\u0F20-\\u0F29\\u1040-\\u1049\\u1090-\\u1099\\u17E0-\\u17E9\\u1810-\\u1819\\u1946-\\u194F\\u19D0-\\u19D9\\u1A80-\\u1A89\\u1A90-\\u1A99\\u1B50-\\u1B59\\u1BB0-\\u1BB9\\u1C40-\\u1C49\\u1C50-\\u1C59\\uA620-\\uA629\\uA8D0-\\uA8D9\\uA900-\\uA909\\uA9D0-\\uA9D9\\uA9F0-\\uA9F9\\uAA50-\\uAA59\\uABF0-\\uABF9\\uFF10-\\uFF19A-Za-z\\u00AA\\u00B5\\u00BA\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02C1\\u02C6-\\u02D1\\u02E0-\\u02E4\\u02EC\\u02EE\\u0370-\\u0374\\u0376\\u0377\\u037A-\\u037D\\u037F\\u0386\\u0388-\\u038A\\u038C\\u038E-\\u03A1\\u03A3-\\u03F5\\u03F7-\\u0481\\u048A-\\u052F\\u0531-\\u0556\\u0559\\u0561-\\u0587\\u05D0-\\u05EA\\u05F0-\\u05F2\\u0620-\\u064A\\u066E\\u066F\\u0671-\\u06D3\\u06D5\\u06E5\\u06E6\\u06EE\\u06EF\\u06FA-\\u06FC\\u06FF\\u0710\\u0712-\\u072F\\u074D-\\u07A5\\u07B1\\u07CA-\\u07EA\\u07F4\\u07F5\\u07FA\\u0800-\\u0815\\u081A\\u0824\\u0828\\u0840-\\u0858\\u08A0-\\u08B4\\u0904-\\u0939\\u093D\\u0950\\u0958-\\u0961\\u0971-\\u0980\\u0985-\\u098C\\u098F\\u0990\\u0993-\\u09A8\\u09AA-\\u09B0\\u09B2\\u09B6-\\u09B9\\u09BD\\u09CE\\u09DC\\u09DD\\u09DF-\\u09E1\\u09F0\\u09F1\\u0A05-\\u0A0A\\u0A0F\\u0A10\\u0A13-\\u0A28\\u0A2A-\\u0A30\\u0A32\\u0A33\\u0A35\\u0A36\\u0A38\\u0A39\\u0A59-\\u0A5C\\u0A5E\\u0A72-\\u0A74\\u0A85-\\u0A8D\\u0A8F-\\u0A91\\u0A93-\\u0AA8\\u0AAA-\\u0AB0\\u0AB2\\u0AB3\\u0AB5-\\u0AB9\\u0ABD\\u0AD0\\u0AE0\\u0AE1\\u0AF9\\u0B05-\\u0B0C\\u0B0F\\u0B10\\u0B13-\\u0B28\\u0B2A-\\u0B30\\u0B32\\u0B33\\u0B35-\\u0B39\\u0B3D\\u0B5C\\u0B5D\\u0B5F-\\u0B61\\u0B71\\u0B83\\u0B85-\\u0B8A\\u0B8E-\\u0B90\\u0B92-\\u0B95\\u0B99\\u0B9A\\u0B9C\\u0B9E\\u0B9F\\u0BA3\\u0BA4\\u0BA8-\\u0BAA\\u0BAE-\\u0BB9\\u0BD0\\u0C05-\\u0C0C\\u0C0E-\\u0C10\\u0C12-\\u0C28\\u0C2A-\\u0C39\\u0C3D\\u0C58-\\u0C5A\\u0C60\\u0C61\\u0C85-\\u0C8C\\u0C8E-\\u0C90\\u0C92-\\u0CA8\\u0CAA-\\u0CB3\\u0CB5-\\u0CB9\\u0CBD\\u0CDE\\u0CE0\\u0CE1\\u0CF1\\u0CF2\\u0D05-\\u0D0C\\u0D0E-\\u0D10\\u0D12-\\u0D3A\\u0D3D\\u0D4E\\u0D5F-\\u0D61\\u0D7A-\\u0D7F\\u0D85-\\u0D96\\u0D9A-\\u0DB1\\u0DB3-\\u0DBB\\u0DBD\\u0DC0-\\u0DC6\\u0E01-\\u0E30\\u0E32\\u0E33\\u0E40-\\u0E46\\u0E81\\u0E82\\u0E84\\u0E87\\u0E88\\u0E8A\\u0E8D\\u0E94-\\u0E97\\u0E99-\\u0E9F\\u0EA1-\\u0EA3\\u0EA5\\u0EA7\\u0EAA\\u0EAB\\u0EAD-\\u0EB0\\u0EB2\\u0EB3\\u0EBD\\u0EC0-\\u0EC4\\u0EC6\\u0EDC-\\u0EDF\\u0F00\\u0F40-\\u0F47\\u0F49-\\u0F6C\\u0F88-\\u0F8C\\u1000-\\u102A\\u103F\\u1050-\\u1055\\u105A-\\u105D\\u1061\\u1065\\u1066\\u106E-\\u1070\\u1075-\\u1081\\u108E\\u10A0-\\u10C5\\u10C7\\u10CD\\u10D0-\\u10FA\\u10FC-\\u1248\\u124A-\\u124D\\u1250-\\u1256\\u1258\\u125A-\\u125D\\u1260-\\u1288\\u128A-\\u128D\\u1290-\\u12B0\\u12B2-\\u12B5\\u12B8-\\u12BE\\u12C0\\u12C2-\\u12C5\\u12C8-\\u12D6\\u12D8-\\u1310\\u1312-\\u1315\\u1318-\\u135A\\u1380-\\u138F\\u13A0-\\u13F5\\u13F8-\\u13FD\\u1401-\\u166C\\u166F-\\u167F\\u1681-\\u169A\\u16A0-\\u16EA\\u16F1-\\u16F8\\u1700-\\u170C\\u170E-\\u1711\\u1720-\\u1731\\u1740-\\u1751\\u1760-\\u176C\\u176E-\\u1770\\u1780-\\u17B3\\u17D7\\u17DC\\u1820-\\u1877\\u1880-\\u18A8\\u18AA\\u18B0-\\u18F5\\u1900-\\u191E\\u1950-\\u196D\\u1970-\\u1974\\u1980-\\u19AB\\u19B0-\\u19C9\\u1A00-\\u1A16\\u1A20-\\u1A54\\u1AA7\\u1B05-\\u1B33\\u1B45-\\u1B4B\\u1B83-\\u1BA0\\u1BAE\\u1BAF\\u1BBA-\\u1BE5\\u1C00-\\u1C23\\u1C4D-\\u1C4F\\u1C5A-\\u1C7D\\u1CE9-\\u1CEC\\u1CEE-\\u1CF1\\u1CF5\\u1CF6\\u1D00-\\u1DBF\\u1E00-\\u1F15\\u1F18-\\u1F1D\\u1F20-\\u1F45\\u1F48-\\u1F4D\\u1F50-\\u1F57\\u1F59\\u1F5B\\u1F5D\\u1F5F-\\u1F7D\\u1F80-\\u1FB4\\u1FB6-\\u1FBC\\u1FBE\\u1FC2-\\u1FC4\\u1FC6-\\u1FCC\\u1FD0-\\u1FD3\\u1FD6-\\u1FDB\\u1FE0-\\u1FEC\\u1FF2-\\u1FF4\\u1FF6-\\u1FFC\\u2071\\u207F\\u2090-\\u209C\\u2102\\u2107\\u210A-\\u2113\\u2115\\u2119-\\u211D\\u2124\\u2126\\u2128\\u212A-\\u212D\\u212F-\\u2139\\u213C-\\u213F\\u2145-\\u2149\\u214E\\u2183\\u2184\\u2C00-\\u2C2E\\u2C30-\\u2C5E\\u2C60-\\u2CE4\\u2CEB-\\u2CEE\\u2CF2\\u2CF3\\u2D00-\\u2D25\\u2D27\\u2D2D\\u2D30-\\u2D67\\u2D6F\\u2D80-\\u2D96\\u2DA0-\\u2DA6\\u2DA8-\\u2DAE\\u2DB0-\\u2DB6\\u2DB8-\\u2DBE\\u2DC0-\\u2DC6\\u2DC8-\\u2DCE\\u2DD0-\\u2DD6\\u2DD8-\\u2DDE\\u2E2F\\u3005\\u3006\\u3031-\\u3035\\u303B\\u303C\\u3041-\\u3096\\u309D-\\u309F\\u30A1-\\u30FA\\u30FC-\\u30FF\\u3105-\\u312D\\u3131-\\u318E\\u31A0-\\u31BA\\u31F0-\\u31FF\\u3400-\\u4DB5\\u4E00-\\u9FD5\\uA000-\\uA48C\\uA4D0-\\uA4FD\\uA500-\\uA60C\\uA610-\\uA61F\\uA62A\\uA62B\\uA640-\\uA66E\\uA67F-\\uA69D\\uA6A0-\\uA6E5\\uA717-\\uA71F\\uA722-\\uA788\\uA78B-\\uA7AD\\uA7B0-\\uA7B7\\uA7F7-\\uA801\\uA803-\\uA805\\uA807-\\uA80A\\uA80C-\\uA822\\uA840-\\uA873\\uA882-\\uA8B3\\uA8F2-\\uA8F7\\uA8FB\\uA8FD\\uA90A-\\uA925\\uA930-\\uA946\\uA960-\\uA97C\\uA984-\\uA9B2\\uA9CF\\uA9E0-\\uA9E4\\uA9E6-\\uA9EF\\uA9FA-\\uA9FE\\uAA00-\\uAA28\\uAA40-\\uAA42\\uAA44-\\uAA4B\\uAA60-\\uAA76\\uAA7A\\uAA7E-\\uAAAF\\uAAB1\\uAAB5\\uAAB6\\uAAB9-\\uAABD\\uAAC0\\uAAC2\\uAADB-\\uAADD\\uAAE0-\\uAAEA\\uAAF2-\\uAAF4\\uAB01-\\uAB06\\uAB09-\\uAB0E\\uAB11-\\uAB16\\uAB20-\\uAB26\\uAB28-\\uAB2E\\uAB30-\\uAB5A\\uAB5C-\\uAB65\\uAB70-\\uABE2\\uAC00-\\uD7A3\\uD7B0-\\uD7C6\\uD7CB-\\uD7FB\\uF900-\\uFA6D\\uFA70-\\uFAD9\\uFB00-\\uFB06\\uFB13-\\uFB17\\uFB1D\\uFB1F-\\uFB28\\uFB2A-\\uFB36\\uFB38-\\uFB3C\\uFB3E\\uFB40\\uFB41\\uFB43\\uFB44\\uFB46-\\uFBB1\\uFBD3-\\uFD3D\\uFD50-\\uFD8F\\uFD92-\\uFDC7\\uFDF0-\\uFDFB\\uFE70-\\uFE74\\uFE76-\\uFEFC\\uFF21-\\uFF3A\\uFF41-\\uFF5A\\uFF66-\\uFFBE\\uFFC2-\\uFFC7\\uFFCA-\\uFFCF\\uFFD2-\\uFFD7\\uFFDA-\\uFFDC]+)/ug, '');\n    },\n    resetLocalFieldInfo() {\n      this.editingFieldName = ''\n      this.userUniqueName = ''\n      this.localConfig.allowMultiples = true\n      this.localConfig.dropDownValues = []\n      this.localConfig.fieldUniqueName = { name: '<New Field>' }\n      this.localConfig.fieldLabel = ''\n      // eslint-disable-next-line\n      this.localConfig.fieldType = this.fieldTypeList[0]\n      this.localConfig.fieldValues = ''\n      this.localConfig.fieldLength = 100\n      this.fieldId = 0\n      this.fieldOrder = 0\n      this.localConfig.fieldHidden = false\n      this.localConfig.mandatory = false\n      this.piiData = false\n      this.localConfig.readOnly = false\n      this.localConfig.systemDate = false\n      this.localConfig.totalPageNo = false\n      this.localConfig.filterValues = false\n      this.localConfig.filterFieldsList = []\n      this.fieldToFilter = {}\n      this.selectedFilterValue = ''\n    },\n    async saveField() {\n      if (!this.validateSaveData()) {\n        return\n      }\n\n      this.isLoading = true\n\n      const payload = {\n        formID: this.formID,\n        field: {\n          fieldID: 0,\n          name: this.showUniqueNameInput ? this.userUniqueName : this.localConfig.fieldUniqueName,\n          title: this.localConfig.fieldLabel,\n          type: parseInt(this.localConfig.fieldType.id, 10),\n          length: this.localConfig.fieldLength,\n          allowMultiples: this.localConfig.allowMultiples,\n          dropDownValues: [...this.dropDownValues],\n          mandatory: this.localConfig.mandatory,\n          hidden: this.localConfig.fieldHidden,\n          readOnly: this.localConfig.readOnly,\n          piiData: this.piiData,\n          totalPageNo: false,\n          systemDate: false,\n          fieldOrder: 0,\n          filterValues: this.localConfig.filterValues,\n          filterFieldsList: this.localConfig.filterFieldsList,\n        },\n      }\n      await this.$store.dispatch('forms/saveNewField', payload)\n      this.$emit('saved')\n      this.isLoading = false\n    },\n    setDataFromActiveForm() {\n      this.formName = this.activeForm.name\n      this.formID = this.activeForm.id\n      this.emit(\"update:fields\", this.activeForm.fields)\n    },\n    setFieldValues(val) {\n      if (val !== '<New Field>') {\n        this.userUniqueName = ''\n        this.buildingFromExistingField = true\n        const selection = this.allFieldHeaders.filter(header => {\n          return header.name === val\n        })[0]\n        this.localConfig.uniqueFieldNames = val\n        this.localConfig.fieldLength = selection.length\n        // eslint-disable-next-line\n        this.localConfig.fieldType = this.fieldTypeList.filter(type => {\n          return type.id === selection.type\n        })[0]\n      } else {\n        this.buildingFromExistingField = false\n        this.localConfig.uniqueFieldNames = val\n        this.localConfig.fieldLength = ''\n        this.localConfig.fieldType = { id: 1, value: 'Textbox' }\n      }\n    },\n    showFailureSaveMessage(messageDetail) {\n      this.snackbarTitle = `Unable to update ${$formsLabel}`\n      this.snackbarSubTitle = messageDetail\n      this.snackbarImage = false\n      this.showSnackbar = true\n    },\n    showFieldValidationError(messageDetail) {\n      this.snackbarTitle = 'Error with Field'\n      this.snackbarSubTitle = messageDetail\n      this.snackbarImage = false\n      this.showSnackbar = true\n      this.isSavingField = false\n    },\n    toggleAddNewField: function () {\n      if (!this.creatingNewField) {\n        // we're about to toggle it, so clear any old data\n        this.resetLocalFieldInfo()\n      }\n      this.buildingFromExistingField = false\n      this.creatingNewField = !this.creatingNewField\n    },\n    toggleFieldEdit: async function (fieldName) {\n      this.editingFieldName = fieldName\n      this.editingField = !this.editingField\n      this.canEditTypeAndLength = false\n\n      if (this.editingField) {\n        const field = this.fields.find((f) => f.name === fieldName)\n        if (field) {\n          const foundFieldType = this.fieldTypeList.find((element) => {\n            return element.id === field.type\n          })\n          this.localConfig.fieldUniqueName = field.name\n          this.localConfig.fieldLabel = field.title\n          this.localConfig.fieldType = foundFieldType\n          this.localConfig.allowMultiples = field.allowMultiples\n          this.localConfig.dropDownValues = field.dropDownValues && field.dropDownValues.length > 0 ? [...field.dropDownValues] : []\n          this.localConfig.fieldLength = field.length\n          this.fieldId = field.fieldID\n          this.fieldOrder = field.fieldOrder\n          this.localConfig.fieldHidden = field.hidden\n          this.localConfig.mandatory = field.mandatory\n          this.piiData = field.piiData\n          this.localConfig.readOnly = field.readOnly\n          this.localConfig.systemDate = field.systemDate\n          this.localConfig.totalPageNo = field.totalPageNo\n          this.localConfig.filterValues = field.filterValues\n          this.localConfig.filterFieldsList = field.filterFieldsList.map(a => ({...a}))\n          \n          const payload = {\n            objectID: this.formID,\n            fieldName: this.editingFieldName,\n          }\n          this.canEditTypeAndLength = await this.$store.dispatch('attributeForm/canEditFieldTypeOrLength', payload)\n\n          if (this.localConfig.fieldType.id === 2)\n          {\n            this.fieldToFilter = this.fieldToFilterList[0]\n            this.selectedFilterValue = (this.localConfig.dropDownValues.length > 0) ? this.localConfig.dropDownValues[0] : ''\n            this.fieldFilterUpdate()\n          }          \n        }\n      } else {\n        this.resetLocalFieldInfo()\n      }\n    },\n    updateList() {\n      this.listKey += 1\n    },\n    validateSaveData() {\n      // validate field uniqueness\n      let errorMessage = ''\n      const uniqueFieldNames = []\n\n      this.fields.map((field) => {\n        if (uniqueFieldNames.includes(field.name)) {\n          errorMessage += `${field.name} is not a unique field name. `\n          return false\n        }\n\n        uniqueFieldNames.push(field.name)\n        return true\n      })\n\n      if (errorMessage) {\n        this.showFailureSaveMessage(errorMessage)\n        return false\n      }\n\n      return true\n    },\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n  .button-adjust {\n    position: relative;\n    top: 16px;\n  }\n  .checkbox-group {\n    justify-content: space-between;\n    width: 90%;\n  }\n  .delete-option {\n    cursor: pointer;\n  }\n  .innerDiv {\n    padding-left: 16px;\n    padding-top: 7px;\n    padding-right: 16px;\n    width: 100%;\n  }\n  .input-option-group {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n  }\n  .input-style {\n    width: 100%;\n  }\n\n  .dialog {\n    width: 1176px;\n    height: 691px;\n    text-align: left;\n  }\n\n  .left-element {\n    padding-left: 0 !important;\n    margin-left: 0;\n  }\n\n  .search-dropdown {\n    margin-left: auto;\n    padding-right: 20px;\n    width: 25%;\n  }\n\n  .field-checkbox {\n    margin-top: 8px;\n    margin-right: 16px;\n  }\n\n  .topBotMargin10 {\n    margin: 24px 0px 24px 0px;\n  }\n\n  .section-header {\n    margin-top: 25px;\n  }\n  .section-header-label {\n    color: $grey-400;\n    font-weight: 400;\n    font-size: 12px;\n  }\n  \n  .title {\n    display: flex;\n  }\n\n  .value {\n    display: flex;\n    justify-content: space-between;\n    padding: 16px;\n    align-items: center;\n    height: 48px;\n    font-size: 14px;\n  }\n\n  .value-list {\n    height: 50%;\n    overflow-y: auto;\n  }\n  .value-list-with-extra-field {\n    height: calc(50% - 60px)\n  }\n\n  .value-list-header {\n    font-size: 14px;\n    font-weight: 500;\n    box-shadow: 0 1px 0 0 $grey-100;\n    padding: 18px 16px;\n    margin-bottom: 0;\n    border-bottom: 1px solid #e4e5e6;\n  }\n  .warnLabel {\n    margin-top: -15px;\n    color: red;\n  }\n\n  .filter-value-list {\n    min-height: 200px;\n    max-height: 200px;\n    overflow: auto;\n  }\n\n  .selected {\n    background-color: $orange-50;\n    color: $orange-400;\n    fill: $orange-400;\n  }\n\n  .border{\n    border: solid 1px;\n    border-radius: 8px;\n    border-color: $grey-200;\n  }\n\n  .filter-list-text{\n    padding-left: 10px;\n    overflow: hidden;\n  }\n  .vasion-check{\n    fill: $grey-400;\n  }\n  .vasion-check-selected{\n    fill: $orange-400;\n  }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewFieldDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewFieldDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewFieldDialog.vue?vue&type=template&id=087e46f5&scoped=true&\"\nimport script from \"./NewFieldDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./NewFieldDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewFieldDialog.vue?vue&type=style&index=0&id=087e46f5&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  \"087e46f5\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}