@sankhyalabs/ezui 1.1.75 → 1.1.78

package/dist/types/components.d.ts

@@ -8,7 +8,9 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ClickOptions } from "puppeteer";
 import { Option } from "./components/ez-combo-box/ez-combo-box";
 import { Form } from "./components/ez-form/subcomponents/FormMetadata";
-import { ListItem } from "./components/ez-list/ez-list";
+import { DataUnit } from "@sankhyalabs/core";
+import { EzGridColumn, EzGridColumStateEvent } from "./components/ez-grid/controller/EzGridController";
+import { ListGroup, ListItem } from "./components/ez-list/ez-list";
 import { Option as Option1 } from "./components/ez-combo-box/ez-combo-box";
 import { EzFile } from "./components/ez-upload/ez-upload";
 export namespace Components {
@@ -22,6 +24,8 @@ export namespace Components {
          */
         "label": string;
     }
+    interface EzApplication {
+    }
     interface EzButton {
         /**
           * Deixa o botão disponível ou não para interação com o usuário.
@@ -39,6 +43,10 @@ export namespace Components {
           * Define o modo de uso do botão; opções: icon, link e regular
          */
         "mode": string;
+        /**
+          * Quando em modo "icon" pode-se escolher entre [small,medium,large] (somente para o modo "icon")
+         */
+        "size": string;
     }
     interface EzCalendar {
         /**
@@ -57,6 +65,14 @@ export namespace Components {
           * Usado no modo floating. Faz com que o componente seja exibido. É possível determinar ajustes de posicionamento através dos parâmetros top, left, bottom e right. Esses parâmetros devem ser informados como strings no formato css.
          */
         "show": (top?: string, left?: string, bottom?: string, right?: string) => Promise<void>;
+        /**
+          * Exibe ou não os segundos no calendario
+         */
+        "showSeconds": boolean;
+        /**
+          * Exibe ou não as horas e minutos no calendario
+         */
+        "time": boolean;
         /**
           * A data selecionada no calendário
          */
@@ -92,11 +108,11 @@ export namespace Components {
         /**
           * Define o tamanho do texto e do ícone do componente.
          */
-        "headersize": string;
+        "headerSize": string;
         /**
           * Define o local onde o ícone será renderizado.
          */
-        "iconplacement": string;
+        "iconPlacement": string;
         /**
           * Título do campo
          */
@@ -163,6 +179,28 @@ export namespace Components {
          */
         "value": Date;
     }
+    interface EzDateTimeInput {
+        /**
+          * Deixa o campo disponível ou não para uso.
+         */
+        "enabled": boolean;
+        /**
+          * Quando há um problema de validação, serve como orientação ao usuário
+         */
+        "errorMessage": string;
+        /**
+          * Título do campo
+         */
+        "label": string;
+        /**
+          * Exibe ou não os segundos no input
+         */
+        "showSeconds": boolean;
+        /**
+          * A data informada pelo usuário
+         */
+        "value": Date;
+    }
     interface EzDialog {
         /**
           * Define se o componente será utilizado no modo de confirmação.
@@ -200,18 +238,61 @@ export namespace Components {
     interface EzForm {
         "changeFieldValue": (dataUnit: string, fieldName: string, value: any) => Promise<void>;
         "enabled": boolean;
-        "fieldsearchexecutor": string | Function;
+        "fieldSearchExecutor": string | Function;
         "getChanges": () => Promise<any[]>;
-        "ignoresavevalidation": boolean;
-        "loadexecutor": string | Function;
+        "ignoreSaveValidation": boolean;
+        "loadExecutor": string | Function;
         "loading": boolean;
         "metadata": Array<Form>;
-        "metadataexecutor": string | Function;
-        "removeexecutor": string | Function;
-        "saveexecutor": string | Function;
-        "slavemode": boolean;
+        "metadataExecutor": string | Function;
+        "removeExecutor": string | Function;
+        "saveExecutor": string | Function;
+        "slaveMode": boolean;
         "validate": () => Promise<boolean>;
     }
+    interface EzGrid {
+        /**
+          * Adiciona item de menu nas colunas.
+         */
+        "addColumnMenuItem": (label: string, name: string, action: Function) => Promise<any>;
+        "dataUnit": DataUnit;
+        /**
+          * Método retornar o estado atual das colunas do grid.
+         */
+        "getColumns": () => Promise<Array<EzGridColumn>>;
+        /**
+          * Método retornar o estado atual das colunas do grid.
+         */
+        "getColumnsState": () => Promise<Array<EzGridColumn>>;
+        /**
+          * Retorna as linhas selecionadas na grade.
+         */
+        "getSelection": () => Promise<Array<any>>;
+        /**
+          * Habilita a seleção de várias linhas
+         */
+        "multipleSelection": boolean;
+        /**
+          * Determina o número de linhas de cada página. Caso informado o valor -1 não haverá paginação.
+         */
+        "pageSize": number;
+        /**
+          * Endereço do servidor. Se informado, o próprio datagrid controlará a obtenção dos dados, anulando a necessidade de acionar o método "setData(data)"
+         */
+        "serverUrl": string;
+        /**
+          * Método responsável por receber a definição das colunas
+         */
+        "setColumnsDef": (cols: Array<EzGridColumn>) => Promise<any>;
+        /**
+          * Método responsável por aplicar estado pré-existente nas colunas do grid.
+         */
+        "setColumnsState": (state: Array<EzGridColumn>) => Promise<any>;
+        /**
+          * Método de carga dos registros. Os objetos deste array devem conter atributos para as colunas desejadas.
+         */
+        "setData": (data: Array<any>) => Promise<any>;
+    }
     interface EzIcon {
         /**
           * Path da imagem
@@ -249,22 +330,38 @@ export namespace Components {
         "value": boolean;
     }
     interface EzList {
+        /**
+          * Define a lista inicial do componente.
+         */
+        "dataSource": any[];
         /**
           * Define se o componente terá o comportamento de arrasto de linhas.
          */
-        "draggable": boolean;
+        "ezDraggable": boolean;
         /**
-          * Retorna      uma promessa com o estado da atual lista composta por objetos do tipo {value: string, checked: boolean}.
+          * Define se os items da lista serão selecionáveis.
          */
-        "getState": () => Promise<ListItem[]>;
+        "ezSelectable": boolean;
         /**
-          * Define a lista inicial do componente.
+          * Retorna   a lista de items conforme o modo de uso.
+         */
+        "getList": () => Promise<ListItem[] | ListGroup[]>;
+        /**
+          * Retorna   o item selecionado.
+         */
+        "getSelection": () => Promise<any>;
+        /**
+          * Função responsável por renderizar um conteúdo dentro do item da lista.
+         */
+        "itemSlotBuilder": (item: any, group?: any) => HTMLElement;
+        /**
+          * Recebe   como argumento um ListItem {label: string} e um booleano que define se o componente deve fazer scroll para exibir o item específico (opcional).
          */
-        "initialList": ListItem[];
+        "setSelection": (selectedItem: ListItem, scrollToOption?: boolean) => Promise<void>;
         /**
-          * Define se é possível selecionar mais de um registro.
+          * Define se o componente renderizará os itens separados em grupos..
          */
-        "isMultipleSelection": boolean;
+        "useGroups": boolean;
     }
     interface EzModal {
         /**
@@ -289,56 +386,6 @@ export namespace Components {
         "opened": boolean;
     }
     interface EzNumberInput {
-        /**
-          * Deixa o campo disponível ou não para digitação.
-         */
-        "enabled": boolean;
-        /**
-          * Quando há um problema de validação, serve como orientação ao usuário
-         */
-        "errorMessage": string;
-        /**
-          * Opção de configurar a transformação de string to number entre formatação pt-BR e en-US (formatação de ENTRADA e SAÍDA do componente: pt-BR="###.###,##" en-US="###,###.##"; Default: "pt-BR") Qualquer outro valor que não seja "en-US", adotará a formatação "pt-BR" Não é case sensitive
-         */
-        "formatnumber": string;
-        /**
-          * Promove a atualização do componente
-         */
-        "handleFocusout": () => Promise<void>;
-        /**
-          * Label é o título do campo
-         */
-        "label": string;
-        /**
-          * Precisão de arredondamento do número
-         */
-        "precision": number;
-        /**
-          * Números de zeros retirados após arredondamento
-         */
-        "prettyprecision": number;
-        /**
-          * Remove o foco no componente de input
-         */
-        "setBlur": () => Promise<void>;
-        /**
-          * Faz o foco no componente de input
-         */
-        "setFocus": () => Promise<void>;
-        /**
-          * Valor digitado pelo usuário. Este valor é o que fica visível no campo.
-         */
-        "strvalue": string;
-        /**
-          * Deixa o campo disponível ou não para digitação.
-         */
-        "textleft": boolean;
-        /**
-          * Valor guardado pelo componente. Este valor é o que ira ser utilizado para alimentar o backend. Esta variável pode ser setada para alimentar o componente.
-         */
-        "value": number;
-    }
-    interface EzNumericInput {
         /**
           * Deixa o campo disponível ou não para uso.
          */
@@ -354,11 +401,11 @@ export namespace Components {
         /**
           * Precisão decimal, ou seja, quantas casas decimais podem ser exibidas. Caso a quantidade de casas decimais do valor seja maior que precision, haverá arredondamento
          */
-        "precision": string | number;
+        "precision": number;
         /**
           * Esse atributo determina qual é o número mínimo de casas depois da vírgula. Exemplo: Digamos que a precision seja igual a 4, assim qualquer número será  representado com 4 casas decimais mesmo que iguais a zero: 1,0100. Se prettiprecision igual a 2, como não há necessidade de mais de duas casas decimais o valor exibido será 1,01. Por outro lado, até a quarta casa não haverá arredondamento (1,1234 = 1,1234) mas a partir da quinta casa sim (1,12345 = 1,1235).
          */
-        "prettyprecision": string | number;
+        "prettyPrecision": number;
         /**
           * O valor informado pelo usuário
          */
@@ -638,8 +685,17 @@ export namespace Components {
         "metadata": Form;
         "name": string;
     }
+    interface GridConfig {
+        "columns": Array<EzGridColumn>;
+        "selectedTab": string;
+    }
     interface PlaceHolder {
     }
+    interface SelectBox {
+        "selectedOption": string;
+    }
+    interface TestDu {
+    }
 }
 declare global {
     interface HTMLEzActionChipElement extends Components.EzActionChip, HTMLStencilElement {
@@ -648,6 +704,12 @@ declare global {
         prototype: HTMLEzActionChipElement;
         new (): HTMLEzActionChipElement;
     };
+    interface HTMLEzApplicationElement extends Components.EzApplication, HTMLStencilElement {
+    }
+    var HTMLEzApplicationElement: {
+        prototype: HTMLEzApplicationElement;
+        new (): HTMLEzApplicationElement;
+    };
     interface HTMLEzButtonElement extends Components.EzButton, HTMLStencilElement {
     }
     var HTMLEzButtonElement: {
@@ -684,6 +746,12 @@ declare global {
         prototype: HTMLEzDateInputElement;
         new (): HTMLEzDateInputElement;
     };
+    interface HTMLEzDateTimeInputElement extends Components.EzDateTimeInput, HTMLStencilElement {
+    }
+    var HTMLEzDateTimeInputElement: {
+        prototype: HTMLEzDateTimeInputElement;
+        new (): HTMLEzDateTimeInputElement;
+    };
     interface HTMLEzDialogElement extends Components.EzDialog, HTMLStencilElement {
     }
     var HTMLEzDialogElement: {
@@ -696,6 +764,12 @@ declare global {
         prototype: HTMLEzFormElement;
         new (): HTMLEzFormElement;
     };
+    interface HTMLEzGridElement extends Components.EzGrid, HTMLStencilElement {
+    }
+    var HTMLEzGridElement: {
+        prototype: HTMLEzGridElement;
+        new (): HTMLEzGridElement;
+    };
     interface HTMLEzIconElement extends Components.EzIcon, HTMLStencilElement {
     }
     var HTMLEzIconElement: {
@@ -726,12 +800,6 @@ declare global {
         prototype: HTMLEzNumberInputElement;
         new (): HTMLEzNumberInputElement;
     };
-    interface HTMLEzNumericInputElement extends Components.EzNumericInput, HTMLStencilElement {
-    }
-    var HTMLEzNumericInputElement: {
-        prototype: HTMLEzNumericInputElement;
-        new (): HTMLEzNumericInputElement;
-    };
     interface HTMLEzPopoverElement extends Components.EzPopover, HTMLStencilElement {
     }
     var HTMLEzPopoverElement: {
@@ -792,28 +860,48 @@ declare global {
         prototype: HTMLFormMetadataElement;
         new (): HTMLFormMetadataElement;
     };
+    interface HTMLGridConfigElement extends Components.GridConfig, HTMLStencilElement {
+    }
+    var HTMLGridConfigElement: {
+        prototype: HTMLGridConfigElement;
+        new (): HTMLGridConfigElement;
+    };
     interface HTMLPlaceHolderElement extends Components.PlaceHolder, HTMLStencilElement {
     }
     var HTMLPlaceHolderElement: {
         prototype: HTMLPlaceHolderElement;
         new (): HTMLPlaceHolderElement;
     };
+    interface HTMLSelectBoxElement extends Components.SelectBox, HTMLStencilElement {
+    }
+    var HTMLSelectBoxElement: {
+        prototype: HTMLSelectBoxElement;
+        new (): HTMLSelectBoxElement;
+    };
+    interface HTMLTestDuElement extends Components.TestDu, HTMLStencilElement {
+    }
+    var HTMLTestDuElement: {
+        prototype: HTMLTestDuElement;
+        new (): HTMLTestDuElement;
+    };
     interface HTMLElementTagNameMap {
         "ez-action-chip": HTMLEzActionChipElement;
+        "ez-application": HTMLEzApplicationElement;
         "ez-button": HTMLEzButtonElement;
         "ez-calendar": HTMLEzCalendarElement;
         "ez-check": HTMLEzCheckElement;
         "ez-collapsible-box": HTMLEzCollapsibleBoxElement;
         "ez-combo-box": HTMLEzComboBoxElement;
         "ez-date-input": HTMLEzDateInputElement;
+        "ez-date-time-input": HTMLEzDateTimeInputElement;
         "ez-dialog": HTMLEzDialogElement;
         "ez-form": HTMLEzFormElement;
+        "ez-grid": HTMLEzGridElement;
         "ez-icon": HTMLEzIconElement;
         "ez-label-chip": HTMLEzLabelChipElement;
         "ez-list": HTMLEzListElement;
         "ez-modal": HTMLEzModalElement;
         "ez-number-input": HTMLEzNumberInputElement;
-        "ez-numeric-input": HTMLEzNumericInputElement;
         "ez-popover": HTMLEzPopoverElement;
         "ez-popup": HTMLEzPopupElement;
         "ez-search": HTMLEzSearchElement;
@@ -824,7 +912,10 @@ declare global {
         "ez-toast": HTMLEzToastElement;
         "ez-upload": HTMLEzUploadElement;
         "form-metadata": HTMLFormMetadataElement;
+        "grid-config": HTMLGridConfigElement;
         "place-holder": HTMLPlaceHolderElement;
+        "select-box": HTMLSelectBoxElement;
+        "test-du": HTMLTestDuElement;
     }
 }
 declare namespace LocalJSX {
@@ -842,6 +933,12 @@ declare namespace LocalJSX {
          */
         "onActionClick"?: (event: CustomEvent<ClickOptions>) => void;
     }
+    interface EzApplication {
+        /**
+          * Evento disparado quando a aplicação for carregada.
+         */
+        "onApplicationLoaded"?: (event: CustomEvent<boolean>) => void;
+    }
     interface EzButton {
         /**
           * Deixa o botão disponível ou não para interação com o usuário.
@@ -859,6 +956,10 @@ declare namespace LocalJSX {
           * Define o modo de uso do botão; opções: icon, link e regular
          */
         "mode"?: string;
+        /**
+          * Quando em modo "icon" pode-se escolher entre [small,medium,large] (somente para o modo "icon")
+         */
+        "size"?: string;
     }
     interface EzCalendar {
         /**
@@ -869,6 +970,14 @@ declare namespace LocalJSX {
           * Quando o usuário escolhe uma data, esse evento é emitido.
          */
         "onEzChange"?: (event: CustomEvent<string>) => void;
+        /**
+          * Exibe ou não os segundos no calendario
+         */
+        "showSeconds"?: boolean;
+        /**
+          * Exibe ou não as horas e minutos no calendario
+         */
+        "time"?: boolean;
         /**
           * A data selecionada no calendário
          */
@@ -890,7 +999,7 @@ declare namespace LocalJSX {
         /**
           * Evento disparado ao mudar o estado do check(onEzChange).
          */
-        "onEzChange"?: (event: CustomEvent<string>) => void;
+        "onEzChange"?: (event: CustomEvent<any>) => void;
         /**
           * Como se trata de um componente binário, o valor alterna entre true e false (marcado / desmarcado)
          */
@@ -900,11 +1009,11 @@ declare namespace LocalJSX {
         /**
           * Define o tamanho do texto e do ícone do componente.
          */
-        "headersize"?: string;
+        "headerSize"?: string;
         /**
           * Define o local onde o ícone será renderizado.
          */
-        "iconplacement"?: string;
+        "iconPlacement"?: string;
         /**
           * Título do campo
          */
@@ -979,6 +1088,32 @@ declare namespace LocalJSX {
          */
         "value"?: Date;
     }
+    interface EzDateTimeInput {
+        /**
+          * Deixa o campo disponível ou não para uso.
+         */
+        "enabled"?: boolean;
+        /**
+          * Quando há um problema de validação, serve como orientação ao usuário
+         */
+        "errorMessage"?: string;
+        /**
+          * Título do campo
+         */
+        "label"?: string;
+        /**
+          * Evento disparado ao mudar o estado do componente(onEzChange).
+         */
+        "onEzChange"?: (event: CustomEvent<string>) => void;
+        /**
+          * Exibe ou não os segundos no input
+         */
+        "showSeconds"?: boolean;
+        /**
+          * A data informada pelo usuário
+         */
+        "value"?: Date;
+    }
     interface EzDialog {
         /**
           * Define se o componente será utilizado no modo de confirmação.
@@ -1015,15 +1150,38 @@ declare namespace LocalJSX {
     }
     interface EzForm {
         "enabled"?: boolean;
-        "fieldsearchexecutor"?: string | Function;
-        "ignoresavevalidation"?: boolean;
-        "loadexecutor"?: string | Function;
+        "fieldSearchExecutor"?: string | Function;
+        "ignoreSaveValidation"?: boolean;
+        "loadExecutor"?: string | Function;
         "loading"?: boolean;
         "metadata"?: Array<Form>;
-        "metadataexecutor"?: string | Function;
-        "removeexecutor"?: string | Function;
-        "saveexecutor"?: string | Function;
-        "slavemode"?: boolean;
+        "metadataExecutor"?: string | Function;
+        "removeExecutor"?: string | Function;
+        "saveExecutor"?: string | Function;
+        "slaveMode"?: boolean;
+    }
+    interface EzGrid {
+        "dataUnit"?: DataUnit;
+        /**
+          * Habilita a seleção de várias linhas
+         */
+        "multipleSelection"?: boolean;
+        /**
+          * Evento disparado ao mudar o estado das colunas do grid. Ordenação, largura, etc.
+         */
+        "onEzColumnStateChange"?: (event: CustomEvent<EzGridColumStateEvent>) => void;
+        /**
+          * Evento disparado ao selecionar linhas da grade.
+         */
+        "onEzSelectionChange"?: (event: CustomEvent<Array<any>>) => void;
+        /**
+          * Determina o número de linhas de cada página. Caso informado o valor -1 não haverá paginação.
+         */
+        "pageSize"?: number;
+        /**
+          * Endereço do servidor. Se informado, o próprio datagrid controlará a obtenção dos dados, anulando a necessidade de acionar o método "setData(data)"
+         */
+        "serverUrl"?: string;
     }
     interface EzIcon {
         /**
@@ -1062,18 +1220,30 @@ declare namespace LocalJSX {
         "value"?: boolean;
     }
     interface EzList {
+        /**
+          * Define a lista inicial do componente.
+         */
+        "dataSource"?: any[];
         /**
           * Define se o componente terá o comportamento de arrasto de linhas.
          */
-        "draggable"?: boolean;
+        "ezDraggable"?: boolean;
         /**
-          * Define a lista inicial do componente.
+          * Define se os items da lista serão selecionáveis.
+         */
+        "ezSelectable"?: boolean;
+        /**
+          * Função responsável por renderizar um conteúdo dentro do item da lista.
+         */
+        "itemSlotBuilder"?: (item: any, group?: any) => HTMLElement;
+        /**
+          * Evento disparado ao modificar ordenação nas linhas da grade.
          */
-        "initialList"?: ListItem[];
+        "onEzChange"?: (event: CustomEvent<ListItem[] | ListGroup[]>) => void;
         /**
-          * Define se é possível selecionar mais de um registro.
+          * Define se o componente renderizará os itens separados em grupos..
          */
-        "isMultipleSelection"?: boolean;
+        "useGroups"?: boolean;
     }
     interface EzModal {
         /**
@@ -1102,48 +1272,6 @@ declare namespace LocalJSX {
         "opened"?: boolean;
     }
     interface EzNumberInput {
-        /**
-          * Deixa o campo disponível ou não para digitação.
-         */
-        "enabled"?: boolean;
-        /**
-          * Quando há um problema de validação, serve como orientação ao usuário
-         */
-        "errorMessage"?: string;
-        /**
-          * Opção de configurar a transformação de string to number entre formatação pt-BR e en-US (formatação de ENTRADA e SAÍDA do componente: pt-BR="###.###,##" en-US="###,###.##"; Default: "pt-BR") Qualquer outro valor que não seja "en-US", adotará a formatação "pt-BR" Não é case sensitive
-         */
-        "formatnumber"?: string;
-        /**
-          * Label é o título do campo
-         */
-        "label"?: string;
-        /**
-          * Um evento disparado quando o estado do componente é alterado (onEzChange).
-         */
-        "onEzChange"?: (event: CustomEvent<{ strValue: string, value: number }>) => void;
-        /**
-          * Precisão de arredondamento do número
-         */
-        "precision"?: number;
-        /**
-          * Números de zeros retirados após arredondamento
-         */
-        "prettyprecision"?: number;
-        /**
-          * Valor digitado pelo usuário. Este valor é o que fica visível no campo.
-         */
-        "strvalue"?: string;
-        /**
-          * Deixa o campo disponível ou não para digitação.
-         */
-        "textleft"?: boolean;
-        /**
-          * Valor guardado pelo componente. Este valor é o que ira ser utilizado para alimentar o backend. Esta variável pode ser setada para alimentar o componente.
-         */
-        "value"?: number;
-    }
-    interface EzNumericInput {
         /**
           * Deixa o campo disponível ou não para uso.
          */
@@ -1159,15 +1287,15 @@ declare namespace LocalJSX {
         /**
           * Evento disparado quando o estado do componente é alterado (onEzChange).
          */
-        "onEzChange"?: (event: CustomEvent<string>) => void;
+        "onEzChange"?: (event: CustomEvent<number>) => void;
         /**
           * Precisão decimal, ou seja, quantas casas decimais podem ser exibidas. Caso a quantidade de casas decimais do valor seja maior que precision, haverá arredondamento
          */
-        "precision"?: string | number;
+        "precision"?: number;
         /**
           * Esse atributo determina qual é o número mínimo de casas depois da vírgula. Exemplo: Digamos que a precision seja igual a 4, assim qualquer número será  representado com 4 casas decimais mesmo que iguais a zero: 1,0100. Se prettiprecision igual a 2, como não há necessidade de mais de duas casas decimais o valor exibido será 1,01. Por outro lado, até a quarta casa não haverá arredondamento (1,1234 = 1,1234) mas a partir da quinta casa sim (1,12345 = 1,1235).
          */
-        "prettyprecision"?: string | number;
+        "prettyPrecision"?: number;
         /**
           * O valor informado pelo usuário
          */
@@ -1269,7 +1397,7 @@ declare namespace LocalJSX {
     }
     interface EzTabselector {
         /**
-          * Evento emitido ao clicar para abrir o popup (onChange).
+          * Evento emitido ao clicar para abrir o popup (ezChange).
          */
         "onEzChange"?: (event: CustomEvent<string>) => void;
         /**
@@ -1435,24 +1563,38 @@ declare namespace LocalJSX {
         "metadata"?: Form;
         "name"?: string;
     }
+    interface GridConfig {
+        "columns"?: Array<EzGridColumn>;
+        "onConfigCancel"?: (event: CustomEvent<void>) => void;
+        "onConfigFinish"?: (event: CustomEvent<Array<EzGridColumn>>) => void;
+        "selectedTab"?: string;
+    }
     interface PlaceHolder {
     }
+    interface SelectBox {
+        "onEzChange"?: (event: CustomEvent<string>) => void;
+        "selectedOption"?: string;
+    }
+    interface TestDu {
+    }
     interface IntrinsicElements {
         "ez-action-chip": EzActionChip;
+        "ez-application": EzApplication;
         "ez-button": EzButton;
         "ez-calendar": EzCalendar;
         "ez-check": EzCheck;
         "ez-collapsible-box": EzCollapsibleBox;
         "ez-combo-box": EzComboBox;
         "ez-date-input": EzDateInput;
+        "ez-date-time-input": EzDateTimeInput;
         "ez-dialog": EzDialog;
         "ez-form": EzForm;
+        "ez-grid": EzGrid;
         "ez-icon": EzIcon;
         "ez-label-chip": EzLabelChip;
         "ez-list": EzList;
         "ez-modal": EzModal;
         "ez-number-input": EzNumberInput;
-        "ez-numeric-input": EzNumericInput;
         "ez-popover": EzPopover;
         "ez-popup": EzPopup;
         "ez-search": EzSearch;
@@ -1463,7 +1605,10 @@ declare namespace LocalJSX {
         "ez-toast": EzToast;
         "ez-upload": EzUpload;
         "form-metadata": FormMetadata;
+        "grid-config": GridConfig;
         "place-holder": PlaceHolder;
+        "select-box": SelectBox;
+        "test-du": TestDu;
     }
 }
 export { LocalJSX as JSX };
@@ -1471,20 +1616,22 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "ez-action-chip": LocalJSX.EzActionChip & JSXBase.HTMLAttributes<HTMLEzActionChipElement>;
+            "ez-application": LocalJSX.EzApplication & JSXBase.HTMLAttributes<HTMLEzApplicationElement>;
             "ez-button": LocalJSX.EzButton & JSXBase.HTMLAttributes<HTMLEzButtonElement>;
             "ez-calendar": LocalJSX.EzCalendar & JSXBase.HTMLAttributes<HTMLEzCalendarElement>;
             "ez-check": LocalJSX.EzCheck & JSXBase.HTMLAttributes<HTMLEzCheckElement>;
             "ez-collapsible-box": LocalJSX.EzCollapsibleBox & JSXBase.HTMLAttributes<HTMLEzCollapsibleBoxElement>;
             "ez-combo-box": LocalJSX.EzComboBox & JSXBase.HTMLAttributes<HTMLEzComboBoxElement>;
             "ez-date-input": LocalJSX.EzDateInput & JSXBase.HTMLAttributes<HTMLEzDateInputElement>;
+            "ez-date-time-input": LocalJSX.EzDateTimeInput & JSXBase.HTMLAttributes<HTMLEzDateTimeInputElement>;
             "ez-dialog": LocalJSX.EzDialog & JSXBase.HTMLAttributes<HTMLEzDialogElement>;
             "ez-form": LocalJSX.EzForm & JSXBase.HTMLAttributes<HTMLEzFormElement>;
+            "ez-grid": LocalJSX.EzGrid & JSXBase.HTMLAttributes<HTMLEzGridElement>;
             "ez-icon": LocalJSX.EzIcon & JSXBase.HTMLAttributes<HTMLEzIconElement>;
             "ez-label-chip": LocalJSX.EzLabelChip & JSXBase.HTMLAttributes<HTMLEzLabelChipElement>;
             "ez-list": LocalJSX.EzList & JSXBase.HTMLAttributes<HTMLEzListElement>;
             "ez-modal": LocalJSX.EzModal & JSXBase.HTMLAttributes<HTMLEzModalElement>;
             "ez-number-input": LocalJSX.EzNumberInput & JSXBase.HTMLAttributes<HTMLEzNumberInputElement>;
-            "ez-numeric-input": LocalJSX.EzNumericInput & JSXBase.HTMLAttributes<HTMLEzNumericInputElement>;
             "ez-popover": LocalJSX.EzPopover & JSXBase.HTMLAttributes<HTMLEzPopoverElement>;
             "ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes<HTMLEzPopupElement>;
             "ez-search": LocalJSX.EzSearch & JSXBase.HTMLAttributes<HTMLEzSearchElement>;
@@ -1495,7 +1642,10 @@ declare module "@stencil/core" {
             "ez-toast": LocalJSX.EzToast & JSXBase.HTMLAttributes<HTMLEzToastElement>;
             "ez-upload": LocalJSX.EzUpload & JSXBase.HTMLAttributes<HTMLEzUploadElement>;
             "form-metadata": LocalJSX.FormMetadata & JSXBase.HTMLAttributes<HTMLFormMetadataElement>;
+            "grid-config": LocalJSX.GridConfig & JSXBase.HTMLAttributes<HTMLGridConfigElement>;
             "place-holder": LocalJSX.PlaceHolder & JSXBase.HTMLAttributes<HTMLPlaceHolderElement>;
+            "select-box": LocalJSX.SelectBox & JSXBase.HTMLAttributes<HTMLSelectBoxElement>;
+            "test-du": LocalJSX.TestDu & JSXBase.HTMLAttributes<HTMLTestDuElement>;
         }
     }
 }