@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-132151.1 → 0.0.0-bugfix-dev-KB-157120.0

package/dist/types/components.d.ts

@@ -42,6 +42,7 @@ import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, I
 import { ICustomFormatter, IGridMode, ISelection, ISelectionToastConfig } from "./components/ez-grid/interfaces";
 import { IMultiSelectionListDataSource } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource";
 import { ICustomRender } from "./utils/customRender/interfaces/ICustomRender";
+import { PageChangeDirection } from "./components/ez-grid-pagination/ez-grid-pagination";
 import { ColumnConfig } from "./components/ez-grid-view/ez-grid-view";
 import { IGuideItem } from "./components/ez-guide-navigator/interfaces";
 import { RichToolbarCommand } from "./components/ez-rich-text/ez-rich-toolbar/RichToolbarHelper";
@@ -54,6 +55,7 @@ import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions2 } from "./component
 import { EzButtonProps } from "./components/ez-popup/interfaces/EzButtonProps";
 import { Radio } from "./components/ez-radio-button/ez-radio-button";
 import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
+import { EzScrollNavigationMode } from "./components/ez-scroller/EzScrollNavigationMode";
 import { IOption as IOption7, ISearchArgument as ISearchArgument2 } from "./components/ez-search/ez-search";
 import { IOption as IOption8, OptionLoaderFunction as OptionLoaderFunction1 } from "./components/ez-search-plus/ez-search-plus";
 import { IOption as IOption9 } from "./components/ez-search-plus/ez-search-plus";
