@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-48463.1 → 0.0.0-bugfix-dev-KB-48570.0

package/dist/cjs/snk-attach.cjs.entry.js

@@ -12,7 +12,7 @@ require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-9f1a13ca.js');
 const constants = require('./constants-35ddd366.js');
 const authFetcher = require('./auth-fetcher-5161d082.js');
-const taskbarElements = require('./taskbar-elements-1e4fb2e0.js');
+const taskbarElements = require('./taskbar-elements-3ecd1278.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');

package/dist/cjs/snk-crud.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const taskbarElements = require('./taskbar-elements-1e4fb2e0.js');
+const taskbarElements = require('./taskbar-elements-3ecd1278.js');
 require('./DataFetcher-99f0f6ed.js');
 require('./pesquisa-fetcher-94f6b316.js');
 const index$1 = require('./index-0922807b.js');

package/dist/cjs/snk-detail-view.cjs.entry.js

@@ -14,9 +14,9 @@ require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-9f1a13ca.js');
-const taskbarElements = require('./taskbar-elements-1e4fb2e0.js');
+const taskbarElements = require('./taskbar-elements-3ecd1278.js');
 const constants = require('./constants-35ddd366.js');
-const snkGuidesViewer = require('./snk-guides-viewer-c7293cfa.js');
+const snkGuidesViewer = require('./snk-guides-viewer-75047f22.js');
 const SnkMessageBuilder = require('./SnkMessageBuilder-141aa18d.js');
 require('./ConfigStorage-d4c99a5e.js');
 require('./PrintUtils-bcaeb82f.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-const taskbarElements = require('./taskbar-elements-1e4fb2e0.js');
+const taskbarElements = require('./taskbar-elements-3ecd1278.js');
 const ConfigStorage = require('./ConfigStorage-d4c99a5e.js');
 const index$1 = require('./index-0922807b.js');
 const fieldSearch = require('./field-search-f56aa7d6.js');

package/dist/cjs/{snk-guides-viewer-c7293cfa.js → snk-guides-viewer-75047f22.js}

@@ -5,7 +5,7 @@ const core = require('@sankhyalabs/core');
 const SnkFormConfigManager = require('./SnkFormConfigManager-0ffd098d.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const fieldSearch = require('./field-search-f56aa7d6.js');
-const taskbarElements = require('./taskbar-elements-1e4fb2e0.js');
+const taskbarElements = require('./taskbar-elements-3ecd1278.js');
 const constants = require('./constants-35ddd366.js');
 require('./DataFetcher-99f0f6ed.js');
 require('./pesquisa-fetcher-94f6b316.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-c7293cfa.js');
+const snkGuidesViewer = require('./snk-guides-viewer-75047f22.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
 require('./SnkFormConfigManager-0ffd098d.js');
@@ -14,7 +14,7 @@ require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('@sankhyalabs/ezui/dist/collection/utils/form');
 require('./field-search-f56aa7d6.js');
-require('./taskbar-elements-1e4fb2e0.js');
+require('./taskbar-elements-3ecd1278.js');
 require('./index-0922807b.js');
 require('./index-102ba62d.js');
 require('./constants-35ddd366.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const constants = require('./constants-35ddd366.js');
-const taskbarElements = require('./taskbar-elements-1e4fb2e0.js');
+const taskbarElements = require('./taskbar-elements-3ecd1278.js');
 require('./DataFetcher-99f0f6ed.js');
 const pesquisaFetcher = require('./pesquisa-fetcher-94f6b316.js');
 const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-5213120b.js');
@@ -24,6 +24,9 @@ require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('./ResourceIDUtils-5ff86aa7.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
 
+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 {
@@ -35,8 +38,6 @@ const SnkSimpleCrud = class {
     this.formItemsReady = index.createEvent(this, "formItemsReady", 7);
     this.configuratorSave = index.createEvent(this, "configuratorSave", 7);
     this.configuratorCancel = index.createEvent(this, "configuratorCancel", 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._multiSelectionListDataSource = new SnkMultiSelectionListDataSource.SnkMultiSelectionListDataSource();
     this._keyDownHandler = (event) => this.keyDownListener(event);
     this._taskbarProcessor = new fieldSearch.TaskbarProcessor({
@@ -68,7 +69,7 @@ const SnkSimpleCrud = class {
     this.showConfiguratorButtons = undefined;
   }
   getButtons(selected, changeModeBtn) {
-    return this.addConfigButton(this.resolveInMemoryBtns(selected ? this.REGULAR_DEFAULT_BTNS : this.REGULAR_SELECTED_BTNS)
+    return this.addConfigButton(this.resolveInMemoryBtns(selected ? REGULAR_SELECTED_BTNS : REGULAR_DEFAULT_BTNS)
       .concat(changeModeBtn));
   }
   addConfigButton(buttons) {
@@ -342,9 +343,7 @@ 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) {
-    if (!core.ObjectUtils.equals(this._formFields, fields)) {
-      this._formFields = fields !== null && fields !== void 0 ? fields : [];
-    }
+    this._formFields = fields !== null && fields !== void 0 ? fields : [];
   }
   fieldsOptionLoader(argument) {
     const searchTerm = argument === null || argument === void 0 ? void 0 : argument.toLowerCase();
@@ -445,13 +444,15 @@ const SnkSimpleCrud = class {
   }
   /* istanbul ignore next */
   render() {
-    var _a, _b, _c;
+    var _a;
     if (this.dataUnit == undefined) {
       return;
     }
     return (index.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(constants.VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === constants.VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, index.h("header", null, index.h("slot", { name: "snkSimpleCrudHeader" })), index.h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, index.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: index$1.PresentationMode.SECONDARY }, index.h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), index.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index.h("stack-item", null, index.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(constants.VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(pesquisaFetcher.InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
-        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab }, index.h("div", { slot: "footer" }, index.h("slot", { name: "snkSimpleCrudFooter" })))), index.h("stack-item", null, index.h("ez-form", { class: `ez-margin-top--large ${this._showFormConfig ? "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), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this._showFormConfig && index.h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && index.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 })), index.h("div", { id: `${this._customContainerId}` }, index.h("slot", { name: "SnkConfigContainerSlot" }))), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this._resourceID }))));
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab }, index.h("div", { slot: "footer" }, index.h("slot", { name: "snkSimpleCrudFooter" })))), index.h("stack-item", null, index.h("ez-form", { class: `ez-margin-top--large ${this._showFormConfig ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.formConfig,
+      // config={this._formConfigManager?.getConfig(this.dataState?.insertionMode, this.dataUnit)}
+      fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this._showFormConfig && index.h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && index.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 })), index.h("div", { id: `${this._customContainerId}` }, index.h("slot", { name: "SnkConfigContainerSlot" }))), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(core.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 index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/snk-taskbar.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
-const taskbarElements = require('./taskbar-elements-1e4fb2e0.js');
+const taskbarElements = require('./taskbar-elements-3ecd1278.js');
 const index$1 = require('./index-0922807b.js');
 require('./index-102ba62d.js');
 
@@ -58,7 +58,9 @@ const SnkTaskbar = class {
   }
   observeButtons() {
     this._definitions = undefined;
-    requestAnimationFrame(() => { var _a; return (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate(); });
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => { var _a; return (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate(); });
+    });
   }
   // Internal methods
   elementsFromString(strButtons) {
@@ -213,7 +215,7 @@ const SnkTaskbar = class {
       this._customElementsId.push(elementId);
       (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.addNotOverFlowElement(elementId);
     }
-    return index.h("span", { key: elementId, id: elementId });
+    return index.h("span", { class: "ez-padding-left--medium", key: elementId, id: elementId });
   }
   getCustomElements() {
     var _a, _b;
@@ -337,12 +339,7 @@ const SnkTaskbar = class {
     let index$1 = 0;
     return (index.h(index.Host, { class: this.getHostClasses() }, this.removeEmpty(this._definitions.map((elem) => {
       var _a, _b;
-      if (elem === taskbarElements.TaskbarElement.DIVIDER) {
-        index$1 = 0;
-      }
-      else {
-        index$1++;
-      }
+      index$1++;
       if (taskbarElements.TaskbarElement[elem]) {
         return this.getElement(index$1, taskbarElements.TaskbarElement[elem]);
       }

package/dist/cjs/{taskbar-elements-1e4fb2e0.js → taskbar-elements-3ecd1278.js}

@@ -91,7 +91,7 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
     case exports.TaskbarElement.MORE_OPTIONS:
       return actionButton(element, className, dataElementId, title, isEnabled, actions, action);
     case exports.TaskbarElement.DIVIDER:
-      return index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium", "data-taskbar-divider": true });
+      return index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin--none ez-margin-left--medium", "data-taskbar-divider": true });
     case exports.TaskbarElement.DATA_EXPORTER:
       const provider = (_a = index$1.store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[configName];
       return index.h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId, "data-taskbar-element": element });

package/dist/collection/components/snk-simple-crud/regular-buttons.js

@@ -0,0 +1,3 @@
+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"];
+export { REGULAR_DEFAULT_BTNS, REGULAR_SELECTED_BTNS };

package/dist/collection/components/snk-simple-crud/snk-simple-crud.js

@@ -9,10 +9,9 @@ import SnkMultiSelectionListDataSource from '../snk-grid/filtercolumn/SnkMultiSe
 import { buildFieldSearch, openFieldSearch } from '../snk-taskbar/subcomponents/field-search';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
 import { SnkFormConfigManager } from '../snk-form-config/SnkFormConfigManager';
+import { REGULAR_DEFAULT_BTNS, REGULAR_SELECTED_BTNS } from './regular-buttons';
 export class SnkSimpleCrud {
   constructor() {
-    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._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
     this._keyDownHandler = (event) => this.keyDownListener(event);
     this._taskbarProcessor = new TaskbarProcessor({
@@ -44,7 +43,7 @@ export class SnkSimpleCrud {
     this.showConfiguratorButtons = undefined;
   }
   getButtons(selected, changeModeBtn) {
-    return this.addConfigButton(this.resolveInMemoryBtns(selected ? this.REGULAR_DEFAULT_BTNS : this.REGULAR_SELECTED_BTNS)
+    return this.addConfigButton(this.resolveInMemoryBtns(selected ? REGULAR_SELECTED_BTNS : REGULAR_DEFAULT_BTNS)
       .concat(changeModeBtn));
   }
   addConfigButton(buttons) {
@@ -318,9 +317,7 @@ export class SnkSimpleCrud {
     return (_b = (_a = this.formConfig) === null || _a === void 0 ? void 0 : _a.fields) !== null && _b !== void 0 ? _b : this._formFields;
   }
   handleFormSetFields(fields) {
-    if (!ObjectUtils.equals(this._formFields, fields)) {
-      this._formFields = fields !== null && fields !== void 0 ? fields : [];
-    }
+    this._formFields = fields !== null && fields !== void 0 ? fields : [];
   }
   fieldsOptionLoader(argument) {
     const searchTerm = argument === null || argument === void 0 ? void 0 : argument.toLowerCase();
@@ -421,13 +418,15 @@ export class SnkSimpleCrud {
   }
   /* istanbul ignore next */
   render() {
-    var _a, _b, _c;
+    var _a;
     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", { class: `ez-margin-top--large ${this._showFormConfig ? "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), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this._showFormConfig && 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 }))));
+        : 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._showFormConfig ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.formConfig,
+      // config={this._formConfigManager?.getConfig(this.dataState?.insertionMode, this.dataUnit)}
+      fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this._showFormConfig && 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 }))));
   }
   static get is() { return "snk-simple-crud"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-taskbar/elements/taskbar-elements.js

@@ -88,7 +88,7 @@ export const buildElem = (element, className, dataElementId, getTitle, action, i
     case TaskbarElement.MORE_OPTIONS:
       return actionButton(element, className, dataElementId, title, isEnabled, actions, action);
     case TaskbarElement.DIVIDER:
-      return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium", "data-taskbar-divider": true });
+      return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin--none ez-margin-left--medium", "data-taskbar-divider": true });
     case TaskbarElement.DATA_EXPORTER:
       const provider = (_a = store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[configName];
       return h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId, "data-taskbar-element": element });

package/dist/collection/components/snk-taskbar/snk-taskbar.js

@@ -48,7 +48,9 @@ export class SnkTaskbar {
   }
   observeButtons() {
     this._definitions = undefined;
-    requestAnimationFrame(() => { var _a; return (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate(); });
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => { var _a; return (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate(); });
+    });
   }
   // Internal methods
   elementsFromString(strButtons) {
@@ -203,7 +205,7 @@ export class SnkTaskbar {
       this._customElementsId.push(elementId);
       (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.addNotOverFlowElement(elementId);
     }
-    return h("span", { key: elementId, id: elementId });
+    return h("span", { class: "ez-padding-left--medium", key: elementId, id: elementId });
   }
   getCustomElements() {
     var _a, _b;
@@ -327,12 +329,7 @@ export class SnkTaskbar {
     let index = 0;
     return (h(Host, { class: this.getHostClasses() }, this.removeEmpty(this._definitions.map((elem) => {
       var _a, _b;
-      if (elem === TaskbarElement.DIVIDER) {
-        index = 0;
-      }
-      else {
-        index++;
-      }
+      index++;
       if (TaskbarElement[elem]) {
         return this.getElement(index, TaskbarElement[elem]);
       }

package/dist/components/snk-simple-crud2.js

@@ -25,6 +25,9 @@ import { d as defineCustomElement$4 } from './snk-select-box2.js';
 import { d as defineCustomElement$3 } from './snk-tab-config2.js';
 import { d as defineCustomElement$1 } from './taskbar-actions-button2.js';
 
+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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -37,8 +40,6 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this.configuratorSave = createEvent(this, "configuratorSave", 7);
     this.configuratorCancel = createEvent(this, "configuratorCancel", 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._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
     this._keyDownHandler = (event) => this.keyDownListener(event);
     this._taskbarProcessor = new TaskbarProcessor({
@@ -70,7 +71,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.showConfiguratorButtons = undefined;
   }
   getButtons(selected, changeModeBtn) {
-    return this.addConfigButton(this.resolveInMemoryBtns(selected ? this.REGULAR_DEFAULT_BTNS : this.REGULAR_SELECTED_BTNS)
+    return this.addConfigButton(this.resolveInMemoryBtns(selected ? REGULAR_SELECTED_BTNS : REGULAR_DEFAULT_BTNS)
       .concat(changeModeBtn));
   }
   addConfigButton(buttons) {
@@ -344,9 +345,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     return (_b = (_a = this.formConfig) === null || _a === void 0 ? void 0 : _a.fields) !== null && _b !== void 0 ? _b : this._formFields;
   }
   handleFormSetFields(fields) {
-    if (!ObjectUtils.equals(this._formFields, fields)) {
-      this._formFields = fields !== null && fields !== void 0 ? fields : [];
-    }
+    this._formFields = fields !== null && fields !== void 0 ? fields : [];
   }
   fieldsOptionLoader(argument) {
     const searchTerm = argument === null || argument === void 0 ? void 0 : argument.toLowerCase();
@@ -447,13 +446,15 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   /* istanbul ignore next */
   render() {
-    var _a, _b, _c;
+    var _a;
     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", { class: `ez-margin-top--large ${this._showFormConfig ? "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), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this._showFormConfig && 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 }))));
+        : 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._showFormConfig ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.formConfig,
+      // config={this._formConfigManager?.getConfig(this.dataState?.insertionMode, this.dataUnit)}
+      fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this._showFormConfig && 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 this; }
   static get watchers() { return {

package/dist/components/snk-taskbar2.js

@@ -95,7 +95,7 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
     case TaskbarElement.MORE_OPTIONS:
       return actionButton(element, className, dataElementId, title, isEnabled, actions, action);
     case TaskbarElement.DIVIDER:
-      return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium", "data-taskbar-divider": true });
+      return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin--none ez-margin-left--medium", "data-taskbar-divider": true });
     case TaskbarElement.DATA_EXPORTER:
       const provider = (_a = store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[configName];
       return h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId, "data-taskbar-element": element });
@@ -171,7 +171,9 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   observeButtons() {
     this._definitions = undefined;
-    requestAnimationFrame(() => { var _a; return (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate(); });
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => { var _a; return (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate(); });
+    });
   }
   // Internal methods
   elementsFromString(strButtons) {
@@ -326,7 +328,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this._customElementsId.push(elementId);
       (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.addNotOverFlowElement(elementId);
     }
-    return h("span", { key: elementId, id: elementId });
+    return h("span", { class: "ez-padding-left--medium", key: elementId, id: elementId });
   }
   getCustomElements() {
     var _a, _b;
@@ -450,12 +452,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     let index = 0;
     return (h(Host, { class: this.getHostClasses() }, this.removeEmpty(this._definitions.map((elem) => {
       var _a, _b;
-      if (elem === TaskbarElement.DIVIDER) {
-        index = 0;
-      }
-      else {
-        index++;
-      }
+      index++;
       if (TaskbarElement[elem]) {
         return this.getElement(index, TaskbarElement[elem]);
       }

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

@@ -8,7 +8,7 @@ import './filter-item-type.enum-d45e026f.js';
 import './form-config-fetcher-f121f880.js';
 import { d as VIEW_MODE } from './constants-8457af36.js';
 import { A as AutorizationType } from './auth-fetcher-17dc5b5e.js';
-import { T as TaskbarElement } from './taskbar-elements-846c027c.js';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
 import { StringUtils, ElementIDUtils, ApplicationContext, JSUtils, FloatingManager } from '@sankhyalabs/core';
-import { T as TaskbarElement } from './taskbar-elements-846c027c.js';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
 import './DataFetcher-a650ae58.js';
 import './pesquisa-fetcher-f05a12ca.js';
 import { P as PresentationMode } from './index-0ece87a6.js';

package/dist/esm/snk-detail-view.entry.js

@@ -10,9 +10,9 @@ import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './filter-item-type.enum-d45e026f.js';
 import './form-config-fetcher-f121f880.js';
-import { T as TaskbarElement } from './taskbar-elements-846c027c.js';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
 import { d as VIEW_MODE } from './constants-8457af36.js';
-import { S as SnkGuidesViewer } from './snk-guides-viewer-47443f7c.js';
+import { S as SnkGuidesViewer } from './snk-guides-viewer-8b679ee6.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder-9747ddd2.js';
 import './ConfigStorage-39ed8aeb.js';
 import './PrintUtils-3e4ff0f5.js';

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

@@ -1,7 +1,7 @@
 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 { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { T as TaskbarElement } from './taskbar-elements-846c027c.js';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
 import { C as ConfigStorage } from './ConfigStorage-39ed8aeb.js';
 import { P as PresentationMode } from './index-0ece87a6.js';
 import { T as TaskbarProcessor, o as openFieldSearch, b as buildFieldSearch } from './field-search-efbe307f.js';

package/dist/esm/{snk-guides-viewer-47443f7c.js → snk-guides-viewer-8b679ee6.js}

@@ -3,7 +3,7 @@ import { Action, ElementIDUtils } from '@sankhyalabs/core';
 import { S as SnkFormConfigManager } from './SnkFormConfigManager-dd450734.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-846c027c.js';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
 import { d as VIEW_MODE } from './constants-8457af36.js';
 import './DataFetcher-a650ae58.js';
 import './pesquisa-fetcher-f05a12ca.js';

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

@@ -1,4 +1,4 @@
-export { S as snk_guides_viewer } from './snk-guides-viewer-47443f7c.js';
+export { S as snk_guides_viewer } from './snk-guides-viewer-8b679ee6.js';
 import './index-a7d3d3f1.js';
 import '@sankhyalabs/core';
 import './SnkFormConfigManager-dd450734.js';
@@ -10,7 +10,7 @@ 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-846c027c.js';
+import './taskbar-elements-2473c8ac.js';
 import './index-0ece87a6.js';
 import './index-bdf75557.js';
 import './constants-8457af36.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a7d3d3f1.js';
 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-846c027c.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';
@@ -20,6 +20,9 @@ import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 import './ResourceIDUtils-a114189a.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
 
+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 {
@@ -31,8 +34,6 @@ const SnkSimpleCrud = class {
     this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this.configuratorSave = createEvent(this, "configuratorSave", 7);
     this.configuratorCancel = createEvent(this, "configuratorCancel", 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._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
     this._keyDownHandler = (event) => this.keyDownListener(event);
     this._taskbarProcessor = new TaskbarProcessor({
@@ -64,7 +65,7 @@ const SnkSimpleCrud = class {
     this.showConfiguratorButtons = undefined;
   }
   getButtons(selected, changeModeBtn) {
-    return this.addConfigButton(this.resolveInMemoryBtns(selected ? this.REGULAR_DEFAULT_BTNS : this.REGULAR_SELECTED_BTNS)
+    return this.addConfigButton(this.resolveInMemoryBtns(selected ? REGULAR_SELECTED_BTNS : REGULAR_DEFAULT_BTNS)
       .concat(changeModeBtn));
   }
   addConfigButton(buttons) {
@@ -338,9 +339,7 @@ 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) {
-    if (!ObjectUtils.equals(this._formFields, fields)) {
-      this._formFields = fields !== null && fields !== void 0 ? fields : [];
-    }
+    this._formFields = fields !== null && fields !== void 0 ? fields : [];
   }
   fieldsOptionLoader(argument) {
     const searchTerm = argument === null || argument === void 0 ? void 0 : argument.toLowerCase();
@@ -441,13 +440,15 @@ const SnkSimpleCrud = class {
   }
   /* istanbul ignore next */
   render() {
-    var _a, _b, _c;
+    var _a;
     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", { class: `ez-margin-top--large ${this._showFormConfig ? "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), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this._showFormConfig && 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 }))));
+        : 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._showFormConfig ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.formConfig,
+      // config={this._formConfigManager?.getConfig(this.dataState?.insertionMode, this.dataUnit)}
+      fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this._showFormConfig && 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 {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
 import { StringUtils, ApplicationContext, OVERFLOWED_CLASS_NAME, OverflowWatcher, OverflowDirection, ElementIDUtils } from '@sankhyalabs/core';
 import { A as AuthorizationConfig } from './AuthorizationConfig-dcbd207a.js';
-import { T as TaskbarElement, V as VisibleWhenForbidden, A as AuthorizationElements, b as buildElem, a as buildCustomButton } from './taskbar-elements-846c027c.js';
+import { T as TaskbarElement, V as VisibleWhenForbidden, A as AuthorizationElements, b as buildElem, a as buildCustomButton } from './taskbar-elements-2473c8ac.js';
 import { P as PresentationMode } from './index-0ece87a6.js';
 import './index-bdf75557.js';
 
@@ -54,7 +54,9 @@ const SnkTaskbar = class {
   }
   observeButtons() {
     this._definitions = undefined;
-    requestAnimationFrame(() => { var _a; return (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate(); });
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => { var _a; return (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate(); });
+    });
   }
   // Internal methods
   elementsFromString(strButtons) {
@@ -209,7 +211,7 @@ const SnkTaskbar = class {
       this._customElementsId.push(elementId);
       (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.addNotOverFlowElement(elementId);
     }
-    return h("span", { key: elementId, id: elementId });
+    return h("span", { class: "ez-padding-left--medium", key: elementId, id: elementId });
   }
   getCustomElements() {
     var _a, _b;
@@ -333,12 +335,7 @@ const SnkTaskbar = class {
     let index = 0;
     return (h(Host, { class: this.getHostClasses() }, this.removeEmpty(this._definitions.map((elem) => {
       var _a, _b;
-      if (elem === TaskbarElement.DIVIDER) {
-        index = 0;
-      }
-      else {
-        index++;
-      }
+      index++;
       if (TaskbarElement[elem]) {
         return this.getElement(index, TaskbarElement[elem]);
       }