@sankhyalabs/sankhyablocks 8.15.0-dev.8 → 8.15.0-dev.81

package/dist/types/components/snk-form/snk-form.d.ts

@@ -2,10 +2,13 @@ import { DataUnit } from '@sankhyalabs/core';
 import { IRecordValidator } from '@sankhyalabs/ezui/dist/types/utils/form/interfaces';
 import { EventEmitter } from '../../stencil-public-runtime';
 import { DataState } from '../snk-data-unit/snk-data-unit';
-import { SnkFormConfigManager } from './SnkFormConfigManager';
+import { SnkFormConfigManager } from '../snk-form-config/SnkFormConfigManager';
 import { SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
+import { ICustomEditor } from '@sankhyalabs/ezui/dist/types/utils';
 export declare class SnkForm {
   private _snkDataUnit;
+  private _customEditors;
+  private _form;
   _element: HTMLElement;
   _dataUnit: DataUnit;
   _dataState: DataState;
@@ -23,6 +26,10 @@ export declare class SnkForm {
    * Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção.
    */
   messagesBuilder: SnkMessageBuilder;
+  /**
+   * Chave da configuração legado do formulário.
+   */
+  formLegacyConfigName: string;
   /**
    * Identificador de recursos como configurações e acesso.
    */
@@ -47,8 +54,20 @@ export declare class SnkForm {
    * Fecha a janela de configurações do formulário.
    */
   hideConfig(): Promise<void>;
+  /**
+   * Registra um editor customizado para campos da grade e formulário.
+   */
+  addCustomEditor(fieldName: string, customEditor: ICustomEditor): Promise<void>;
+  /**
+   * Altera/adiciona uma propriedade nos metadados do campo.
+   */
+  setFieldProp(fieldName: string, propName: string, value: any): Promise<void>;
   private closeConfig;
   private dataunitReady;
+  private setCustomEditors;
+  componentDidRender(): Promise<void>;
   componentWillLoad(): Promise<void>;
+  private handleDataStateChange;
+  private addFormLegacyConfig;
   render(): any;
 }

package/dist/types/components/{snk-form → snk-form-config}/SnkFormConfigManager.d.ts

@@ -9,6 +9,7 @@ export declare class SnkFormConfigManager {
   private _formConfigFetcher;
   private _resourceID;
   constructor(configName: string, resourceID: string, onConfigChange?: (config: IFormConfig) => void);
+  addFormLegacyConfig(legacyConfigName: string): void;
   loadConfig(): Promise<IFormConfig>;
   saveConfig(config: IFormConfig): Promise<IFormConfig>;
   saveCardState(cardId: string, cardConfig: IFormCardConfig, propertyChanged: string): Promise<Map<string, IFormCardConfig>>;
@@ -21,7 +22,7 @@ export declare class SnkFormConfigManager {
   private isFieldVisible;
   private getInsertionConfig;
   setConfig(config: IFormConfig): void;
-  getConfig(insertionMode: boolean, dataUnit: DataUnit): IFormConfig;
+  getConfig(insertionMode: boolean, dataUnit: DataUnit, ignoreReadOnlyFormFields?: boolean): IFormConfig;
   private getFormConfigFetcher;
   fetchUserAvailableConfigs(): Promise<Array<IUserConfig>>;
   fetchLegacyConfig(): Promise<IFormConfig>;

package/dist/types/components/{snk-form/subcomponents/snk-form-config → snk-form-config}/snk-form-config.d.ts

@@ -1,8 +1,8 @@
-import { EventEmitter } from "../../../../stencil-public-runtime";
+import { EventEmitter } from "../../stencil-public-runtime";
 import { DataUnit } from '@sankhyalabs/core';
 import { IFieldConfig, IFormConfig } from "@sankhyalabs/ezui/dist/types/utils/form/interfaces";
-import { SnkFormConfigManager } from "../../SnkFormConfigManager";
-import { SnkMessageBuilder } from "../../../../lib/message/SnkMessageBuilder";
+import { SnkFormConfigManager } from "./SnkFormConfigManager";
+import { SnkMessageBuilder } from "../../lib/message/SnkMessageBuilder";
 export declare class SnkFormConfig {
   private _tabConfig;
   private _filterFieldsAvailable;
@@ -22,6 +22,7 @@ export declare class SnkFormConfig {
   private _formFieldsStyle;
   private _fieldsAvailableStyle;
   private _fieldFloatingStyle;
+  private _sortableTimer;
   private _element;
   private _formConfigOptions;
   private _fieldConfigSelected;
@@ -127,6 +128,7 @@ export declare class SnkFormConfig {
    */
   private getMessage;
   componentDidRender(): void;
+  componentWillRender(): Promise<void>;
   componentWillLoad(): void;
   componentDidLoad(): void;
   render(): any;

package/dist/types/components/snk-grid/snk-grid.d.ts

@@ -1,15 +1,17 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { DataUnit } from '@sankhyalabs/core';
 import { IGridConfig, IStatusResolver, StatusResolverFunction } from '@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController';
-import { DataState } from '../snk-data-unit/snk-data-unit';
+import { DataState, SnkDataUnit } from '../snk-data-unit/snk-data-unit';
 import { Action, TaskbarManager } from '../snk-taskbar/snk-taskbar';
 import { SnkApplication } from '../snk-application/snk-application';
 import { PresentationMode } from '../../lib/@types';
 import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
 import { SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
-import { ISelectionToastConfig } from '@sankhyalabs/ezui/dist/types/components/ez-grid/interfaces';
+import { ICustomFormatter, ISelectionToastConfig } from '@sankhyalabs/ezui/dist/types/components/ez-grid/interfaces';
 import { IRecordValidator } from '@sankhyalabs/ezui/dist/types/utils/form/interfaces';
 import { IMultiSelectionListDataSource } from '@sankhyalabs/ezui/dist/types/components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource';
+import { ICustomEditor, ICustomRender } from '@sankhyalabs/ezui/dist/types/utils';
+import RmPrecisionCustomValueFormatter from '../../lib/DefaultCustomFormatters/RmPrecisionCustomValueFormatter';
 export declare class SnkGrid {
   _grid: HTMLEzGridElement;
   _snkDataUnit: HTMLSnkDataUnitElement;
@@ -18,6 +20,16 @@ export declare class SnkGrid {
   _snkFilterBar: HTMLSnkFilterBarElement;
   _columnSearch: HTMLEzSearchElement;
   _moreOptions: HTMLEzActionsButtonElement;
+  _customEditors: Map<string, {
+    customEditor: ICustomEditor;
+    detailContext: string;
+  }>;
+  _customRenders: Map<string, {
+    customRender: ICustomRender;
+    detailContext: string;
+  }>;
+  _snkDataUnitInstance: SnkDataUnit;
+  _rmPrecisionCustomValueFormatter: RmPrecisionCustomValueFormatter;
   _topTaskbarProcessor: TaskbarProcessor;
   _headerTaskbarProcessor: TaskbarProcessor;
   _element: HTMLElement;
@@ -32,6 +44,10 @@ export declare class SnkGrid {
    * Nome usado para salvar/recuperar a configuração.
    */
   configName: string;
+  /**
+   * Título que será apresentado na barra de filtros
+   */
+  filterBarTitle: string;
   /**
    * Identificador de recursos como configurações e acesso.
    */
@@ -94,6 +110,27 @@ export declare class SnkGrid {
    * Nome do slot de elementos customizados da Taskbar principal do componente.
    */
   topTaskbarCustomSlotId: string;
+  /**
+  * Desabilita a apresentação da opção de filtros personalizados na filter bar (chip de filtros)
+  * e no modal lateral de filtros (container de filtros personalizados).
+  */
+  disablePersonalizedFilter: boolean;
+  /**
+   * Chave da configuração legado da grade.
+   */
+  gridLegacyConfigName: string;
+  /**
+   * Chave da configuração legado da barra de filtros.
+   */
+  filterBarLegacyConfigName: string;
+  /**
+   * Define se a carga dos dados será feita assim que o componente for carregado.
+   */
+  autoLoad?: boolean;
+  /**
+   * Define se a grid será focada ao ser carregada.
+   */
+  autoFocus?: boolean;
   /**
    * Emitido sempre que houver click de botão ou ação.
    */
@@ -126,20 +163,45 @@ export declare class SnkGrid {
    * Abre o localizador de colunas
    */
   findColumn(): Promise<void>;
+  /**
+   * Registra um editor customizado para campos da grade e formulário
+   */
+  addCustomEditor(fieldName: string, customEditor: ICustomEditor, detailContext?: string): Promise<void>;
+  /**
+   * Registra um render customizado para colunas da grid.
+   */
+  addGridCustomRender(fieldName: string, customRender: ICustomRender, detailContext?: string): Promise<void>;
+  /**
+   * Registra um formatador de valores para uma coluna da grid.
+   */
+  addCustomValueFormatter(columnName: string, customFormatter: ICustomFormatter): Promise<void>;
+  /**
+   * Remove o formatador de valores de uma coluna da grid.
+   */
+  removeCustomValueFormatter(columnName: string): Promise<void>;
+  /**
+   * Atribui o foco para a grade.
+   */
+  setFocus(): Promise<void>;
+  handleGridLegacyConfigName(newLegacyConfig: string, oldLegacyConfig: string): Promise<void>;
   private openGridConfig;
   private closeGridConfig;
   private setGridConfig;
-  private assertDefaultSorting;
   private loadConfig;
+  private addGridLegacyConfigName;
   private gridConfigChangeHandler;
   private modalConfigChangeHandler;
-  private buildColumnsMetadata;
-  private getPaginationInfo;
-  private getExporterOffset;
   private dataExporterProviderStore;
   private addElementID;
-  private finshLoading;
+  private loadGridCustomFormatters;
+  private interceptMetadataLoaded;
+  private dataUnitInterceptor;
+  private finishLoading;
+  private setCustomRenders;
+  private setCustomEditors;
   componentWillLoad(): void;
+  componentDidRender(): void;
+  private handleDataStateChange;
   getHeaderDisabledButtons(): Array<string>;
   private getInvisibleButtons;
   componentWillRender(): void;

package/dist/types/components/{snk-grid/subcomponents/snk-grid-config → snk-grid-config}/snk-grid-config.d.ts

@@ -1,8 +1,7 @@
 import { EzGridColumn, IGridConfig } from '@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController';
 import { ListItem } from '@sankhyalabs/ezui/dist/types/components/ez-list/ez-list';
 import { Tab } from '@sankhyalabs/ezui/dist/types/components/ez-tabselector/ez-tabselector';
-import { EventEmitter } from '../../../../stencil-public-runtime';
-import { SnkApplication } from '../../../snk-application/snk-application';
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SnkGridConfig {
   private _columnList;
   private _orderList;
@@ -18,10 +17,6 @@ export declare class SnkGridConfig {
    * Aba selecionada das configurações da grade.
   */
   selectedIndex: number;
-  /**
-   * Referência para o SnkApplication
-   */
-  application: SnkApplication;
   /**
    * Colunas da grade.
    */
@@ -53,18 +48,28 @@ export declare class SnkGridConfig {
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-grid.msg.ts"
    */
   private getMessage;
+  private getSortableColumns;
   private createOrderList;
   private createColumnList;
+  private createColumnListSlotDataElementId;
   private buildColumnListSlot;
+  private createOrderListSlotDataElementId;
   private buildOrderListSlot;
   private updateOrder;
   switchColumnGroup(evt: CustomEvent, switchedItem: ListItem): void;
   finish(): void;
+  private saveGridConfigOnStorage;
+  private reOrderPriorityColumns;
   private save;
   createConfigFromState(state: any): {
     columns: any[];
   };
   locateColumn(evt: KeyboardEvent, searchingText?: string): Promise<void>;
+  private getMatchedIndexes;
+  private getNewSelectedIndex;
+  private updateOrderListSelection;
+  private updateColumnListSelection;
+  private removeSelection;
   private compareWords;
   private getColumnNames;
   closeConfig(): void;

package/dist/types/components/{snk-grid/subcomponents → snk-grid-config}/snk-select-box/snk-select-box.d.ts

@@ -1,5 +1,5 @@
 import { IOption } from '@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box';
-import { EventEmitter } from '../../../../stencil-public-runtime';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class SelectBox {
   /**
    * Emitido ao alterar a seleção do componente snk-select-box.

package/dist/types/components/snk-simple-crud/regular-buttons.d.ts

@@ -0,0 +1,3 @@
+declare const REGULAR_DEFAULT_BTNS: string[];
+declare const REGULAR_SELECTED_BTNS: string[];
+export { REGULAR_DEFAULT_BTNS, REGULAR_SELECTED_BTNS };

package/dist/types/components/snk-simple-crud/snk-simple-crud.d.ts

@@ -2,6 +2,7 @@ import { DataUnit, Record, UnitMetadata } from '@sankhyalabs/core';
 import { EventEmitter } from '../../stencil-public-runtime';
 import { SIMPLE_CRUD_MODE, VIEW_MODE } from '../../lib/utils/constants';
 import { DataState } from '../snk-data-unit/snk-data-unit';
+import { FormConfigFetcher } from '../../lib';
 import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
 import { Action, TaskbarManager } from '../snk-taskbar/snk-taskbar';
 import InMemoryLoader from '../../lib/dataUnit/InMemoryLoader';
@@ -9,12 +10,12 @@ import { IFieldConfig, IFormConfig } from '@sankhyalabs/ezui/dist/types/utils/fo
 import { SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
 import { IGridConfig } from '@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController';
 import SnkMultiSelectionListDataSource from '../snk-grid/filtercolumn/SnkMultiSelectionListDataSource';
-import { IAction } from '@sankhyalabs/ezui/dist/types/utils';
+import { IAction, ICustomEditor, ICustomRender } from '@sankhyalabs/ezui/dist/types/utils';
+import { SnkFormConfigManager } from '../snk-form-config/SnkFormConfigManager';
+import { ICustomFormatter } from '@sankhyalabs/ezui/dist/types/components/ez-grid/interfaces';
 export declare class SnkSimpleCrud {
-  private readonly REGULAR_DEFAULT_BTNS;
-  private readonly REGULAR_SELECTED_BTNS;
   _viewStack: HTMLEzViewStackElement;
-  _snkGrid: HTMLSnkGridElement;
+  _snkConfigurator: HTMLSnkConfiguratorElement;
   _inMemoryLoader: InMemoryLoader;
   _metadata: UnitMetadata;
   _multiSelectionListDataSource: SnkMultiSelectionListDataSource;
@@ -22,22 +23,49 @@ export declare class SnkSimpleCrud {
   _fieldSearch: HTMLEzSearchElement;
   _moreOptions: HTMLEzActionsButtonElement;
   _grid: HTMLEzGridElement;
+  _snkGridConfig: HTMLSnkGridConfigElement;
   _keyDownHandler: (event: KeyboardEvent) => Promise<void>;
+  _resourceID: string;
+  _formConfigManager: SnkFormConfigManager;
+  _gridConfigAlreadyLoaded: boolean;
+  _formConfigAlreadyLoaded: boolean;
+  _formConfigFetcher: FormConfigFetcher;
+  _customEditors: Map<string, ICustomEditor>;
+  _customRenders: Map<string, ICustomRender>;
+  private _form;
+  private _rmPrecisionCustomValueFormatter;
+  private _snkDataUnit;
   private _element;
+  _showPopUpGridConfig: boolean;
+  _showFormConfig: boolean;
   _currentViewMode: VIEW_MODE;
   _config: {};
   _fieldToGetFocus: string;
+  _customContainerId: string;
   dataState: DataState;
   dataUnit: DataUnit;
+  /**
+   * Define o nome da entidade que o componente vai utilizar para fazer as operações de CRUD
+   */
+  entityName: string;
   mode: SIMPLE_CRUD_MODE;
   gridConfig: IGridConfig;
   formConfig: IFormConfig;
   _formFields: IFieldConfig[];
+  private _fieldsProps;
   /**
    * Determina se pode haver mais de uma linha selecionada na grade.
    */
   multipleSelection: boolean;
   useCancelConfirm: boolean;
+  /**
+   * Determina quantas linhas são retornadas por página.
+   */
+  pageSize: number;
+  /**
+   * Identificador de recursos como configurações e acesso.
+   */
+  resourceID: string;
   /**
    * Emitido quando há qualquer mudança de estado no DataUnit.
    */
@@ -54,6 +82,14 @@ export declare class SnkSimpleCrud {
    * Responsável por notificar quando ocorrer a renderização de itens do formulário.
    */
   formItemsReady: EventEmitter<Array<HTMLElement>>;
+  /**
+   * Emitido quando salva a configuração no configurator do CRUD.
+   */
+  configuratorSave: EventEmitter<any>;
+  /**
+   * Emitido quando cancela o salvamento da configuração no configurator do CRUD.
+   */
+  configuratorCancel: EventEmitter<any>;
   /**
  * Gerenciador das barras de tarefas. É possível determinar botões específicos
  * ou mesmo gerenciar o estado dos botões.
@@ -67,34 +103,121 @@ export declare class SnkSimpleCrud {
    * Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade.
    */
   useEnterLikeTab: boolean;
+  /**
+   * Ações a serem colocadas no botão "Mais opções" do componente snk-taskbar.
+   */
+  actionsList: Array<Action>;
+  /**
+   * Usado para salvar as configurações dos blocos de construção.
+   */
+  configName: string;
+  /**
+   * Usado para exibir os botões de ação do snk-configurator.
+   */
+  showConfiguratorButtons: boolean;
+  /**
+   * Chave da configuração legado da grade.
+   */
+  gridLegacyConfigName: string;
+  /**
+   * Chave da configuração legado do formulário.
+   */
+  formLegacyConfigName: string;
+  /**
+   * Ignora os campos "somente leitura" no modo de inserção.
+   */
+  ignoreReadOnlyFormFields: boolean;
+  /**
+   * Define se a grid será focada ao ser carregada.
+   */
+  autoFocus?: boolean;
+  /**
+   * Registra um editor customizado para campos da grade e formulário.
+   */
+  addCustomEditor(fieldName: string, customEditor: ICustomEditor): Promise<void>;
+  /**
+   * Registra um render customizado para colunas da grid.
+   */
+  addGridCustomRender(fieldName: string, customRender: ICustomRender): Promise<void>;
+  /**
+   * Define se a carga dos dados será feita assim que o componente for carregado.
+   */
+  autoLoad?: boolean;
+  handleResourceIDChanged(newValue: string, oldValue: string): void;
+  /**
+   * Registra um formatador de valores para uma coluna da grid.
+   */
+  addCustomValueFormatter(columnName: string, customFormatter: ICustomFormatter): Promise<void>;
+  /**
+   * Remove o formatador de valores de uma coluna da grid.
+   */
+  removeCustomValueFormatter(columnName: string): Promise<void>;
+  /**
+   * Altera/adiciona uma propriedade nos metadados do campo.
+   */
+  setFieldProp(fieldName: string, propName: string, value: any): Promise<void>;
   _taskbarProcessor: TaskbarProcessor;
+  private getButtons;
+  private addConfigButton;
+  private get application();
   resolveInMemoryBtns(taskbarButtons: Array<string>): Array<string>;
   /**
    * Usado para alternar a visão entre GRID e FORM externamente.
    */
   goToView(view: VIEW_MODE): Promise<void>;
   actionClickListener(evt: CustomEvent): void;
+  onChangeEntityName(newValue: string): Promise<void>;
   onModeChange(): void;
   observeDataState(newValue: DataState, oldValue: DataState): void;
-  componentWillRender(): void;
+  observeFormLegacy(newValue: string, oldValue: string): Promise<void>;
+  observeGridLegacy(newValue: string, oldValue: string): Promise<void>;
+  private handleDataStateChange;
+  private processRmPrecision;
+  private handleUpdateGridLegacyConfig;
+  private handleUpdateFormLegacyConfig;
+  private openConfig;
+  private openGridConfig;
+  private openFormConfig;
+  private addGridLegacyConfigName;
+  private loadGridConfig;
+  private formConfigIsLoaded;
+  private loadFormConfig;
+  componentWillRender(): Promise<void>;
+  componentDidRender(): void;
   componentWillLoad(): void;
+  componentDidLoad(): void;
+  private setCustomRenders;
+  private setCustomEditors;
   configDatasource(): void;
+  private setFieldsProps;
   getTaskBarId(): string;
   initInMemoryDataUnit(): void;
   setMetadata(metadata: UnitMetadata): Promise<void>;
   setRecords(records: Array<Record>): Promise<void>;
   getRecords(): Promise<Array<Record>>;
+  /**
+   * Usado para abrir o configurator do CRUD
+   */
+  openConfigurator(): Promise<void>;
+  /**
+   * Usado para fechar o configurator do CRUD
+   */
+  closeConfigurator(): Promise<void>;
+  updateConfig(): Promise<void>;
   processMetadata(): void;
+  private addGridCustomValueFormattters;
   onDataStateChange(evt: any): void;
   getTaskBarDisabledButtons(): Array<string>;
   handleCancelEdit(): void;
+  private handleConfiguratorEvent;
   getColumnSearch(actionButton: any, item: IAction): HTMLElement;
   private onSelectField;
   getFieldSearch(actionButton: any, item: IAction): HTMLElement;
   private getFormFields;
   private handleFormSetFields;
   private fieldsOptionLoader;
-  getActionsList(): Array<Action>;
+  private getActionsList;
+  private getTopTaskBarId;
   keyDownListener(event: KeyboardEvent): Promise<void>;
   findField(): Promise<void>;
   findColumn(): Promise<void>;
@@ -102,5 +225,18 @@ export declare class SnkSimpleCrud {
   private clearFieldToFocusHandler;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  private gridConfigChangeHandler;
+  private modalConfigChangeHandler;
+  private dataExporterProviderStore;
+  private getDataExporterStoreKey;
+  private setGridConfig;
+  private setFormConfig;
+  private closeGridConfig;
+  private closeFormConfig;
+  private getPageSize;
+  private handleShowFormConfig;
+  private resolveResourceID;
+  private getFormConfig;
+  private updateFormConfig;
   render(): any;
 }

package/dist/types/components/snk-taskbar/elements/taskbar-elements.d.ts

@@ -30,4 +30,4 @@ export declare enum VisibleWhenForbidden {
   CONFIGURATOR = "CONFIGURATOR"
 }
 export declare const buildCustomButton: (def: CustomButton, className: string, dataElementId: string, action: (name: string) => void, isEnabled: (name: string) => boolean) => HTMLElement;
-export declare const buildElem: (element: TaskbarElement, className: string, dataElementId: string, getTitle: (name: string) => string, action: (name: string) => void, isEnabled: (name: string) => boolean, actions: Array<Action>, configName: string, presentationMode: PresentationMode) => HTMLElement;
+export declare const buildElem: (element: TaskbarElement, className: string, dataElementId: string, getTitle: (name: string) => string, action: (name: string) => void, isEnabled: (name: string) => boolean, actions: Array<Action>, dataExporterStoreKey: string, presentationMode: PresentationMode) => HTMLElement;

package/dist/types/components/snk-taskbar/snk-taskbar.d.ts

@@ -1,4 +1,4 @@
-import { DataUnit } from '@sankhyalabs/core';
+import { DataUnit, OverflowWatcher } from '@sankhyalabs/core';
 import { EventEmitter, VNode } from '../../stencil-public-runtime';
 import { SnkApplication } from '../snk-application/snk-application';
 import { DataState } from '../snk-data-unit/snk-data-unit';
@@ -8,13 +8,26 @@ import { SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
 import { IAction } from '@sankhyalabs/ezui/dist/types/utils';
 export declare class SnkTaskbar {
   readonly TASKBAR_ITEM_ID_PREFIX = "TASKBAR_ITEM_";
+  readonly TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME = "taskbar-custom-elements-container";
+  readonly ACTIONS_BUTTON_TAG = "TASKBAR-ACTIONS-BUTTON";
+  readonly NOT_OVERFLOW_ELEMENTS: string[];
   _application: SnkApplication;
   _definitions: Array<string>;
+  _overFlowWatcher: OverflowWatcher;
   private _element;
   _permissions: any;
+  _overFlowedElements: HTMLElement[];
   _customElements: Map<string, any>;
   _customElementsId: Array<string>;
   _slotContainer: Element;
+  _hiddenActionsList: Array<Action>;
+  _lastWidth: number | undefined;
+  _hasToUpdateOverFlow: boolean;
+  _isWaitingForSave: boolean;
+  /**
+   * Usado para determinar O alinhamento dos items na taskbar.
+   */
+  alignRigth: boolean;
   /**
    * Usado para determinar o identificador do slot que recebe elementos personalizados.
    */
@@ -26,6 +39,10 @@ export declare class SnkTaskbar {
    * Exemplo: Elementos customizados na Taskbar da aba de detalhes.
    */
   customContainerId: string;
+  /**
+   * Define como será o comportamento da taskbar quando ocorrer overflow
+   */
+  overflowStrategy: 'hiddenItems' | 'none';
   /**
    * Usado para guardar ou recuperar as configurações do formulário.
    */
@@ -71,6 +88,8 @@ export declare class SnkTaskbar {
    * Emitido sempre que houver click de botão ou ação.
    */
   actionClick: EventEmitter<string>;
+  handleCustomSlotElementsLoaded(event: CustomEvent): void;
+  private hasToSearchCustomElements;
   _titleKeyByElement: {
     UPDATE: string;
     PREVIOUS: string;
@@ -88,6 +107,8 @@ export declare class SnkTaskbar {
     ATTACH: string;
   };
   observeButtons(): void;
+  observeDisabledButtons(): void;
+  observeLastWidth(newValue: any, oldValue: any): void;
   elementsFromString(strButtons: string): Array<TaskbarElement>;
   private isAllowed;
   /**
@@ -101,6 +122,7 @@ export declare class SnkTaskbar {
   private isEnabled;
   private validatePresentationMode;
   getElement(index: number, def: TaskbarElement | CustomButton): HTMLElement;
+  buildDynamicActionsList(): Array<Action>;
   getIdElemBtnNative(taskbarElem: TaskbarElement): string;
   getIdElemBtnCustom(btnCustom: CustomButton): string;
   isDivider(element: VNode): boolean;
@@ -109,14 +131,29 @@ export declare class SnkTaskbar {
   private addCustomElementContainer;
   private getCustomElements;
   private buildSlotContainer;
+  private onSaveEvent;
   componentWillLoad(): void;
   componentWillRender(): void;
+  private handleDefinitions;
+  private updateOverFlowIfNeeded;
+  private handleOverFlow;
+  private resetOverFlowedElements;
+  private doOverFlowElements;
+  private addItemToActionList;
+  private getTaskbarElementName;
+  private getTaskbarElementIcon;
+  private getTaskbarElementLabel;
+  private hasToIgnoreOverFlow;
+  private handleOverFlowStrategy;
+  private buildOverFlowWatcherParams;
   componentDidLoad(): void;
   componentDidRender(): void;
+  private updateLastWidth;
   disconnectedCallback(): void;
   private unlinkAllCustomElements;
   private unlinkCustomElementFromTaskbar;
   render(): any;
+  private getHostClasses;
 }
 export interface Action extends IAction {
   type?: 'divider' | 'item';