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

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

@@ -0,0 +1,75 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { DataUnit } from '@sankhyalabs/core';
+export declare class EzGridPagination {
+  private i18n;
+  private _cancelPaginationPopoverElement;
+  private _dataUnitInitialized;
+  private _dataUnitObserverBound;
+  _element: HTMLElement;
+  private paginationInfo;
+  private leftButtonDisabled;
+  private rightButtonDisabled;
+  /**
+   * 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';
+  /**
+   * DataUnit associada à grid.
+   */
+  dataUnit: DataUnit;
+  /**
+   * Define o texto da paginação à esquerda ou à direita.
+   */
+  paginationTextPosition: 'left' | 'right';
+  /**
+   * Define o modo de visualização atual da grid.
+   */
+  buttonsSize: 'x-small' | 'small' | 'medium' | 'large';
+  /**
+   * Evento disparado quando a página é alterada.
+   */
+  pageChange: EventEmitter<PageChangeDirection>;
+  /**
+   * Navega para a página anterior.
+   */
+  previousPage(): Promise<void>;
+  /**
+   * Navega para a próxima página.
+   */
+  nextPage(): Promise<void>;
+  /**
+   * Navega para a primeira página.
+   */
+  firstPage(): Promise<void>;
+  /**
+   * Navega para a primeira página.
+   */
+  lastPage(): Promise<void>;
+  onDataUnitChange(): void;
+  private shouldPresentPaginationLabel;
+  private getRemainingPageLabel;
+  private getActualPageLabel;
+  private getPaginationCount;
+  private getTotalPages;
+  private handlePageChange;
+  private handleCancelPagination;
+  private handleShowCancelPagination;
+  private hasToShowCancelPagination;
+  private setPaginationInfo;
+  private dataUnitObserver;
+  private getLeftButtonDisabledStatus;
+  private getRightButtonDisabledStatus;
+  private setStatusButtonPagination;
+  private initializeDataUnit;
+  private addInfoId;
+  private renderCancelPagination;
+  connectedCallback(): Promise<void>;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}
+export type PageChangeDirection = 'next' | 'previous';

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

