@sankhyalabs/sankhyablocks 8.16.0-dev.3 → 8.16.0-dev.30

package/dist/components/snk-data-unit2.js

@@ -1,47 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { JSUtils, DataType, Action, ObjectUtils, DataUnitAction, StringUtils, ApplicationContext } from '@sankhyalabs/core';
+import { Action, ObjectUtils, DataUnitAction, StringUtils, ApplicationContext } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { O as OperationMap, S as SnkMessageBuilder } from './SnkMessageBuilder.js';
-import { g as getRecordValue, d as DatasetStrategy } from './dataunit-fetcher.js';
+import { g as getRecordValue, a as DatasetStrategy } from './dataunit-fetcher.js';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
-
-const getSelectedIDs = (dataUnit) => {
-  const selectionInfo = dataUnit.getSelectionInfo();
-  if (selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.isAllRecords()) {
-    return [];
-  }
-  const selectedRecordsIDsInfo = [];
-  const selectedRecords = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.recordIds;
-  if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) > 0) {
-    selectedRecords.forEach(recordId => {
-      if (!dataUnit.isNewRecord(recordId)) {
-        /*
-          Esse if foi necessário para tratar corretamente o ID
-          do record quando está sendo utilizado no modo standAlone
-          isso não faz a exportação da grid funcionar no modo standAlone
-          mas deixa de causar erro nas oprações de CRUD.
-        */
-        if (!JSUtils.isBase64(recordId)) {
-          selectedRecordsIDsInfo.push({
-            name: "__record__id__",
-            type: DataType.TEXT,
-            value: recordId
-          });
-          return;
-        }
-        const revertBase64ToObject = JSON.parse(window.atob(recordId));
-        Object.entries(revertBase64ToObject).forEach(([name, value]) => {
-          const metadataField = dataUnit === null || dataUnit === void 0 ? void 0 : dataUnit.getField(name);
-          if (metadataField == undefined) {
-            return;
-          }
-          selectedRecordsIDsInfo.push(Object.assign({ name, type: metadataField.dataType }, value));
-        });
-      }
-    });
-  }
-  return selectedRecordsIDsInfo;
-};
+import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo.js';
 
 const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -97,6 +60,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.ignoreSaveMessage = undefined;
     this.configName = undefined;
     this.resourceID = undefined;
