@sankhyalabs/sankhyablocks 10.1.0-dev.5 → 10.1.0-dev.50

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

@@ -8,6 +8,7 @@ export declare class SnkFilterPeriod {
   _startDateLabel: string;
   _endDateLabel: string;
   _toLabel: string;
+  _defaultEmptyValue: Period;
   /**
    * Define as configurações do componente snk-filter-period
    */

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(): void;
+  filterChangeListener(_event: CustomEvent<SnkFilterItemConfig>): void;
   /**
    * Exibe os detalhes de um item da lista.
    */

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

@@ -4,6 +4,7 @@ export declare class SnkFilterModal {
   private _modalTitle;
   private _cancelButtonLabel;
   private _okButtonLabel;
+  private _isUserSup;
   private _defaultFilter;
   private _application;
   private filters;
@@ -94,7 +95,7 @@ export declare class SnkFilterModal {
   private handleActionSelectedDefaultFilter;
   getCustomFilter(filters: SnkFilterItemConfig[]): SnkFilterItemConfig[];
   getDefaultFilter(filters: SnkFilterItemConfig[]): SnkFilterItemConfig;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentWillRender(): void;
   componentDidLoad(): void;
   render(): any;

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-form-config/FormConfigHelper.d.ts

@@ -1,6 +1,6 @@
-import { IFieldConfig } from '@sankhyalabs/ezui/src/utils/interfaces/IFieldConfig';
 import { DataUnit, FieldDescriptor, UserInterface } from '@sankhyalabs/core';
 import { IFormConfig } from '@sankhyalabs/ezui/src/utils/form/interfaces';
+import { IFieldConfig } from '@sankhyalabs/ezui/src/utils/interfaces/IFieldConfig';
 import { CustomGuideItem } from "../snk-crud/subcomponents/snk-guides-viewer";
 export declare const ID_AVAILABLE_FIELDS = "container-available-fields";
 export interface IGuideConfig {

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

@@ -1,8 +1,8 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
 import { DataUnit } from '@sankhyalabs/core';
-import { IGroupConfig, IGuideConfig } from '../FormConfigHelper';
 import { IFieldConfig } from '@sankhyalabs/ezui/src/utils/interfaces/IFieldConfig';
+import { EventEmitter } from '../../../stencil-public-runtime';
 import { SnkMessageBuilder } from '../../../lib/message/SnkMessageBuilder';
+import { IGroupConfig, IGuideConfig } from '../FormConfigHelper';
 export declare class FieldLayoutComponent {
   private readonly ID_GROUPS;
   private readonly ID_FIELDS;

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import Sortable from 'sortablejs';
-import { IGuideConfig } from '../FormConfigHelper';
 import { SnkMessageBuilder } from '../../../lib/message/SnkMessageBuilder';
+import { IGuideConfig } from '../FormConfigHelper';
 export declare class GuidesConfigurator {
   private readonly ID_VISIBLE_GUIDES;
   private readonly ID_HIDDEN_GUIDES;

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

@@ -2,9 +2,9 @@ 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';
-import { CustomGuideItem } from "../snk-crud/subcomponents/snk-guides-viewer";
 export declare class SnkFormConfig {
   private guidesMap;
   private refFieldsLayout;
@@ -68,6 +68,7 @@ export declare class SnkFormConfig {
   private isConfigDefaultSelected;
   private loadFormConfig;
   private initializeAvailableFields;
+  private getInitialOrder;
   private loadGuides;
   private getConfig;
   private handleSelectGuide;

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';
@@ -210,6 +210,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 +326,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>;
@@ -332,6 +359,7 @@ export declare class SnkGrid {
   private interceptMetadataLoaded;
   private interceptLoadData;
   private dataUnitInterceptor;
+  private initializeColumnFilterDataSource;
   private finishLoading;
   private setCustomRenders;
   private setCustomEditors;

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 {
@@ -18,6 +19,10 @@ export declare class SnkGridConfig {
    * Colunas da grade.
    */
   columns: Array<EzGridColumn>;
+  /**
+   * Lista de Colunas original.
+   */
+  originalColumns: Array<EzGridColumn>;
   /**
    * Configurações da grade.
    */
@@ -30,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.
    */
@@ -73,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

@@ -0,0 +1,57 @@
+import { DataUnit } from '@sankhyalabs/core';
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SnkImageInput {
+  private application;
+  private messagesBuilder?;
+  private _loadAbortController?;
+  /**
+   * DataUnit associado ao componente
+   */
+  dataUnit?: DataUnit;
+  /**
+   * Nome do campo no DataUnit
+   */
+  fieldName: string;
+  /**
+   * Nome da entidade (usado quando não há DataUnit)
+   */
+  entityName?: string;
+  /**
+   * Define se está habilitado
+   */
+  enabled: boolean;
+  /**
+   * Tipos MIME aceitos (separados por vírgula)
+   */
+  acceptType?: string;
+  /**
+   * Tamanho máximo do arquivo em KB
+   */
+  maxSize?: number;
+  /**
+   * Label do componente
+   */
+  label?: string;
+  private imageValue;
+  private loading;
+  /**
+   * Evento disparado quando há erro
+   */
+  imageError: EventEmitter<string>;
+  /**
+   * Força o reload da imagem
+   */
+  reloadImage(pks?: Record<string, any>): Promise<void>;
+  private getMessage;
+  private clearImage;
+  private handleImageChange;
+  private updatedataUnitField;
+  private handleImageError;
+  private getPksFromDataUnit;
+  private loadImage;
+  private dataUnitObserver;
+  componentWillLoad(): Promise<void>;
+  disconnectedCallback(): void;
+  componentDidLoad(): Promise<void>;
+  render(): any;
+}

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

@@ -0,0 +1,15 @@
+import { DataUnit } from "@sankhyalabs/core";
+export declare function base64ToBlob(base64: string): Promise<Blob>;
+export declare function buildFileKey(entityName: string, fieldName: string): string;
+/**
+ * Faz upload de arquivo para a sessão usando XMLHttpRequest
+ * Baseado no método uploadSessionFile do sessionfileupload.service.js
+ */
+export declare function sessionFileUpload(blob: Blob, entityName: string, fieldName: string, onProgress?: (event: ProgressEvent) => void): Promise<string>;
+export declare function getUrlBase(): string;
+export declare function getBaseUrl(pk: {
+  [key: string]: any;
+}, 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, signal?: AbortSignal): Promise<string>;

package/dist/types/components/snk-personalized-filter/interfaces/IParameter.d.ts

@@ -10,6 +10,7 @@ export interface IParameter {
   description: string;
   userInterface: UserInterface;
   searchContext: ISearchContext;
+  value?: any;
   props?: {
     precision?: number;
     expression: string;

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

@@ -97,7 +97,6 @@ export declare class SnkPesquisa {
    * Útil para cenários onde a pesquisa precisa ser disparada sem interação do usuário.
    *
    * @param text Texto utilizado como argumento de pesquisa.
-   * @returns Promise<void>
    * @example
    * await pesquisaRef.executeSearch("Texto para pesquisa");
    */

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

@@ -183,6 +183,10 @@ export declare class SnkSimpleCrud {
    * @description Define se o LayoutFormConfig será exibido no configurador.
    */
   layoutFormConfig: boolean;
+  /**
+   * Desabilita a edição na grade.
+   */
+  disableGridEdition: boolean;
   /**
    * @description Registra um editor customizado para campos da grade e do formulário.
    * @param {string} fieldName - O nome do campo.
@@ -235,7 +239,6 @@ export declare class SnkSimpleCrud {
   private getButtons;
   private addConfigButton;
   private get application();
-  resolveInMemoryBtns(taskbarButtons: Array<string>): Array<string>;
   /**
    * @description Usado para alternar a visão entre GRID e FORM externamente.
    * @param {VIEW_MODE} view - A visão para a qual navegar.

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;
+}