@sankhyalabs/sankhyablocks 1.3.34 → 1.4.0-beta.10

package/dist/types/components.d.ts

@@ -5,47 +5,491 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { SnkMessageBuilder } from "./lib/message/SnkMessageBuilder";
 import { AutorizationType } from "./lib/http/data-fetcher/fetchers/auth-fetcher";
-import { DataUnit } from "@sankhyalabs/core";
-import { MessageOptions } from "@sankhyalabs/ezui/dist/collection/utils";
-import { FieldConfig } from "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form";
-import { IGridConfig } from "@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController";
-import { Option } from "@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box";
+import { DataUnit, Filter } from "@sankhyalabs/core";
+import { DialogType, MessageOptions } from "@sankhyalabs/ezui/dist/collection/utils";
+import { IFieldConfig, IFormConfig, IRecordValidator } from "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form";
+import { IGridConfig, IStatusResolver } from "@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController";
+import { IUserConfig } from "./lib/http/data-fetcher/fetchers/form-config-fetcher";
+import { SnkFilterItemConfig } from "./components/snk-filter-bar/filter-item/snk-filter-item";
+import { IOption, ISearchArgument } from "@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box";
 import { SearchCriteria } from "./lib/http/data-fetcher/fetchers/pesquisa-fetcher";
