@sankhyalabs/ezui 5.20.4 → 5.21.0-dev.2

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

@@ -1,8 +1,30 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IEzCheckBoxListPosition, IOption, ISearchArgument } from '../ez-combo-box/ez-combo-box';
+import { IEzCheckBoxListPosition } from '../ez-combo-box/ez-combo-box';
 export declare class EzSearch {
-  private _elem;
-  private _comboElement;
+  private _textInput;
+  private _optionsList;
+  private _listContainer;
+  private _listWrapper;
+  private _itemValueBasis;
+  private _floatingID;
+  private _source;
+  private _changeDeboucingTimeout;
+  private _limitCharsToSearch;
+  private _deboucingTime;
+  _maxWidthValue: number;
+  private _tabPressed;
+  private _textEmptyList;
+  private _textEmptySearch;
+  private _lookupMode;
+  private _resizeObserver;
+  private _startHighlightTag;
+  private _endHighlightTag;
+  private el;
+  private _preSelection;
+  private _visibleOptions;
+  private _startLoading;
+  private _showLoading;
+  private _criteria;
   /**
    * Define o valor do campo.
    */
@@ -63,15 +85,26 @@ export declare class EzSearch {
    * Emitido quando acontece a alteração de valor do campo.
    */
   ezChange: EventEmitter<IOption>;
+  /**
+   * Array com as opções do ez-combo-box. Os elementos devem obedecer
+   * o formato: `{value: string, label: string}`.
+   */
+  options: Array<IOption>;
+  /**
+   * Se true desabilita a digitação dentro do componente.
+   */
+  suppressSearch: boolean;
   observeErrorMessage(): void;
-  observeValue(): void;
+  observeValue(newValue: IOption | string, oldValue: IOption | string): void;
+  observeOptions(newOptions: IOption[], oldOptions: IOption[]): void;
+  getValueAsync(): Promise<unknown>;
   /**
-    * Aplica o foco no campo.
-    */
+   * Aplica o foco no campo.
+   */
   setFocus(): Promise<void>;
   /**
-    * Remove o foco do campo.
-    */
+   * Remove o foco do campo.
+   */
   setBlur(): Promise<void>;
   /**
    * Retorna se o conteúdo é inválido.
@@ -81,8 +114,66 @@ export declare class EzSearch {
    * Limpa o valor do campo de pesquisa
    */
   clearValue(): Promise<void>;
-  getValueAsync(): Promise<unknown>;
-  onComboChange(event: any): void;
+  scrollListener(): void;
+  private updateListPosition;
+  private getListPosition;
+  private isDifferentValues;
+  private getFormattedText;
+  private getText;
+  private getSelectedOption;
+  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;
+  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 keyDownHandler;
+  private onTextInputFocusOutHandler;
+  private canShowListOptions;
   render(): any;
 }
+export interface IOption {
+  value: string;
+  label: string;
+  details?: any;
+}
+export interface ISearchArgument {
+  mode: SearchMode;
+  argument: string;
+}
+declare enum SearchMode {
+  ADVANCED = "ADVANCED",
+  PRELOAD = "PRELOAD",
+  PREDICTIVE = "PREDICTIVE"
+}
+export {};

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

@@ -0,0 +1,92 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { IDropdownItem, IDropdownSubAction } from '../ez-dropdown/structure/DropdownItem';
+export declare class EzSplitButton {
+  _element: HTMLElement;
+  private leftButton;
+  private rightButton;
+  private dropdownParent;
+  private rightDefaultTitle;
+  private offsetParentRect;
+  private show;
+  /**
+   * Se false o usuário não pode interagir com o botão.
+   */
+  enabled: boolean;
+  /**
+   * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+   */
+  iconName: string;
+  /**
+   * Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones.
+   */
+  image: string;
+  /**
+   * Define o conteúdo do dropdown.
+   */
+  items: Array<IDropdownItem>;
+  /**
+   * Texto a ser apresentado como label do botão.
+   */
+  label: string;
+  /**
+   * Texto a ser apresentado como title do botão principal
+   */
+  leftTitle: string;
+  /**
+   * Texto a ser apresentado como title do botão dropdown
+   */
+  rightTitle: string;
+  /**
+   * Define o modo de uso do botão.
+   */
+  mode: 'default' | 'icon-only' | 'icon-left';
+  /**
+   * Define o tamanho do ez-split-button.
+   */
+  size: 'medium' | 'large';
+  /**
+   * Emitido quando o botão principal é clicado
+   */
+  buttonClick: EventEmitter<void>;
+  /**
+   * Emitido quando um item do dropdown é clicado
+   */
+  dropdownItemClick: EventEmitter<IDropdownItem>;
+  /**
+   * Emitido quando uma subAction de um item do dropdown é clicada
+   */
+  dropdownSubActionClick: EventEmitter<IDropdownSubAction>;
+  /**
+   * Remove o foco de ambos os botões.
+   */
+  setBlur(): Promise<void>;
+  /**
+   * Aplica o foco no botão principal.
+   */
+  setLeftButtonFocus(): Promise<void>;
+  /**
+   * Aplica o foco no botão do dropdown.
+   */
+  setRightButtonFocus(): Promise<void>;
+  clickListener(evt: MouseEvent): void;
+  private getIconSize;
+  private closeDropdown;
+  private toggleDropdown;
+  private handleButtonClick;
+  private handleDropdownItemClick;
+  private handleDropdownSubActionClick;
+  private resolveOffsetParentRect;
+  /**
+   * Método responsável em posicionar o dropdown na tela.
+   * Faz com que o dropdown se ajuste automaticamente ao espaco na tela
+   */
+  private positionDropdown;
+  private setEvents;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  render(): any;
+  private shouldShowLabelOnLeftButton;
+  private shouldShowIconOnLeftButton;
+}

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

@@ -0,0 +1,2 @@
+import { IDropdownItem } from "../../ez-dropdown/structure/DropdownItem";
+export declare const dropdownItems: Array<IDropdownItem>;

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

@@ -0,0 +1,29 @@
+import { SplitOptions } from 'split-grid';
+export declare class SplitPanel {
+  direction: 'row' | 'column';
+  /**
+   * Responsável por definir o painel que limita o tamanho do item expandido.
+   */
+  anchorToExpand: boolean;
+  _element: HTMLElement;
+  _items: HTMLEzSplitItemElement[];
+  _panelID: string;
+  _mutationObserver: MutationObserver;
+  _buildInProgress: boolean;
+  rebuildLayout(): void;
+  private buildItems;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  initSplit(): void;
+  getGutters(): SplitOptions;
+  addItemGutter(item: HTMLEzSplitItemElement): void;
+  getElementStyle(): {
+    display: string;
+    height: string;
+    width: string;
+    position: string;
+  };
+  calcFreeSpacePercentage(): number;
+  getGridTemplate(): string;
+  render(): any;
+}

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

@@ -1,3 +1,30 @@
 export declare class SplitItem {
+  _element: HTMLElement;
+  /**
+   * Define um título para o painel.
+   */
+  label: string;
+  /**
+   * Define se o item pode ser expandido
+   */
+  enableExpand: boolean;
+  /**
+   * Define se o item está expandido
+   */
+  private _expanded;
+  /**
+   * Alterna a visibilidade do painel.
+   */
+  toggleExpandItem(): void;
+  /**
+   * Define o tamanho inicial do painel.
+   * @values '%', 'fr'
+   */
+  size?: string;
+  /**
+   * Referência ao elemento que contém o slot.
+  **/
+  private _slot;
+  componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/ez-tree/interfaces/ITreeItem.d.ts

@@ -1,6 +1,8 @@
+import { ITreeItemBadge } from "./ITreeItemBadge";
 export interface ITreeItem {
   id: string;
   label: string;
+  bold?: boolean;
   children?: Array<ITreeItem> | ((item: ITreeItem) => Promise<Array<ITreeItem>>);
   childrenCount?: number;
   iconExpanded?: string;
@@ -8,5 +10,5 @@ export interface ITreeItem {
   tooltip?: string;
   expanded?: boolean;
   disabled?: boolean;
-  badge?: "error" | "warning" | "success" | null;
+  badge?: "error" | "warning" | "success" | ITreeItemBadge | null;
 }

package/dist/types/components/ez-tree/interfaces/ITreeItemBadge.d.ts

@@ -0,0 +1,6 @@
+export interface ITreeItemBadge {
+  type: "icon" | "text";
+  iconName?: string;
+  text?: string;
+  iconColor?: "error" | "success" | "warning" | "disabled";
+}

package/dist/types/components/ez-tree/subcomponents/TreeItem.d.ts

@@ -10,7 +10,6 @@ interface TreeItemProps {
   tooltipResolver: (item: ITreeItem, enabled: boolean, level: number) => string;
   level?: number;
   itemsList: Array<ITreeItem>;
-  badge?: "error" | "warning" | "success" | null;
 }
 export declare const TreeItem: FunctionalComponent<TreeItemProps>;
 export {};

package/dist/types/components.d.ts

@@ -30,7 +30,8 @@ import { TFocusOptions } from "./components/ez-text-input/ez-text-input";
 import { IEzPopoverAnchorOptions } from "./components/ez-popover/ez-popover";
 import { Radio } from "./components/ez-radio-button/ez-radio-button";
 import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
-import { IEzCheckBoxListPosition as IEzCheckBoxListPosition1, IOption as IOption1, ISearchArgument as ISearchArgument1 } from "./components/ez-combo-box/ez-combo-box";
+import { IOption as IOption1, ISearchArgument as ISearchArgument1 } from "./components/ez-search/ez-search";
+import { IEzCheckBoxListPosition as IEzCheckBoxListPosition1 } from "./components/ez-combo-box/ez-combo-box";
 import { Tab } from "./components/ez-tabselector/ez-tabselector";
 import { IStyled } from "./components/ez-text-edit/ez-text-edit";
 import { TFocusOptions as TFocusOptions1 } from "./components/ez-text-input/ez-text-input";
@@ -232,6 +233,10 @@ export namespace Components {
         "value": Date;
     }
     interface EzCardItem {
+        /**
+          * Determina se a chave do item deve ser exibida.
+         */
+        "enableKey": boolean;
         /**
           * Determina o conteúdo do card. Deve conter um objeto no formato: `{title: string, key: string, details: any}`.
          */
@@ -413,10 +418,6 @@ export namespace Components {
           * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
          */
         "options": Array<IOption>;
-        /**
-          * Se true ativa o modo pesquisa do ez-combo-box.
-         */
-        "searchMode": boolean;
         /**
           * Remove o foco do campo.
          */
@@ -1172,7 +1173,11 @@ export namespace Components {
         /**
           * Carrega as opções dinamicamente.
          */
-        "optionLoader": (argument: ISearchArgument1) => Promise<Array<IOption1>> | Array<IOption1> | IOption1;
+        "optionLoader": (argument: ISearchArgument) => Promise<Array<IOption>> | Array<IOption> | IOption;
+        /**
+          * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
+         */
+        "options": Array<IOption>;
         /**
           * Remove o foco do campo.
          */
@@ -1193,10 +1198,14 @@ export namespace Components {
           * Se true remove a opção vazia da lista.
          */
         "suppressEmptyOption": boolean;
+        /**
+          * Se true desabilita a digitação dentro do componente.
+         */
+        "suppressSearch": boolean;
         /**
           * Define o valor do campo.
          */
-        "value": IOption1 | string;
+        "value": IOption | string;
     }
     interface EzSidebarButton {
     }
@@ -1237,10 +1246,78 @@ export namespace Components {
          */
         "width": string;
     }
+    interface EzSplitButton {
+        /**
+          * Se false o usuário não pode interagir com o botão.
+         */
+        "enabled": boolean;
+        /**
+          * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+         */
+        "iconName": string;
+        /**
+          * Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones.
+         */
+        "image": string;
+        /**
+          * Define o conteúdo do dropdown.
+         */
+        "items": Array<IDropdownItem>;
+        /**
+          * Texto a ser apresentado como label do botão.
+         */
+        "label": string;
+        /**
+          * Texto a ser apresentado como title do botão principal
+         */
+        "leftTitle": string;
+        /**
+          * Define o modo de uso do botão.
+         */
+        "mode": 'default' | 'icon-only' | 'icon-left';
+        /**
+          * Texto a ser apresentado como title do botão dropdown
+         */
+        "rightTitle": string;
+        /**
+          * Remove o foco de ambos os botões.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no botão principal.
+         */
+        "setLeftButtonFocus": () => Promise<void>;
+        /**
+          * Aplica o foco no botão do dropdown.
+         */
+        "setRightButtonFocus": () => Promise<void>;
+        /**
+          * Define o tamanho do ez-split-button.
+         */
+        "size": 'medium' | 'large';
+    }
     interface EzSplitItem {
+        /**
+          * Define se o item pode ser expandido
+         */
+        "enableExpand": boolean;
+        /**
+          * Define um título para o painel.
+         */
+        "label": string;
+        /**
+          * Define o tamanho inicial do painel.
+          * @values '%', 'fr'
+         */
+        "size"?: string;
     }
     interface EzSplitPanel {
+        /**
+          * Responsável por definir o painel que limita o tamanho do item expandido.
+         */
+        "anchorToExpand": boolean;
         "direction": 'row' | 'column';
+        "rebuildLayout": () => Promise<void>;
     }
     interface EzTabselector {
         /**
@@ -1698,6 +1775,10 @@ export interface EzSidebarButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzSidebarButtonElement;
 }
+export interface EzSplitButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzSplitButtonElement;
+}
 export interface EzTabselectorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzTabselectorElement;
@@ -1953,6 +2034,12 @@ declare global {
         prototype: HTMLEzSkeletonElement;
         new (): HTMLEzSkeletonElement;
     };
+    interface HTMLEzSplitButtonElement extends Components.EzSplitButton, HTMLStencilElement {
+    }
+    var HTMLEzSplitButtonElement: {
+        prototype: HTMLEzSplitButtonElement;
+        new (): HTMLEzSplitButtonElement;
+    };
     interface HTMLEzSplitItemElement extends Components.EzSplitItem, HTMLStencilElement {
     }
     var HTMLEzSplitItemElement: {
@@ -2069,6 +2156,7 @@ declare global {
         "ez-search": HTMLEzSearchElement;
         "ez-sidebar-button": HTMLEzSidebarButtonElement;
         "ez-skeleton": HTMLEzSkeletonElement;
+        "ez-split-button": HTMLEzSplitButtonElement;
         "ez-split-item": HTMLEzSplitItemElement;
         "ez-split-panel": HTMLEzSplitPanelElement;
         "ez-tabselector": HTMLEzTabselectorElement;
@@ -2266,6 +2354,10 @@ declare namespace LocalJSX {
         "value"?: Date;
     }
     interface EzCardItem {
+        /**
+          * Determina se a chave do item deve ser exibida.
+         */
+        "enableKey"?: boolean;
         /**
           * Determina o conteúdo do card. Deve conter um objeto no formato: `{title: string, key: string, details: any}`.
          */
@@ -2450,10 +2542,6 @@ declare namespace LocalJSX {
           * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
          */
         "options"?: Array<IOption>;
-        /**
-          * Se true ativa o modo pesquisa do ez-combo-box.
-         */
-        "searchMode"?: boolean;
         /**
           * Se true cada opção na lista exibe o `value` junto com `label`.
          */
@@ -2606,6 +2694,10 @@ declare namespace LocalJSX {
           * Emitido quando ocorrer um click em um item da lista, o IDropdownItem que recebeu o click deve ser enviado como data do evento.
          */
         "onEzClick"?: (event: EzDropdownCustomEvent<IDropdownItem>) => void;
+        /**
+          * Emitido quando ocorrer um click fora do componente.
+         */
+        "onEzOutsideClick"?: (event: EzDropdownCustomEvent<void>) => void;
         /**
           * Emitido quando ocorrer um click em uma ação secundaria do item,  o IDropdownSubAction deve ser enviado como data do evento.
          */
@@ -3065,9 +3157,13 @@ declare namespace LocalJSX {
          */
         "heightMode"?: "auto" | "full";
         /**
-          * Emitido ao clicar no botão de fechar (onEzClosePopup).
+          * Evento emitido ao clicar no botão de fechar (onEzClosePopup).
          */
         "onEzClosePopup"?: (event: EzPopupCustomEvent<any>) => void;
+        /**
+          * Evento emitido ao clicar no botão de fechar (ezPopupAction = OK)
+         */
+        "onEzPopupAction"?: (event: EzPopupCustomEvent<string>) => void;
         /**
           * Define se o ez-popover está aberto.
          */
@@ -3161,11 +3257,15 @@ declare namespace LocalJSX {
         /**
           * Emitido quando acontece a alteração de valor do campo.
          */
-        "onEzChange"?: (event: EzSearchCustomEvent<IOption1>) => void;
+        "onEzChange"?: (event: EzSearchCustomEvent<IOption>) => void;
         /**
           * Carrega as opções dinamicamente.
          */
-        "optionLoader"?: (argument: ISearchArgument1) => Promise<Array<IOption1>> | Array<IOption1> | IOption1;
+        "optionLoader"?: (argument: ISearchArgument) => Promise<Array<IOption>> | Array<IOption> | IOption;
+        /**
+          * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
+         */
+        "options"?: Array<IOption>;
         /**
           * Se false cada opção na lista deve exibir somente o `label`.
          */
@@ -3178,10 +3278,14 @@ declare namespace LocalJSX {
           * Se true remove a opção vazia da lista.
          */
         "suppressEmptyOption"?: boolean;
+        /**
+          * Se true desabilita a digitação dentro do componente.
+         */
+        "suppressSearch"?: boolean;
         /**
           * Define o valor do campo.
          */
-        "value"?: IOption1 | string;
+        "value"?: IOption | string;
     }
     interface EzSidebarButton {
         /**
@@ -3226,9 +3330,76 @@ declare namespace LocalJSX {
          */
         "width"?: string;
     }
+    interface EzSplitButton {
+        /**
+          * Se false o usuário não pode interagir com o botão.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+         */
+        "iconName"?: string;
+        /**
+          * Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones.
+         */
+        "image"?: string;
+        /**
+          * Define o conteúdo do dropdown.
+         */
+        "items"?: Array<IDropdownItem>;
+        /**
+          * Texto a ser apresentado como label do botão.
+         */
+        "label"?: string;
+        /**
+          * Texto a ser apresentado como title do botão principal
+         */
+        "leftTitle"?: string;
+        /**
+          * Define o modo de uso do botão.
+         */
+        "mode"?: 'default' | 'icon-only' | 'icon-left';
+        /**
+          * Emitido quando o botão principal é clicado
+         */
+        "onButtonClick"?: (event: EzSplitButtonCustomEvent<void>) => void;
+        /**
+          * Emitido quando um item do dropdown é clicado
+         */
+        "onDropdownItemClick"?: (event: EzSplitButtonCustomEvent<IDropdownItem>) => void;
+        /**
+          * Emitido quando uma subAction de um item do dropdown é clicada
+         */
+        "onDropdownSubActionClick"?: (event: EzSplitButtonCustomEvent<IDropdownSubAction>) => void;
+        /**
+          * Texto a ser apresentado como title do botão dropdown
+         */
+        "rightTitle"?: string;
+        /**
+          * Define o tamanho do ez-split-button.
+         */
+        "size"?: 'medium' | 'large';
+    }
     interface EzSplitItem {
+        /**
+          * Define se o item pode ser expandido
+         */
+        "enableExpand"?: boolean;
+        /**
+          * Define um título para o painel.
+         */
+        "label"?: string;
+        /**
+          * Define o tamanho inicial do painel.
+          * @values '%', 'fr'
+         */
+        "size"?: string;
     }
     interface EzSplitPanel {
+        /**
+          * Responsável por definir o painel que limita o tamanho do item expandido.
+         */
+        "anchorToExpand"?: boolean;
         "direction"?: 'row' | 'column';
     }
     interface EzTabselector {
@@ -3545,6 +3716,7 @@ declare namespace LocalJSX {
         "ez-search": EzSearch;
         "ez-sidebar-button": EzSidebarButton;
         "ez-skeleton": EzSkeleton;
+        "ez-split-button": EzSplitButton;
         "ez-split-item": EzSplitItem;
         "ez-split-panel": EzSplitPanel;
         "ez-tabselector": EzTabselector;
@@ -3601,6 +3773,7 @@ declare module "@stencil/core" {
             "ez-search": LocalJSX.EzSearch & JSXBase.HTMLAttributes<HTMLEzSearchElement>;
             "ez-sidebar-button": LocalJSX.EzSidebarButton & JSXBase.HTMLAttributes<HTMLEzSidebarButtonElement>;
             "ez-skeleton": LocalJSX.EzSkeleton & JSXBase.HTMLAttributes<HTMLEzSkeletonElement>;
+            "ez-split-button": LocalJSX.EzSplitButton & JSXBase.HTMLAttributes<HTMLEzSplitButtonElement>;
             "ez-split-item": LocalJSX.EzSplitItem & JSXBase.HTMLAttributes<HTMLEzSplitItemElement>;
             "ez-split-panel": LocalJSX.EzSplitPanel & JSXBase.HTMLAttributes<HTMLEzSplitPanelElement>;
             "ez-tabselector": LocalJSX.EzTabselector & JSXBase.HTMLAttributes<HTMLEzTabselectorElement>;

package/dist/types/utils/CSSVarsUtils.d.ts

@@ -2,5 +2,6 @@ export default class CSSVarsUtils {
   static applyCSSVars(document: DocumentOrShadowRoot, host: HTMLElement, child: HTMLElement): void;
   static applyVarsTextInput(host: HTMLElement, child: HTMLElement): void;
   static applyVarsButton(host: HTMLElement, child: HTMLElement): void;
+  static applyVarsGrid(host: HTMLElement, child: HTMLElement): void;
   private static applyIfExists;
 }

package/dist/types/utils/form/test/DataBinder.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/interfaces/AbstractFieldMetadata.d.ts

@@ -1,5 +1,6 @@
 import { FieldDescriptor, UserInterface } from "@sankhyalabs/core";
-import { IOption, ISearchArgument } from "../../components/ez-combo-box/ez-combo-box";
+import { ISearchArgument } from "../../components/ez-combo-box/ez-combo-box";
+import { IOption } from "../../components/ez-search/ez-search";
 import { IFieldConfig } from "./IFieldConfig";
 export default interface IAbstractFieldMetadata {
   userInterface: UserInterface;