@sankhyalabs/ezui 7.3.4 → 7.3.5-dev.1

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

@@ -0,0 +1,91 @@
+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")
+   * - `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 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;
+  private getRightButtonDisabledStatus;
+  private setStatusButtonPagination;
+  private initializeDataUnit;
+  private addInfoId;
+  private renderCollapsedTrigger;
+  private renderExpandedContent;
+  private renderCancelPagination;
+  connectedCallback(): Promise<void>;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,43 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class EzImageInput {
+  _element: HTMLElement;
+  private _inputElem?;
+  private i18n;
+  /** Define se o componente está habilitado */
+  enabled?: boolean;
+  /** Label exibido na área de upload */
+  label?: string;
+  /** Nome do componente */
+  name?: string;
+  /** Valor da imagem em base64 */
+  value?: string;
+  /** Define o tamanho máximo do arquivo em bytes (padrão: 20MB) */
+  maxFileSize?: number;
+  /** Tipos de arquivo aceitos */
+  accept?: string;
+  /** Define se o componente está em estado de carregamento */
+  loading?: boolean;
+  /** Evento disparado quando uma imagem é selecionada */
+  ezChange: EventEmitter<string>;
+  /** Evento disparado quando ocorre um erro */
+  ezError: EventEmitter<string>;
+  private _hasImage;
+  private _isDragging;
+  private _showImagePopup;
+  onValueChange(newValue: string, oldValue: string): void;
+  private addInfoId;
+  private handleFileSelect;
+  private handleDrop;
+  private handleDragOver;
+  private handleDragLeave;
+  private processFile;
+  private handleRemoveImage;
+  private handleEditImage;
+  private handleClickDropZone;
+  private handleImageClick;
+  private handlePopupAction;
+  private handleClosePopup;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  render(): any;
+}

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-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

@@ -125,7 +125,15 @@ export declare class EzSearch {
    */
   alternativePlaceholder: string;
   /**
-   * Se true o campo de de apresentação não será exibido.
+   * Informa se deve exibir a opção de mostrar mais resultados.
+   */
+  showMore: boolean;
+  /**
+   * Informa se o valor da opção selecionada deve persistir no input de texto.
+   */
+  suppressInputPersist: boolean;
+  /**
+   * Se true o campo de descrição não será exibido.
    */
   hideDescriptionInput: boolean;
   observeErrorMessage(): void;
@@ -178,6 +186,7 @@ export declare class EzSearch {
   private showNoResultMessage;
   private getFieldLabel;
   private resetOptions;
+  private handleResetOptionsWithShowMoreVisible;
   private handleInitialValue;
   componentWillLoad(): Promise<void>;
   componentDidRender(): void;
@@ -193,6 +202,8 @@ export declare class EzSearch {
   private canShowListOptions;
   private canShowLoadSpinDescription;
   private onChangePreSelection;
+  private handleClickShowMore;
+  private renderShowMore;
   render(): any;
 }
 export interface IOption {

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

@@ -178,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-split-panel/ez-split-panel.d.ts

@@ -11,6 +11,10 @@ export declare class SplitPanel {
    * Define se o painel está sendo utilizado como estrutura para apresentação de outro item
    */
   structural: boolean;
+  /**
+   * Exibe uma alça visível no divisor entre os itens (indicador de arraste).
+   */
+  showGutter: boolean;
   _element: HTMLElement;
   _items: HTMLEzSplitItemElement[];
   _panelID: string;

package/dist/types/components/ez-split-panel/structure/item/ez-split-item.d.ts

@@ -27,6 +27,10 @@ export declare class SplitItem {
    * Define se o painel está sendo utilizado como estrutura para apresentação de outro item
    */
   structural: boolean;
+  /**
+   * Exibe o item apenas com contorno (borda), sem preenchimento nem sombra.
+   */
+  outline: boolean;
   /**
    * Referência ao elemento que contém o slot.
   **/

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 {
@@ -50,5 +70,7 @@ export interface Tab {
   tabKey: string;
   index: number;
   rightIcon?: string;
+  rightIconError?: boolean;
   leftIcon?: string;
+  disabled?: boolean;
 }

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

@@ -89,6 +89,10 @@ export declare class EzTextInput {
   private isSlaveMode;
   private adjustColorContentSlot;
   private adjustBorderInput;
+  private buildMaskFormatter;
+  private getMaskToBuilder;
+  private getPhoneMask;
+  private getCGCCpfMask;
   /**
    * Aplica o foco no campo.
    */