@sankhyalabs/sankhyablocks 10.1.0-dev.6 → 10.1.0-rc.1

package/dist/collection/components/snk-form-config/snk-form-config.js

@@ -1,10 +1,10 @@
+import { h, Host } from '@stencil/core';
 import { ApplicationContext, ObjectUtils } from '@sankhyalabs/core';
 import { buildFormConfigFromDataUnit } from '@sankhyalabs/ezui/dist/collection/utils/form';
-import { h, Host } from '@stencil/core';
+import { updateTabInFieldsFromGroupList, buildGuides, buildGuidesMap, buildNewGuideName, getFieldsToSave, } from './FormConfigHelper';
+import { GROUP_NAMES, TAB_NAMES } from '../../lib/utils/constants';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { UserConfigType } from '../../lib/http/data-fetcher/fetchers/form-config-fetcher';
-import { GROUP_NAMES, TAB_NAMES } from '../../lib/utils/constants';
-import { buildChildrenGuides, buildCustomGuides, buildGuides, buildGuidesMap, buildNewGuideName, getFieldsToSave, updateTabInFieldsFromGroupList, } from './FormConfigHelper';
 export class SnkFormConfig {
   constructor() {
     this.guidesMap = new Map();
@@ -22,7 +22,6 @@ export class SnkFormConfig {
     this.configManager = undefined;
     this.ignoreReadOnlyFormFields = undefined;
     this.messagesBuilder = undefined;
-    this.customGuidesConfig = [];
   }
   handleFieldConfigChanged() {
     this.hasChanges = true;
@@ -42,10 +41,6 @@ export class SnkFormConfig {
       this.showNoGuideSelectedDialog();
       return;
     }
-    if (this.selectedGuide.isCustom || this.selectedGuide.isDetail) {
-      this.showCanNotAddFieldToGuideDialog();
-      return;
-    }
     this.availableFields = [...this.availableFields.filter(f => f.name !== fieldItem.name)];
     await ((_a = this.refFieldsLayout) === null || _a === void 0 ? void 0 : _a.addFieldToLayout(fieldItem));
   }
@@ -71,11 +66,6 @@ export class SnkFormConfig {
     const message = this.getMessage('snkFormConfig.noGuideSelected.message');
     ApplicationUtils.alert(title, message);
   }
-  showCanNotAddFieldToGuideDialog() {
-    const title = this.getMessage('snkFormConfig.canNotAddFieldToGuide.title');
-    const message = this.getMessage('snkFormConfig.canNotAddFieldToGuide.message');
-    ApplicationUtils.alert(title, message);
-  }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
    * através de um pequeno modulo na estrutura da aplicação:
@@ -148,12 +138,9 @@ export class SnkFormConfig {
     });
   }
   loadGuides() {
-    var _a, _b, _c, _d;
-    this.guidesList = [];
-    this.guidesList.push(...buildGuides(this._formConfig, this.getMessage('snkFormConfig.form.mainArea')));
-    this.guidesList.push(...buildChildrenGuides(this.dataUnit, (_c = (_b = (_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.tabs) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0, this.guidesList));
-    this.guidesList.push(...buildCustomGuides(this.customGuidesConfig, this.guidesList));
-    this.guidesMap = buildGuidesMap((_d = this._formConfig) === null || _d === void 0 ? void 0 : _d.fields, this.guidesList, this.dataUnit, this.getMessage('snkFormConfig.form.tabGeneral'));
+    var _a;
+    this.guidesList = [...buildGuides(this._formConfig, this.getMessage('snkFormConfig.form.mainArea'))];
+    this.guidesMap = buildGuidesMap((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.fields, this.guidesList, this.dataUnit, this.getMessage('snkFormConfig.form.tabGeneral'));
   }
   getConfig() {
     let config = this.configManager.getConfig(this.dataUnit, false);
@@ -381,30 +368,6 @@ export class SnkFormConfig {
           "tags": [],
           "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
         }
-      },
-      "customGuidesConfig": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Array<CustomGuideItem>",
-          "resolved": "CustomGuideItem[]",
-          "references": {
-            "Array": {
-              "location": "global"
-            },
-            "CustomGuideItem": {
-              "location": "import",
-              "path": "../snk-crud/subcomponents/snk-guides-viewer"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Informa\u00E7\u00F5es das guias personalizadas."
-        },
-        "defaultValue": "[]"
       }
     };
   }

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

@@ -55,7 +55,6 @@ export class SnkGrid {
     this._popUpGridConfig = false;
     this._showSnkFilterBar = true;
     this._enableContinuousInsert = false;
-    this._filterMode = 'regular';
     this.columnFilterDataSource = new SnkMultiSelectionListDataSource();
     this.enableLockManagerLoadingComp = false;
     this.enableLockManagerTaskbarClick = false;
@@ -75,7 +74,6 @@ export class SnkGrid {
     this.canEdit = true;
     this.taskbarCustomContainerId = undefined;
     this.gridHeaderCustomSlotId = 'GRID_HEADER_CUSTOM_ELEMENTS';
-    this.gridHeaderDynamicSearchSlotId = 'GRID_HEADER_DYNAMIC_SEARCH';
     this.topTaskbarCustomSlotId = 'GRID_TASKBAR_CUSTOM_ELEMENTS';
     this.disablePersonalizedFilter = undefined;
     this.gridLegacyConfigName = undefined;
@@ -574,8 +572,7 @@ export class SnkGrid {
       return;
     }
     if (filterConfig.length === 1 && filterConfig[0].id === 'PERSONALIZED_FILTER_GROUP') {
-      this._showSnkFilterBar = true;
-      this._filterMode = filterConfig[0].groupedItems.length > 0 ? 'regular' : 'button';
+      this._showSnkFilterBar = filterConfig[0].groupedItems.length > 0;
       return;
     }
     this._showSnkFilterBar = true;
@@ -593,9 +590,9 @@ export class SnkGrid {
       return undefined;
     }
     return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large ez-box--no-outline", tabindex: "0" }, h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
-      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, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, filterCustomConfig: this.filterCustomConfig, filterCustomConfigInterceptor: this.filterCustomConfigInterceptor, mode: this._filterMode }), 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 ez-padding-top--extra-small", "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', actionsSettingsList: this.getActionsSettingsList() }, 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) => {
+      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, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, filterCustomConfig: this.filterCustomConfig, filterCustomConfigInterceptor: this.filterCustomConfigInterceptor }), 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 ez-padding-top--extra-small", "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', actionsSettingsList: this.getActionsSettingsList() }, 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);
-      }, onEzColumnFilterChanged: async () => await this.dataExporterProviderStore(), 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, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, useSearchColumn: this.useSearchColumn, suppressHorizontalScroll: this.suppressHorizontalScroll, paginationCounterMode: this.paginationCounterMode, suppressCheckboxColumn: this.suppressCheckboxColumn, suppressFilterColumn: this.suppressFilterColumn, compact: this.compact }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), 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, additionalSlotId: this.gridHeaderDynamicSearchSlotId, actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.gridHeaderCustomSlotId }), h("slot", { name: this.gridHeaderDynamicSearchSlotId }))), h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, h("slot", { name: "SnkGridFooter" })), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, 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.resourceID }))));
+      }, onEzColumnFilterChanged: async () => await this.dataExporterProviderStore(), 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, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, useSearchColumn: this.useSearchColumn, suppressHorizontalScroll: this.suppressHorizontalScroll, paginationCounterMode: this.paginationCounterMode, suppressCheckboxColumn: this.suppressCheckboxColumn, suppressFilterColumn: this.suppressFilterColumn, compact: this.compact }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), 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, actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, h("slot", { name: "SnkGridFooter" })), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, 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.resourceID }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }
@@ -977,24 +974,6 @@ export class SnkGrid {
         "reflect": false,
         "defaultValue": "'GRID_HEADER_CUSTOM_ELEMENTS'"
       },
