@sankhyalabs/ezui 7.2.0-rc.13 → 7.2.0-rc.15

package/dist/types/components/ez-form-view/fieldbuilder/templates/MultiSelectInput.tpl.d.ts

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildMultiSelectInput: ({ name, label, readOnly, contextName, canShowError, props }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-grid-pagination/ez-grid-pagination.d.ts

@@ -1,14 +1,22 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { DataUnit } from '@sankhyalabs/core';
+import { PageChangeDirection } from './ez-grid-pagination.model';
 export declare class EzGridPagination {
   private i18n;
   private _cancelPaginationPopoverElement;
   private _dataUnitInitialized;
   private _dataUnitObserverBound;
+  private _askCancelListenerBound;
+  private _pendingResolve;
+  private _collapseTimeout;
+  private _suppressedUntilNextAsk;
+  private _hoverEnabled;
   _element: HTMLElement;
   private paginationInfo;
   private leftButtonDisabled;
   private rightButtonDisabled;
+  private expanded;
+  private loadAll;
   /**
    * Define a visibilidade do contador de paginação.
    * - `show`: Sempre exibe o contador (ex: "1-10 de 100")
@@ -56,9 +64,16 @@ export declare class EzGridPagination {
   private getPaginationCount;
   private getTotalPages;
   private handlePageChange;
-  private handleCancelPagination;
+  private resolvePending;
+  private handleCancelAction;
+  private handleContinueAction;
+  private handleLoadAllChange;
   private handleShowCancelPagination;
   private hasToShowCancelPagination;
+  private expand;
+  private collapse;
+  private scheduleCollapse;
+  private handleAskCancelPagination;
   private setPaginationInfo;
   private dataUnitObserver;
   private getLeftButtonDisabledStatus;
@@ -66,10 +81,11 @@ export declare class EzGridPagination {
   private setStatusButtonPagination;
   private initializeDataUnit;
   private addInfoId;
+  private renderCollapsedTrigger;
+  private renderExpandedContent;
   private renderCancelPagination;
   connectedCallback(): Promise<void>;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   render(): any;
 }
-export type PageChangeDirection = 'next' | 'previous';

package/dist/types/components/ez-grid-pagination/ez-grid-pagination.model.d.ts

@@ -0,0 +1,7 @@
+export declare const ASK_CANCEL_PAGINATION_EVENT = "ez-grid-pagination:ask-cancel";
+export type AskCancelPaginationResponse = 'CANCEL' | 'CONTINUE' | 'LOAD_ALL';
+export interface AskCancelPaginationEventDetail {
+  dataUnitName: string;
+  resolve: (response: AskCancelPaginationResponse) => void;
+}
+export type PageChangeDirection = 'next' | 'previous';

package/dist/types/components/ez-multi-select-input/ez-multi-select-input.d.ts

@@ -0,0 +1,119 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { IMultiSelectionListDataSource } from '../ez-multi-selection-list/interfaces/IMultiSelectionListDataSource';
+import { IMultiSelectionOption } from '../ez-multi-selection-list/interfaces/IMultiSelectionOption';
+/**
+ * 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"`.
+ */
+export declare class EzMultiSelectInput {
+  private _popover;
+  private _trigger;
+  private _list;
+  /**
+   * Chave da última seleção conhecida (valores marcados, ordenados). Usada para
+   * deduplicar emissões de `ezChange`: o ez-multi-selection-list emite
+   * `changeFilteredOptions` também ao montar e a cada sincronização programática
+   * de `options`/`value`, então só propagamos mudanças reais de seleção.
+   */
+  private _lastSelectionKey;
+  private _hostElement;
+  /**
+   * Texto a ser apresentado como título do campo.
+   */
+  label: string;
+  /**
+   * 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;
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  /**
+   * 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[];
+  /**
+   * Datasource dinâmico passado para o ez-multi-selection-list.
+   */
+  dataSource: IMultiSelectionListDataSource;
+  /**
+   * Nome da coluna para o datasource.
+   */
+  columnName: string;
+  /**
+   * Alterna entre lista estática (true) e datasource (false).
+   */
+  useOptions: boolean;
+  /**
+   * Informa se a pesquisa é do tipo texto ou numérico.
+   */
+  isTextSearch: boolean;
+  /**
+   * 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;
+  /**
+   * 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[];
+  private _selectedCount;
+  private _isOpen;
+  /**
+   * Emitido quando a seleção de itens na lista é alterada.
+   * O payload é o array completo das opções com seu estado de check.
+   */
+  ezChange: EventEmitter<IMultiSelectionOption[]>;
+  observeHasInvalid(newValue: boolean | string, oldValue: boolean | string): void;
+  observeOptions(newOptions: IMultiSelectionOption[]): void;
+  observeValue(newValue: IMultiSelectionOption[]): void;
+  /**
+   * Retorna as opções com o estado de check atual.
+   */
+  getSelectedOptions(): Promise<IMultiSelectionOption[]>;
+  /**
+   * Limpa todas as seleções. Delega ao ez-multi-selection-list.
+   */
+  clearSelection(): Promise<void>;
+  private handleTogglePopover;
+  private handleKeyDown;
+  private handleVisibilityChange;
+  private stopInnerChangeEvents;
+  private handleSelectionChange;
+  private selectionKey;
+  private buildDisplayText;
+  private buildTriggerClass;
+  private hasError;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/ez-multi-selection-list/ez-multi-selection-list.d.ts

@@ -33,6 +33,13 @@ export declare class EzMuiltiSelectionList {
    * Informa se a pesquisa é do tipo texto ou numérico.
    */
   isTextSearch: boolean;
+  /**
+   * 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;
   /**
    * Guarda o estado das opções de filtragem (check = true ou false).
    * @private
@@ -47,6 +54,7 @@ export declare class EzMuiltiSelectionList {
   private viewScenario;
   private displayOptionToCheckAllItems;
   clearFilteredOptions(): Promise<void>;
+  clearSelection(): Promise<void>;
   onChangeUseOptions(): void;
   onChangeOptions(): void;
   onChangeFilteredOptions(optionsListUpdated: IMultiSelectionOption[]): void;

package/dist/types/components/ez-popover/ez-popover.d.ts

@@ -40,6 +40,15 @@ export declare class EzPopover {
    * Exibe o ez-popover.
    */
   show(top?: string, left?: string): Promise<void>;
+  /**
+   * Exibe o ez-popover ancorado acima da posição de origem (usa `bottom` em vez de `top`).
+   * Aceita opcionalmente `left` ou `right` para alinhamento horizontal.
+   */
+  showAbove(offsets?: {
+    bottom?: string;
+    left?: string;
+    right?: string;
+  }): Promise<void>;
   /**
    * Ancora a exibição do popOver a um elemento HTML.
    */

package/dist/types/components/ez-popover-plus/ez-popover-plus.d.ts

@@ -34,6 +34,13 @@ export declare class EzPopoverPlus {
    * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
    */
   minWidth: number;
+  /**
+   * 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;
   /**
    * Emitido quando acontece a alteração de estado do componente.
    */

package/dist/types/components/ez-popover-plus/subcomponent/ez-popover-core.d.ts

@@ -37,6 +37,15 @@ export declare class EzPopoverCore {
    * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
    */
   minWidth: number;
+  /**
+   * 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;
   /**
    * Emitido quando acontece a alteração de estado do componente.
    */

package/dist/types/components.d.ts

@@ -42,7 +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 { PageChangeDirection } from "./components/ez-grid-pagination/ez-grid-pagination.model";
 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";
@@ -2473,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.
          */
@@ -2491,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)
          */
@@ -2610,6 +2693,10 @@ export namespace Components {
           * Exibe o ez-popover.
          */
         "show": (top?: string, left?: string) => Promise<void>;
+        /**
+          * Exibe o ez-popover ancorado acima da posição de origem (usa `bottom` em vez de `top`). Aceita opcionalmente `left` ou `right` para alinhamento horizontal.
+         */
+        "showAbove": (offsets?: { bottom?: string; left?: string; right?: string; }) => Promise<void>;
         /**
           * Ancora a exibição do popOver a um elemento HTML.
          */
@@ -2632,6 +2719,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.
          */
@@ -2690,6 +2781,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.
          */
@@ -4364,6 +4459,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;
@@ -4789,6 +4888,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: {
@@ -5137,6 +5254,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;
@@ -7444,6 +7562,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.
@@ -7465,6 +7657,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)
          */
@@ -7601,6 +7797,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).
          */
@@ -7639,6 +7839,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).
          */
@@ -9090,6 +9294,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;
@@ -9193,6 +9398,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>;

package/dist/types/utils/i18n/locales/en-us.d.ts

@@ -108,6 +108,7 @@ declare const _default: {
     };
     "ez-grid-pagination": {
       cancelPagination: string;
+      paginationLabel: string;
       firstPage: string;
       lastPage: string;
       previousPage: string;
@@ -115,6 +116,14 @@ declare const _default: {
       remainingPageLabel: string;
       remainingTotalLabel: string;
       pageCounter: string;
+      largeLoad: {
+        line1: string;
+        line2: string;
+        line3: string;
+        loadAll: string;
+        continue: string;
+        cancel: string;
+      };
     };
     "ez-grid": {
       filterAppliedSuccess: string;

package/dist/types/utils/i18n/locales/es-es.d.ts

@@ -108,6 +108,7 @@ declare const _default: {
     };
     "ez-grid-pagination": {
       cancelPagination: string;
+      paginationLabel: string;
       firstPage: string;
       lastPage: string;
       previousPage: string;
@@ -115,6 +116,14 @@ declare const _default: {
       remainingPageLabel: string;
       remainingTotalLabel: string;
       pageCounter: string;
+      largeLoad: {
+        line1: string;
+        line2: string;
+        line3: string;
+        loadAll: string;
+        continue: string;
+        cancel: string;
+      };
     };
     "ez-grid": {
       filterAppliedSuccess: string;

package/dist/types/utils/i18n/locales/pt-br.d.ts

@@ -108,6 +108,7 @@ declare const _default: {
     };
     "ez-grid-pagination": {
       cancelPagination: string;
+      paginationLabel: string;
       firstPage: string;
       lastPage: string;
       previousPage: string;
@@ -115,6 +116,14 @@ declare const _default: {
       remainingPageLabel: string;
       remainingTotalLabel: string;
       pageCounter: string;
+      largeLoad: {
+        line1: string;
+        line2: string;
+        line3: string;
+        loadAll: string;
+        continue: string;
+        cancel: string;
+      };
     };
     "ez-grid": {
       filterAppliedSuccess: string;