@@ -32,6 +32,7 @@ export declare class EzImageInput {
   private handleDragLeave;
   private processFile;
   private handleRemoveImage;
+  private handleEditImage;
   private handleClickDropZone;
   private handleImageClick;
   private handlePopupAction;

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-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/ez-popup/ez-popup.d.ts

@@ -3,6 +3,7 @@ import { EzButtonProps } from "./interfaces/EzButtonProps";
 export declare class EzPopup {
   private _keyboardManager;
   private _popupRef;
+  private _overlayRef;
   private _overlayId;
   private _element;
   private _hasFooterSlotContent;

package/dist/types/components/ez-record-navigation/ez-record-navigation.d.ts

@@ -0,0 +1,43 @@
+import { DataUnit } from '@sankhyalabs/core';
+export declare class EzRecordNavigation {
+  private i18n;
+  private _dataUnitInitialized;
+  private _dataUnitObserverBound;
+  _element: HTMLElement;
+  private leftButtonDisabled;
+  private rightButtonDisabled;
+  /**
+  * DataUnit.
+  */
+  dataUnit: DataUnit;
+  /**
+  * Chaves primárias dos registros, usadas para visualizar o registro atual.
+  */
+  primaryKeys: string[];
+  textPosition: 'left' | 'right';
+  /**
+   * Desabilita a navegação entre os registros.
+   */
+  disabled: boolean;
+  /**
+   * Navega para a página anterior.
+   */
+  previousRecord(): Promise<void>;
+  /**
+   * Navega para a próxima página.
+   */
+  nextRecord(): Promise<void>;
+  onDataUnitChange(): void;
+  onDisabledChange(): void;
+  private renderPageTitle;
+  private dataUnitObserver;
+  private getLeftButtonDisabledStatus;
+  private getRightButtonDisabledStatus;
+  private setStatusButtonPagination;
+  private initializeDataUnit;
+  private addInfoId;
+  connectedCallback(): Promise<void>;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/ez-scroller/EzScrollNavigationMode.d.ts

@@ -0,0 +1,4 @@
+export declare enum EzScrollNavigationMode {
+  SCROLLBAR = "scrollbar",
+  BUTTONS = "buttons"
+}

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

@@ -1,13 +1,15 @@
 import { EzScrollDirection } from './EzScrollDirection';
+import { EzScrollNavigationMode } from './EzScrollNavigationMode';
 export declare class EzScroller {
   private _container;
   private _wrapper;
   private _controller;
-  private _startHidden;
-  private _endHidden;
   private _resizeObserver;
   private _shadowStart;
   private _shadowEnd;
+  private i18n;
+  private _startHidden;
+  private _endHidden;
   isActive: boolean;
   /**
    * Define a direção em que haverá scroll.
@@ -21,6 +23,16 @@ export declare class EzScroller {
    * Define se haverá efeito de sombreado.
    */
   activeShadow: 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;
+  private scrollToPrevious;
+  private scrollToNext;
   private getContainerClass;
   private getWrapperClass;
   private finishDrag;
@@ -29,10 +41,12 @@ export declare class EzScroller {
   private configResize;
   private getContainerElement;
   private isActiveScroller;
+  private renderNavigationButtons;
   clickListener(evt: MouseEvent): void;
   mouseDownHandler(evt: MouseEvent): void;
   mouseUpHandler(): void;
   mouseMoveHandler(evt: MouseEvent): void;
+  componentWillLoad(): Promise<void>;
   componentDidRender(): void;
   render(): any;
 }

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

@@ -95,6 +95,10 @@ export declare class EzSearch {
    * Emitido quando acontece a alteração de valor do campo.
    */
   ezChange: EventEmitter<IOption>;
+  /**
+   * Emitido quando a pesquisa retorna um resultado vazio.
+   */
+  ezEmptySearch: EventEmitter<string>;
   /**
    * Array com as opções do ez-combo-box. Os elementos devem obedecer
    * o formato: `{value: string, label: string}`.

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { ISearchOption, SearchMode } from "../../utils";
+import { ISearchOption, SearchMode } from '../../utils';
 import { TFocusOptions } from "../ez-text-input/ez-text-input";
 import { IEzCheckBoxListPosition } from "../ez-combo-box/ez-combo-box";
 export declare class EzSearchPlus {
@@ -19,6 +19,10 @@ export declare class EzSearchPlus {
   * Emitido quando acontece a alteração de valor do campo.
   */
   ezChange: EventEmitter<IOption>;
+  /**
+   * Emitido quando a pesquisa retorna um resultado inválido.
+   */
+  ezEmptySearch: EventEmitter<string>;
   /**
    * Define o valor do campo.
    */
@@ -174,6 +178,7 @@ export declare class EzSearchPlus {
   private setLatestFocusedInputElement;
   private handleCodeInputFocus;
   private handleDescriptionInputFocus;
+  private cleanFieldsRef;
   private getRightIconElement;
   private getLeftIconElement;
   private handleOnEzVisibilityChange;

package/dist/types/components/ez-split-button/ez-split-button.d.ts

@@ -30,7 +30,6 @@ export declare class EzSplitButton {
   private leftButton;
   private rightButton;
   private dropdownParent;
-  private offsetParentRect;
   private i18n;
   leftRipples: RippleType[];
   rightRipples: RippleType[];
@@ -146,6 +145,7 @@ export declare class EzSplitButton {
   private removeRipple;
   onMouseDown(event: MouseEvent): void;
   onTouchStart(event: TouchEvent): void;
+  onItemActionExecuted(): void;
   clickListener(evt: MouseEvent): void;
   private shouldShowLabelOnLeftButton;
   private shouldShowIconOnLeftButton;
@@ -159,7 +159,6 @@ export declare class EzSplitButton {
    * Faz com que o dropdown se ajuste automaticamente ao espaco na tela
    */
   private positionDropdown;
-  private calculateDropdownPosition;
   private setupEventListeners;
   private cleanupEventListeners;
   componentWillLoad(): Promise<void>;

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

@@ -1,48 +1,68 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class EzTabselector {
-  private _hostElem;
-  private _scrollContainer;
-  private _backwardButton;
-  private _forwardButton;
-  private _startHidden;
-  private _endHidden;
-  private _focusedIndex;
-  private _scrollCallBackTest;
-  private _processedTabs;
+  private _hostElem?;
+  private _scrollContainer?;
+  private _backwardButton?;
+  private _forwardButton?;
+  private _startHidden?;
+  private _endHidden?;
+  private _focusedIndex?;
+  private _scrollCallBackTest?;
+  private _scrollCallBack?;
+  private _dragSourceIndex?;
+  private _dragOverIndex?;
+  private _processedTabs?;
   /**
    * 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>;
+  /**
+   * Define se as abas podem ser reordenadas via drag-and-drop. Desabilitado por padrão.
+   */
+  reorderable: boolean;
   /**
    * Emitido quando acontece a alteração de valor do componente.
    */
-  ezChange: EventEmitter<Tab>;
+  ezChange?: EventEmitter<Tab>;
+  /**
+   * Emitido quando as abas são reordenadas via drag-and-drop.
+   * Recebe o array de abas na nova ordem.
+   */
+  ezReorder?: EventEmitter<Array<Tab>>;
   observeTabs(newValue: string | Array<Tab>, oldValue: string | Array<Tab>): void;
+  observeSelectedIndex(newValue?: number, oldValue?: number): void;
+  observeSelectedTab(newValue?: string, oldValue?: string): void;
   goToTab(tabIndex: number, silent?: boolean): Promise<void>;
   handleTabClick(tab: Tab, emitChange?: boolean): void;
-  componentWillLoad(): void;
+  private scrollActiveTabIntoView;
   private processesTabs;
-  componentDidRender(): void;
-  componentDidLoad(): void;
   handleSlotChange(ev: Event): void;
   scrollBackward(): void;
   scrollFoward(): void;
   updateScroll(): void;
-  _scrollCallBack: number;
   domScrollHandler(): void;
-  setFocusedTab(index: number): void;
+  setFocusedTab(index?: number): void;
   setFocusedParam: (ev: KeyboardEvent) => void;
-  setFocusedBtn(visible: boolean, parameter: number): void;
-  buildElementIdTab(tabs: Array<any>): void;
+  handleDragStart(ev: DragEvent, index: number): void;
+  handleDragOver(ev: DragEvent, index: number): void;
+  handleDragLeave(index: number): void;
+  handleDrop(ev: DragEvent, targetIndex: number): void;
+  handleDragEnd(): void;
+  private findNextEnabledIndex;
+  setFocusedBtn(visible: boolean, parameter?: number): void;
+  buildElementIdTab(tabs?: Array<any>): void;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
   render(): any;
 }
 export interface Tab {
@@ -51,4 +71,5 @@ export interface Tab {
   index: number;
   rightIcon?: string;
   leftIcon?: string;
+  disabled?: boolean;
 }

package/dist/types/components/ez-text-input/ez-text-input.d.ts

@@ -108,6 +108,7 @@ export declare class EzTextInput {
   handleFocusout(): void;
   isValidValue(value: string): boolean;
   controlChangeValue(): void;
+  handleDefaultMask(value?: string): string;
   applyMask(value: string): string;
   handleChange(): void;
   handleSlotChange(ev: Event): void;

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

@@ -57,8 +57,10 @@ export declare class EzTooltip {
   watchMessage(newValue: string): void;
   private openTooltip;
   private closeTooltip;
+  private updatePositionArrow;
   private updatePosition;
   private handleSlotChange;
+  private anchoringOnSlotElement;
   private setEvents;
   private removeEvents;
   private initializeTooltip;