+import { IConfigModal } from "./components/snk-configurator/subcomponents/snk-config-modal/snk-config-modal";
+import { Action, TaskbarManager } from "./components/snk-taskbar/snk-taskbar";
+import { DataState } from "./components/snk-data-unit/snk-data-unit";
+import { SnkFilterItemConfig as SnkFilterItemConfig1 } from "./components/snk-filter-bar/filter-item/snk-filter-item";
+import { ListItem } from "./components/snk-filter-bar/filter-list/snk-filter-list";
+import { ModalItem } from "./components/snk-filter-bar/filter-modal/snk-filter-modal";
+import { ModalAction } from "@sankhyalabs/ezui/dist/collection/components/ez-modal-container";
+import { ITab } from "./components/snk-form/subcomponents/snk-tab-config/snk-tab-config";
+import { Action as Action1, CustomButton } from "./components/snk-taskbar/snk-taskbar";
 export namespace Components {
     interface SnkApplication {
+        /**
+          * Mostra o diálogo de alerta de acordo com os parâmetros passados.
+         */
         "alert": (title: string, message: string, icon?: string, options?: MessageOptions) => Promise<boolean>;
+        "closeModal": () => Promise<void>;
+        /**
+          * Fecha o popup, liberando o conteúdo.
+         */
         "closePopUp": () => Promise<void>;
-        "confirm": (title: string, message: string, icon?: string, critical?: boolean, options?: MessageOptions) => Promise<boolean>;
-        "createDataunit": (entityName: string) => Promise<DataUnit>;
+        /**
+          * Usado para salvar as configurações dos blocos de construção.
+         */
+        "configName": string;
+        /**
+          * Exibe um diálogo de confirmação
+         */
+        "confirm": (title: string, message: string, icon?: string, dialogType?: DialogType, options?: MessageOptions) => Promise<boolean>;
+        /**
+          * Cria o DataUnit a partir do nome da entidade. É possível armazená-lo no cache passando o dataUnitName, assim, se mais de uma chamada for feita, o mesmo DataUnit será usado
+         */
+        "createDataunit": (entityName: string, dataUnitName?: string) => Promise<DataUnit>;
+        /**
+          * Mostra o diálogo de erro de acordo com os parâmetros passados.
+         */
         "error": (title: string, message: string, icon?: string, options?: MessageOptions) => Promise<boolean>;
-        "executeSearch": (searchArgument: any, fieldName: string, dataUnit: DataUnit) => Promise<Array<Option> | Option>;
+        "executePreparedSearch": (mode: string, argument: string, options: any) => Promise<Array<IOption> | IOption>;
+        "executeSearch": (searchArgument: ISearchArgument, fieldName: string, dataUnit: DataUnit) => Promise<Array<IOption> | IOption>;
+        /**
+          * Busca a configuração padrão de formulário.
+         */
+        "fetchDefaultConfig": (name: string) => Promise<IFormConfig>;
+        /**
+          * Busca a configuração de formulário do usuário.
+         */
+        "fetchLegacyConfig": (name: string) => Promise<IFormConfig>;
+        /**
+          * Busca lista de configurações de formulário do usuário.
+         */
+        "fetchUserAvailableConfigs": (name: string) => Promise<Array<IUserConfig>>;
+        /**
+          * Retorna todos os acessos do usuário logado.
+         */
         "getAllAccess": () => Promise<any>;
+        /**
+          * Acessa informações de contexto "empurrados" na abertura da tela
+         */
         "getAttributeFromHTMLWrapper": (attribName: string) => Promise<string>;
+        /**
+          * Retorna o valor de um parâmetro do tipo booleano.
+         */
         "getBooleanParam": (name: string) => Promise<boolean>;
+        /**
+          * Retorna a configuração de um recurso por service broker Veja também o método "loadConfig"
+         */
         "getConfig": (key: string) => Promise<any>;
+        /**
+          * Obtem um DataUnit do cache ou cria um caso ainda não tenha sido criado.
+         */
+        "getDataUnit": (entityName: string, dataUnitName: string) => Promise<DataUnit>;
+        /**
+          * Retorna o valor de um parâmetro do tipo data.
+         */
         "getDateParam": (name: string) => Promise<Date>;
+        /**
+          * Obtém as configurações da barra de filtros
+         */
+        "getFilterBarConfig": (name: string) => Promise<Array<SnkFilterItemConfig>>;
+        /**
+          * Retorna o valor de um parâmetro do tipo Decimal.
+         */
         "getFloatParam": (name: string) => Promise<number>;
+        /**
+          * Retorna o valor de um parâmetro do tipo Inteiro.
+         */
         "getIntParam": (name: string) => Promise<number>;
+        /**
+          * Retorna o resourceID da tela em questão.
+         */
         "getResourceID": () => Promise<string>;
+        /**
+          * Retorna o valor de um parâmetro do tipo string.
+         */
         "getStringParam": (name: string) => Promise<string>;
+        /**
+          * Retorna o resourceID da tela em questão.
+         */
+        "getUserID": () => Promise<string>;
+        /**
+          * Se o usuário logado tem permissão pra determinada ação.
+         */
         "hasAccess": (access: AutorizationType) => Promise<boolean>;
+        /**
+          * Mostra uma informação efêmera (de segundo plano).
+         */
         "info": (message: string, options?: MessageOptions) => Promise<void>;
         "isDebugMode": () => Promise<boolean>;
+        /**
+          * Caso o usuário logado seja o SUP.
+         */
         "isUserSup": () => Promise<boolean>;
-        "loadFormConfig": (name: string) => Promise<Array<FieldConfig>>;
-        "loadGridConfig": () => Promise<IGridConfig>;
+        /**
+          * Busca a configuração de formulário.
+         */
+        "loadFormConfig": (name: string) => Promise<IFormConfig>;
+        /**
+          * Busca a configuração de grade.
+         */
+        "loadGridConfig": (name: string) => Promise<IGridConfig>;
+        /**
+          * Busca os totalizadores da grade.
+         */
+        "loadTotals": (name: string, resourceID: string, filters: Array<Filter>) => Promise<Map<string, number>>;
+        /**
+          * Exibe um diálogo de mensagem comum
+         */
+        "message": (title: string, message: string, icon?: string, options?: MessageOptions) => Promise<boolean>;
+        /**
+          * messagesBuilder é um utilitário responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção.
+         */
+        "messagesBuilder": SnkMessageBuilder;
+        /**
+          * Abre determinada tela, repassando pkObject
+         */
         "openApp": (resourceId: string, pkObject: Object) => Promise<void>;
+        /**
+          * Salva a configuração de determinado recurso.
+         */
         "saveConfig": (key: string, data: Object) => Promise<any>;
+        /**
+          * Salva as configurações da barra de filtros
+         */
+        "saveFilterBarConfig": (config: Array<SnkFilterItemConfig>, name: string) => Promise<boolean>;
+        /**
+          * Salva a configuração de formulário.
+         */
+        "saveFormConfig": (config: IFormConfig, name: string) => Promise<boolean>;
+        /**
+          * Salva a configuração de grade.
+         */
         "saveGridConfig": (config: IGridConfig) => Promise<boolean>;
-        "showPopUp": (content: HTMLElement) => Promise<void>;
+        "showModal": (content: HTMLElement) => Promise<void>;
+        /**
+          * Mostra o conteúdo passado em um Popup
+         */
+        "showPopUp": (content: HTMLElement, size?: string) => Promise<void>;
+        /**
+          * Mostra o diálogo de sucesso de acordo com os parâmetros passados.
+         */
+        "success": (title: string, message: string, icon?: string, options?: MessageOptions) => Promise<boolean>;
+        /**
+          * Verifica se a licença do cliente tem determinado opcional (produto)
+         */
         "temOpcional": (opcional: string) => Promise<boolean>;
     }
+    interface SnkConfigModal {
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName": string;
+        /**
+          * Define se o modo grid está ativo.
+         */
+        "gridMode": boolean;
+    }
+    interface SnkConfigOptions {
+        /**
+          * Repositório de dados responsável por controlar a manipulação dos dados
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Armazena as propriedades do campo
+         */
+        "fieldConfig": IFieldConfig;
+        /**
+          * Armazena a chave de opções de configuração
+         */
+        "idConfig": string;
+    }
+    interface SnkConfigurator {
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName": string;
+        /**
+          * Define se o campo está habilitado.
+         */
+        "enabled": boolean;
+        /**
+          * Nome do componente que será vinculado ao `data-configurator-parent` para controlar o modal de configurações.
+         */
+        "name": string;
+    }
+    interface SnkCrud {
+        /**
+          * Ações a serem colocadas no botão "Mais opções".
+         */
+        "actionsList": Array<Action>;
+        /**
+          * Usado para salvar as configurações dos blocos de construção.
+         */
+        "configName": string;
+        /**
+          * Usado para alternar a visão entre GRID e FORM externamente.
+         */
+        "goToView": (mode: string) => Promise<void>;
+        /**
+          * Validador responsável por checar a integridade das informações do registro
+         */
+        "recordsValidator": IRecordValidator;
+        /**
+          * Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
+         */
+        "statusResolver": IStatusResolver;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager": TaskbarManager;
+    }
+    interface SnkDataUnit {
+        /**
+          * Executado após a ação de salvar
+         */
+        "afterSave": (dataUnit: DataUnit) => void;
+        /**
+          * Executado imediatamente antes da ação de salvar as alterações. Útil no caso de validações por exemplo. Caso retorne "false" (ou a promessa se resolva como false), cancela a ação.
+         */
+        "beforeSave": (dataUnit: DataUnit) => boolean | Promise<boolean>;
+        /**
+          * O estato atual dos dados, isto é se há alteração, insersão, as linhas selecionadas, etc.
+         */
+        "dataState": DataState;
+        /**
+          * Uma vez instanciado, pode-se obter o dataUnit por esta propriedade
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Este atributo é usado para criar o dataUnit uma única vez. Se omitido será usado o próprio nome da entidade.
+         */
+        "dataUnitName": string;
+        /**
+          * Determina qual a entidade representa os dados em questão.
+         */
+        "entityName": string;
+        /**
+          * Pode-se obter o dataUnit através desse método. Outra forma, é ouvir o evento de
+          * @returns dataUnit
+         */
+        "getDataUnit": () => Promise<DataUnit>;
+        /**
+          * Determina quantas linhas são retornadas por página
+         */
+        "pageSize": number;
+    }
+    interface SnkFieldConfig {
+        /**
+          * Armazena as propriedades do campo
+         */
+        "fieldConfig": IFieldConfig;
+        /**
+          * Define se o popover de configuração está ativo.
+         */
+        "isConfigActive": Boolean;
+        /**
+          * Define se o componente está em modo de inserção
+         */
+        "modeInsertion": boolean;
+    }
+    interface SnkFilterBar {
+        /**
+          * Eventualmente poderemos ter mais de uma barra de filtros. Essa propriedade serve para separar a configuração de cada uma.
+         */
+        "configName": string;
+        /**
+          * Recebe o DataUnit do ambiente. Se não for informado, procura pela referência do SnkDataUnit. Necessário para se registrar como provedor de filtros.
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Lista de todos os filtros disponíveis ao usuário.
+         */
+        "filterConfig": Array<SnkFilterItemConfig>;
+    }
+    interface SnkFilterBinarySelect {
+        "config": SnkFilterItemConfig;
+        "show": () => Promise<void>;
+        "value": any;
+    }
+    interface SnkFilterDetail {
+        "config": SnkFilterItemConfig;
+        "getMessage": (key: string, props?: any) => string;
+        "show": () => Promise<void>;
+    }
+    interface SnkFilterItem {
+        "config": SnkFilterItemConfig;
+        "getMessage": (key: string, props?: any) => string;
+        "hideDetail": () => Promise<void>;
+        "showUp": (open?: boolean) => Promise<void>;
+    }
+    interface SnkFilterList {
+        "buttonClass": string;
+        "emptyText": string;
+        "findFilterText": string;
+        "getMessage": (key: string, props?: any) => string;
+        "hideDetail": () => Promise<void>;
+        "iconName": string;
+        "items": Array<ListItem>;
+        "label": string;
+    }
+    interface SnkFilterModal {
+        "cancelButtonLabel": string;
+        "getMessage": (key: string, props?: any) => string;
+        "infoText": string;
+        "items": Array<ModalItem>;
+        "modalSubTitle": string;
+        "modalTitle": string;
+        "okButtonLabel": string;
+        "processModalAction": (action: ModalAction) => void;
+        "useSearch": boolean;
+    }
+    interface SnkFilterMultiSelect {
+        "config": SnkFilterItemConfig;
+        "show": () => Promise<void>;
+        "value": any;
+    }
+    interface SnkFilterNumber {
+        "config": SnkFilterItemConfig;
+        "show": () => Promise<void>;
+        "value": number;
+    }
+    interface SnkFilterPeriod {
+        "config": SnkFilterItemConfig;
+        "show": () => Promise<void>;
+        "value": any;
+    }
+    interface SnkFilterPersonalized {
+        "config": SnkFilterItemConfig;
+        "fix": ()=>void;
+        "show": () => Promise<void>;
+        "unfix": ()=>void;
+        "value": Array<IOption|boolean|string|number|Date>;
+    }
+    interface SnkFilterSearch {
+        "config": SnkFilterItemConfig;
+        "show": () => Promise<void>;
+        "value": IOption;
+    }
+    interface SnkFilterText {
+        "config": SnkFilterItemConfig;
+        "value": string;
+    }
+    interface SnkForm {
+        /**
+          * Lista de ações que devem ser usadas no botão "Mais opções"
+         */
+        "actionsList": Array<Action>;
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName": string;
+        /**
+          * Validador responsável por checar a integridade das informações do registro
+         */
+        "recordsValidator": IRecordValidator;
+        /**
+          * Método responsável por setar as configurações do form.
+         */
+        "setConfig": (config: IFormConfig) => Promise<void>;
+        /**
+          * Método responsável em abrir ou fechar o modal de configurações do form.
+         */
+        "setShowFormConfig": (value: boolean) => Promise<void>;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager": TaskbarManager;
+    }
+    interface SnkFormConfig {
+        /**
+          * Repositório de dados, controla a manipulação dos dados
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Campos de configuração de formulário.
+         */
+        "formConfig": IFormConfig;
+        /**
+          * Representa o elemento pai do componente.
+         */
+        "parentForm": HTMLSnkFormElement;
+    }
+    interface SnkGrid {
+        /**
+          * Lista de ações que devem ser usadas no botão "Mais opções"
+         */
+        "actionsList": Array<Action>;
+        /**
+          * Nome usado para salvar/recuperar a configuração
+         */
+        "configName": string;
+        /**
+          * Método responsável por setar as configurações da grade.
+         */
+        "setConfig": (config: IGridConfig) => Promise<void>;
+        /**
+          * Método responsável em abrir ou fechar o modal de configurações da grade.
+         */
+        "setShowGridConfig": (value: boolean) => Promise<void>;
+        /**
+          * Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
+         */
+        "statusResolver": IStatusResolver;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager": TaskbarManager;
+    }
     interface SnkPesquisa {
         "argument": string;
         "searchLoader": Function;
         "selectItem": Function;
     }
+    interface SnkTabConfig {
+        /**
+          * Define o index da aba selecionada.
+         */
+        "selectedIndex": number;
+        /**
+          * Define a aba selecionada.
+         */
+        "selectedTab": string;
+        /**
+          * Define o nome das abas do componente, separadas por vírgulas ",".
+         */
+        "tabs": string;
+    }
+    interface SnkTaskbar {
+        /**
+          * Lista de ações que devem ser usadas no botão "Mais opções"
+         */
+        "actionsList": Array<Action>;
+        /**
+          * Lista separada por virgula, contendo todos os elementos a serem criados
+         */
+        "buttons": string;
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName": string;
+        /**
+          * Mapa com definição de botões personalizados. A chave do mapa deve ser  passada na lista "buttons" no lugar onde o botão irá aparecer.
+         */
+        "customButtons": Map<string, CustomButton>;
+        /**
+          * Instância do DataUnit
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Array contendo todos os botões a serem desabilitados
+         */
+        "disabledButtons": Array<string>;
+        /**
+          * Qual botão deve ter aparência primária
+         */
+        "primaryButton": string;
+    }
     interface TestePesquisa {
     }
 }
