@sankhyalabs/sankhyablocks 8.15.0-rc.1 → 8.15.0-rc.11

package/dist/esm/snk-grid.entry.js

@@ -1,20 +1,23 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-a7d3d3f1.js';
 import { ElementIDUtils, ApplicationContext, StringUtils, DataType } from '@sankhyalabs/core';
-import { SortMode, UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { T as TaskbarElement } from './taskbar-elements-d4d0b424.js';
-import { C as ConfigStorage } from './ConfigStorage-4151acc8.js';
+import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
+import { C as ConfigStorage } from './ConfigStorage-101a2b4c.js';
 import { P as PresentationMode } from './index-0ece87a6.js';
 import { T as TaskbarProcessor, o as openFieldSearch, b as buildFieldSearch } from './field-search-efbe307f.js';
 import { s as store } from './index-bdf75557.js';
-import { S as SnkMultiSelectionListDataSource } from './SnkMultiSelectionListDataSource-44494b0e.js';
+import { S as SnkMultiSelectionListDataSource, C as CrudUtils } from './SnkMultiSelectionListDataSource-7e7eada5.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import './form-config-fetcher-36219cd3.js';
-import './DataFetcher-aa159c5a.js';
-import './PrintUtils-3e4ff0f5.js';
+import './DataFetcher-a650ae58.js';
+import './pesquisa-fetcher-f05a12ca.js';
+import './ISave-d8c8bc59.js';
+import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import './filter-item-type.enum-d45e026f.js';
+import './form-config-fetcher-f121f880.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
-import './PreloadManager-c1c2f2b4.js';
+import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
+import './ResourceIDUtils-a114189a.js';
 
 const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}";
 
