@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-08202.0

package/dist/types/components/ez-multi-selection-list/interfaces/IMultiSelectionOption.d.ts

@@ -0,0 +1,4 @@
+import { IOption } from '../../ez-combo-box/ez-combo-box';
+export interface IMultiSelectionOption extends IOption {
+  check: boolean;
+}

package/dist/types/components/ez-multi-selection-list/subcomponents/multi-selection-box-message.d.ts

@@ -0,0 +1,4 @@
+export declare class MultiSelectionBoxMessage {
+  message: string;
+  render(): any;
+}

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

@@ -0,0 +1,81 @@
+import { WaitingChange } from "@sankhyalabs/core";
+import { EventEmitter } from "../../stencil-public-runtime";
+import { TFocusOptions } from "../ez-text-input/ez-text-input";
+export declare class EzNumberInput {
+  private _textInput;
+  private _focused;
+  private _changePending;
+  private _valuePromiseCallbacks;
+  private _elem;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<number>;
+  /**
+   * 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: number;
+  /**
+   * Se false, o usuário não pode interagir com o campo.
+   */
+  enabled: boolean;
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  /**
+   * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+   */
+  errorMessage: string;
+  /**
+   * Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento.
+   */
+  precision: number;
+  /**
+   * Define qual é o mínimo de casas depois da vírgula.
+   * Exemplo: 1,1 será exibido como 1,1000 quando `prettyPrecision = 4`.
+   */
+  prettyPrecision: number;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(options?: TFocusOptions): Promise<void>;
+  /**
+   * Remove o foco do campo.
+   */
+  setBlur(): Promise<void>;
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  isInvalid(): Promise<boolean>;
+  getValueAsync(): Promise<number>;
+  observeLabel(): void;
+  observeErrorMessage(): void;
+  observeValue(newValue: number, oldValue: number): void;
+  private validateValue;
+  private getTextValue;
+  private changeValue;
+  private setError;
+  private handleBlur;
+  private handleInput;
+  private getParsedNumber;
+  private setInputValue;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -0,0 +1,60 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzPopover {
+  private _container;
+  private _box;
+  private _floatingID;
+  private _firstRender;
+  _host: any;
+  /**
+   * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
+   */
+  autoClose: boolean;
+  /**
+   * Ajusta o comportamento da largura do popover.
+   */
+  boxWidth: "full-width" | "fit-content";
+  /**
+   * Define se o ez-popover está aberto.
+   */
+  opened: boolean;
+  /**
+   * Define as tags que serão consideradas conteúdo.
+   */
+  innerElement: Array<string> | string;
+  /**
+   * Define o tipo de overlay do popover.
+   */
+  overlayType: "medium" | "light" | "none";
+  /**
+   * Emitido quando acontece a alteração de estado do componente.
+   */
+  ezVisibilityChange: EventEmitter<boolean>;
+  observeOpened(newValue: boolean, oldValue: boolean): void;
+  innerClickTest: (_popOvercontainer: HTMLElement, node: HTMLElement, eventOrigin?: MouseEvent) => boolean;
+  backClickListener: () => void;
+  /**
+   * Atualiza a posição do popover.
+   */
+  updatePosition(top?: string, left?: string): Promise<void>;
+  /**
+   * Exibe o ez-popover.
+   */
+  show(top?: string, left?: string): Promise<void>;
+  /**
+   * Ancora a exibição do popOver a um elemento HTML.
+   */
+  showUnder(element: HTMLElement, options?: IEzPopoverAnchorOptions): Promise<void>;
+  private calculatePosition;
+  private float;
+  /**
+   * Oculta o ez-popover.
+   */
+  hide(): Promise<void>;
+  componentDidRender(): void;
+  render(): any;
+}
+export interface IEzPopoverAnchorOptions {
+  horizontalGap?: number;
+  verticalGap?: number;
+  fromRight?: boolean;
+}

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

@@ -0,0 +1,37 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzPopup {
+  private _container;
+  private _modalRef;
+  private _overlayId;
+  private _sizeClasses;
+  /**
+   * Define a largura do ez-popup.
+   */
+  size: "x-small" | "small" | "medium" | "large" | "x-large";
+  /**
+   * Define se o ez-popover está aberto.
+   */
+  opened: boolean;
+  /**
+   * Define se o componente utilizará cabeçalho.
+   */
+  useHeader: boolean;
+  /**
+   * Define altura do componente.
+   */
+  heightMode: "auto" | "full";
+  /**
+   * Texto a ser apresentado como título do componente.
+   */
+  ezTitle: string;
+  /**
+   * Emitido ao clicar no botão de fechar (onEzClosePopup).
+   */
+  ezClosePopup: EventEmitter;
+  observeConfig(): void;
+  private manageOverflow;
+  private manageOverlay;
+  getGridSize(): string;
+  componentDidRender(): void;
+  render(): any;
+}

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

@@ -0,0 +1,37 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class EzRadioButton {
+  private hostElement;
+  private _options;
+  /**
+   * Define o valor do campo.
+   */
+  value: any;
+  /**
+   * Define as opções que serão apresentadas
+   */
+  options: Array<Radio>;
+  /**
+   * Se false o usuário não pode interagir com o campo.
+   */
+  enabled: boolean;
+  /**
+   * Texto a ser apresentado como título do campo.
+   */
+  label: string;
+  /**
+   * Define a direção dos itens.
+   */
+  direction: "vertical" | "horizontal";
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<any>;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  handleInputChange(ev: Event): void;
+  render(): any;
+}
+export interface Radio {
+  label: string;
+  value: any;
+}

package/dist/types/components/ez-scroller/EzScrollDirection.d.ts

@@ -0,0 +1,5 @@
+export declare enum EzScrollDirection {
+  HORIZONTAL = "horizontal",
+  VERTICAL = "vertical",
+  BOTH = "both"
+}

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

@@ -0,0 +1,38 @@
+import { EzScrollDirection } from './EzScrollDirection';
+export declare class EzScroller {
+  private _container;
+  private _wrapper;
+  private _controller;
+  private _startHidden;
+  private _endHidden;
+  private _resizeObserver;
+  private _shadowStart;
+  private _shadowEnd;
+  isActive: boolean;
+  /**
+   * Define a direção em que haverá scroll.
+   */
+  direction: EzScrollDirection;
+  /**
+   * Define se o `scroll` estará bloqueado.
+   */
+  locked: boolean;
+  /**
+   * Define se haverá efeito de sombreado.
+   */
+  activeShadow: boolean;
+  private getContainerClass;
+  private getWrapperClass;
+  private finishDrag;
+  private updateScroller;
+  private updateShadow;
+  private configResize;
+  private getContainerElement;
+  private isActiveScroller;
+  clickListener(evt: MouseEvent): void;
+  mouseDownHandler(evt: MouseEvent): void;
+  mouseUpHandler(): void;
+  mouseMoveHandler(evt: MouseEvent): void;
+  componentDidRender(): void;
+  render(): any;
+}

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

@@ -0,0 +1,84 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { IEzCheckBoxListPosition, IOption, ISearchArgument } from '../ez-combo-box/ez-combo-box';
+export declare class EzSearch {
+  private _elem;
+  private _comboElement;
+  /**
+   * 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;
+  /**
+   * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+   */
+  errorMessage: string;
+  /**
+   * Carrega as opções dinamicamente.
+   */
+  optionLoader: (argument: ISearchArgument) => Promise<Array<IOption>> | Array<IOption> | IOption;
+  /**
+   * Se false a opção selecionada deve exibir somente o `label`.
+   */
+  showSelectedValue: boolean;
+  /**
+   * Se false cada opção na lista deve exibir somente o `label`.
+   */
+  showOptionValue: boolean;
+  /**
+   * Se true remove a opção vazia da lista.
+   */
+  suppressEmptyOption: boolean;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  /**
+   * Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente.
+   */
+  hideErrorOnFocusOut: boolean;
+  /**
+   * Define um posicionamento fixo para a lista de opções do CheckBox.
+   */
+  listOptionsPosition: IEzCheckBoxListPosition;
+  /**
+   * Informa se a pesquisa é do tipo texto.
+   */
+  isTextSearch: boolean;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<IOption>;
+  observeErrorMessage(): void;
+  observeValue(): 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>;
+  /**
+   * Limpa o valor do campo de pesquisa
+   */
+  clearValue(): Promise<void>;
+  getValueAsync(): Promise<unknown>;
+  onComboChange(event: any): void;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -0,0 +1,11 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzSidebarButton {
+  _element: HTMLElement;
+  private _button;
+  /**
+   * Emitido sempre que o ez-sidebar-button é clicado.
+   */
+  ezClick: EventEmitter<void>;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -0,0 +1 @@
+export declare const ALLOWED_ANIMATIONS: string[];

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

@@ -0,0 +1,54 @@
+export declare class EzSkeleton {
+  /**
+   * Number of rows of current skeleton type
+   *
+   * @memberof Skeleton
+   */
+  count: number;
+  /**
+  *    Variant of the skeleton - circle or row
+  *
+  * @type {('circle' | '')}
+  * @memberof Skeleton
+  */
+  variant: 'circle' | 'rect' | 'text';
+  /**
+   * Width of the skeleton ex. 100px, 100%, auto etc.
+   *
+   *
+   * @type {string}
+   * @memberof Skeleton
+   */
+  width: string;
+  /**
+  * Height of the skeleton ex. 100px, 100%, auto etc.
+  *
+  * @type {string}
+  * @memberof Skeleton
+  */
+  height: string;
+  /**
+   * MarginBottom of the skeleton ex. 10px, 0 etc.
+   *
+   * @type {string}
+   * @memberof Skeleton
+   */
+  marginBottom: string;
+  /**
+   * Animation type
+   *
+   * @type {('progress' | 'progress-dark' | 'pulse' | 'false')}
+   * @memberof Skeleton
+   */
+  animation: 'progress' | 'progress-dark' | 'pulse' | 'false';
+  items: number[];
+  componentWillLoad(): void;
+  componentWillUpdate(): void;
+  init(): void;
+  get style(): {
+    width?: string;
+    height?: string;
+    marginBottom?: string;
+  };
+  render(): any[];
+}

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

@@ -0,0 +1,52 @@
+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;
+  /**
+   * Define o index da aba selecionada.
+   */
+  selectedIndex: number;
+  /**
+   * Define a aba selecionada.
+   */
+  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>;
+  /**
+   * Emitido quando acontece a alteração de valor do componente.
+   */
+  ezChange: EventEmitter<Tab>;
+  observeTabs(newValue: any): void;
+  handleTabClick(tab: Tab): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  handleSlotChange(ev: Event): void;
+  scrollBackward(): void;
+  scrollFoward(): void;
+  updateScroll(): void;
+  _scrollCallBack: number;
+  domScrollHandler(): void;
+  setFocusedTab(index: number): void;
+  setFocusedParam: (ev: KeyboardEvent) => void;
+  setFocusedBtn(visible: boolean, parameter: number): void;
+  buildElementIdTab(tabs: Array<any>): void;
+  render(): any;
+}
+export interface Tab {
+  label: string;
+  tabKey: string;
+  index: number;
+  rightIcon?: string;
+  leftIcon?: string;
+}

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

@@ -0,0 +1,78 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class EzTextArea {
+  private _inputElem;
+  private _labelElem;
+  private _messageBoxElem;
+  private _container;
+  private _initialRows;
+  private _hostElement;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<string>;
+  /**
+   * 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;
+  /**
+   * Define o número de linhas.
+   */
+  rows: number;
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /**
+   * Ativa a opção de fazer resize do input.
+   */
+  enableResize: boolean;
+  observeErrorMessage(): void;
+  observeValue(newValue: string, oldValue: string): void;
+  observeMode(): void;
+  observeRows(): 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.
+   * - Se existir uma seleção no texto, o trecho selecionado deve ser substituído pelo argumento.
+   * - Se não existir seleção nem posicionamento do cursor do mouse, o argumento será adicionado no final do texto.
+   *
+   * @param text: texto que irá ser adicionado
+   */
+  appendTextToSelection(text: string): Promise<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>;
+  private canChangeValue;
+  private adjustFloatingLabel;
+  private isFocused;
+  handleFocusout(): void;
+  handleChange(): void;
+  handleFocus(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -0,0 +1,41 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class EzTextEdit {
+  private _element;
+  private _inputElement;
+  private _valueBasis;
+  private _newValue;
+  /**
+   * Define o valor do campo.
+   */
+  value: string;
+  /**
+   * Define atributos do estilo.
+   */
+  styled: IStyled;
+  /**
+   * Emitido ao salvar uma edição
+   */
+  saveEdition: EventEmitter<any>;
+  /**
+   * Emitido ao cancelar uma edição
+   */
+  cancelEdition: EventEmitter<any>;
+  /**
+   * Aplica foco no campo.
+   */
+  applyFocusSelect(): Promise<void>;
+  private calcSizeInput;
+  private getWidthValue;
+  private setStyledInput;
+  private handleSaveEdition;
+  private handleCancelEdition;
+  private setNewValue;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  render(): any;
+}
+export interface IStyled {
+  fontSize: string;
+  fontWeight: string;
+  fontFamily: string;
+}

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

@@ -0,0 +1,82 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export type TFocusOptions = {
+  selectText: boolean;
+};
+export declare class EzTextInput {
+  private _inputElem;
+  private _labelElem;
+  private _messageBoxElem;
+  private _lastValidValue;
+  private _maskFormatter;
+  private _contentLeftSlot;
+  private _hostElement;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<string>;
+  /**
+   * 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;
+  /**
+   * Aplica uma máscara no conteúdo conforme o padrão estabelecido
+   */
+  mask: string;
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  /**
+   * Restringe o que o usuário pode digitar.
+   */
+  restrict: string;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /**
+   * Se true o campo não terá bordas.
+   */
+  noBorder: boolean;
+  observeErrorMessage(): void;
+  observeMask(): void;
+  observeValue(newValue: string, oldValue: string): void;
+  private adjustFloatingLabel;
+  private isFocused;
+  private isSlaveMode;
+  private adjustColorContentSlot;
+  private adjustBorderInput;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(options?: TFocusOptions): Promise<void>;
+  /**
+   * Remove o foco do campo.
+   */
+  setBlur(): Promise<void>;
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  isInvalid(): Promise<boolean>;
+  handleFocusout(): void;
+  isValidValue(value: string): boolean;
+  controlChangeValue(): void;
+  handleChange(): void;
+  handleSlotChange(ev: Event): void;
+  doFocus(): void;
+  componentDidLoad(): void;
+  componentWillLoad(): void;
+  render(): any;
+}