{"version":3,"sources":["webpack:///./src/views/forms/TheEditAttributeForm.vue?df11","webpack:///./src/components/forms/api/ApiLookupsList.vue?0f27","webpack:///src/components/forms/api/ApiLookupsList.vue","webpack:///./src/components/forms/api/ApiLookupsList.vue?a55e","webpack:///./src/components/forms/api/ApiLookupsList.vue","webpack:///src/views/forms/TheEditAttributeForm.vue","webpack:///./src/views/forms/TheEditAttributeForm.vue?5109","webpack:///./src/views/forms/TheEditAttributeForm.vue","webpack:///./src/components/forms/api/ApiLookupsList.vue?f4e0","webpack:///./src/views/forms/TheEditAttributeForm.vue?8cce"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","isLoading","loaderColor","loaderBackgroundColor","on","$event","directives","name","rawName","value","creatingNewForm","expression","markAsDirty","model","callback","$$v","formName","areFormsDirty","editingField","submitForm","_v","_s","$formsLabel","_e","type","indexOf","_k","keyCode","key","preventDefault","addNewForm","apply","arguments","toUpperCase","newFormName","goToAllForms","calculatedClass","updateSelectedTab","$fieldsLabelPlural","$layoutsLabelPlural","selectedTabName","template","renameFiles","toggleCheckbox","fields","scopedSlots","_u","fn","slotItem","item","title","selectedField","addFieldToFormat","fieldFilterText","$refs","newFieldDialog","toggleAddNewField","_m","_l","filteredFields","field","index","class","dragRowTargetIndex","dragRowStart","dragRowOver","dragRowDrop","dragRowEnd","dragRowChildPrevent","toggleFieldEdit","mandatory","fieldTypeText","shouldReorderUpShow","reorderField","shouldReorderDownShow","ellipsisOpen","layoutFilterText","containsMoreThanWorkflowFields","newLayoutClick","$layoutsLabel","formLayout","editFormLayout","EFormID","Name","Description","formLayoutArray","length","availableUsers","accessUsers","availableGroups","accessGroups","newPackageClick","pkg","editPackage","PackageID","PackageField","active","packages","IsDisabled","ref","newFieldConfig","fieldTypeList","updateTable","promptUpdateField","showUpdateFieldsPrompt","updatePromptMessage","updateFieldsInForms","showLeaveDialog","leaveMessage","cancelLeave","doLeave","showDisablePackagerPreventionPrompt","currentSelectedPackage","changePackageStatus","showMustDisablePackageToDeletePrompt","showDeleteConfirmation","deletePackage","style","ellipsisButtonConfig","ellipsisRowItem","ellipsisButtonClicked","ellipsisClose","generalModalMessage","showGeneralModal","generalModalOKClick","showSnackbar","snackbarImage","snackbarSubTitle","snackbarTitle","staticRenderFns","newApiLookupClick","components","Loading","data","created","methods","params","formID","component","ApiLookupsList","NewFieldDialog","beforeRouteLeave","next","apiLookupsEnabled","attributeFormDirtyState","deleteFieldName","deleteFormLayoutID","deletingEntityId","dragRowStartIndex","editingFieldName","ellipsisButtonFieldConfig","buttons","id","icon","ellipsisButtonEnablePackageConfig","ellipsisButtonDisablePackageConfig","ellipsisButtonFormLayoutConfig","ellipsisOpenType","fieldId","fieldOrder","allowMultiples","decimalPlaces","fieldHidden","fieldLabel","fieldLength","fieldType","fieldUniqueName","fieldValues","readOnly","showCommas","systemDate","totalPageNo","filterValues","filterFieldsList","piiData","saving","showEllipsisMenu","updateFieldPayload","objectFields","computed","activeForm","desiredPendingRoute","filteredLayoutArray","forms","groups","lowerFieldFilterString","lowerLayoutFilterString","newFormId","users","watch","vasionAPILookupsFeatureFlag","isHorizontalRule","updated","payload","Value","copyToClipboard","baseURL","lastIndex","url","textCopySuccess","navigator","textArea","document","deleteField","fieldName","canDeleteResult","saveSuccess","IndexFormID","FieldToFilter","FilterFields","PackageId","response","clickedOutsideLeave","deleteFormLayout","copyForm","formLayoutID","isCopy","event","f","dropIndex","editFormName","attributeFormID","attributeFormName","packageId","baseSize","displayY","getDetails","getIdValue","getObjectPackages","loadFormLayoutsFromActiveForm","formLayoutResponse","markAsClean","newArray","resetLocalFieldInfo","saveFormFields","ID","result","setDataFromActiveForm","filterPayload","BaseFieldName","filterResult","showFailureSaveMessage","form","accessGroupIDs","accessUserIDs","documentNameTemplate","success","toggleCreateNewForm","toggleLeaveDialog","updateNameInFormList","validateSaveData","errorMessage","uniqueFieldNames"],"mappings":"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BACA,yDACA,2BAEA9B,2BAEA,8DACA,iBAGA,mBAGA,4BACA,2CAGA,gCACA,2CAGA,sCACA,qBAEA+J,gBAEA,cACA,uBAEAC,+BACA,yBACA,sCACA,oCACA,qCAAAlO,oBACA,kCAEA,oDACA,mCACA,oCACA,eACA,kBACA,mCACA,iCACA,gBACA,gCACA,kCACA,kCACA,mCACA,oCACA,yCAEAmO,0BAAA,gKAKA,OAJA,eACAzC,GACA0C,mBACA/L,iBACA,SACA,oEACA,GADAuK,SACAyB,oDAEAA,GAAA,gBAIA,OAHA,wBACA,kDACA,mBACA,4BACA,qEAGA,wDACA,+EACA,OACA,kCAEA,QAkBA,OAfA,8BACA,eACA,OACA7B,4BACAC,qBACAC,mEAAA,sCACA,OACA,gCACA,kCACA,wCAJAA,IAQA,qDAEA,UAEA,sDAEA,wCACA2B,GAAA,2CA7CA,IA+CAC,iCAAA,8JACA,6CACA,6BACA,uCAEA,iBACA,kBACA,oBACA,qBAEA,6BACA,OACAtO,YACAE,eAGA,yEACA,sBAEA,4BAIA,8BACA,OACAF,YACAE,eAGA,2EACA,uBAEA,6BAIA,8CAEA,mJAEA,GAFAmD,UACAA,kBACAA,sBACAA,YAAA,eAIA,OAHAkL,GACA/B,4BACAgC,sBACA,SAEA,iEAAAC,SACA,qBACA,8BACApL,mBAGAoL,wCACApL,wBACA,CACA,kCACA,gCACA,oCACA,kBAIA,mRAIA,mDACA,sFApEA,IAsEAc,kCAAA,mFACAF,gCAAA,YACAyK,mCACA,2DACA,wBACA,sBACA,sBAEA9N,sBAAA,+JACA,sEAIA,kBACA,+DACA,wBAaA,OAVA+N,GACAP,mBACAQ,8DACA,kBACA,yCACAC,2DACA,kBACA,yCACAC,gCACA3M,2BACA,SAEA,oEAAA4M,SACA,eACA,kDACA,kBACA,YACA,kBAEA,4BACA,2CA9BA,IAgCAC,+BAAA,4CACA5M,2BACA,iBACA,oBAEA0B,4BAAA,8CACAmL,6BAAA,4CACA9I,+BAAA,0JACA,+BACA,2EAAAyG,SACA,cACA,yBACA,iDACA,mBACA,mBAEA,mDACA,yDAVA,IAYAsC,iCACA,yEACA,IACAP,2BACA,2CAGA7M,8BAAA,wBACAiE,wBACA,cAEA,qCACA,uBAEAoJ,4BAEA,GADA,oCACA,cAEA,OADA,4GACA,EAGA,oCAEA,OADA,4FACA,EAIA,SACA,KAYA,OAVA,6BACA,2BACAC,sDACA,IAGAC,gBACA,OAGA,IACA,gCACA,MC36C6W,ICQzW,G,UAAY,eACd,EACApQ,EACAyI,GACA,EACA,KACA,WACA,OAIa,e,2CCnBf,W,kCCAA","file":"js/chunk-68592aec.738683a6.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('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}}}),(_vm.activeForm)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.creatingNewForm),expression:\"!creatingNewForm\"}],staticClass:\"vap-page-header\",attrs:{\"id\":\"form-name\"}},[_c('h1',[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"new-form-title\",\"name\":\"new-form-title\",\"inputType\":\"title-input\",\"isTitleInput\":true},on:{\"input\":_vm.markAsDirty},model:{value:(_vm.formName),callback:function ($$v) {_vm.formName=$$v},expression:\"formName\"}})],1),_c('div',{staticClass:\"btns-container\"},[_c('VasionButton',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.creatingNewForm),expression:\"!creatingNewForm\"}],staticClass:\"last-btn\",attrs:{\"id\":\"index-form-submit\",\"classProp\":'primary',\"isDisabled\":!_vm.areFormsDirty || _vm.editingField,\"ripple\":true},on:{\"vasionButtonClicked\":function($event){return _vm.submitForm()}}},[_vm._v(\" Save \"+_vm._s(_vm.$formsLabel)+\" \")])],1)]):_vm._e(),(_vm.activeForm)?_c('div',{staticClass:\"vap-page-content\"},[_c('form',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.creatingNewForm),expression:\"creatingNewForm\"}],attrs:{\"id\":\"create-new-form\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }$event.preventDefault();return _vm.addNewForm.apply(null, arguments)}}},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"new-form-name\",\"name\":\"new-form-name\",\"inputType\":\"top-white\",\"autoFocus\":true,\"title\":(\"NEW \" + (_vm.$formsLabel.toUpperCase()) + \" NAME\"),\"placeholder\":(\"Enter \" + _vm.$formsLabel + \" Name...\")},on:{\"input\":_vm.markAsDirty},model:{value:(_vm.newFormName),callback:function ($$v) {_vm.newFormName=$$v},expression:\"newFormName\"}}),_c('VasionButton',{attrs:{\"id\":\"index-new-form-cancel\",\"classProp\":'text'},on:{\"vasionButtonClicked\":function($event){return _vm.goToAllForms()}}},[_vm._v(\" CANCEL \")]),_c('VasionButton',{attrs:{\"id\":\"index-new-form-submit\",\"classProp\":'primary',\"isDisabled\":!_vm.newFormName},on:{\"vasionButtonClicked\":function($event){return _vm.addNewForm()}}},[_vm._v(\" CREATE \")])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.creatingNewForm),expression:\"!creatingNewForm\"}],staticClass:\"md-layout tab-div\"},[_c('VasionButton',{attrs:{\"id\":\"tab-field-table\",\"classProp\":_vm.calculatedClass('fields')},on:{\"vasionButtonClicked\":function($event){return _vm.updateSelectedTab('fields')}}},[_vm._v(\" \"+_vm._s(_vm.$fieldsLabelPlural)+\" \")]),_c('VasionButton',{attrs:{\"id\":\"tab-form-layouts\",\"classProp\":_vm.calculatedClass('layouts')},on:{\"vasionButtonClicked\":function($event){return _vm.updateSelectedTab('layouts')}}},[_vm._v(\" \"+_vm._s(_vm.$layoutsLabelPlural)+\" \")]),_c('VasionButton',{attrs:{\"id\":\"tab-security\",\"classProp\":_vm.calculatedClass('security')},on:{\"vasionButtonClicked\":function($event){return _vm.updateSelectedTab('security')}}},[_vm._v(\" Permissions \")]),_c('VasionButton',{attrs:{\"id\":\"tab-packages\",\"classProp\":_vm.calculatedClass('packages')},on:{\"vasionButtonClicked\":function($event){return _vm.updateSelectedTab('packages')}}},[_vm._v(\" Packages \")]),(_vm.apiLookupsEnabled)?_c('VasionButton',{attrs:{\"id\":\"tab-api\",\"classProp\":_vm.calculatedClass('api')},on:{\"vasionButtonClicked\":function($event){return _vm.updateSelectedTab('api')}}},[_vm._v(\" API \")]):_vm._e()],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.creatingNewForm && _vm.selectedTabName === 'fields'),expression:\"!creatingNewForm && selectedTabName === 'fields'\"}],attrs:{\"id\":\"fields-tab\"}},[_c('div',{staticClass:\"md-layout\"},[_c('div',{staticClass:\"row\"},[_c('VasionInput',{staticClass:\"input-style row-field\",attrs:{\"inputType\":\"top-white\",\"title\":\"FILE NAME FORMAT\",\"width\":'424',\"placeholder\":\"Enter File Name Format...\"},on:{\"input\":_vm.markAsDirty},model:{value:(_vm.template),callback:function ($$v) {_vm.template=$$v},expression:\"template\"}}),_c('VasionCheckbox',{staticClass:\"row-field checkbox\",attrs:{\"id\":\"rename-files\",\"name\":\"rename-files\",\"checked\":_vm.renameFiles},on:{\"change\":function($event){return _vm.toggleCheckbox('renameFiles')}}},[_vm._v(\" Rename Files \")])],1),_c('div',{staticClass:\"row\"},[_c('VasionDropList',{staticClass:\"fullWidth\",attrs:{\"dataArray\":_vm.fields,\"width\":\"424\",\"placeholder\":\"...\",\"type\":\"plain-list\",\"displayName\":\"title\",\"valueName\":\"title\"},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.title)+\" \")]}}],null,false,2703281346),model:{value:(_vm.selectedField),callback:function ($$v) {_vm.selectedField=$$v},expression:\"selectedField\"}}),_c('VasionButton',{attrs:{\"classProp\":'secondary',\"isRaised\":false,\"isDisabled\":!_vm.selectedField.title,\"ripple\":true},on:{\"vasionButtonClicked\":function($event){return _vm.addFieldToFormat()}}},[_vm._v(\" Add To Format \")])],1)]),_c('table',{staticClass:\"field-header-table\"},[_c('tr',[_c('td',[_c('label',{staticClass:\"vasion-page-subheader\"},[_vm._v(_vm._s(_vm.$fieldsLabelPlural))])]),_c('td',{staticClass:\"field-header-filter-column\"},[_c('VasionInput',{staticClass:\"search-padding\",attrs:{\"id\":\"field-filter-input\",\"name\":\"field-filter-input\",\"placeholder\":\"Quick find...\",\"inputType\":\"search-gray\"},on:{\"input\":_vm.markAsDirty},model:{value:(_vm.fieldFilterText),callback:function ($$v) {_vm.fieldFilterText=$$v},expression:\"fieldFilterText\"}})],1),_c('td',{staticClass:\"field-header-add-field-column\"},[_c('VasionButton',{staticClass:\"last-btn\",attrs:{\"classProp\":'secondary',\"isRaised\":false,\"isDisabled\":false,\"ripple\":true},on:{\"vasionButtonClicked\":function($event){return _vm.$refs.newFieldDialog.toggleAddNewField()}}},[_vm._v(\" Add Field \")])],1)])]),_c('div',{staticClass:\"fields-table-container vasion-html-table-default\",attrs:{\"id\":\"field-list\"}},[_c('table',[_vm._m(0),_c('tbody',{staticClass:\"scrollTBody\"},_vm._l((_vm.filteredFields()),function(field,index){return _c('tr',{key:index,class:{'lightestGreyBackground': index % 2 === 0, 'dropTarget': index == _vm.dragRowTargetIndex },attrs:{\"draggable\":!_vm.fieldFilterText},on:{\"dragstart\":function($event){return _vm.dragRowStart($event, index)},\"dragover\":function($event){return _vm.dragRowOver($event, index)},\"drop\":function($event){return _vm.dragRowDrop($event, index)},\"dragend\":function($event){return _vm.dragRowEnd()}}},[_c('td',{staticClass:\"move-icon-column\",class:{ 'move-icon' : !_vm.fieldFilterText }},[(!_vm.fieldFilterText)?_c('VasionMoveIcon'):_vm._e()],1),_c('td',{staticClass:\"pointer fields-column\",attrs:{\"draggable\":!_vm.fieldFilterText},on:{\"dragstart\":function($event){return _vm.dragRowChildPrevent($event, index)},\"click\":function($event){return _vm.toggleFieldEdit(field.name)}}},[_c('label',{staticClass:\"vasion-html-table-field pointer\"},[_vm._v(_vm._s(field.title))])]),_c('td',{staticClass:\"pointer fields-column\",attrs:{\"draggable\":!_vm.fieldFilterText},on:{\"dragstart\":function($event){return _vm.dragRowChildPrevent($event, index)},\"click\":function($event){return _vm.toggleFieldEdit(field.name)}}},[_c('label',{staticClass:\"vasion-html-table-field pointer\"},[_vm._v(_vm._s(field.name))])]),_c('td',{staticClass:\"field-mandatory-column pointer fields-column\",attrs:{\"draggable\":!_vm.fieldFilterText},on:{\"dragstart\":function($event){return _vm.dragRowChildPrevent($event, index)},\"click\":function($event){return _vm.toggleFieldEdit(field.name)}}},[_c('label',{staticClass:\"vasion-html-table-field pointer\"},[_vm._v(_vm._s(field.mandatory ? 'Yes' : 'No'))])]),_c('td',{staticClass:\"field-type-column pointer fields-column\",attrs:{\"draggable\":!_vm.fieldFilterText},on:{\"dragstart\":function($event){return _vm.dragRowChildPrevent($event, index)},\"click\":function($event){return _vm.toggleFieldEdit(field.name)}}},[_c('label',{staticClass:\"vasion-html-table-field pointer\"},[_vm._v(_vm._s(_vm.fieldTypeText(field.type)))])]),_c('td',{staticClass:\"controls-column right-text-align\",attrs:{\"draggable\":!_vm.fieldFilterText},on:{\"dragstart\":function($event){return _vm.dragRowChildPrevent($event, index)}}},[_c('VasionButton',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.fieldFilterText),expression:\"!fieldFilterText\"}],attrs:{\"isRaised\":false,\"isDense\":false,\"icon\":'VasionArrowLargeUpward',\"isDisabled\":!_vm.shouldReorderUpShow(index),\"title\":\"Move Field Up\"},on:{\"vasionButtonClicked\":function($event){return _vm.reorderField('up', field.name)}}}),_c('VasionButton',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.fieldFilterText),expression:\"!fieldFilterText\"}],attrs:{\"isRaised\":false,\"isDense\":false,\"icon\":'VasionArrowLargeDownward',\"isDisabled\":!_vm.shouldReorderDownShow(index),\"title\":\"Move Field Down\"},on:{\"vasionButtonClicked\":function($event){return _vm.reorderField('down', field.name)}}}),_c('VasionButton',{attrs:{\"isRaised\":false,\"isDense\":false,\"icon\":'VasionEllipsisIcon'},on:{\"vasionButtonClicked\":function($event){return _vm.ellipsisOpen($event, field, 'field')}}})],1)])}),0)])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.creatingNewForm && _vm.selectedTabName === 'layouts'),expression:\"!creatingNewForm && selectedTabName === 'layouts'\"}],attrs:{\"id\":\"layouts-tab\"}},[_c('table',{staticClass:\"field-header-table\"},[_c('tr',[_c('td',[_c('label',{staticClass:\"vasion-page-subheader\"},[_vm._v(\"All \"+_vm._s(_vm.$layoutsLabelPlural))])]),_c('td',{staticClass:\"field-header-filter-column\"},[_c('VasionInput',{staticClass:\"search-padding\",attrs:{\"id\":\"layout-filter-input\",\"name\":\"layout-filter-input\",\"placeholder\":\"Quick find...\",\"inputType\":\"search-gray\"},model:{value:(_vm.layoutFilterText),callback:function ($$v) {_vm.layoutFilterText=$$v},expression:\"layoutFilterText\"}})],1),_c('td',{staticClass:\"field-header-add-field-column\"},[_c('VasionButton',{staticClass:\"last-btn\",attrs:{\"classProp\":'secondary',\"isRaised\":false,\"isDisabled\":!_vm.containsMoreThanWorkflowFields,\"ripple\":true},on:{\"vasionButtonClicked\":_vm.newLayoutClick}},[_vm._v(\" New \"+_vm._s(_vm.$layoutsLabel)+\" \")])],1)])]),_c('div',{staticClass:\"forms-table-container vasion-html-table-default\",attrs:{\"id\":\"field-list\"}},[_c('table',[_c('thead',[_c('tr',[_c('th',{staticClass:\"icon-table-column\"}),_c('th',{staticClass:\"layout-name-table-column\"},[_c('label',{staticClass:\"vasion-html-table-header\"},[_vm._v(_vm._s(_vm.$layoutsLabel)+\" Name\")])]),_vm._m(1),_c('th',{staticClass:\"icon-table-column\"})])]),_c('tbody',{staticClass:\"scrollTBodyFields\"},_vm._l((_vm.filteredLayoutArray),function(formLayout,index){return _c('tr',{key:index,class:{'lightestGreyBackground': index % 2 === 0 }},[_c('td',{staticClass:\"icon-table-column pointer\",on:{\"click\":function($event){return _vm.editFormLayout(formLayout.EFormID)}}},[_c('VasionLayoutIcon',{staticClass:\"pointer\"})],1),_c('td',{staticClass:\"layout-name-table-column pointer\",on:{\"click\":function($event){return _vm.editFormLayout(formLayout.EFormID)}}},[_c('label',{staticClass:\"vasion-html-table-field pointer\"},[_vm._v(_vm._s(formLayout.Name))])]),_c('td',{staticClass:\"pointer\",on:{\"click\":function($event){return _vm.editFormLayout(formLayout.EFormID)}}},[_c('label',{staticClass:\"vasion-html-table-field pointer\"},[_vm._v(_vm._s(formLayout.Description))])]),_c('td',{staticClass:\"controls-column right-text-align\"},[_c('VasionButton',{attrs:{\"isRaised\":false,\"isDense\":false,\"icon\":'VasionEllipsisIcon'},on:{\"vasionButtonClicked\":function($event){return _vm.ellipsisOpen($event, formLayout, 'form-layout')}}})],1)])}),0)]),(!_vm.formLayoutArray || _vm.formLayoutArray.length === 0)?_c('div',{staticClass:\"no-form-layouts-div\"},[_c('div',[_c('VasionLargeLayoutIcon')],1),_c('div',{staticClass:\"no-form-layouts-label-div\"},[_c('label',{staticClass:\"vasion-page-subheader\"},[_vm._v(\"No \"+_vm._s(_vm.$layoutsLabelPlural)+\" Added to \"+_vm._s(_vm.$formsLabel))])]),_c('div',{staticClass:\"no-form-layouts-label-div\"},[_c('label',{staticClass:\"vasion-page-subheader-light\"},[_vm._v(_vm._s(_vm.$layoutsLabelPlural)+\" created for this \"+_vm._s(_vm.$formsLabel)+\" will appear here\")])])]):_vm._e()])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.creatingNewForm && _vm.selectedTabName === 'security'),expression:\"!creatingNewForm && selectedTabName === 'security'\"}],attrs:{\"id\":\"security-tab\"}},[_c('div',[_c('VasionListSelection',{attrs:{\"available-fields\":_vm.availableUsers,\"selected-fields\":_vm.accessUsers,\"allow-field-ordering\":false,\"available-label-text\":'All Users',\"selected-label-text\":'Access Users',\"unique-id\":'access-users'},on:{\"update:availableFields\":[function($event){_vm.availableUsers=$event},_vm.markAsDirty],\"update:available-fields\":function($event){_vm.availableUsers=$event},\"update:selectedFields\":[function($event){_vm.accessUsers=$event},_vm.markAsDirty],\"update:selected-fields\":function($event){_vm.accessUsers=$event},\"update:addAll\":_vm.markAsDirty,\"update:removeAll\":_vm.markAsDirty}})],1),_c('div',{staticClass:\"separator-div\"}),_c('div',[_c('VasionListSelection',{attrs:{\"available-fields\":_vm.availableGroups,\"selected-fields\":_vm.accessGroups,\"allow-field-ordering\":false,\"available-label-text\":'All Groups',\"selected-label-text\":'Access Groups',\"unique-id\":'access-groups'},on:{\"update:availableFields\":[function($event){_vm.availableGroups=$event},_vm.markAsDirty],\"update:available-fields\":function($event){_vm.availableGroups=$event},\"update:selectedFields\":[function($event){_vm.accessGroups=$event},_vm.markAsDirty],\"update:selected-fields\":function($event){_vm.accessGroups=$event},\"update:addAll\":_vm.markAsDirty,\"update:removeAll\":_vm.markAsDirty}})],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.creatingNewForm && _vm.selectedTabName === 'packages'),expression:\"!creatingNewForm && selectedTabName === 'packages'\"}],attrs:{\"id\":\"packages-tab\"}},[_c('table',{staticClass:\"field-header-table\"},[_c('tr',[_vm._m(2),_c('td',{staticClass:\"field-header-add-package-column\"},[_c('VasionButton',{staticClass:\"last-btn\",attrs:{\"classProp\":'secondary',\"isRaised\":false,\"ripple\":true},on:{\"vasionButtonClicked\":_vm.newPackageClick}},[_vm._v(\" New Package \")])],1)])]),_c('div',{staticClass:\"packages-table-container vasion-html-table-default\",attrs:{\"id\":\"field-list\"}},[_c('table',{staticClass:\"vasion-table-packages\"},[_vm._m(3),_c('tbody',{staticClass:\"scrollTBodyFields\"},_vm._l((_vm.packages),function(pkg,index){return _c('tr',{key:index,class:{'lightestGreyBackground': index % 2 === 0 }},[_c('td',{on:{\"click\":function($event){return _vm.editPackage(pkg.PackageID)}}},[_c('VasionFolderAdd')],1),_c('td',{on:{\"click\":function($event){return _vm.editPackage(pkg.PackageID)}}},[_vm._v(_vm._s(pkg.Name))]),_c('td',{on:{\"click\":function($event){return _vm.editPackage(pkg.PackageID)}}},[_vm._v(_vm._s(pkg.PackageField))]),_c('td',{on:{\"click\":function($event){return _vm.editPackage(pkg.PackageID)}}},[_vm._v(_vm._s(pkg.active))]),_c('td',{class:{'fix-last-col-width': _vm.packages.length < 16 }},[_c('VasionButton',{attrs:{\"isRaised\":false,\"isDense\":false,\"icon\":'VasionEllipsisIcon'},on:{\"vasionButtonClicked\":function($event){return _vm.ellipsisOpen($event, pkg, pkg.IsDisabled ? 'enable-package' : 'disable-package')}}})],1)])}),0)]),(!_vm.packages || _vm.packages.length === 0)?_c('div',{staticClass:\"no-form-layouts-div\"},[_c('div',[_c('VasionLargeLayoutIcon')],1),_vm._m(4),_vm._m(5)]):_vm._e()])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.creatingNewForm && _vm.selectedTabName === 'api'),expression:\"!creatingNewForm && selectedTabName === 'api'\"}],attrs:{\"id\":\"api-tab\"}},[_c('ApiLookupsList')],1),_c('NewFieldDialog',{ref:\"newFieldDialog\",attrs:{\"config\":_vm.newFieldConfig,\"fieldTypeList\":_vm.fieldTypeList,\"fields\":_vm.fields},on:{\"update:fields\":[function($event){_vm.fields=$event},_vm.updateTable],\"promptUpdateAllFields\":_vm.promptUpdateField}})],1):_vm._e(),_c('VasionGeneralModal',{attrs:{\"id\":\"confirmLeave\",\"hideButtons\":true,\"modalType\":\"slot\",\"sync\":_vm.showUpdateFieldsPrompt},on:{\"noButtonClick\":function($event){_vm.showUpdateFieldsPrompt = !_vm.showUpdateFieldsPrompt}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":_vm.updatePromptMessage},on:{\"noButtonClick\":function($event){_vm.showUpdateFieldsPrompt = !_vm.showUpdateFieldsPrompt},\"yesButtonClick\":function($event){return _vm.updateFieldsInForms()}}})],1),_c('md-dialog',{attrs:{\"id\":\"confirmLeave\",\"md-active\":_vm.showLeaveDialog},on:{\"update:mdActive\":function($event){_vm.showLeaveDialog=$event},\"update:md-active\":function($event){_vm.showLeaveDialog=$event}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":_vm.leaveMessage},on:{\"noButtonClick\":function($event){return _vm.cancelLeave()},\"yesButtonClick\":function($event){return _vm.doLeave()}}})],1),_c('md-dialog',{attrs:{\"id\":\"confirmLeave\",\"md-active\":_vm.showDisablePackagerPreventionPrompt},on:{\"update:mdActive\":function($event){_vm.showDisablePackagerPreventionPrompt=$event},\"update:md-active\":function($event){_vm.showDisablePackagerPreventionPrompt=$event}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":\"This package will be disabled. You will no longer be able to submit this package. Do you want to proceed with this action?\"},on:{\"noButtonClick\":function($event){_vm.showDisablePackagerPreventionPrompt = false; _vm.currentSelectedPackage = {}},\"yesButtonClick\":function($event){return _vm.changePackageStatus(_vm.currentSelectedPackage, false)}}})],1),_c('md-dialog',{attrs:{\"id\":\"confirmLeave\",\"md-active\":_vm.showMustDisablePackageToDeletePrompt},on:{\"update:mdActive\":function($event){_vm.showMustDisablePackageToDeletePrompt=$event},\"update:md-active\":function($event){_vm.showMustDisablePackageToDeletePrompt=$event}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":\"Package is currently in use. The package must be disabled before deleting.\",\"yesButtonText\":\"OK\",\"showNoButton\":false},on:{\"yesButtonClick\":function($event){_vm.showMustDisablePackageToDeletePrompt = false; _vm.currentSelectedPackage = {}}}})],1),_c('md-dialog',{attrs:{\"id\":\"confirmLeave\",\"md-active\":_vm.showDeleteConfirmation},on:{\"update:mdActive\":function($event){_vm.showDeleteConfirmation=$event},\"update:md-active\":function($event){_vm.showDeleteConfirmation=$event}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":\"Are you sure you want to delete this package?  All documents associated with this package will no longer be part of this package. The documents will not be deleted.\"},on:{\"noButtonClick\":function($event){_vm.showDeleteConfirmation = false; _vm.currentSelectedPackage = {}},\"yesButtonClick\":function($event){_vm.deletePackage(_vm.currentSelectedPackage); _vm.showDeleteConfirmation = false}}})],1),(_vm.showEllipsisMenu)?_c('VasionEllipsisMenu',{style:(_vm.ellipsisMenuTopStyle),attrs:{\"buttonConfig\":_vm.ellipsisButtonConfig,\"rowItem\":_vm.ellipsisRowItem},on:{\"ellipsis-button-clicked\":_vm.ellipsisButtonClicked,\"close\":_vm.ellipsisClose}}):_vm._e(),_c('VasionGeneralModal',{attrs:{\"id\":\"vasion-confirmation-div\",\"confirmButtonText\":'YES',\"rejectButtonText\":'NO',\"modalType\":'message',\"buttonGroup\":'center',\"message\":_vm.generalModalMessage,\"sync\":_vm.showGeneralModal},on:{\"confirmButtonClick\":function($event){return _vm.generalModalOKClick()},\"noButtonClick\":function($event){_vm.showGeneralModal = false}}}),_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 = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',{staticClass:\"move-icon-column\"}),_c('th',{staticClass:\"fields-column\"},[_c('label',{staticClass:\"vasion-html-table-header\"},[_vm._v(\"Display Label\")])]),_c('th',{staticClass:\"fields-column\"},[_c('label',{staticClass:\"vasion-html-table-header\"},[_vm._v(\"Unique Name\")])]),_c('th',{staticClass:\"field-mandatory-column fields-column\"},[_c('label',{staticClass:\"vasion-html-table-header\"},[_vm._v(\"Mandatory\")])]),_c('th',{staticClass:\"field-type-column fields-column\"},[_c('label',{staticClass:\"vasion-html-table-header\"},[_vm._v(\"Field Type\")])]),_c('th',{staticClass:\"controls-column\"})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('th',[_c('label',{staticClass:\"vasion-html-table-header\"},[_vm._v(\"Description\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('label',{staticClass:\"vasion-page-subheader mb-0\"},[_vm._v(\"All Packages\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th'),_c('th',[_vm._v(\"Package Name\")]),_c('th',[_vm._v(\"Package Field\")]),_c('th',[_vm._v(\"Active\")]),_c('th')])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"no-form-layouts-label-div\"},[_c('label',{staticClass:\"vasion-page-subheader\"},[_vm._v(\"No Packages Added to Object\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"no-form-layouts-label-div\"},[_c('label',{staticClass:\"vasion-page-subheader-light\"},[_vm._v(\"Packages created for this Object will appear here\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"api-list\"},[_c('Loading',{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:\"section-header\"},[_c('h3',{staticClass:\"section-title\"},[_vm._v(\"All the APIs\")]),_c('VasionButton',{staticClass:\"section-btn last-btn\",attrs:{\"classProp\":\"secondary\"},on:{\"vasionButtonClicked\":_vm.newApiLookupClick}},[_vm._v(\" New API \")])],1),_vm._m(0)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-content\"},[_c('p',[_vm._v(\"Space for the API list\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"api-list\">\n    <Loading\n      :active.sync=\"isLoading\"\n      :is-full-page=\"false\"\n      :color=\"loaderColor\"\n      loader=\"dots\"\n      :background-color=\"loaderBackgroundColor\"\n    />\n    <div class=\"section-header\">\n      <h3 class=\"section-title\">All the APIs</h3>\n      <VasionButton\n        class=\"section-btn last-btn\"\n        classProp=\"secondary\"\n        @vasionButtonClicked=\"newApiLookupClick\"\n      >\n        New API\n      </VasionButton>\n    </div>\n    <div class=\"section-content\">\n      <p>Space for the API list</p>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Loading from 'vue-loading-overlay'\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\n\nexport default {\n  name: 'ApiLookupsList',\n  components: {\n    Loading,\n  },\n  data() {\n    return {\n      isLoading: false,\n      loaderBackgroundColor: loaderBackgroundColor,\n      loaderColor: loaderColor,\n    }\n  },\n  async created() {},\n  methods: {\n    newApiLookupClick() {\n      this.$router.push({\n        name: 'NewApiLookup',\n        params: { formID: this.$route.params.formID },\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.api-list {\n  display: flex;\n  height: 100%;\n  flex: 1 1 auto;\n  flex-direction: column;\n  overflow: auto;\n  padding: 12px;\n\n  .section-header {\n    display: flex;\n    height: 48px;\n    align-items: flex-start;\n    gap: 16px;\n\n    .section-title {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      flex: 1 0 0;\n      margin: auto;\n\n      overflow: hidden;\n      color: $vap-temp-title-color;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      font-family: $font-family-book;\n      font-size: 24px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 32px;\n    }\n\n    .section-btn {\n      display: flex;\n      height: 48px;\n      justify-content: flex-end;\n      align-items: center;\n      gap: 16px;\n    }\n  }\n\n  .section-content {\n    flex: 1 1 auto;\n    overflow: auto;\n    /* ------------- Remove this section once the table is implemented. BEGIN */\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    p {\n      font-size: 48px;\n      font-weight: bold;\n    }\n\n    /* ------------- Remove this section once the table is implemented. END   */\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!./ApiLookupsList.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!./ApiLookupsList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ApiLookupsList.vue?vue&type=template&id=7aa23647&scoped=true&\"\nimport script from \"./ApiLookupsList.vue?vue&type=script&lang=js&\"\nexport * from \"./ApiLookupsList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ApiLookupsList.vue?vue&type=style&index=0&id=7aa23647&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  \"7aa23647\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"vap-page\">\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\n      v-show=\"!creatingNewForm\"\n      v-if=\"activeForm\"\n      id=\"form-name\"\n      class=\"vap-page-header\"\n    >\n      <h1>\n        <VasionInput\n          id=\"new-form-title\"\n          v-model=\"formName\"\n          name=\"new-form-title\"\n          class=\"input-style\"\n          inputType=\"title-input\"\n          :isTitleInput=\"true\"\n          @input=\"markAsDirty\"\n        />\n      </h1>\n      <div class=\"btns-container\">\n        <VasionButton\n          v-show=\"!creatingNewForm\"\n          id=\"index-form-submit\"\n          class=\"last-btn\"\n          :classProp=\"'primary'\"\n          :isDisabled=\"!areFormsDirty || editingField\"\n          :ripple=\"true\"\n          @vasionButtonClicked=\"submitForm()\"\n        >\n          Save {{ $formsLabel }}\n        </VasionButton>\n      </div>\n    </div>\n    <div v-if=\"activeForm\" class=\"vap-page-content\">\n      <form v-show=\"creatingNewForm\" id=\"create-new-form\" @keydown.enter.prevent=\"addNewForm\">\n        <VasionInput\n          id=\"new-form-name\"\n          v-model=\"newFormName\"\n          name=\"new-form-name\"\n          class=\"input-style\"\n          inputType=\"top-white\"\n          :autoFocus=\"true\"\n          :title=\"`NEW ${$formsLabel.toUpperCase()} NAME`\"\n          :placeholder=\"`Enter ${$formsLabel} Name...`\"\n          @input=\"markAsDirty\"\n        />\n        <VasionButton id=\"index-new-form-cancel\" :classProp=\"'text'\" @vasionButtonClicked=\"goToAllForms()\">\n          CANCEL\n        </VasionButton>\n        <VasionButton\n          id=\"index-new-form-submit\"\n          :classProp=\"'primary'\"\n          :isDisabled=\"!newFormName\"\n          @vasionButtonClicked=\"addNewForm()\"\n        >\n          CREATE\n        </VasionButton>\n      </form>\n      <div v-show=\"!creatingNewForm\" class=\"md-layout tab-div\">\n        <VasionButton id=\"tab-field-table\" :classProp=\"calculatedClass('fields')\" @vasionButtonClicked=\"updateSelectedTab('fields')\">\n          {{ $fieldsLabelPlural }}\n        </VasionButton>\n        <VasionButton id=\"tab-form-layouts\" :classProp=\"calculatedClass('layouts')\" @vasionButtonClicked=\"updateSelectedTab('layouts')\">\n          {{ $layoutsLabelPlural }}\n        </VasionButton>\n        <VasionButton id=\"tab-security\" :classProp=\"calculatedClass('security')\" @vasionButtonClicked=\"updateSelectedTab('security')\">\n          Permissions\n        </VasionButton>\n        <VasionButton\n          id=\"tab-packages\"\n          :classProp=\"calculatedClass('packages')\"\n          @vasionButtonClicked=\"updateSelectedTab('packages')\"\n        >\n          Packages\n        </VasionButton>\n        <VasionButton\n          v-if=\"apiLookupsEnabled\"\n          id=\"tab-api\"\n          :classProp=\"calculatedClass('api')\"\n          @vasionButtonClicked=\"updateSelectedTab('api')\"\n        >\n          API\n        </VasionButton>\n      </div>\n      <div v-show=\"!creatingNewForm && selectedTabName === 'fields'\" id=\"fields-tab\" class=\"\">\n        <div class=\"md-layout\">\n          <div class=\"row\">\n            <VasionInput\n              v-model=\"template\"\n              class=\"input-style row-field\"\n              inputType=\"top-white\"\n              title=\"FILE NAME FORMAT\"\n              :width=\"'424'\"\n              placeholder=\"Enter File Name Format...\"\n              @input=\"markAsDirty\"\n            />\n            <VasionCheckbox\n              id=\"rename-files\"\n              name=\"rename-files\"\n              class=\"row-field checkbox\"\n              :checked=\"renameFiles\"\n              @change=\"toggleCheckbox('renameFiles')\"\n            >\n              Rename Files\n            </VasionCheckbox>\n          </div>\n          <div class=\"row\">\n            <VasionDropList\n              v-slot=\"slotItem\"\n              v-model=\"selectedField\"\n              class=\"fullWidth\"\n              :dataArray=\"fields\"\n              width=\"424\"\n              placeholder=\"...\"\n              type=\"plain-list\"\n              displayName=\"title\"\n              valueName=\"title\"\n            >\n              {{ slotItem.item.title }}\n            </VasionDropList>\n            <VasionButton\n              :classProp=\"'secondary'\"\n              :isRaised=\"false\"\n              :isDisabled=\"!selectedField.title\"\n              :ripple=\"true\"\n              @vasionButtonClicked=\"addFieldToFormat()\"\n            >\n              Add To Format\n            </VasionButton>\n          </div>\n        </div>\n        <table class=\"field-header-table\">\n          <tr>\n            <td>\n              <label class=\"vasion-page-subheader\">{{ $fieldsLabelPlural }}</label>\n            </td>\n            <td class=\"field-header-filter-column\">\n              <VasionInput\n                id=\"field-filter-input\"\n                v-model=\"fieldFilterText\"\n                class=\"search-padding\"\n                name=\"field-filter-input\"\n                placeholder=\"Quick find...\"\n                inputType=\"search-gray\"\n                @input=\"markAsDirty\"\n              />\n            </td>\n            <td class=\"field-header-add-field-column\">\n              <VasionButton\n                class=\"last-btn\"\n                :classProp=\"'secondary'\"\n                :isRaised=\"false\"\n                :isDisabled=\"false\"\n                :ripple=\"true\"\n                @vasionButtonClicked=\"$refs.newFieldDialog.toggleAddNewField()\"\n              >\n                Add Field\n              </VasionButton>\n            </td>\n          </tr>\n        </table>\n        <div id=\"field-list\" class=\"fields-table-container vasion-html-table-default\">\n          <table>\n            <thead>\n              <tr>\n                <th class=\"move-icon-column\" />\n                <th class=\"fields-column\">\n                  <label class=\"vasion-html-table-header\">Display Label</label>\n                </th>\n                <th class=\"fields-column\">\n                  <label class=\"vasion-html-table-header\">Unique Name</label>\n                </th>\n                <th class=\"field-mandatory-column fields-column\">\n                  <label class=\"vasion-html-table-header\">Mandatory</label>\n                </th>\n                <th class=\"field-type-column fields-column\">\n                  <label class=\"vasion-html-table-header\">Field Type</label>\n                </th>\n                <th class=\"controls-column\" />\n              </tr>\n            </thead>\n            <tbody class=\"scrollTBody\">\n              <tr\n                v-for=\"(field, index) in filteredFields()\"\n                :key=\"index\"\n                :class=\"{'lightestGreyBackground': index % 2 === 0, 'dropTarget': index == dragRowTargetIndex }\" \n                :draggable=\"!fieldFilterText\"\n                @dragstart=\"dragRowStart($event, index)\"\n                @dragover=\"dragRowOver($event, index)\"\n                @drop=\"dragRowDrop($event, index)\"\n                @dragend=\"dragRowEnd()\"\n              >\n                <td class=\"move-icon-column\" :class=\"{ 'move-icon' : !fieldFilterText }\">\n                  <VasionMoveIcon v-if=\"!fieldFilterText\" />\n                </td>\n                <td\n                  class=\"pointer fields-column\" \n                  :draggable=\"!fieldFilterText\"\n                  @dragstart=\"dragRowChildPrevent($event, index)\"\n                  @click=\"toggleFieldEdit(field.name)\"\n                >\n                  <label class=\"vasion-html-table-field pointer\">{{ field.title }}</label>\n                </td>\n                <td\n                  class=\"pointer fields-column\"\n                  :draggable=\"!fieldFilterText\"\n                  @dragstart=\"dragRowChildPrevent($event, index)\"\n                  @click=\"toggleFieldEdit(field.name)\"\n                >\n                  <label class=\"vasion-html-table-field pointer\">{{ field.name }}</label>\n                </td>\n                <td\n                  class=\"field-mandatory-column pointer fields-column\"\n                  :draggable=\"!fieldFilterText\"\n                  @dragstart=\"dragRowChildPrevent($event, index)\"\n                  @click=\"toggleFieldEdit(field.name)\"\n                >\n                  <label class=\"vasion-html-table-field pointer\">{{ field.mandatory ? 'Yes' : 'No' }}</label>\n                </td>\n                <td\n                  class=\"field-type-column pointer fields-column\"\n                  :draggable=\"!fieldFilterText\"\n                  @dragstart=\"dragRowChildPrevent($event, index)\"\n                  @click=\"toggleFieldEdit(field.name)\"\n                >\n                  <label class=\"vasion-html-table-field pointer\">{{ fieldTypeText(field.type) }}</label>\n                </td>\n                <td\n                  class=\"controls-column right-text-align\"\n                  :draggable=\"!fieldFilterText\"\n                  @dragstart=\"dragRowChildPrevent($event, index)\"\n                >\n                  <VasionButton\n                    v-show=\"!fieldFilterText\"\n                    :isRaised=\"false\"\n                    :isDense=\"false\"\n                    :icon=\"'VasionArrowLargeUpward'\"\n                    :isDisabled=\"!shouldReorderUpShow(index)\"\n                    title=\"Move Field Up\"\n                    @vasionButtonClicked=\"reorderField('up', field.name)\"\n                  />\n                  <VasionButton\n                    v-show=\"!fieldFilterText\"\n                    :isRaised=\"false\"\n                    :isDense=\"false\"\n                    :icon=\"'VasionArrowLargeDownward'\"\n                    :isDisabled=\"!shouldReorderDownShow(index)\"\n                    title=\"Move Field Down\"\n                    @vasionButtonClicked=\"reorderField('down', field.name)\"\n                  />\n                  <VasionButton\n                    :isRaised=\"false\"\n                    :isDense=\"false\"\n                    :icon=\"'VasionEllipsisIcon'\"\n                    @vasionButtonClicked=\"ellipsisOpen($event, field, 'field')\"\n                  />\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n      <div v-show=\"!creatingNewForm && selectedTabName === 'layouts'\" id=\"layouts-tab\">\n        <table class=\"field-header-table\">\n          <tr>\n            <td>\n              <label class=\"vasion-page-subheader\">All {{ $layoutsLabelPlural }}</label>\n            </td>\n            <td class=\"field-header-filter-column\">\n              <VasionInput\n                id=\"layout-filter-input\"\n                v-model=\"layoutFilterText\"\n                class=\"search-padding\"\n                name=\"layout-filter-input\"\n                placeholder=\"Quick find...\"\n                inputType=\"search-gray\"\n              />\n            </td>\n            <td class=\"field-header-add-field-column\">\n              <VasionButton\n                class=\"last-btn\"\n                :classProp=\"'secondary'\"\n                :isRaised=\"false\"\n                :isDisabled=\"!containsMoreThanWorkflowFields\"\n                :ripple=\"true\"\n                @vasionButtonClicked=\"newLayoutClick\"\n              >\n                New {{ $layoutsLabel }}\n              </VasionButton>\n            </td>\n          </tr>\n        </table>\n        <div id=\"field-list\" class=\"forms-table-container vasion-html-table-default\">\n          <table>\n            <thead>\n              <tr>\n                <th class=\"icon-table-column\" />\n                <th class=\"layout-name-table-column\">\n                  <label class=\"vasion-html-table-header\">{{ $layoutsLabel }} Name</label>\n                </th>\n                <th>\n                  <label class=\"vasion-html-table-header\">Description</label>\n                </th>\n                <th class=\"icon-table-column\" />\n              </tr>\n            </thead>\n            <tbody class=\"scrollTBodyFields\">\n              <tr v-for=\"(formLayout, index) in filteredLayoutArray\" :key=\"index\" :class=\"{'lightestGreyBackground': index % 2 === 0 }\">\n                <td class=\"icon-table-column pointer\" @click=\"editFormLayout(formLayout.EFormID)\">\n                  <VasionLayoutIcon class=\"pointer\" />\n                </td>\n                <td class=\"layout-name-table-column pointer\" @click=\"editFormLayout(formLayout.EFormID)\">\n                  <label class=\"vasion-html-table-field pointer\">{{ formLayout.Name }}</label>\n                </td>\n                <td class=\"pointer\" @click=\"editFormLayout(formLayout.EFormID)\">\n                  <label class=\"vasion-html-table-field pointer\">{{ formLayout.Description }}</label>\n                </td>\n                <td class=\"controls-column right-text-align\">\n                  <VasionButton\n                    :isRaised=\"false\"\n                    :isDense=\"false\"\n                    :icon=\"'VasionEllipsisIcon'\"\n                    @vasionButtonClicked=\"ellipsisOpen($event, formLayout, 'form-layout')\"\n                  />\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          <div v-if=\"!formLayoutArray || formLayoutArray.length === 0\" class=\"no-form-layouts-div\">\n            <div>\n              <VasionLargeLayoutIcon />\n            </div>\n            <div class=\"no-form-layouts-label-div\">\n              <label class=\"vasion-page-subheader\">No {{ $layoutsLabelPlural }} Added to {{ $formsLabel }}</label>\n            </div>\n            <div class=\"no-form-layouts-label-div\">\n              <label class=\"vasion-page-subheader-light\">{{ $layoutsLabelPlural }} created for this {{ $formsLabel }} will appear here</label>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-show=\"!creatingNewForm && selectedTabName === 'security'\" id=\"security-tab\">\n        <div>\n          <VasionListSelection\n            :available-fields.sync=\"availableUsers\"\n            :selected-fields.sync=\"accessUsers\"\n            :allow-field-ordering=\"false\"\n            :available-label-text=\"'All Users'\"\n            :selected-label-text=\"'Access Users'\"\n            :unique-id=\"'access-users'\"\n            @update:availableFields=\"markAsDirty\"\n            @update:selectedFields=\"markAsDirty\"\n            @update:addAll=\"markAsDirty\"\n            @update:removeAll=\"markAsDirty\"\n          />\n        </div>\n        <div class=\"separator-div\" />\n        <div>\n          <VasionListSelection\n            :available-fields.sync=\"availableGroups\"\n            :selected-fields.sync=\"accessGroups\"\n            :allow-field-ordering=\"false\"\n            :available-label-text=\"'All Groups'\"\n            :selected-label-text=\"'Access Groups'\"\n            :unique-id=\"'access-groups'\"\n            @update:availableFields=\"markAsDirty\"\n            @update:selectedFields=\"markAsDirty\"\n            @update:addAll=\"markAsDirty\"\n            @update:removeAll=\"markAsDirty\"\n          />\n        </div>\n      </div>\n      <div v-show=\"!creatingNewForm && selectedTabName === 'packages'\" id=\"packages-tab\" class=\"\">\n        <table class=\"field-header-table\">\n          <tr>\n            <td>\n              <label class=\"vasion-page-subheader mb-0\">All Packages</label>\n            </td>\n            <td class=\"field-header-add-package-column\">\n              <VasionButton\n                class=\"last-btn\"\n                :classProp=\"'secondary'\"\n                :isRaised=\"false\"\n                :ripple=\"true\"\n                @vasionButtonClicked=\"newPackageClick\"\n              >\n                New Package\n              </VasionButton>\n            </td>\n          </tr>\n        </table>\n        <div id=\"field-list\" class=\"packages-table-container vasion-html-table-default\">\n          <table class=\"vasion-table-packages\">\n            <thead>\n              <tr>\n                <th></th>\n                <th>Package Name</th>\n                <th>Package Field</th>\n                <th>Active</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody class=\"scrollTBodyFields\">\n              <tr v-for=\"(pkg, index) in packages\" :key=\"index\" :class=\"{'lightestGreyBackground': index % 2 === 0 }\">\n                <td @click=\"editPackage(pkg.PackageID)\"><VasionFolderAdd/></td>\n                <td @click=\"editPackage(pkg.PackageID)\">{{ pkg.Name }}</td>\n                <td @click=\"editPackage(pkg.PackageID)\">{{ pkg.PackageField }}</td>\n                <td @click=\"editPackage(pkg.PackageID)\">{{ pkg.active }}</td>\n                <td :class=\"{'fix-last-col-width': packages.length < 16 }\">\n                  <VasionButton\n                    :isRaised=\"false\"\n                    :isDense=\"false\"\n                    :icon=\"'VasionEllipsisIcon'\"\n                    @vasionButtonClicked=\"ellipsisOpen($event, pkg, pkg.IsDisabled ? 'enable-package' : 'disable-package')\"\n                  />\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          <div v-if=\"!packages || packages.length === 0\" class=\"no-form-layouts-div\">\n            <div>\n              <VasionLargeLayoutIcon />\n            </div>\n            <div class=\"no-form-layouts-label-div\">\n              <label class=\"vasion-page-subheader\">No Packages Added to Object</label>\n            </div>\n            <div class=\"no-form-layouts-label-div\">\n              <label class=\"vasion-page-subheader-light\">Packages created for this Object will appear here</label>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-show=\"!creatingNewForm && selectedTabName === 'api'\" id=\"api-tab\">\n        <ApiLookupsList />\n      </div>\n      <NewFieldDialog\n        ref=\"newFieldDialog\"\n        :config=\"newFieldConfig\"\n        :fieldTypeList=\"fieldTypeList\"\n        :fields.sync=\"fields\"\n        @update:fields=\"updateTable\"\n        @promptUpdateAllFields=\"promptUpdateField\"\n      />\n    </div>\n\n    <VasionGeneralModal\n      id=\"confirmLeave\"\n      :hideButtons=\"true\"\n      modalType=\"slot\"\n      :sync=\"showUpdateFieldsPrompt\"\n      @noButtonClick=\"showUpdateFieldsPrompt = !showUpdateFieldsPrompt\"\n    >\n      <VasionConfirmationDialog :message=\"updatePromptMessage\" @noButtonClick=\"showUpdateFieldsPrompt = !showUpdateFieldsPrompt\" @yesButtonClick=\"updateFieldsInForms()\" />\n    </VasionGeneralModal>\n\n    <md-dialog id=\"confirmLeave\" :md-active.sync=\"showLeaveDialog\">\n      <VasionConfirmationDialog :message=\"leaveMessage\" @noButtonClick=\"cancelLeave()\" @yesButtonClick=\"doLeave()\" />\n    </md-dialog>\n\n    <md-dialog id=\"confirmLeave\" :md-active.sync=\"showDisablePackagerPreventionPrompt\">\n      <VasionConfirmationDialog\n        message=\"This package will be disabled. You will no longer be able to submit this package. Do you want to proceed with this action?\"\n        @noButtonClick=\"showDisablePackagerPreventionPrompt = false; currentSelectedPackage = {}\"\n        @yesButtonClick=\"changePackageStatus(currentSelectedPackage, false)\" />\n    </md-dialog>\n\n    <md-dialog id=\"confirmLeave\" :md-active.sync=\"showMustDisablePackageToDeletePrompt\">\n      <VasionConfirmationDialog\n        message=\"Package is currently in use. The package must be disabled before deleting.\"\n        yesButtonText = \"OK\"\n        :showNoButton = false\n        @yesButtonClick=\"showMustDisablePackageToDeletePrompt = false; currentSelectedPackage = {}\" />\n    </md-dialog>\n\n    <md-dialog id=\"confirmLeave\" :md-active.sync=\"showDeleteConfirmation\">\n      <VasionConfirmationDialog\n        message=\"Are you sure you want to delete this package?  All documents associated with this package will no longer be part of this package. The documents will not be deleted.\"\n        @noButtonClick=\"showDeleteConfirmation = false; currentSelectedPackage = {}\"\n        @yesButtonClick=\"deletePackage(currentSelectedPackage); showDeleteConfirmation = false\" />\n    </md-dialog>\n\n    <VasionEllipsisMenu\n      v-if=\"showEllipsisMenu\"\n      :buttonConfig=\"ellipsisButtonConfig\"\n      :style=\"ellipsisMenuTopStyle\"\n      :rowItem=\"ellipsisRowItem\"\n      @ellipsis-button-clicked=\"ellipsisButtonClicked\"\n      @close=\"ellipsisClose\"\n    />\n\n    <VasionGeneralModal\n      id=\"vasion-confirmation-div\"\n      :confirmButtonText=\"'YES'\"\n      :rejectButtonText=\"'NO'\"\n      :modalType=\"'message'\"\n      :buttonGroup=\"'center'\"\n      :message=\"generalModalMessage\"\n      :sync=\"showGeneralModal\"\n      @confirmButtonClick=\"generalModalOKClick()\"\n      @noButtonClick=\"showGeneralModal = false\"\n    />\n\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\n<script>\nimport Loading from 'vue-loading-overlay';\n// Import stylesheet\nimport 'vue-loading-overlay/dist/vue-loading.css';\nimport NewFieldDialog from '@/components/forms/NewFieldDialog.vue';\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\nimport cloneDeep from 'lodash/cloneDeep'\nimport ApiLookupsList from '@/components/forms/api/ApiLookupsList'\n\nexport default {\n    name: 'EditAttributeForm',\n    components: {\n      ApiLookupsList,\n      Loading,\n      NewFieldDialog,\n    },\n    beforeRouteLeave(to, from, next) {\n      if (this.areFormsDirty && !this.routeTo && !this.saving && to.name !== 'TheLogin') {\n        this.routeTo = to\n        this.toggleLeaveDialog()\n      } else {\n        this.routeTo = null\n        next()\n      }\n    },\n    data: function () {\n      return {\n        accessGroups: [],\n        accessUsers: [],\n        // TODO: Remove the feature flag code once all Vasion API Lookups functionality is fully implemented and tested.\n        apiLookupsEnabled: false,\n        attributeFormDirtyState: false,\n        availableGroups: [],\n        availableUsers: [],\n        creatingNewForm: false,\n        currentSelectedPackage: {},\n        deleteFieldName: '',\n        deleteFormLayoutID: 0,\n        deletingEntityId: '',\n        dragRowStartIndex: -1,\n        dragRowTargetIndex: -1,\n        editingField: false,\n        editingFieldName: '',\n        ellipsisButtonFieldConfig: {\n          buttons: [\n            {\n              id: 'edit-field-button',\n              name: 'Edit Field',\n              icon: 'VasionEditIcon',\n            },\n            {\n              id: 'delete-field-button',\n              name: 'Delete Field',\n              icon: 'VasionDeleteIcon',\n            },\n          ],\n        },\n        ellipsisButtonEnablePackageConfig: {\n          buttons: [\n            {\n              id: 'edit-package-button',\n              name: 'Edit Package',\n              icon: 'VasionEditIcon',\n            },\n            {\n              id: 'enable-package-button',\n              name: 'Enable Package',\n              icon: 'VasionCheckBoxCheckedIcon',\n            },\n            {\n              id: 'delete-package-button',\n              name: 'Delete Package',\n              icon: 'VasionDeleteIcon',\n            },\n          ],\n        },\n        ellipsisButtonDisablePackageConfig: {\n          buttons: [\n            {\n              id: 'edit-package-button',\n              name: 'Edit Package',\n              icon: 'VasionEditIcon',\n            },\n            {\n              id: 'disable-package-button',\n              name: 'Disable Package',\n              icon: 'VasionCheckBoxEmptyIcon',\n            },\n            {\n              id: 'delete-package-button',\n              name: 'Delete Package',\n              icon: 'VasionDeleteIcon',\n            },\n          ],\n        },\n        ellipsisButtonFormLayoutConfig: { buttons: [] },\n        ellipsisOpenType: '',\n        ellipsisRowItem: {},\n        fieldFilterText: '',\n        fieldId: 0,\n        fieldOrder: 0,\n        fields: [],\n        fieldTypeList: [\n          { id: 1, value: 'Textbox' },\n          { id: 2, value: 'Dropdown' },\n          { id: 3, value: 'Date' },\n          { id: 6, value: 'Number' },\n          { id: 7, value: 'URL' },\n          { id: 8, value: 'Email' },\n          { id: 9, value: 'Checkbox' },\n          { id: 10, value: 'Radio Button' },\n          { id: 11, value: 'Currency' },\n          { id: 12, value: 'Signature Field' },\n          { id: 13, value: 'Text Area' },\n          { id: 14, value: 'Address' },\n        ],\n        formLayoutArray: [],\n        formName: '',\n        generalModalMessage: '',\n        isLoading: false,\n        layoutFilterText: '',\n        loaderBackgroundColor,\n        loaderColor,\n        newFieldConfig: {\n          allowMultiples: true,\n          decimalPlaces: 0,\n          fieldHidden: false,\n          fieldLabel: '',\n          fieldLength: 100,\n          fieldType: {},\n          fieldUniqueName: { name: '<New Field>' },\n          fieldValues: '',\n          mandatory: false,\n          readOnly: false,\n          showCommas: false,\n          systemDate: false,\n          totalPageNo: false,\n          filterValues: false,\n          filterFieldsList: [],\n        },\n        newFormName: '',\n        packages: [],\n        piiData: false,\n        renameFiles: false,\n        saving: false,\n        selectedField: {},\n        selectedTabName: 'fields',\n        showDisablePackagerPreventionPrompt: false,\n        showMustDisablePackageToDeletePrompt: false,\n        showDeleteConfirmation: false,\n        showEllipsisMenu: false,\n        showGeneralModal: false,\n        showLeaveDialog: false,\n        showSnackbar: false,\n        showUpdateFieldsPrompt: false,\n        snackbarImage: false,\n        snackbarSubTitle: '',\n        snackbarTitle: '',\n        template: '',\n        updateFieldPayload: {},\n        objectFields: [],\n      }\n    },\n    computed: {\n      activeForm() { return this.$store.state.attributeForm.activeIndexForm },\n      areFormsDirty() { return this.$store.state.forms.areFormsDirty },\n      containsMoreThanWorkflowFields() {\n        const fieldsLocal = this.filteredFields().filter((f) => {\n          if (f.name === 'Workflow_Status' || f.name === 'Workflow_Approver' || f.name === 'Workflow_Due_Date' || f.value === 'Workflow_Initiator' || f.value === 'CreatedBy') {\n            return false\n          } else return true\n        })\n        return fieldsLocal.length > 0\n      },\n      desiredPendingRoute() { return this.$store.state.forms.desiredPendingRoute },\n      ellipsisButtonConfig() { return this.ellipsisOpenType === 'form-layout' ? this.ellipsisButtonFormLayoutConfig : (this.ellipsisOpenType === 'enable-package' ? this.ellipsisButtonEnablePackageConfig : (this.ellipsisOpenType === 'disable-package' ? this.ellipsisButtonDisablePackageConfig : this.ellipsisButtonFieldConfig)) },\n      filteredLayoutArray() {\n        return !this.formLayoutArray ? [] : this.formLayoutArray.filter((formLayout) => {\n          return formLayout.Name.toLowerCase().includes(this.lowerLayoutFilterString) || formLayout.Description.toLowerCase().includes(this.lowerLayoutFilterString)\n        })\n      },\n      forms() { return this.$store.state.attributeForm.forms },\n      groups() { return this.$store.state.common.groups },\n      leaveMessage() {\n        return this.activeForm.ID\n          ? `Are you sure you want to leave? Changes to \"${this.activeForm.name}\" have not been saved.`\n          : `Are you sure you want to leave? Changes to \"${this.newFormName}\" have not been saved.`\n      },\n      lowerFieldFilterString() { return !this.fieldFilterText ? '' : this.fieldFilterText.toLowerCase() },\n      lowerLayoutFilterString() { return !this.layoutFilterText ? '' : this.layoutFilterText.toLowerCase() },\n      newFormId() { return this.$store.state.attributeForm.newFormId },\n      updatePromptMessage() { return 'Do you want to update all forms ?' },\n      users() { return this.$store.state.common.users },\n    },\n    watch: {\n      activeForm() {\n        if (this.activeForm.ID) {\n          this.isLoading = false\n        }\n      },\n      desiredPendingRoute() { this.toggleLeaveDialog() },\n    },\n    created: async function () {\n      // TODO: Remove the feature flag code once all Vasion API Lookups functionality is fully implemented and tested.\n      const vasionAPILookupsFeatureFlag = await this.$store.dispatch('common/getConfig', 'VasionAPILookups')\n      this.apiLookupsEnabled = vasionAPILookupsFeatureFlag.toLowerCase() === \"true\"\n\n      this.ellipsisButtonFormLayoutConfig.buttons = [\n        {\n          id: 'copy-link',\n          name: 'Copy Link',\n          icon: 'VasionLinkIcon',\n        },\n        {\n          id: 'embed-form-layout',\n          name: 'Copy Embedded Link',\n          icon: 'VasionCodeIcon',\n        },\n        {\n          id: 'HR',\n          name: 'HR',\n          isHorizontalRule: true,\n        },\n        {\n          id: 'edit-form-layout-button',\n          name: `Edit ${$layoutsLabel}`,\n          icon: 'VasionEditIcon',\n        },\n        {\n          id: 'delete-form-layout-button',\n          name: `Delete ${$layoutsLabel}`,\n          icon: 'VasionDeleteIcon',\n        },\n        {\n          id: 'copy-form',\n          name: `Copy ${$layoutsLabel}`,\n          icon: 'VasionFileCopyIcon',\n        },\n      ]\n      this.selectedTabName = this.$store.state.forms.defaultFormTab ? this.$store.state.forms.defaultFormTab : 'fields'\n      this.$store.dispatch('forms/setDefaultFormTab', '')\n\n      if (this.$route.params.formID) {\n        await this.$store.dispatch('attributeForm/populateIndexFormAdminData')\n        this.getDetails(this.$route.params.formID)\n      } else {\n        this.toggleCreateNewForm()\n      }\n      this.saving = false\n      if (!this.creatingNewForm) {\n        this.isLoading = true\n      }\n    },\n    updated: function () {\n      this.$store.dispatch('mainViews/changeMainNav', `configure-form-${this.$route.params.formID}`)\n    },\n    methods: {\n      async addFieldToFormat() {\n        this.template += ` <%${this.selectedField.title}%>`\n      },\n      addNewForm: async function () {\n        if (this.newFormName.match(/[<>;:'\"/\\\\|?*_=+{}[\\],.`~!@#$%^&()]/)) {\n          this.snackbarTitle = 'Special Character Detected'\n          this.snackbarSubTitle = 'Name cannot include special character(s).'\n          this.snackbarImage = false\n          this.showSnackbar = true\n          return\n        }\n\n        if (this.newFormName.trim() === '') {\n          this.snackbarTitle = 'Only Spaces Detected'\n          this.snackbarSubTitle = 'Name cannot only include spaces.'\n          this.snackbarImage = false\n          this.showSnackbar = true\n          return\n        }\n\n        const payload = {\n          Value: this.newFormName,\n        }\n\n        this.isLoading = true\n        await this.$store.dispatch('attributeForm/createNewForm', payload)\n        if (this.$store.state.attributeForm.newFormId === \"0\") {\n          this.snackbarTitle = 'Error creating object'\n          this.snackbarSubTitle = 'Could not create object.  Check the name to make sure it is unique.'\n          this.snackbarImage = false\n          this.showSnackbar = true\n          this.isLoading = false\n          return\n        }\n        this.$store.dispatch('attributeForm/getForms')\n        this.getDetails(this.newFormId)\n        this.toggleCreateNewForm()\n        this.$store.dispatch('forms/updateAreFormsDirty', false)\n        this.isLoading = false\n      },\n      calculatedClass(selectedTab) { return this.selectedTabName === selectedTab ? 'text-selected' : 'text' },\n      async copyToClipboard(data, type) {\n        let url\n        let baseURL = window.location.href\n        const lastIndex = baseURL.indexOf('/forms/editForm')\n        baseURL = baseURL.substring(0, lastIndex)\n        const formName = encodeURI(data.Name)\n        if (type === 'link') {\n          url = `${baseURL}/formLink/${formName}/${data.EFormID}`\n        } else {\n          url = `<div style=\"width:100%;\"><iframe src=\"${baseURL}/formLink/${formName}/${data.EFormID}\" width=\"100%\" height=\"100%\" style=\"position:absolute\" frameBorder=\"0\" class=\"giphy-embed\" allowFullScreen></iframe></div>`\n        }\n\n        let textCopySuccess = false\n        try {\n          // navigator is the better method, but can only be used in a secure context or localhost\n          // meaning it fails in \"http\".\n          // so, plan B is the hack in the \"else\" statement to add the text to a hidden text area and hope that works\n          if (navigator.clipboard && window.isSecureContext) {\n            await navigator.clipboard.writeText(url)\n            textCopySuccess = true\n          } else {\n            const textArea = document.createElement(\"textarea\")\n            textArea.value = url\n            // make the textarea out of viewport\n            textArea.style.position = \"fixed\"\n            textArea.style.left = \"-999999px\"\n            textArea.style.top = \"-999999px\"\n            document.body.appendChild(textArea)\n            textArea.focus()\n            textArea.select()\n\n            textCopySuccess = document.execCommand('copy')\n            textArea.remove();\n          }\n        } catch {\n          textCopySuccess = false\n        }\n\n        this.snackbarTitle = textCopySuccess ? 'Copied!' : 'Could NOT Copy!'\n        this.snackbarSubTitle = textCopySuccess ? 'Link copied to clipboard' : ''\n        this.snackbarImage = true\n        this.showSnackbar = true\n      },\n      async deleteField() {\n        const payload = {\n          fieldName: this.deleteFieldName,\n          formID: this.activeForm.ID,\n        }\n\n        this.showGeneralModal = false\n        this.isLoading = true\n        const canDeleteResult = await this.$store.dispatch('document/canRemoveAttributeField', payload)\n\n        if (canDeleteResult === '') {\n          const index = this.fields.findIndex((f) => f.name === payload.fieldName)\n          const fieldType = this.fields[index].type\n          this.fields.splice(index, 1)\n          this.fieldFilterText = ''\n\n          const saveSuccess = await this.saveFormFields()\n          if (saveSuccess) {\n            if (fieldType === 2) {\n              const payload = {\n                IndexFormID: this.activeForm.ID,\n                FieldToFilter: this.deleteFieldName,\n                FilterFields: [],\n              }\n              this.$store.dispatch('document/saveFilterFields', payload)\n            }\n\n            this.snackbarTitle = `Successfully Removed Field \"${payload.fieldName}\"`\n            this.snackbarSubTitle = ''\n            this.snackbarImage = true\n            this.showSnackbar = true\n            await this.$amplitude.trackEvent('Field Removed', {})\n          }\n        } else {\n          this.snackbarTitle = 'Cannot Remove Field'\n          this.snackbarSubTitle = canDeleteResult\n          this.snackbarImage = false\n          this.showSnackbar = true\n        }\n\n        this.isLoading = false\n      },\n      cancelLeave() {\n        this.routeTo = null\n        this.toggleLeaveDialog()\n      },\n      async changePackageStatus(pkg, status) {\n        const payload = {\n          PackageId: pkg.PackageID,\n          IsDisabled: !status,\n        }\n        const response = await this.$store.dispatch('forms/setPackageStatus', payload)\n        if (response && response?.ResultStatus === 1) {\n          this.snackbarTitle = \"Package status was changed successfully\";\n          this.snackbarSubTitle = `Package: \"${pkg.Name}\"`;\n          this.snackbarImage = true;\n          this.showSnackbar = true;\n          await this.getObjectPackages()\n        } else {\n          this.snackbarTitle = \"Package status cannot be changed.\";\n          this.snackbarSubTitle = `Package: \"${pkg.Name}\"`;\n          this.snackbarImage = false;\n          this.showSnackbar = true;\n        }\n        this.showDisablePackagerPreventionPrompt = false\n      },\n      clickedOutsideLeave() { this.routeTo = null },\n      async deleteFormLayout() {\n        if (this.deleteFormLayoutID <= 0) {\n            return\n          }\n\n          this.isLoading = true\n          const response = await this.$store.dispatch('common/deleteEForm', this.deleteFormLayoutID)\n\n          this.showGeneralModal = false\n          this.snackbarTitle = response === '' ? `${$layoutsLabel} Deleted Successfully` : `Error Deleting ${$layoutsLabel}`\n          this.snackbarSubTitle = response === '' ? `The ${$layoutsLabel} has been removed` : response\n          this.snackbarImage = response\n          this.showSnackbar = true\n          this.isLoading = false\n\n          this.loadFormLayoutsFromActiveForm()\n      },\n      async copyForm(EFormID) { this.$router.push({ name: 'TheNewFormView', params: { formID: this.activeForm.ID, formLayoutID: EFormID, isCopy: true } }) },\n      async deletePackage(pkg) {\n        const response = await this.$store.dispatch('forms/deletePackage', pkg.PackageID)\n        if (response && response?.data?.ResultStatus === 1) {\n          this.snackbarTitle = \"Package Delete Successful\";\n          this.snackbarSubTitle = `Deleted package: \"${pkg.Name}\"`;\n          this.snackbarImage = true;\n          this.showSnackbar = true;\n          await this.getObjectPackages()\n        } else {\n          this.snackbarTitle = \"The package could not be deleted.\";\n          this.snackbarSubTitle = `Package: \"${pkg.Name}\"`;\n          this.snackbarImage = false;\n          this.showSnackbar = true;\n        }\n      },\n      doLeave() {\n        this.$store.dispatch('forms/updateAreFormsDirty', false)\n        this.toggleLeaveDialog()\n        this.isLoading = true\n\n        if (this.routeTo && this.routeTo.name !== '') {\n          if (this.routeTo.params) {\n            this.$router.push({ name: this.routeTo.name })\n          } else {\n            this.$router.push({ name: this.routeTo.name, params: this.routTo.params })\n          }\n\n          this.routeTo = null\n        } else {\n          if (this.desiredPendingRoute.location === 'all-forms') {\n            this.$router.push({ name: 'AllForms' })\n          } else {\n            this.$router.push({ name: 'EditForm', params: { formID: this.desiredPendingRoute.value } })\n          }\n          this.$store.dispatch('mainViews/changeMainNav', this.desiredPendingRoute.location)\n        }\n      },\n      dragRowChildPrevent(event) {\n        event.preventDefault()\n        event.stopPropagation()\n      },\n      dragRowDrop(event, dropIndex) {\n        event.preventDefault();\n        const startIndex = this.dragRowStartIndex\n        if (startIndex == dropIndex || startIndex + 1 == dropIndex) {\n          return\n        }\n\n        const movedUp = dropIndex < startIndex\n        //if Row moved up, then others have to be moved down (which means increase their field order)\n        const displacement = movedUp ? 1 : -1\n\n        // Set the field order for the dragged item to its new order\n        this.fields[startIndex].fieldOrder = this.fields[dropIndex].fieldOrder\n                \n        // Adjust the field order for the items between the start and drop location\n        this.fields.filter((f, ix) => {\n          return (movedUp && ix >= dropIndex && ix < startIndex) || (!movedUp && ix > startIndex && ix <= dropIndex)\n        }).forEach((f) => {\n          f.fieldOrder += displacement\n        })\n        \n        // Now move the fields\n        if (!movedUp) {\n          //if we moved the field down, then once we remove it from the fieldslist it offsets our dropIndex\n          dropIndex -= 1\n        }\n        var element = this.fields[startIndex];\n        this.fields.splice(startIndex, 1);\n        this.fields.splice(dropIndex, 0, element);\n        \n        this.saveFormFields()\n      },\n      dragRowEnd() {\n        this.dragRowTargetIndex = -1\n        this.dragRowStartIndex = -1\n      },\n      dragRowOver(event, dropIndex) {\n        if (this.dragRowStartIndex == dropIndex || this.dragRowStartIndex + 1 == dropIndex) {\n          return\n        }\n        event.preventDefault();\n        this.dragRowTargetIndex = dropIndex\n      },\n      dragRowStart(event, index) {\n        this.dragRowStartIndex = index;\n        event.dataTransfer.effectAllowed = 'move';\n      },\n      editFormLayout(formLayoutID) { this.$router.push({ name: 'TheNewFormView', params: { formID: this.activeForm.ID, formLayoutID: formLayoutID } }) },\n      async editFormName() {\n        const payload = {\n                attributeFormID: this.activeForm.ID,\n                attributeFormName: this.formName,\n            }\n\n        await this.$store.dispatch('attributeForm/renameForm', payload)\n        this.updateNameInFormList(payload)\n      },\n      editPackage(packageId) {\n        this.$router.push({ name: 'EditFormPackage', params: { formID: this.activeForm.ID, packageId: packageId } })\n      },\n      ellipsisButtonClicked(payload) {\n        this.ellipsisClose()\n\n        if (!payload || !payload.buttonId || !payload.item) {\n          return\n        }\n        this.deletingEntityId = payload.buttonId\n        switch (payload.buttonId) {\n          case 'copy-form':\n            this.copyForm(payload.item.EFormID)\n            break;\n          case 'copy-link':\n            this.copyToClipboard(payload.item, 'link')\n            break;\n          case 'edit-field-button':\n            this.toggleFieldEdit(payload.item.name)\n            break;\n          case 'embed-form-layout':\n            this.copyToClipboard(payload.item, 'embed')\n            break;\n          case 'delete-field-button':\n            this.generalModalMessage = `Are you sure you want to delete ${payload.item.name}?`\n            this.showGeneralModal = true\n            this.deleteFieldName = payload.item.name\n            break\n          case 'edit-form-layout-button':\n            this.editFormLayout(payload.item.EFormID)\n            break\n          case 'delete-form-layout-button':\n            this.generalModalMessage = `Are you sure you want to delete ${payload.item.Name}?`\n            this.showGeneralModal = true\n            this.deleteFormLayoutID = payload.item.EFormID\n            break\n          case 'edit-package-button':\n            this.editPackage(payload.item.PackageID)\n            break\n          case 'delete-package-button':\n            if(payload.item.HasInstances){\n              if(!payload.item.IsDisabled){\n                this.showMustDisablePackageToDeletePrompt = true\n              } else {\n                this.currentSelectedPackage = payload.item\n                this.showDeleteConfirmation = true\n              }\n            }else {\n              this.deletePackage(payload.item)\n            }\n            break\n          case 'disable-package-button':\n            this.currentSelectedPackage = payload.item\n            this.showDisablePackagerPreventionPrompt = true\n            break\n          case 'enable-package-button':\n            this.changePackageStatus(payload.item, true)\n            break\n          default:\n            break\n        }\n      },\n      ellipsisClose() { this.showEllipsisMenu = false },\n      ellipsisOpen(event, item, openType) {\n        this.ellipsisOpenType = openType\n        this.ellipsisClose()\n        this.ellipsisRowItem = item\n        let displayY = event.pageY\n        let baseSize = 0\n\n        if (this.ellipsisButtonConfig && this.ellipsisButtonConfig.buttons) {\n          baseSize = this.ellipsisButtonConfig.buttons.length * 40\n        }\n\n        if (displayY + baseSize > document.documentElement.scrollHeight) {\n          displayY -= baseSize\n        }\n\n        this.ellipsisMenuTopStyle = `top:${displayY}px;`\n        this.showEllipsisMenu = true\n      },\n      fieldTypeText(fieldType) {\n        const foundFieldType = this.fieldTypeList.find((element) => {\n          return element.id === fieldType\n        })\n        return foundFieldType?.value\n      },\n      filteredFields() {\n        return !this.fields ? [] : this.fields.filter((field) => {\n          return field.name.toLowerCase().includes(this.lowerFieldFilterString) || field.title.toLowerCase().includes(this.lowerFieldFilterString)\n        })\n      },\n      async generalModalOKClick() {\n        if (this.deletingEntityId === 'delete-field-button') {\n          this.deleteField()\n        } else if (this.deletingEntityId === 'delete-form-layout-button') {\n          this.deleteFormLayout()\n        }\n      },\n      getDetails: async function (formId) {\n        await this.$store.dispatch('attributeForm/getFormDetails', formId)\n        this.setDataFromActiveForm()\n        this.markAsClean()\n        this.creatingNewForm = false\n        this.editingField = false\n        this.formName = this.activeForm.name\n      },\n      getIdValue: function (prefix, id) { return `${prefix}-${id}` },\n      async getObjectPackages() {\n        const response = await this.$store.dispatch('forms/getPackagesByObjectId', {Value: this.activeForm.ID})\n        let packages = response?.packages ? cloneDeep(response.packages) : []\n        await this.$store.dispatch('common/getIndexFieldsForForm', this.activeForm.ID)\n        this.objectFields = this.$store.state.common.indexFields\n\n        packages.forEach( (pkg, index) => {\n          const field = this.objectFields.filter((field) => {\n            return field.fieldID === pkg.PackageField\n          })          \n          packages[index].PackageField = field.length > 0 ? field[0].name : \"\"\n          packages[index].active = packages[index].IsDisabled ? 'No' : 'Yes'\n        })\n\n        this.packages = packages\n      },\n      goToAllForms() { this.$router.push({ name: 'AllForms' }) },\n      async loadFormLayoutsFromActiveForm() {\n        const formLayoutResponse = await this.$store.dispatch('forms/getEFormsByFormID', this.activeForm.ID)\n        this.formLayoutArray = formLayoutResponse && formLayoutResponse.EFormCollection && formLayoutResponse.EFormCollection.Values ? formLayoutResponse.EFormCollection.Values.slice() : []\n      },\n      markAsClean() { this.$store.dispatch('forms/updateAreFormsDirty', false) },\n      markAsDirty() { this.$store.dispatch('forms/updateAreFormsDirty', true) },\n      async newLayoutClick() { \n        await this.$store.dispatch('forms/clearEform')\n        this.$router.push({ name: 'TheNewFormView', params: { formID: this.activeForm.ID, formLayoutID: '0' } }) \n      },\n      async newPackageClick() {\n        this.$router.push({ name: 'NewFormPackage', params: { formID: this.activeForm.ID } })\n      },\n      promptUpdateField(payload) {\n        this.showUpdateFieldsPrompt = !this.showUpdateFieldsPrompt\n        this.updateFieldPayload = payload\n      },\n      reorderField: function (direction, fieldName) {\n        // Get the field element and index for the field being moved\n        const originalIndex = this.fields.findIndex((f) => f.name === fieldName);\n        const fieldBeingMoved = this.fields[originalIndex]\n\n        // Get the field element and index for the field being displaced\n        const newIndex = direction === 'up' ? (originalIndex - 1) : (originalIndex + 1);\n\n        // Set the new fieldOrder value for the field being moved\n        const movedFieldOrder = this.fields[originalIndex].fieldOrder\n        this.fields[originalIndex].fieldOrder = direction === 'up' ? (movedFieldOrder - 1) : (movedFieldOrder + 1);\n\n        // Set the new fieldOrder value for the field being displaced\n        const displacedFieldOrder = this.fields[newIndex].fieldOrder\n        this.fields[newIndex].fieldOrder = direction === 'up' ? (displacedFieldOrder + 1) : (displacedFieldOrder - 1);\n\n        // Now move the fields\n        const newArray = this.fields.filter((f) => { // Remove the field being moved from the fields array\n            return f.name !== fieldName\n        })\n        newArray.splice(newIndex, 0, fieldBeingMoved) // Stuff it back in, at it's new home\n\n        this.fields = newArray;\n        this.saveFormFields()\n      },\n      resetLocalFieldInfo() {\n        this.editingFieldName = ''\n        this.newFieldConfig.allowMultiples = true\n        this.newFieldConfig.decimalPlaces = 0\n        this.newFieldConfig.fieldUniqueName = { name: '<New Field>' }\n        this.newFieldConfig.fieldLabel = ''\n        // eslint-disable-next-line\n        this.newFieldConfig.fieldType = this.fieldTypeList[0]\n        this.newFieldConfig.fieldValues = ''\n        this.newFieldConfig.fieldLength = 100\n        this.fieldId = 0\n        this.fieldOrder = 0\n        this.newFieldConfig.fieldHidden = false\n        this.newFieldConfig.mandatory = false\n        this.piiData = false\n        this.newFieldConfig.readOnly = false\n        this.newFieldConfig.showCommas = false\n        this.newFieldConfig.systemDate = false\n        this.newFieldConfig.totalPageNo = false\n        this.newFieldConfig.filterValues = false\n        this.newFieldConfig.filterFieldsList = []\n      },\n      async saveFormFields() {\n        this.isLoading = true\n        const payload = {\n          ID: this.activeForm.ID,\n          fields: this.fields,\n        }\n        const response = await this.$store.dispatch('attributeForm/saveAttributeFormFields', payload)\n        const result = response?.errorMessage === ''\n\n        if (!result) {\n          this.snackbarTitle = 'Error'\n          this.snackbarSubTitle = 'Unable to update form fields'\n          this.snackbarImage = false\n          this.showSnackbar = true\n          await this.getDetails(this.$route.params.formID)\n        }\n        else {\n          response.fields?.forEach(f => {\n             const index = this.fields.findIndex(lf => lf.fieldID === 0 && lf.name === f.name)\n             if (index >= 0) {\n                this.fields[index].fieldID = f.fieldID\n             }\n          })\n        }\n\n        this.fields.forEach(field => {\n          if (field.type === 2) {\n            const payload = {\n              IndexFormID: this.activeForm.ID,\n              FieldToFilter: field.name,\n              FilterFields: (!field.filterValues) ? [] : field.filterFieldsList.filter(f => { return f.selected }).map(a => {\n                return {\n                  \"BaseFieldValue\": a.baseFieldValue,\n                  \"FilterFieldName\": a.filterFieldName,\n                  \"FilterFieldValue\": a.filterFieldValue,\n                }\n              }),\n            }\n            this.$store.dispatch('document/saveFilterFields', payload)\n          }\n        })\n\n        await this.$store.dispatch('forms/getAllFieldHeaders')\n\n        this.isLoading = false\n        return result\n      },\n      async setDataFromActiveForm() {\n        this.template = this.activeForm.documentNameTemplate\n        this.formName = this.activeForm.name\n        this.renameFiles = this.activeForm.renameFiles\n\n        this.accessUsers = []\n        this.accessGroups = []\n        this.availableUsers = []\n        this.availableGroups = []\n\n        this.users.forEach((user) => {\n          const newUser = {\n            name: user.name,\n            value: user.value,\n          }\n\n          if (this.activeForm.accessUserIDs && this.activeForm.accessUserIDs.includes(user.value)) {\n            this.accessUsers.push(newUser)\n          } else {\n            this.availableUsers.push(newUser)\n          }\n        })\n\n        this.groups.forEach((group) => {\n          const newGroup = {\n            name: group.name,\n            value: group.value,\n          }\n\n          if (this.activeForm.accessGroupIDs && this.activeForm.accessGroupIDs.includes(group.value)) {\n            this.accessGroups.push(newGroup)\n          } else {\n            this.availableGroups.push(newGroup)\n          }\n        })\n\n        this.fields = this.activeForm.fields\n\n        for (const field of this.fields) {\n          field.filterValues = false\n          field.filterFieldsList = []\n          if (field.type === 2) {\n            let filterPayload = {\n              IndexFormID: this.activeForm.ID,\n              BaseFieldName: field.name\n            }\n\n            let filterResult = await this.$store.dispatch('document/getFilterFieldsForEditing', filterPayload)\n            if (filterResult.FilterFieldsList) {\n              if (filterResult.FilterFieldsList.length > 0) {\n                field.filterValues = true\n              }\n\n              filterResult.FilterFieldsList.forEach(ff => {\n                field.filterFieldsList.push(\n                  {\n                    \"filterFieldName\": ff.FilterFieldName,\n                    \"baseFieldValue\": ff.BaseFieldValue,\n                    \"filterFieldValue\": ff.FilterFieldValue,\n                    \"selected\": true,\n                  }\n                )\n              })\n            }\n          }\n        }\n\n        this.loadFormLayoutsFromActiveForm()\n        await this.getObjectPackages()\n      },\n      shouldReorderDownShow(sequence) { return this.activeForm && this.activeForm.fields && (sequence + 1) < this.activeForm.fields.length },\n      shouldReorderUpShow(sequence) { return sequence > 0 },\n      showFailureSaveMessage(messageDetail) {\n        this.snackbarTitle = `Unable to update ${$formsLabel}`\n        this.snackbarSubTitle = messageDetail\n        this.snackbarImage = false\n        this.showSnackbar = true\n      },\n      async submitForm() {\n        if (!this.validateSaveData()) {\n          return\n        }\n\n        this.isLoading = true\n        if (this.formName !== this.activeForm.name) {\n          await this.editFormName()\n        }\n\n        const form = {\n          ID: this.activeForm.ID,\n          accessGroupIDs: this.accessGroups ? this.accessGroups.map((group) => {\n            return group.value\n          }).filter(e => e != null) : [],\n          accessUserIDs: this.accessUsers ? this.accessUsers.map((user) => {\n            return user.value\n          }).filter(e => e != null) : [],\n          documentNameTemplate: this.template,\n          renameFiles: this.renameFiles,\n        }\n\n        const success = await this.$store.dispatch('attributeForm/saveAttributeFormHeader', form)\n        this.isLoading = false\n        this.$store.dispatch('forms/updateAreFormsDirty', false)\n        if (success.Value === 'True') {\n          this.saving = true\n          this.goToAllForms()\n        } else {\n          this.showFailureSaveMessage(success)\n        }\n      },\n      toggleCreateNewForm: function () { this.creatingNewForm = !this.creatingNewForm },\n      toggleCheckbox(id) {\n        this[id] = !this[id]\n        this.markAsDirty()\n      },\n      toggleFieldEdit: function (fieldName) { this.$refs.newFieldDialog.toggleFieldEdit(fieldName) },\n      toggleLeaveDialog() { this.showLeaveDialog = !this.showLeaveDialog },\n      async updateFieldsInForms() {\n        this.isLoading = true\n        const response = await this.$store.dispatch('forms/updateFieldInEForms', this.updateFieldPayload)\n        if (response === 'False') {\n          this.snackbarTitle = 'Error!'\n          this.snackbarSubTitle = 'Could not update all fields'\n          this.snackbarImage = false\n          this.showSnackbar = true\n        }\n        this.showUpdateFieldsPrompt = !this.showUpdateFieldsPrompt\n        this.isLoading = false\n      },\n      updateNameInFormList: function (payload) {\n          const form = this.forms.find((f) => f.value === payload.attributeFormID)\n          if (form) {\n              form.name = payload.attributeFormName\n              this.activeForm.name = payload.attributeFormName\n          }\n      },\n      updateSelectedTab(newSelectedTab) { this.selectedTabName = newSelectedTab },\n      updateTable(fields) {\n        this.fields = fields\n\n        this.loadFormLayoutsFromActiveForm()\n        this.saveFormFields()\n      },\n      validateSaveData() {\n        this.formName = this.formName.trim()\n        if (!this.formName) {\n          this.showFailureSaveMessage(`The ${$formsLabel} Name Cannot be Blank or Only Include Whitespace`)\n          return false\n        }\n\n        if (this.renameFiles && !this.template) {\n          this.showFailureSaveMessage('The File Name Format cannot be empty if Rename Files is set')\n          return false\n        }\n\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\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n  @import '@/assets/css/light-theme-system-palette.scss';\n\n  #active-form-name::v-deep {\n    input {\n      color: black;\n    }\n  }\n\n  .button-div {\n    position: relative;\n    left: 50%;\n    top: 55%;\n  }\n\n  .tab-div {\n    margin-left: -10px;\n  }\n\n  .field-dialog {\n    width: 47%;\n  }\n\n  .dialogFooter {\n    width: 100%;\n    text-align: right;\n  }\n\n  .lightestGreyBackground {\n    background-color: $grey-50;\n  }\n\n  .dropTarget {\n    border-top: 6px solid $secondary;\n  }\n\n  .spacer {\n    width: 2%;\n  }\n\n  .row {\n    width: 100%;\n    margin: 0px;\n    display: flex;\n    align-items: center;\n\n    .row-field {\n      margin: 0 16px 5px 0;\n\n      &.checkbox {\n        padding-top: 18px;\n        width: 390px;\n      }\n    }\n  }\n\n  .right-text-align {\n    text-align: right;\n  }\n\n  .pointer:hover {\n    cursor: pointer;\n  }\n\n  .fields-table-container, .forms-table-container, .packages-table-container {\n    width: 100%;\n    overflow: auto;\n    text-align: left;\n\n    table {\n      height: unset;\n    }\n  }\n\n  .fields-table-container {\n    height: calc(100vh - 454px);\n  }\n\n  .forms-table-container, .packages-table-container {\n    height: calc(100vh - 338px);\n  }\n\n  .createFormDiv {\n    display: flex;\n    justify-content: center;\n    padding-top: 20px;\n  }\n\n  .leftSideNavDiv {\n    width: 304px;\n    height: 100%;\n    background-color: $grey-50;\n    overflow: auto;\n  }\n\n  #field-list {\n      min-width: 400px;\n      .form-field-title {\n          width: 200px;\n          margin-left: 15px;\n      }\n\n      .form-field-type {\n          width: 100px;\n      }\n      thead, tbody tr {\n        display:table;\n        width:100%;\n        table-layout:fixed;/* even columns width , fix width of table too*/\n      }\n  }\n\n  #index-form-submit {\n      margin-top: 0px;\n  }\n\n  #name-edit-form, #create-new-field {\n      padding: 10px;\n      border: thin solid gray;\n  }\n\n  #create-new-form {\n    padding: 10px;\n    width: 500px;\n    border: thin solid gray;\n    text-align: right;\n  }\n\n  #create-new-field {\n      padding: 10px;\n      border: none;\n  }\n\n  #index-new-form-cancel {\n      margin-left: 5px;\n  }\n\n  .vasion-html-table-default\n  {\n    padding-top: 20px;\n  }\n\n  .controls-column {\n    width: 125px;\n    text-align: right;\n  }\n\n  .icon-table-column {\n    width: 40px;\n    text-align: right;\n    fill: $grey-400;\n  }\n\n  .field-mandatory-column {\n    width: 100px;\n  }\n\n  .field-type-column {\n    width: 200px;\n  }\n\n  .field-header-table {\n    width: 100%;\n    margin-top: 20px;\n  }\n\n  .field-header-filter-column {\n    text-align: right;\n    width: 300px;\n  }\n\n  .field-header-add-field-column {\n    text-align: right;\n    width: 100px;\n  }\n  .field-header-add-package-column {\n    text-align: right;\n  }\n  .vasion-html-table-default table th label {\n    font-weight: bold;\n  }\n  .layout-name-table-column {\n    width: 40%;\n  }\n\n  .no-form-layouts-div {\n    padding-top: 40px;\n    width: 100%;\n    text-align: center;\n  }\n\n  .no-form-layouts-label-div {\n    margin-top: 10px;\n  }\n\n  .md-layout-item {\n    width: 315px !important;\n  }\n\n  .scrollTBody {\n    display: table-caption;\n    caption-side: bottom;\n    overflow: auto;\n    max-height: calc(100vh - 523px);\n    min-height: 200px;\n  }\n  .scrollTBodyFields {\n    display: table-caption;\n    caption-side: bottom;\n    overflow: auto;\n    max-height: calc(100vh - 407px);\n    min-height: 200px;\n  }\n\n  table {\n    // table-layout: fixed;\n    width: 100%;\n  }\n  .fields-column {\n    width: 20%;\n  }\n  .move-icon {\n    cursor: move;\n    fill: $grey-600;\n  }\n\n  .move-icon-column {\n    width: 24px;\n  }\n\n  td.fields-column:nth-child(3) { // \"Unique Name\" column\n    padding-left: 1px;\n  }\n  td.fields-column:nth-child(4) { // \"Mandatory\" column\n    padding-left: 5px;\n  }\n  td.fields-column:nth-child(5) { // \"Field Type\" column\n    padding-left: 6px;\n  }\n  .mb-0 {\n    margin-bottom: 0px;\n  }\n  .vasion-table-packages {\n    thead {\n      font-family: \"Archivo\";\n      font-size: 14px;\n      font-weight: bold;\n      font-style: normal;\n      font-stretch: normal;\n      line-height: normal;\n      letter-spacing: normal;\n      color: #707273;\n    }\n    tbody {\n      font-family: \"Archivo\";\n      font-size: 14px;\n      font-weight: normal;\n      font-style: normal;\n      font-stretch: normal;\n      line-height: normal;\n      letter-spacing: normal;\n      color: #707273;\n      white-space: nowrap;\n    }\n    thead>tr>th:nth-child(1) {\n      width: 40px;\n    }\n    tbody>tr>td:nth-child(1) {\n      width: 40px;\n      cursor: pointer;\n      fill: #95989a;\n      text-align: right;\n    }\n\n    thead>tr>th:nth-child(2) {\n      width: 30vw;\n    }\n    tbody>tr>td:nth-child(2) {\n      width: 30vw;\n    }\n\n    thead>tr>th:nth-child(5) {\n      width: 60px;\n    }\n    tbody>tr>td:nth-child(5) {\n      width: 50px;\n      text-align: right;\n    }\n\n    thead>tr>th:not(:nth-child(1)):not(:nth-child(5)) {\n      padding-left: 10px;\n      padding-right: 10px;\n    }\n    tbody>tr>td:not(:nth-child(1)):not(:nth-child(5)) {\n      padding-left: 10px;\n      padding-right: 10px;\n      cursor: pointer;\n    }\n  }\n  .fix-last-col-width {\n    width: 60px !important;\n  }\n  #api-tab {\n    display: flex;\n    flex-direction: column;\n    height: calc(100vh - 270px);\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!./TheEditAttributeForm.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!./TheEditAttributeForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheEditAttributeForm.vue?vue&type=template&id=647c0f58&scoped=true&\"\nimport script from \"./TheEditAttributeForm.vue?vue&type=script&lang=js&\"\nexport * from \"./TheEditAttributeForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheEditAttributeForm.vue?vue&type=style&index=0&id=647c0f58&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  \"647c0f58\",\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!./ApiLookupsList.vue?vue&type=style&index=0&id=7aa23647&prod&lang=scss&scoped=true&\"","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!./TheEditAttributeForm.vue?vue&type=style&index=0&id=647c0f58&prod&lang=scss&scoped=true&\""],"sourceRoot":""}