@sankhyalabs/ezui 0.0.0-feat-dev-kb-4158.0

package/dist/types/components/ez-combo-box/ez-combo-box.d.ts

@@ -0,0 +1,173 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzComboBox {
+  private _textInput;
+  private _optionsList;
+  private _listContainer;
+  private _listWrapper;
+  private _itemValueBasis;
+  private _floatingID;
+  private _source;
+  private _changeDeboucingTimeout;
+  private _limitCharsToSearch;
+  private _deboucingTime;
+  private _maxWidthValue;
+  private _tabPressed;
+  private _textEmptyList;
+  private _textEmptySearch;
+  private _lookupMode;
+  private _resizeObserver;
+  private el;
+  private _preSelection;
+  private _visibleOptions;
+  private _startLoading;
+  private _showLoading;
+  private _criteria;
+  /**
+   * Define o valor do campo.
+   */
+  value: IOption | string;
+  /**
+   * 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;
+  /**
+   * Array com as opções do ez-combo-box. Os elementos devem obedecer
+   * o formato: `{value: string, label: string}`.
+   */
+  options: Array<IOption>;
+  /**
+   * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+   */
+  errorMessage: string;
+  /**
+   * Se true ativa o modo pesquisa do ez-combo-box.
+   */
+  searchMode: boolean;
+  /**
+   * Se true a opção selecionada exibe o `value` junto com `label`.
+   */
+  showSelectedValue: boolean;
+  /**
+   * Se true cada opção na lista exibe o `value` junto com `label`.
+   */
+  showOptionValue: boolean;
+  /**
+   * Se true desabilita a digitação dentro do componente.
+   */
+  suppressSearch: boolean;
+  /**
+   * Carrega as opções dinamicamente.
+   */
+  optionLoader: (argument: ISearchArgument) => Promise<Array<IOption>> | Array<IOption> | IOption;
+  /**
+   * Se true remove a opção vazia da lista.
+   */
+  suppressEmptyOption: boolean;
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /**
+   * Define um posicionamento fixo para a lista de opções do CheckBox.
+   */
+  listOptionsPosition: IEzCheckBoxListPosition;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<IOption>;
+  observeErrorMessage(): void;
+  observeValue(newValue: IOption | string, oldValue: IOption | string): void;
+  observeOptions(newOptions: IOption[], oldOptions: IOption[]): void;
+  getValueAsync(): Promise<unknown>;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Remove o foco do campo.
+   */
+  setBlur(): Promise<void>;
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  isInvalid(): Promise<boolean>;
+  /**
+   * Limpa o valor do campo de pesquisa
+   */
+  clearValue(): Promise<void>;
+  scrollListener(): void;
+  private updateListPosition;
+  private getListPosition;
+  private isDifferentValues;
+  private getFormattedText;
+  private getText;
+  private getSelectedOption;
+  private updateVisibleOptions;
+  private getMaxWidthValue;
+  private getWidthValue;
+  private buildItem;
+  private showOptions;
+  private hideOptions;
+  private isOptionsVisible;
+  private nextOption;
+  private previousOption;
+  private scrollToOption;
+  private selectCurrentOption;
+  private updateSource;
+  private clearSource;
+  private selectOption;
+  private loadOptions;
+  private cancelPreselection;
+  private setInputValue;
+  private clearSearch;
+  private controlListWithOnlyOne;
+  private controlEmptySearch;
+  private validateDescriptionValue;
+  private loadDescriptionValue;
+  private setDescriptionValue;
+  private loadOptionValue;
+  private showNoResultMessage;
+  private getFieldLabel;
+  private resetOptions;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  private handlerIconClick;
+  private onTextInputChangeHandler;
+  private clearDeboucingTimeout;
+  private onTextInputClickHandler;
+  private keyDownHandler;
+  private onTextInputFocusOutHandler;
+  private canShowListOptions;
+  render(): any;
+}
+export interface IOption {
+  value: string;
+  label: string;
+}
+export interface ISearchArgument {
+  mode: SearchMode;
+  argument: string;
+}
+declare enum SearchMode {
+  ADVANCED = "ADVANCED",
+  PRELOAD = "PRELOAD",
+  PREDICTIVE = "PREDICTIVE"
+}
+export interface IEzCheckBoxListPosition {
+  hardPosition?: boolean;
+  horizontalPosition?: number;
+  verticalPosition?: number;
+  fromRight?: boolean;
+  fromBottom?: boolean;
+  bottomLimit?: number;
+}
+export {};

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

