@sankhyalabs/ezui 6.0.1 → 6.1.0-dev.2

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

@@ -1,10 +1,20 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { ListItem } from '../ez-list/ez-list';
+import { ListItem } from '../ez-sortable-list/ez-sortable-list';
+export interface DoubleListSlotConfig {
+  itemLeftSlotBuilder?: (item: any) => HTMLElement | string;
+  itemRightSlotBuilder?: (item: any) => HTMLElement | string;
+}
+export interface DoubleListSlots {
+  LEFT_LIST?: DoubleListSlotConfig;
+  RIGHT_LIST?: DoubleListSlotConfig;
+}
+export interface EmptyMessage {
+  LEFT_LIST?: string;
+  RIGHT_LIST?: string;
+}
 export declare class EzDoubleList {
   readonly LEFT_LIST_ID = "LEFT-LIST-ID";
   readonly RIGHT_LIST_ID = "RIGHT-LIST-ID";
-  readonly LEFT_FILTER_ID = "LEFT-FILTER-ID";
-  readonly RIGHT_FILTER_ID = "RIGHT-FILTER-ID";
   /**
    * Define a lista origem.
    */
@@ -23,7 +33,7 @@ export declare class EzDoubleList {
    */
   entityLabel: string;
   /**
-   * Variação plura do nome da entidade listada.
+   * Variação plural do nome da entidade listada.
    * Exemplo: "Campos", "Itens", "Empresas".
    */
   entityLabelPlural: string;
@@ -35,29 +45,51 @@ export declare class EzDoubleList {
    * Rótulo da lista direita.
    */
   rightListLabel: string;
+  /**
+   * Define se irá exibir apenas a lista da direita.
+   */
+  useOnlyRightList: boolean;
   /**
    * Define o título da lista destino.
    */
   rightTitle: string;
+  /** Objeto que define as mensagens a serem exibidas quando a lista está vazia
+   * Exemplo:
+   * {
+   *  LEFT_LIST?: "Lista lado esquerdo vazia.",
+   *  RIGHT_LIST?: "Lista lado direito vazia.";
+   * }
+   */
+  emptyMessage: EmptyMessage;
+  /**
+   * Objeto que define os métodos de construção dos elementos visuais para os itens de cada lista.
+   *
+   * Este objeto permite configurar dinamicamente os elementos HTML que serão exibidos ao lado
+   * esquerdo e direito dos itens em ambas as listas (`LEFT_LIST` e `RIGHT_LIST`).
+   */
+  slotsListBuilder: DoubleListSlots;
   leftFilteredList: ListItem[];
   rightFilteredList: ListItem[];
   selectedLeftList: string[];
   selectedRightList: string[];
   isFilteringLeft: boolean;
   isFilteringRight: boolean;
+  /**
+   * Emitido ao realizar uma alteração na lista esquerda do componente.
+   */
   ezLeftListChanged: EventEmitter<Array<ListItem>>;
+  /**
+   * Emitido ao realizar uma alteração na lista direita do componente.
+   */
   ezRightListChanged: EventEmitter<Array<ListItem>>;
   resetSelectedLists(): Promise<void>;
   observeLeftList(newValue: any, oldValue: any): void;
   observeRightList(newValue: any, oldValue: any): void;
   private leftEzListInstance;
   private rightEzListInstance;
-  private leftEzFilterInput;
-  private rightEzFilterInput;
-  private handleFilterChangeLeft;
-  private handleFilterChangeRight;
-  private handleChangeLeft;
-  private handleChangeRight;
+  handleChangeLeft({ detail }: CustomEvent): Promise<void>;
+  handleChangeRight({ detail }: CustomEvent): Promise<void>;
+  private reorderArray;
   private enableTransferAllToRight;
   private enableTransferAllToLeft;
   private enableTransferToRight;
@@ -67,21 +99,25 @@ export declare class EzDoubleList {
   private getRightSelectedItemsIndex;
   private transferToRight;
   private transferToLeft;
-  private handleTransferAllToRight;
-  private handleTransferAllToLeft;
+  handleTransferAllToRight(): Promise<void>;
+  handleTransferAllToLeft(): Promise<void>;
   private buildTransferToRightConfig;
   private buildTransferToLeftConfig;
-  private handleMoveUp;
-  private handleMoveDown;
-  private handleMoveToTop;
-  private handleMoveToBottom;
-  private handleSelectLeftItem;
-  private handleSelectRightItem;
-  private getItemsToKeepAndToMove;
-  private handleTransferToRight;
-  private handleTransferToLeft;
-  private buildTotalizer;
-  private renderLeftList;
-  private renderRightList;
+  handleMoveUp(): void;
+  handleMoveDown(): void;
+  handleMoveToTop(): void;
+  handleMoveToBottom(): void;
+  handleSelectLeftItem({ detail }: CustomEvent): void;
+  handleSelectRightItem({ detail }: CustomEvent): void;
+  getItemsToKeepAndToMove(): {
+    itemsToKeep: ListItem[];
+    itemsToMove: ListItem[];
+  };
+  handleTransferToRight(): Promise<void>;
+  handleTransferToLeft(): Promise<void>;
+  clearSelectionAll(): Promise<void>;
+  handleChooseLeft(): void;
+  handleChooseRight(): void;
+  private renderList;
   render(): any;
 }

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

@@ -19,10 +19,10 @@ export interface IDropdownGroup {
 export interface IDropdownItem {
   id: any;
   label: string;
-  type: 'divider' | 'item' | 'loading';
+  type?: 'divider' | 'item' | 'loading';
   children?: Array<IDropdownItem>;
-  iconName: string;
-  subAction: IDropdownSubAction;
-  group: string | IDropdownGroup;
+  iconName?: string;
+  subAction?: IDropdownSubAction;
+  group?: string | IDropdownGroup;
 }
 export {};

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

@@ -11,7 +11,13 @@ export declare class EzForm {
   private _staticFields;
   private _dataBinder;
   private _customEditors;
+  private _application;
+  private _fieldSearch;
+  private _ezPopoverSearchField;
+  private _container;
+  private _keyboardManager;
   private _fieldsProps;
+  private _singleColumn;
   /**
    * Unidade de dados. Responsável pelo controle de edição de registros e
    * informações pertinentes aos campos.
@@ -33,6 +39,14 @@ export declare class EzForm {
    * Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit.
    */
   onlyStaticFields: boolean;
+  /**
+   * Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F
+   */
+  useSearchField: boolean;
+  /**
+   * Define uma ancoragem
+   */
+  elementFocusSearchField: HTMLElement;
   /**
    * Emitido quando o campo recebe foco
    */
@@ -64,10 +78,18 @@ export declare class EzForm {
   setFieldProp(fieldName: string, propName: string, value: any): Promise<void>;
   private getDynamicContent;
   private buildFormContent;
+  private renderFieldColumn;
+  private getFormFields;
+  private fieldsOptionLoader;
+  private onSelectField;
+  private initKeyboardManager;
+  componentDidLoad(): void;
   private processMetadata;
   private isStatic;
   private bindFields;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
+  setSingleColumn(layoutFormConfig: any): Promise<void>;
+  registerNotifyListeners(layoutFormConfig: any): Promise<void>;
   onDataUnitAction: (action: any) => void;
   componentDidRender(): void;
   private setCustomEditors;

package/dist/types/components/ez-form-view/ez-form-view.d.ts

@@ -23,6 +23,10 @@ export declare class EzFormView {
    * Define os registros da linha selecionada.
    */
   selectedRecord: Record;
+  /**
+   * Define se o formulario deve possuir apenas 1 coluna.
+   */
+  singleColumn: boolean;
   showUp(): Promise<void>;
   /**
    * Registra um editor customizado para campos da grade e formulário.

package/dist/types/components/ez-form-view/fieldbuilder/templates/SearchInputPlus.tpl.d.ts

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildSearchPlus: ({ name, label, readOnly, contextName, canShowError, optionLoader, props }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-grid/controller/EzGridController.d.ts

@@ -146,7 +146,7 @@ export default interface EzGridController {
   /**
    * Localiza determinada coluna tornando-a visível.
    */
-  locateColumn(columnName: string): void;
+  locateColumn(columnName: string, gridElement: HTMLElement): void;
   configFilterColumn(filterColumn: FilterCollumn): any;
   getFilter(): Array<Filter> | undefined;
   clearFilter(): void;
@@ -277,6 +277,10 @@ export interface EzGridOptions {
    * Informa se a coluna de chechbox deve ser suprimida
    */
   suppressCheckBoxCol?: boolean;
+  /**
+   * Define se a grade deve suprimir o scroll horizontal.
+   */
+  suppressHorizontalScroll?: boolean;
 }
 /**
  * Representa cada coluna da grade.
@@ -397,6 +401,10 @@ export interface EzGridColumnConfig {
    * Largura customizada da coluna em pixels absolutos.
    */
   customWidth?: number;
+  /**
+   * Versão da configuração (utilizada para compatibilidade durante a leitura da config).
+   */
+  configVersion?: number;
 }
 export interface IStatusResolver {
   [fieldName: string]: Map<String, any>;

package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts

@@ -42,13 +42,15 @@ export default class AgGridController implements EzGridController, SortingProvid
   private observer;
   private _gridShowDom;
   private peddingExecutionsOnGridShow;
+  private _lastColsConfig;
   configFilterColumn(filterColumn: HTMLFilterColumnElement): void;
   private handleFilteredColumnsChanged;
   clearFilter(): void;
   private showFilterColumn;
   constructor(_enterprise: boolean);
   getGridConfig(): Array<EzGridColumnConfig>;
-  locateColumn(columnName: string): void;
+  locateColumn(columnName: string, gridElement: HTMLElement): void;
+  highlightColumnHeader(columnName: string, gridElement: HTMLElement): void;
   getSort(_dataUnitName: string, defaultSorting: Array<Sort>): Array<Sort>;
   getFilter(): Array<Filter> | undefined;
   private getExpression;
@@ -58,6 +60,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   private buildMenuItemOptions;
   private buildMenuItemOptionSort;
   private buildMenuItemFilterColumn;
+  private resolveDescriptionColMetadata;
   private buildMenuItemOptionPin;
   private sortDataByColumn;
   private getRowHeight;
@@ -95,11 +98,14 @@ export default class AgGridController implements EzGridController, SortingProvid
   private setFocusOnRow;
   private focusByCollAndRow;
   setColumnsDef(cols: Array<EzGridColumn>): void;
+  private setColsDefsWithStateIfNeeded;
+  private getColsDefWithConfigApplied;
   clearRangeSelection(): void;
   hideSelectionColumn(): void;
   showSelectionColumn(): void;
   getColumnsDef(): Array<EzGridColumn>;
   setColumnsState(state: Array<EzGridColumnConfig>): void;
+  private needToAddDescriptionColumn;
   getColumnsState(): Array<EzGridColumn>;
   getSelection(): Array<any>;
   addColumnMenuItem(item: EzGridColumnMenuItemDef): void;
@@ -133,4 +139,6 @@ export default class AgGridController implements EzGridController, SortingProvid
   resetPaginationState(): void;
   stopEdit(): void;
   private getColumnWidth;
+  private getColumnWidthByLabel;
+  private getCodeColFromDescriptionCol;
 }

package/dist/types/components/ez-grid/controller/ag-grid/DataSource.d.ts

@@ -44,4 +44,5 @@ export default class DataSource implements IServerSideDatasource {
   destroy(): void;
   registryListeners(): void;
   buildColumnDefs(): Array<EzGridColumn>;
+  private buildDescriptionColumn;
 }

package/dist/types/components/ez-grid/controller/ag-grid/GridEditionManager.d.ts

@@ -23,6 +23,7 @@ export default class GridEditionManager {
   private _nextInvalidCell;
   private _currentEditLock;
   private _lockerId;
+  private _inProgressChanges;
   constructor(dataUnit: DataUnit, useEnterLikeTab: boolean, recordsValidator: IRecordValidator, editionIsDisabled: () => boolean, customEditors?: Map<string, ICustomEditorInfo>, customRenders?: Map<string, ICustomRenderInfo>, enableContinuousInsert?: boolean, enableGridInsert?: boolean, lockerId?: string);
   configureGrid(options: GridOptions): GridOptions;
   updateCurrentEditorGuiValue(updatedRowValue: Record): void;

package/dist/types/components/ez-grid/controller/ag-grid/editor/templates/SearchPlus.tpl.d.ts

@@ -0,0 +1,3 @@
+import { IUICellEditor } from "../IUICellEditor";
+import { IEditorMetadata } from '../IEditorMetadata';
+export declare const buildSearchPlus: ({ name, required, readOnly, dataUnit }: IEditorMetadata) => IUICellEditor;

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

@@ -3,11 +3,12 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { IRecordValidator } from '../../utils/form/interfaces';
 import { IMultiSelectionListDataSource } from '../ez-multi-selection-list/interfaces/IMultiSelectionListDataSource';
 import { EzGridColumStateEvent, EzGridColumn, EzGridColumnConfig, IGridConfig, IStatusResolver, StatusResolverFunction } from './controller/EzGridController';
-import { ICustomFormatter, ISelection, ISelectionToastConfig } from './interfaces';
+import { ICustomFormatter, IGridMode, ISelection, ISelectionToastConfig } from './interfaces';
 import { ICustomEditor } from '../../utils/customEditor/interfaces/ICustomEditor';
 import { ICustomRender } from '../../utils/customRender/interfaces/ICustomRender';
 export declare class EzGrid {
   private _container;
+  private _ezPopoverSearchColumn;
   private _cancelPaginationPopoverElement;
   private _refPaginationControl;
   private _gridController;
@@ -21,6 +22,7 @@ export declare class EzGrid {
   private _customEditor;
   private _customRenders;
   private _keyboardManager;
+  private _columnSearch;
   _element: HTMLElement;
   private _paginationInfo;
   private _paginationChangedByKeyboard;
@@ -134,6 +136,18 @@ export declare class EzGrid {
    * Define se a grade deve ser exibida em modo compacto
    */
   compact?: boolean;
+  /**
+   * Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F
+   */
+  useSearchColumn: boolean;
+  /**
+   * Define se a grade deve suprimir o scroll horizontal.
+   */
+  suppressHorizontalScroll: boolean;
+  /**
+   * Define o modo de uso da grade
+   */
+  mode: IGridMode;
   /**
    * Aplica a definição de colunas.
    */
@@ -210,6 +224,7 @@ export declare class EzGrid {
   observeConfig(config: IGridConfig): void;
   updatePaginationTooltip(): void;
   observePaginationCounterMode(newValue: any): void;
+  observeModeChange(newMode?: IGridMode): Promise<void>;
   onSelectionChange(evt: CustomEvent): void;
   handleClick(event: MouseEvent): Promise<void>;
   private setSelection;
@@ -260,5 +275,6 @@ export declare class EzGrid {
   private resolveLeftHeaderClass;
   private initKeyboardManager;
   private removeShortcuts;
+  private renderFieldSearchColumn;
   render(): any;
 }

package/dist/types/components/ez-grid/interfaces/IGridMode.d.ts

@@ -0,0 +1 @@
+export type IGridMode = "simple" | "complete";

package/dist/types/components/ez-grid/interfaces/index.d.ts

@@ -2,3 +2,4 @@ export * from './ISelection';
 export * from './ISelectionToastConfig';
 export * from './IColumnFilter';
 export * from './ICustomFormatter';
+export * from './IGridMode';

package/dist/types/components/ez-grid/subcomponents/filter-column.d.ts

@@ -42,6 +42,7 @@ export interface IFilterColumnConfigs {
   leftPosition: number;
   filteredOptions?: IMultiSelectionOption[];
   fromIcon?: boolean;
+  fieldDescriptor?: FieldDescriptor;
 }
 export interface IAppliedFilterColumnOptions {
   field: string;

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

@@ -4,6 +4,10 @@ export declare class EzIcon {
    * Define o tamanho do ícone.
    */
   size: "x-small" | "small" | "medium" | "large" | "x-large";
+  /**
+   * Define o tamanho da fonte.
+   */
+  fontSize?: number | string;
   /**
    * Define o endereço da imagem quando não contempladas na biblioteca de ícones.
    */
@@ -15,6 +19,7 @@ export declare class EzIcon {
   isSprite(): boolean;
   getIconClassName(): string;
   getIconContent(): any;
+  private getStyle;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -7,6 +7,7 @@ export declare class EzModal {
   private _overlay;
   private _modalRef;
   private _overlayId;
+  private _keyboardManager;
   /**
    * Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`.
    */
@@ -60,6 +61,7 @@ export declare class EzModal {
   closeModal(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
+  disconnectedCallback(): void;
   private modalFocus;
   onMouseDownHandler(event: any): void;
   onMouseLeaveHandler(): void;

package/dist/types/components/ez-modal-container/ez-modal-container.d.ts

@@ -3,6 +3,7 @@ export declare class EzModalContainer {
   _closeButton: HTMLElement;
   _okButton: HTMLEzButtonElement;
   private _modalRef;
+  private _keyboardManager;
   private _element;
   /**
    * Texto a ser apresentado como título do modal.
@@ -48,6 +49,7 @@ export declare class EzModalContainer {
   private cancelIsVisible;
   private okIsVisible;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
   private closeModal;
   focusLast(): void;
   focusFirst(): void;

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

@@ -1,6 +1,7 @@
 import { IMultiSelectionOption } from './IMultiSelectionOption';
+import { IStaticOptionsFetchConfig } from './IStaticOptionsFetchConfig';
 export interface IMultiSelectionListDataSource {
-  getStaticOptions: (fieldName: string) => Promise<IMultiSelectionOption[] | undefined>;
+  getStaticOptions: (fieldName: string, options?: IStaticOptionsFetchConfig) => Promise<IMultiSelectionOption[] | undefined>;
   fetchData: (filterTerm: string, fieldName: string) => Promise<IMultiSelectionOption[]>;
   sortItems: (fieldName: string, items: IMultiSelectionOption[]) => IMultiSelectionOption[];
 }

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

@@ -0,0 +1,3 @@
+export interface IStaticOptionsFetchConfig {
+  onlyLabel?: boolean;
+}

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

@@ -61,6 +61,10 @@ export declare class EzNumberInput {
   * Se true o campo de texto receberá o foco ao ser renderizado.
   */
   autoFocus: boolean;
+  /**
+   * Texto alternativo a ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
   /**
    * Aplica o foco no campo.
    */

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class EzPopup {
+  private _keyboardManager;
   private _popupRef;
   private _overlayId;
   private _sizeClasses;
@@ -38,6 +39,7 @@ export declare class EzPopup {
   ezPopupAction: EventEmitter<string>;
   observeConfig(): void;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
   private closePopup;
   private manageOverflow;
   private manageOverlay;

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

@@ -116,6 +116,10 @@ export declare class EzSearch {
    * Se true o campo de texto receberá o foco ao ser renderizado.
    */
   autoFocus: boolean;
+  /**
+   * Texto alternativo a ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
   observeErrorMessage(): void;
   private getValue;
   private validateNewValue;

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;
+  /**
+  * Propriedade depreciada na nova versão do componente de pesquisa.
+  */
+  showSelectedValue: boolean;
+  /**
+  * Propriedade depreciada na nova versão do componente de pesquisa.
+  */
+  suppressEmptyOption: boolean;
+  /**
+   * Propriedade depreciada na nova versão do componente de pesquisa.
+   */
+  hideErrorOnFocusOut: boolean;
+  /**
+   * Propriedade depreciada na nova versão do componente de pesquisa.
+   */
+  listOptionsPosition: IEzCheckBoxListPosition;
+  /**
+   * Propriedade depreciada na nova versão do componente de pesquisa.
+   */
+  isTextSearch: boolean;
+  /**
+   * Propriedade depreciada na nova versão do componente de pesquisa.
+   */
+  ignoreLimitCharsToSearch: boolean;
+  /**
+   * Propriedade depreciada na nova versão do componente de pesquisa.
+   */
+  suppressSearch: boolean;
+  /**
+  * 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;