@@ -49,6 +52,7 @@ const SnkGrid = class {
     this._showSnkFilterBar = true;
     this.columnFilterDataSource = new SnkMultiSelectionListDataSource();
     this.configName = undefined;
+    this.filterBarTitle = undefined;
     this.resourceID = undefined;
     this.selectionToastConfig = undefined;
     this.actionsList = undefined;
@@ -64,6 +68,9 @@ const SnkGrid = class {
     this.taskbarCustomContainerId = undefined;
     this.gridHeaderCustomSlotId = 'GRID_HEADER_CUSTOM_ELEMENTS';
     this.topTaskbarCustomSlotId = 'GRID_TASKBAR_CUSTOM_ELEMENTS';
+    this.disablePersonalizedFilter = undefined;
+    this.gridLegacyConfigName = undefined;
+    this.filterBarLegacyConfigName = undefined;
   }
   /**
    * Exibe a janela de configurações da grade.
@@ -108,6 +115,16 @@ const SnkGrid = class {
   async findColumn() {
     await openFieldSearch(this._moreOptions, this._columnSearch);
   }
+  async handleGridLegacyConfigName(newLegacyConfig, oldLegacyConfig) {
+    if (!newLegacyConfig) {
+      return;
+    }
+    if (newLegacyConfig === oldLegacyConfig) {
+      return;
+    }
+    this.addGridLegacyConfigName();
+    this.loadConfig();
+  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -121,19 +138,7 @@ const SnkGrid = class {
   }
   setGridConfig(config) {
     this._gridConfig = config;
-    this.assertDefaultSorting();
-  }
-  assertDefaultSorting() {
-    if (this._gridConfig && this._dataUnit) {
-      this._dataUnit.defaultSorting = this._gridConfig
-        .columns
-        .filter(col => col.ascending != undefined)
-        .sort((colA, colB) => colA.orderIndex - colB.orderIndex)
-        .map(({ name: field, ascending }) => {
-        const { dataType } = this._dataUnit.getField(field);
-        return { field, dataType, mode: ascending ? SortMode.ASC : SortMode.DESC };
-      });
-    }
+    CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
   }
   loadConfig() {
     ConfigStorage.loadGridConfig(this.configName, this.resourceID)
@@ -144,6 +149,11 @@ const SnkGrid = class {
       console.warn(error);
     });
   }
+  addGridLegacyConfigName() {
+    if (this.gridLegacyConfigName && this.configName) {
+      ConfigStorage.addGridLegacyConfig(this.configName, this.gridLegacyConfigName);
+    }
+  }
   gridConfigChangeHandler(evt) {
     const config = evt.detail;
     ConfigStorage.saveGridConfig(config, this.configName, this.resourceID);
@@ -259,7 +269,7 @@ const SnkGrid = class {
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
   finshLoading() {
-    this.assertDefaultSorting();
+    CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
     this.addElementID();
     if (this.columnFilterDataSource != undefined) {
       this.columnFilterDataSource.setApplication(this._application);
@@ -268,6 +278,7 @@ const SnkGrid = class {
   }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    //TODO: substituir pelo metodo nativo closest
     let parent = this._element.parentElement;
     while (parent) {
       if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
@@ -297,6 +308,7 @@ const SnkGrid = class {
       }
       parent = parent.parentElement;
     }
+    this.addGridLegacyConfigName();
     this.loadConfig();
   }
   getHeaderDisabledButtons() {
@@ -406,14 +418,20 @@ const SnkGrid = class {
     }
     this._showSnkFilterBar = true;
   }
+  getConfig() {
+    return this._gridConfig == undefined ? undefined : Object.assign({}, this._gridConfig);
+  }
   render() {
     if (!this._dataUnit) {
       return undefined;
     }
     return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, this._showSnkFilterBar &&
-      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail) }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this.getConfig(), onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
   get _element() { return getElement(this); }
+  static get watchers() { return {
+    "gridLegacyConfigName": ["handleGridLegacyConfigName"]
+  }; }
 };
 SnkGrid.style = snkGridCss;
 

package/dist/esm/{snk-guides-viewer-f49613c6.js → snk-guides-viewer-90ca9105.js}

@@ -1,22 +1,21 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-a7d3d3f1.js';
 import { Action, ElementIDUtils } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-5c7d3771.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-02ecf57f.js';
 import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import { o as openFieldSearch, T as TaskbarProcessor, b as buildFieldSearch } from './field-search-efbe307f.js';
-import { T as TaskbarElement } from './taskbar-elements-d4d0b424.js';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
 import { d as VIEW_MODE } from './constants-8457af36.js';
-import './DataFetcher-aa159c5a.js';
-import './pesquisa-fetcher-fa0c2540.js';
+import './DataFetcher-a650ae58.js';
+import './pesquisa-fetcher-f05a12ca.js';
 import { P as PresentationMode } from './index-0ece87a6.js';
 import './ISave-d8c8bc59.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './PreloadManager-c1c2f2b4.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-36219cd3.js';
+import './form-config-fetcher-f121f880.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 
-const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-medium);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-medium)}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
+const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-medium);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-medium)}.snk-guides-viewer__header-breadcrumb.sc-snk-guides-viewer{width:25%;display:flex}.snk-guides-viewer__header-taskbar.sc-snk-guides-viewer{width:75%}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
 
 const FORM_NAME_PREFIX = "__FORM:";
 const SnkGuidesViewer = class {
@@ -40,6 +39,7 @@ const SnkGuidesViewer = class {
     this.presentationMode = undefined;
     this.resourceID = undefined;
     this.detailTaskbarCustomContainerId = undefined;
+    this.formLegacyConfigName = undefined;
     this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
@@ -337,11 +337,17 @@ const SnkGuidesViewer = class {
     var _a;
     return this.selectedGuide === undefined || '__main' === ((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.id);
   }
+  addFormLegacyConfigName() {
+    if (this.formLegacyConfigName) {
+      this._configManager.addFormLegacyConfig(this.formLegacyConfigName);
+    }
+  }
   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.addFormLegacyConfigName();
     this._configManager.loadConfig();
   }
   componentDidRender() {
@@ -397,7 +403,7 @@ const SnkGuidesViewer = class {
   }
   buildTaskBar() {
     var _a;
-    return h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.getActionsList(), messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
+    return h("div", { class: `snk-guides-viewer__header-taskbar ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.getActionsList(), messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS", alignRigth: true }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
   }
   async dataUnitActionHandler(action) {
     var _a;
@@ -456,7 +462,7 @@ const SnkGuidesViewer = class {
     }
     this.loadTaskbarProcessor();
     const showGuides = this._guides && (this._guides.length > 1);
-    return (h("section", { class: "snk-guides-viewer" }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 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" }, 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 &&
       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) })
       :

package/dist/esm/snk-guides-viewer.entry.js

@@ -1,22 +1,21 @@
-export { S as snk_guides_viewer } from './snk-guides-viewer-f49613c6.js';
+export { S as snk_guides_viewer } from './snk-guides-viewer-90ca9105.js';
 import './index-a7d3d3f1.js';
 import '@sankhyalabs/core';
-import './SnkFormConfigManager-5c7d3771.js';
-import './ConfigStorage-4151acc8.js';
-import './form-config-fetcher-36219cd3.js';
-import './DataFetcher-aa159c5a.js';
+import './SnkFormConfigManager-02ecf57f.js';
+import './ConfigStorage-101a2b4c.js';
+import './form-config-fetcher-f121f880.js';
+import './DataFetcher-a650ae58.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './filter-item-type.enum-d45e026f.js';
 import '@sankhyalabs/ezui/dist/collection/utils/form';
 import './field-search-efbe307f.js';
-import './taskbar-elements-d4d0b424.js';
+import './taskbar-elements-2473c8ac.js';
 import './index-0ece87a6.js';
 import './index-bdf75557.js';
 import './constants-8457af36.js';
-import './pesquisa-fetcher-fa0c2540.js';
+import './pesquisa-fetcher-f05a12ca.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
-import './PreloadManager-c1c2f2b4.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 import './ResourceIDUtils-a114189a.js';
 import './ISave-d8c8bc59.js';

package/dist/esm/snk-personalized-filter-editor.entry.js

@@ -63,8 +63,10 @@ const SnkFilterPersonalized = class {
     return this.presentationMode === EPresentationMode.MODAL;
   }
   doSearch(mode, argument, param) {
+    const context = Object.assign({}, param.searchContext);
+    context.searchOptions = Object.assign(Object.assign({}, context.searchOptions), { showInactives: "true" });
     return new Promise((resolve, reject) => {
-      this._application.executePreparedSearch(mode, argument, param.searchContext)
+      this._application.executePreparedSearch(mode, argument, context)
         .then(result => {
         resolve(result);
       }).catch(reason => {

package/dist/esm/snk-personalized-filter.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-a7d3d3f1.js';
 import { StringUtils, ObjectUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-e2b38ef7.js';
-import { P as PersonalizedFilterFetcher, C as ConfigStorage } from './ConfigStorage-4151acc8.js';
+import { P as PersonalizedFilterFetcher, C as ConfigStorage } from './ConfigStorage-101a2b4c.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { a as FilterGroupCondition } from './index-ae591a44.js';
 import { s as store } from './index-bdf75557.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-36219cd3.js';
-import './DataFetcher-aa159c5a.js';
+import './form-config-fetcher-f121f880.js';
+import './DataFetcher-a650ae58.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 

package/dist/esm/snk-simple-crud.entry.js

@@ -1,25 +1,29 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a7d3d3f1.js';
-import { ObjectUtils, ApplicationContext, DataType, UserInterface, StringUtils, JSUtils, FloatingManager } from '@sankhyalabs/core';
+import { StringUtils, ApplicationContext, ObjectUtils, DataType, UserInterface, JSUtils, FloatingManager, ElementIDUtils } from '@sankhyalabs/core';
 import { d as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants-8457af36.js';
-import { T as TaskbarElement } from './taskbar-elements-d4d0b424.js';
-import './DataFetcher-aa159c5a.js';
-import { I as InMemoryLoader } from './pesquisa-fetcher-fa0c2540.js';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
+import './DataFetcher-a650ae58.js';
+import { I as InMemoryLoader } from './pesquisa-fetcher-f05a12ca.js';
+import { S as SnkMultiSelectionListDataSource, C as CrudUtils } from './SnkMultiSelectionListDataSource-7e7eada5.js';
 import { P as PresentationMode } from './index-0ece87a6.js';
 import './ISave-d8c8bc59.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './PreloadManager-c1c2f2b4.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-36219cd3.js';
+import './form-config-fetcher-f121f880.js';
 import { T as TaskbarProcessor, b as buildFieldSearch, o as openFieldSearch } from './field-search-efbe307f.js';
-import { S as SnkMultiSelectionListDataSource } from './SnkMultiSelectionListDataSource-44494b0e.js';
+import { C as ConfigStorage } from './ConfigStorage-101a2b4c.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-02ecf57f.js';
 import './index-bdf75557.js';
 import './PrintUtils-3e4ff0f5.js';
-import './ResourceIDUtils-a114189a.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
+import './ResourceIDUtils-a114189a.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
 
-const snkSimpleCrudCss = ".sc-snk-simple-crud-h{display:flex;height:100%;width:100%}.simple-crud__container.sc-snk-simple-crud{display:grid;grid-template-rows:max-content;row-gap:12px;height:100%;width:100%}.simple-crud__container-section.sc-snk-simple-crud{flex-wrap:unset;flex-direction:column}ez-grid.sc-snk-simple-crud{--ez-grid__container--shadow:none;min-height:300px}ez-form.sc-snk-simple-crud{min-height:300px}";
+const REGULAR_DEFAULT_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "MORE_OPTIONS"];
+const REGULAR_SELECTED_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "DIVIDER", "MORE_OPTIONS"];
+
+const snkSimpleCrudCss = ".sc-snk-simple-crud-h{display:flex;height:100%;width:100%}.simple-crud__container.sc-snk-simple-crud{display:grid;grid-template-rows:max-content;row-gap:12px;height:100%;width:100%}.simple-crud__container-section.sc-snk-simple-crud{flex-wrap:unset;flex-direction:column}.simple-crud__form--hidden.sc-snk-simple-crud{display:none}ez-grid.sc-snk-simple-crud{--ez-grid__container--shadow:none;min-height:300px}ez-form.sc-snk-simple-crud{min-height:300px}";
 
 const SnkSimpleCrud = class {
   constructor(hostRef) {
@@ -28,20 +32,23 @@ const SnkSimpleCrud = class {
     this.dataUnitReady = createEvent(this, "dataUnitReady", 3);
     this.actionClick = createEvent(this, "actionClick", 7);
     this.formItemsReady = createEvent(this, "formItemsReady", 7);
-    this.REGULAR_DEFAULT_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "MORE_OPTIONS"];
-    this.REGULAR_SELECTED_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "DIVIDER", "MORE_OPTIONS"];
+    this.configuratorSave = createEvent(this, "configuratorSave", 7);
+    this.configuratorCancel = createEvent(this, "configuratorCancel", 7);
     this._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
     this._keyDownHandler = (event) => this.keyDownListener(event);
     this._taskbarProcessor = new TaskbarProcessor({
-      "snkSimpleCrudTaskbar.form_regular": this.resolveInMemoryBtns(this.REGULAR_DEFAULT_BTNS).concat(TaskbarElement.GRID_MODE),
-      "snkSimpleCrudTaskbar.grid_regular": this.resolveInMemoryBtns(this.REGULAR_DEFAULT_BTNS).concat(TaskbarElement.FORM_MODE),
-      "snkSimpleCrudTaskbar.form_selected": this.resolveInMemoryBtns(this.REGULAR_SELECTED_BTNS).concat(TaskbarElement.GRID_MODE),
-      "snkSimpleCrudTaskbar.grid_selected": this.resolveInMemoryBtns(this.REGULAR_SELECTED_BTNS).concat(TaskbarElement.FORM_MODE),
+      "snkSimpleCrudTaskbar.form_regular": this.getButtons(false, TaskbarElement.GRID_MODE),
+      "snkSimpleCrudTaskbar.grid_regular": this.getButtons(false, TaskbarElement.FORM_MODE),
+      "snkSimpleCrudTaskbar.form_selected": this.getButtons(true, TaskbarElement.GRID_MODE),
+      "snkSimpleCrudTaskbar.grid_selected": this.getButtons(true, TaskbarElement.FORM_MODE),
       "snkSimpleCrudTaskbar.finish_edition": ["CANCEL", "SAVE"]
     });
+    this._showPopUpGridConfig = false;
+    this._showFormConfig = false;
     this._currentViewMode = VIEW_MODE.GRID;
     this._config = undefined;
     this._fieldToGetFocus = undefined;
+    this._customContainerId = `SNK-SIMPLE-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
     this.dataState = undefined;
     this.dataUnit = undefined;
     this.mode = SIMPLE_CRUD_MODE.SERVER;
@@ -55,6 +62,23 @@ const SnkSimpleCrud = class {
     this.useEnterLikeTab = false;
     this.actionsList = undefined;
     this.configName = undefined;
+    this.showConfiguratorButtons = undefined;
+    this.gridLegacyConfigName = undefined;
+    this.formLegacyConfigName = undefined;
+    this.ignoreReadOnlyFormFields = false;
+  }
+  getButtons(selected, changeModeBtn) {
+    return this.addConfigButton(this.resolveInMemoryBtns(selected ? REGULAR_SELECTED_BTNS : REGULAR_DEFAULT_BTNS)
+      .concat(changeModeBtn));
+  }
+  addConfigButton(buttons) {
+    if (this.configName === undefined) {
+      return buttons;
+    }
+    return buttons.concat(TaskbarElement.CONFIGURATOR);
+  }
+  get application() {
+    return ApplicationContext.getContextValue("__SNK__APPLICATION__");
   }
   resolveInMemoryBtns(taskbarButtons) {
     const newTaskBarConfig = [...taskbarButtons];
@@ -74,7 +98,10 @@ const SnkSimpleCrud = class {
   }
   actionClickListener(evt) {
     const act = evt.detail;
-    if (act === TaskbarElement.GRID_MODE) {
+    if (act === TaskbarElement.CONFIGURATOR) {
+      this._snkConfigurator.open();
+    }
+    else if (act === TaskbarElement.GRID_MODE) {
       this.goToView(VIEW_MODE.GRID);
     }
     else if (act === TaskbarElement.FORM_MODE) {
@@ -92,8 +119,111 @@ const SnkSimpleCrud = class {
       this.dataStateChange.emit(newValue);
     }
   }
-  componentWillRender() {
+  async observeFormLegacy() {
+    await this.handleUpdateFormLegacyConfig();
+  }
+  async observeGridLegacy() {
+    await this.handleUpdateGridLegacyConfig();
+  }
+  async handleUpdateGridLegacyConfig() {
+    if (this.gridLegacyConfigName) {
+      this.addGridLegacyConfigName();
+      if (this._gridConfigAlreadyLoaded) {
+        await this.loadGridConfig(true);
+      }
+    }
+  }
+  async handleUpdateFormLegacyConfig() {
+    var _a, _b, _c;
+    if (this.formLegacyConfigName) {
+      const legacyConfig = await this.fetchFormLegacyConfig();
+      if (!legacyConfig)
+        return;
+      const rawFields = (_c = (_b = (_a = legacyConfig === null || legacyConfig === void 0 ? void 0 : legacyConfig.formConfig) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.field) !== null && _c !== void 0 ? _c : [];
+      const fields = Array.isArray(rawFields) ? rawFields : [rawFields];
+      const newConfig = { emptyConfig: false, fields: fields };
+      this.setFormConfig(newConfig, true);
+      this._formConfigManager.setConfig(this.formConfig);
+    }
+  }
+  async fetchFormLegacyConfig() {
+    const payload = {
+      'requestBody': {
+        'config': {
+          'chave': this.formLegacyConfigName,
+          'tipo': 'T',
+        },
+      },
+    };
+    return await this.application.callServiceBroker('SystemUtilsSP.getConf', JSON.stringify(payload));
+  }
+  openConfig(viewMode) {
+    this._snkConfigurator.close();
+    if (viewMode === VIEW_MODE.GRID) {
+      this.openGridConfig();
+    }
+    else if (viewMode === VIEW_MODE.FORM) {
+      this.openFormConfig();
+    }
+  }
+  openGridConfig() {
+    this._grid.getColumnsState()
+      .then((gridColumns) => {
+      this._snkGridConfig.columns = gridColumns.filter(c => c.name);
+      this._snkGridConfig.selectedIndex = 0;
+      this._showPopUpGridConfig = true;
+    });
+  }
+  openFormConfig() {
+    //No momento não daremos suporte para configuraçao de formulário quando houver legacy config
+    if (this.formLegacyConfigName)
+      return;
+    this._showFormConfig = true;
+  }
+  addGridLegacyConfigName() {
+    if (this.gridLegacyConfigName && this.configName) {
+      ConfigStorage.addGridLegacyConfig(this.configName, this.gridLegacyConfigName);
+    }
+  }
+  loadGridConfig(forceUpdate) {
+    if ((this.gridConfig != undefined || this._gridConfigAlreadyLoaded) && !forceUpdate) {
+      return;
+    }
+    this._gridConfigAlreadyLoaded = true;
+    return new Promise((accept, reject) => {
+      ConfigStorage.loadGridConfig(this.configName, this._resourceID)
+        .then(config => {
+        this.setGridConfig(config);
+        accept();
+      })
+        .catch(reason => {
+        reject(reason);
+      });
+    });
+  }
+  async loadFormConfig() {
+    if (this._formConfigManager == undefined) {
+      this._formConfigManager = new SnkFormConfigManager(this.configName, this._resourceID);
+      this._formConfigManager.setConfig(this.formConfig);
+    }
+    if (this.formConfig != undefined || this._formConfigAlreadyLoaded) {
+      return;
+    }
+    this._formConfigAlreadyLoaded = true;
+    this.setFormConfig(await this._formConfigManager.loadConfig());
+  }
+  async componentWillRender() {
+    this._resourceID = await this.application.getResourceID();
     this._taskbarProcessor.process(this.getTaskBarId(), this.taskbarManager, this.dataState, this.getTaskBarDisabledButtons());
+    if (this.configName === undefined) {
+      return;
+    }
+    if (this.gridConfig != undefined || this._gridConfigAlreadyLoaded) {
+      return;
+    }
+    await this.addGridLegacyConfigName();
+    this.loadGridConfig();
+    this.loadFormConfig();
   }
   componentWillLoad() {
     this.processMetadata();
@@ -101,8 +231,7 @@ const SnkSimpleCrud = class {
     this.configDatasource();
   }
   configDatasource() {
-    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this._multiSelectionListDataSource.setApplication(application);
+    this._multiSelectionListDataSource.setApplication(this.application);
     this._multiSelectionListDataSource.setDataUnit(this.dataUnit);
   }
   getTaskBarId() {
@@ -143,6 +272,20 @@ const SnkSimpleCrud = class {
   getRecords() {
     return Promise.resolve(this.dataUnit.records);
   }
+  /**
+   * Usado para abrir o configurator do CRUD
+   */
+  async openConfigurator() {
+    var _a;
+    (_a = this._snkConfigurator) === null || _a === void 0 ? void 0 : _a.open();
+  }
+  /**
+   * Usado para fechar o configurator do CRUD
+   */
+  async closeConfigurator() {
+    var _a;
+    (_a = this._snkConfigurator) === null || _a === void 0 ? void 0 : _a.close();
+  }
   processMetadata() {
     const fieldsMetadataElem = this._element.querySelectorAll("snk-field-metadata");
     const fieldMetadata = [];
@@ -197,6 +340,14 @@ const SnkSimpleCrud = class {
       this.dataUnit.clearSelection();
     }
   }
+  handleConfiguratorEvent(evt, type) {
+    evt.stopImmediatePropagation();
+    if (type === 'SAVE') {
+      this.configuratorSave.emit();
+      return;
+    }
+    this.configuratorCancel.emit();
+  }
   getColumnSearch(actionButton, item) {
     if (this._columnSearch != undefined) {
       return this._columnSearch;
@@ -238,7 +389,9 @@ const SnkSimpleCrud = class {
     return (_b = (_a = this.formConfig) === null || _a === void 0 ? void 0 : _a.fields) !== null && _b !== void 0 ? _b : this._formFields;
   }
   handleFormSetFields(fields) {
-    this._formFields = fields !== null && fields !== void 0 ? fields : [];
+    if (!ObjectUtils.equals(this._formFields, fields)) {
+      this._formFields = fields !== null && fields !== void 0 ? fields : [];
+    }
   }
   fieldsOptionLoader(argument) {
     const searchTerm = argument === null || argument === void 0 ? void 0 : argument.toLowerCase();
@@ -310,16 +463,55 @@ const SnkSimpleCrud = class {
   disconnectedCallback() {
     window.removeEventListener("keydown", this._keyDownHandler);
   }
+  gridConfigChangeHandler(evt) {
+    const config = evt.detail;
+    ConfigStorage.saveGridConfig(config, this.configName, this._resourceID);
+    evt.stopPropagation();
+  }
+  modalConfigChangeHandler(evt) {
+    const config = evt.detail;
+    this._grid.setColumnsState(config.columns)
+      .then(() => {
+      this.setGridConfig(config);
+      this.closeGridConfig();
+    });
+    evt.stopPropagation();
+  }
+  setGridConfig(config) {
+    this.gridConfig = config;
+    CrudUtils.assertDefaultSorting(this.gridConfig, this.dataUnit);
+  }
+  setFormConfig(config, forceUpdate) {
+    if (this.formConfig && !forceUpdate)
+      return;
+    this.formConfig = config;
+  }
+  closeGridConfig() {
+    this._showPopUpGridConfig = false;
+  }
+  closeFormConfig() {
+    this._showFormConfig = false;
+  }
+  //No momento não daremos suporte para configuração de formulário quando houver formLegacyConfigName
+  handleShowFormConfig() {
+    return this._showFormConfig && !this.formLegacyConfigName;
+  }
+  /* istanbul ignore next */
   render() {
-    var _a;
-    return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium ez-margin-bottom--large", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), columnfilterDataSource: this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
+    var _a, _b, _c;
+    if (this.dataUnit == undefined) {
+      return;
+    }
+    return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
-        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { dataUnit: this.dataUnit, config: this.formConfig, fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }))))));
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { class: `ez-margin-top--large ${this.handleShowFormConfig() ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: (_b = this._formConfigManager) === null || _b === void 0 ? void 0 : _b.getConfig((_c = this.dataState) === null || _c === void 0 ? void 0 : _c.insertionMode, this.dataUnit, this.ignoreReadOnlyFormFields), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this.handleShowFormConfig() && h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this._customContainerId })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this._resourceID }))));
   }
   get _element() { return getElement(this); }
   static get watchers() { return {
     "mode": ["onModeChange"],
-    "dataState": ["observeDataState"]
+    "dataState": ["observeDataState"],
+    "formLegacyConfigName": ["observeFormLegacy"],
+    "gridLegacyConfigName": ["observeGridLegacy"]
   }; }
 };
 SnkSimpleCrud.style = snkSimpleCrudCss;