@@ -0,0 +1,72 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { WaitingChange } from '@sankhyalabs/core';
+export declare class EzDateInput {
+  private _calendar;
+  private _textInput;
+  private _changePending;
+  private _focused;
+  private _valuePromiseCallbacks;
+  private _elem;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<Date>;
+  /**
+   * Emitido ao iniciar a alteração (digitação incompleta).
+   */
+  ezStartChange: EventEmitter<WaitingChange>;
+  /**
+   * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange.
+   */
+  ezCancelWaitingChange: EventEmitter<void>;
+  /**
+   * Texto a ser apresentado como título do campo.
+   */
+  label: string;
+  /**
+   * Define o valor do campo.
+   */
+  value: Date;
+  /**
+   * 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 o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  observeLabel(): void;
+  observeErrorMessage(): void;
+  observeValue(newValue: Date, oldValue: Date): void;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Remove o foco do campo.
+   */
+  setBlur(): Promise<void>;
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  isInvalid(): Promise<boolean>;
+  getValueAsync(): Promise<Date>;
+  private changeValue;
+  private showCalendar;
+  private hideCalendar;
+  private handleBlur;
+  private getTextValue;
+  private handleInput;
+  private setInputValue;
+  private isFixed;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -0,0 +1,80 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { WaitingChange } from '@sankhyalabs/core';
+export declare class EzDateTimeInput {
+  private _calendar;
+  private _textInput;
+  private _changePending;
+  private _focused;
+  private _valuePromiseCallbacks;
+  private _elem;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<Date>;
+  /**
+   * Emitido ao iniciar a alteração (digitação incompleta).
+   */
+  ezStartChange: EventEmitter<WaitingChange>;
+  /**
+   * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange.
+   */
+  ezCancelWaitingChange: EventEmitter<void>;
+  /**
+   * Texto a ser apresentado como título do campo.
+   */
+  label: string;
+  /**
+   * Define o valor do campo.
+   */
+  value: Date;
+  /**
+   * 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;
+  /**
+   * Se true considera segundos.
+   */
+  showSeconds: boolean;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  observeLabel(): void;
+  observeErrorMessage(): void;
+  observeValue(newValue: Date, oldValue: Date): void;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Remove o foco do campo.
+   */
+  setBlur(): Promise<void>;
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  isInvalid(): Promise<boolean>;
+  getValueAsync(): Promise<Date>;
+  private handleKeyDown;
+  private handleFocus;
+  private handleClick;
+  private changeValue;
+  private showCalendar;
+  private hideCalendar;
+  private getParsedDateTime;
+  private handleBlur;
+  private getTextValue;
+  private handleInput;
+  private setInputValue;
+  private isFixed;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/ez-dialog/DialogType.d.ts

@@ -0,0 +1,6 @@
+export declare enum DialogType {
+  WARN = "warn",
+  CRITICAL = "critical",
+  SUCCESS = "success",
+  DEFAULT = "default"
+}

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

@@ -0,0 +1,82 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { DialogType } from "./DialogType";
+declare class Message {
+  title: string;
+  message: string;
+  dialogType: DialogType;
+  confirm: boolean;
+  icon: string;
+  labelCancel: string;
+  labelConfirm: string;
+  btnConfirmDanger: boolean;
+  callBack: Function;
+  beforeClose: Function;
+  constructor(title: string, message: string, dialogType: DialogType, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean, callBack: Function, beforeClose: Function);
+}
+export declare class EzDialog {
+  _element: HTMLElement;
+  private labelConfirm;
+  private labelCancel;
+  private btnConfirmDanger;
+  private _messageQueue;
+  private _currentMessage;
+  private _overlayRef;
+  private _overlayId;
+  /**
+   * Define se o ez-dialog será utilizado no modo de confirmação.
+   */
+  confirm: boolean;
+  /**
+   * Define aparência do ez-dialog.
+   */
+  dialogType: DialogType;
+  /**
+   * Define a menssagem exibida no ez-dialog.
+   */
+  message: string;
+  /**
+   * Define se o ez-dialog está aberto.
+   */
+  opened: boolean;
+  /**
+   * Define o ícone a ser exibido.
+   */
+  personalizedIconPath: string;
+  /**
+   * Texto a ser apresentado como título do campo.
+   */
+  ezTitle: string;
+  /**
+   * Emitido ao cancelar o ez-dialog.
+   */
+  ezCancel: EventEmitter<boolean>;
+  /**
+   * Emitido ao confirmar o ez-dialog.
+   */
+  ezAccept: EventEmitter<boolean>;
+  /**
+  * Define função a ser executada antes de fechar o modal
+  */
+  beforeClose: Function;
+  observeConfig(): void;
+  manageOverflow(): void;
+  private manageOverlay;
+  private handleButtonClick;
+  /**
+   * Exibe o ez-dialog.
+   */
+  show(title: string, message: string, dialogType: DialogType, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean, beforeClose: Function): Promise<boolean>;
+  isCritical(dialogType: DialogType): boolean;
+  getIconElement(message: Message): any;
+  getIconClass(dialogType: DialogType): string;
+  getIconName(message: Message): string;
+  getTypeIndicatorElement(message: Message): any;
+  getClassIconIndicator(dialogType: DialogType): string;
+  getClassContainer(message: Message): "dialog__container dialog__container--default" | "dialog__container";
+  getClassTitleLabel(message: Message): "title title__label title__label--no-icon" | "title title__label";
+  componentWillRender(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  render(): any;
+}
+export {};

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

@@ -0,0 +1,60 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { IDropdownItem, IDropdownSubAction } from './structure/DropdownItem';
+export declare class EzDropdown {
+  private _itemList;
+  private _submenuList;
+  private _openedMenuList;
+  private _submenuControl;
+  /**
+   * Limitador de níveis de menu + submenu.
+   * Valor 0, null ou undefined desativa o limitador.
+   */
+  private _levelLimits;
+  private _element;
+  /**
+  * Lista de itens que vão ser apresentados no dropdown.
+  */
+  items: Array<IDropdownItem>;
+  /**
+  * Último item que recebeu o click.
+  */
+  value: IDropdownItem;
+  /**
+   * 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 ocorrer um click em um item da lista,
+   * o IDropdownItem que recebeu o click deve ser enviado como data do evento.
+   */
+  ezClick: EventEmitter<IDropdownItem>;
+  /**
+   * Emitido quando ocorrer um click em uma ação secundaria do item,
+   * o IDropdownSubAction deve ser enviado como data do evento.
+   */
+  ezSubActionClick: EventEmitter<IDropdownSubAction>;
+  private defaultItemBuilder;
+  private getMaxOrder;
+  private hasIcon;
+  private hasGroup;
+  private hasChildren;
+  private isLockedLevels;
+  private getItemsByGroup;
+  private validateItem;
+  private getContainerItemBuilder;
+  private getItemsRender;
+  private renderDropdown;
+  private hasOpenedSubmenu;
+  private hasSubmenuOpened;
+  private setEvents;
+  private onShowSubmenu;
+  private onItemClick;
+  private onSubActionClick;
+  private onHideAllSubmenu;
+  private onSubmenuReposition;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  componentDidRender(): void;
+  render(): any;
+}

package/dist/types/components/ez-dropdown/structure/DropdownItem.d.ts

@@ -0,0 +1,28 @@
+import { FunctionalComponent } from "../../../stencil-public-runtime";
+interface DropdownItemProps {
+  item: IDropdownItem;
+  hasIcon: boolean;
+  hasChildren: boolean;
+  isLockedLevels: boolean;
+  onSubActionClick: (item: IDropdownItem) => void;
+}
+export declare const DropdownItem: FunctionalComponent<DropdownItemProps>;
+export interface IDropdownSubAction {
+  id: string;
+  label: string;
+  type: 'primary' | 'critical';
+}
+export interface IDropdownGroup {
+  label: string;
+  order: number;
+}
+export interface IDropdownItem {
+  id: any;
+  label: string;
+  type: 'divider' | 'item';
+  children?: Array<IDropdownItem>;
+  iconName: string;
+  subAction: IDropdownSubAction;
+  group: string | IDropdownGroup;
+}
+export {};

package/dist/types/components/ez-dropdown/structure/SubmenuControl.d.ts

@@ -0,0 +1,78 @@
+export declare class SubmenuControl {
+  constructor();
+  /**
+   * Método responsável por fechar submenus abertos e abrir o submenu desejado.
+   * @param menu - Item de menu selecionado para abrir o submenu.
+   */
+  show(menu: HTMLElement): void;
+  /**
+   * Método responsável por fechar um determinado submenu aberto.
+   * @param menu - Item de menu selecionado com o submenu aberto.
+   */
+  hide(menu: HTMLElement): void;
+  /**
+   * Método responsável por fechar todos os submenus filhos de um determinado submenu.
+   * @param submenu - Elemento HTML do submenu pai.
+   */
+  hideChild(submenu: HTMLElement): void;
+  /**
+   * Método responsável por posicionar o submenu na tela.
+   * @param menu - Item da lista selecionado para abrir o submenu.
+   */
+  setPosition(menu: HTMLElement): void;
+  /**
+   * Método responsável por controlar a altura máxima do dropdown.
+   * @param element - Elemento HTML pai do dropdown que será renderizado.
+   */
+  setMaxHeight(element: HTMLElement): void;
+  /**
+   * Método responsável por atribuir a classe de espaçamento entre o conteúdo e o scroll.
+   * @param dropdown - Elemento HTML pai do container que receberá a classe.
+   */
+  setSpacerContainer(dropdown: HTMLElement): void;
+  /**
+   * Método responsável por resetar um determinado submenu aberto.
+   * @param submenu - Elemento HTML do submenu que será resetado.
+   */
+  reset(submenu: HTMLElement): void;
+  /**
+   * Método responsável por resetar um determinado dropdown renderizado.
+   * @param dropdown - Elemento HTML do dropdown que será resetado.
+   */
+  resetDropdown(dropdown: HTMLElement): void;
+  /**
+   * Método responsável por controlar o scroll do container do submenu aberto.
+   * @param menu - Item da lista selecionado para abrir o submenu.
+   */
+  private setScrollContainer;
+  /**
+   * Método responsável por fechar os submenus filhos ao movimentar o scroll.
+   * @param event - Evento de scroll disparado pelo Elemento HTML pai.
+   */
+  private onScrollContainer;
+  /**
+   * Método responsável por retornar a posição superior (top) de um elemento HTML na tela.
+   * @param hostElement - Elemento HTML que será capturado o valor de sua posição superior (top) na tela.
+   * @returns Valor da posição superior (top) de um determinado elemento HTML.
+   */
+  private getPositionTop;
+  /**
+   * Método responsável por retornar a posição direita (right) de um elemento HTML na tela.
+   * @param hostElement - Elemento HTML que será capturado o valor de sua posição direita (right) na tela.
+   * @returns Valor da posição direita (right) de um determinado elemento HTML.
+   */
+  private getPositionRight;
+  /**
+   * Método responsável por retornar a posição esquerda (left) de um elemento HTML desconsiderando a largura de outro elemento HTML.
+   * @param hostElement - Elemento HTML que será capturado o valor de sua posição esquerda (left) na tela.
+   * @param targetElement - Elemento HTML que será capturado o valor de sua largura (width).
+   * @returns Valor da posição esquerda (left) de um determinado elemento HTML desconsiderando a largura de outro elemento HTML.
+   */
+  private getPositionLeft;
+  /**
+   * Método responsável por atualizar a posição de um elemento HTML que renderizou fora da tela.
+   * @param hostElement - Elemento HTML que será a referência de posição dentro da tela.
+   * @param targetElement - Elemento HTML que será reposicionado na tela.
+   */
+  private updatePosition;
+}

package/dist/types/components/ez-file-item/ez-file-item.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzFileItem {
+  _element: HTMLElement;
+  /**
+   * Define se o usuário pode remover o arquivo que está sendo apresentado.
+   */
+  canRemove: boolean;
+  /**
+   * Define o nome do arquivo, com extensão.
+   */
+  fileName: string;
+  /**
+   * Define qual ícone que representa o arquivo.
+   */
+  iconName: string;
+  /**
+   * Tamanho do arquivo (em bytes).
+   */
+  fileSize: number;
+  /**
+   * Percentual de carregamento do arquivo para o servidor.
+   */
+  progress: number;
+  /**
+   * Emitido ao clicar no ez-file-input (exceto no botão de remover).
+   */
+  ezClick: EventEmitter<string>;
+  /**
+   * Emitido ao clicar no botão de remover.
+   */
+  ezRemove: EventEmitter<string>;
+  observeProgress(newProgress: number): void;
+  private getFileSize;
+  private getIconName;
+  render(): any;
+}

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

@@ -0,0 +1,77 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzFilterInput {
+  private _elem;
+  private _textInput;
+  private _searchingText;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<string>;
+  /**
+   * Emitido quando está sendo realizada uma pesquisa no modo asyncSearch.
+   */
+  ezSearching: EventEmitter<string>;
+  /**
+   * Emitido quando acontece o foco no campo.
+   */
+  ezFocusIn: EventEmitter<void>;
+  /**
+  * Texto a ser apresentado como título do campo.
+  */
+  label: string;
+  /**
+   * Define o valor do campo.
+   */
+  value: 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;
+  /**
+   * Restringe o que o usuário pode digitar.
+   */
+  restrict: string;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /**
+   * Define se o campo irá funcionar de forma assíncrona.
+   */
+  asyncSearch: boolean;
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  observeLabel(): void;
+  observeErrorMessage(): void;
+  observeValue(newValue: string, oldValue: string): void;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Remove o foco do campo.
+   */
+  setBlur(): Promise<void>;
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  isInvalid(): Promise<boolean>;
+  /**
+   * Método responsável por setar um novo valor ao campo.
+   */
+  setValue(newValue: string): Promise<void>;
+  /**
+   * Método responsável por resetar o valor do campo para o ultimo valor inputado.
+   */
+  endSearch(): Promise<void>;
+  handleChange(evt: CustomEvent<string>): void;
+  handleFocus: () => void;
+  componentDidLoad(): void;
+  render(): any;
+}