@sankhyalabs/sankhyablocks 10.1.0-dev.4 → 10.1.0-dev.40

package/dist/esm/snk-layout-form-config.entry.js

@@ -0,0 +1,68 @@
+import { r as registerInstance, h } from './index-04f73a26.js';
+import './DataFetcher-e60f8d53.js';
+import './ISave-4929c071.js';
+import { ApplicationContext } from '@sankhyalabs/core';
+import './index-b40568ff.js';
+import '@sankhyalabs/ezui/dist/collection/utils/constants';
+import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import './dataunit-fetcher-050b6d31.js';
+import './filter-item-type.enum-d45e026f.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-b44b2727.js';
+import './constants-7b422de0.js';
+import { FormLayout } from '@sankhyalabs/ezui/dist/collection/utils';
+import './PrintUtils-3e4ff0f5.js';
+import './SnkMessageBuilder-1eb7a1af.js';
+import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
+import '@sankhyalabs/core/dist/utils/SortingUtils';
+import './ResourceIDUtils-a114189a.js';
+
+const snkLayoutFormConfigCss = ".sc-snk-layout-form-config-h{display:block}";
+
+const FORM_COL_CONFIG_PREFIX = 'formColCfg.';
+const SnkLayoutFormConfig = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this._formConfigFetcher = new FormConfigFetcher();
+    this.messagesBuilder = undefined;
+    this.layoutType = FormLayout.SIDE_BY_SIDE;
+  }
+  /**
+   * Salva o tipo de layout escolhido. Sem retorno.
+   */
+  async save() {
+    this._LayoutFormConfigSingleton.setConfig(this.layoutType);
+    this._formConfigFetcher.saveLayoutFormConfig(FORM_COL_CONFIG_PREFIX + this._resourceID, { config: this.layoutType, newConfig: true });
+  }
+  async componentWillLoad() {
+    const _application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._LayoutFormConfigSingleton = await (_application === null || _application === void 0 ? void 0 : _application.getLayoutFormConfig());
+    this._resourceID = await (_application === null || _application === void 0 ? void 0 : _application.getResourceID());
+    this.setLayoutInit();
+  }
+  setLayoutInit() {
+    if (!this._LayoutFormConfigSingleton)
+      return;
+    const { config } = this._LayoutFormConfigSingleton;
+    if (config == null) {
+      this.layoutType = FormLayout.SIDE_BY_SIDE;
+      return;
+    }
+    const configAsNumber = Number(config);
+    this.layoutType = Object.values(FormLayout).includes(configAsNumber)
+      ? configAsNumber
+      : FormLayout.SIDE_BY_SIDE;
+  }
+  toggleLayout(key) {
+    this.layoutType = key;
+  }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
+  }
+  render() {
+    return (h("div", { class: "ez-flex ez-flex--column" }, h("div", { class: "ez-margin-bottom--small" }, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.cascadeLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.CASCADE), value: this.layoutType === FormLayout.CASCADE }), h("snk-view-representation", { mode: FormLayout.CASCADE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.cascadeLayout.description'))), h("div", { class: "ez-margin-bottom--small" }, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.classicCascadeLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.CLASSIC_CASCADE), value: this.layoutType === FormLayout.CLASSIC_CASCADE }), h("snk-view-representation", { mode: FormLayout.CLASSIC_CASCADE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.classicCascadeLayout.description'))), h("div", { class: "ez-margin-bottom--small" }, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.sideBySideLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.SIDE_BY_SIDE), value: this.layoutType === FormLayout.SIDE_BY_SIDE }), h("snk-view-representation", { mode: FormLayout.SIDE_BY_SIDE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.sideBySideLayout.description'))), h("div", null, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.classicSideBySideLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.CLASSIC_SIDE_BY_SIDE), value: this.layoutType === FormLayout.CLASSIC_SIDE_BY_SIDE }), h("snk-view-representation", { mode: FormLayout.CLASSIC_SIDE_BY_SIDE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.classicSideBySideLayout.description')))));
+  }
+};
+SnkLayoutFormConfig.style = snkLayoutFormConfigCss;
+
+export { SnkLayoutFormConfig as snk_layout_form_config };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-479e1293.js';
+import { r as registerInstance, e as createEvent, h, F as Fragment, f as Host, g as getElement } from './index-04f73a26.js';
 import { ElementIDUtils, UserInterface, ApplicationContext } from '@sankhyalabs/core';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { E as EPresentationMode } from './presentationMode-783bbf9d.js';

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

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-479e1293.js';
+import { r as registerInstance, e as createEvent, h, F as Fragment, f as Host } from './index-04f73a26.js';
 import { StringUtils, ObjectUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
-import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-2db38ff2.js';
-import { P as PersonalizedFilterFetcher, C as ConfigStorage } from './ConfigStorage-13d80e36.js';
+import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-d2439a9a.js';
+import { P as PersonalizedFilterFetcher, C as ConfigStorage } from './ConfigStorage-76872695.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { a as FilterGroupCondition, D as DefaultFilter } from './index-8acbae97.js';
-import { s as store } from './index-446f9341.js';
+import { s as store } from './index-ea250be6.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-6a00fe9e.js';
-import './DataFetcher-f4ccd9f3.js';
+import './form-config-fetcher-b44b2727.js';
+import './DataFetcher-e60f8d53.js';
 import './PrintUtils-3e4ff0f5.js';
+import './SnkMessageBuilder-1eb7a1af.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 
 const snkPersonalizedFilterCss = ".sc-snk-personalized-filter-h{display:flex;height:100%;padding:var(--space--large, 24px);--snk-personalized-filter--width:100%;--snk-personalized-filter--height:100%;--snk-personalized-filter--background-color-line:var(--color--disable-secondary);--snk-personalized-filter--margin-line:var(--border--radius-medium, 12px)}.snk-personalized-filter.sc-snk-personalized-filter{height:var(--snk-personalized-filter--width);width:var(--snk-personalized-filter--height)}.snk-personalized-filter__header-actions.sc-snk-personalized-filter{display:flex;gap:var(--space--medium)}.snk-personalized-filter__group.sc-snk-personalized-filter{flex:1}.snk-personalized-filter__expression-input--line.sc-snk-personalized-filter{width:100%;height:2px;background-color:var(--snk-personalized-filter--background-color-line);margin-top:var(--snk-personalized-filter--margin-line);margin-bottom:var(--snk-personalized-filter--margin-line)}.ez-box__main.sc-snk-personalized-filter{height:90%}.snk-personalized-filter__button-mode.sc-snk-personalized-filter{height:35px}";
@@ -342,7 +343,7 @@ const SnkPersonalizedFilter = class {
     if (!((_a = this._filterAssistent) === null || _a === void 0 ? void 0 : _a.assistent) && this._filterAssistentMode) {
       return;
     }
-    return (h(Host, null, h("div", { class: "snk-personalized-filter" }, h("div", null, h("snk-simple-bar", { label: this.buildTitle(), onExit: () => this.handleCancel() }, h("div", { class: "snk-personalized-filter__header-actions", slot: "rightSlot" }, h("ez-button", { size: "small", label: this.getMessage("snkPersonalizedFilter.info.labelCancel"), onClick: () => this.handleCancel() }), h("ez-button", { size: "small", ref: (el) => this._elButtonSave = el, enabled: false, class: "ez-button--primary", label: this.getMessage("snkPersonalizedFilter.info.labelSave"), onClick: this.handleSave.bind(this) })))), h("div", { class: "ez-box ez-margin-bottom--medium ez-box__main" }, h("div", { class: "ez-box__container" }, h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, h("div", { class: "ez-flex" }, h("ez-tooltip", { message: this.getMessage("snkPersonalizedFilter.info.textInputDisabled"), active: this.isDefaultFilter }, h("ez-text-input", { class: "ez-padding-right--medium", label: this.getMessage("snkPersonalizedFilter.info.labelNameFilter"), value: (_b = this._filterAssistent) === null || _b === void 0 ? void 0 : _b.name, onEzChange: (evt) => this.handleTitleChange(evt.detail), enabled: !this.isDefaultFilter })), this.renderButtonAddField(), h("ez-button", { ref: (el) => this._elButtonMode = el, class: "snk-personalized-filter__button-mode", label: this._filterAssistentMode ? this.getMessage("snkPersonalizedFilter.info.activeModeAdvanced") : this.getMessage("snkPersonalizedFilter.info.activeModeAssistent"), onClick: () => this.handleModeChange(), "data-tooltip": !(this._filterAssistentMode || ((_c = this._filterAssistent) === null || _c === void 0 ? void 0 : _c.assistent)) ? this.getMessage("snkPersonalizedFilter.info.tooltipDisabledAssistentMode") : undefined, "data-flow": "bottom", enabled: (!this._filterAssistent.name || Boolean(this._filterAssistentMode || ((_d = this._filterAssistent) === null || _d === void 0 ? void 0 : _d.assistent))) })), this.buildContainerPersonalizedFilter()))))));
+    return (h(Host, null, h("div", { class: "snk-personalized-filter" }, h("div", null, h("snk-simple-bar", { label: this.buildTitle(), onExit: () => this.handleCancel() }, h("div", { class: "snk-personalized-filter__header-actions", slot: "rightSlot" }, h("ez-button", { label: this.getMessage("snkPersonalizedFilter.info.labelCancel"), onClick: () => this.handleCancel() }), h("ez-button", { ref: (el) => this._elButtonSave = el, enabled: false, class: "ez-button--primary", label: this.getMessage("snkPersonalizedFilter.info.labelSave"), onClick: this.handleSave.bind(this) })))), h("div", { class: "ez-box ez-margin-bottom--medium ez-box__main" }, h("div", { class: "ez-box__container" }, h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, h("div", { class: "ez-flex" }, h("ez-tooltip", { message: this.getMessage("snkPersonalizedFilter.info.textInputDisabled"), active: this.isDefaultFilter }, h("ez-text-input", { class: "ez-padding-right--medium", label: this.getMessage("snkPersonalizedFilter.info.labelNameFilter"), value: (_b = this._filterAssistent) === null || _b === void 0 ? void 0 : _b.name, onEzChange: (evt) => this.handleTitleChange(evt.detail), enabled: !this.isDefaultFilter })), this.renderButtonAddField(), h("ez-button", { ref: (el) => this._elButtonMode = el, class: "snk-personalized-filter__button-mode", label: this._filterAssistentMode ? this.getMessage("snkPersonalizedFilter.info.activeModeAdvanced") : this.getMessage("snkPersonalizedFilter.info.activeModeAssistent"), onClick: () => this.handleModeChange(), "data-tooltip": !(this._filterAssistentMode || ((_c = this._filterAssistent) === null || _c === void 0 ? void 0 : _c.assistent)) ? this.getMessage("snkPersonalizedFilter.info.tooltipDisabledAssistentMode") : undefined, "data-flow": "bottom", enabled: (!this._filterAssistent.name || Boolean(this._filterAssistentMode || ((_d = this._filterAssistent) === null || _d === void 0 ? void 0 : _d.assistent))) })), this.buildContainerPersonalizedFilter()))))));
   }
   static get watchers() { return {
     "filterId": ["loadFilter"]

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

@@ -1,15 +1,16 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-479e1293.js';
+import { r as registerInstance, h, f as Host, g as getElement } from './index-04f73a26.js';
 import { ObjectUtils, StringUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
-import { P as PesquisaFetcher, b as buildGridMetadata, a as PESQUISA_VIEW_MODE } from './ISave-288fa9df.js';
-import './DataFetcher-f4ccd9f3.js';
+import { P as PesquisaFetcher, b as buildGridMetadata, a as PESQUISA_VIEW_MODE } from './ISave-4929c071.js';
+import './DataFetcher-e60f8d53.js';
 import './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-c4f9f222.js';
+import './dataunit-fetcher-050b6d31.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-6a00fe9e.js';
+import './form-config-fetcher-b44b2727.js';
 import './constants-7b422de0.js';
 import './PrintUtils-3e4ff0f5.js';
+import './SnkMessageBuilder-1eb7a1af.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 import '@sankhyalabs/core/dist/utils/SortingUtils';
 import './ResourceIDUtils-a114189a.js';
@@ -52,7 +53,6 @@ const SnkPesquisa = class {
    * Útil para cenários onde a pesquisa precisa ser disparada sem interação do usuário.
    *
    * @param text Texto utilizado como argumento de pesquisa.
-   * @returns Promise<void>
    * @example
    * await pesquisaRef.executeSearch("Texto para pesquisa");
    */

package/dist/esm/snk-print-selector.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-479e1293.js';
+import { r as registerInstance, h, f as Host, g as getElement } from './index-04f73a26.js';
 import { P as PrintUtils } from './PrintUtils-3e4ff0f5.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';

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

@@ -1,22 +1,23 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-479e1293.js';
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-04f73a26.js';
 import { StringUtils, ApplicationContext, ObjectUtils, Action, DataType, UserInterface, KeyboardManager, ElementIDUtils } from '@sankhyalabs/core';
 import { CSSVarsUtils, buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
 import { V as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants-7b422de0.js';
-import { T as TaskbarElement } from './taskbar-elements-faaf5d8f.js';
-import './DataFetcher-f4ccd9f3.js';
-import './ISave-288fa9df.js';
-import { S as SnkMultiSelectionListDataSource, R as RmPrecisionCustomValueFormatter, b as ContinuousInsertUtils, a as CrudUtils, c as ClientSideExporterProvider } from './SnkMultiSelectionListDataSource-5d3a93f2.js';
+import { T as TaskbarElement } from './taskbar-elements-63651ca7.js';
+import './DataFetcher-e60f8d53.js';
+import './ISave-4929c071.js';
+import { S as SnkMultiSelectionListDataSource, T as TaskbarProcessor, R as RmPrecisionCustomValueFormatter, a as CrudUtils, b as ClientSideExporterProvider } from './SnkMultiSelectionListDataSource-7fe25a58.js';
 import { P as PresentationMode } from './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { I as InMemoryLoader } from './dataunit-fetcher-c4f9f222.js';
+import { I as InMemoryLoader } from './dataunit-fetcher-050b6d31.js';
 import './filter-item-type.enum-d45e026f.js';
-import { F as FormConfigFetcher } from './form-config-fetcher-6a00fe9e.js';
-import { T as TaskbarProcessor } from './taskbar-processor-3436124c.js';
-import { C as ConfigStorage } from './ConfigStorage-13d80e36.js';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-3ee2937b.js';
-import { s as store } from './index-446f9341.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-b44b2727.js';
+import { C as ConfigStorage } from './ConfigStorage-76872695.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-83f6b22f.js';
+import { s as store } from './index-ea250be6.js';
+import { C as ContinuousInsertUtils } from './ContinuousInsertUtils-bce77dc1.js';
 import './PrintUtils-3e4ff0f5.js';
+import './SnkMessageBuilder-1eb7a1af.js';
 import './GetSelectedRecordsIDsInfo-9fa41508.js';
 import './IFetchDataExporterParams-d73bed3d.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
@@ -78,6 +79,7 @@ const SnkSimpleCrud = class {
     this.domainMessagesBuilder = undefined;
     this.multipleEditionEnabled = true;
     this.layoutFormConfig = true;
+    this.disableGridEdition = false;
     this.autoLoad = undefined;
     this.outlineMode = false;
   }
@@ -178,11 +180,10 @@ const SnkSimpleCrud = class {
   }
   getButtons(selected, extraButtons, removeRefresh) {
     let btnList = selected ? REGULAR_SELECTED_BTNS : REGULAR_DEFAULT_BTNS;
-    if (removeRefresh) {
+    if (removeRefresh || this.mode === SIMPLE_CRUD_MODE.IN_MEMORY) {
       btnList = btnList.filter(item => item !== TaskbarElement.REFRESH);
     }
-    return this.addConfigButton(this.resolveInMemoryBtns(btnList)
-      .concat(extraButtons));
+    return this.addConfigButton(btnList.concat(extraButtons));
   }
   addConfigButton(buttons) {
     if (this.configName === undefined || (this.configName && this.gridLegacyConfigName)) {
@@ -193,13 +194,6 @@ const SnkSimpleCrud = class {
   get application() {
     return ApplicationContext.getContextValue("__SNK__APPLICATION__");
   }
-  resolveInMemoryBtns(taskbarButtons) {
-    const newTaskBarConfig = [...taskbarButtons];
-    if (this.mode === SIMPLE_CRUD_MODE.IN_MEMORY) {
-      newTaskBarConfig.splice(1, 1);
-    }
-    return newTaskBarConfig;
-  }
   /**
    * @description Usado para alternar a visão entre GRID e FORM externamente.
    * @param {VIEW_MODE} view - A visão para a qual navegar.
@@ -300,22 +294,23 @@ const SnkSimpleCrud = class {
     }
     await this.loadFormConfig(true);
   }
-  openConfig(viewMode) {
-    this._snkConfigurator.close();
+  async openConfig(viewMode) {
+    await this._snkConfigurator.close();
     if (viewMode === VIEW_MODE.GRID) {
-      this.openGridConfig();
+      await this.openGridConfig();
     }
     else if (viewMode === VIEW_MODE.FORM) {
-      this.openFormConfig();
+      await this.openFormConfig();
     }
   }
-  openGridConfig() {
-    this._grid.getColumnsState()
-      .then((gridColumns) => {
-      this._snkGridConfig.columns = gridColumns.filter(c => c.name);
-      this._snkGridConfig.selectedIndex = 0;
-      this._showPopUpGridConfig = true;
-    });
+  async openGridConfig() {
+    var _a, _b, _c, _d;
+    const originalColumns = (_b = await ((_a = this._grid) === null || _a === void 0 ? void 0 : _a.getColumns())) !== null && _b !== void 0 ? _b : [];
+    const gridColumns = (_d = await ((_c = this._grid) === null || _c === void 0 ? void 0 : _c.getColumnsState())) !== null && _d !== void 0 ? _d : [];
+    this._snkGridConfig.columns = gridColumns.filter(c => c.name);
+    this._snkGridConfig.originalColumns = originalColumns.filter(c => c.name);
+    this._snkGridConfig.selectedIndex = 0;
+    this._showPopUpGridConfig = true;
   }
   async openFormConfig() {
     if (this.formLegacyConfigName || this.configName) {
@@ -840,7 +835,7 @@ const SnkSimpleCrud = class {
     }
     return (h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: `ez-box ez-box--no-outline ${this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow'} simple-crud__container-section`, ref: (ref) => this._container = ref, tabindex: "0" }, 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 ez-box--no-outline", 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, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, tabindex: "0", paginationCounterMode: this.paginationCounterMode }, this.renderTaskbarContent(VIEW_MODE.GRID), h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, this.renderTaskbarContent(VIEW_MODE.FORM), h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large  ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName, messagesBuilder: this.messagesBuilder })), 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.resolveResourceID(), customContainerId: this._customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._showPopUpGridConfig, onEzClosePopup: () => 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.resolveResourceID() }))));
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, tabindex: "0", paginationCounterMode: this.paginationCounterMode, canEdit: !this.disableGridEdition }, this.renderTaskbarContent(VIEW_MODE.GRID), h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, this.renderTaskbarContent(VIEW_MODE.FORM), h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large  ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), h("slot", { name: "snkSimpleCrudFormFooter" }), h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName, messagesBuilder: this.messagesBuilder })), 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.resolveResourceID(), customContainerId: this._customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._showPopUpGridConfig, onEzClosePopup: () => 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.resolveResourceID() }))));
   }
   get _element() { return getElement(this); }
   static get watchers() { return {