@sankhyalabs/ezui 6.4.2 → 6.5.0-dev.1

package/dist/types/components.d.ts

@@ -35,6 +35,7 @@ import { ICustomFormatter, IGridMode, ISelection, ISelectionToastConfig } from "
 import { IMultiSelectionListDataSource } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource";
 import { ICustomRender } from "./utils/customRender/interfaces/ICustomRender";
 import { IGuideItem } from "./components/ez-guide-navigator/interfaces";
+import { RichToolbarCommand } from "./components/ez-rich-text/ez-rich-toolbar/RichToolbarHelper";
 import { ListGroup, ListItem as ListItem1, SlotBuilder as SlotBuilder1, TListMode } from "./components/ez-list/ez-list";
 import { THeightMode } from "./components/ez-modal/ez-modal";
 import { IMultiSelectionOption } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionOption";
@@ -144,6 +145,10 @@ export namespace Components {
     interface EzApplication {
     }
     interface EzAvatar {
+        /**
+          * Nome do ícone que deve ser exibido no avatar.
+         */
+        "iconName"?: string;
         /**
           * URL da imagem do Avatar.
          */
@@ -212,6 +217,7 @@ export namespace Components {
     interface EzButton {
         /**
           * Se false o usuário não pode interagir com o botão.
+          * @deprecated Use `isDisabled` prop instead.
          */
         "enabled": boolean;
         /**
@@ -222,14 +228,26 @@ export namespace Components {
           * Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones.
          */
         "image": string;
+        /**
+          * Se verdadeiro o clique no botão fica desabilitado mas a navegação continua funcional. Se full, o usuário não pode interagir com o botão.
+         */
+        "isDisabled": boolean | "full" | "";
         /**
           * Texto a ser apresentado como título do botão.
          */
         "label": string;
+        /**
+          * Define o ícone esquerdo do ez-button. Tem prioridade sobre o slot `leftIcon`.
+         */
+        "leftIconName"?: string;
         /**
           * Define o modo de uso do botão.
          */
         "mode": "regular" | "icon" | "link" | "label-icon";
+        /**
+          * Define o ícone direto do ez-button. Tem prioridade sobre o slot `rightIcon`.
+         */
+        "rightIconName"?: string;
         /**
           * Remove o foco do botão.
          */
@@ -241,7 +259,19 @@ export namespace Components {
         /**
           * Define o tamanho do ez-button.
          */
-        "size": "x-small" | "small" | "medium" | "large" | undefined;
+        "size": "x-small" | "small" | "medium" | "large";
+        /**
+          * Se verdadeiro, desabilita a animação de ripple.
+         */
+        "suppressAnimation"?: boolean;
+        /**
+          * Define o tipo do botão. Pode ser `button`, `submit` ou `reset`.
+         */
+        "type"?: string;
+        /**
+          * Define a variante do ez-button.
+         */
+        "variant"?: "primary" | "secondary" | "tertiary";
     }
     interface EzCalendar {
         /**
@@ -376,10 +406,22 @@ export namespace Components {
           * Se false o usuário não pode interagir com o ez-chip.
          */
         "enabled": boolean;
+        /**
+          * Define o icone esquerdo.
+         */
+        "iconNameLeft": string;
+        /**
+          * Define o icone direito.
+         */
+        "iconNameRight": string;
         /**
           * Texto a ser apresentado como título do ez-chip.
          */
         "label": string;
+        /**
+          * Define o tamanho máximo do chip.
+         */
+        "maxWidth": string;
         /**
           * Define o modo de uso do ez-chip.
          */
@@ -400,6 +442,14 @@ export namespace Components {
           * Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento.
          */
         "showNativeTooltip": boolean;
+        /**
+          * Define o tamanho do chip.
+         */
+        "size": 'default' | 'medium' | 'large';
+        /**
+          * Define o tipo de estilização do chip.
+         */
+        "type": 'primary' | 'secondary';
         /**
           * Define o valor do ez-chip.
          */
@@ -764,6 +814,10 @@ 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, impede que o campo de texto receba foco automaticamente ao abrir as opções.
+         */
+        "preventAutoFocus": boolean;
         /**
           * Remove o foco do campo.
          */
@@ -1363,7 +1417,6 @@ export namespace Components {
           * Define um validador responsável pela integridade dos registros.
          */
         "recordsValidator": IRecordValidator;
-        "refreshColumnFilterDataSource": () => Promise<void>;
         /**
           * Atualiza linhas da grade.
          */
@@ -1495,6 +1548,10 @@ export namespace Components {
          */
         "size": "x-small" | "small"| "medium" | "large" | "x-large";
     }
+    interface EzLinkBuilder {
+        "hide": () => Promise<void>;
+        "show": (text?: string) => Promise<void>;
+    }
     interface EzList {
         /**
           * Limpa o histórico da lista.
@@ -1557,6 +1614,20 @@ export namespace Components {
          */
         "useGroups": boolean;
     }
+    interface EzListItem {
+        /**
+          * Nome do ícone que deve ser exibido no item.
+         */
+        "iconName"?: string;
+        /**
+          * Texto do item da lista.
+         */
+        "text"?: string;
+        /**
+          * Título do item da lista.
+         */
+        "titleText"?: string;
+    }
     interface EzLoadingBar {
         /**
           * Oculta o ez-loading-bar.
@@ -1933,6 +2004,98 @@ export namespace Components {
          */
         "value": any;
     }
+    interface EzRichText {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError": boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled": boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage": string;
+        /**
+          * Retorna se o conteúdo é inválido.
+         */
+        "isInvalid": () => Promise<boolean>;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label": string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode": "slim" | "regular";
+        /**
+          * Define o número de linhas.
+         */
+        "rows": number;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas
+         */
+        "showConfigs": boolean;
+        /**
+          * Informa se as opções a opção de pré-visualização deve ser apresentada.
+         */
+        "showPreview": boolean;
+        /**
+          * Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas
+         */
+        "showTextFormat": boolean;
+        /**
+          * Informa se as opções de desfazer e refazer devem ser habilitadas.
+         */
+        "showUndoRedo": boolean;
+        /**
+          * Define o valor HTML do campo.
+         */
+        "value": string;
+    }
+    interface EzRichToolbar {
+        /**
+          * Informa se o editor está em modo preview.
+         */
+        "isPreviewMode": boolean;
+        /**
+          * Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas.
+         */
+        "showConfigs": boolean;
+        /**
+          * Informa se as opções a opção de pré-visualização deve ser apresentada.
+         */
+        "showPreview": boolean;
+        /**
+          * Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas.
+         */
+        "showTextFormat": boolean;
+        /**
+          * Informa se as opções de desfazer e refazer devem ser apresentadas.
+         */
+        "showUndoRedo": boolean;
+    }
+    interface EzRichToolbarArrows {
+    }
+    interface EzRichToolbarConfigs {
+    }
+    interface EzRichToolbarItem {
+        "command": string;
+        "icon": string;
+        "title": string;
+        "value"?: string;
+    }
+    interface EzRichToolbarLetters {
+    }
     interface EzScroller {
         /**
           * Define se haverá efeito de sombreado.
@@ -2226,6 +2389,20 @@ export namespace Components {
          */
         "type": TypeMenuEnum;
     }
+    interface EzSimpleImageUploader {
+        /**
+          * Método responsável pelo fechamento do popup.
+         */
+        "hide": () => Promise<void>;
+        /**
+          * Tamanho máximo que a imagem poderá ter em kilobytes.
+         */
+        "maxSize": number;
+        /**
+          * Método responsável pela abertura do popup.
+         */
+        "show": () => Promise<void>;
+    }
     interface EzSkeleton {
         /**
           * Animation type
@@ -2348,6 +2525,12 @@ export namespace Components {
          */
         "title": string;
     }
+    interface EzSpinner {
+        /**
+          * Define o tamanho do spinner
+         */
+        "size"?: 'small' | 'medium' | 'large';
+    }
     interface EzSplitButton {
         /**
           * Se false o usuário não pode interagir com o botão.
@@ -2520,7 +2703,7 @@ export namespace Components {
         /**
           * Define o tamanho do campo.
          */
-        "mode": "slim" | "regular";
+        "mode": 'slim' | 'regular';
         /**
           * Define o número de linhas.
          */
@@ -2871,6 +3054,10 @@ export namespace Components {
           * Efetua a seleção de um item.
          */
         "applyFilter": (pattern: string) => Promise<void>;
+        /**
+          * Recolhe todos os itens da árvore.
+         */
+        "collapseAll": () => Promise<void>;
         /**
           * Desabilita um ou mais itens.
          */
@@ -2883,6 +3070,10 @@ export namespace Components {
           * Habilita um ou mais itens.
          */
         "enableItem": (id: string | Array<string>) => Promise<void>;
+        /**
+          * Expande todos os itens da árvore.
+         */
+        "expandAll": () => Promise<void>;
         /**
           * Obtem um array do caminho de itens da seleção atual.
           * @returns Retorna um array do caminho de itens da seleção atual.
@@ -3134,6 +3325,10 @@ export interface EzGuideNavigatorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzGuideNavigatorElement;
 }
+export interface EzLinkBuilderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzLinkBuilderElement;
+}
 export interface EzListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzListElement;
@@ -3174,6 +3369,18 @@ export interface EzRadioButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzRadioButtonElement;
 }
+export interface EzRichTextCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzRichTextElement;
+}
+export interface EzRichToolbarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzRichToolbarElement;
+}
+export interface EzRichToolbarItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzRichToolbarItemElement;
+}
 export interface EzSearchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzSearchElement;
@@ -3194,6 +3401,10 @@ export interface EzSidebarNavigatorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzSidebarNavigatorElement;
 }
+export interface EzSimpleImageUploaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzSimpleImageUploaderElement;
+}
 export interface EzSortableListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzSortableListElement;
@@ -3445,12 +3656,24 @@ declare global {
         prototype: HTMLEzIconElement;
         new (): HTMLEzIconElement;
     };
+    interface HTMLEzLinkBuilderElement extends Components.EzLinkBuilder, HTMLStencilElement {
+    }
+    var HTMLEzLinkBuilderElement: {
+        prototype: HTMLEzLinkBuilderElement;
+        new (): HTMLEzLinkBuilderElement;
+    };
     interface HTMLEzListElement extends Components.EzList, HTMLStencilElement {
     }
     var HTMLEzListElement: {
         prototype: HTMLEzListElement;
         new (): HTMLEzListElement;
     };
+    interface HTMLEzListItemElement extends Components.EzListItem, HTMLStencilElement {
+    }
+    var HTMLEzListItemElement: {
+        prototype: HTMLEzListItemElement;
+        new (): HTMLEzListItemElement;
+    };
     interface HTMLEzLoadingBarElement extends Components.EzLoadingBar, HTMLStencilElement {
     }
     var HTMLEzLoadingBarElement: {
@@ -3517,6 +3740,42 @@ declare global {
         prototype: HTMLEzRadioButtonElement;
         new (): HTMLEzRadioButtonElement;
     };
+    interface HTMLEzRichTextElement extends Components.EzRichText, HTMLStencilElement {
+    }
+    var HTMLEzRichTextElement: {
+        prototype: HTMLEzRichTextElement;
+        new (): HTMLEzRichTextElement;
+    };
+    interface HTMLEzRichToolbarElement extends Components.EzRichToolbar, HTMLStencilElement {
+    }
+    var HTMLEzRichToolbarElement: {
+        prototype: HTMLEzRichToolbarElement;
+        new (): HTMLEzRichToolbarElement;
+    };
+    interface HTMLEzRichToolbarArrowsElement extends Components.EzRichToolbarArrows, HTMLStencilElement {
+    }
+    var HTMLEzRichToolbarArrowsElement: {
+        prototype: HTMLEzRichToolbarArrowsElement;
+        new (): HTMLEzRichToolbarArrowsElement;
+    };
+    interface HTMLEzRichToolbarConfigsElement extends Components.EzRichToolbarConfigs, HTMLStencilElement {
+    }
+    var HTMLEzRichToolbarConfigsElement: {
+        prototype: HTMLEzRichToolbarConfigsElement;
+        new (): HTMLEzRichToolbarConfigsElement;
+    };
+    interface HTMLEzRichToolbarItemElement extends Components.EzRichToolbarItem, HTMLStencilElement {
+    }
+    var HTMLEzRichToolbarItemElement: {
+        prototype: HTMLEzRichToolbarItemElement;
+        new (): HTMLEzRichToolbarItemElement;
+    };
+    interface HTMLEzRichToolbarLettersElement extends Components.EzRichToolbarLetters, HTMLStencilElement {
+    }
+    var HTMLEzRichToolbarLettersElement: {
+        prototype: HTMLEzRichToolbarLettersElement;
+        new (): HTMLEzRichToolbarLettersElement;
+    };
     interface HTMLEzScrollerElement extends Components.EzScroller, HTMLStencilElement {
     }
     var HTMLEzScrollerElement: {
@@ -3553,6 +3812,12 @@ declare global {
         prototype: HTMLEzSidebarNavigatorElement;
         new (): HTMLEzSidebarNavigatorElement;
     };
+    interface HTMLEzSimpleImageUploaderElement extends Components.EzSimpleImageUploader, HTMLStencilElement {
+    }
+    var HTMLEzSimpleImageUploaderElement: {
+        prototype: HTMLEzSimpleImageUploaderElement;
+        new (): HTMLEzSimpleImageUploaderElement;
+    };
     interface HTMLEzSkeletonElement extends Components.EzSkeleton, HTMLStencilElement {
     }
     var HTMLEzSkeletonElement: {
@@ -3565,6 +3830,12 @@ declare global {
         prototype: HTMLEzSortableListElement;
         new (): HTMLEzSortableListElement;
     };
+    interface HTMLEzSpinnerElement extends Components.EzSpinner, HTMLStencilElement {
+    }
+    var HTMLEzSpinnerElement: {
+        prototype: HTMLEzSpinnerElement;
+        new (): HTMLEzSpinnerElement;
+    };
     interface HTMLEzSplitButtonElement extends Components.EzSplitButton, HTMLStencilElement {
     }
     var HTMLEzSplitButtonElement: {
@@ -3719,7 +3990,9 @@ declare global {
         "ez-grid": HTMLEzGridElement;
         "ez-guide-navigator": HTMLEzGuideNavigatorElement;
         "ez-icon": HTMLEzIconElement;
+        "ez-link-builder": HTMLEzLinkBuilderElement;
         "ez-list": HTMLEzListElement;
+        "ez-list-item": HTMLEzListItemElement;
         "ez-loading-bar": HTMLEzLoadingBarElement;
         "ez-modal": HTMLEzModalElement;
         "ez-modal-container": HTMLEzModalContainerElement;
@@ -3731,14 +4004,22 @@ declare global {
         "ez-popup": HTMLEzPopupElement;
         "ez-progress-bar": HTMLEzProgressBarElement;
         "ez-radio-button": HTMLEzRadioButtonElement;
+        "ez-rich-text": HTMLEzRichTextElement;
+        "ez-rich-toolbar": HTMLEzRichToolbarElement;
+        "ez-rich-toolbar-arrows": HTMLEzRichToolbarArrowsElement;
+        "ez-rich-toolbar-configs": HTMLEzRichToolbarConfigsElement;
+        "ez-rich-toolbar-item": HTMLEzRichToolbarItemElement;
+        "ez-rich-toolbar-letters": HTMLEzRichToolbarLettersElement;
         "ez-scroller": HTMLEzScrollerElement;
         "ez-search": HTMLEzSearchElement;
         "ez-search-plus": HTMLEzSearchPlusElement;
         "ez-search-result-list": HTMLEzSearchResultListElement;
         "ez-sidebar-button": HTMLEzSidebarButtonElement;
         "ez-sidebar-navigator": HTMLEzSidebarNavigatorElement;
+        "ez-simple-image-uploader": HTMLEzSimpleImageUploaderElement;
         "ez-skeleton": HTMLEzSkeletonElement;
         "ez-sortable-list": HTMLEzSortableListElement;
+        "ez-spinner": HTMLEzSpinnerElement;
         "ez-split-button": HTMLEzSplitButtonElement;
         "ez-split-item": HTMLEzSplitItemElement;
         "ez-split-panel": HTMLEzSplitPanelElement;
@@ -3851,6 +4132,10 @@ declare namespace LocalJSX {
         "onApplicationLoaded"?: (event: EzApplicationCustomEvent<boolean>) => void;
     }
     interface EzAvatar {
+        /**
+          * Nome do ícone que deve ser exibido no avatar.
+         */
+        "iconName"?: string;
         /**
           * URL da imagem do Avatar.
          */
@@ -3923,6 +4208,7 @@ declare namespace LocalJSX {
     interface EzButton {
         /**
           * Se false o usuário não pode interagir com o botão.
+          * @deprecated Use `isDisabled` prop instead.
          */
         "enabled"?: boolean;
         /**
@@ -3933,18 +4219,42 @@ declare namespace LocalJSX {
           * Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones.
          */
         "image"?: string;
+        /**
+          * Se verdadeiro o clique no botão fica desabilitado mas a navegação continua funcional. Se full, o usuário não pode interagir com o botão.
+         */
+        "isDisabled"?: boolean | "full" | "";
         /**
           * Texto a ser apresentado como título do botão.
          */
         "label"?: string;
+        /**
+          * Define o ícone esquerdo do ez-button. Tem prioridade sobre o slot `leftIcon`.
+         */
+        "leftIconName"?: string;
         /**
           * Define o modo de uso do botão.
          */
         "mode"?: "regular" | "icon" | "link" | "label-icon";
+        /**
+          * Define o ícone direto do ez-button. Tem prioridade sobre o slot `rightIcon`.
+         */
+        "rightIconName"?: string;
         /**
           * Define o tamanho do ez-button.
          */
-        "size"?: "x-small" | "small" | "medium" | "large" | undefined;
+        "size"?: "x-small" | "small" | "medium" | "large";
+        /**
+          * Se verdadeiro, desabilita a animação de ripple.
+         */
+        "suppressAnimation"?: boolean;
+        /**
+          * Define o tipo do botão. Pode ser `button`, `submit` ou `reset`.
+         */
+        "type"?: string;
+        /**
+          * Define a variante do ez-button.
+         */
+        "variant"?: "primary" | "secondary" | "tertiary";
     }
     interface EzCalendar {
         /**
@@ -4071,10 +4381,22 @@ declare namespace LocalJSX {
           * Se false o usuário não pode interagir com o ez-chip.
          */
         "enabled"?: boolean;
+        /**
+          * Define o icone esquerdo.
+         */
+        "iconNameLeft"?: string;
+        /**
+          * Define o icone direito.
+         */
+        "iconNameRight"?: string;
         /**
           * Texto a ser apresentado como título do ez-chip.
          */
         "label"?: string;
+        /**
+          * Define o tamanho máximo do chip.
+         */
+        "maxWidth"?: string;
         /**
           * Define o modo de uso do ez-chip.
          */
@@ -4083,6 +4405,10 @@ declare namespace LocalJSX {
           * Emitido no modo "action" quando o usuário clica no ez-chip.
          */
         "onActionClick"?: (event: EzChipCustomEvent<void>) => void;
+        /**
+          * Emitido quando o icone é acionado.
+         */
+        "onIconClick"?: (event: EzChipCustomEvent<{ icon: "left" | "right" }>) => void;
         /**
           * Emitido quando o botão de remoção é acionado.
          */
@@ -4099,6 +4425,14 @@ declare namespace LocalJSX {
           * Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento.
          */
         "showNativeTooltip"?: boolean;
+        /**
+          * Define o tamanho do chip.
+         */
+        "size"?: 'default' | 'medium' | 'large';
+        /**
+          * Define o tipo de estilização do chip.
+         */
+        "type"?: 'primary' | 'secondary';
         /**
           * Define o valor do ez-chip.
          */
@@ -4477,6 +4811,10 @@ 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, impede que o campo de texto receba foco automaticamente ao abrir as opções.
+         */
+        "preventAutoFocus"?: boolean;
         /**
           * Se true cada opção na lista exibe o `value` junto com `label`.
          */
@@ -5120,6 +5458,9 @@ declare namespace LocalJSX {
          */
         "size"?: "x-small" | "small"| "medium" | "large" | "x-large";
     }
+    interface EzLinkBuilder {
+        "onExecuteToolbarCommand"?: (event: EzLinkBuilderCustomEvent<RichToolbarCommand>) => void;
+    }
     interface EzList {
         /**
           * Define a lista inicial do componente.
@@ -5178,6 +5519,20 @@ declare namespace LocalJSX {
          */
         "useGroups"?: boolean;
     }
+    interface EzListItem {
+        /**
+          * Nome do ícone que deve ser exibido no item.
+         */
+        "iconName"?: string;
+        /**
+          * Texto do item da lista.
+         */
+        "text"?: string;
+        /**
+          * Título do item da lista.
+         */
+        "titleText"?: string;
+    }
     interface EzLoadingBar {
     }
     interface EzModal {
@@ -5524,6 +5879,92 @@ declare namespace LocalJSX {
          */
         "value"?: any;
     }
+    interface EzRichText {
+        /**
+          * Se false deixa de exibir a mensagem de erro dentro do campo.
+         */
+        "canShowError"?: boolean;
+        /**
+          * Se false o usuário não pode interagir com o campo.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+         */
+        "errorMessage"?: string;
+        /**
+          * Texto a ser apresentado como título do campo.
+         */
+        "label"?: string;
+        /**
+          * Define o tamanho do campo.
+         */
+        "mode"?: "slim" | "regular";
+        /**
+          * Emitido quando acontece a alteração de valor do campo.
+         */
+        "onEzChange"?: (event: EzRichTextCustomEvent<string>) => void;
+        /**
+          * Define o número de linhas.
+         */
+        "rows"?: number;
+        /**
+          * Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas
+         */
+        "showConfigs"?: boolean;
+        /**
+          * Informa se as opções a opção de pré-visualização deve ser apresentada.
+         */
+        "showPreview"?: boolean;
+        /**
+          * Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas
+         */
+        "showTextFormat"?: boolean;
+        /**
+          * Informa se as opções de desfazer e refazer devem ser habilitadas.
+         */
+        "showUndoRedo"?: boolean;
+        /**
+          * Define o valor HTML do campo.
+         */
+        "value"?: string;
+    }
+    interface EzRichToolbar {
+        /**
+          * Informa se o editor está em modo preview.
+         */
+        "isPreviewMode"?: boolean;
+        "onExecuteToolbarCommand"?: (event: EzRichToolbarCustomEvent<RichToolbarCommand>) => void;
+        /**
+          * Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas.
+         */
+        "showConfigs"?: boolean;
+        /**
+          * Informa se as opções a opção de pré-visualização deve ser apresentada.
+         */
+        "showPreview"?: boolean;
+        /**
+          * Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas.
+         */
+        "showTextFormat"?: boolean;
+        /**
+          * Informa se as opções de desfazer e refazer devem ser apresentadas.
+         */
+        "showUndoRedo"?: boolean;
+    }
+    interface EzRichToolbarArrows {
+    }
+    interface EzRichToolbarConfigs {
+    }
+    interface EzRichToolbarItem {
+        "command"?: string;
+        "icon"?: string;
+        "onActionTriggered"?: (event: EzRichToolbarItemCustomEvent<RichToolbarCommand>) => void;
+        "title"?: string;
+        "value"?: string;
+    }
+    interface EzRichToolbarLetters {
+    }
     interface EzScroller {
         /**
           * Define se haverá efeito de sombreado.
@@ -5781,6 +6222,13 @@ declare namespace LocalJSX {
          */
         "type"?: TypeMenuEnum;
     }
+    interface EzSimpleImageUploader {
+        /**
+          * Tamanho máximo que a imagem poderá ter em kilobytes.
+         */
+        "maxSize"?: number;
+        "onExecuteToolbarCommand"?: (event: EzSimpleImageUploaderCustomEvent<RichToolbarCommand>) => void;
+    }
     interface EzSkeleton {
         /**
           * Animation type
@@ -5915,6 +6363,12 @@ declare namespace LocalJSX {
          */
         "title"?: string;
     }
+    interface EzSpinner {
+        /**
+          * Define o tamanho do spinner
+         */
+        "size"?: 'small' | 'medium' | 'large';
+    }
     interface EzSplitButton {
         /**
           * Se false o usuário não pode interagir com o botão.
@@ -6073,7 +6527,7 @@ declare namespace LocalJSX {
         /**
           * Define o tamanho do campo.
          */
-        "mode"?: "slim" | "regular";
+        "mode"?: 'slim' | 'regular';
         /**
           * Emitido quando acontece a alteração de valor do campo.
          */
@@ -6558,7 +7012,9 @@ declare namespace LocalJSX {
         "ez-grid": EzGrid;
         "ez-guide-navigator": EzGuideNavigator;
         "ez-icon": EzIcon;
+        "ez-link-builder": EzLinkBuilder;
         "ez-list": EzList;
+        "ez-list-item": EzListItem;
         "ez-loading-bar": EzLoadingBar;
         "ez-modal": EzModal;
         "ez-modal-container": EzModalContainer;
@@ -6570,14 +7026,22 @@ declare namespace LocalJSX {
         "ez-popup": EzPopup;
         "ez-progress-bar": EzProgressBar;
         "ez-radio-button": EzRadioButton;
+        "ez-rich-text": EzRichText;
+        "ez-rich-toolbar": EzRichToolbar;
+        "ez-rich-toolbar-arrows": EzRichToolbarArrows;
+        "ez-rich-toolbar-configs": EzRichToolbarConfigs;
+        "ez-rich-toolbar-item": EzRichToolbarItem;
+        "ez-rich-toolbar-letters": EzRichToolbarLetters;
         "ez-scroller": EzScroller;
         "ez-search": EzSearch;
         "ez-search-plus": EzSearchPlus;
         "ez-search-result-list": EzSearchResultList;
         "ez-sidebar-button": EzSidebarButton;
         "ez-sidebar-navigator": EzSidebarNavigator;
+        "ez-simple-image-uploader": EzSimpleImageUploader;
         "ez-skeleton": EzSkeleton;
         "ez-sortable-list": EzSortableList;
+        "ez-spinner": EzSpinner;
         "ez-split-button": EzSplitButton;
         "ez-split-item": EzSplitItem;
         "ez-split-panel": EzSplitPanel;
@@ -6637,7 +7101,9 @@ declare module "@stencil/core" {
             "ez-grid": LocalJSX.EzGrid & JSXBase.HTMLAttributes<HTMLEzGridElement>;
             "ez-guide-navigator": LocalJSX.EzGuideNavigator & JSXBase.HTMLAttributes<HTMLEzGuideNavigatorElement>;
             "ez-icon": LocalJSX.EzIcon & JSXBase.HTMLAttributes<HTMLEzIconElement>;
+            "ez-link-builder": LocalJSX.EzLinkBuilder & JSXBase.HTMLAttributes<HTMLEzLinkBuilderElement>;
             "ez-list": LocalJSX.EzList & JSXBase.HTMLAttributes<HTMLEzListElement>;
+            "ez-list-item": LocalJSX.EzListItem & JSXBase.HTMLAttributes<HTMLEzListItemElement>;
             "ez-loading-bar": LocalJSX.EzLoadingBar & JSXBase.HTMLAttributes<HTMLEzLoadingBarElement>;
             "ez-modal": LocalJSX.EzModal & JSXBase.HTMLAttributes<HTMLEzModalElement>;
             "ez-modal-container": LocalJSX.EzModalContainer & JSXBase.HTMLAttributes<HTMLEzModalContainerElement>;
@@ -6649,14 +7115,22 @@ declare module "@stencil/core" {
             "ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes<HTMLEzPopupElement>;
             "ez-progress-bar": LocalJSX.EzProgressBar & JSXBase.HTMLAttributes<HTMLEzProgressBarElement>;
             "ez-radio-button": LocalJSX.EzRadioButton & JSXBase.HTMLAttributes<HTMLEzRadioButtonElement>;
+            "ez-rich-text": LocalJSX.EzRichText & JSXBase.HTMLAttributes<HTMLEzRichTextElement>;
+            "ez-rich-toolbar": LocalJSX.EzRichToolbar & JSXBase.HTMLAttributes<HTMLEzRichToolbarElement>;
+            "ez-rich-toolbar-arrows": LocalJSX.EzRichToolbarArrows & JSXBase.HTMLAttributes<HTMLEzRichToolbarArrowsElement>;
+            "ez-rich-toolbar-configs": LocalJSX.EzRichToolbarConfigs & JSXBase.HTMLAttributes<HTMLEzRichToolbarConfigsElement>;
+            "ez-rich-toolbar-item": LocalJSX.EzRichToolbarItem & JSXBase.HTMLAttributes<HTMLEzRichToolbarItemElement>;
+            "ez-rich-toolbar-letters": LocalJSX.EzRichToolbarLetters & JSXBase.HTMLAttributes<HTMLEzRichToolbarLettersElement>;
             "ez-scroller": LocalJSX.EzScroller & JSXBase.HTMLAttributes<HTMLEzScrollerElement>;
             "ez-search": LocalJSX.EzSearch & JSXBase.HTMLAttributes<HTMLEzSearchElement>;
             "ez-search-plus": LocalJSX.EzSearchPlus & JSXBase.HTMLAttributes<HTMLEzSearchPlusElement>;
             "ez-search-result-list": LocalJSX.EzSearchResultList & JSXBase.HTMLAttributes<HTMLEzSearchResultListElement>;
             "ez-sidebar-button": LocalJSX.EzSidebarButton & JSXBase.HTMLAttributes<HTMLEzSidebarButtonElement>;
             "ez-sidebar-navigator": LocalJSX.EzSidebarNavigator & JSXBase.HTMLAttributes<HTMLEzSidebarNavigatorElement>;
+            "ez-simple-image-uploader": LocalJSX.EzSimpleImageUploader & JSXBase.HTMLAttributes<HTMLEzSimpleImageUploaderElement>;
             "ez-skeleton": LocalJSX.EzSkeleton & JSXBase.HTMLAttributes<HTMLEzSkeletonElement>;
             "ez-sortable-list": LocalJSX.EzSortableList & JSXBase.HTMLAttributes<HTMLEzSortableListElement>;
+            "ez-spinner": LocalJSX.EzSpinner & JSXBase.HTMLAttributes<HTMLEzSpinnerElement>;
             "ez-split-button": LocalJSX.EzSplitButton & JSXBase.HTMLAttributes<HTMLEzSplitButtonElement>;
             "ez-split-item": LocalJSX.EzSplitItem & JSXBase.HTMLAttributes<HTMLEzSplitItemElement>;
             "ez-split-panel": LocalJSX.EzSplitPanel & JSXBase.HTMLAttributes<HTMLEzSplitPanelElement>;