@sankhyalabs/ezui 5.22.0-dev.11 → 5.22.0-dev.111

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

@@ -0,0 +1,74 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzPopoverPlus {
+  private _popOverCore;
+  _host: HTMLElement;
+  /**
+   * 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 o tipo de overlay do popover.
+   */
+  overlayType: "medium" | "light" | "none";
+  /**
+   * Define o elemento de ancoragem.
+   */
+  anchorElement: Array<HTMLElement | string> | HTMLElement | string;
+  /**
+   * Define as opções do elemento.
+   */
+  options: IEzPopoverAnchorOptions;
+  /**
+   * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+   */
+  useAnchorSize: boolean;
+  /**
+   * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
+   */
+  minWidth: number;
+  /**
+   * Emitido quando acontece a alteração de estado do componente.
+   */
+  ezVisibilityChange: EventEmitter<boolean>;
+  observeOpened(newValue: boolean): Promise<void>;
+  /**
+   * Atualiza a posição do popover.
+   */
+  updatePosition(top?: string, left?: string): Promise<void>;
+  /**
+   * Exibe o ez-popover.
+   */
+  show(top?: string | number, left?: string | number): Promise<void>;
+  /**
+   * Ancora a exibição do popOver a um elemento HTML.
+   */
+  showUnder(element: HTMLElement | string, options?: IEzPopoverAnchorOptions): Promise<void>;
+  /**
+   * Oculta o ez-popover.
+   */
+  hide(): Promise<void>;
+  /**
+   * Altera as opções.
+  */
+  setOptions(options: IEzPopoverAnchorOptions): Promise<void>;
+  /**
+   * Altera o elemento de ancoragem.
+  */
+  setAnchorElement(anchor: HTMLElement | string): Promise<void>;
+  private getFirstElement;
+  private renderPopoverCore;
+  render(): any;
+}
+export interface IEzPopoverAnchorOptions {
+  horizontalGap?: number;
+  verticalGap?: number;
+  fromRight?: boolean;
+}

package/dist/types/components/ez-popover-plus/subcomponent/ez-popover-core.d.ts

@@ -0,0 +1,91 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class EzPopoverCore {
+  private _box;
+  private _overlay;
+  private _overlayIsActive;
+  private _timeoutDebounce;
+  private _resizeObserver;
+  private TIME_DEBOUNCE;
+  _host: HTMLElement;
+  /**
+   * Define se 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 o tipo de overlay do popover.
+   */
+  overlayType: "medium" | "light" | "none";
+  /**
+   * Define o elemento de ancoragem.
+   */
+  anchorElement: Array<HTMLElement | string> | HTMLElement | string;
+  /**
+   * Define as opções do elemento.
+   */
+  options: IEzPopoverAnchorOptions;
+  /**
+   * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+   */
+  useAnchorSize: boolean;
+  /**
+   * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
+   */
+  minWidth: number;
+  /**
+   * Emitido quando acontece a alteração de estado do componente.
+   */
+  ezVisibilityChange: EventEmitter<boolean>;
+  observeOpened(newValue: boolean, oldValue: boolean): void;
+  /**
+   * Atualiza a posição do popover.
+   */
+  updatePosition(top?: string, left?: string): Promise<void>;
+  /**
+   * Exibe o ez-popover.
+   */
+  show(top?: string | number, left?: string | number): Promise<void>;
+  /**
+   * Ancora a exibição do popOver a um elemento HTML.
+   */
+  showUnder(element: HTMLElement | string, options?: IEzPopoverAnchorOptions): Promise<void>;
+  /**
+   * Oculta o ez-popover.
+   */
+  hide(): Promise<void>;
+  /**
+   * Altera as opções.
+  */
+  setOptions(options: IEzPopoverAnchorOptions): Promise<void>;
+  /**
+   * Altera o elemento de ancoragem.
+  */
+  setAnchorElement(anchor: HTMLElement | string): Promise<void>;
+  private parseSizePixel;
+  private updateOptionPosition;
+  private getElement;
+  private getAnchorElement;
+  private updatePositionPopover;
+  private hidePopover;
+  private openPopover;
+  private openOverlay;
+  private hideOverlay;
+  private checkStatusOverlay;
+  private updatePositionDebounce;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}
+export interface IEzPopoverAnchorOptions {
+  horizontalGap?: number;
+  verticalGap?: number;
+  fromRight?: boolean;
+}

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

