@sankhyalabs/ezui 5.22.0-dev.12 → 5.22.0-dev.120

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

@@ -5,6 +5,9 @@ export declare class EzTextArea {
   private _messageBoxElem;
   private _container;
   private _initialRows;
+  private _resizeObserver;
+  private readonly LINE_HEIGHT;
+  private readonly HEIGHT_RATIO;
   private _hostElement;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -42,10 +45,25 @@ export declare class EzTextArea {
    * Ativa a opção de fazer resize do input.
    */
   enableResize: boolean;
+  /**
+   * Ativa a opção de fazer as linhas do componente serem baseados na altura máxima.
+   */
+  autoRows: boolean;
+  /**
+  * Se true o campo de texto receberá o foco ao ser renderizado.
+  */
+  autoFocus: boolean;
+  /**
+   * Texto alternativo a ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
+  forceLabelFloat: boolean;
   observeErrorMessage(): void;
   observeValue(newValue: string, oldValue: string): void;
   observeMode(): void;
   observeRows(): void;
+  observeAutoRows(): void;
+  observeAlternativePlaceholder(newValue: any): void;
   /**
    * Adiciona o argumento text no value do text area, seguindo as regras:
    * - Se o cursor do mouse está posicionado em algum local do texto, o argumento será adicionado nesse local.
@@ -70,9 +88,16 @@ export declare class EzTextArea {
   private canChangeValue;
   private adjustFloatingLabel;
   private isFocused;
+  private updateRows;
+  private calculateMaxRows;
+  private initializeResizeObserver;
   handleFocusout(): void;
   handleChange(): void;
   handleFocus(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  private buildPlaceholder;
+  private buildLabelClass;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -5,10 +5,11 @@ export type TFocusOptions = {
 export declare class EzTextInput {
   private _inputElem;
   private _labelElem;
-  private _messageBoxElem;
   private _lastValidValue;
   private _maskFormatter;
   private _contentLeftSlot;
+  private _tooltipIconElem;
+  private _isOverflowing;
   private _hostElement;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -18,6 +19,10 @@ export declare class EzTextInput {
    * Texto a ser apresentado como título do campo.
    */
   label: string;
+  /**
+   * Texto alternativo a ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
   /**
    * Define o valor do campo.
    */
@@ -30,10 +35,18 @@ export declare class EzTextInput {
    * 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;
   /**
    * Aplica uma máscara no conteúdo conforme o padrão estabelecido
    */
   mask: string;
+  /**
+  * Para remover a máscara quando fizer um apply no formulário.
+  */
+  cleanValueMask: boolean;
   /**
    * Se false deixa de exibir a mensagem de erro dentro do campo.
    */
@@ -54,9 +67,22 @@ export declare class EzTextInput {
    * Se true o campo não terá bordas.
    */
   password: boolean;
-  observeErrorMessage(): void;
+  /**
+   * Se true o campo receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
+  /**
+   * Reflete se o slot direito possui conteúdo.
+   */
+  hasRightSlotContent: boolean;
+  forceLabelFloat: boolean;
+  observeHasInvalid(newValue: boolean | string, oldValue: boolean | string): void;
   observeMask(): void;
   observeValue(newValue: string, oldValue: string): void;
+  observeAlternativePlaceholder(newValue: any): void;
+  private validateErrors;
+  private handleValidateErrorMessage;
+  private updateClassError;
   private adjustFloatingLabel;
   private isFocused;
   private isSlaveMode;
@@ -77,10 +103,16 @@ export declare class EzTextInput {
   handleFocusout(): void;
   isValidValue(value: string): boolean;
   controlChangeValue(): void;
+  applyMask(value: string): string;
   handleChange(): void;
   handleSlotChange(ev: Event): void;
   doFocus(): void;
-  componentDidLoad(): void;
+  private getValue;
+  private buildLabelClass;
+  private buildPlaceholder;
+  private checkIsOverflowing;
   componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
   render(): any;
 }

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

@@ -34,6 +34,14 @@ export declare class EzTimeInput {
    * Se false deixa de exibir a mensagem de erro dentro do campo.
    */
   canShowError: boolean;
+  /**
+   * Se true o campo de texto receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
+  /**
+   * Texto alternativo ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
   /**
    * Emitido quando acontece a alteração de valor do campo.
    */

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

@@ -0,0 +1,57 @@
+import { Placement } from "@floating-ui/dom";
+export declare class EzTooltip {
+  private _tooltipElement;
+  private _arrowElement;
+  private _opened;
+  private _debouncingTimeout;
+  _element: HTMLElement;
+  /**
+   * Mensagem que será apresentada no tooltip.
+   */
+  message: string;
+  /**
+   * Elemento HTML que será utilizado como ancoragem do tooltip.
+   */
+  anchoringElement: HTMLElement;
+  /**
+   * Define a posição do tooltip em relação ao elemento de ancoragem.
+   */
+  placement: Placement;
+  /**
+   * Define o espaçamento entre o tooltip e o elemento de ancoragem.
+   */
+  gapOptions: {
+    horizontalGap: number;
+    verticalGap: number;
+  };
+  /**
+   * Define o tipo de tooltip a ser exibido.
+   */
+  type: 'default' | 'success' | 'error' | 'warning';
+  /**
+   * Tempo de espera para exibir o tooltip após o evento de mouseenter.
+   */
+  debouncingTime: number;
+  /**
+   * Define se o tooltip está ativo.
+   */
+  active: boolean;
+  /**
+   * Define a largura máxima do elemento.
+   */
+  maxWidth: number;
+  /**
+   * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+   */
+  useAnchorSize: boolean;
+  watchAnchoringElement(newValue: HTMLElement, oldValue: HTMLElement): void;
+  watchMessage(newValue: string): void;
+  private openTooltip;
+  private closeTooltip;
+  private updatePosition;
+  private handleSlotChange;
+  private setEvents;
+  private removeEvents;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -35,6 +35,10 @@ export declare class EzTree {
    * Emitido quando um item é aberto na árvore.
    */
   ezOpenItem: EventEmitter<ITreeItem>;
+  /**
+   * Emitido ao dar clique duplo em um item da árvore.
+   */
+  ezDbClickItem: EventEmitter<ITreeItem>;
   /**
    * Efetua a seleção de um item.
    */

package/dist/types/components/ez-tree/interfaces/ITreeItem.d.ts

@@ -11,4 +11,5 @@ export interface ITreeItem {
   expanded?: boolean;
   disabled?: boolean;
   badge?: "error" | "warning" | "success" | ITreeItemBadge | null;
+  props?: any;
 }

package/dist/types/components/ez-tree/subcomponents/TreeItem.d.ts

@@ -4,6 +4,7 @@ import { Node } from "../types/Node";
 interface TreeItemProps {
   node: Node;
   selectedId: string;
+  itemDoubleClick: (item: ITreeItem) => void;
   itemClick: (item: ITreeItem) => void;
   iconClick: (item: ITreeItem) => void;
   iconResolver: (item: ITreeItem, expanded: boolean, level: number) => string;