@sankhyalabs/ezui 6.0.2 → 6.1.0-dev.10

package/dist/types/components/ez-sortable-list/ez-sortable-list.d.ts

@@ -0,0 +1,91 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import Sortable from 'sortablejs';
+import { SlotBuilder } from '../ez-list/ez-list';
+export interface ListItem {
+  label: string;
+  id: string;
+  selected?: boolean;
+  sort?: string;
+}
+export declare class EzSortableList {
+  el: HTMLElement;
+  _sortableInstance: Sortable;
+  filterTerm: string;
+  /**
+   * Define o título da lista.
+   */
+  title: string;
+  /**
+   * Define se o cabeçalho deve ficar oculto.
+   */
+  hideHeader: boolean;
+  /**
+   * Define se o totalizador deve ser escondido.
+   */
+  hideTotalizer: boolean;
+  /** Grupo ao qual o ez-sortable-list pertence */
+  group: string;
+  /** Lista de itens para serem renderizados */
+  dataSource: Array<ListItem>;
+  /** ID do sortable list */
+  idSortableList: string;
+  /**
+   * Nome da entidade listada.
+   * Exemplo: "Campo", "Item", "Empresa".
+   */
+  entityLabel: string;
+  /**
+   * Variação plural do nome da entidade listada.
+   * Exemplo: "Campos", "Itens", "Empresas".
+   */
+  entityLabelPlural: string;
+  /** Mensagem exibida quando a lista está vazia */
+  emptyMessage: string;
+  /** Quando verdadeiro, ativa o feedback visual ao efetuar hover nos itens da lista */
+  hoverFeedback: boolean;
+  /** Habilita seleção de múltiplos itens utilizando as teclas 'Ctrl/Command' ou 'Shift' */
+  enableMultipleSelection: boolean;
+  /** Remove itens arrastados de uma lista para outra */
+  removeItensMoved: boolean;
+  /**
+   * Função builder que possibilita alterar como o item da lista vai ser apresentado.
+   * Observação: No react ele se transforma em VNode e não como HTMLElement.
+   */
+  itemRightSlotBuilder: SlotBuilder;
+  /**
+   * Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista.
+   * * Observação: No react ele se transforma em VNode e não como HTMLElement.
+   */
+  itemLeftSlotBuilder: SlotBuilder;
+  /** Evento emitido quando a ordem dos itens muda */
+  itemsReordered: EventEmitter<any>;
+  /** Emitido sempre que um ou vários itens da lista forem selecionados */
+  ezSelectItens: EventEmitter<ListItem[] | ListItem>;
+  /** Emitido quando ocorre um duplo clique em um item da lista */
+  ezDoubleClick?: EventEmitter<ListItem>;
+  /** Emitido quando ocorre a escolha de um item da lista */
+  ezChoose?: EventEmitter<ListItem[] | ListItem>;
+  /** Remove a seleção de todos os itens da lista */
+  clearSelection(): Promise<void>;
+  selectedItems: Set<string>;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  private initSortable;
+  private selectPredefinedItens;
+  private handleSortItem;
+  private removeDuplicateElements;
+  private handleSelect;
+  private handleDeselect;
+  private updateSelection;
+  private emitSelectedItems;
+  private handleReorderEvent;
+  private handleDoubleClick;
+  getContainerItemBuilder(slotPosition: 'left' | 'right', item: ListItem, className?: string): HTMLElement;
+  disconnectedCallback(): void;
+  private buildTotalizer;
+  private renderItems;
+  private handleFilterChanged;
+  private renderTotalizer;
+  private renderHeader;
+  render(): any;
+}

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

@@ -7,7 +7,7 @@ export declare class EzSplitButton {
   private dropdownParent;
   private rightDefaultTitle;
   private offsetParentRect;
-  private show;
+  show: boolean;
   /**
    * Se false o usuário não pode interagir com o botão.
    */
@@ -44,6 +44,11 @@ export declare class EzSplitButton {
    * Define o tamanho do ez-split-button.
    */
   size: 'small' | 'medium' | 'large';
+  /**
+   * Função builder que possibilita alterar como o item da lista vai ser apresentado.
+   * Observação: No react ele se transforma em VNode e não como HTMLElement.
+   */
+  itemBuilder: (item: IDropdownItem, level: number) => HTMLElement | string;
   /**
    * Emitido quando o botão principal é clicado
    */
@@ -68,10 +73,17 @@ export declare class EzSplitButton {
    * Aplica o foco no botão do dropdown.
    */
   setRightButtonFocus(): Promise<void>;
+  /**
+   * Abre ou Fecha o dropdown do Split Button.
+   */
+  toggleDropdown(): Promise<void>;
+  /**
+   * Informa se a lista de ações está aberta.
+   */
+  isOpenedDropdown(): Promise<boolean>;
   clickListener(evt: MouseEvent): void;
   private getIconSize;
   private closeDropdown;
-  private toggleDropdown;
   private handleButtonClick;
   private handleDropdownItemClick;
   private handleDropdownSubActionClick;

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

@@ -53,11 +53,17 @@ export declare class EzTextArea {
   * 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.
@@ -90,6 +96,8 @@ export declare class EzTextArea {
   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

@@ -9,9 +9,8 @@ export declare class EzTextInput {
   private _maskFormatter;
   private _contentLeftSlot;
   private _tooltipIconElem;
-  private _tooltipElem;
-  private _tooltipPositioningObserver;
-  private _observerDebounceTimeout;
+  private _isOverflowing;
+  private onClickOutside;
   private _hostElement;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -21,6 +20,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.
    */
@@ -33,6 +36,10 @@ 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
    */
@@ -69,9 +76,14 @@ export declare class EzTextInput {
    * Reflete se o slot direito possui conteúdo.
    */
   hasRightSlotContent: boolean;
-  observeErrorMessage(): void;
+  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;
@@ -96,13 +108,13 @@ export declare class EzTextInput {
   handleChange(): void;
   handleSlotChange(ev: Event): void;
   doFocus(): void;
-  private renderGlobalTooltip;
-  private removeGlobalTooltip;
-  private createTooltipPositioningObserver;
+  private getValue;
+  private buildLabelClass;
+  private buildPlaceholder;
+  private checkIsOverflowing;
   componentWillLoad(): void;
   componentDidLoad(): void;
-  componentDidRender(): void;
-  componentDidUpdate(): void;
   disconnectedCallback(): void;
+  componentDidRender(): void;
   render(): any;
 }

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

@@ -38,6 +38,10 @@ export declare class EzTimeInput {
    * 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

@@ -1,21 +1,57 @@
+import { Placement } from "@floating-ui/dom";
 export declare class EzTooltip {
+  private _tooltipElement;
+  private _arrowElement;
+  private _opened;
+  private _debouncingTimeout;
   _element: HTMLElement;
   /**
-   * Mensagem de erro que será apresentada no tooltip.
+   * Mensagem que será apresentada no tooltip.
    */
-  errorMessage: string;
+  message: string;
   /**
    * Elemento HTML que será utilizado como ancoragem do tooltip.
    */
   anchoringElement: HTMLElement;
   /**
-   * TODO: Implementar a possibilidade de definir a posição do tooltip.
+   * Define a posição do tooltip em relação ao elemento de ancoragem.
    */
+  placement: Placement;
   /**
-   * Reposiciona o tooltip de acordo com a posição do elemento de ancoragem.
+   * Define o espaçamento entre o tooltip e o elemento de ancoragem.
    */
-  positionTooltip(): Promise<void>;
+  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;
 }