@@ -7,7 +7,7 @@ export declare class EzPopup {
   /**
    * Define a largura do ez-popup.
    */
-  size: "x-small" | "small" | "medium" | "large" | "x-large";
+  size: "x-small" | "small" | "medium" | "large" | "x-large" | "auto";
   /**
    * Define se o ez-popover está aberto.
    */
@@ -24,6 +24,10 @@ export declare class EzPopup {
    * Texto a ser apresentado como título do componente.
    */
   ezTitle: string;
+  /**
+   * Possibilita scroll vertical no conteúdo interno do componente
+   */
+  enabledScroll: boolean;
   /**
    * Evento emitido ao clicar no botão de fechar (onEzClosePopup).
    */
@@ -37,7 +41,10 @@ export declare class EzPopup {
   private closePopup;
   private manageOverflow;
   private manageOverlay;
+  private popUpFocus;
   getGridSize(): string;
+  private handlePopupHeight;
+  private handlePopupOverflowY;
   componentDidRender(): void;
   render(): any;
 }

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

@@ -1,12 +1,12 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IEzCheckBoxListPosition } from '../ez-combo-box/ez-combo-box';
+import { TFocusOptions } from "../ez-text-input/ez-text-input";
 export declare class EzSearch {
   private _textInput;
+  private _searchList;
   private _optionsList;
-  private _listContainer;
-  private _listWrapper;
+  private _ezPopOverPlusElement;
   private _itemValueBasis;
-  private _floatingID;
   private _source;
   private _changeDeboucingTimeout;
   private _limitCharsToSearch;
@@ -24,6 +24,7 @@ export declare class EzSearch {
   private _visibleOptions;
   private _startLoading;
   private _showLoading;
+  private _showLoadingDescription;
   private _criteria;
   /**
    * Define o valor do campo.
@@ -44,7 +45,11 @@ export declare class EzSearch {
   /**
    * Carrega as opções dinamicamente.
    */
-  optionLoader: (argument: ISearchArgument) => Promise<Array<IOption>> | Array<IOption> | IOption;
+  optionLoader: (argument: ISearchArgument, ctxProperties?: any) => Promise<Array<IOption>> | Array<IOption> | IOption;
+  /**
+   * Propriedades de contexto da aplicação.
+   */
+  contextProperties?: any;
   /**
    * Se false a opção selecionada deve exibir somente o `label`.
    */
@@ -57,6 +62,10 @@ export declare class EzSearch {
    * Se true remove a opção vazia da lista.
    */
   suppressEmptyOption: boolean;
+  /**
+   * Se true, ineterrompe a propagação do evento de KeyDown da tecla enter
+   */
+  stopPropagateEnterKeyEvent: boolean;
   /**
    * Define o tamanho do campo.
    */
@@ -95,10 +104,19 @@ export declare class EzSearch {
    */
   suppressSearch: boolean;
   /**
-   * Informa se o componente está instanciado de dentro de uma grade
+   * Garante que o botão de limpar pesquisa está sempre visível
+   */
+  ensureClearButtonVisible: boolean;
+  /**
+   * Se true, desabilita pré-load das opções ao carregar componente
+   */
+  suppressPreLoad: boolean;
+  /**
+   * Se true o campo de texto receberá o foco ao ser renderizado.
    */
-  fromGrid: boolean;
+  autoFocus: boolean;
   observeErrorMessage(): void;
+  private getValue;
   private validateNewValue;
   observeValue(newValue: IOption | string, oldValue: IOption | string): Promise<void>;
   observeOptions(newOptions: IOption[], oldOptions: IOption[]): void;
@@ -106,7 +124,7 @@ export declare class EzSearch {
   /**
    * Aplica o foco no campo.
    */
-  setFocus(): Promise<void>;
+  setFocus(options?: TFocusOptions): Promise<void>;
   /**
    * Remove o foco do campo.
    */
@@ -119,10 +137,7 @@ export declare class EzSearch {
    * Limpa o valor do campo de pesquisa
    */
   clearValue(): Promise<void>;
-  scrollListener(): void;
   private handleValueAsString;
-  private updateListPosition;
-  private getListPosition;
   private isDifferentValues;
   private getFormattedText;
   private getText;
@@ -130,18 +145,12 @@ export declare class EzSearch {
   private updateVisibleOptions;
   private getMaxWidthValue;
   private getWidthValue;
-  private createOption;
-  private buildItem;
   private showOptions;
   private hideOptions;
   private isOptionsVisible;
-  private nextOption;
-  private previousOption;
-  private scrollToOption;
   private selectCurrentOption;
   private updateSource;
   private clearSource;
-  private replaceHighlight;
   private selectOption;
   private loadOptions;
   private cancelPreselection;
@@ -149,23 +158,28 @@ export declare class EzSearch {
   private clearSearch;
   private controlListWithOnlyOne;
   private controlEmptySearch;
-  private validateDescriptionValue;
   private loadDescriptionValue;
   private setDescriptionValue;
+  private setTextInputValue;
   private loadOptionValue;
   private showNoResultMessage;
   private getFieldLabel;
   private resetOptions;
+  private handleInitialValue;
   componentWillLoad(): void;
   componentDidRender(): void;
-  componentDidLoad(): void;
+  componentDidLoad(): Promise<void>;
+  disconnectedCallback(): void;
   private handlerIconClick;
   private buildNumberArgument;
   private onTextInputChangeHandler;
   private clearDeboucingTimeout;
   private keyDownHandler;
+  private handleEventPropagation;
   private onTextInputFocusOutHandler;
   private canShowListOptions;
+  private canShowLoadSpinDescription;
+  private onChangePreSelection;
   render(): any;
 }
 export interface IOption {

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

@@ -0,0 +1,23 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { IOption } from '../../ez-search';
+export declare class SearchList {
+  private _startHighlightTag;
+  private _endHighlightTag;
+  private _optionsList;
+  showLoading: boolean;
+  visibleOptions: Array<IOption>;
+  textEmptyList: string;
+  canShowListOptions: boolean;
+  value: IOption | string;
+  showOptionValue: boolean;
+  preSelection: number;
+  changeValue: EventEmitter<IOption>;
+  changePreSelection: EventEmitter<number>;
+  nextOption(): Promise<void>;
+  previousOption(): Promise<void>;
+  private selectOption;
+  private createOption;
+  private scrollToOption;
+  private buildItem;
+  render(): any;
+}

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

@@ -0,0 +1,2 @@
+export declare function replaceHighlight(value: string): string;
+export declare function replaceQuotes(text: string): string;

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

@@ -0,0 +1,186 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { ISearchOption, SearchMode } from "../../utils";
+import { TFocusOptions } from "../ez-text-input/ez-text-input";
+import { IEzCheckBoxListPosition } from "../ez-combo-box/ez-combo-box";
+export declare class EzSearchPlus {
+  private readonly SEARCH_DESCRIPTION_TIMEOUT;
+  private readonly INTERVAL_TO_RETRY_ASYNC_VALUE;
+  private _textInputDescriptionValue;
+  private _textInputCodeValue;
+  private _popover;
+  private _searchList;
+  private _debounceSearch;
+  private _latestFocusedInputElement;
+  private _keyboardManager;
+  private el;
+  /**
+  * Emitido quando acontece a alteração de valor do campo.
+  */
+  ezChange: EventEmitter<IOption>;
+  /**
+   * Define o valor do campo.
+   */
+  value: IOption | string;
+  /**
+   * Se false o usuário não pode interagir com o campo.
+   */
+  enabled: boolean;
+  /**
+   * Se true o campo de código ficara desabilitado.
+   */
+  disableCodeInput: boolean;
+  /**
+   * Se true o campo de de apresentação ficara desabilitado.
+   */
+  disableDescriptionInput: boolean;
+  /**
+   * Texto a ser apresentado como título do campo.
+   */
+  label: string;
+  /**
+  * Texto a ser apresentado no input de código.
+  */
+  codLabel: string;
+  /**
+   * Se true o campo de de apresentação não será exibido.
+   */
+  hideDescriptionInput: 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 o tamanho do campo.
+  */
+  mode: "slim" | "regular";
+  /**
+  * Propriedades de contexto da aplicação.
+  */
+  contextProperties?: any;
+  /**
+   * Carrega as opções dinamicamente.
+   */
+  optionLoader: OptionLoaderFunction;
+  /**
+   * Se false cada opção na lista deve exibir somente o `label`.
+   */
+  showOptionValue: boolean;
+  /**
+   * Se true, interrompe a propagação do evento de KeyDown da tecla enter
+   */
+  stopPropagateEnterKeyEvent: boolean;
+  /**
+  * Se true o campo de texto receberá o foco ao ser renderizado.
+  */
+  autoFocus: boolean;
+  /**
+  * @deprecated Propriedade depreciada na nova versão do componente de pesquisa.
+  */
+  showSelectedValue: boolean;
+  /**
+  * @deprecated Propriedade depreciada na nova versão do componente de pesquisa.
+  */
+  suppressEmptyOption: boolean;
+  /**
+   * @deprecated Propriedade depreciada na nova versão do componente de pesquisa.
+   */
+  hideErrorOnFocusOut: boolean;
+  /**
+   * @deprecated Propriedade depreciada na nova versão do componente de pesquisa.
+   */
+  listOptionsPosition: IEzCheckBoxListPosition;
+  /**
+   * @deprecated Propriedade depreciada na nova versão do componente de pesquisa.
+   */
+  isTextSearch: boolean;
+  /**
+   * @deprecated Propriedade depreciada na nova versão do componente de pesquisa.
+   */
+  ignoreLimitCharsToSearch: boolean;
+  /**
+   * @deprecated Propriedade depreciada na nova versão do componente de pesquisa.
+   */
+  suppressSearch: boolean;
+  /**
+  * @deprecated Propriedade depreciada na nova versão do componente de pesquisa.
+  */
+  suppressPreLoad: boolean;
+  /**
+  * Garante que o botão de limpar pesquisa está sempre visível
+  */
+  ensureClearButtonVisible: boolean;
+  private descriptionValue;
+  private codeValue;
+  private isLoadingDescription;
+  private searchDescriptionIsOpen;
+  private visibleOptions;
+  private showLoading;
+  observeValue(newValue: IOption | string, oldValue: IOption | string): Promise<void>;
+  private canShowLoadSpinDescription;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(options?: TFocusOptions): Promise<void>;
+  /**
+  * Obtém o valor do componente só após a compo de apresentação
+  * ter sido resolvido pelo option loader quando necessário
+  */
+  getValueAsync(): Promise<IOption>;
+  /**
+  * Limpa o valor do campo de pesquisa
+  */
+  clearValue(): Promise<void>;
+  /**
+  * Remove o foco do campo.
+  */
+  setBlur(): Promise<void>;
+  /**
+  * Retorna se o conteúdo é inválido.
+  */
+  isInvalid(): Promise<boolean>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  private clearSearch;
+  private getCodLabel;
+  private normalizeCodeToDescriptionValue;
+  private normalizeValueToCodeValue;
+  private loadDescriptionValueByCode;
+  private handleCodeInputFocusOut;
+  private handleSearchClick;
+  private loadAdvancedSearch;
+  private buildCurrentValue;
+  private handleTextInputChangeHandler;
+  private debounceLoaderOptions;
+  private updateKeyOption;
+  private parseSearchOptions;
+  private processOptionsLoader;
+  private handleSelectItem;
+  private handleArrowUp;
+  private handleArrowDown;
+  private selectCurrentItem;
+  private cancelSelection;
+  private handleInputTab;
+  private handleInputEsc;
+  private initKeyboardManager;
+  disconnectedCallback(): void;
+  private isOptionsVisible;
+  private setLatestFocusedInputElement;
+  private handleCodeInputFocus;
+  private handleDescriptionInputFocus;
+  private getRightIconElement;
+  private getLeftIconElement;
+  render(): any;
+}
+export interface IOption {
+  value: string;
+  label: string;
+}
+export interface ISearchArgument {
+  mode: SearchMode;
+  argument: string;
+}
+export type OptionLoaderFunction = (argument: ISearchArgument, ctxProperties?: any) => Promise<Array<IOption | ISearchOption> | IOption | ISearchOption> | Array<ISearchOption | IOption> | IOption | ISearchOption;

package/dist/types/components/ez-search-plus/subcomponent/ez-search-result-list/ez-search-result-list.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { IOption } from '../../ez-search-plus';
+export declare class EzSearchResultList {
+  private readonly _textEmptyList;
+  private readonly _startHighlightTag;
+  private readonly _endHighlightTag;
+  private _optionsList;
+  showLoading: boolean;
+  visibleOptions: Array<IOption>;
+  value: IOption | string;
+  showOptionValue: boolean;
+  changeValue: EventEmitter<IOption>;
+  _preSelection: number;
+  nextOption(): Promise<void>;
+  previousOption(): Promise<void>;
+  private preSelectItemByIndex;
+  private selectOption;
+  private createAndSelectOption;
+  private scrollToOption;
+  private buildItem;
+  selectCurrentItem(): Promise<void>;
+  cancelSelection(): Promise<void>;
+  private cancelPreselection;
+  private canShowListOptions;
+  render(): any;
+}

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

@@ -43,7 +43,7 @@ export declare class EzSplitButton {
   /**
    * Define o tamanho do ez-split-button.
    */
-  size: 'medium' | 'large';
+  size: 'small' | 'medium' | 'large';
   /**
    * Emitido quando o botão principal é clicado
    */

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

@@ -1,20 +1,28 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { SplitOptions } from 'split-grid';
+import IPanelSizeInfo from './interfaces/IPanelSizeInfo';
 export declare class SplitPanel {
   direction: 'row' | 'column';
   /**
    * Responsável por definir o painel que limita o tamanho do item expandido.
    */
   anchorToExpand: boolean;
+  /**
+   * Define se o painel está sendo utilizado como estrutura para apresentação de outro item
+   */
+  structural: boolean;
   _element: HTMLElement;
   _items: HTMLEzSplitItemElement[];
   _panelID: string;
   _mutationObserver: MutationObserver;
   _buildInProgress: boolean;
+  resizeEnd: EventEmitter<IPanelSizeInfo>;
   rebuildLayout(): void;
   private buildItems;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   initSplit(): void;
+  handlePanelDragEnd(): void;
   getGutters(): SplitOptions;
   addItemGutter(item: HTMLEzSplitItemElement): void;
   getElementStyle(): {
@@ -25,5 +33,8 @@ export declare class SplitPanel {
   };
   calcFreeSpacePercentage(): number;
   getGridTemplate(): string;
+  removeGuttersMargin(): void;
+  removeGuttersMarginColumn(): void;
+  removeGuttersMarginRow(): void;
   render(): any;
 }

package/dist/types/components/ez-split-panel/interfaces/IPanelSizeInfo.d.ts

@@ -0,0 +1,9 @@
+export interface SizeInfo {
+  id: string;
+  height: number;
+  width: number;
+}
+export default interface IPanelSizeInfo {
+  panelId: string;
+  items: SizeInfo[];
+}

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

@@ -1,5 +1,6 @@
 export declare class SplitItem {
   _element: HTMLElement;
+  private expandButtonRef;
   /**
    * Define um título para o painel.
    */
@@ -21,6 +22,10 @@ export declare class SplitItem {
    * @values '%', 'fr'
    */
   size?: string;
+  /**
+   * Define se o painel está sendo utilizado como estrutura para apresentação de outro item
+   */
+  structural: boolean;
   /**
    * Referência ao elemento que contém o slot.
   **/

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

@@ -5,6 +5,9 @@ export declare class EzTextArea {
   private _messageBoxElem;
   private _container;
   private _initialRows;
+  private _resizeObserver;
+  private readonly LINE_HEIGHT;
+  private readonly HEIGHT_RATIO;
   private _hostElement;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -42,10 +45,19 @@ export declare class EzTextArea {
    * Ativa a opção de fazer resize do input.
    */
   enableResize: boolean;
+  /**
+   * Ativa a opção de fazer as linhas do componente serem baseados na altura máxima.
+   */
+  autoRows: boolean;
+  /**
+  * Se true o campo de texto receberá o foco ao ser renderizado.
+  */
+  autoFocus: boolean;
   observeErrorMessage(): void;
   observeValue(newValue: string, oldValue: string): void;
   observeMode(): void;
   observeRows(): void;
+  observeAutoRows(): 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.
@@ -70,9 +82,14 @@ export declare class EzTextArea {
   private canChangeValue;
   private adjustFloatingLabel;
   private isFocused;
+  private updateRows;
+  private calculateMaxRows;
+  private initializeResizeObserver;
   handleFocusout(): void;
   handleChange(): void;
   handleFocus(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   componentDidLoad(): void;
   render(): any;
 }