@@ -53,6 +497,62 @@ export interface SnkApplicationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSnkApplicationElement;
 }
+export interface SnkConfigModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkConfigModalElement;
+}
+export interface SnkConfigOptionsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkConfigOptionsElement;
+}
+export interface SnkConfiguratorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkConfiguratorElement;
+}
+export interface SnkCrudCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkCrudElement;
+}
+export interface SnkDataUnitCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkDataUnitElement;
+}
+export interface SnkFieldConfigCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkFieldConfigElement;
+}
+export interface SnkFilterDetailCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkFilterDetailElement;
+}
+export interface SnkFilterItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkFilterItemElement;
+}
+export interface SnkFilterListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkFilterListElement;
+}
+export interface SnkFormCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkFormElement;
+}
+export interface SnkFormConfigCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkFormConfigElement;
+}
+export interface SnkGridCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkGridElement;
+}
+export interface SnkTabConfigCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkTabConfigElement;
+}
+export interface SnkTaskbarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkTaskbarElement;
+}
 declare global {
     interface HTMLSnkApplicationElement extends Components.SnkApplication, HTMLStencilElement {
     }
@@ -60,12 +560,150 @@ declare global {
         prototype: HTMLSnkApplicationElement;
         new (): HTMLSnkApplicationElement;
     };
+    interface HTMLSnkConfigModalElement extends Components.SnkConfigModal, HTMLStencilElement {
+    }
+    var HTMLSnkConfigModalElement: {
+        prototype: HTMLSnkConfigModalElement;
+        new (): HTMLSnkConfigModalElement;
+    };
+    interface HTMLSnkConfigOptionsElement extends Components.SnkConfigOptions, HTMLStencilElement {
+    }
+    var HTMLSnkConfigOptionsElement: {
+        prototype: HTMLSnkConfigOptionsElement;
+        new (): HTMLSnkConfigOptionsElement;
+    };
+    interface HTMLSnkConfiguratorElement extends Components.SnkConfigurator, HTMLStencilElement {
+    }
+    var HTMLSnkConfiguratorElement: {
+        prototype: HTMLSnkConfiguratorElement;
+        new (): HTMLSnkConfiguratorElement;
+    };
+    interface HTMLSnkCrudElement extends Components.SnkCrud, HTMLStencilElement {
+    }
+    var HTMLSnkCrudElement: {
+        prototype: HTMLSnkCrudElement;
+        new (): HTMLSnkCrudElement;
+    };
+    interface HTMLSnkDataUnitElement extends Components.SnkDataUnit, HTMLStencilElement {
+    }
+    var HTMLSnkDataUnitElement: {
+        prototype: HTMLSnkDataUnitElement;
+        new (): HTMLSnkDataUnitElement;
+    };
+    interface HTMLSnkFieldConfigElement extends Components.SnkFieldConfig, HTMLStencilElement {
+    }
+    var HTMLSnkFieldConfigElement: {
+        prototype: HTMLSnkFieldConfigElement;
+        new (): HTMLSnkFieldConfigElement;
+    };
+    interface HTMLSnkFilterBarElement extends Components.SnkFilterBar, HTMLStencilElement {
+    }
+    var HTMLSnkFilterBarElement: {
+        prototype: HTMLSnkFilterBarElement;
+        new (): HTMLSnkFilterBarElement;
+    };
+    interface HTMLSnkFilterBinarySelectElement extends Components.SnkFilterBinarySelect, HTMLStencilElement {
+    }
+    var HTMLSnkFilterBinarySelectElement: {
+        prototype: HTMLSnkFilterBinarySelectElement;
+        new (): HTMLSnkFilterBinarySelectElement;
+    };
+    interface HTMLSnkFilterDetailElement extends Components.SnkFilterDetail, HTMLStencilElement {
+    }
+    var HTMLSnkFilterDetailElement: {
+        prototype: HTMLSnkFilterDetailElement;
+        new (): HTMLSnkFilterDetailElement;
+    };
+    interface HTMLSnkFilterItemElement extends Components.SnkFilterItem, HTMLStencilElement {
+    }
+    var HTMLSnkFilterItemElement: {
+        prototype: HTMLSnkFilterItemElement;
+        new (): HTMLSnkFilterItemElement;
+    };
+    interface HTMLSnkFilterListElement extends Components.SnkFilterList, HTMLStencilElement {
+    }
+    var HTMLSnkFilterListElement: {
+        prototype: HTMLSnkFilterListElement;
+        new (): HTMLSnkFilterListElement;
+    };
+    interface HTMLSnkFilterModalElement extends Components.SnkFilterModal, HTMLStencilElement {
+    }
+    var HTMLSnkFilterModalElement: {
+        prototype: HTMLSnkFilterModalElement;
+        new (): HTMLSnkFilterModalElement;
+    };
+    interface HTMLSnkFilterMultiSelectElement extends Components.SnkFilterMultiSelect, HTMLStencilElement {
+    }
+    var HTMLSnkFilterMultiSelectElement: {
+        prototype: HTMLSnkFilterMultiSelectElement;
+        new (): HTMLSnkFilterMultiSelectElement;
+    };
+    interface HTMLSnkFilterNumberElement extends Components.SnkFilterNumber, HTMLStencilElement {
+    }
+    var HTMLSnkFilterNumberElement: {
+        prototype: HTMLSnkFilterNumberElement;
+        new (): HTMLSnkFilterNumberElement;
+    };
+    interface HTMLSnkFilterPeriodElement extends Components.SnkFilterPeriod, HTMLStencilElement {
+    }
+    var HTMLSnkFilterPeriodElement: {
+        prototype: HTMLSnkFilterPeriodElement;
+        new (): HTMLSnkFilterPeriodElement;
+    };
+    interface HTMLSnkFilterPersonalizedElement extends Components.SnkFilterPersonalized, HTMLStencilElement {
+    }
+    var HTMLSnkFilterPersonalizedElement: {
+        prototype: HTMLSnkFilterPersonalizedElement;
+        new (): HTMLSnkFilterPersonalizedElement;
+    };
+    interface HTMLSnkFilterSearchElement extends Components.SnkFilterSearch, HTMLStencilElement {
+    }
+    var HTMLSnkFilterSearchElement: {
+        prototype: HTMLSnkFilterSearchElement;
+        new (): HTMLSnkFilterSearchElement;
+    };
+    interface HTMLSnkFilterTextElement extends Components.SnkFilterText, HTMLStencilElement {
+    }
+    var HTMLSnkFilterTextElement: {
+        prototype: HTMLSnkFilterTextElement;
+        new (): HTMLSnkFilterTextElement;
+    };
+    interface HTMLSnkFormElement extends Components.SnkForm, HTMLStencilElement {
+    }
+    var HTMLSnkFormElement: {
+        prototype: HTMLSnkFormElement;
+        new (): HTMLSnkFormElement;
+    };
+    interface HTMLSnkFormConfigElement extends Components.SnkFormConfig, HTMLStencilElement {
+    }
+    var HTMLSnkFormConfigElement: {
+        prototype: HTMLSnkFormConfigElement;
+        new (): HTMLSnkFormConfigElement;
+    };
+    interface HTMLSnkGridElement extends Components.SnkGrid, HTMLStencilElement {
+    }
+    var HTMLSnkGridElement: {
+        prototype: HTMLSnkGridElement;
+        new (): HTMLSnkGridElement;
+    };
     interface HTMLSnkPesquisaElement extends Components.SnkPesquisa, HTMLStencilElement {
     }
     var HTMLSnkPesquisaElement: {
         prototype: HTMLSnkPesquisaElement;
         new (): HTMLSnkPesquisaElement;
     };
+    interface HTMLSnkTabConfigElement extends Components.SnkTabConfig, HTMLStencilElement {
+    }
+    var HTMLSnkTabConfigElement: {
+        prototype: HTMLSnkTabConfigElement;
+        new (): HTMLSnkTabConfigElement;
+    };
+    interface HTMLSnkTaskbarElement extends Components.SnkTaskbar, HTMLStencilElement {
+    }
+    var HTMLSnkTaskbarElement: {
+        prototype: HTMLSnkTaskbarElement;
+        new (): HTMLSnkTaskbarElement;
+    };
     interface HTMLTestePesquisaElement extends Components.TestePesquisa, HTMLStencilElement {
     }
     var HTMLTestePesquisaElement: {
@@ -74,31 +712,458 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "snk-application": HTMLSnkApplicationElement;
+        "snk-config-modal": HTMLSnkConfigModalElement;
+        "snk-config-options": HTMLSnkConfigOptionsElement;
+        "snk-configurator": HTMLSnkConfiguratorElement;
+        "snk-crud": HTMLSnkCrudElement;
+        "snk-data-unit": HTMLSnkDataUnitElement;
+        "snk-field-config": HTMLSnkFieldConfigElement;
+        "snk-filter-bar": HTMLSnkFilterBarElement;
+        "snk-filter-binary-select": HTMLSnkFilterBinarySelectElement;
+        "snk-filter-detail": HTMLSnkFilterDetailElement;
+        "snk-filter-item": HTMLSnkFilterItemElement;
+        "snk-filter-list": HTMLSnkFilterListElement;
+        "snk-filter-modal": HTMLSnkFilterModalElement;
+        "snk-filter-multi-select": HTMLSnkFilterMultiSelectElement;
+        "snk-filter-number": HTMLSnkFilterNumberElement;
+        "snk-filter-period": HTMLSnkFilterPeriodElement;
+        "snk-filter-personalized": HTMLSnkFilterPersonalizedElement;
+        "snk-filter-search": HTMLSnkFilterSearchElement;
+        "snk-filter-text": HTMLSnkFilterTextElement;
+        "snk-form": HTMLSnkFormElement;
+        "snk-form-config": HTMLSnkFormConfigElement;
+        "snk-grid": HTMLSnkGridElement;
         "snk-pesquisa": HTMLSnkPesquisaElement;
+        "snk-tab-config": HTMLSnkTabConfigElement;
+        "snk-taskbar": HTMLSnkTaskbarElement;
         "teste-pesquisa": HTMLTestePesquisaElement;
     }
 }
 declare namespace LocalJSX {
     interface SnkApplication {
+        /**
+          * Usado para salvar as configurações dos blocos de construção.
+         */
+        "configName"?: string;
+        /**
+          * messagesBuilder é um utilitário responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção.
+         */
+        "messagesBuilder"?: SnkMessageBuilder;
         /**
           * Evento disparado quando a aplicação for carregada.
          */
         "onApplicationLoaded"?: (event: SnkApplicationCustomEvent<boolean>) => void;
         /**
-          * Evento
+          * Evento disparado ao iniciar a carga do componente
          */
         "onApplicationLoading"?: (event: SnkApplicationCustomEvent<boolean>) => void;
     }
+    interface SnkConfigModal {
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName"?: string;
+        /**
+          * Define se o modo grid está ativo.
+         */
+        "gridMode"?: boolean;
+        /**
+          * Evento disparado quando o modal é fechado.
+         */
+        "onCancelConfig"?: (event: SnkConfigModalCustomEvent<void>) => void;
+        /**
+          * Evento disparado quando há alteração nas configurações.
+         */
+        "onChangeConfig"?: (event: SnkConfigModalCustomEvent<IConfigModal>) => void;
+    }
+    interface SnkConfigOptions {
+        /**
+          * Repositório de dados responsável por controlar a manipulação dos dados
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Armazena as propriedades do campo
+         */
+        "fieldConfig"?: IFieldConfig;
+        /**
+          * Armazena a chave de opções de configuração
+         */
+        "idConfig"?: string;
+        /**
+          * Evento disparado ao realizar alguma alteração nos campos
+         */
+        "onConfigOptionsChanged"?: (event: SnkConfigOptionsCustomEvent<any>) => void;
+    }
+    interface SnkConfigurator {
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName"?: string;
+        /**
+          * Define se o campo está habilitado.
+         */
+        "enabled"?: boolean;
+        /**
+          * Nome do componente que será vinculado ao `data-configurator-parent` para controlar o modal de configurações.
+         */
+        "name"?: string;
+        /**
+          * Evento disparado quando há alteração no modo de visualização.
+         */
+        "onChangeViewMode"?: (event: SnkConfiguratorCustomEvent<string>) => void;
+    }
+    interface SnkCrud {
+        /**
+          * Ações a serem colocadas no botão "Mais opções".
+         */
+        "actionsList"?: Array<Action>;
+        /**
+          * Usado para salvar as configurações dos blocos de construção.
+         */
+        "configName"?: string;
+        /**
+          * Emitido pela taskbar sempre que houver click de botão ou ação
+         */
+        "onActionClick"?: (event: SnkCrudCustomEvent<string>) => void;
+        /**
+          * Validador responsável por checar a integridade das informações do registro
+         */
+        "recordsValidator"?: IRecordValidator;
+        /**
+          * Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
+         */
+        "statusResolver"?: IStatusResolver;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager"?: TaskbarManager;
+    }
+    interface SnkDataUnit {
+        /**
+          * Executado após a ação de salvar
+         */
+        "afterSave"?: (dataUnit: DataUnit) => void;
+        /**
+          * Executado imediatamente antes da ação de salvar as alterações. Útil no caso de validações por exemplo. Caso retorne "false" (ou a promessa se resolva como false), cancela a ação.
+         */
+        "beforeSave"?: (dataUnit: DataUnit) => boolean | Promise<boolean>;
+        /**
+          * O estato atual dos dados, isto é se há alteração, insersão, as linhas selecionadas, etc.
+         */
+        "dataState"?: DataState;
+        /**
+          * Uma vez instanciado, pode-se obter o dataUnit por esta propriedade
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Este atributo é usado para criar o dataUnit uma única vez. Se omitido será usado o próprio nome da entidade.
+         */
+        "dataUnitName"?: string;
+        /**
+          * Determina qual a entidade representa os dados em questão.
+         */
+        "entityName"?: string;
+        /**
+          * Disparado quando se cancela uma insersão/cópia
+         */
+        "onCancelEdition"?: (event: SnkDataUnitCustomEvent<void>) => void;
+        /**
+          * Disparado quando o há qualquer mudança de estado no DataUnit
+         */
+        "onDataStateChange"?: (event: SnkDataUnitCustomEvent<DataState>) => void;
+        /**
+          * Disparado quando o DataUnit está pronto
+         */
+        "onDataUnitReady"?: (event: SnkDataUnitCustomEvent<DataUnit>) => void;
+        /**
+          * Disparado quando um registro é adicionado ou copiado
+         */
+        "onInsertionMode"?: (event: SnkDataUnitCustomEvent<void>) => void;
+        /**
+          * Determina quantas linhas são retornadas por página
+         */
+        "pageSize"?: number;
+    }
+    interface SnkFieldConfig {
+        /**
+          * Armazena as propriedades do campo
+         */
+        "fieldConfig"?: IFieldConfig;
+        /**
+          * Define se o popover de configuração está ativo.
+         */
+        "isConfigActive"?: Boolean;
+        /**
+          * Define se o componente está em modo de inserção
+         */
+        "modeInsertion"?: boolean;
+        /**
+          * Evento disparado ao pressionar button icon(onEzClickIcon)
+         */
+        "onEzClickIcon"?: (event: SnkFieldConfigCustomEvent<Object>) => void;
+    }
+    interface SnkFilterBar {
+        /**
+          * Eventualmente poderemos ter mais de uma barra de filtros. Essa propriedade serve para separar a configuração de cada uma.
+         */
+        "configName"?: string;
+        /**
+          * Recebe o DataUnit do ambiente. Se não for informado, procura pela referência do SnkDataUnit. Necessário para se registrar como provedor de filtros.
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Lista de todos os filtros disponíveis ao usuário.
+         */
+        "filterConfig"?: Array<SnkFilterItemConfig>;
+    }
+    interface SnkFilterBinarySelect {
+        "config"?: SnkFilterItemConfig;
+        "value"?: any;
+    }
+    interface SnkFilterDetail {
+        "config"?: SnkFilterItemConfig;
+        "getMessage"?: (key: string, props?: any) => string;
+        "onFilterChange"?: (event: SnkFilterDetailCustomEvent<SnkFilterItemConfig>) => void;
+    }
+    interface SnkFilterItem {
+        "config"?: SnkFilterItemConfig;
+        "getMessage"?: (key: string, props?: any) => string;
+        "onFilterChange"?: (event: SnkFilterItemCustomEvent<SnkFilterItemConfig>) => void;
+    }
+    interface SnkFilterList {
+        "buttonClass"?: string;
+        "emptyText"?: string;
+        "findFilterText"?: string;
+        "getMessage"?: (key: string, props?: any) => string;
+        "iconName"?: string;
+        "items"?: Array<ListItem>;
+        "label"?: string;
+        "onSnkItemSelected"?: (event: SnkFilterListCustomEvent<string>) => void;
+    }
+    interface SnkFilterModal {
+        "cancelButtonLabel"?: string;
+        "getMessage"?: (key: string, props?: any) => string;
+        "infoText"?: string;
+        "items"?: Array<ModalItem>;
+        "modalSubTitle"?: string;
+        "modalTitle"?: string;
+        "okButtonLabel"?: string;
+        "processModalAction"?: (action: ModalAction) => void;
+        "useSearch"?: boolean;
+    }
+    interface SnkFilterMultiSelect {
+        "config"?: SnkFilterItemConfig;
+        "value"?: any;
+    }
+    interface SnkFilterNumber {
+        "config"?: SnkFilterItemConfig;
+        "value"?: number;
+    }
+    interface SnkFilterPeriod {
+        "config"?: SnkFilterItemConfig;
+        "value"?: any;
+    }
+    interface SnkFilterPersonalized {
+        "config"?: SnkFilterItemConfig;
+        "fix"?: ()=>void;
+        "unfix"?: ()=>void;
+        "value"?: Array<IOption|boolean|string|number|Date>;
+    }
+    interface SnkFilterSearch {
+        "config"?: SnkFilterItemConfig;
+        "value"?: IOption;
+    }
+    interface SnkFilterText {
+        "config"?: SnkFilterItemConfig;
+        "value"?: string;
+    }
+    interface SnkForm {
+        /**
+          * Lista de ações que devem ser usadas no botão "Mais opções"
+         */
+        "actionsList"?: Array<Action>;
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName"?: string;
+        /**
+          * Emitido sempre que houver click de botão ou ação
+         */
+        "onActionClick"?: (event: SnkFormCustomEvent<string>) => void;
+        /**
+          * Evento disparado quando as configurações são alteradas.
+         */
+        "onConfigChanged"?: (event: SnkFormCustomEvent<IFormConfig>) => void;
+        /**
+          * Emitido quando o botão de voltar é acionado
+         */
+        "onExit"?: (event: SnkFormCustomEvent<void>) => void;
+        /**
+          * Validador responsável por checar a integridade das informações do registro
+         */
+        "recordsValidator"?: IRecordValidator;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager"?: TaskbarManager;
+    }
+    interface SnkFormConfig {
+        /**
+          * Repositório de dados, controla a manipulação dos dados
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Campos de configuração de formulário.
+         */
+        "formConfig"?: IFormConfig;
+        /**
+          * Evento disparado ao salvar as configurações.
+         */
+        "onConfigChange"?: (event: SnkFormConfigCustomEvent<IFormConfig>) => void;
+        /**
+          * Representa o elemento pai do componente.
+         */
+        "parentForm"?: HTMLSnkFormElement;
+    }
+    interface SnkGrid {
+        /**
+          * Lista de ações que devem ser usadas no botão "Mais opções"
+         */
+        "actionsList"?: Array<Action>;
+        /**
+          * Nome usado para salvar/recuperar a configuração
+         */
+        "configName"?: string;
+        /**
+          * Emitido sempre que houver click de botão ou ação
+         */
+        "onActionClick"?: (event: SnkGridCustomEvent<string>) => void;
+        /**
+          * Evento disparado quando as configurações são alteradas.
+         */
+        "onConfigChanged"?: (event: SnkGridCustomEvent<IGridConfig>) => void;
+        /**
+          * Emitido sempre que houver duplo click na grade
+         */
+        "onGridDoubleClick"?: (event: SnkGridCustomEvent<void>) => void;
+        /**
+          * Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
+         */
+        "statusResolver"?: IStatusResolver;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager"?: TaskbarManager;
+    }
     interface SnkPesquisa {
         "argument"?: string;
         "searchLoader"?: Function;
         "selectItem"?: Function;
     }
+    interface SnkTabConfig {
+        /**
+          * Evento emitido ao ocultar uma aba.
+         */
+        "onCanStartDrag"?: (event: SnkTabConfigCustomEvent<any>) => void;
+        /**
+          * Evento emitido ao deletar uma aba.
+         */
+        "onDeleteTab"?: (event: SnkTabConfigCustomEvent<any>) => void;
+        /**
+          * Evento emitido ao salvar uma alteração realizada no título da tab
+         */
+        "onEditionTitleTab"?: (event: SnkTabConfigCustomEvent<any>) => void;
+        /**
+          * Evento emitido ao mover a aba mudando a sua ordem.
+         */
+        "onEzOrderChange"?: (event: SnkTabConfigCustomEvent<number>) => void;
+        /**
+          * Evento emitido ao clicar para abrir o popup (ezTabChange). O detail desse evento carrega tanto o tabKey quanto o index da aba selecionada.
+         */
+        "onEzTabChange"?: (event: SnkTabConfigCustomEvent<ITab>) => void;
+        /**
+          * Evento emitido ao ocultar uma aba.
+         */
+        "onHideTab"?: (event: SnkTabConfigCustomEvent<any>) => void;
+        /**
+          * Define o index da aba selecionada.
+         */
+        "selectedIndex"?: number;
+        /**
+          * Define a aba selecionada.
+         */
+        "selectedTab"?: string;
+        /**
+          * Define o nome das abas do componente, separadas por vírgulas ",".
+         */
+        "tabs"?: string;
+    }
+    interface SnkTaskbar {
+        /**
+          * Lista de ações que devem ser usadas no botão "Mais opções"
+         */
+        "actionsList"?: Array<Action>;
+        /**
+          * Lista separada por virgula, contendo todos os elementos a serem criados
+         */
+        "buttons"?: string;
+        /**
+          * Nome usado para guardar/recuperar as configurações do formulário
+         */
+        "configName"?: string;
+        /**
+          * Mapa com definição de botões personalizados. A chave do mapa deve ser  passada na lista "buttons" no lugar onde o botão irá aparecer.
+         */
+        "customButtons"?: Map<string, CustomButton>;
+        /**
+          * Instância do DataUnit
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Array contendo todos os botões a serem desabilitados
+         */
+        "disabledButtons"?: Array<string>;
+        /**
+          * Emitido sempre que houver alteração em algum elemento aberto pelo botão de ação
+         */
+        "onActionChange"?: (event: SnkTaskbarCustomEvent<any>) => void;
+        /**
+          * Emitido sempre que houver click de botão ou ação
+         */
+        "onActionClick"?: (event: SnkTaskbarCustomEvent<string>) => void;
+        /**
+          * Qual botão deve ter aparência primária
+         */
+        "primaryButton"?: string;
+    }
     interface TestePesquisa {
     }
     interface IntrinsicElements {
         "snk-application": SnkApplication;
+        "snk-config-modal": SnkConfigModal;
+        "snk-config-options": SnkConfigOptions;
+        "snk-configurator": SnkConfigurator;
+        "snk-crud": SnkCrud;
+        "snk-data-unit": SnkDataUnit;
+        "snk-field-config": SnkFieldConfig;
+        "snk-filter-bar": SnkFilterBar;
+        "snk-filter-binary-select": SnkFilterBinarySelect;
+        "snk-filter-detail": SnkFilterDetail;
+        "snk-filter-item": SnkFilterItem;
+        "snk-filter-list": SnkFilterList;
+        "snk-filter-modal": SnkFilterModal;
+        "snk-filter-multi-select": SnkFilterMultiSelect;
+        "snk-filter-number": SnkFilterNumber;
+        "snk-filter-period": SnkFilterPeriod;
+        "snk-filter-personalized": SnkFilterPersonalized;
+        "snk-filter-search": SnkFilterSearch;
+        "snk-filter-text": SnkFilterText;
+        "snk-form": SnkForm;
+        "snk-form-config": SnkFormConfig;
+        "snk-grid": SnkGrid;
         "snk-pesquisa": SnkPesquisa;
+        "snk-tab-config": SnkTabConfig;
+        "snk-taskbar": SnkTaskbar;
         "teste-pesquisa": TestePesquisa;
     }
 }
