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

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

@@ -0,0 +1,71 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface IBreadcrumbItem {
+  id: string;
+  label: string;
+  iconName?: string;
+  width?: number;
+}
+export declare class EzBreadcrumb {
+  private _element;
+  private _elBreadcrumbList;
+  private _resizeObserver;
+  private _ellipsesPositionedEnd;
+  private _renderSecond;
+  private readonly INDEX_ITEM_TO_REMOVE;
+  private readonly CHEVRON_SIZE;
+  /**
+   * Lista de itens do breadcrumb.
+   */
+  items: Array<IBreadcrumbItem>;
+  /**
+   * Define o modo de uso do Breadcrumb.
+   */
+  fillMode: "auto" | "regular";
+  /**
+   * Define o limite máximo de itens a serem renderizados.
+   */
+  maxItems: number;
+  /**
+   * Define a posição do Ellipsis nos itens visíveis do Breadcrumb.
+   */
+  positionEllipsis: number;
+  /**
+   * Emitido quando um item do breadcrumb é selecionado.
+   */
+  selectedItem: EventEmitter<IBreadcrumbItem>;
+  /**
+   * Contém os itens do breadcrumb que estão visíveis.
+   */
+  visibleItems: Array<IBreadcrumbItem>;
+  /**
+   * Armazenar os itens do breadcrumb que estão ocultos.
+   */
+  hiddenItems: Array<IBreadcrumbItem>;
+  /**
+   * Define se o dropdown estará ativo ou não
+   */
+  showDropdown: boolean;
+  collapseConfigPosition: number;
+  watchPropHandler(newValue: IBreadcrumbItem[], oldValue: IBreadcrumbItem[]): void;
+  watchPropHiddenItems(): void;
+  componentDidUpdate(): void;
+  componentWillLoad(): void;
+  private loadItems;
+  closeDropdown(evt: MouseEvent): void;
+  setEvents(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  configResize(): void;
+  handleResize(): void;
+  handleCollapse(containerWidth: number, itemsWidth: number): void;
+  handleExpand(containerWidth: number): void;
+  configModeRegular(): void;
+  positionDropdown(): void;
+  handleShowDropdown: (newState: boolean) => void;
+  startResize(): Promise<void>;
+  _textMesurement: HTMLCanvasElement;
+  measureSizeHTMLElement(item: IBreadcrumbItem): Promise<number>;
+  waitFontLoad(): Promise<void>;
+  getItemContent(): any;
+  render(): any;
+}

package/dist/types/components/ez-breadcrumb/subcomponents/breadcrumb-item.d.ts

@@ -0,0 +1,13 @@
+import { FunctionalComponent, EventEmitter } from "../../../stencil-public-runtime";
+import { IBreadcrumbItem } from "../ez-breadcrumb";
+interface BreadcrumbItemProps {
+  items: Array<IBreadcrumbItem>;
+  selectedItem: EventEmitter<IBreadcrumbItem>;
+  itemsHidden: Array<IBreadcrumbItem>;
+  showDropdown: boolean;
+  handleShowDropdown: (newState: boolean) => void;
+  collapseConfigPosition: number;
+  ellipsesPositionedEnd: boolean;
+}
+export declare const BreadcrumbItem: FunctionalComponent<BreadcrumbItemProps>;
+export {};

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

@@ -0,0 +1,41 @@
+export declare class EzButton {
+  _element: HTMLElement;
+  private _button;
+  /**
+   * Texto a ser apresentado como título do botão.
+   */
+  label: string;
+  /**
+   * Se false o usuário não pode interagir com o botão.
+   */
+  enabled: boolean;
+  /**
+   * Define o modo de uso do botão.
+   */
+  mode: "regular" | "icon" | "link" | "label-icon";
+  /**
+   * Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones.
+   */
+  image: string;
+  /**
+   * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
+   */
+  iconName: string;
+  /**
+   * Define o tamanho do ez-button.
+   */
+  size: "small" | "medium" | "large" | undefined;
+  /**
+   * Aplica o foco no botão.
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Remove o foco do botão.
+   */
+  setBlur(): Promise<void>;
+  clickListener(evt: MouseEvent): void;
+  componentDidLoad(): void;
+  getIconSize(sizeParam?: string): string;
+  handleSlotChange(ev: Event): void;
+  render(): any;
+}

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

@@ -0,0 +1,74 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzCalendar {
+  private _container;
+  private _box;
+  private _floatingID;
+  private _firstRender;
+  private _currentPosition;
+  private _todayLabel;
+  private _weekDayLabels;
+  private _monthLabels;
+  private _calendarHeight;
+  private _calendarWidth;
+  private _hoursLabel;
+  private _minutosLabel;
+  private _hoursSelect;
+  private _minutesSelect;
+  private _secondsSelect;
+  private _hoursScroll;
+  private _minutesScroll;
+  private _secondsScroll;
+  _hostElem: HTMLEzCalendarElement;
+  /**
+   * Define o valor do calendário.
+   */
+  value: Date;
+  /**
+   * Define se a exibição do ez-calendar será feita pelos métodos `show()` e `hide()`.
+   */
+  floating: boolean;
+  /**
+   * Se true a data considera horas e minutos.
+   */
+  time: boolean;
+  /**
+   * Se true a data considera segundos. Deve ser usado em conjunto com a propriedade `time`.
+   */
+  showSeconds: boolean;
+  /**
+   * Emitido quando acontece a alteração de valor do calendário.
+   */
+  ezChange: EventEmitter<Date>;
+  /**
+   * Exibe o ez-calendar em uma posição determinada.
+   * É possível determinar o posicionamento através dos parâmetros, no formato css.
+   */
+  show(top?: string, left?: string, bottom?: string, right?: string): Promise<void>;
+  /**
+   * Ajusta o posicionamento vertical do ez-calendar conforme a disponibilidade de espaço.
+   */
+  fitVertical(topOffset: number, bottomOffset: number): Promise<void>;
+  /**
+   * Ajusta o posicionamento horizontal do ez-calendar conforme a disponibilidade de espaço.
+   */
+  fitHorizontal(rightOffset: number): Promise<void>;
+  /**
+   * Oculta o ez-calendar.
+   */
+  hide(): Promise<void>;
+  observeValue(): void;
+  scrollListener(): void;
+  private isFixed;
+  private getMonthLabel;
+  private isSelectedDate;
+  private changeMonth;
+  private selectDate;
+  private selectHours;
+  private selectMinutes;
+  private selectSeconds;
+  updateScroll(element: HTMLElement): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  private scroll;
+  render(): any;
+}

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

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface CardDetail {
+  label: string;
+  value: string;
+}
+export interface CardItem {
+  title: string;
+  key: string;
+  details: any;
+}
+export interface DetailContainer {
+  detailsLeft: Array<CardDetail>;
+  detailsRight: Array<CardDetail>;
+}
+export declare class EzCardItem {
+  private _details;
+  private _element;
+  /**
+   * Determina o conteúdo do card. Deve conter um objeto no formato:
+   * `{title: string, key: string, details: any}`.
+   */
+  item: CardItem;
+  /**
+   * Emitido sempre que o ez-card é clicado.
+   */
+  ezClick: EventEmitter<CardItem>;
+  componentWillRender(): void;
+  componentDidLoad(): void;
+  private createDetailList;
+  private buildDetailContent;
+  render(): any;
+}

package/dist/types/components/ez-check/CheckMode.d.ts

@@ -0,0 +1,4 @@
+export declare enum CheckMode {
+  REGULAR = "REGULAR",
+  SWITCH = "SWITCH"
+}

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

@@ -0,0 +1,49 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { CheckMode } from './CheckMode';
+export declare class EzCheck {
+  private _element;
+  private _inputElem;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<any>;
+  /**
+  * Texto a ser apresentado como título do campo.
+  */
+  label: string;
+  /**
+   * Define o valor do campo.
+   */
+  value: boolean;
+  /**
+   * Se false o usuário não pode interagir com o campo.
+   */
+  enabled: boolean;
+  /**
+   * Se true ativa o estado indeterminado, nem marcado nem desmarcado (não disponível em modo `switch`).
+   */
+  indeterminate: boolean;
+  /**
+   * Define o modo de visualização do ez-check.
+   */
+  mode: CheckMode;
+  /**
+   * Define o modo compacto com espaçamento menor entre label e o input
+   */
+  compact: boolean;
+  observeValue(newValue: boolean, oldValue: boolean): void;
+  observeIndeterminate(newValue: boolean, oldValue: boolean): void;
+  /**
+   * Obtém o modo escolhido.
+   */
+  getMode(): Promise<CheckMode>;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(): Promise<void>;
+  componentDidLoad(): void;
+  changeValue(): void;
+  getLabelClasses(): string;
+  getInputClasses(): string;
+  render(): any;
+}

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

@@ -0,0 +1,60 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzChip {
+  _element: HTMLElement;
+  private _containerElem;
+  private _labelElem;
+  /**
+   * Texto a ser apresentado como título do ez-chip.
+   */
+  label: string;
+  /**
+   * Se false o usuário não pode interagir com o ez-chip.
+   */
+  enabled: boolean;
+  /**
+   * Determina o posicionamento do botão de remover (não disponível no modo `action`).
+   * Se não informado, não exibe o botão.
+   */
+  removePosition: "left" | "right" | undefined;
+  /**
+   * Define o modo de uso do ez-chip.
+   */
+  mode: "label" | "action";
+  /**
+   * Define o valor do ez-chip.
+   */
+  value: boolean;
+  /**
+   * Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento.
+   */
+  showNativeTooltip: boolean;
+  /**
+   * Emitido quando acontece a alteração de valor do ez-chip.
+   */
+  valueChange: EventEmitter<boolean>;
+  /**
+   * Emitido quando o botão de remoção é acionado.
+   */
+  removeChip: EventEmitter<void>;
+  /**
+   * Emitido no modo "action" quando o usuário clica no ez-chip.
+   */
+  actionClick: EventEmitter<void>;
+  /**
+   * Aplica o foco no ez-chip.
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Remove o foco do ez-chip.
+   */
+  setBlur(): Promise<void>;
+  handleSlotChange(ev: Event): void;
+  handleValueChange(): void;
+  handleClick(ev: Event): void | CustomEvent<void>;
+  swichState(): void;
+  formatLabel(): string;
+  observeValue(): void;
+  observeEnabled(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -0,0 +1,91 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzCollapsibleBox {
+  private _refLabel;
+  private _refTextEdit;
+  private _hostElement;
+  private _activeEditText;
+  /**
+   * Define o valor do componente.
+   */
+  value: boolean;
+  /**
+  * Define seu o componente deve ter borda
+  */
+  boxBordered: boolean;
+  /**
+   * Texto a ser apresentado como título do componente.
+   */
+  label: string;
+  /**
+   * Texto a ser apresentado como subtítulo do componente.
+   */
+  subtitle: string;
+  /**
+   * Define o tamanho do texto e do ícone.
+   */
+  headerSize: "x-small" | "small" | "medium" | "large" | "x-large" | undefined;
+  /**
+   * Define o posicionamento do ícone.
+   */
+  iconPlacement: "left" | "right";
+  /**
+   * Define a posição do conteúdo do cabeçalho do componente.
+   */
+  headerAlign: "center" | "left" | "right" | "stretch" | undefined;
+  /**
+   * Se true mostra o ícone para remoção do componente.
+   */
+  removable: boolean;
+  /**
+   * Se true mostra o ícone para edição do componente.
+   */
+  editable: boolean;
+  /**
+   * Define uma condição para salvar ou não uma alteração.
+   */
+  conditionalSave: Function;
+  /**
+   * Emitido quando acontece a alteração de valor do componente.
+   */
+  ezChange: EventEmitter<boolean>;
+  /**
+   * Emitido ao remover o componente (onEzRemove).
+   */
+  ezRemove: EventEmitter<EzCollapsibleBox>;
+  /**
+   * Emitido ao concluir edição da label (onEzSaveEditLabel).
+   */
+  ezSaveEditLabel: EventEmitter<CustomEvent>;
+  /**
+   * Emitido quando o modo de edição da label for aberto e fechado (onEzEditLabelMode).
+   */
+  ezEditLabelMode: EventEmitter<boolean>;
+  /**
+   * Oculta/mostra o conteúdo do ez-collapsible-box.
+   */
+  showHide(): Promise<void>;
+  /**
+   * Aplica o foco no campo de edição de título.
+   */
+  applyFocusTextEdit(): Promise<void>;
+  /**
+   * Cancela a edição de título.
+   */
+  cancelEdition(): Promise<void>;
+  observeCollapsedValue(): void;
+  /**
+   * Retorna o tamanho configurado do texto e do ícone.
+   */
+  getHeaderSize(): string;
+  private removeElement;
+  private editLabel;
+  private confirmRemove;
+  private saveEditionText;
+  getStyledLabel(): {
+    fontSize: string;
+    fontWeight: string;
+    fontFamily: string;
+  };
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -0,0 +1,182 @@
+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";
+  /**
+   * 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(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 buildNumberArgument;
+  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;
+}