-      "gridHeaderDynamicSearchSlotId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Define o nome do slot para a aba de pesquisa no cabe\u00E7alho da grade."
-        },
-        "attribute": "grid-header-dynamic-search-slot-id",
-        "reflect": false,
-        "defaultValue": "'GRID_HEADER_DYNAMIC_SEARCH'"
-      },
       "topTaskbarCustomSlotId": {
         "type": "string",
         "mutable": false,
@@ -1352,8 +1331,7 @@ export class SnkGrid {
       "_gridConfig": {},
       "_popUpGridConfig": {},
       "_showSnkFilterBar": {},
-      "_enableContinuousInsert": {},
-      "_filterMode": {}
+      "_enableContinuousInsert": {}
     };
   }
   static get events() {

package/dist/collection/components/snk-pesquisa/snk-pesquisa.css

@@ -43,10 +43,6 @@
   /*@doc Define a largura da barra de rolagem do componente.*/
   --snk-pesquisa__scrollbar--width: var(--space--small, 6px);
 
-  /*@doc Define o tamanho do conteúdo scrollável do popup */
-  --snk-pesquisa__scrollable-content--height: calc(100vh - 300px);
-
-
   height: 100%;
   display: flex;
   flex-direction: column;
@@ -83,7 +79,7 @@
   /*public*/
   scrollbar-color: var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);
   padding-right: var(--snk-pesquisa__content--padding-right);