@@ -107,7 +1172,30 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "snk-application": LocalJSX.SnkApplication & JSXBase.HTMLAttributes<HTMLSnkApplicationElement>;
+            "snk-config-modal": LocalJSX.SnkConfigModal & JSXBase.HTMLAttributes<HTMLSnkConfigModalElement>;
+            "snk-config-options": LocalJSX.SnkConfigOptions & JSXBase.HTMLAttributes<HTMLSnkConfigOptionsElement>;
+            "snk-configurator": LocalJSX.SnkConfigurator & JSXBase.HTMLAttributes<HTMLSnkConfiguratorElement>;
+            "snk-crud": LocalJSX.SnkCrud & JSXBase.HTMLAttributes<HTMLSnkCrudElement>;
+            "snk-data-unit": LocalJSX.SnkDataUnit & JSXBase.HTMLAttributes<HTMLSnkDataUnitElement>;
+            "snk-field-config": LocalJSX.SnkFieldConfig & JSXBase.HTMLAttributes<HTMLSnkFieldConfigElement>;
+            "snk-filter-bar": LocalJSX.SnkFilterBar & JSXBase.HTMLAttributes<HTMLSnkFilterBarElement>;
+            "snk-filter-binary-select": LocalJSX.SnkFilterBinarySelect & JSXBase.HTMLAttributes<HTMLSnkFilterBinarySelectElement>;
+            "snk-filter-detail": LocalJSX.SnkFilterDetail & JSXBase.HTMLAttributes<HTMLSnkFilterDetailElement>;
+            "snk-filter-item": LocalJSX.SnkFilterItem & JSXBase.HTMLAttributes<HTMLSnkFilterItemElement>;
+            "snk-filter-list": LocalJSX.SnkFilterList & JSXBase.HTMLAttributes<HTMLSnkFilterListElement>;
+            "snk-filter-modal": LocalJSX.SnkFilterModal & JSXBase.HTMLAttributes<HTMLSnkFilterModalElement>;
+            "snk-filter-multi-select": LocalJSX.SnkFilterMultiSelect & JSXBase.HTMLAttributes<HTMLSnkFilterMultiSelectElement>;
+            "snk-filter-number": LocalJSX.SnkFilterNumber & JSXBase.HTMLAttributes<HTMLSnkFilterNumberElement>;
+            "snk-filter-period": LocalJSX.SnkFilterPeriod & JSXBase.HTMLAttributes<HTMLSnkFilterPeriodElement>;
+            "snk-filter-personalized": LocalJSX.SnkFilterPersonalized & JSXBase.HTMLAttributes<HTMLSnkFilterPersonalizedElement>;
+            "snk-filter-search": LocalJSX.SnkFilterSearch & JSXBase.HTMLAttributes<HTMLSnkFilterSearchElement>;
+            "snk-filter-text": LocalJSX.SnkFilterText & JSXBase.HTMLAttributes<HTMLSnkFilterTextElement>;
+            "snk-form": LocalJSX.SnkForm & JSXBase.HTMLAttributes<HTMLSnkFormElement>;
+            "snk-form-config": LocalJSX.SnkFormConfig & JSXBase.HTMLAttributes<HTMLSnkFormConfigElement>;
+            "snk-grid": LocalJSX.SnkGrid & JSXBase.HTMLAttributes<HTMLSnkGridElement>;
             "snk-pesquisa": LocalJSX.SnkPesquisa & JSXBase.HTMLAttributes<HTMLSnkPesquisaElement>;
+            "snk-tab-config": LocalJSX.SnkTabConfig & JSXBase.HTMLAttributes<HTMLSnkTabConfigElement>;
+            "snk-taskbar": LocalJSX.SnkTaskbar & JSXBase.HTMLAttributes<HTMLSnkTaskbarElement>;
             "teste-pesquisa": LocalJSX.TestePesquisa & JSXBase.HTMLAttributes<HTMLTestePesquisaElement>;
         }
     }