@sankhyalabs/ezui 6.5.0 → 6.6.0-dev.1

package/dist/types/components/ez-skeleton/ez-skeleton.constants.d.ts

@@ -11,7 +11,6 @@ export declare const SKELETON_ARIA: {
   readonly DATA_BUSY: "true";
   readonly DATA_VALUEMIN: "0";
   readonly DATA_VALUEMAX: "100";
-  readonly DATA_VALUETEXT: "Loading...";
   readonly ROLE: "progressbar";
   readonly TABINDEX: "0";
 };

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

@@ -1,5 +1,6 @@
 import { SkeletonAnimation, SkeletonVariant } from './ez-skeleton.constants';
 export declare class EzSkeleton {
+  private i18n;
   /**
    * The template to be used for the skeleton. Can be an HTMLElement or a string.
    *
@@ -69,7 +70,7 @@ export declare class EzSkeleton {
    */
   animation: SkeletonAnimation;
   private items;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentWillUpdate(): void;
   private initializeItems;
   private getSkeletonConfig;

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

@@ -8,6 +8,7 @@ export interface ListItem {
   sort?: string;
 }
 export declare class EzSortableList {
+  private i18n;
   el: HTMLElement;
   _sortableInstance: Sortable;
   filterTerm: string;
@@ -68,6 +69,7 @@ export declare class EzSortableList {
   /** Remove a seleção de todos os itens da lista */
   clearSelection(): Promise<void>;
   selectedItems: Set<string>;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   componentDidRender(): void;
   private initSortable;

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

@@ -0,0 +1,10 @@
+export declare class EzSpinner {
+  _element: HTMLElement;
+  private i18n;
+  /** Define o tamanho do spinner */
+  size?: 'small' | 'medium' | 'large';
+  private addInfoId;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -1,21 +1,68 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { IDropdownItem, IDropdownSubAction } from '../ez-dropdown/structure/DropdownItem';
+type ButtonMode = 'default' | 'icon-only' | 'icon-left';
+type ButtonSize = 'small' | 'medium' | 'large';
+interface RippleType {
+  x: number;
+  y: number;
+  id: number;
+}
+/**
+ * Split Button Component
+ *
+ * @example
+ * ```html
+ * <ez-split-button
+ *   label="Save"
+ *   mode="icon-left"
+ *   left-icon-name="save"
+ *   size="medium"
+ *   variant="primary">
+ * </ez-split-button>
+ * ```
+ *
+ * @fires buttonClick - Emitido quando o botão principal é clicado
+ * @fires dropdownItemClick - Emitido quando um botão do dropdown é clicado
+ * @fires dropdownSubActionClick - Emitido quando uma subação de um item do dropdown é clicada
+ */
 export declare class EzSplitButton {
   _element: HTMLElement;
   private leftButton;
   private rightButton;
   private dropdownParent;
-  private rightDefaultTitle;
   private offsetParentRect;
+  private i18n;
+  leftRipples: RippleType[];
+  rightRipples: RippleType[];
+  isLeftPressed: boolean;
+  isRightPressed: boolean;
+  /**
+   * Se true, o dropdown do botão é exibido.
+   */
   show: boolean;
   /**
    * Se false o usuário não pode interagir com o botão.
+   * @deprecated Use `isDisabled` prop instead.
    */
   enabled: boolean;
+  /**
+   * Se verdadeiro o clique no botão fica desabilitado mas a navegação continua funcional.
+   * Se full, o usuário não pode interagir com o botão.
+   */
+  isDisabled: boolean | "full" | "";
   /**
    * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+   * @deprecated Use `leftIconName` prop instead.
    */
   iconName: string;
+  /**
+   * Define o ícone esquerdo a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+   */
+  leftIconName: string;
+  /**
+   * Define o ícone direito a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+   */
+  rightIconName: string;
   /**
    * Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones.
    */
@@ -39,11 +86,19 @@ export declare class EzSplitButton {
   /**
    * Define o modo de uso do botão.
    */
-  mode: 'default' | 'icon-only' | 'icon-left';
+  mode: ButtonMode;
   /**
    * Define o tamanho do ez-split-button.
    */
-  size: 'small' | 'medium' | 'large';
+  size: ButtonSize;
+  /**
+   * Define a variante do ez-split-button.
+   */
+  variant?: "primary" | "secondary" | "tertiary";
+  /**
+   * Se verdadeiro, desabilita a animação de ripple.
+   */
+  suppressAnimation?: 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.
@@ -71,7 +126,7 @@ export declare class EzSplitButton {
   setLeftButtonFocus(): Promise<void>;
   /**
    * Aplica o foco no botão do dropdown.
-   */
+  */
   setRightButtonFocus(): Promise<void>;
   /**
    * Abre ou Fecha o dropdown do Split Button.
@@ -81,24 +136,54 @@ export declare class EzSplitButton {
    * Informa se a lista de ações está aberta.
    */
   isOpenedDropdown(): Promise<boolean>;
+  private rippleCounter;
+  private eventListeners;
+  private createRipple;
+  private getEventCoordinates;
+  private addRippleToButton;
+  private setButtonPressed;
+  private scheduleRippleCleanup;
+  private removeRipple;
+  onMouseDown(event: MouseEvent): void;
+  onTouchStart(event: TouchEvent): void;
   clickListener(evt: MouseEvent): void;
+  private shouldShowLabelOnLeftButton;
+  private shouldShowIconOnLeftButton;
   private getIconSize;
   private closeDropdown;
   private handleButtonClick;
   private handleDropdownItemClick;
   private handleDropdownSubActionClick;
-  private resolveOffsetParentRect;
   /**
    * Método responsável em posicionar o dropdown na tela.
    * Faz com que o dropdown se ajuste automaticamente ao espaco na tela
    */
   private positionDropdown;
-  private setEvents;
-  componentWillLoad(): void;
-  componentWillRender(): void;
+  private calculateDropdownPosition;
+  private setupEventListeners;
+  private cleanupEventListeners;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
   componentDidUpdate(): void;
+  private addElementIDs;
+  private renderRipples;
   render(): any;
-  private shouldShowLabelOnLeftButton;
-  private shouldShowIconOnLeftButton;
+  private renderLeftButton;
+  private renderDivider;
+  private renderDropdownSection;
+  private renderRightButton;
+  private renderDropdownContent;
+  private renderLeftIcon;
+  private renderLabel;
+  private renderRightIcon;
+  private renderDropdown;
+  private removeForcedFocusVisibleLeft;
+  private removeForcedFocusVisibleRight;
+  private addBlurListeners;
+  private removeBlurListeners;
+  connectedCallback(): void;
+  private get isButtonDisabled();
+  private get isButtonAriaDisabled();
 }
+export {};

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

@@ -1,6 +1,7 @@
 export declare class SplitItem {
   _element: HTMLElement;
   private expandButtonRef;
+  private i18n;
   /**
    * Define um título para o painel.
    */
@@ -30,6 +31,7 @@ export declare class SplitItem {
    * Referência ao elemento que contém o slot.
   **/
   private _slot;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -40,7 +40,7 @@ export declare class EzTextArea {
   /**
    * Define o tamanho do campo.
    */
-  mode: "slim" | "regular";
+  mode: 'slim' | 'regular';
   /**
    * Ativa a opção de fazer resize do input.
    */
@@ -50,8 +50,8 @@ export declare class EzTextArea {
    */
   autoRows: boolean;
   /**
-  * Se true o campo de texto receberá o foco ao ser renderizado.
-  */
+   * Se true o campo de texto receberá o foco ao ser renderizado.
+   */
   autoFocus: boolean;
   /**
    * Texto alternativo a ser apresentado como título do campo.
@@ -98,6 +98,9 @@ export declare class EzTextArea {
   disconnectedCallback(): void;
   private buildPlaceholder;
   private buildLabelClass;
+  private renderErrorTooltip;
+  private renderLabel;
+  private renderTextArea;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -4,6 +4,7 @@ export declare class EzTextEdit {
   private _inputElement;
   private _valueBasis;
   private _newValue;
+  private i18n;
   /**
    * Define o valor do campo.
    */
@@ -30,6 +31,7 @@ export declare class EzTextEdit {
   private handleSaveEdition;
   private handleCancelEdition;
   private setNewValue;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   componentDidRender(): void;
   render(): any;

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

@@ -5,6 +5,7 @@ export declare class EzTimeInput {
   private _textInput;
   private _maskFormatter;
   private _viewValue;
+  private i18n;
   private _elem;
   /**
    * Texto a ser apresentado como título do campo.
@@ -76,7 +77,7 @@ export declare class EzTimeInput {
   isInvalid(): Promise<boolean>;
   handleBlur(): void;
   handleInput(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
-  componentWillLoad(): void;
   render(): any;
 }

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ITreeItem } from './interfaces/ITreeItem';
 export declare class EzTree {
+  private i18n;
   private _element;
   private _visibleItems;
   private _onItemClick;
@@ -75,6 +76,14 @@ export declare class EzTree {
    * Efetua a seleção de um item.
    */
   applyFilter(pattern: string): Promise<void>;
+  /**
+   * Expande todos os itens da árvore.
+   */
+  expandAll(): Promise<void>;
+  /**
+   * Recolhe todos os itens da árvore.
+   */
+  collapseAll(): Promise<void>;
   /**
    * Atualiza um item
    */
@@ -104,6 +113,7 @@ export declare class EzTree {
   private nextItem;
   private previousItem;
   connectedCallback(): void;
+  componentWillLoad(): Promise<void>;
   componentWillRender(): void;
   render(): any;
 }

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

@@ -19,5 +19,8 @@ export declare class Tree extends Node implements ITree {
   private applyLayeredFilter;
   walkPath(parent: Node, path: string, callback: (node: Node) => void, currentLevel?: number): Promise<void>;
   loadChildren(node: Node): Promise<void>;
+  expandAll(): void;
+  collapseAll(): void;
+  private setAllChildrenExpanded;
   private loadLevel;
 }

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

@@ -1,5 +1,5 @@
-import { EventEmitter } from "../../stencil-public-runtime";
 import { WaitingChange } from "@sankhyalabs/core";
+import { EventEmitter } from "../../stencil-public-runtime";
 import RemoteFile from "./RemoteFile";
 export interface EzFile {
   name: string;
@@ -15,6 +15,7 @@ export declare class EzUpload {
   private _filePointers;
   private _requestHeaders;
   private _updatingValue;
+  private i18n;
   /**
    * Texto a ser apresentado como título do campo.
    */
@@ -94,6 +95,7 @@ export declare class EzUpload {
   openFilesDialog(): void;
   componentDidLoad(): void;
   componentWillRender(): void;
+  componentWillLoad(): Promise<void>;
   render(): any;
   buildFooter(): any;
   buildFileItem(item: EzFile | RemoteFile): any;