@@ -491,6 +493,10 @@ export namespace Components {
           * Define se o combo box está habilitado.
          */
         "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage": string;
         /**
           * Texto de ajuda exibido abaixo do combo box.
          */
@@ -1120,6 +1126,10 @@ export namespace Components {
           * Define se a textarea está habilitada
          */
         "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido
+         */
+        "errorMessage"?: string;
         /**
           * Texto de ajuda exibido abaixo da textarea
          */
@@ -1709,11 +1719,11 @@ export namespace Components {
         /**
           * Define o tamanho do componente, sobrescrevendo o padrão da propriedade size.
          */
-        "height"?: number;
+        "height"?: number | string;
         /**
           * Define a largura do componente, sobrescrevendo o padrão da propriedade size.
          */
-        "width"?: number;
+        "width"?: number | string;
     }
     interface EzFileItem {
         /**
@@ -1958,6 +1968,14 @@ export namespace Components {
           * Obtém as linhas selecionadas.
          */
         "getSelection": () => Promise<Array<any>>;
+        /**
+          * Manipula a mudança de página da grid.
+         */
+        "handlePageChange": () => Promise<void>;
+        /**
+          * Esconder paginação.
+         */
+        "hidePagination": boolean;
         /**
           * Localiza determinada coluna tornando-a visível.
          */
@@ -1975,7 +1993,7 @@ export namespace Components {
          */
         "outlineMode"?: boolean;
         /**
-          * Define se a grid será focada ao ser carregada.
+          * Define a forma como a paginação irá se comportar.
          */
         "paginationCounterMode"?: 'show' | 'hidden' | 'auto';
         /**
@@ -2048,6 +2066,41 @@ export namespace Components {
          */
         "useSearchColumn": boolean;
     }
+    interface EzGridPagination {
+        /**
+          * Define o modo de visualização atual da grid.
+         */
+        "buttonsSize": 'x-small' | 'small' | 'medium' | 'large';
+        /**
+          * DataUnit associada à grid.
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Navega para a primeira página.
+         */
+        "firstPage": () => Promise<void>;
+        /**
+          * Navega para a primeira página.
+         */
+        "lastPage": () => Promise<void>;
+        /**
+          * Navega para a próxima página.
+         */
+        "nextPage": () => Promise<void>;
+        /**
+          * Define a visibilidade do contador de paginação. - `show`: Sempre exibe o contador (ex: "1-10 de 100") - `hidden`: Oculta o contador (exibe apenas os botões) - `auto`: Exibe/oculta baseado no espaço disponível (responsivo)
+          * @default 'auto'
+         */
+        "paginationCounterMode"?: 'show' | 'hidden' | 'auto';
+        /**
+          * Define o texto da paginação à esquerda ou à direita.
+         */
+        "paginationTextPosition": 'left' | 'right';
+        /**
+          * Navega para a página anterior.
+         */
+        "previousPage": () => Promise<void>;
+    }
     interface EzGridView {
         /**
           * Adiciona item de menu nas colunas.
@@ -2420,8 +2473,87 @@ export namespace Components {
          */
         "showTitleBar": boolean;
     }
+    /**
+     * Campo de formulário de múltipla seleção. Possui o mesmo layout visual do
+     * `ez-text-input` (label flutuante, estados de foco/erro/desabilitado) e, ao ser
+     * acionado, abre um `ez-popover-plus` ancorado ao campo contendo um
+     * `ez-multi-selection-list`. O campo exibe o texto "N selecionado(s)" com a
+     * contagem de itens marcados.
+     * Suporta tanto lista estática (`options`) quanto carregamento dinâmico via
+     * `dataSource`/`columnName`. O valor selecionado é exposto pela prop `value` e
+     * pelo evento `ezChange` (ambos no formato `IMultiSelectionOption[]`), o que
+     * permite a vinculação automática a formulários através do `DataBinder` quando o
+     * metadata informa `userInterface: "MULTISELECTOR"`.
+     */
+    interface EzMultiSelectInput {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError": boolean;
+        /**
+          * Limpa todas as seleções. Delega ao ez-multi-selection-list.
+         */
+        "clearSelection": () => Promise<void>;
+        /**
+          * Nome da coluna para o datasource.
+         */
+        "columnName": string;
+        /**
+          * Datasource dinâmico passado para o ez-multi-selection-list.
+         */
+        "dataSource": IMultiSelectionListDataSource;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage": string;
+        /**
+          * Retorna as opções com o estado de check atual.
+         */
+        "getSelectedOptions": () => Promise<IMultiSelectionOption[]>;
+        /**
+          * Define se o campo está em estado inválido (bordas vermelhas).
+         */
+        "hasInvalid": boolean;
+        /**
+          * Informa se a pesquisa é do tipo texto ou numérico.
+         */
+        "isTextSearch": boolean;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode": 'slim' | 'regular';
+        /**
+          * Se true o campo não terá bordas.
+         */
+        "noBorder": boolean;
+        /**
+          * Opções estáticas passadas para o ez-multi-selection-list.
+         */
+        "options": IMultiSelectionOption[];
+        /**
+          * Define se as opções marcadas devem ser reordenadas para o topo da lista. Quando `false` (padrão), a ordem original das opções é preservada — os itens não "pulam" para o topo ao serem selecionados. Defina `true` para manter os selecionados no topo (ordenados).
+         */
+        "orderSelectedFirst": boolean;
+        /**
+          * Alterna entre lista estática (true) e datasource (false).
+         */
+        "useOptions": boolean;
+        /**
+          * Valor do campo: as opções com o estado de check atual (mesmo formato do payload de `ezChange`). Usado para a vinculação com formulários (read-back do DataBinder). Não reflete como atributo pois arrays não serializam bem em HTML.
+         */
+        "value": IMultiSelectionOption[];
+    }
     interface EzMultiSelectionList {
         "clearFilteredOptions": () => Promise<void>;
+        "clearSelection": () => Promise<void>;
         /**
           * Nome da coluna onde serão aplicadas as opções selecionadas.
          */
@@ -2438,6 +2570,10 @@ export namespace Components {
           * Opções de filtros a serem exibidas na listagem.
          */
         "options": IMultiSelectionOption[];
+        /**
+          * Define se as opções marcadas devem ser reordenadas para o topo da lista (e ordenadas alfabeticamente/pelo datasource). Quando `false`, a ordem original das opções é preservada — inclusive ao marcar/desmarcar itens. Padrão: `true` (mantém o comportamento histórico).
+         */
+        "orderSelectedFirst": boolean;
         /**
           * Indica se deve ser exibida lista de opções do atributo options (true), ou se deve utilizar o datasource (false)
          */
@@ -2579,6 +2715,10 @@ export namespace Components {
           * Ajusta o comportamento da largura do popover.
          */
         "boxWidth": "full-width" | "fit-content";
+        /**
+          * Define se o popover deve se ajustar ao espaço visível disponível para não ser cortado pelas bordas da tela (ou por containers com rolagem). Quando verdadeiro, a largura/altura máximas do popover passam a ser limitadas ao espaço disponível e o conteúdo rola internamente, em vez de ficar com parte oculta. O elemento permanece no shadow DOM, preservando o estilo e o conteúdo do slot. Padrão: true.
+         */
+        "fitInViewport": boolean;
         /**
           * Oculta o ez-popover.
          */
@@ -2637,6 +2777,10 @@ export namespace Components {
           * Ajusta o comportamento da largura do popover.
          */
         "boxWidth": "full-width" | "fit-content";
+        /**
+          * Define se o popover deve se ajustar ao espaço visível disponível para não ser cortado pelas bordas da tela (ou por containers com rolagem). Quando verdadeiro, o conteúdo passa a rolar internamente em vez de ficar com parte oculta. Padrão: true.
+         */
+        "fitInViewport": boolean;
         /**
           * Oculta o ez-popover.
          */
@@ -2753,6 +2897,29 @@ export namespace Components {
          */
         "value": any;
     }
+    interface EzRecordNavigation {
+        /**
+          * DataUnit.
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Desabilita a navegação entre os registros.
+         */
+        "disabled": boolean;
+        /**
+          * Navega para a próxima página.
+         */
+        "nextRecord": () => Promise<void>;
+        /**
+          * Navega para a página anterior.
+         */
+        "previousRecord": () => Promise<void>;
+        /**
+          * Chaves primárias dos registros, usadas para visualizar o registro atual.
+         */
+        "primaryKeys": string[];
+        "textPosition": 'left' | 'right';
+    }
     interface EzRichText {
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
@@ -2858,6 +3025,14 @@ export namespace Components {
           * Define se o `scroll` estará bloqueado.
          */
         "locked": boolean;
+        /**
+          * Define o modo de navegação: 'scrollbar' (padrão) ou 'buttons' (botões de carrossel).
+         */
+        "navigationMode": EzScrollNavigationMode;
+        /**
+          * Define a quantidade de pixels que será rolado ao clicar nos botões de navegação.
+         */
+        "scrollAmount": number;
     }
     interface EzSearch {
         /**
@@ -3428,18 +3603,22 @@ export namespace Components {
     }
     interface EzTabselector {
         "goToTab": (tabIndex: number, silent?: boolean) => Promise<void>;
+        /**
+          * Define se as abas podem ser reordenadas via drag-and-drop. Desabilitado por padrão.
+         */
+        "reorderable": boolean;
         /**
           * Define o index da aba selecionada.
          */
-        "selectedIndex": number;
+        "selectedIndex"?: number;
         /**
           * Define a aba selecionada.
          */
-        "selectedTab": string;
+        "selectedTab"?: string;
         /**
           * Define o nome das abas do componente. Podendo serem separadas por vírgula "," ou em um Array de configuração.
          */
-        "tabs": string | Array<Tab>;
+        "tabs"?: string | Array<Tab>;
     }
     interface EzTag {
         /**
@@ -4248,6 +4427,10 @@ export interface EzGridCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzGridElement;
 }
+export interface EzGridPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzGridPaginationElement;
+}
 export interface EzGuideNavigatorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzGuideNavigatorElement;
@@ -4272,6 +4455,10 @@ export interface EzModalContainerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzModalContainerElement;
 }
+export interface EzMultiSelectInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzMultiSelectInputElement;
+}
 export interface EzMultiSelectionListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzMultiSelectionListElement;
@@ -4631,6 +4818,12 @@ declare global {
         prototype: HTMLEzGridElement;
         new (): HTMLEzGridElement;
     };
+    interface HTMLEzGridPaginationElement extends Components.EzGridPagination, HTMLStencilElement {
+    }
+    var HTMLEzGridPaginationElement: {
+        prototype: HTMLEzGridPaginationElement;
+        new (): HTMLEzGridPaginationElement;
+    };
     interface HTMLEzGridViewElement extends Components.EzGridView, HTMLStencilElement {
     }
     var HTMLEzGridViewElement: {
@@ -4691,6 +4884,24 @@ declare global {
         prototype: HTMLEzModalContainerElement;
         new (): HTMLEzModalContainerElement;
     };
+    /**
+     * Campo de formulário de múltipla seleção. Possui o mesmo layout visual do
+     * `ez-text-input` (label flutuante, estados de foco/erro/desabilitado) e, ao ser
+     * acionado, abre um `ez-popover-plus` ancorado ao campo contendo um
+     * `ez-multi-selection-list`. O campo exibe o texto "N selecionado(s)" com a
+     * contagem de itens marcados.
+     * Suporta tanto lista estática (`options`) quanto carregamento dinâmico via
+     * `dataSource`/`columnName`. O valor selecionado é exposto pela prop `value` e
+     * pelo evento `ezChange` (ambos no formato `IMultiSelectionOption[]`), o que
+     * permite a vinculação automática a formulários através do `DataBinder` quando o
+     * metadata informa `userInterface: "MULTISELECTOR"`.
+     */
+    interface HTMLEzMultiSelectInputElement extends Components.EzMultiSelectInput, HTMLStencilElement {
+    }
+    var HTMLEzMultiSelectInputElement: {
+        prototype: HTMLEzMultiSelectInputElement;
+        new (): HTMLEzMultiSelectInputElement;
+    };
     interface HTMLEzMultiSelectionListElement extends Components.EzMultiSelectionList, HTMLStencilElement {
     }
     var HTMLEzMultiSelectionListElement: {
@@ -4745,6 +4956,12 @@ declare global {
         prototype: HTMLEzRadioButtonElement;
         new (): HTMLEzRadioButtonElement;
     };
+    interface HTMLEzRecordNavigationElement extends Components.EzRecordNavigation, HTMLStencilElement {
+    }
+    var HTMLEzRecordNavigationElement: {
+        prototype: HTMLEzRecordNavigationElement;
+        new (): HTMLEzRecordNavigationElement;
+    };
     interface HTMLEzRichTextElement extends Components.EzRichText, HTMLStencilElement {
     }
     var HTMLEzRichTextElement: {
@@ -5022,6 +5239,7 @@ declare global {
         "ez-form": HTMLEzFormElement;
         "ez-form-view": HTMLEzFormViewElement;
         "ez-grid": HTMLEzGridElement;
+        "ez-grid-pagination": HTMLEzGridPaginationElement;
         "ez-grid-view": HTMLEzGridViewElement;
         "ez-guide-navigator": HTMLEzGuideNavigatorElement;
         "ez-icon": HTMLEzIconElement;
@@ -5032,6 +5250,7 @@ declare global {
         "ez-loading-bar": HTMLEzLoadingBarElement;
         "ez-modal": HTMLEzModalElement;
         "ez-modal-container": HTMLEzModalContainerElement;
+        "ez-multi-select-input": HTMLEzMultiSelectInputElement;
         "ez-multi-selection-list": HTMLEzMultiSelectionListElement;
         "ez-number-input": HTMLEzNumberInputElement;
         "ez-pagination": HTMLEzPaginationElement;
@@ -5041,6 +5260,7 @@ declare global {
         "ez-popup": HTMLEzPopupElement;
         "ez-progress-bar": HTMLEzProgressBarElement;
         "ez-radio-button": HTMLEzRadioButtonElement;
+        "ez-record-navigation": HTMLEzRecordNavigationElement;
         "ez-rich-text": HTMLEzRichTextElement;
         "ez-rich-toolbar": HTMLEzRichToolbarElement;
         "ez-rich-toolbar-arrows": HTMLEzRichToolbarArrowsElement;
@@ -5500,6 +5720,10 @@ declare namespace LocalJSX {
           * Define se o combo box está habilitado.
          */
         "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage"?: string;
         /**
           * Texto de ajuda exibido abaixo do combo box.
          */
@@ -6109,6 +6333,10 @@ declare namespace LocalJSX {
           * Define se a textarea está habilitada
          */
         "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido
+         */
+        "errorMessage"?: string;
         /**
           * Texto de ajuda exibido abaixo da textarea
          */
@@ -6702,11 +6930,11 @@ declare namespace LocalJSX {
         /**
           * Define o tamanho do componente, sobrescrevendo o padrão da propriedade size.
          */
-        "height"?: number;
+        "height"?: number | string;
         /**
           * Define a largura do componente, sobrescrevendo o padrão da propriedade size.
          */
-        "width"?: number;
+        "width"?: number | string;
     }
     interface EzFileItem {
         /**
@@ -6913,6 +7141,10 @@ declare namespace LocalJSX {
           * Ativa modo de linhas com cores alternadas.
          */
         "enableRowTableStriped"?: boolean;
+        /**
+          * Esconder paginação.
+         */
+        "hidePagination"?: boolean;
         /**
           * Define o modo de uso da grade
          */
@@ -6954,7 +7186,7 @@ declare namespace LocalJSX {
          */
         "outlineMode"?: boolean;
         /**
-          * Define se a grid será focada ao ser carregada.
+          * Define a forma como a paginação irá se comportar.
          */
         "paginationCounterMode"?: 'show' | 'hidden' | 'auto';
         /**
@@ -6994,6 +7226,29 @@ declare namespace LocalJSX {
          */
         "useSearchColumn"?: boolean;
     }
+    interface EzGridPagination {
+        /**
+          * Define o modo de visualização atual da grid.
+         */
+        "buttonsSize"?: 'x-small' | 'small' | 'medium' | 'large';
+        /**
+          * DataUnit associada à grid.
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Evento disparado quando a página é alterada.
+         */
+        "onPageChange"?: (event: EzGridPaginationCustomEvent<PageChangeDirection>) => void;
+        /**
+          * Define a visibilidade do contador de paginação. - `show`: Sempre exibe o contador (ex: "1-10 de 100") - `hidden`: Oculta o contador (exibe apenas os botões) - `auto`: Exibe/oculta baseado no espaço disponível (responsivo)
+          * @default 'auto'
+         */
+        "paginationCounterMode"?: 'show' | 'hidden' | 'auto';
+        /**
+          * Define o texto da paginação à esquerda ou à direita.
+         */
+        "paginationTextPosition"?: 'left' | 'right';
+    }
     interface EzGridView {
         /**
           * Define se a grid será focada ao ser carregada.
@@ -7303,6 +7558,80 @@ declare namespace LocalJSX {
          */
         "showTitleBar"?: boolean;
     }
+    /**
+     * Campo de formulário de múltipla seleção. Possui o mesmo layout visual do
+     * `ez-text-input` (label flutuante, estados de foco/erro/desabilitado) e, ao ser
+     * acionado, abre um `ez-popover-plus` ancorado ao campo contendo um
+     * `ez-multi-selection-list`. O campo exibe o texto "N selecionado(s)" com a
+     * contagem de itens marcados.
+     * Suporta tanto lista estática (`options`) quanto carregamento dinâmico via
+     * `dataSource`/`columnName`. O valor selecionado é exposto pela prop `value` e
+     * pelo evento `ezChange` (ambos no formato `IMultiSelectionOption[]`), o que
+     * permite a vinculação automática a formulários através do `DataBinder` quando o
+     * metadata informa `userInterface: "MULTISELECTOR"`.
+     */
+    interface EzMultiSelectInput {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError"?: boolean;
+        /**
+          * Nome da coluna para o datasource.
+         */
+        "columnName"?: string;
+        /**
+          * Datasource dinâmico passado para o ez-multi-selection-list.
+         */
+        "dataSource"?: IMultiSelectionListDataSource;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage"?: string;
+        /**
+          * Define se o campo está em estado inválido (bordas vermelhas).
+         */
+        "hasInvalid"?: boolean;
+        /**
+          * Informa se a pesquisa é do tipo texto ou numérico.
+         */
+        "isTextSearch"?: boolean;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode"?: 'slim' | 'regular';
+        /**
+          * Se true o campo não terá bordas.
+         */
+        "noBorder"?: boolean;
+        /**
+          * Emitido quando a seleção de itens na lista é alterada. O payload é o array completo das opções com seu estado de check.
+         */
+        "onEzChange"?: (event: EzMultiSelectInputCustomEvent<IMultiSelectionOption[]>) => void;
+        /**
+          * Opções estáticas passadas para o ez-multi-selection-list.
+         */
+        "options"?: IMultiSelectionOption[];
+        /**
+          * Define se as opções marcadas devem ser reordenadas para o topo da lista. Quando `false` (padrão), a ordem original das opções é preservada — os itens não "pulam" para o topo ao serem selecionados. Defina `true` para manter os selecionados no topo (ordenados).
+         */
+        "orderSelectedFirst"?: boolean;
+        /**
+          * Alterna entre lista estática (true) e datasource (false).
+         */
+        "useOptions"?: boolean;
+        /**
+          * Valor do campo: as opções com o estado de check atual (mesmo formato do payload de `ezChange`). Usado para a vinculação com formulários (read-back do DataBinder). Não reflete como atributo pois arrays não serializam bem em HTML.
+         */
+        "value"?: IMultiSelectionOption[];
+    }
     interface EzMultiSelectionList {
         /**
           * Nome da coluna onde serão aplicadas as opções selecionadas.
@@ -7324,6 +7653,10 @@ declare namespace LocalJSX {
           * Opções de filtros a serem exibidas na listagem.
          */
         "options"?: IMultiSelectionOption[];
+        /**
+          * Define se as opções marcadas devem ser reordenadas para o topo da lista (e ordenadas alfabeticamente/pelo datasource). Quando `false`, a ordem original das opções é preservada — inclusive ao marcar/desmarcar itens. Padrão: `true` (mantém o comportamento histórico).
+         */
+        "orderSelectedFirst"?: boolean;
         /**
           * Indica se deve ser exibida lista de opções do atributo options (true), ou se deve utilizar o datasource (false)
          */
@@ -7460,6 +7793,10 @@ declare namespace LocalJSX {
           * Ajusta o comportamento da largura do popover.
          */
         "boxWidth"?: "full-width" | "fit-content";
+        /**
+          * Define se o popover deve se ajustar ao espaço visível disponível para não ser cortado pelas bordas da tela (ou por containers com rolagem). Quando verdadeiro, a largura/altura máximas do popover passam a ser limitadas ao espaço disponível e o conteúdo rola internamente, em vez de ficar com parte oculta. O elemento permanece no shadow DOM, preservando o estilo e o conteúdo do slot. Padrão: true.
+         */
+        "fitInViewport"?: boolean;
         /**
           * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
          */
@@ -7498,6 +7835,10 @@ declare namespace LocalJSX {
           * Ajusta o comportamento da largura do popover.
          */
         "boxWidth"?: "full-width" | "fit-content";
+        /**
+          * Define se o popover deve se ajustar ao espaço visível disponível para não ser cortado pelas bordas da tela (ou por containers com rolagem). Quando verdadeiro, o conteúdo passa a rolar internamente em vez de ficar com parte oculta. Padrão: true.
+         */
+        "fitInViewport"?: boolean;
         /**
           * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
          */
@@ -7606,6 +7947,21 @@ declare namespace LocalJSX {
          */
         "value"?: any;
     }
+    interface EzRecordNavigation {
+        /**
+          * DataUnit.
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Desabilita a navegação entre os registros.
+         */
+        "disabled"?: boolean;
+        /**
+          * Chaves primárias dos registros, usadas para visualizar o registro atual.
+         */
+        "primaryKeys"?: string[];
+        "textPosition"?: 'left' | 'right';
+    }
     interface EzRichText {
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
@@ -7705,6 +8061,14 @@ declare namespace LocalJSX {
           * Define se o `scroll` estará bloqueado.
          */
         "locked"?: boolean;
+        /**
+          * Define o modo de navegação: 'scrollbar' (padrão) ou 'buttons' (botões de carrossel).
+         */
+        "navigationMode"?: EzScrollNavigationMode;
+        /**
+          * Define a quantidade de pixels que será rolado ao clicar nos botões de navegação.
+         */
+        "scrollAmount"?: number;
     }
     interface EzSearch {
         /**
@@ -7767,6 +8131,10 @@ declare namespace LocalJSX {
           * Emitido quando acontece a alteração de valor do campo.
          */
         "onEzChange"?: (event: EzSearchCustomEvent<IOption>) => void;
+        /**
+          * Emitido quando a pesquisa retorna um resultado vazio.
+         */
+        "onEzEmptySearch"?: (event: EzSearchCustomEvent<string>) => void;
         /**
           * Carrega as opções dinamicamente.
          */
@@ -7881,6 +8249,10 @@ declare namespace LocalJSX {
           * Emitido quando acontece a alteração de valor do campo.
          */
         "onEzChange"?: (event: EzSearchPlusCustomEvent<IOption>) => void;
+        /**
+          * Emitido quando a pesquisa retorna um resultado inválido.
+         */
+        "onEzEmptySearch"?: (event: EzSearchPlusCustomEvent<string>) => void;
         /**
           * Carrega as opções dinamicamente.
          */
@@ -8239,6 +8611,14 @@ declare namespace LocalJSX {
           * Emitido quando acontece a alteração de valor do componente.
          */
         "onEzChange"?: (event: EzTabselectorCustomEvent<Tab>) => void;
+        /**
+          * Emitido quando as abas são reordenadas via drag-and-drop. Recebe o array de abas na nova ordem.
+         */
+        "onEzReorder"?: (event: EzTabselectorCustomEvent<Array<Tab>>) => void;
+        /**
+          * Define se as abas podem ser reordenadas via drag-and-drop. Desabilitado por padrão.
+         */
+        "reorderable"?: boolean;
         /**
           * Define o index da aba selecionada.
          */
@@ -8899,6 +9279,7 @@ declare namespace LocalJSX {
         "ez-form": EzForm;
         "ez-form-view": EzFormView;
         "ez-grid": EzGrid;
+        "ez-grid-pagination": EzGridPagination;
         "ez-grid-view": EzGridView;
         "ez-guide-navigator": EzGuideNavigator;
         "ez-icon": EzIcon;
@@ -8909,6 +9290,7 @@ declare namespace LocalJSX {
         "ez-loading-bar": EzLoadingBar;
         "ez-modal": EzModal;
         "ez-modal-container": EzModalContainer;
+        "ez-multi-select-input": EzMultiSelectInput;
         "ez-multi-selection-list": EzMultiSelectionList;
         "ez-number-input": EzNumberInput;
         "ez-pagination": EzPagination;
@@ -8918,6 +9300,7 @@ declare namespace LocalJSX {
         "ez-popup": EzPopup;
         "ez-progress-bar": EzProgressBar;
         "ez-radio-button": EzRadioButton;
+        "ez-record-navigation": EzRecordNavigation;
         "ez-rich-text": EzRichText;
         "ez-rich-toolbar": EzRichToolbar;
         "ez-rich-toolbar-arrows": EzRichToolbarArrows;
@@ -9000,6 +9383,7 @@ declare module "@stencil/core" {
             "ez-form": LocalJSX.EzForm & JSXBase.HTMLAttributes<HTMLEzFormElement>;
             "ez-form-view": LocalJSX.EzFormView & JSXBase.HTMLAttributes<HTMLEzFormViewElement>;
             "ez-grid": LocalJSX.EzGrid & JSXBase.HTMLAttributes<HTMLEzGridElement>;
+            "ez-grid-pagination": LocalJSX.EzGridPagination & JSXBase.HTMLAttributes<HTMLEzGridPaginationElement>;
             "ez-grid-view": LocalJSX.EzGridView & JSXBase.HTMLAttributes<HTMLEzGridViewElement>;
             "ez-guide-navigator": LocalJSX.EzGuideNavigator & JSXBase.HTMLAttributes<HTMLEzGuideNavigatorElement>;
             "ez-icon": LocalJSX.EzIcon & JSXBase.HTMLAttributes<HTMLEzIconElement>;
@@ -9010,6 +9394,19 @@ declare module "@stencil/core" {
             "ez-loading-bar": LocalJSX.EzLoadingBar & JSXBase.HTMLAttributes<HTMLEzLoadingBarElement>;
             "ez-modal": LocalJSX.EzModal & JSXBase.HTMLAttributes<HTMLEzModalElement>;
             "ez-modal-container": LocalJSX.EzModalContainer & JSXBase.HTMLAttributes<HTMLEzModalContainerElement>;
+            /**
+             * Campo de formulário de múltipla seleção. Possui o mesmo layout visual do
+             * `ez-text-input` (label flutuante, estados de foco/erro/desabilitado) e, ao ser
+             * acionado, abre um `ez-popover-plus` ancorado ao campo contendo um
+             * `ez-multi-selection-list`. O campo exibe o texto "N selecionado(s)" com a
+             * contagem de itens marcados.
+             * Suporta tanto lista estática (`options`) quanto carregamento dinâmico via
+             * `dataSource`/`columnName`. O valor selecionado é exposto pela prop `value` e
+             * pelo evento `ezChange` (ambos no formato `IMultiSelectionOption[]`), o que
+             * permite a vinculação automática a formulários através do `DataBinder` quando o
+             * metadata informa `userInterface: "MULTISELECTOR"`.
+             */
+            "ez-multi-select-input": LocalJSX.EzMultiSelectInput & JSXBase.HTMLAttributes<HTMLEzMultiSelectInputElement>;
             "ez-multi-selection-list": LocalJSX.EzMultiSelectionList & JSXBase.HTMLAttributes<HTMLEzMultiSelectionListElement>;
             "ez-number-input": LocalJSX.EzNumberInput & JSXBase.HTMLAttributes<HTMLEzNumberInputElement>;
             "ez-pagination": LocalJSX.EzPagination & JSXBase.HTMLAttributes<HTMLEzPaginationElement>;
@@ -9019,6 +9416,7 @@ declare module "@stencil/core" {
             "ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes<HTMLEzPopupElement>;
             "ez-progress-bar": LocalJSX.EzProgressBar & JSXBase.HTMLAttributes<HTMLEzProgressBarElement>;
             "ez-radio-button": LocalJSX.EzRadioButton & JSXBase.HTMLAttributes<HTMLEzRadioButtonElement>;
+            "ez-record-navigation": LocalJSX.EzRecordNavigation & JSXBase.HTMLAttributes<HTMLEzRecordNavigationElement>;
             "ez-rich-text": LocalJSX.EzRichText & JSXBase.HTMLAttributes<HTMLEzRichTextElement>;
             "ez-rich-toolbar": LocalJSX.EzRichToolbar & JSXBase.HTMLAttributes<HTMLEzRichToolbarElement>;
             "ez-rich-toolbar-arrows": LocalJSX.EzRichToolbarArrows & JSXBase.HTMLAttributes<HTMLEzRichToolbarArrowsElement>;