+    this.domainMessagesBuilder = undefined;
   }
   observePageSize() {
     if (this.dataUnit) {
@@ -152,7 +116,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
    * @returns Retorna a lista de IDs dos registros selecionados.
    */
   async getSelectedRecordsIDsInfo() {
-    return Promise.resolve(getSelectedIDs(this.dataUnit));
+    return getSelectedRecordsIDsInfo(this.dataUnit);
   }
   /**
    * Retorna os campos que possuem a propriedade "rmp" (Row Metadata Provider).
@@ -513,21 +477,15 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (this.ignoreSaveMessage) {
       return;
     }
-    const msg = this.getMessage("snkDataUnit.saveInfo", action.payload.records[0]);
+    const saveOperation = action.payload.changes[0]._operation.toLowerCase();
+    const msg = this.getMessage("snkDataUnit.saveInfo", action.payload.records[0], saveOperation);
     if (msg != undefined) {
       this.showSuccessMessage(msg);
     }
   }
   handleRecordsRemoved(action) {
     var _a, _b;
-    const cachedRecords = action.payload.cachedRecords;
-    let removeFinishMsg;
-    if ((cachedRecords === null || cachedRecords === void 0 ? void 0 : cachedRecords.length) > 1) {
-      removeFinishMsg = this.getMessage("snkDataUnit.removeAllInfo", { size: cachedRecords.length });
-    }
-    else {
-      removeFinishMsg = this.getMessage("snkDataUnit.removeInfo", action.payload.cachedRecords[0]);
-    }
+    let removeFinishMsg = this.buildRemoveFinishMessage(action);
     if (removeFinishMsg != undefined) {
       this.showSuccessMessage(removeFinishMsg);
     }
@@ -538,16 +496,27 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.dataUnit.gotoPage(page);
     }
   }
+  buildRemoveFinishMessage(action) {
+    const records = action.payload.records;
+    if (!records || !records.length)
+      return undefined;
+    if ((records === null || records === void 0 ? void 0 : records.length) > 1)
+      return this.getMessage('snkDataUnit.removeAllInfo', { size: records.length });
+    return this.getMessage('snkDataUnit.removeInfo', records);
+  }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
    * através de um pequeno modulo na estrutura da aplicação:
    * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-data-unit.msg.ts"
    */
-  getMessage(key, params = undefined) {
+  getMessage(key, params = undefined, customOperation) {
     if (!params) {
       params = this.getMessageParams();
     }
+    if (customOperation) {
+      this.messagesBuilder.currentOperation = customOperation;
+    }
     return this.messagesBuilder.getMessage(key, params);
   }
   getMessageParams() {
@@ -578,19 +547,28 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return await this._application.getDataUnit(this.entityName, cacheName, null, this.configName, this.resourceID);
     }
   }
+  updateMetadataWithRMP() {
+    this.fillFieldsWithRmp(this.dataUnit.metadata);
+    this.fillFieldsWithRmPrecision(this.dataUnit.metadata);
+    const dataUnitUpdatedMetadata = this.handleDULinksOnMetadataLoaded(this.dataUnit.metadata);
+    this.dataUnit.metadata = dataUnitUpdatedMetadata;
+  }
   async loadDataUnit() {
-    var _a;
+    var _a, _b;
     if (this.dataUnit == null && this._application && this.entityName) {
       this.dataUnit = await this.getDataUnitParentOrChild();
     }
     if (this.dataUnit) {
       this.dataUnit.pageSize = this.pageSize;
       this.dataUnit.unsubscribe(this._dataUnitObserver);
-      this.dataUnit.addInterceptor(this);
       this.dataUnit.subscribe(this._dataUnitObserver);
-      await this.dataUnit.loadMetadata();
-      if ((_a = this.dataUnit.records) === null || _a === void 0 ? void 0 : _a.length) {
-        this.getMetadataByRow(this.dataUnit);
+      if ((_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.metadata) {
+        this.updateMetadataWithRMP();
+      }
+      this.dataUnit.addInterceptor(this);
+      if ((_b = this.dataUnit.records) === null || _b === void 0 ? void 0 : _b.length) {
+        const { records } = this.getMetadataByRow(this.dataUnit);
+        this.dataUnit.records = records;
       }
       this.dataState = this.buildDataState();
       let resolver;
@@ -654,6 +632,13 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       parent = parent.parentElement;
     }
   }
+  instanceMessagesBuilder() {
+    var _a;
+    if (this.messagesBuilder) {
+      return;
+    }
+    this.messagesBuilder = new SnkMessageBuilder((_a = this.domainMessagesBuilder) !== null && _a !== void 0 ? _a : this.entityName);
+  }
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
@@ -661,9 +646,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this._application.getAllAccess(this.resourceID).then(access => this._permissions = access);
     this._parentSnkDataUnit = this.getParentSnkDataUnit();
-    if (this.messagesBuilder == undefined) {
-      this.messagesBuilder = new SnkMessageBuilder(this.entityName);
-    }
+    this.instanceMessagesBuilder();
   }
   disconnectedCallback() {
     if (this.dataUnit) {
@@ -699,6 +682,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "ignoreSaveMessage": [4, "ignore-save-message"],
     "configName": [1, "config-name"],
     "resourceID": [1, "resource-i-d"],
+    "domainMessagesBuilder": [1, "domain-messages-builder"],
     "fieldsToLink": [32],
     "getDataUnit": [64],
     "getSelectedRecordsIDsInfo": [64],
@@ -744,4 +728,4 @@ function defineCustomElement() {
   } });
 }
 
-export { SnkDataUnit as S, defineCustomElement as d, getSelectedIDs as g };
+export { SnkDataUnit as S, defineCustomElement as d };

package/dist/components/snk-detail-view2.js

@@ -12,7 +12,7 @@ import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
 import { V as VIEW_MODE } from './constants.js';
-import { o as openFieldSearch, T as TaskbarProcessor, b as buildFieldSearch } from './IExporterProvider.js';
+import { o as openFieldSearch, T as TaskbarProcessor, b as buildFieldSearch } from './ContinuousInsertUtils.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { d as defineCustomElement$u } from './snk-actions-button2.js';
 import { d as defineCustomElement$t } from './snk-attach2.js';
@@ -70,6 +70,8 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.resourceID = undefined;
     this.detailTaskbarCustomContainerId = undefined;
     this.formLegacyConfigName = undefined;
+    this.enableGridInsert = false;
+    this.getCustomTitle = undefined;
     this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
@@ -138,7 +140,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this._container.focus();
   }
   exitViewer() {
-    if (this.dataUnit.isDirty()) {
+    if (!this.enableGridInsert && this.dataUnit.isDirty()) {
       this.dataUnit.cancelEdition({ after: () => this.exit.emit() });
     }
     else {
@@ -156,7 +158,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   onContentCardChanged(evt) {
     SnkGuidesViewer.updateContentCard(evt.detail.formName, evt.detail.cardConfig, evt.detail.propertyChanged, this._configManager)
-      .then(() => this.masterFormConfig = this._configManager.getConfig(this.dataState.insertionMode, this.dataUnit));
+      .then(() => this.masterFormConfig = this._configManager.getConfig(this.dataUnit));
   }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
@@ -247,10 +249,13 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     const invisibleButtons = this.getInvisibleButtons();
     this._taskbarProcessor = new TaskbarProcessor({
       "snkGuideViewer.regular": btnsRegularMode,
-      "snkGuideViewer.finish_edition": ["CANCEL", "SAVE"],
+      "snkGuideViewer.finish_edition": ["CANCEL", "SAVE", this.handleAddGridMode()],
     });
     this._taskbarProcessor.process(taskbarId, this.taskbarManager, this.dataState, disabledButtons, invisibleButtons);
   }
+  handleAddGridMode() {
+    return this.enableGridInsert ? TaskbarElement.GRID_MODE : "";
+  }
   getInvisibleButtons() {
     const invisibleButtons = [];
     if (this.dataState && this.dataState.selectionInfo.mode === SelectionMode.ALL_RECORDS)
@@ -403,11 +408,14 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       this._configManager.addFormLegacyConfig(this.formLegacyConfigName);
     }
   }
+  setMasterFormConfig(config) {
+    this.masterFormConfig = config;
+  }
   componentWillLoad() {
     if (this.resourceID == undefined) {
       throw new Error("Erro interno: resourceID não informado");
     }
-    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, config => this.masterFormConfig = config);
+    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, this.setMasterFormConfig.bind(this), this.dataUnit);
     this.addFormLegacyConfigName();
     this._configManager.loadConfig();
   }