-  height: var(--snk-pesquisa__scrollable-content--height);
+  height: 100vh;
 }
 
 .snk-pesquisa__content::-webkit-scrollbar {

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

@@ -33,18 +33,6 @@ export class SnkPesquisa {
       this._textInput.value = this.argument;
     }
   }
-  /** * Executa uma pesquisa programaticamente.
-   * Ú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");
-   */
-  async executeSearch(text) {
-    this.argument = text;
-    this.onChangeValue({ detail: text });
-  }
   clearSearch() {
     this.argument = "";
     this._itemList = undefined;
@@ -618,41 +606,6 @@ export class SnkPesquisa {
       "_valideDataSource": {}
     };
   }
-  static get methods() {
-    return {
-      "executeSearch": {
-        "complexType": {
-          "signature": "(text: string) => Promise<void>",
-          "parameters": [{
-              "tags": [{
-                  "name": "param",
-                  "text": "text Texto utilizado como argumento de pesquisa."
-                }],
-              "text": "Texto utilizado como argumento de pesquisa."
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "* Executa uma pesquisa programaticamente.\n\u00DAtil para cen\u00E1rios onde a pesquisa precisa ser disparada sem intera\u00E7\u00E3o do usu\u00E1rio.",
-          "tags": [{
-              "name": "param",
-              "text": "text Texto utilizado como argumento de pesquisa."
-            }, {
-              "name": "returns",
-              "text": "Promise<void>"
-            }, {
-              "name": "example",
-              "text": "await pesquisaRef.executeSearch(\"Texto para pesquisa\");"
-            }]
-        }
-      }
-    };
-  }
   static get elementRef() { return "_element"; }
   static get watchers() {
     return [{

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

@@ -1,17 +1,15 @@
-import { ApplicationContext, Action as DUAction, ElementIDUtils, LockManager, LockManagerOperation, OverflowDirection, OVERFLOWED_CLASS_NAME, OverflowWatcher, SilentException, StringUtils, } from '@sankhyalabs/core';
+import { Action as DUAction, ApplicationContext, ElementIDUtils, LockManager, LockManagerOperation, OverflowDirection, OVERFLOWED_CLASS_NAME, OverflowWatcher, SilentException, StringUtils, } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
-import { PresentationMode } from '../../lib/@types';
 import { AuthorizationConfig } from '../snk-configurator/AuthorizationConfig';
 import { AuthorizationElements, buildCustomButton, buildElem, TaskbarElement, VisibleWhenForbidden, } from './elements/taskbar-elements';
+import { PresentationMode } from '../../lib/@types';
 export class SnkTaskbar {
   constructor() {
     this.TASKBAR_ITEM_ID_PREFIX = 'TASKBAR_ITEM_';
     this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME = 'taskbar-custom-elements-container';
+    this.ACTIONS_BUTTON_TAG = 'TASKBAR-ACTIONS-BUTTON';
     this.NOT_OVERFLOW_ELEMENTS = ["moreOptions", "dataExporter_snkDataExporter", "actionsButton_snkActionsButton"];
     this.TASKBAR_CUSTOM_ELEMENTS = 'taskbar-custom-elements-container';
-    this.TASKBAR_ADDITIONAL_SLOT_CONTAINER_CLASS_NAME = 'taskbar-additional-slot-container';
-    this.TASKBAR_ADDITIONAL_SLOT = 'taskbar-additional-slot-container';
-    this._dataUnitInitialized = false;
     this._titleKeyByElement = {
       [TaskbarElement.UPDATE_MULTIPLE]: "snkTaskbar.titleUpdateMultiple",
       [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
@@ -54,7 +52,6 @@ export class SnkTaskbar {
     this._isWaitingForSave = false;
     this.alignRigth = false;
     this.customSlotId = "TASKBAR_CUSTOM_ELEMENTS";
-    this.additionalSlotId = "TASKBAR_ADDITIONAL_SLOT";
     this.customContainerId = undefined;
     this.overflowStrategy = 'hiddenItems';
     this.configName = undefined;
@@ -110,17 +107,6 @@ export class SnkTaskbar {
       this.taskbarSaveUnlocker.emit();
     }
   }
-  observeDataUnit(newValue) {
-    this.initializeDataUnit(newValue);
-  }
-  initializeDataUnit(dataUnit) {
-    if (!!dataUnit && !this._dataUnitInitialized) {
-      this._dataUnitInitialized = true;
-      const dataInfo = { dataUnit: this.dataUnit };
-      ElementIDUtils.addIDInfo(this._element, null, dataInfo);
-      this.dataUnit.subscribe(this.onSaveEvent);
-    }
-  }
   // Internal methods
   elementsFromString(strButtons) {
     const elements = [];
@@ -166,46 +152,45 @@ export class SnkTaskbar {
   }
   elementClick(elem) {
     LockManager.whenResolve(this._element, LockManagerOperation.TASKBAR_CLICK).then(() => {
-      if (!this.dataUnit) {
-        return;
-      }
-      switch (elem) {
-        case TaskbarElement.PREVIOUS:
-          this.dataUnit.previousRecord();
-          break;
-        case TaskbarElement.NEXT:
-          this.dataUnit.nextRecord();
-          break;
-        case TaskbarElement.REFRESH:
-          this.dataUnit.loadData();
-          break;
-        case TaskbarElement.CLONE:
-          this.dataUnit.copySelected();
-          break;
-        case TaskbarElement.REMOVE:
-          this.dataUnit.removeSelectedRecords();
-          break;
-        case TaskbarElement.INSERT:
-          this.dataUnit.addRecord();
-          break;
-        case TaskbarElement.CANCEL:
-          this.dataUnit.cancelEdition();
-          break;
-        case TaskbarElement.SAVE:
-          if (!this._isWaitingForSave) {
-            this._isWaitingForSave = true;
-            this.dataUnit.saveData().catch((err) => {
-              if (err instanceof SilentException) {
-                return;
-              }
-              else {
-                throw err;
-              }
-            }).finally(() => {
-              this._isWaitingForSave = false;
-            });
-          }
-          break;
+      if (this.dataUnit) {
+        switch (elem) {
+          case TaskbarElement.PREVIOUS:
+            this.dataUnit.previousRecord();
+            break;
+          case TaskbarElement.NEXT:
+            this.dataUnit.nextRecord();
+            break;
+          case TaskbarElement.REFRESH:
+            this.dataUnit.loadData();
+            break;
+          case TaskbarElement.CLONE:
+            this.dataUnit.copySelected();
+            break;
+          case TaskbarElement.REMOVE:
+            this.dataUnit.removeSelectedRecords();
+            break;
+          case TaskbarElement.INSERT:
+            this.dataUnit.addRecord();
+            break;
+          case TaskbarElement.CANCEL:
+            this.dataUnit.cancelEdition();
+            break;
+          case TaskbarElement.SAVE:
+            if (!this._isWaitingForSave) {
+              this._isWaitingForSave = true;
+              this.dataUnit.saveData().catch((err) => {
+                if (err instanceof SilentException) {
+                  return;
+                }
+                else {
+                  throw err;
+                }
+              }).finally(() => {
+                this._isWaitingForSave = false;
+              });
+            }
+            break;
+        }
       }
       if (this.isEnabled(elem))
         this.actionClick.emit(elem);
@@ -387,8 +372,7 @@ export class SnkTaskbar {
     return (_a = element.getAttribute('data-taskbar-label')) !== null && _a !== void 0 ? _a : "";
   }
   hasToIgnoreOverFlow(element) {
-    return element.classList.contains(this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME) ||
-      element.classList.contains(this.TASKBAR_ADDITIONAL_SLOT_CONTAINER_CLASS_NAME);
+    return element.classList.contains(this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME);
   }
   handleOverFlowStrategy() {
     if (this.overflowStrategy === 'hiddenItems') {
@@ -404,8 +388,10 @@ export class SnkTaskbar {
     };
   }
   componentDidLoad() {
-    this.initializeDataUnit(this.dataUnit);
+    const dataInfo = { dataUnit: this.dataUnit };
+    ElementIDUtils.addIDInfo(this._element, null, dataInfo);
     this.handleOverFlowStrategy();
+    this.dataUnit.subscribe(this.onSaveEvent);
   }
   componentDidRender() {
     this.appendCustomElementsInTaskbar();
@@ -432,7 +418,7 @@ export class SnkTaskbar {
     this._slotContainer.appendChild(customElement);
   }
   render() {
-    var _a, _b;
+    var _a;
     if (this._definitions === undefined) {
       return undefined;
     }
@@ -452,8 +438,7 @@ export class SnkTaskbar {
       (_b = this._overFlowWatcher) === null || _b === void 0 ? void 0 : _b.addNotOverFlowElement(elem);
       return h("slot", { name: elem });
     })), h("div", { id: this.TASKBAR_CUSTOM_ELEMENTS, class: this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME }, h("slot", { name: this.customSlotId }), (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 :
-      _a.addNotOverFlowElement(this.TASKBAR_CUSTOM_ELEMENTS)), h("div", { id: this.TASKBAR_ADDITIONAL_SLOT, class: this.TASKBAR_ADDITIONAL_SLOT_CONTAINER_CLASS_NAME }, h("slot", { name: this.additionalSlotId }), (_b = this._overFlowWatcher) === null || _b === void 0 ? void 0 :
-      _b.addNotOverFlowElement(this.TASKBAR_ADDITIONAL_SLOT))));
+      _a.addNotOverFlowElement(this.TASKBAR_CUSTOM_ELEMENTS))));
   }
   getHostClasses() {
     if (this.overflowStrategy !== 'hiddenItems')
@@ -516,27 +501,6 @@ export class SnkTaskbar {
         "reflect": false,
         "defaultValue": "\"TASKBAR_CUSTOM_ELEMENTS\""
       },
-      "additionalSlotId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [{
-              "name": "description",
-              "text": "Define o identificador do slot adicional."
-            }],
-          "text": ""
-        },
-        "attribute": "additional-slot-id",
-        "reflect": false,
-        "defaultValue": "\"TASKBAR_ADDITIONAL_SLOT\""
-      },
       "customContainerId": {
         "type": "string",
         "mutable": false,
@@ -925,9 +889,6 @@ export class SnkTaskbar {
       }, {
         "propName": "_isWaitingForSave",
         "methodName": "observeIsWaitingForSave"
-      }, {
-        "propName": "dataUnit",
-        "methodName": "observeDataUnit"
       }];
   }
   static get listeners() {