@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-131882.2 → 0.0.0-bugfix-dev-KB-174860.0

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

@@ -0,0 +1,95 @@
+import { DataUnit } from '@sankhyalabs/core';
+import { IFormConfig } from '@sankhyalabs/ezui/dist/types/utils/form/interfaces';
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
+import { CustomGuideItem } from "../snk-crud/subcomponents/snk-guides-viewer";
+import { IGuideConfig } from './FormConfigHelper';
+import { SnkFormConfigManager } from './SnkFormConfigManager';
+export declare class SnkDynaformFormConfig {
+  private guidesMap;
+  private refFieldsLayout;
+  private refMainFieldsLayout?;
+  private availableFields;
+  private guidesList;
+  private groupsList;
+  private mainGuide?;
+  private mainGroupsList;
+  private selectedGuide?;
+  private _formConfig;
+  private configOptions;
+  private originalConfigSelected;
+  private configSelected;
+  private hasChanges;
+  private optionConfigChanged;
+  /**
+   * Repositório de dados, controla a manipulação dos dados.
+   */
+  dataUnit: DataUnit;
+  /**
+   * Campos de configuração de formulário.
+   */
+  configManager: SnkFormConfigManager;
+  /**
+   * Ignora os campos "somente leitura" no modo de inserção.
+   */
+  ignoreReadOnlyFormFields?: boolean;
+  /**
+   * Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção.
+   */
+  messagesBuilder: SnkMessageBuilder;
+  /**
+   * Informações das guias personalizadas.
+   */
+  customGuidesConfig?: Array<CustomGuideItem>;
+  /**
+   * Emitido ao fechar as configurações.
+   */
+  configClose: EventEmitter<void>;
+  /**
+   * Emitido ao salvar as configurações.
+   */
+  configChange: EventEmitter<IFormConfig>;
+  handleFieldConfigChanged(): void;
+  handleFormConfigOptionSelected({ detail }: CustomEvent): Promise<void>;
+  handleAddFieldToGuide({ detail: fieldItem }: CustomEvent): Promise<void>;
+  handleSetFieldAsAvailable({ detail }: CustomEvent): Promise<void>;
+  handleRemoveFieldFromAvailable({ detail }: CustomEvent): Promise<void>;
+  observeSelectedGuide(guide: IGuideConfig): void;
+  observeConfigManager(): void;
+  private showNoGuideSelectedDialog;
+  private showCanNotAddFieldToGuideDialog;
+  /**
+   * 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:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-form.msg.ts"
+   */
+  private getMessage;
+  private initializeUserConfig;
+  private loadConfigByUser;
+  private handleLoadDefaultConfig;
+  private isConfigDefaultSelected;
+  private loadFormConfig;
+  private initializeAvailableFields;
+  private getInitialOrder;
+  private loadGuides;
+  private ensureSelectedGuide;
+  private getConfig;
+  private handleSelectGuide;
+  private handleLayoutChanged;
+  private handleMainLayoutChanged;
+  private getIsDefaultConfig;
+  private getTabsToSave;
+  private handleSaveConfig;
+  private buildConfigToSave;
+  private handleAvailableFieldListChanged;
+  private handleSetFieldListAsAvailable;
+  private handleGuideDeleted;
+  private handleGuideListChanged;
+  private handleGuideRenamed;
+  private handleCreateNewGuide;
+  private getGuideNames;
+  componentWillRender(): Promise<void>;
+  componentWillLoad(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/snk-dynaform-form-config/snk-dynaform-guides-configurator/snk-dynaform-guides-configurator.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { SnkMessageBuilder } from '../../../lib/message/SnkMessageBuilder';
+import { IGuideConfig } from '../FormConfigHelper';
+export declare class SnkDynaformGuidesConfigurator {
+  private mainGuide;
+  private visibleGuides;
+  private hiddenGuides;
+  guideSelected: EventEmitter<IGuideConfig>;
+  guideListChanged: EventEmitter<IGuideConfig[]>;
+  guideDeleted: EventEmitter<IGuideConfig>;
+  createNewGuide: EventEmitter<void>;
+  guidesList: IGuideConfig[];
+  selectedGuide: IGuideConfig;
+  mainGuideName?: string;
+  messagesBuilder: SnkMessageBuilder;
+  observeGuidesList(newGuides: IGuideConfig[]): void;
+  observeMainGuideName(): void;
+  observeSelectedGuide(newGuide: IGuideConfig): void;
+  componentWillLoad(): void;
+  private getMessage;
+  private sortLogic;
+  private initGuidesConfig;
+  private handleAddGuide;
+  private handleSelectGuide;
+  private toggleGuideVisibility;
+  private adjustListOrder;
+  private applyGuidesUpdate;
+  private handleDeleteGuide;
+  private buildTabs;
+  private handleTabChange;
+  private handleReorder;
+  private renderTabActions;
+  private renderHiddenGuidesBar;
+  render(): any;
+}

package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-search.d.ts

@@ -35,6 +35,7 @@ export declare class SnkFilterSearch {
    * Limpa o valor do componente restaurando o valor original da configuração.
    */
   clearValue(): Promise<void>;
+  getValueAsync(): Promise<IOption>;
   getInputItem(): any;
   render(): any;
 }

package/dist/types/components/snk-filter-bar/filter-item/snk-filter-detail.d.ts

@@ -44,7 +44,7 @@ export declare class SnkFilterDetail {
   buildIcon(title: string, iconName: string, action: Function): any;
   buildIdButton(buttonElement: HTMLButtonElement, title: string): void;
   clearBinarySelectValues(): void;
-  apply(): any;
+  apply(): Promise<any>;
   isVisible(): boolean;
   clear(): void;
   filterCanBeCleared(): boolean;

package/dist/types/components/snk-filter-bar/filter-item/snk-filter-item.d.ts

@@ -24,6 +24,10 @@ export declare class SnkFilterItem {
    * Usado para controlar a visibilidade dos chips de filtros
    */
   showChips: boolean;
+  /**
+   * @description Define o tamanho dos chips da barra de filtros, podendo ser 'default', 'medium' ou 'large'.
+   */
+  sizeChips: 'default' | 'medium' | 'large';
   /**
    * Emitido quando o detalhe de um item da lista é aberto ou fechado.
    */
@@ -36,7 +40,7 @@ export declare class SnkFilterItem {
   /**
    * Emitido quando o estado do filtro é alterado.
    */
-  filterChangeListener(event: CustomEvent<SnkFilterItemConfig>): void;
+  filterChangeListener(_event: CustomEvent<SnkFilterItemConfig>): void;
   /**
    * Exibe os detalhes de um item da lista.
    */

package/dist/types/components/snk-filter-bar/snk-filter-bar.d.ts

@@ -7,8 +7,8 @@ import { IPersonalizedFilter } from '../snk-personalized-filter/interfaces/IPers
 import FilterItemType from './filter-item/filter-item-type.enum';
 import { SnkFilterItemConfig } from './filter-item/snk-filter-item';
 export declare class SnkFilterBar implements FilterProvider {
-  private _elPersonalizedFilter;
   _element: HTMLElement;
+  _elPersonalizedFilter: HTMLSnkPersonalizedFilterElement;
   _application: SnkApplication;
   _updateSequence: Array<string>;
   _loadingPending: boolean;
@@ -18,9 +18,6 @@ export declare class SnkFilterBar implements FilterProvider {
   _isDefaultFilter: boolean;
   _customfiltersToBeUpdated: Array<SnkFilterItemConfig>;
   _resolveLoading: any;
-  _calculateSortIndex: (item: SnkFilterItemConfig) => number;
-  private hasValidValue;
-  _filtersComparator: (a: SnkFilterItemConfig, b: SnkFilterItemConfig) => number;
   /**
    * @description Define se o componente deve usar o LockManager para controle de carregamento.
    */
@@ -91,6 +88,14 @@ export declare class SnkFilterBar implements FilterProvider {
    * @returns {Array<SnkFilterItemConfig>} Retorna a lista de configurações de filtros.
    */
   filterCustomConfigInterceptor?: (config: Array<SnkFilterItemConfig>) => Array<SnkFilterItemConfig>;
+  /**
+   *  @description Define se o botão de filtros deve ser ocultado.
+   */
+  hideFilterButton: boolean;
+  /**
+   * @description Define o tamanho dos chips da barra de filtros, podendo ser 'default', 'medium' ou 'large'.
+   */
+  sizeChips: 'default' | 'medium' | 'large';
   /**
    * @description Evento emitido quando a configuração dos filtros é atualizada.
    * @param {SnkFilterItemConfig[]} configs - Lista de configurações de filtros atualizadas.
@@ -103,7 +108,6 @@ export declare class SnkFilterBar implements FilterProvider {
   personalizedFilterId: string;
   isFilterModalOpen: boolean;
   observeFilterConfig(newValue: Array<SnkFilterItemConfig>, oldValue: Array<SnkFilterItemConfig>): void;
-  private handleFilterConfigsChanged;
   /**
    * @description Faz o recarregamento da barra de filtros buscando o state no servidor.
    * @async
@@ -138,7 +142,28 @@ export declare class SnkFilterBar implements FilterProvider {
   * @returns {Promise<SnkFilterItemConfig|undefined>} Retorna o item de filtro removido, ou undefined caso não seja encontrado.
   */
   removeFilterItem(filterID: string): Promise<SnkFilterItemConfig | undefined>;
-  componentDidLoad(): void;
+  /**
+   * @description Retorna os filtros ativos na barra de filtros.
+   * @returns {Promise<Array<Filter>>} Retorna uma Promise que resolve com a lista de filtros ativos.
+   */
+  getFilters(): Promise<Filter[]>;
+  /**
+   * @description Abre o modal de filtros.
+   * @async
+  */
+  showFilterModal(): Promise<void>;
+  /**
+   * Emitido quando acontece a alteração do estado do filtro.
+   */
+  filterChangeListener(evt: CustomEvent): void;
+  /**
+   * Escuta quando há um filtro do tipo pesquisa retorna um valor vazio.
+   */
+  emptySearchListener(_evt: CustomEvent): Promise<void>;
+  private handleFilterConfigsChanged;
+  _calculateSortIndex: (item: SnkFilterItemConfig) => number;
+  private hasValidValue;
+  _filtersComparator: (a: SnkFilterItemConfig, b: SnkFilterItemConfig) => number;
   private processPendingFilter;
   private getPersonalizedFilterItem;
   private processAfterUpdateConfig;
@@ -150,7 +175,6 @@ export declare class SnkFilterBar implements FilterProvider {
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-filter-bar.msg.ts"
    */
   private getMessage;
-  getFilters(): Promise<Filter[]>;
   getFilter(_dataUnit: string): Array<Filter>;
   private isActiveFilter;
   private registryFilterProvider;
@@ -166,15 +190,7 @@ export declare class SnkFilterBar implements FilterProvider {
   private addFilterBarLegacyConfigName;
   private loadConfigFromStorage;
   private attachDataUnit;
-  /**
-  * Emitido quando acontece a alteração do estado do filtro.
-  */
-  filterChangeListener(evt: CustomEvent): void;
-  /**
-   * @description Abre o modal de filtros.
-   * @async
-  */
-  showFilterModal(): Promise<void>;
+  private showPersonalizedFilterItem;
   addPersonalizedFilter(isDefault?: boolean): void;
   editPersonalizedFilter(id: string, isDefault?: boolean): void;
   deletePersonalizedFilter(filter: IPersonalizedFilter, filterItemType: FilterItemType, configName: string, isDefault?: boolean): void;
@@ -184,5 +200,6 @@ export declare class SnkFilterBar implements FilterProvider {
   hidePersonalizedFilter(): void;
   componentWillLoad(): Promise<void>;
   componentDidRender(): void;
+  componentDidLoad(): void;
   render(): any;
 }

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

@@ -1,5 +1,5 @@
 import { DataUnit, KeyboardManager } from '@sankhyalabs/core';
-import { IGridConfig, IStatusResolver, StatusResolverFunction } from '@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController';
+import { EzGridColumn, IGridConfig, IStatusResolver, StatusResolverFunction } from '@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController';
 import { ICustomFormatter, ISelectionToastConfig } from '@sankhyalabs/ezui/dist/types/components/ez-grid/interfaces';
 import { IMultiSelectionListDataSource } from '@sankhyalabs/ezui/dist/types/components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource';
 import { ICustomEditor, ICustomRender } from '@sankhyalabs/ezui/dist/types/utils';
@@ -35,6 +35,7 @@ export declare class SnkGrid {
   _keyboardManager: KeyboardManager;
   _topTaskbarProcessor: TaskbarProcessor;
   _headerTaskbarProcessor: TaskbarProcessor;
+  private getDetailGridSelectedBtns;
   private getGridHeaderSelectedBtns;
   private _continuousInsertUtils;
   _element: HTMLElement;
@@ -210,6 +211,21 @@ export declare class SnkGrid {
    * @returns {Array<SnkFilterItemConfig>} Retorna a lista de configurações de filtros.
    */
   filterCustomConfigInterceptor?: (config: Array<SnkFilterItemConfig>) => Array<SnkFilterItemConfig>;
+  /**
+   * Oculta a paginação da grade.
+   * @default false
+   */
+  hidePagination: boolean;
+  /**
+   * Oculta o cabeçalho da grade (filtros e taskbar superior).
+   * @default false
+   */
+  hideHeader: boolean;
+  /**
+   * Oculta a barra de tarefas interna da grade.
+   * @default false
+   */
+  hideGridTaskbar: boolean;
   /**
    * Emitido ao clicar em um botão de ação ou item de menu.
    * @description Este evento é acionado quando o usuário clica em um botão de ação ou item de menu na grade, permitindo a execução de ações específicas.
@@ -311,6 +327,18 @@ export declare class SnkGrid {
    * @returns {Promise<void>} Uma promessa que é resolvida quando o foco é atribuído.
    */
   setFocus(): Promise<void>;
+  /**
+   * Manipula a mudança de página da grid.
+   */
+  handlePageChange(): Promise<void>;
+  /**
+   * Localiza determinada coluna tornando-a visível.
+   */
+  locateColumn(columnName: string): Promise<void>;
+  /**
+   * Usa um argumento para filtrar as colunas por label
+   */
+  filterColumns(search: string): Promise<EzGridColumn[]>;
   handleClick(event: MouseEvent): Promise<void>;
   private hasToBlockEvent;
   handleGridLegacyConfigName(newLegacyConfig: string, oldLegacyConfig: string): Promise<void>;

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

@@ -1,3 +1,4 @@
+import { UnitMetadata } from '@sankhyalabs/core';
 import { EzGridColumn, IGridConfig } from '@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController';
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SnkGridConfig {
@@ -34,6 +35,10 @@ export declare class SnkGridConfig {
    * Nome usado para salvar/recuperar a configuração.
    */
   resourceID: string;
+  /**
+   * Define a propriedade metadata da instância
+   */
+  metadata: UnitMetadata;
   /**
    * Emitido ao salvar a alteração das configurações.
    */
@@ -77,6 +82,8 @@ export declare class SnkGridConfig {
   private getListSlots;
   private renderResetConfigBtn;
   setDefaultConfig(): Promise<void>;
+  private transformListToConfig;
+  private getDefaultWidthBasedOnMetadata;
   private buildListItemFromColumn;
   render(): any;
 }

package/dist/types/components/snk-image-input/snk-image-input.d.ts

@@ -3,6 +3,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SnkImageInput {
   private application;
   private messagesBuilder?;
+  private _loadAbortController?;
   /**
    * DataUnit associado ao componente
    */

package/dist/types/components/snk-image-input/utils/ImageUtils.d.ts

@@ -12,4 +12,4 @@ export declare function getBaseUrl(pk: {
 }, entityName: string, fieldName: string): string | undefined;
 export declare function getPKs(dataUnit: DataUnit): Record<string, any> | undefined;
 export declare function imageBlobToBase64(blob: Blob): Promise<string>;
-export declare function downloadImage(pks: Record<string, any>, fieldName: string, entityName: string): Promise<string>;
+export declare function downloadImage(pks: Record<string, any>, fieldName: string, entityName: string, signal?: AbortSignal): Promise<string>;

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

@@ -3,6 +3,7 @@ import { Action } from '../../snk-taskbar';
 export declare class TaskbarActionsButton {
   private _element;
   private _showDropdown;
+  private _openToLeft;
   /**
    * Texto que será exibido no botão
    */
@@ -15,6 +16,10 @@ export declare class TaskbarActionsButton {
    * Define a lista de ações.
    */
   actions: Array<Action>;
+  /**
+   * Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'.
+   */
+  size: 'small' | 'medium' | 'large';
   /**
    * Emitido ao selecionar uma ação
    */
@@ -42,6 +47,7 @@ export declare class TaskbarActionsButton {
    */
   taskbarActionsButtonDisconnected: EventEmitter<void>;
   private controlDropdown;
+  private checkDropdownPosition;
   private loadItems;
   private canShowDropdown;
   private onSelectAction;

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

@@ -14,6 +14,7 @@ export declare enum TaskbarElement {
   FORM_MODE = "FORM_MODE",
   MORE_OPTIONS = "MORE_OPTIONS",
   DIVIDER = "DIVIDER",
+  SPACER = "SPACER",
   CONFIGURATOR = "CONFIGURATOR",
   DATA_EXPORTER = "DATA_EXPORTER",
   ATTACH = "ATTACH",
@@ -30,5 +31,31 @@ export declare enum AuthorizationElements {
 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>, dataExporterStoreKey: string, presentationMode: PresentationMode) => HTMLElement;
+interface TaskbarCustomElement {
+  def: CustomButton;
+  className: string | {
+    [className: string]: boolean;
+  };
+  dataElementId: string;
+  action: (name: string) => void;
+  isEnabled: (name: string) => boolean;
+  size?: "small" | "medium" | "large";
+}
+export declare const buildCustomButton: ({ def, className, dataElementId, action, isEnabled, size }: TaskbarCustomElement) => HTMLElement;
+interface TaskbarElementDefinition {
+  element: TaskbarElement;
+  className: string | {
+    [className: string]: boolean;
+  };
+  dataElementId: string;
+  getTitle: (name: TaskbarElement) => string;
+  action: (name: string) => void;
+  isEnabled: (name: string) => boolean;
+  actions: Array<Action>;
+  dataExporterStoreKey: string;
+  presentationMode: PresentationMode;
+  variant?: "primary" | "secondary" | "tertiary";
+  size?: "small" | "medium" | "large";
+}
+export declare const buildElem: ({ element, className, dataElementId, getTitle, action, isEnabled, actions, dataExporterStoreKey, presentationMode, variant, size }: TaskbarElementDefinition) => HTMLElement;
+export {};

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

@@ -36,9 +36,14 @@ export declare class TaskbarSplitButton {
    * Define a lista de ações disponíveis no dropdown do botão.
    */
   actions: Array<Action>;
+  /**
+   * Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'.
+   */
+  size: 'small' | 'medium' | 'large';
   private initializeEagerItems;
   componentDidLoad(): void;
   private dropdownItemBuilder;
   private loadItems;
+  private ajustSizeButton;
   render(): any;
 }

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

@@ -0,0 +1,31 @@
+import { DataState } from '../../snk-data-unit/snk-data-unit';
+import { CustomButton, TaskbarManager } from '../snk-taskbar';
+export default class SimpleTaskbarProcessor {
+  private _defaultButtons;
+  /** ID da taskbar sendo processada */
+  taskbarID: string;
+  /** String com nomes dos botões separados por vírgula */
+  buttons: string;
+  /** Array com nomes dos botões visíveis */
+  buttonsArray: Array<string>;
+  /** Array com nomes dos botões desabilitados */
+  disabledButtons: Array<string>;
+  /** Mapa com os botões customizados indexados por nome */
+  customButtons: Map<string, CustomButton>;
+  /**
+   * Cria uma nova instância do processador de taskbar.
+   * @param defaultButtons - Array com os botões padrão a serem exibidos
+  */
+  constructor(defaultButtons: Array<string>);
+  /**
+   * Processa a taskbar aplicando regras de visibilidade e habilitação.
+   * @param taskbarID - Identificador único da taskbar
+   * @param taskbarManager - Gerenciador de taskbar com regras customizadas
+   * @param dataState - Estado atual dos dados
+   * @param disabledButtons - Array de botões desabilitados
+   * @param invisibleButtons - Array de botões invisíveis
+ */
+  process(taskbarID: string, taskbarManager: TaskbarManager, dataState: DataState, disabledButtons?: Array<string>, invisibleButtons?: Array<string>): void;
+  private getButtonsArray;
+  private isEnabled;
+}

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

@@ -17,16 +17,17 @@ export declare class SnkTaskbar {
   _definitions: Array<string>;
   _overFlowWatcher: OverflowWatcher;
   _dataUnitInitialized: boolean;
-  private _element;
-  _permissions: any;
-  _overFlowedElements: HTMLElement[];
+  _permissions: {
+    [key: string]: boolean;
+  };
   _customElements: Map<string, any>;
   _customElementsId: Array<string>;
   _slotContainer: Element;
+  _overFlowedElements: HTMLElement[];
+  private _element;
   _hiddenActionsList: Array<Action>;
-  _lastWidth: number | undefined;
-  _hasToUpdateOverFlow: boolean;
   _isWaitingForSave: boolean;
+  _isLoading: boolean;
   /**
    * @description Define o alinhamento dos itens da barra de tarefas à direita.
    */
@@ -74,6 +75,10 @@ export declare class SnkTaskbar {
    * @description Lista de ações que devem ser usadas no botão "Mais opções" do componente snk-taskbar.
    */
   actionsSettingsList: Array<Action>;
+  /**
+   * @description Lista de ações personalizadas que devem ser usadas no botão "Mais opções".
+   */
+  customActionsList: Array<Action>;
   /**
    * @description Define qual botão deve ter a aparência de destaque (primário).
    */
@@ -94,6 +99,14 @@ export declare class SnkTaskbar {
    * @description Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção.
    */
   messagesBuilder: SnkMessageBuilder;
+  /**
+   * @description Se verdadeiro, desabilita a exibição do esqueleto de carregamento da barra de tarefas.
+   */
+  disableSkeleton: boolean;
+  /**
+   * @description Define o tamanho dos botões da barra de tarefas, podendo ser 'small', 'medium' ou 'large'.
+   */
+  sizeButtons: 'small' | 'medium' | 'large';
   /**
    * @description Emitido sempre que um botão ou uma ação da barra de tarefas é clicado.
    * @eventProperty
@@ -132,10 +145,9 @@ export declare class SnkTaskbar {
   };
   observeButtons(): void;
   observeDisabledButtons(): void;
-  observeLastWidth(newValue: any, oldValue: any): void;
-  observeIsWaitingForSave(newValue: any, oldValue: any): void;
+  observeIsWaitingForSave(newValue: boolean, oldValue: boolean): void;
   observeDataUnit(newValue: DataUnit): void;
-  initializeDataUnit(dataUnit: DataUnit): void;
+  initializeDataUnit(dataUnit?: DataUnit): void;
   elementsFromString(strButtons: string): Array<TaskbarElement>;
   private isAllowed;
   /**
@@ -147,8 +159,8 @@ export declare class SnkTaskbar {
   private getTitle;
   private elementClick;
   private isEnabled;
-  private validatePresentationMode;
   getElement(index: number, def: TaskbarElement | CustomButton): HTMLElement;
+  private buildDivider;
   buildDynamicActionsList(): Array<Action>;
   buildActionsSettingsList(): Array<Action>;
   getIdElemBtnNative(taskbarElem: TaskbarElement): string;
@@ -160,28 +172,27 @@ export declare class SnkTaskbar {
   private getCustomElements;
   private buildSlotContainer;
   private onSaveEvent;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  private handleDefinitions;
-  private updateOverFlowIfNeeded;
   private handleOverFlow;
   private resetOverFlowedElements;
   private doOverFlowElements;
+  private getAttributeFromName;
   private addItemToActionList;
-  private getTaskbarElementName;
-  private getTaskbarElementIcon;
-  private getTaskbarElementLabel;
+  private getIconName;
   private hasToIgnoreOverFlow;
   private handleOverFlowStrategy;
   private buildOverFlowWatcherParams;
-  componentDidLoad(): void;
-  componentDidRender(): void;
-  private updateLastWidth;
-  disconnectedCallback(): void;
+  private handleDefinitions;
+  private getAccess;
   private unlinkAllCustomElements;
   private unlinkCustomElementFromTaskbar;
-  render(): any;
   private getHostClasses;
+  connectedCallback(): void;
+  componentWillLoad(): Promise<void>;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  private renderTaskbarElement;
+  private renderElements;
+  render(): any;
 }
 export interface Action extends IAction {
   type?: 'divider' | 'item';

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

@@ -0,0 +1,3 @@
+export declare class SnkTaskbarSkeleton {
+  render(): any;
+}