@@ -435,7 +443,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     return this._fieldSearch;
   }
   fieldsOptionLoader(argument) {
-    return Promise.resolve(this._configManager.getFieldsList(this.dataUnit, argument)
+    return Promise.resolve(this._configManager.getFieldsList(argument)
       .map(field => ({ value: field.name, label: field.label })));
   }
   onSelectField(option, actionButton) {
@@ -507,6 +515,10 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     }
     return "";
   }
+  getTitle() {
+    var _a, _b;
+    return (_b = (_a = this.getCustomTitle) === null || _a === void 0 ? void 0 : _a.call(this)) !== null && _b !== void 0 ? _b : this.getMessage("snkCrud.title");
+  }
   componentDidLoad() {
     this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
   }
@@ -520,7 +532,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     }
     this.loadTaskbarProcessor();
     const showGuides = this._guides && (this._guides.length > 1);
-    return (h("section", { class: "snk-guides-viewer", ref: ref => this._container = ref, tabindex: -1 }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "snk-guides-viewer__header-breadcrumb ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getMessage("snkCrud.title")), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
+    return (h("section", { class: "snk-guides-viewer", ref: ref => this._container = ref, tabindex: -1 }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "snk-guides-viewer__header-breadcrumb ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getTitle()), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
       h("div", { class: "ez-margin-top--extra-small" }, h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != PresentationMode.SECONDARY && this.buildTaskBar()), h("div", { class: "snk-guides-viewer__container" }, showGuides ?
       h("ez-guide-navigator", { ref: (ref) => this._guideNavigator = ref, class: "snk-guides-viewer__guide-navigator", items: this._guides, selectedId: this.selectedGuide ? this.selectedGuide.id : undefined, onEzSelectionChange: evt => this.updateSelectedGuideHandler(evt.detail) })
       :
@@ -558,6 +570,8 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     "resourceID": [1, "resource-i-d"],
     "detailTaskbarCustomContainerId": [1, "detail-taskbar-custom-container-id"],
     "formLegacyConfigName": [1, "form-legacy-config-name"],
+    "enableGridInsert": [4, "enable-grid-insert"],
+    "getCustomTitle": [16],
     "_hasToCreateFieldSearch": [32],
     "_breadcrumbItems": [32],
     "_guides": [32],
@@ -938,14 +952,13 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     return guideId.replace(SnkDetailView.REGEX_FORM_ID, "");
   }
   loadMetadata() {
-    var _a;
     if (!this.dataUnit) {
       return;
     }
     if (!this.formConfigManager.isLoaded) {
       return;
     }
-    const formConfig = this.formConfigManager.getConfig((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.insertionMode, this.dataUnit);
+    const formConfig = this.formConfigManager.getConfig(this.dataUnit);
     //this._cardsState = formConfig?.cardsState;
     this._formMetadata = buildFormMetadata(formConfig == undefined || formConfig.fields.length === 0 ? undefined : formConfig, this.dataUnit, true);
   }
@@ -979,7 +992,7 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this.emitSwitchEvent(VIEW_MODE.GRID);
       evt.stopPropagation();
     }
-    if (evt.detail === TaskbarElement.FORM_MODE) {
+    if (evt.detail === TaskbarElement.FORM_MODE || evt.detail === TaskbarElement.UPDATE) {
       this.emitSwitchEvent(VIEW_MODE.FORM);
       evt.stopPropagation();
     }
@@ -1003,7 +1016,7 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   componentWillLoad() {
     this._configName = `dynaform.${this.entityName}`;
-    this.formConfigManager = new SnkFormConfigManager(this._configName, this.resourceID, () => this.loadMetadata());
+    this.formConfigManager = new SnkFormConfigManager(this._configName, this.resourceID, () => this.loadMetadata(), this.dataUnit);
     this.formConfigManager.loadConfig();
     if (this.messagesBuilder == undefined) {
       this.messagesBuilder = new SnkMessageBuilder(this.entityName);

package/dist/components/snk-exporter-email-sender2.js

@@ -16,7 +16,7 @@ const OptionsStep = ({ getMessage, changeInfo, data }) => {
   const selectionCount = (data === null || data === void 0 ? void 0 : data.selectedRows) || 0;
   const formatOptions = [
     { label: getMessage("snkExporter.emailSenderOptStep_formatPDF"), value: "pdf" },
-    { label: getMessage("snkExporter.emailSenderOptStep_formatXLSX"), value: "xlsx" }
+    { label: getMessage("snkExporter.emailSenderOptStep_formatXLS"), value: "xls" }
   ];
   const typeOptions = [
     { label: getMessage("snkExporter.emailSenderOptStep_allData"), value: "all" },

package/dist/components/snk-filter-bar2.js

@@ -253,7 +253,7 @@ class SnkFilterModalFactory {
   }
 }
 
-const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns:1fr minmax(100px, 100%) 1fr 1fr;--snk-personalized-filter--z-index:var(--elevation--20, 20);--snk-personalized-filter--background-color:var(--background--xlight, #fff)}.snk-filter-bar__title.sc-snk-filter-bar{max-width:260px;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;font-family:var(--font-pattern, Arial);font-weight:var(--text-weight--large, 600);color:var(--color--title-primary, #2B3A54);margin-top:8px}[data-mode=\"hidden\"].sc-snk-filter-bar-h{width:0px;height:0px}[data-mode=\"button\"].sc-snk-filter-bar-h{grid-template-columns:1fr;width:fit-content}.snk-filter__popover-container.sc-snk-filter-bar{display:flex;cursor:auto}.filter-bar__personalized-filter.sc-snk-filter-bar{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:var(--snk-personalized-filter--z-index);background-color:var(--snk-personalized-filter--background-color)}.snk-filter__popover.sc-snk-filter-bar{display:flex;flex-direction:column;position:absolute;width:fit-content;height:fit-content;min-width:265px;background-color:var(--background--xlight, #fff);border-radius:var(--border--radius-medium, 12px);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.snk-filter-item__editor-header.sc-snk-filter-bar{flex-grow:1;font-weight:var(--text-weight--medium, 400);color:var(--color--title-primary, #2B3A54)}.snk-filter__popover-rule.sc-snk-filter-bar{border-style:solid;border-color:var(--color--disable-secondary, #F2F5F8);border-radius:1px;border-width:1px;width:100%}.editor__ez-check.sc-snk-filter-bar{--ez-check__label--padding-left:0}.snk-filter-item__editor-header-button.sc-snk-filter-bar{cursor:pointer;background-color:transparent;border:none;padding:3px;outline-color:var(--color--primary)}.snk-filter-bar__divider.sc-snk-filter-bar{margin-bottom:var(--space--small)}.snk-filter-bar__scroller.sc-snk-filter-bar{height:calc(100% + var(--space-extra-small, 3px))}.snk-filter-bar__filter-item-container.sc-snk-filter-bar{display:flex;align-self:center}.snk-filter-bar__scroller.sc-snk-filter-bar .sc-snk-filter-bar:first-child{margin-left:var(--space-extra-small, 3px)}.snk-filter-bar__filter-list-items-container.sc-snk-filter-bar{overflow-y:auto;max-height:360px;margin-top:var(--space--small, 6px)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar{cursor:pointer;border-radius:var(--border--radius-small, 6px);border:none;background-color:transparent}.snk-filter-bar__filter-list-item__label.sc-snk-filter-bar{color:var(--title--primary)}.snk-filter-bar__filter-list-item__label--secondary.sc-snk-filter-bar{color:var(--text--primary)}.snk-filter-bar__filter-list-item__icon.sc-snk-filter-bar{--ez-icon--color:var(--title--primary)}.snk-filter-bar__filter-list-item__icon--secondary.sc-snk-filter-bar{--ez-icon--color:var(--text--secondary)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:focus-visible{outline:none;background-color:var(--background--medium)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:hover{background-color:var(--background--medium)}.snk-filter-bar__filter-list-items-container--empty.sc-snk-filter-bar{width:100%;height:100px;display:flex;justify-content:center;align-self:center;align-items:center}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar{position:relative}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar::after{display:flex;position:absolute;content:\"\";width:8px;height:8px;top:7px;left:17px;background-color:var(--icon--alert--color, #008561);border-radius:50%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar{--modal-item-border-width:2px;display:flex;flex-direction:row;margin-left:var(--modal-item-border-width);border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #f0f3f7);border:none;width:100%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar:focus-visible{outline:var(--color--primary) solid var(--modal-item-border-width)}.snk-filter-bar__filter-modal-item__check.sc-snk-filter-bar{width:auto}.snk-filter-bar__filter-modal-item__label.sc-snk-filter-bar{font-weight:var(--text-weight--medium)}.snk-filter-bar__filter-modal-content.sc-snk-filter-bar{display:grid;grid-template-rows:auto auto 1fr auto;width:99%;height:100%}";
+const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns:1fr minmax(100px, 100%) 1fr 1fr;--snk-personalized-filter--z-index:var(--elevation--20, 20);--snk-personalized-filter--background-color:var(--background--xlight, #fff)}.snk-filter-bar__title.sc-snk-filter-bar{max-width:260px;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;font-family:var(--font-pattern, Arial);font-weight:var(--text-weight--large, 600);color:var(--color--title-primary, #2B3A54);margin-top:8px}[data-mode=\"hidden\"].sc-snk-filter-bar-h{width:0px;height:0px}[data-mode=\"button\"].sc-snk-filter-bar-h{grid-template-columns:1fr;width:fit-content}.snk-filter__popover-container.sc-snk-filter-bar{display:flex;cursor:auto}.filter-bar__personalized-filter.sc-snk-filter-bar{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:var(--snk-personalized-filter--z-index);background-color:var(--snk-personalized-filter--background-color)}.snk-filter__popover.sc-snk-filter-bar{display:flex;flex-direction:column;position:absolute;width:fit-content;height:fit-content;min-width:265px;background-color:var(--background--xlight, #fff);border-radius:var(--border--radius-medium, 12px);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.snk-filter-item__editor-header.sc-snk-filter-bar{flex-grow:1;font-weight:var(--text-weight--medium, 400);color:var(--color--title-primary, #2B3A54)}.snk-filter__popover-rule.sc-snk-filter-bar{border-style:solid;border-color:var(--color--disable-secondary, #F2F5F8);border-radius:1px;border-width:1px;width:100%}.editor__ez-check.sc-snk-filter-bar{--ez-check__label--padding-left:0}.snk-filter-item__editor-header-button.sc-snk-filter-bar{cursor:pointer;background-color:transparent;border:none;padding:3px;outline-color:var(--color--primary)}.snk-filter-bar__divider.sc-snk-filter-bar{margin-bottom:var(--space--small)}.snk-filter-bar__scroller.sc-snk-filter-bar{height:calc(100% + var(--space-extra-small, 3px))}.snk-filter-bar__filter-item-container.sc-snk-filter-bar{display:flex;align-items:start}.snk-filter-bar__scroller.sc-snk-filter-bar .sc-snk-filter-bar:first-child{margin-left:var(--space-extra-small, 3px)}.snk-filter-bar__filter-list-items-container.sc-snk-filter-bar{overflow-y:auto;max-height:360px;margin-top:var(--space--small, 6px)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar{cursor:pointer;border-radius:var(--border--radius-small, 6px);border:none;background-color:transparent}.snk-filter-bar__filter-list-item__label.sc-snk-filter-bar{color:var(--title--primary)}.snk-filter-bar__filter-list-item__label--secondary.sc-snk-filter-bar{color:var(--text--primary)}.snk-filter-bar__filter-list-item__icon.sc-snk-filter-bar{--ez-icon--color:var(--title--primary)}.snk-filter-bar__filter-list-item__icon--secondary.sc-snk-filter-bar{--ez-icon--color:var(--text--secondary)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:focus-visible{outline:none;background-color:var(--background--medium)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:hover{background-color:var(--background--medium)}.snk-filter-bar__filter-list-items-container--empty.sc-snk-filter-bar{width:100%;height:100px;display:flex;justify-content:center;align-self:center;align-items:center}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar{position:relative}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar::after{display:flex;position:absolute;content:\"\";width:8px;height:8px;top:7px;left:17px;background-color:var(--icon--alert--color, #008561);border-radius:50%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar{--modal-item-border-width:2px;display:flex;flex-direction:row;margin-left:var(--modal-item-border-width);border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #f0f3f7);border:none;width:100%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar:focus-visible{outline:var(--color--primary) solid var(--modal-item-border-width)}.snk-filter-bar__filter-modal-item__check.sc-snk-filter-bar{width:auto}.snk-filter-bar__filter-modal-item__label.sc-snk-filter-bar{font-weight:var(--text-weight--medium)}.snk-filter-bar__filter-modal-content.sc-snk-filter-bar{display:grid;grid-template-rows:auto auto 1fr auto;width:99%;height:100%}";
 
 const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -267,18 +267,19 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._pendingVariables = false;
     this._customfiltersToBeUpdated = [];
     this._calculateSortIndex = (item) => {
-      let index = item.hardFixed ? 1000000 : 0;
-      //campos Hard Fixed não variam a ordem
-      if (!item.hardFixed) {
-        index += item.fixed ? 100000 : 0;
-        index += item.value == undefined ? 0 : 10000;
-        index += this._updateSequence.lastIndexOf(item.id) + 1;
-      }
+      if (!item.visible)
+        return 0;
+      if (item.hardFixed)
+        return 1000000; //campos Hard Fixed não variam a ordem
+      let index = item.fixed ? 100000 : 0;
+      index += this.hasValidValue(item) ? 10000 : 0;
+      index += this._updateSequence.lastIndexOf(item.id) + 1;
       return index;
     };
     this._filtersComparator = (a, b) => {
       return this._calculateSortIndex(b) - this._calculateSortIndex(a);
     };
+    this.customFilterBarConfig = undefined;
     this.dataUnit = undefined;
     this.title = undefined;
     this.configName = undefined;
@@ -294,6 +295,13 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.showPersonalizedFilter = false;
     this.personalizedFilterId = undefined;
   }
+  hasValidValue(item) {
+    if (item.value === undefined || item.value === null)
+      return false;
+    if (!Array.isArray(item.value))
+      return true;
+    return item.value.some(filterItem => filterItem.check === true);
+  }
   observeFilterConfig(newValue, oldValue) {
     if (ObjectUtils.equals(newValue, oldValue))
       return;
@@ -519,7 +527,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   getFilterItems() {
     const pinnedItems = [];
     const unpinnedItems = [];
-    this.filterConfig
+    this.filterConfig.sort((a, b) => this._filtersComparator(a, b))
       .filter(this.filterActiveFilter)
       .forEach((item, index) => {
       item = ObjectUtils.copy(item);
@@ -581,19 +589,23 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   async loadConfigFromStorage(clearCache) {
-    if (clearCache) {
-      await ConfigStorage.deleteFilterBarConfigCache(this.configName, this.resourceID);
-    }
-    return new Promise(accept => {
-      ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name })
-        .then((filters) => {
-        accept();
-        this.filterConfig = filters.map(item => this.normalizeItem(item));
-      })
-        .catch(reason => {
-        throw new ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), reason);
-      });
-    });
+    try {
+      if (clearCache) {
+        await ConfigStorage.deleteFilterBarConfigCache(this.configName, this.resourceID);
+      }
+      let config;
+      if (this.customFilterBarConfig) {
+        config = await this.customFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name });
+      }
+      else {
+        config = await ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name });
+      }
+      this.filterConfig = config.map(item => this.normalizeItem(item));
+      this.filterConfig.sort((a, b) => this._filtersComparator(a, b));
+    }
+    catch (e) {
+      throw new ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), e);
+    }
   }
   attachDataUnit() {
     if (this.dataUnit == undefined) {
@@ -712,6 +724,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }; }
   static get style() { return snkFilterBarCss; }
 }, [2, "snk-filter-bar", {
+    "customFilterBarConfig": [16],
     "dataUnit": [1040],
     "title": [1],
     "configName": [1, "config-name"],

package/dist/components/snk-filter-checkbox-list.js

@@ -23,7 +23,7 @@ const SnkFilterCheckboxList$1 = /*@__PURE__*/ proxyCustomElement(class extends H
     this.valueChanged.emit((_b = this.config) === null || _b === void 0 ? void 0 : _b.value);
   }
   renderOptions() {
-    return this.optionsList.map(option => (h("ez-check", { label: option.label, compact: true, onEzChange: (event) => this.handleToggleCheck(option, event.detail), value: !!this.isChecked(option.name) })));
+    return this.optionsList.map(option => (h("ez-check", { label: option.label, onEzChange: (event) => this.handleToggleCheck(option, event.detail), value: !!this.isChecked(option.name) })));
   }
   isChecked(itemName) {
     var _a;

package/dist/components/snk-form-config2.js

@@ -8,7 +8,7 @@ import { buildFormConfigFromDataUnit } from '@sankhyalabs/ezui/dist/collection/u
 import { d as defineCustomElement$3 } from './snk-config-options2.js';
 import { d as defineCustomElement$2 } from './snk-field-config2.js';
 
-const snkFormConfigCss = ".sc-snk-form-config-h{--snk-form-config--z-index:var(--more-visible, 2);--snk-form-config--background-color:var(--background--xlight, #fff);--snk-form-config__icon--color:var(--text--disable, #AFB6C0);--snk-form-config__label-counter--font-weight:var(--text-weight--extra-small, 200);--snk-form-config__add-group-container--border-radius:var(--border--radius-medium, 12px);--snk-form-config__add-group-container--background-color:var(--background--medium, #d2dce9);--snk-form-config__add-group-container--padding:var(--space--small, 6px);--snk-form-config__add-group-content--border:2px dashed var(--color-strokes, #DCE0E8);--snk-form-config__add-group-content--border-radius:var(--border--radius-small, 6px);--snk-form-config__add-group-label--padding:var(--space--large, 24px);--snk-form-config__btn-add-group--padding:var(--space--large, 24px) var(--space--medium, 12px) 0;--snk-form-config__btn-add-group-container--padding:var(--space--medium, 12px);--snk-form-config__btn-add-group-container--border-radius:var(--border--radius-medium, 12px);--snk-form-config__btn-add-group-container--border:2px solid var(--color-strokes, #DCE0E8);--snk-form-config__btn-add-group-container--background-color:var(--background--body, #fafcff);display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--snk-form-config--z-index);background-color:var(--snk-form-config--background-color)}.form-config__header-container.sc-snk-form-config{display:flex}.form-config__field-container.sc-snk-form-config{width:32%;padding:6px}.form-config__hide-content.sc-snk-form-config{display:none}ez-icon.sc-snk-form-config .left-icon.sc-snk-form-config{--ez-icon--color:var(--snk-form-config__icon--color)}.ez-box__label-counter.sc-snk-form-config{margin-top:-7px;font-weight:var(--snk-form-config__label-counter--font-weight)}.form-config__btn-options.sc-snk-form-config{--ez-button--min-width:300px;--ez-button--background-color:var(--snk-form-config--background-color)}[data-draggable-parent].sc-snk-form-config{position:relative}.form-config__field-config--selected.sc-snk-form-config{position:static}.form-config__field-config--dragged.sc-snk-form-config .draggable-mirror.sc-snk-form-config{z-index:var(--snk-form-config--z-index)}.form-config__config-options.sc-snk-form-config{position:relative;margin-top:-3px;min-width:100%;z-index:1}.form-config__tab-container.sc-snk-form-config,.form-config__fields-available.sc-snk-form-config{position:relative;height:100%;max-height:calc(100vh - 92px)}.form-config__tab-container.sc-snk-form-config .ez-box__container.sc-snk-form-config,.form-config__fields-available.sc-snk-form-config .ez-box__container.sc-snk-form-config{align-content:flex-start;height:100%}.form-config__fields-available.sc-snk-form-config [data-draggable-parent].sc-snk-form-config{align-content:flex-start;overflow-y:auto;height:100%;max-height:calc(100% - 122px)}.form-config__tab-content.sc-snk-form-config{align-content:flex-start;overflow-y:auto;height:auto;max-height:calc(100% - 128px)}[data-draggable-element].sc-snk-form-config{cursor:grab}.form-config__actions-button.sc-snk-form-config{--ez-actions-button__btn-action--min-width:235px}.form-config__add-group.sc-snk-form-config{position:relative;min-height:120px;margin-bottom:10px}.form-config__add-group-container.sc-snk-form-config{position:absolute;display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box;border-radius:var(--snk-form-config__add-group-container--border-radius);background-color:var(--snk-form-config__add-group-container--background-color);padding:var(--snk-form-config__add-group-container--padding)}.form-config__add-group-content.sc-snk-form-config{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;border:var(--snk-form-config__add-group-content--border);border-radius:var(--snk-form-config__add-group-content--border-radius)}.form-config__add-group-label.sc-snk-form-config{display:flex;justify-content:center;box-sizing:border-box;padding:var(--snk-form-config__add-group-label--padding)}.form-config__btn-add-group.sc-snk-form-config{position:relative;padding:var(--snk-form-config__btn-add-group--padding)}.form-config__btn-add-group-container.sc-snk-form-config{padding:var(--snk-form-config__btn-add-group-container--padding);border-radius:var(--snk-form-config__btn-add-group-container--border-radius);border:var(--snk-form-config__btn-add-group-container--border);background-color:var(--snk-form-config__btn-add-group-container--background-color)}ez-collapsible-box.draggable-mirror.sc-snk-form-config{display:table;background-color:var(--snk-form-config--background-color)}ez-collapsible-box.sc-snk-form-config{margin-bottom:10px}@media screen and (min-width: 480px){.form-config__field-config--selected.sc-snk-form-config .ez-flex.form-config__config-options.sc-snk-form-config{min-width:calc(300% + 12px)}.form-config__field-config--selected.sc-snk-form-config:nth-child(3n+2) .ez-flex.form-config__config-options.sc-snk-form-config{left:calc(100% / 1 * -1)}.form-config__field-config--selected.sc-snk-form-config:nth-child(3n+3) .ez-flex.form-config__config-options.sc-snk-form-config{left:calc(100% / 1 * -2)}}";
+const snkFormConfigCss = ".sc-snk-form-config-h{--snk-form-config--z-index:var(--more-visible, 2);--snk-form-config--background-color:var(--background--xlight, #fff);--snk-form-config__icon--color:var(--text--disable, #AFB6C0);--snk-form-config__label-counter--font-weight:var(--text-weight--extra-small, 200);--snk-form-config__add-group-container--border-radius:var(--border--radius-medium, 12px);--snk-form-config__add-group-container--background-color:var(--background--medium, #d2dce9);--snk-form-config__add-group-container--padding:var(--space--small, 6px);--snk-form-config__add-group-content--border:2px dashed var(--color-strokes, #DCE0E8);--snk-form-config__add-group-content--border-radius:var(--border--radius-small, 6px);--snk-form-config__add-group-label--padding:var(--space--large, 24px);--snk-form-config__btn-add-group--padding:var(--space--large, 24px) var(--space--medium, 12px) 0;--snk-form-config__btn-add-group-container--padding:var(--space--medium, 12px);--snk-form-config__btn-add-group-container--border-radius:var(--border--radius-medium, 12px);--snk-form-config__btn-add-group-container--border:2px solid var(--color-strokes, #DCE0E8);--snk-form-config__btn-add-group-container--background-color:var(--background--body, #fafcff);display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--snk-form-config--z-index);background-color:var(--snk-form-config--background-color)}div.sc-snk-form-config:focus-visible,div.sc-snk-form-config:focus{outline:none}.form-config__header-container.sc-snk-form-config{display:flex}.form-config__field-container.sc-snk-form-config{width:32%;padding:6px}.form-config__hide-content.sc-snk-form-config{display:none}ez-icon.sc-snk-form-config .left-icon.sc-snk-form-config{--ez-icon--color:var(--snk-form-config__icon--color)}.ez-box__label-counter.sc-snk-form-config{margin-top:-7px;font-weight:var(--snk-form-config__label-counter--font-weight)}.form-config__btn-options.sc-snk-form-config{--ez-button--min-width:300px;--ez-button--background-color:var(--snk-form-config--background-color)}[data-draggable-parent].sc-snk-form-config{position:relative}.form-config__field-config--selected.sc-snk-form-config{position:static}.form-config__field-config--dragged.sc-snk-form-config .draggable-mirror.sc-snk-form-config{z-index:var(--snk-form-config--z-index)}.form-config__config-options.sc-snk-form-config{position:relative;margin-top:-3px;min-width:100%;z-index:1}.form-config__tab-container.sc-snk-form-config,.form-config__fields-available.sc-snk-form-config{position:relative;height:100%;max-height:calc(100vh - 92px)}.form-config__tab-container.sc-snk-form-config .ez-box__container.sc-snk-form-config,.form-config__fields-available.sc-snk-form-config .ez-box__container.sc-snk-form-config{align-content:flex-start;height:100%}.form-config__fields-available.sc-snk-form-config [data-draggable-parent].sc-snk-form-config{align-content:flex-start;overflow-y:auto;height:100%;max-height:calc(100% - 122px)}.form-config__tab-content.sc-snk-form-config{align-content:flex-start;overflow-y:auto;height:auto;max-height:calc(100% - 128px)}[data-draggable-element].sc-snk-form-config{cursor:grab}.form-config__actions-button.sc-snk-form-config{--ez-actions-button__btn-action--min-width:235px}.form-config__add-group.sc-snk-form-config{position:relative;min-height:120px;margin-bottom:10px}.form-config__add-group-container.sc-snk-form-config{position:absolute;display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box;border-radius:var(--snk-form-config__add-group-container--border-radius);background-color:var(--snk-form-config__add-group-container--background-color);padding:var(--snk-form-config__add-group-container--padding)}.form-config__add-group-content.sc-snk-form-config{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;border:var(--snk-form-config__add-group-content--border);border-radius:var(--snk-form-config__add-group-content--border-radius)}.form-config__add-group-label.sc-snk-form-config{display:flex;justify-content:center;box-sizing:border-box;padding:var(--snk-form-config__add-group-label--padding)}.form-config__btn-add-group.sc-snk-form-config{position:relative;padding:var(--snk-form-config__btn-add-group--padding)}.form-config__btn-add-group-container.sc-snk-form-config{padding:var(--snk-form-config__btn-add-group-container--padding);border-radius:var(--snk-form-config__btn-add-group-container--border-radius);border:var(--snk-form-config__btn-add-group-container--border);background-color:var(--snk-form-config__btn-add-group-container--background-color)}ez-collapsible-box.draggable-mirror.sc-snk-form-config{display:table;background-color:var(--snk-form-config--background-color)}ez-collapsible-box.sc-snk-form-config{margin-bottom:10px}@media screen and (min-width: 480px){.form-config__field-config--selected.sc-snk-form-config .ez-flex.form-config__config-options.sc-snk-form-config{min-width:calc(300% + 12px)}.form-config__field-config--selected.sc-snk-form-config:nth-child(3n+2) .ez-flex.form-config__config-options.sc-snk-form-config{left:calc(100% / 1 * -1)}.form-config__field-config--selected.sc-snk-form-config:nth-child(3n+3) .ez-flex.form-config__config-options.sc-snk-form-config{left:calc(100% / 1 * -2)}}";
 
 const CONTAINER_ID = {
   collapsibleBox: "EZ-COLLAPSIBLE-BOX",
@@ -76,7 +76,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   getConfig() {
-    let config = this.configManager.getConfig(false, this.dataUnit);
+    let config = this.configManager.getConfig(this.dataUnit);
     if (config.fields && config.fields.length === 0) {
       config = undefined;
     }
@@ -202,6 +202,11 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.configManager.saveConfig(this.buildConfigToSave())
       .then(savedConfig => {
       ApplicationUtils.info(this.getMessage("snkFormConfig.info.successfullyConfigSaved"), { iconName: "check" });
+      const userOption = this._formConfigOptions
+        .find((config) => {
+        return config.origin === UserConfigType.USER;
+      });
+      this.setFormConfig(userOption);
       this.configChange.emit(savedConfig);
     });
   }
@@ -535,9 +540,12 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     switch (this._optionFormConfigSelected.origin) {
       case UserConfigType.DEFAULT:
         config = await this.configManager.fetchDefaultConfig();
+        if (!config) {
+          config = this.configManager.getEmptyConfig();
+        }
         break;
-      case UserConfigType.DEFAULT:
-        config = await this.configManager.fetchDefaultConfig();
+      default:
+        config = this.getConfig();
         break;
     }
     if (config != undefined) {
@@ -740,6 +748,9 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (layoutFormConfig == undefined) {
       layoutFormConfig = [];
     }
+    if (this._formConfig.defaultConfiguration) {
+      return layoutFormConfig;
+    }
     return this._formConfig.tabs.map((tab) => {
       return layoutFormConfig.find(config => { var _a, _b; return ((_a = tab.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = config.tab) === null || _b === void 0 ? void 0 : _b.toLowerCase()); })
         || { tab: tab.label, groups: [], visible: tab.visible };

package/dist/components/snk-form.js

@@ -99,7 +99,7 @@ const SnkForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (this.resourceID == undefined) {
       this.resourceID = await ResourceIDUtils.getResourceID();
     }
-    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID);
+    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, undefined, this._dataUnit);
     this.addFormLegacyConfig();
     await this._configManager.loadConfig();
   }
@@ -128,7 +128,7 @@ const SnkForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (!this._dataUnit || !this._dataState) {
       return undefined;
     }
-    return (h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { ref: (ref) => this._form = ref, key: "ezForm" + this._snkDataUnit.entityName, "data-element-id": "embedded", dataUnit: this._dataUnit, config: this._configManager.getConfig(this._dataState.insertionMode, this._dataUnit), recordsValidator: this.recordsValidator, class: this._showFormConfig ? 'snk-form__form--hidden' : '' }), this._showFormConfig &&
+    return (h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { ref: (ref) => this._form = ref, key: "ezForm" + this._snkDataUnit.entityName, "data-element-id": "embedded", dataUnit: this._dataUnit, config: this._configManager.getConfig(this._dataUnit), recordsValidator: this.recordsValidator, class: this._showFormConfig ? 'snk-form__form--hidden' : '' }), this._showFormConfig &&
       h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this._dataUnit, configManager: this._configManager, onConfigClose: () => this.closeConfig() })))));
   }
   get _element() { return this; }