/* eslint-disable */ /* tslint:disable */ /** * This is an autogenerated file created by the Stencil compiler. * It contains typing information for all components that exist in this project. */ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime"; import { IAction, ICustomRender as ICustomRender1 } from "./utils"; import { AlertItem } from "./components/ez-alert-list/ez-alert-list"; import { SlotBuilder } from "./components/ez-list/ez-list"; import { IPosition } from "./components/ez-badge/interfaces/IPosition"; import { IBreadcrumbItem } from "./components/ez-breadcrumb/ez-breadcrumb"; import { CardItem } from "./components/ez-card-item/ez-card-item"; import { ChartAxis, ChartType } from "./components/ez-chart/interfaces"; import { ChartSerie, SerieClickEvent } from "./components/ez-chart/interfaces/ChartSerie"; import { CheckMode } from "./components/ez-check/CheckMode"; import { EzChipType } from "./components/ez-chip/ez-chip"; import { IOption } from "./components/ez-classic-combo-box/interfaces/IOption"; import { OptionsSetFocus } from "./components/ez-classic-input/interfaces/optionsSetFocus"; import { OptionsSetFocus as OptionsSetFocus1 } from "./components/ez-classic-text-area/interfaces/optionsSetFocus"; import { IEzCheckBoxListPosition, IOption as IOption1, ISearchArgument } from "./components/ez-combo-box/ez-combo-box"; import { TFocusOptions } from "./components/ez-text-input/ez-text-input"; import { IEzCheckBoxListPosition as IEzCheckBoxListPosition1, IOption as IOption2 } from "./components/ez-combo-box/ez-combo-box"; import { ICustomEditor } from "./utils/customEditor/interfaces/ICustomEditor"; import { IFormViewField } from "./components/ez-form-view/interfaces"; import { DataUnit, Filter, Record, RECORD_DATE_FORMAT, UnitMetadata, WaitingChange } from "@sankhyalabs/core"; import { DialogType } from "./components/ez-dialog/DialogType"; import { ListItem } from "./components/ez-sortable-list/ez-sortable-list"; import { DoubleListSlots, EmptyMessage } from "./components/ez-double-list/ez-double-list"; import { IDropdownItem, IDropdownSubAction } from "./components/ez-dropdown/structure/DropdownItem"; import { IFieldConfig, IFormConfig, IRecordValidator } from "./utils/form/interfaces"; import { FormItems } from "./components/ez-form-view/structure"; import { IFormViewField as IFormViewField1 } from "./components/ez-form-view/interfaces/IFormViewField"; import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver, StatusResolverFunction } from "./components/ez-grid/controller/EzGridController"; import { ICustomFormatter, IGridMode, ISelection, ISelectionToastConfig } from "./components/ez-grid/interfaces"; import { IMultiSelectionListDataSource } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource"; import { ICustomRender } from "./utils/customRender/interfaces/ICustomRender"; import { ColumnConfig } from "./components/ez-grid-view/ez-grid-view"; 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"; import { IEzPopoverAnchorOptions } from "./components/ez-popover/ez-popover"; import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions1 } from "./components/ez-popover-plus/subcomponent/ez-popover-core"; import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions2 } from "./components/ez-popover-plus/ez-popover-plus"; import { EzButtonProps } from "./components/ez-popup/interfaces/EzButtonProps"; import { Radio } from "./components/ez-radio-button/ez-radio-button"; import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection"; import { IOption as IOption3, ISearchArgument as ISearchArgument1 } from "./components/ez-search/ez-search"; import { IOption as IOption4, OptionLoaderFunction } from "./components/ez-search-plus/ez-search-plus"; import { IOption as IOption5 } from "./components/ez-search-plus/ez-search-plus"; import { ModeMenuEnum, SizeMenuEnum, TypeMenuEnum } from "./components/ez-sidebar-navigator/interfaces"; import { SkeletonAnimation, SkeletonVariant } from "./components/ez-skeleton/ez-skeleton.constants"; import { ListItem as ListItem2 } from "./components/ez-sortable-list/ez-sortable-list"; import { Tab } from "./components/ez-tabselector/ez-tabselector"; import { OptionsSetFocus as OptionsSetFocus2 } from "./components/ez-tag-input/interfaces/optionsSetFocus"; import { IStyled } from "./components/ez-text-edit/ez-text-edit"; import { TFocusOptions as TFocusOptions1 } from "./components/ez-text-input/ez-text-input"; import { Placement } from "@floating-ui/dom"; import { ITreeItem } from "./components/ez-tree/interfaces/ITreeItem"; import { UpdateItemConfig } from "./components/ez-tree/types/UpdateItemConfig"; import { Node } from "./components/ez-tree/types/Node"; import { EzFile } from "./components/ez-upload/ez-upload"; import { IAppliedFilterColumnOptions, IFilterColumnConfigs } from "./components/ez-grid/subcomponents/filter-column"; import { IOption as IOption6 } from "./components/ez-search/ez-search"; export namespace Components { interface EzActionsButton { /** * Define a lista de ações. Os elementos devem obedecer o formato: `{value: string, label: string}`. */ "actions": Array; /** * Se true a seta de ordenação será apresentada. */ "arrowActive": boolean; /** * Se true o check será apresentado para os itens. */ "checkOption": boolean; /** * Define o ícone do componente. */ "displayIcon": string; /** * Se false o usuário não pode interagir com o componente. */ "enabled": boolean; /** * Oculta a lista de ações. */ "hideActions": () => Promise; /** * Verifica se a lista de ações está aberta. */ "isOpened": () => Promise; /** * Se true o background será transparent. */ "isTransparent": boolean; /** * Apresenta a lista de ações. */ "showActions": () => Promise; /** * Se true o label será apresentado. */ "showLabel": boolean; /** * Determina o tamanho do ez-action-button. */ "size": "small" | "medium" | "large"; /** * Define o valor do componente. */ "value": string; } interface EzAlert { /** * Define a cor e o ícone a serem exibidos no componente. */ "alertType": 'warn' | 'critical' | 'success'; } interface EzAlertList { /** * Lista de alertas que devem ser apresentados no componente. */ "alerts": AlertItem[]; /** * Define se o componente pode ser arrastado na tela. */ "enableDragAndDrop": boolean; /** * Define se o componente pode ser expandido. */ "enableExpand": boolean; /** * Define se o componente está expandido. */ "expanded": boolean; /** * Define builder para elementos a direita do componente */ "itemRightSlotBuilder": SlotBuilder; /** * Define se o componente está aberto. */ "opened": boolean; } interface EzApplication { } interface EzAvatar { /** * Nome do ícone que deve ser exibido no avatar. */ "iconName"?: string; /** * URL da imagem do Avatar. */ "imageSrc"?: string; /** * Se true, o Avatar será interativo. Caso contrário, será estático. */ "isInteractive": boolean; /** * Nome do usuário para exibição da inicial. */ "name"?: string; /** * Define o formato do Avatar: 'circle' ou 'square'. */ "shape": 'circle' | 'square'; /** * Tamanho do Avatar (valores permitidos): '320x320', '300x300', '280x280', '260x260', '240x240', '220x220', '200x200', '180x180', '160x160', '140x140', '120x120', '100x100', '80x80', '60x60'. */ "size": '320' | '300' | '280' | '260' | '240' | '220' | '200' | '180' | '160' | '140' | '120' | '100' | '80' | '60'; } interface EzBadge { /** * Define a posição do ícone em relação ao elemento. */ "alignItems": "center" | "flex-end" | "flex-start"; /** * Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) */ "iconLeft": string; /** * Define o ícone a ser usado no lado direito do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) */ "iconRight": string; /** * Define o conteúdo textual ou numérico do componente. */ "label": string; /** * Define a posição do ícone em relação ao elemento filho. */ "position": IPosition; /** * Define o tamanho de acordo com o tipo utilizado pelo componente. */ "size": "extra-large" | "large" | "medium" | "small-medium" | "small" | "extra-small"; } interface EzBreadcrumb { /** * Define o modo de uso do Breadcrumb. */ "fillMode": "auto" | "regular"; /** * Lista de itens do breadcrumb. */ "items": Array; /** * Define o limite máximo de itens a serem renderizados. */ "maxItems": number; /** * Define a posição do Ellipsis nos itens visíveis do Breadcrumb. */ "positionEllipsis": number; } interface EzButton { /** * Se false o usuário não pode interagir com o botão. * @deprecated Use `isDisabled` prop instead. */ "enabled": boolean; /** * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) */ "iconName": string; /** * 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. */ "setBlur": () => Promise; /** * Aplica o foco no botão. */ "setFocus": () => Promise; /** * Define o tamanho do ez-button. */ "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 { /** * Ajusta o posicionamento horizontal do ez-calendar conforme a disponibilidade de espaço. */ "fitHorizontal": (rightOffset: number) => Promise; /** * Ajusta o posicionamento vertical do ez-calendar conforme a disponibilidade de espaço. */ "fitVertical": (topOffset: number, bottomOffset: number) => Promise; /** * Define se a exibição do ez-calendar será feita pelos métodos `show()` e `hide()`. */ "floating": boolean; /** * Oculta o ez-calendar. */ "hide": () => Promise; /** * Exibe o ez-calendar em uma posição determinada. É possível determinar o posicionamento através dos parâmetros, no formato css. */ "show": (top?: string, left?: string, bottom?: string, right?: string) => Promise; /** * Se true a data considera segundos. Deve ser usado em conjunto com a propriedade `time`. */ "showSeconds": boolean; /** * Se true a data considera horas e minutos. */ "time": boolean; /** * Define o valor do calendário. */ "value": Date; } interface EzCardItem { /** * Determina se o componente será apresentado no modo compacto. */ "compacted": boolean; /** * 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}`. */ "item": CardItem; } interface EzChart { /** * Define o sub titulo a ser apresentado no gráfico */ "chartSubTitle": string; /** * Define o titulo a ser apresentado no gráfico */ "chartTitle": string; /** * Define a altura do gráfico */ "height": number; /** * Define se a legenda do gráfico deve ser apresentada ou não. */ "legendEnabled": boolean; /** * Define as series a serem apresentadas no gráfico */ "series": ChartSerie | Array; /** * Define o tipo de gráfico apresentado pelo componente */ "type": ChartType; /** * Define uma largura do gráfico */ "width": number; /** * Definições do eixo X do gráfico */ "xAxis": ChartAxis | Array; /** * Definições do eixo Y do gráfico */ "yAxis": ChartAxis | Array; } interface EzCheck { /** * Texto alternativo a ser apresentado como título do campo. */ "alternativePlaceholder": string; /** * Define o modo compacto com espaçamento menor entre label e o input */ "compact": boolean; /** * Se false o usuário não pode interagir com o campo. */ "enabled": boolean; /** * Obtém o modo escolhido. */ "getMode": () => Promise; /** * Se true ativa o estado indeterminado, nem marcado nem desmarcado (não disponível em modo `switch`). */ "indeterminate": boolean; /** * Texto a ser apresentado como título do campo. */ "label": string; /** * Define o modo de visualização do ez-check. */ "mode": CheckMode; /** * Aplica o foco no campo. */ "setFocus": () => Promise; /** * Define o valor do campo. */ "value": boolean; } interface EzChip { /** * Desabilita a alteração da propriedade value ao clicar. */ "disableAutoUpdateValue": boolean; /** * 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. */ "mode": "label" | "action"; /** * Determina o posicionamento do botão de remover (não disponível no modo `action`). Se não informado, não exibe o botão. */ "removePosition": "left" | "right" | undefined; /** * Define se o chip deve ser removido ao pressionar a tecla Enter quando focado. */ "removeWithKeyboard": boolean; /** * Remove o foco do ez-chip. */ "setBlur": () => Promise; /** * Aplica o foco no ez-chip. */ "setFocus": () => Promise; /** * 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 tabindex do chip. Por padrão é 0, permitindo que o chip seja focável. */ "tabIndex": number; /** * Define o tipo de estilização do chip. */ "type": EzChipType; /** * Define o valor do ez-chip. */ "value": boolean; } interface EzClassicComboBox { /** * Define se o combo box está habilitado. */ "enabled"?: boolean; /** * Texto de ajuda exibido abaixo do combo box. */ "helpText"?: string; /** * Oculta o popover. */ "hidePopover": () => Promise; /** * Define se o ícone é clicável */ "iconClickable"?: boolean; /** * Nome do ícone. */ "iconName"?: string; /** * Texto do label exibido acima do combo box. */ "label"?: string; /** * Nome do combo box. */ "name"?: string; /** * Array com as opções do ez-classic-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. */ "options": Array; /** * Placeholder do combo box */ "placeholder"?: string; /** * Define se o combo box é somente leitura. */ "readonly"?: boolean; /** * Remove o foco do campo. */ "setBlur": () => Promise; /** * Aplica o foco no campo. */ "setFocus": (option?: OptionsSetFocus) => Promise; "setValue": (option: IOption) => Promise; /** * Exibe o popover abaixo do input. */ "showPopover": () => Promise; /** * Estado visual do combo box: default, error, success ou warning. */ "state"?: "default" | "error" | "success" | "warning"; /** * Se true remove a opção vazia da lista. */ "suppressEmptyOption": boolean; /** * Se true desabilita a digitação dentro do componente. */ "suppressSearch"?: boolean; /** * Texto a ser apresentado na opção de valor nulo. */ "textEmptyOption": string; /** * Título do ícone (tooltip). */ "titleIcon"?: string; /** * Valor do combo box. */ "value"?: IOption; } interface EzClassicInput { /** * Define se o valor emitido pelo evento ezChange deve conter a máscara aplicada (padrão: false) */ "emitMaskedValue"?: boolean; /** * Define se o input está habilitado */ "enabled"?: boolean; /** * Texto de ajuda exibido abaixo do input */ "helpText"?: string; /** * Texto do label exibido acima do input */ "label"?: string; /** * Define se o ícone da esquerda é clicável */ "leftIconClickable"?: boolean; /** * Nome do ícone à esquerda */ "leftIconName"?: string; /** * Título do ícone à esquerda (tooltip) */ "leftIconTooltip"?: string; /** * Aplica uma máscara no conteúdo conforme o padrão estabelecido. Para mais informações acesse: https://gilded-nasturtium-6b64dd.netlify.app/docs/utilities/api/classes/maskformatter/ */ "mask"?: string; /** * Tamanho máximo do valor */ "maxlength"?: number; /** * Tamanho mínimo do valor */ "minlength"?: number; /** * Nome do input */ "name"?: string; /** * Placeholder do input */ "placeholder"?: string; /** * Define se o input é somente leitura */ "readonly"?: boolean; /** * Define se o ícone da direita é clicável */ "rightIconClickable"?: boolean; /** * Nome do ícone à direita */ "rightIconName"?: string; /** * Título do ícone à direita (tooltip) */ "rightIconTooltip"?: string; /** * Remove o foco do campo. */ "setBlur": () => Promise; /** * Aplica o foco no campo. */ "setFocus": (option?: OptionsSetFocus) => Promise; /** * Estado visual do input: default, error, success ou warning */ "state"?: "default" | "error" | "success" | "warning"; /** * Tipo do input (ex: text, password, email, etc) */ "type": string; /** * Valor do input */ "value"?: string; } interface EzClassicTextArea { /** * Define se a textarea está habilitada */ "enabled"?: boolean; /** * Texto de ajuda exibido abaixo da textarea */ "helpText"?: string; /** * Texto do rótulo exibido acima da área de texto */ "label"?: string; /** * Define se o ícone da esquerda é clicável */ "leftIconClickable"?: boolean; /** * Nome do ícone à esquerda */ "leftIconName"?: string; /** * Título do ícone à esquerda (tooltip) */ "leftIconTooltip"?: string; /** * Número máximo de caracteres permitidos */ "maxlength"?: number; /** * Nome da textarea */ "name"?: string; /** * Texto de placeholder exibido quando a área de texto está vazia */ "placeholder"?: string; /** * Se a área de texto é somente leitura */ "readonly"?: boolean; /** * Comportamento de redimensionamento da área de texto */ "resize"?: 'none' | 'both' | 'horizontal' | 'vertical'; /** * Define se o ícone da direita é clicável */ "rightIconClickable"?: boolean; /** * Nome do ícone à direita */ "rightIconName"?: string; /** * Título do ícone à direita (tooltip) */ "rightIconTooltip"?: string; /** * Define o número de linhas da área de texto */ "rows"?: number; /** * Remove o foco do campo. */ "setBlur": () => Promise; /** * Aplica o foco no campo. */ "setFocus": (option?: OptionsSetFocus1) => Promise; /** * Estado visual da textarea: default, error, success ou warning */ "state"?: "default" | "error" | "success" | "warning"; /** * Valor atual da área de texto */ "value"?: string; } interface EzCollapsibleBox { /** * Aplica o foco no campo de edição de título. */ "applyFocusTextEdit": () => Promise; /** * Define seu o componente deve ter borda */ "boxBordered": boolean; /** * Cancela a edição de título. */ "cancelEdition": () => Promise; /** * Define uma condição para salvar ou não uma alteração. */ "conditionalSave": Function; /** * Se true mostra o ícone para edição do componente. */ "editable": boolean; /** * Define a posição do conteúdo do cabeçalho do componente. */ "headerAlign": "center" | "left" | "right" | "stretch" | undefined; /** * Define o tamanho do texto e do ícone. */ "headerSize": "x-small" | "small" | "medium" | "large" | "x-large" | undefined; /** * Define o posicionamento do ícone. */ "iconPlacement": "left" | "right"; /** * Texto a ser apresentado como título do componente. */ "label": string; /** * Se true mostra o ícone para remoção do componente. */ "removable": boolean; /** * Oculta/mostra o conteúdo do ez-collapsible-box. */ "showHide": () => Promise; /** * Texto a ser apresentado como subtítulo do componente. */ "subtitle": string; /** * Define o valor do componente. */ "value": boolean; } interface EzComboBox { /** * Texto alternativo a ser apresentado como título do campo. */ "alternativePlaceholder": string; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus": boolean; /** * Se false deixa de exibir a mensagem de erro dentro do campo. */ "canShowError": boolean; /** * Limpa o valor do campo de pesquisa */ "clearValue": () => Promise; /** * 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; "getValueAsync": () => Promise; /** * Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. */ "hideErrorOnFocusOut": boolean; /** * Retorna se o conteúdo é inválido. */ "isInvalid": () => Promise; /** * Informa se a pesquisa é do tipo texto. */ "isTextSearch": boolean; /** * Texto a ser apresentado como título do campo. */ "label": string; /** * Define o limite de caracteres mínimo para realizar uma pesquisa */ "limitCharsToSearch": number; /** * Define um posicionamento fixo para a lista de opções do CheckBox. */ "listOptionsPosition": IEzCheckBoxListPosition; /** * Define o tamanho do campo. */ "mode": "slim" | "regular"; /** * Carrega as opções dinamicamente. */ "optionLoader": (argument: ISearchArgument) => Promise> | Array | IOption; /** * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. */ "options": Array; /** * Se true, impede que o campo de texto receba foco automaticamente ao abrir as opções. */ "preventAutoFocus": boolean; /** * Remove o foco do campo. */ "setBlur": () => Promise; /** * Aplica o foco no campo. */ "setFocus": (options?: TFocusOptions) => Promise; /** * Se true cada opção na lista exibe o `value` junto com `label`. */ "showOptionValue": boolean; /** * Se true a opção selecionada exibe o `value` junto com `label`. */ "showSelectedValue": boolean; /** * Se true, ineterrompe a propagação do evento de KeyDown da tecla enter */ "stopPropagateEnterKeyEvent": boolean; /** * Se true remove a opção vazia da lista. */ "suppressEmptyOption": boolean; /** * Se true desabilita a digitação dentro do componente. */ "suppressSearch": boolean; /** * Texto a ser apresentado na opção de valor nulo. */ "textEmptyOption": string; /** * Define o valor do campo. */ "value": IOption | string; } interface EzComboBoxList { /** * Largura máxima da lista, em pixels. * @tipo {number} */ "maxWidth": number; /** * Move a seleção para a próxima opção na lista. */ "nextOption": () => Promise; /** * Callback chamado quando o mouse passa sobre uma opção. * @param index O índice da opção em foco. * @tipo {(index: number) => void} */ "onOptionHover": (index: number) => void; /** * Callback chamado quando uma opção é selecionada. * @param option A opção selecionada. * @tipo {(option: IOption) => void} */ "onOptionSelect": (option: IOption2) => void; /** * Índice da opção pré-selecionada na lista. * @tipo {number} */ "preSelection": number; /** * Move a seleção para a opção anterior na lista, sem ultrapassar o início. */ "previousOption": () => Promise; /** * Seleciona a opção atualmente pré-selecionada. */ "selectCurrentOption": () => Promise; /** * Indica se o indicador de carregamento deve ser exibido. * @tipo {boolean} */ "showLoading": boolean; /** * Indica se o valor de cada opção deve ser exibido junto com o rótulo. * @tipo {boolean} */ "showOptionValue": boolean; /** * Mensagem exibida quando a lista de opções está vazia. * @padrão "Nenhum resultado encontrado" * @tipo {string} */ "textEmptyList": string; /** * Lista de opções visíveis que serão exibidas no componente. * @tipo {Array} */ "visibleOptions": Array; /** * Largura fixa da lista, em pixels. * @tipo {number} */ "width": number; } interface EzCustomFormInput { /** * Builder original do FormView que será chamado caso o custom não retorne nenhum valor. */ "builderFallback": (field: IFormViewField) => HTMLElement; /** * Instância do editor customizado. */ "customEditor": ICustomEditor; /** * Define de qual contexto o editor está sendo acionado. */ "detailContext": string; /** * Campo que o elemento customizado representa. */ "formViewField": IFormViewField; /** * Retorna se o conteúdo é inválido. */ "isInvalid": () => Promise; /** * Define os registros da linha selecionada. */ "selectedRecord": Record; /** * Remove o foco do campo. */ "setBlur": () => Promise; /** * Aplica foco no campo. */ "setFocus": () => Promise; /** * Valores dos campos do formulário. */ "value": any; } interface EzDateInput { /** * Texto alternativo ser apresentado como título do campo. */ "alternativePlaceholder": string; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus": boolean; /** * 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; "getValueAsync": () => Promise; /** * Retorna se o conteúdo é inválido. */ "isInvalid": () => Promise; /** * Texto a ser apresentado como título do campo. */ "label": string; /** * Define o tamanho do campo. */ "mode": "slim" | "regular"; /** * Remove o foco do campo. */ "setBlur": () => Promise; /** * Aplica o foco no campo. */ "setFocus": (options?: TFocusOptions) => Promise; /** * Define o valor do campo. */ "value": Date; } interface EzDateTimeInput { /** * Texto alternativo ser apresentado como título do campo. */ "alternativePlaceholder": string; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus": boolean; /** * 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; "getValueAsync": () => Promise; /** * Retorna se o conteúdo é inválido. */ "isInvalid": () => Promise; /** * Texto a ser apresentado como título do campo. */ "label": string; /** * Define o tamanho do campo. */ "mode": "slim" | "regular"; /** * Remove o foco do campo. */ "setBlur": () => Promise; /** * Aplica o foco no campo. */ "setFocus": (options?: TFocusOptions) => Promise; /** * Se true considera segundos. */ "showSeconds": boolean; /** * Define o valor do campo. */ "value": Date; } interface EzDialog { /** * Define função a ser executada antes de fechar o modal */ "beforeClose": Function; /** * Define se o ez-dialog será utilizado no modo de confirmação. */ "confirm": boolean; /** * Define aparência do ez-dialog. */ "dialogType": DialogType; /** * Texto a ser apresentado como título do campo. */ "ezTitle": string; /** * Define a menssagem exibida no ez-dialog. */ "message": string; /** * Define se o ez-dialog está aberto. */ "opened": boolean; /** * Define o ícone a ser exibido. */ "personalizedIconPath": string; /** * Exibe o ez-dialog. */ "show": (title: string, message: string, dialogType: DialogType, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean, beforeClose: Function) => Promise; } interface EzDoubleList { /** * 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; /** * Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa". */ "entityLabel": string; /** * Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas". */ "entityLabelPlural": string; /** * Define a lista origem. */ "leftList": ListItem[]; /** * Rótulo da lista esquerda. */ "leftListLabel": string; /** * Define o título da lista origem. */ "leftTitle": string; "resetSelectedLists": () => Promise; /** * Define a lista destino. */ "rightList": ListItem[]; /** * Rótulo da lista direita. */ "rightListLabel": string; /** * Define o título da lista destino. */ "rightTitle": string; /** * 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; /** * Define se irá exibir apenas a lista da direita. */ "useOnlyRightList": boolean; } interface EzDropdown { /** * Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. */ "itemBuilder": (item: IDropdownItem, level: number) => HTMLElement | string; /** * Lista de itens que vão ser apresentados no dropdown. */ "items": Array; /** * Último item que recebeu o click. */ "value": IDropdownItem; } interface EzEmptyCard { /** * Define a cor tema do componente. */ "color": "default" | "green" | "gray" | "yellow" | "red" | "petroleum"; /** * Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. */ "height"?: number; /** * Define a largura do componente, sobrescrevendo o padrão da propriedade size. */ "width"?: number; } interface EzFileItem { /** * Define se o usuário pode remover o arquivo que está sendo apresentado. */ "canRemove": boolean; /** * Define o nome do arquivo, com extensão. */ "fileName": string; /** * Tamanho do arquivo (em bytes). */ "fileSize": number; /** * Define qual ícone que representa o arquivo. */ "iconName": string; /** * Percentual de carregamento do arquivo para o servidor. */ "progress": number; } interface EzFilterInput { /** * Define se o campo irá funcionar de forma assíncrona. */ "asyncSearch": boolean; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus": boolean; /** * 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; /** * Método responsável por resetar o valor do campo para o ultimo valor inputado. */ "endSearch": () => Promise; /** * 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; /** * Texto a ser apresentado como título do campo. */ "label": string; /** * Define o tamanho do campo. */ "mode": "slim" | "regular"; /** * Restringe o que o usuário pode digitar. */ "restrict": string; /** * Remove o foco do campo. */ "setBlur": () => Promise; /** * Aplica o foco no campo. */ "setFocus": (options?: TFocusOptions) => Promise; /** * Método responsável por setar um novo valor ao campo. */ "setValue": (newValue: string) => Promise; /** * Define o valor do campo. */ "value": string; } interface EzForm { /** * Registra um editor customizado para campos da grade e formulário. */ "addCustomEditor": (fieldName: string, customEditor: ICustomEditor, detailContext?: string) => Promise; /** * Configuração do formulário. */ "config": IFormConfig; /** * Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. */ "dataUnit": DataUnit; /** * Define uma ancoragem */ "elementFocusSearchField": HTMLElement; /** * Determina o campo que deve ficar em evidência. */ "fieldToFocus": string; /** * 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 um validador responsável pela integridade dos registros. */ "recordsValidator": IRecordValidator; /** * Altera/adiciona uma propriedade nos metadados do campo. */ "setFieldProp": (fieldName: string, propName: string, value: any) => Promise; /** * Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F */ "useSearchField": boolean; /** * Realiza validação no conteúdo de todos os campos. */ "validate": () => Promise; } interface EzFormView { /** * Registra um editor customizado para campos da grade e formulário. */ "addCustomEditor": (fieldName: string, customEditor: ICustomEditor, detailContext?: string) => Promise; /** * Define a lista de metadados usada para criar os campos de user interface. */ "fields": Array; /** * Define os registros da linha selecionada. */ "selectedRecord": Record; /** * Altera/adiciona uma propriedade nos metados do campo. */ "setFieldProp": (fieldName: string, propName: string, value: any) => Promise; "showUp": () => Promise; /** * Define se o formulario deve possuir apenas 1 coluna. */ "singleColumn": boolean; } interface EzGrid { /** * Adiciona item de menu nas colunas. */ "addColumnMenuItem": (label: string, name: string, action: Function, icon: HTMLElement | string) => Promise; /** * Registra um editor customizado para campos da grade e formulário. */ "addCustomEditor": (fieldName: string, customEditor: ICustomEditor, detailContext?: string) => Promise; /** * Registra um formatador de valores para uma coluna da grid. */ "addCustomValueFormatter": (columnName: string, customFormatter: ICustomFormatter) => Promise; /** * Registra um render customizado para colunas da grid. */ "addGridCustomRender": (fieldName: string, customRender: ICustomRender, detailContext?: string) => Promise; /** * Define se a grid será focada ao ser carregada. */ "autoFocus"?: boolean; /** * Define se a edição está habilitada na grid. */ "canEdit": boolean; "checkStopEditOutsideClick": (event: MouseEvent) => Promise; /** * Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas. */ "columnfilterDataSource": IMultiSelectionListDataSource; /** * Define se a grade deve ser exibida em modo compacto */ "compact"?: boolean; /** * Configuração de exibição da grade. */ "config": IGridConfig; /** * Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. */ "dataUnit": DataUnit; /** * Ativa/desativa a inserção continua na grade Só funciona quando a prop enableGridInsert está ativa */ "enableContinuousInsert"?: boolean; /** * Ativa inserção de registros no modo grade. */ "enableGridInsert"?: boolean; /** * Define se o componente deve usar o LockManager para controle de carregamento da aplicação */ "enableLockManagerLoadingComp"?: boolean; /** * Ativa inserção de registros no modo grade pela Taskbar. */ "enableLockManagerTaskbarClick"?: boolean; /** * Ativa modo de linhas com cores alternadas. */ "enableRowTableStriped"?: boolean; /** * Usa um argumento para filtrar as colunas po label */ "filterColumns": (search: string) => Promise>; /** * Retorna os filtros aplicados. */ "getAppliedColumnFilters": () => Promise>; /** * Obtém a lista de definição de colunas. */ "getColumns": () => Promise>; /** * Obtém o estado atual das colunas. */ "getColumnsState": () => Promise>; /** * Retorna o formatador customizado da coluna caso exista. */ "getCustomValueFormatter": (columnName: string) => Promise; /** * Obtém as linhas selecionadas. */ "getSelection": () => Promise>; /** * Localiza determinada coluna tornando-a visível. */ "locateColumn": (columnName: string) => Promise; /** * Define o modo de uso da grade */ "mode": IGridMode; /** * Habilita a seleção de várias linhas. */ "multipleSelection": boolean; /** * Altera visualmente as sombras e bordas do componente Quando false, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando true, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up) */ "outlineMode"?: boolean; /** * Define se a grid será focada ao ser carregada. */ "paginationCounterMode"?: 'show' | 'hidden' | 'auto'; /** * Aplica um filtro rápido. */ "quickFilter": (term: string) => Promise; /** * Define um validador responsável pela integridade dos registros. */ "recordsValidator": IRecordValidator; "refreshColumnFilterDataSource": () => Promise; /** * Atualiza linhas da grade. */ "refreshSelectedRows": () => Promise; /** * Remove o formatador de valores de uma coluna da grid. */ "removeCustomValueFormatter": (columnName: string) => Promise; /** * Configuração da seleção de grade no toast. */ "selectionToastConfig": ISelectionToastConfig; /** * Endereço do servidor para obtenção dos dados. */ "serverUrl": string; /** * Aplica a definição de colunas. */ "setColumnsDef": (cols: Array) => Promise; /** * Aplica o estado das colunas. */ "setColumnsState": (state: Array) => Promise; /** * Insere os registros no ez-grid. */ "setData": (data: Array) => Promise; /** * Atribui o foco para a grade. */ "setFocus": () => Promise; /** * Define um `IStatusResolver` responsável pelo estado da coluna de status. */ "statusResolver": IStatusResolver | StatusResolverFunction; /** * Para a edição da grade. */ "stopEdit": () => Promise; /** * Informa se a coluna de chechbox deve ser suprimida */ "suppressCheckboxColumn"?: boolean; /** * Informa se a grade deve suprimir o filtro de coluna. */ "suppressFilterColumn"?: boolean; /** * Define se a grade deve suprimir o scroll horizontal. */ "suppressHorizontalScroll": boolean; /** * Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade. */ "useEnterLikeTab": boolean; /** * Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F */ "useSearchColumn": boolean; } interface EzGridView { /** * Adiciona item de menu nas colunas. */ "addColumnMenuItem": (label: string, name: string, action: Function, icon: HTMLElement | string) => Promise; /** * Registra um formatador de valores para uma coluna da grid. */ "addCustomValueFormatter": (columnName: string, customFormatter: ICustomFormatter) => Promise; /** * Registra um render customizado para colunas da grid. */ "addGridCustomRender": (fieldName: string, customRender: ICustomRender1, detailContext?: string) => Promise; /** * Define se a grid será focada ao ser carregada. */ "autoFocus"?: boolean; /** * Configuração de exibição da grade. */ "columnsConfig"?: ColumnConfig[]; /** * Define se a grade deve ser exibida em modo compacto */ "compact"?: boolean; /** * Ativa modo de linhas com cores alternadas. */ "enableRowTableStriped"?: boolean; /** * Usa um argumento para filtrar as colunas por label */ "filterColumns": (search: string) => Promise>; /** * Obtém o DataUnit da grade. */ "getDataUnit": () => Promise; /** * Obtém as linhas selecionadas. */ "getSelection": () => Promise>; /** * Localiza determinada coluna tornando-a visível. */ "locateColumn": (columnName: string) => Promise; /** * Metadados que definem a estrutura da grade. */ "metadata": UnitMetadata; /** * Habilita a seleção de várias linhas. */ "multipleSelection": boolean; /** * Altera visualmente as sombras e bordas do componente Quando false, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando true, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up) */ "outlineMode"?: boolean; /** * Quantidade de registros por página. */ "pageSize": number; /** * Define a forma como a paginação irá se comportar. */ "paginationCounterMode"?: 'show' | 'hidden' | 'auto'; /** * Aplica um filtro rápido. */ "quickFilter": (term: string) => Promise; /** * Formato dos campos data dos registros. */ "recordDateFormat"?: RECORD_DATE_FORMAT; /** * Registros a serem exibidos na grade. */ "records": Record[]; /** * Recarrega os registros da grade. */ "refresh": () => Promise; /** * Remove o formatador de valores de uma coluna da grid. */ "removeCustomValueFormatter": (columnName: string) => Promise; /** * Atribui o foco para a grade. */ "setFocus": () => Promise; /** * Informa se a coluna de chechbox deve ser suprimida */ "suppressCheckboxColumn"?: boolean; /** * Informa se a grade deve suprimir o filtro de coluna. */ "suppressFilterColumn"?: boolean; /** * Define se a grade deve suprimir o scroll horizontal. */ "suppressHorizontalScroll": boolean; /** * Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F */ "useSearchColumn": boolean; } interface EzGuideNavigator { /** * Desabilita um ou mais itens. */ "disableItem": (id: string | Array) => Promise; /** * Habilita um ou mais itens. */ "enableItem": (id: string | Array) => Promise; /** * Obtem um array do caminho de itens da seleção atual. * @returns Retorna um array do caminho de itens da seleção atual. */ "getCurrentPath": () => Promise>; /** * Obtem um item pelo id */ "getItem": (id: string) => Promise; /** * Obtem o item pai a partir de um id */ "getParent": (id: string) => Promise; /** * Lista de itens do menu de navegação. */ "items": Array; /** * Define se o menu de navegação está aberto. */ "open": boolean; /** * Abre o navegador de Guia */ "openGuideNavidator": () => Promise; /** * Seleciona o item desejado pelo ID. * @param id - ID do item que receberá a seleção. */ "selectGuide": (id: string) => Promise; /** * Define o id do item selecionado. */ "selectedId": string; /** * Define uma função que vai resolver o `tooltip` ou `title` daquele item. */ "tooltipResolver": (item: IGuideItem, enabled: boolean, level: number) => string; /** * Atualiza um ou mais items */ "updateItem": (item: IGuideItem | Array) => Promise; } interface EzIcon { /** * Define o tamanho da fonte. */ "fontSize"?: number | string; /** * Define o endereço da imagem quando não contempladas na biblioteca de ícones. */ "href": string; /** * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) */ "iconName": string; /** * Define o tamanho do ícone. */ "size": "x-small" | "small"| "medium" | "large" | "x-large"; } interface EzLinkBuilder { "hide": () => Promise; "show": (text?: string) => Promise; } interface EzList { /** * Limpa o histórico da lista. */ "clearHistory": () => Promise; /** * Define a lista inicial do componente. */ "dataSource": Array; /** * Habilita seleção de múltiplos items. */ "enableMultipleSelection": boolean; /** * Habilita a seleção de checkbox. */ "enabled": boolean; /** * Se true habilita `drag and drop` para os itens. */ "ezDraggable": boolean; /** * Se true os itens serão selecionáveis. */ "ezSelectable": boolean; /** * Obtém a lista de items ou grupos. */ "getList": () => Promise>; /** * Obtém o item selecionado. */ "getSelection": () => Promise; /** * Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista. */ "hoverFeedback": boolean; /** * Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement. */ "itemLeftSlotBuilder": SlotBuilder; /** * Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. */ "itemSlotBuilder": SlotBuilder; /** * Define o modo de apresentação da lista. */ "listMode"?: keyof TListMode; /** * Limpa a seleção atual */ "removeSelection": () => Promise; /** * Traz o conteúdo da lista para a área visível. */ "scrollToTop": () => Promise; /** * Aplica seleção nas linhas da lista. */ "setSelection": (selectedItem: ListItem, scrollToOption?: boolean, shitkey?: boolean, ctrlKey?: boolean) => Promise; /** * Se true os grupos serão exibidos. */ "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. */ "hide": () => Promise; /** * Exibe o ez-loading-bar. */ "show": () => Promise; } interface EzModal { /** * Define o alinhamento do ez-modal. */ "align": "right" | "left"; /** * Define se o ez-modal será fechado ao clicar `ESC`. */ "closeEsc": boolean; /** * Define se o modal será fechado ao clicar fora do conteúdo. */ "closeOutsideClick": boolean; /** * Define se o modal será fechado se o mouse sair para fora do conteúdo. */ "closeOutsideLeave"?: boolean; /** * Ativa o modo Full, permitindo que o Modal expanda-se verticalmente e ocupe todo o espaço disponível. */ "heightMode"?: keyof THeightMode; /** * Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`. */ "modalSize": string; /** * Define se o ez-modal está aberto. */ "opened": boolean; /** * Define o tipo de scrim a ser aplicado no overlay do modal */ "scrim": "medium" | "light" | "none"; } interface EzModalContainer { /** * Se true o modal container receberá o foco ao ser renderizado. */ "autoFocus"?: boolean; /** * Define o texto do botão de cancelamento. */ "cancelButtonLabel": string; /** * Define o estado do botão de cancelamento. */ "cancelButtonStatus": "HIDDEN"|"ENABLED"|"DISABLED"; /** * Texto do subtítulo, geralmente usado para orientação do usuário. */ "modalSubTitle": string; /** * Texto a ser apresentado como título do modal. */ "modalTitle": string; /** * Determina o texto do botão de confirmação. */ "okButtonLabel": string; /** * Define o estado do botão de confirmação. */ "okButtonStatus": "HIDDEN"|"ENABLED"|"DISABLED"; /** * Define a visibilidade do botão de fechar. */ "showCloseButton"?: boolean; /** * Define se o cabeçalho será mostrado. */ "showTitleBar": boolean; } interface EzMultiSelectionList { "clearFilteredOptions": () => Promise; /** * Nome da coluna onde serão aplicadas as opções selecionadas. */ "columnName": string; /** * Classe que implementa o método fetchData, responsável por realizar a pesquisa dos dados, com base no termo informado pelo usuário. */ "dataSource": IMultiSelectionListDataSource; /** * Informa se a pesquisa é do tipo texto ou numérico. */ "isTextSearch": boolean; /** * Opções de filtros a serem exibidas na listagem. */ "options": IMultiSelectionOption[]; /** * Indica se deve ser exibida lista de opções do atributo options (true), ou se deve utilizar o datasource (false) */ "useOptions": boolean; } interface EzNumberInput { /** * Se false, o input não aceitará números negativos. */ "allowNegative": boolean; /** * Texto alternativo a ser apresentado como título do campo. */ "alternativePlaceholder": string; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus": boolean; /** * 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; "getValueAsync": () => Promise; /** * Retorna se o conteúdo é inválido. */ "isInvalid": () => Promise; /** * Texto a ser apresentado como título do campo. */ "label": string; /** * Define o tamanho do campo. */ "mode": "slim" | "regular"; /** * Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento. */ "precision": number; /** * Define qual é o mínimo de casas depois da vírgula. Exemplo: 1,1 será exibido como 1,1000 quando `prettyPrecision = 4`. */ "prettyPrecision": number; /** * Remove o foco do campo. */ "setBlur": () => Promise; /** * Aplica o foco no campo. */ "setFocus": (options?: TFocusOptions) => Promise; /** * Define o valor do campo. */ "value": number; } interface EzPagination { /** * O número da página atual. */ "currentPage": number; /** * Esconde as o texto de informação da paginação no tipo default. */ "hideInfoLabel": boolean; /** * O número de páginas a serem exibidas na paginação. */ "pageLimit": number; /** * O número de itens por página. */ "pageSize": number; /** * O número total de itens. */ "totalItems": number; /** * O tipo de paginação a ser renderizada. Pode ser 'default' ou 'number'. */ "type": 'default' | 'number'; } interface EzPopover { /** * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo. */ "autoClose": boolean; /** * Ajusta o comportamento da largura do popover. */ "boxWidth": "full-width" | "fit-content"; /** * Oculta o ez-popover. */ "hide": () => Promise; /** * Define as tags que serão consideradas conteúdo. */ "innerElement": Array | string; /** * Define se o ez-popover está aberto. */ "opened": boolean; /** * Define o tipo de overlay do popover. */ "overlayType": "medium" | "light" | "none"; /** * Exibe o ez-popover. */ "show": (top?: string, left?: string) => Promise; /** * Ancora a exibição do popOver a um elemento HTML. */ "showUnder": (element: HTMLElement, options?: IEzPopoverAnchorOptions) => Promise; /** * Atualiza a posição do popover. */ "updatePosition": (top?: string, left?: string) => Promise; } interface EzPopoverCore { /** * Define o elemento de ancoragem. */ "anchorElement": Array | HTMLElement | string; /** * Define se será fechado automaticamente quando o usuário clicar fora do conteúdo. */ "autoClose": boolean; /** * Ajusta o comportamento da largura do popover. */ "boxWidth": "full-width" | "fit-content"; /** * Oculta o ez-popover. */ "hide": () => Promise; /** * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira). */ "minWidth": number; /** * Define se o ez-popover está aberto. */ "opened": boolean; /** * Define as opções do elemento. */ "options": IEzPopoverAnchorOptions; /** * Define o tipo de overlay do popover. */ "overlayType": "medium" | "light" | "none"; /** * Altera o elemento de ancoragem. */ "setAnchorElement": (anchor: HTMLElement | string) => Promise; /** * Altera as opções. */ "setOptions": (options: IEzPopoverAnchorOptions) => Promise; /** * Exibe o ez-popover. */ "show": (top?: string | number, left?: string | number) => Promise; /** * Ancora a exibição do popOver a um elemento HTML. */ "showUnder": (element: HTMLElement | string, options?: IEzPopoverAnchorOptions) => Promise; /** * Atualiza a posição do popover. */ "updatePosition": (top?: string, left?: string) => Promise; /** * Define se o elemento manterá o mesmo tamanho do componente de ancora. */ "useAnchorSize": boolean; } interface EzPopoverPlus { /** * Define o elemento de ancoragem. */ "anchorElement": Array | HTMLElement | string; /** * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo. */ "autoClose": boolean; /** * Ajusta o comportamento da largura do popover. */ "boxWidth": "full-width" | "fit-content"; /** * Oculta o ez-popover. */ "hide": () => Promise; /** * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira). */ "minWidth": number; /** * Define se o ez-popover está aberto. */ "opened": boolean; /** * Define as opções do elemento. */ "options": IEzPopoverAnchorOptions; /** * Define o tipo de overlay do popover. */ "overlayType": "medium" | "light" | "none"; /** * Altera o elemento de ancoragem. */ "setAnchorElement": (anchor: HTMLElement | string) => Promise; /** * Altera as opções. */ "setOptions": (options: IEzPopoverAnchorOptions) => Promise; /** * Exibe o ez-popover. */ "show": (top?: string | number, left?: string | number) => Promise; /** * Ancora a exibição do popOver a um elemento HTML. */ "showUnder": (element: HTMLElement | string, options?: IEzPopoverAnchorOptions) => Promise; /** * Atualiza a posição do popover. */ "updatePosition": (top?: string, left?: string) => Promise; /** * Define se o elemento manterá o mesmo tamanho do componente de ancora. */ "useAnchorSize": boolean; } interface EzPopup { /** * Define se o popup deve fechar automaticamente ao clicar fora dele. * @default true */ "autoClose": boolean; /** * Possibilita scroll vertical no conteúdo interno do componente */ "enabledScroll": boolean; /** * Texto a ser apresentado como título do componente. */ "ezTitle": string; /** * Botões do rodapé do popup. Aceita todas as propriedades do ez-button. Limitado a até 3 botões. */ "footerButtons"?: Partial[]; /** * Define altura do componente. */ "heightMode": "auto" | "full"; /** * Define se o ez-popover está aberto. */ "opened": boolean; /** * Define a largura do ez-popup. */ "size": "x-small" | "small" | "medium" | "large" | "x-large" | "auto"; /** * Define se o componente utilizará cabeçalho. */ "useHeader": boolean; } interface EzProgressBar { /** * Mensagem auxiliar para contextualizar barra de carregamento. */ "helpText"?: string; /** * Rótulo da barra de progresso. */ "label"?: string; /** * Porcentagem de preenchimento da barra. */ "percent"?: number; } interface EzRadioButton { /** * Define a direção dos itens. */ "direction": "vertical" | "horizontal"; /** * Se false o usuário não pode interagir com o campo. */ "enabled": boolean; /** * Texto a ser apresentado como título do campo. */ "label": string; /** * Define as opções que serão apresentadas */ "options": Array; /** * Define o valor do campo. */ "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; /** * 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; /** * Aplica o foco no campo. */ "setFocus": () => Promise; /** * 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. */ "activeShadow": boolean; /** * Define a direção em que haverá scroll. */ "direction": EzScrollDirection; /** * Define se o `scroll` estará bloqueado. */ "locked": boolean; } interface EzSearch { /** * Texto alternativo a ser apresentado como título do campo. */ "alternativePlaceholder": string; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus": boolean; /** * Se false deixa de exibir a mensagem de erro dentro do campo. */ "canShowError": boolean; /** * Limpa o valor do campo de pesquisa */ "clearValue": () => Promise; /** * Propriedades de contexto da aplicação. */ "contextProperties"?: any; /** * Se false o usuário não pode interagir com o campo. */ "enabled": boolean; /** * Garante que o botão de limpar pesquisa está sempre visível */ "ensureClearButtonVisible": boolean; /** * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. */ "errorMessage": string; "getValueAsync": () => Promise; /** * Se true o campo de de apresentação não será exibido. */ "hideDescriptionInput": boolean; /** * Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. */ "hideErrorOnFocusOut": boolean; /** * Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa */ "ignoreLimitCharsToSearch": boolean; /** * Retorna se o conteúdo é inválido. */ "isInvalid": () => Promise; /** * Informa se a pesquisa é do tipo texto. */ "isTextSearch": boolean; /** * Texto a ser apresentado como título do campo. */ "label": string; /** * Define um posicionamento fixo para a lista de opções do CheckBox. */ "listOptionsPosition": IEzCheckBoxListPosition1; /** * Define o tamanho do campo. */ "mode": "slim" | "regular"; /** * Carrega as opções dinamicamente. */ "optionLoader": (argument: ISearchArgument, ctxProperties?: any) => Promise> | Array | IOption; /** * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. */ "options": Array; /** * Remove o foco do campo. */ "setBlur": () => Promise; /** * Aplica o foco no campo. */ "setFocus": (options?: TFocusOptions) => Promise; /** * Se false cada opção na lista deve exibir somente o `label`. */ "showOptionValue": boolean; /** * Se false a opção selecionada deve exibir somente o `label`. */ "showSelectedValue": boolean; /** * Se true, ineterrompe a propagação do evento de KeyDown da tecla enter */ "stopPropagateEnterKeyEvent": boolean; /** * Se true remove a opção vazia da lista. */ "suppressEmptyOption": boolean; /** * Se true, desabilita pré-load das opções ao carregar componente */ "suppressPreLoad": boolean; /** * Se true desabilita a digitação dentro do componente. */ "suppressSearch": boolean; /** * Define o valor do campo. */ "value": IOption | string; } interface EzSearchPlus { /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus": boolean; /** * Se false deixa de exibir a mensagem de erro dentro do campo. */ "canShowError": boolean; /** * Limpa o valor do campo de pesquisa */ "clearValue": () => Promise; /** * Texto a ser apresentado no input de código. */ "codLabel": string; /** * Propriedades de contexto da aplicação. */ "contextProperties"?: any; /** * Se true o campo de código ficara desabilitado. */ "disableCodeInput": boolean; /** * Se true o campo de de apresentação ficara desabilitado. */ "disableDescriptionInput": boolean; /** * Se false o usuário não pode interagir com o campo. */ "enabled": boolean; /** * Garante que o botão de limpar pesquisa está sempre visível */ "ensureClearButtonVisible": boolean; /** * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. */ "errorMessage": string; /** * 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; /** * Se true o campo de de apresentação não será exibido. */ "hideDescriptionInput": boolean; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "hideErrorOnFocusOut": boolean; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "ignoreLimitCharsToSearch": boolean; /** * Retorna se o conteúdo é inválido. */ "isInvalid": () => Promise; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "isTextSearch": boolean; /** * Texto a ser apresentado como título do campo. */ "label": string; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "listOptionsPosition": IEzCheckBoxListPosition1; /** * Define o tamanho do campo. */ "mode": "slim" | "regular"; /** * Carrega as opções dinamicamente. */ "optionLoader": OptionLoaderFunction; /** * Remove o foco do campo. */ "setBlur": () => Promise; /** * Aplica o foco no campo. */ "setFocus": (options?: TFocusOptions) => Promise; /** * Se false cada opção na lista deve exibir somente o `label`. */ "showOptionValue": boolean; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "showSelectedValue": boolean; /** * Se true, interrompe a propagação do evento de KeyDown da tecla enter */ "stopPropagateEnterKeyEvent": boolean; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "suppressEmptyOption": boolean; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "suppressPreLoad": boolean; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "suppressSearch": boolean; /** * Define o valor do campo. */ "value": IOption | string; } interface EzSearchResultList { "cancelSelection": () => Promise; "nextOption": () => Promise; "previousOption": () => Promise; "selectCurrentItem": () => Promise; "showLoading": boolean; "showOptionValue": boolean; "value": IOption5 | string; "visibleOptions": Array; } interface EzSidebarButton { } interface EzSidebarNavigator { /** * Método para fixar/desafixar o menu, emitindo o evento ezChangeMode. */ "changeModeMenu": () => Promise; /** * Método para fechar o menu automaticamente após uma ação, fluxo, etc. */ "closeSidebar": () => Promise; /** * Define se terá responsividade, Controle deverá ser pelo CSS. */ "isResponsive": boolean; /** * Define se o menu será do tipo FIXED ou FLOAT. */ "mode": ModeMenuEnum; /** * Método para abrir o menu automaticamente após uma ação, fluxo, etc. */ "openSidebar": () => Promise; /** * Define se o botão de "Recolher Menu" será exibido */ "showCollapseMenu": boolean; /** * Define se o botão de "Fixar Menu" será exibido */ "showFixedButton": boolean; /** * Define o tamanho do menu (small, medium, large). */ "size": SizeMenuEnum; /** * Define o título do Sidebar Navigator */ "titleMenu": string; /** * Define o tipo do menu (float, fixed ou dynamic (livre)). */ "type": TypeMenuEnum; } interface EzSimpleImageUploader { /** * Método responsável pelo fechamento do popup. */ "hide": () => Promise; /** * Tamanho máximo que a imagem poderá ter em kilobytes. */ "maxSize": number; /** * Método responsável pela abertura do popup. */ "show": () => Promise; } interface EzSkeleton { /** * Animation type * @type {('progress' | 'pulse' | 'false')} * @memberof Skeleton */ "animation": SkeletonAnimation; /** * Number of rows of current skeleton type * @memberof Skeleton */ "count": number; /** * Height of the skeleton ex. 100px, 100%, auto etc. * @type {string} * @memberof Skeleton */ "height": string; /** * MarginBottom of the skeleton ex. 10px, 0 etc. * @type {string} * @memberof Skeleton */ "marginBottom": string; /** * MarginLeft of the skeleton ex. 10px, 0 etc. * @type {string} * @memberof Skeleton */ "marginLeft": string; /** * MarginRight of the skeleton ex. 10px, 0 etc. * @type {string} * @memberof Skeleton */ "marginRight": string; /** * MarginTop of the skeleton ex. 10px, 0 etc. * @type {string} * @memberof Skeleton */ "marginTop": string; /** * The template to be used for the skeleton. Can be an HTMLElement or a string. * @prop {HTMLElement | string} template - The template to be used for the skeleton. */ "template": HTMLElement | string; /** * Variant of the skeleton - circle or row * @type {('circle' , 'rect', 'text')} * @memberof Skeleton */ "variant": SkeletonVariant; /** * Width of the skeleton ex. 100px, 100%, auto etc. * @type {string} * @memberof Skeleton */ "width": string; } interface EzSortableList { /** * Remove a seleção de todos os itens da lista */ "clearSelection": () => Promise; /** * Lista de itens para serem renderizados */ "dataSource": Array; /** * Mensagem exibida quando a lista está vazia */ "emptyMessage": string; /** * Habilita seleção de múltiplos itens utilizando as teclas 'Ctrl/Command' ou 'Shift' */ "enableMultipleSelection": boolean; /** * Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa". */ "entityLabel": string; /** * Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas". */ "entityLabelPlural": string; /** * Grupo ao qual o ez-sortable-list pertence */ "group": string; /** * Define se o cabeçalho deve ficar oculto. */ "hideHeader": boolean; /** * Define se o totalizador deve ser escondido. */ "hideTotalizer": boolean; /** * Quando verdadeiro, ativa o feedback visual ao efetuar hover nos itens da lista */ "hoverFeedback": boolean; /** * ID do sortable list */ "idSortableList": string; /** * Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement. */ "itemLeftSlotBuilder": SlotBuilder; /** * Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. */ "itemRightSlotBuilder": SlotBuilder; /** * Remove itens arrastados de uma lista para outra */ "removeItensMoved": boolean; /** * Define o título da lista. */ "title": string; } interface EzSpinner { /** * Define o tamanho do spinner */ "size"?: 'small' | 'medium' | 'large'; } /** * Split Button Component * @example ```html * * * ``` * @fires buttonClick - Emitido quando o botão principal é clicado * @fires dropdownItemClick - Emitido quando um botão do dropdown é clicado * @fires dropdownSubActionClick - Emitido quando uma subação de um item do dropdown é clicada */ interface EzSplitButton { /** * Se false o usuário não pode interagir com o botão. * @deprecated Use `isDisabled` prop instead. */ "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/) * @deprecated Use `leftIconName` prop instead. */ "iconName": string; /** * Define o caminho usado nos modos `icon-only` e `icon-left` 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" | ""; /** * Informa se a lista de ações está aberta. */ "isOpenedDropdown": () => Promise; /** * Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. */ "itemBuilder": (item: IDropdownItem, level: number) => HTMLElement | string; /** * Define o conteúdo do dropdown. */ "items": Array; /** * Texto a ser apresentado como label do botão. */ "label": string; /** * Define o ícone esquerdo a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) */ "leftIconName": string; /** * Texto a ser apresentado como title do botão principal */ "leftTitle": string; /** * Define o modo de uso do botão. */ "mode": ButtonMode; /** * Define o ícone direito a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) */ "rightIconName": string; /** * Texto a ser apresentado como title do botão dropdown */ "rightTitle": string; /** * Remove o foco de ambos os botões. */ "setBlur": () => Promise; /** * Aplica o foco no botão principal. */ "setLeftButtonFocus": () => Promise; /** * Aplica o foco no botão do dropdown. */ "setRightButtonFocus": () => Promise; /** * Se true, o dropdown do botão é exibido. */ "show": boolean; /** * Define o tamanho do ez-split-button. */ "size": ButtonSize; /** * Se verdadeiro, desabilita a animação de ripple. */ "suppressAnimation"?: boolean; /** * Abre ou Fecha o dropdown do Split Button. */ "toggleDropdown": () => Promise; /** * Define a variante do ez-split-button. */ "variant"?: "primary" | "secondary" | "tertiary"; } 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; /** * Define se o painel está sendo utilizado como estrutura para apresentação de outro item */ "structural": boolean; } interface EzSplitPanel { /** * Responsável por definir o painel que limita o tamanho do item expandido. */ "anchorToExpand": boolean; "direction": 'row' | 'column'; "rebuildLayout": () => Promise; /** * Define se o painel está sendo utilizado como estrutura para apresentação de outro item */ "structural": boolean; } interface EzTabselector { "goToTab": (tabIndex: number, silent?: boolean) => Promise; /** * Define o index da aba selecionada. */ "selectedIndex": number; /** * Define a aba selecionada. */ "selectedTab": string; /** * Define o nome das abas do componente. Podendo serem separadas por vírgula "," ou em um Array de configuração. */ "tabs": string | Array; } interface EzTag { /** * Define a cor de fundo do componente. */ "color"?: "ocean-green" | "light-ocean-green" | "green" | "light-green" | "yellow" | "light-yellow" | "red" | "light-red" | "gray" | "light-gray" | "petroleum" | "light-petroleum"; /** * Define uma cor de fundo customizada, dentro da paleta de cores do Design System para o componente. */ "customBackgroundColor"?: string; /** * Define uma cor de texto customizada, dentro da paleta de cores do Design System para o componente. */ "customLabelColor"?: string; /** * Define o conteúdo textual ou numérico do componente. */ "label": string; } interface EzTagInput { /** * Adiciona uma tag programaticamente */ "addTag": (tag: string) => Promise; /** * Define se tags duplicadas são permitidas */ "allowDuplicates"?: boolean; /** * Limpa todas as tags */ "clearTags": () => Promise; /** * Define se o input está habilitado */ "enabled"?: boolean; /** * Texto de ajuda exibido abaixo do input */ "helpText"?: string; /** * Texto do label exibido acima do input */ "label": string; /** * Tamanho máximo de uma tag */ "maxTagLength"?: number; /** * Número máximo de tags permitidas */ "maxTags"?: number; /** * Nome do input */ "name"?: string; /** * Placeholder do input */ "placeholder": string; /** * Define se o input é somente leitura */ "readonly"?: boolean; /** * Remove uma tag programaticamente */ "removeTag": (tag: string) => Promise; /** * Remove o foco do campo */ "setBlur": () => Promise; /** * Aplica o foco no campo */ "setFocus": (option?: OptionsSetFocus2) => Promise; /** * Estado visual do componente */ "state"?: "default" | "error" | "success" | "warning"; /** * Define se a tecla Backspace deve remover a última tag quando o input está vazio */ "suppressBackspaceToRemove"?: boolean; /** * Define se a navegação por teclado pelas tags deve ser suprimida */ "suppressTagsKeyboardNavigation"?: boolean; /** * Array de tags iniciais */ "tags"?: string[]; /** * Função de validação customizada para tags * @param tag - A tag que está sendo validada * @param existingTags - Array com as tags já existentes * @returns true se válida, false ou string com mensagem de erro se inválida * @example // Validação para permitir apenas números validator={(tag) => /^\d+$/.test(tag) || "Apenas números são permitidos"} // Validação para evitar palavrões validator={(tag) => !badWords.includes(tag.toLowerCase())} */ "validator"?: (tag: string, existingTags: string[]) => boolean | string; } interface EzTextArea { /** * Texto alternativo a ser apresentado como título do campo. */ "alternativePlaceholder": string; /** * Adiciona o argumento text no value do text area, seguindo as regras: - Se o cursor do mouse está posicionado em algum local do texto, o argumento será adicionado nesse local. - Se existir uma seleção no texto, o trecho selecionado deve ser substituído pelo argumento. - Se não existir seleção nem posicionamento do cursor do mouse, o argumento será adicionado no final do texto. * @param text : texto que irá ser adicionado */ "appendTextToSelection": (text: string) => Promise; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus": boolean; /** * Ativa a opção de fazer as linhas do componente serem baseados na altura máxima. */ "autoRows": boolean; /** * Se false deixa de exibir a mensagem de erro dentro do campo. */ "canShowError": boolean; /** * Ativa a opção de fazer resize do input. */ "enableResize": 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; /** * 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; /** * Aplica o foco no campo. */ "setFocus": () => Promise; /** * Define o valor do campo. */ "value": string; } interface EzTextEdit { /** * Aplica foco no campo. */ "applyFocusSelect": () => Promise; /** * Define atributos do estilo. */ "styled": IStyled; /** * Define o valor do campo. */ "value": string; } interface EzTextInput { /** * Texto alternativo a ser apresentado como título do campo. */ "alternativePlaceholder": string; /** * Se true o campo receberá o foco ao ser renderizado. */ "autoFocus": boolean; /** * Se false deixa de exibir a mensagem de erro dentro do campo. */ "canShowError": boolean; /** * Para remover a máscara quando fizer um apply no formulário. */ "cleanValueMask": 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; /** * Define se o campo está em estado inválido (bordas vermelhas). */ "hasInvalid": boolean; /** * Retorna se o conteúdo é inválido. */ "isInvalid": () => Promise; /** * Texto a ser apresentado como título do campo. */ "label": string; /** * Aplica uma máscara no conteúdo conforme o padrão estabelecido */ "mask": string; /** * Define o tamanho do campo. */ "mode": "slim" | "regular"; /** * Se true o campo não terá bordas. */ "noBorder": boolean; /** * Se true o campo não terá bordas. */ "password": boolean; /** * Restringe o que o usuário pode digitar. */ "restrict": string; /** * Remove o foco do campo. */ "setBlur": () => Promise; /** * Aplica o foco no campo. */ "setFocus": (options?: TFocusOptions) => Promise; /** * Define o valor do campo. */ "value": string; } interface EzTile { /** * Define a cor tema do componente. */ "color": "default" | "green" | "gray" | "red" | "yellow"; /** * Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. */ "height"?: number; /** * 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 se o componente será interativo. Caso contrário, será estático. Se true, permite permite clique. Se false, não permite clique */ "isInteractive": boolean; /** * Define a quantidade máxima de linhas de texto a serem apresentadas. Quando a propriedade não é passada, limita a 1 linha. */ "maximumLines"?: number; /** * Remove o foco do componente. */ "setBlur": () => Promise; /** * Aplica o foco no componente. */ "setFocus": () => Promise; /** * Define qual o tamanho do componente. - `"default"`: 120x80px - `"medium"`: 120x170px */ "size": "small" | "medium"; /** * Texto a ser apresentado como título do componente. */ "text": string; /** * Define a largura do componente, sobrescrevendo o padrão da propriedade size. */ "width"?: number; } interface EzTileMedium { /** * Propriedade utilizada para configurar o avatar, se definida substitui o ícone por um ez-avatar */ "avatarProps"?: { name?: string; imageSrc?: string; shape?: 'circle' | 'square'; }; /** * Define as props que serão passadas para o botão, caso o objeto seja passado, o botão será renderizado. */ "buttonProps"?: { label: string; enabled?: boolean; mode?: 'regular' | 'icon' | 'link' | 'label-icon'; iconName?: string; size?: 'x-small' | 'small' | 'medium' | 'large'; onClick: () => void; colors?:{ background?: string; backgroundHover?: string; backgroundActive?: string; text?: string; textHover?: string; textActive?: string; } }; /** * Define a cor tema do componente. */ "color": "default" | "green" | "gray" | "red" | "yellow"; /** * Define a quantidade máxima de linhas de texto a serem apresentadas na descrição. Quando a propriedade não é passada, limita a 3 linhas. */ "descriptionMaximumLines"?: number; /** * Texto a ser apresentado como descrição do componente */ "descriptionText"?: string; /** * Define a altura do componente, sobrescrevendo o padrão de 257px. */ "height"?: string; /** * Define uma cor customizada para o ícone, dentro da paleta de cores do Design System. Exemplo: "--color--yellow-600" */ "iconColor"?: string; /** * 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; /** * Remove o foco do botão. */ "setButtonBlur": () => Promise; /** * Aplica o foco no botão. */ "setButtonFocus": () => Promise; /** * Define a quantidade máxima de linhas de texto a serem apresentadas no título pequeno. Quando a propriedade não é passada, limita a 1 linha. */ "smallTitleMaximumLines"?: number; /** * Texto a ser apresentado como um título pequeno do componente. */ "smallTitleText"?: string; /** * Define as props que serão passadas para as tags, caso um objeto seja passado, a(s) tag(s) será renderizada(s), se limitando a 3 tags. */ "tags"?: { label: string; color?: string; }[]; /** * Define a quantidade máxima de linhas de texto a serem apresentadas no título. Quando a propriedade não é passada, limita a 1 linha. */ "titleMaximumLines"?: number; /** * Texto a ser apresentado como título do componente. */ "titleText"?: string; /** * Define a largura do componente, sobrescrevendo o padrão de 446px. */ "width"?: string; } interface EzTimeInput { /** * Texto alternativo ser apresentado como título do campo. */ "alternativePlaceholder": string; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus": boolean; /** * 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; /** * Texto a ser apresentado como título do campo. */ "label": string; /** * Define o tamanho do campo. */ "mode": "slim" | "regular"; /** * Remove o foco do campo. */ "setBlur": () => Promise; /** * Aplica o foco no campo. */ "setFocus": ({ selectText }: TFocusOptions) => Promise; /** * Se true considera segundos. */ "showSeconds": boolean; /** * Define o valor do campo. */ "value": number; } interface EzToast { /** * Se false, o usuário não consegue fechar. */ "canClose": boolean; /** * Define o tempo de exibição em milissegundos. */ "fadeTime": number; /** * Mensagem a ser exibida no componente. */ "message": string; /** * Exibe o ez-toast. */ "show": (message: string, fadeTime: number, useIcon: boolean, canClose?: boolean) => Promise; /** * Se true permite a utilização do slot de ícone. */ "useIcon": boolean; } interface EzTooltip { /** * Define se o tooltip está ativo. */ "active": boolean; /** * Elemento HTML que será utilizado como ancoragem do tooltip. */ "anchoringElement": HTMLElement; /** * Tempo de espera para exibir o tooltip após o evento de mouseenter. */ "debouncingTime": number; /** * Define o espaçamento entre o tooltip e o elemento de ancoragem. */ "gapOptions": { horizontalGap: number; verticalGap: number; }; /** * Define a largura máxima do elemento. */ "maxWidth": number; /** * Mensagem que será apresentada no tooltip. */ "message": string; /** * Define a posição do tooltip em relação ao elemento de ancoragem. */ "placement": Placement; /** * Define a estratégia de posicionamento do tooltip. Use 'fixed' quando o elemento estiver dentro de containers com position: relative. */ "strategy": 'absolute' | 'fixed'; /** * Define o tipo de tooltip a ser exibido. */ "type": 'default' | 'success' | 'error' | 'warning'; /** * Define se o elemento manterá o mesmo tamanho do componente de ancora. */ "useAnchorSize": boolean; } interface EzTree { /** * Adiciona um ou mais itens. Opcionalmente pode-se determinar a qual item da árvore será anexado o item. Caso não informado parentId, adiciona no item selecionado. Observação para carga dinâmica (Lazyload): O parentId deve ser um item carregado atualmente na árvore. */ "addChild": (item: ITreeItem, parentId?: string) => Promise; /** * Efetua a seleção de um item. */ "applyFilter": (pattern: string) => Promise; /** * Recolhe todos os itens da árvore. */ "collapseAll": () => Promise; /** * Desabilita um ou mais itens. */ "disableItem": (id: string | Array) => Promise; /** * Define se a árvore deve permitir a filtragem hierárquica. */ "enableHierarchicalFilter": boolean; /** * Habilita um ou mais itens. */ "enableItem": (id: string | Array) => Promise; /** * Expande todos os itens da árvore. */ "expandAll": () => Promise; /** * Obtem um array do caminho de itens da seleção atual. * @returns Retorna um array do caminho de itens da seleção atual. */ "getCurrentPath": () => Promise>; /** * Obtem um item pelo id */ "getItem": (id: string) => Promise; /** * Obtem o item pai a partir de um id */ "getParent": (id: string) => Promise; /** * Define uma função que vai resolver o ícone daquele item. Retorna o nome do ícone da lib de icones do DS. */ "iconResolver": (item: ITreeItem, expanded: boolean, level: number) => string; /** * Define os itens apresentados na árvore. */ "items": Array; /** * Realiza a abertura de um item, incluindo a hieraquia acima. Observação para carga dinâmica (Lazyload): O item solicitado já deve estar carregado na lista. Nos casos onde o item ainda não esteja carregado o id pode ser uma string no formato "id1>>id2>>id3", tornando possível a carga a partir de um ponto já carregado. */ "openItem": (id: string) => Promise; /** * Remove um item da árvore pelo seu ID. Se o item removido estiver selecionado, a seleção será limpa. */ "removeItem": (id?: string) => Promise; /** * Efetua a seleção de um item. */ "selectItem": (id: string) => Promise; /** * Define se os itens da árvore são selecionáveis. */ "selectable": boolean; /** * Forma alternativa para atribuir o item selecionado por seu ID. */ "selectedId": string; /** * Define uma função que vai resolver o `tooltip` ou `title` daquele item. */ "tooltipResolver": (item: ITreeItem, enabled: boolean, level: number) => string; /** * Atualiza um item */ "updateItem": (item: ITreeItem | ITreeItem[], config?: Partial) => Promise; /** * Define o item selecionado na árvore. */ "value": ITreeItem; } interface EzUnderface { /** * Define a cor de fundo do componente. */ "color": "default" | "light-green" | "green" | "light-gray" | "dark-petroleum" | "ocean-green"; /** * Define uma cor de fundo customizada, dentro da paleta de cores do Design System, sobrescrevendo a propriedade color. Exemplo: "--color--yellow-600" */ "customColor"?: string; /** * Define a altura do componente. */ "height"?: number; /** * Define a largura do componente. */ "width"?: number; } interface EzUpload { /** * Adiciona arquivos. */ "addFiles": (files: Array) => Promise; /** * Se false o usuário não pode interagir com o campo. */ "enabled": boolean; /** * Texto a ser apresentado como título do campo. */ "label": string; /** * Define o tamanho máximo (em bytes) de cada arquivo que pode ser transferido */ "maxFileSize": number; /** * Define um limite para a quantidade de arquivos */ "maxFiles": number; /** * Headers para a requisição Http */ "requestHeaders": any; /** * Remove o foco do campo. */ "setBlur": () => Promise; /** * Aplica o foco no campo. */ "setFocus": () => Promise; /** * Define o subtítulo utilizado no campo de upload */ "subtitle": string; /** * Define a URL de deleção */ "urlDelete": string; /** * Define a URL de upload */ "urlUpload": string; /** * Define o valor do campo. */ "value": Array; } interface EzViewStack { /** * Obtem o índice selecionado. */ "getSelectedIndex": () => Promise; /** * Exibe a visão de acordo com o índice. */ "show": (index: number) => Promise; } interface FilterColumn { "columnLabel": string; "columnName": string; "dataSource": IMultiSelectionListDataSource; "dataUnit": DataUnit; "gridHeaderHidden": boolean; "hide": () => Promise; "noHeaderTaskBar": boolean; "opened": boolean; "options": IMultiSelectionOption[]; /** * Abre o filtro de coluna. * @Params IFilterColumnConfigs informações para configurar o filtro */ "show": (configs: IFilterColumnConfigs) => Promise; } interface MultiSelectionBoxMessage { "message": string; } interface SearchList { "canShowListOptions": boolean; "nextOption": () => Promise; "preSelection": number; "previousOption": () => Promise; "showLoading": boolean; "showOptionValue": boolean; "textEmptyList": string; "value": IOption6 | string; "visibleOptions": Array; } } export interface EzActionsButtonCustomEvent extends CustomEvent { detail: T; target: HTMLEzActionsButtonElement; } export interface EzApplicationCustomEvent extends CustomEvent { detail: T; target: HTMLEzApplicationElement; } export interface EzBreadcrumbCustomEvent extends CustomEvent { detail: T; target: HTMLEzBreadcrumbElement; } export interface EzCalendarCustomEvent extends CustomEvent { detail: T; target: HTMLEzCalendarElement; } export interface EzCardItemCustomEvent extends CustomEvent { detail: T; target: HTMLEzCardItemElement; } export interface EzChartCustomEvent extends CustomEvent { detail: T; target: HTMLEzChartElement; } export interface EzCheckCustomEvent extends CustomEvent { detail: T; target: HTMLEzCheckElement; } export interface EzChipCustomEvent extends CustomEvent { detail: T; target: HTMLEzChipElement; } export interface EzClassicComboBoxCustomEvent extends CustomEvent { detail: T; target: HTMLEzClassicComboBoxElement; } export interface EzClassicInputCustomEvent extends CustomEvent { detail: T; target: HTMLEzClassicInputElement; } export interface EzClassicTextAreaCustomEvent extends CustomEvent { detail: T; target: HTMLEzClassicTextAreaElement; } export interface EzCollapsibleBoxCustomEvent extends CustomEvent { detail: T; target: HTMLEzCollapsibleBoxElement; } export interface EzComboBoxCustomEvent extends CustomEvent { detail: T; target: HTMLEzComboBoxElement; } export interface EzDateInputCustomEvent extends CustomEvent { detail: T; target: HTMLEzDateInputElement; } export interface EzDateTimeInputCustomEvent extends CustomEvent { detail: T; target: HTMLEzDateTimeInputElement; } export interface EzDialogCustomEvent extends CustomEvent { detail: T; target: HTMLEzDialogElement; } export interface EzDoubleListCustomEvent extends CustomEvent { detail: T; target: HTMLEzDoubleListElement; } export interface EzDropdownCustomEvent extends CustomEvent { detail: T; target: HTMLEzDropdownElement; } export interface EzFileItemCustomEvent extends CustomEvent { detail: T; target: HTMLEzFileItemElement; } export interface EzFilterInputCustomEvent extends CustomEvent { detail: T; target: HTMLEzFilterInputElement; } export interface EzFormCustomEvent extends CustomEvent { detail: T; target: HTMLEzFormElement; } export interface EzFormViewCustomEvent extends CustomEvent { detail: T; target: HTMLEzFormViewElement; } export interface EzGridCustomEvent extends CustomEvent { detail: T; target: HTMLEzGridElement; } export interface EzGuideNavigatorCustomEvent extends CustomEvent { detail: T; target: HTMLEzGuideNavigatorElement; } export interface EzLinkBuilderCustomEvent extends CustomEvent { detail: T; target: HTMLEzLinkBuilderElement; } export interface EzListCustomEvent extends CustomEvent { detail: T; target: HTMLEzListElement; } export interface EzModalCustomEvent extends CustomEvent { detail: T; target: HTMLEzModalElement; } export interface EzModalContainerCustomEvent extends CustomEvent { detail: T; target: HTMLEzModalContainerElement; } export interface EzMultiSelectionListCustomEvent extends CustomEvent { detail: T; target: HTMLEzMultiSelectionListElement; } export interface EzNumberInputCustomEvent extends CustomEvent { detail: T; target: HTMLEzNumberInputElement; } export interface EzPaginationCustomEvent extends CustomEvent { detail: T; target: HTMLEzPaginationElement; } export interface EzPopoverCustomEvent extends CustomEvent { detail: T; target: HTMLEzPopoverElement; } export interface EzPopoverCoreCustomEvent extends CustomEvent { detail: T; target: HTMLEzPopoverCoreElement; } export interface EzPopoverPlusCustomEvent extends CustomEvent { detail: T; target: HTMLEzPopoverPlusElement; } export interface EzPopupCustomEvent extends CustomEvent { detail: T; target: HTMLEzPopupElement; } export interface EzRadioButtonCustomEvent extends CustomEvent { detail: T; target: HTMLEzRadioButtonElement; } export interface EzRichTextCustomEvent extends CustomEvent { detail: T; target: HTMLEzRichTextElement; } export interface EzRichToolbarCustomEvent extends CustomEvent { detail: T; target: HTMLEzRichToolbarElement; } export interface EzRichToolbarItemCustomEvent extends CustomEvent { detail: T; target: HTMLEzRichToolbarItemElement; } export interface EzSearchCustomEvent extends CustomEvent { detail: T; target: HTMLEzSearchElement; } export interface EzSearchPlusCustomEvent extends CustomEvent { detail: T; target: HTMLEzSearchPlusElement; } export interface EzSearchResultListCustomEvent extends CustomEvent { detail: T; target: HTMLEzSearchResultListElement; } export interface EzSidebarButtonCustomEvent extends CustomEvent { detail: T; target: HTMLEzSidebarButtonElement; } export interface EzSidebarNavigatorCustomEvent extends CustomEvent { detail: T; target: HTMLEzSidebarNavigatorElement; } export interface EzSimpleImageUploaderCustomEvent extends CustomEvent { detail: T; target: HTMLEzSimpleImageUploaderElement; } export interface EzSortableListCustomEvent extends CustomEvent { detail: T; target: HTMLEzSortableListElement; } export interface EzSplitButtonCustomEvent extends CustomEvent { detail: T; target: HTMLEzSplitButtonElement; } export interface EzSplitPanelCustomEvent extends CustomEvent { detail: T; target: HTMLEzSplitPanelElement; } export interface EzTabselectorCustomEvent extends CustomEvent { detail: T; target: HTMLEzTabselectorElement; } export interface EzTagInputCustomEvent extends CustomEvent { detail: T; target: HTMLEzTagInputElement; } export interface EzTextAreaCustomEvent extends CustomEvent { detail: T; target: HTMLEzTextAreaElement; } export interface EzTextEditCustomEvent extends CustomEvent { detail: T; target: HTMLEzTextEditElement; } export interface EzTextInputCustomEvent extends CustomEvent { detail: T; target: HTMLEzTextInputElement; } export interface EzTileCustomEvent extends CustomEvent { detail: T; target: HTMLEzTileElement; } export interface EzTimeInputCustomEvent extends CustomEvent { detail: T; target: HTMLEzTimeInputElement; } export interface EzTreeCustomEvent extends CustomEvent { detail: T; target: HTMLEzTreeElement; } export interface EzUploadCustomEvent extends CustomEvent { detail: T; target: HTMLEzUploadElement; } export interface FilterColumnCustomEvent extends CustomEvent { detail: T; target: HTMLFilterColumnElement; } export interface SearchListCustomEvent extends CustomEvent { detail: T; target: HTMLSearchListElement; } declare global { interface HTMLEzActionsButtonElement extends Components.EzActionsButton, HTMLStencilElement { } var HTMLEzActionsButtonElement: { prototype: HTMLEzActionsButtonElement; new (): HTMLEzActionsButtonElement; }; interface HTMLEzAlertElement extends Components.EzAlert, HTMLStencilElement { } var HTMLEzAlertElement: { prototype: HTMLEzAlertElement; new (): HTMLEzAlertElement; }; interface HTMLEzAlertListElement extends Components.EzAlertList, HTMLStencilElement { } var HTMLEzAlertListElement: { prototype: HTMLEzAlertListElement; new (): HTMLEzAlertListElement; }; interface HTMLEzApplicationElement extends Components.EzApplication, HTMLStencilElement { } var HTMLEzApplicationElement: { prototype: HTMLEzApplicationElement; new (): HTMLEzApplicationElement; }; interface HTMLEzAvatarElement extends Components.EzAvatar, HTMLStencilElement { } var HTMLEzAvatarElement: { prototype: HTMLEzAvatarElement; new (): HTMLEzAvatarElement; }; interface HTMLEzBadgeElement extends Components.EzBadge, HTMLStencilElement { } var HTMLEzBadgeElement: { prototype: HTMLEzBadgeElement; new (): HTMLEzBadgeElement; }; interface HTMLEzBreadcrumbElement extends Components.EzBreadcrumb, HTMLStencilElement { } var HTMLEzBreadcrumbElement: { prototype: HTMLEzBreadcrumbElement; new (): HTMLEzBreadcrumbElement; }; interface HTMLEzButtonElement extends Components.EzButton, HTMLStencilElement { } var HTMLEzButtonElement: { prototype: HTMLEzButtonElement; new (): HTMLEzButtonElement; }; interface HTMLEzCalendarElement extends Components.EzCalendar, HTMLStencilElement { } var HTMLEzCalendarElement: { prototype: HTMLEzCalendarElement; new (): HTMLEzCalendarElement; }; interface HTMLEzCardItemElement extends Components.EzCardItem, HTMLStencilElement { } var HTMLEzCardItemElement: { prototype: HTMLEzCardItemElement; new (): HTMLEzCardItemElement; }; interface HTMLEzChartElement extends Components.EzChart, HTMLStencilElement { } var HTMLEzChartElement: { prototype: HTMLEzChartElement; new (): HTMLEzChartElement; }; interface HTMLEzCheckElement extends Components.EzCheck, HTMLStencilElement { } var HTMLEzCheckElement: { prototype: HTMLEzCheckElement; new (): HTMLEzCheckElement; }; interface HTMLEzChipElement extends Components.EzChip, HTMLStencilElement { } var HTMLEzChipElement: { prototype: HTMLEzChipElement; new (): HTMLEzChipElement; }; interface HTMLEzClassicComboBoxElement extends Components.EzClassicComboBox, HTMLStencilElement { } var HTMLEzClassicComboBoxElement: { prototype: HTMLEzClassicComboBoxElement; new (): HTMLEzClassicComboBoxElement; }; interface HTMLEzClassicInputElement extends Components.EzClassicInput, HTMLStencilElement { } var HTMLEzClassicInputElement: { prototype: HTMLEzClassicInputElement; new (): HTMLEzClassicInputElement; }; interface HTMLEzClassicTextAreaElement extends Components.EzClassicTextArea, HTMLStencilElement { } var HTMLEzClassicTextAreaElement: { prototype: HTMLEzClassicTextAreaElement; new (): HTMLEzClassicTextAreaElement; }; interface HTMLEzCollapsibleBoxElement extends Components.EzCollapsibleBox, HTMLStencilElement { } var HTMLEzCollapsibleBoxElement: { prototype: HTMLEzCollapsibleBoxElement; new (): HTMLEzCollapsibleBoxElement; }; interface HTMLEzComboBoxElement extends Components.EzComboBox, HTMLStencilElement { } var HTMLEzComboBoxElement: { prototype: HTMLEzComboBoxElement; new (): HTMLEzComboBoxElement; }; interface HTMLEzComboBoxListElement extends Components.EzComboBoxList, HTMLStencilElement { } var HTMLEzComboBoxListElement: { prototype: HTMLEzComboBoxListElement; new (): HTMLEzComboBoxListElement; }; interface HTMLEzCustomFormInputElement extends Components.EzCustomFormInput, HTMLStencilElement { } var HTMLEzCustomFormInputElement: { prototype: HTMLEzCustomFormInputElement; new (): HTMLEzCustomFormInputElement; }; interface HTMLEzDateInputElement extends Components.EzDateInput, HTMLStencilElement { } var HTMLEzDateInputElement: { prototype: HTMLEzDateInputElement; new (): HTMLEzDateInputElement; }; interface HTMLEzDateTimeInputElement extends Components.EzDateTimeInput, HTMLStencilElement { } var HTMLEzDateTimeInputElement: { prototype: HTMLEzDateTimeInputElement; new (): HTMLEzDateTimeInputElement; }; interface HTMLEzDialogElement extends Components.EzDialog, HTMLStencilElement { } var HTMLEzDialogElement: { prototype: HTMLEzDialogElement; new (): HTMLEzDialogElement; }; interface HTMLEzDoubleListElement extends Components.EzDoubleList, HTMLStencilElement { } var HTMLEzDoubleListElement: { prototype: HTMLEzDoubleListElement; new (): HTMLEzDoubleListElement; }; interface HTMLEzDropdownElement extends Components.EzDropdown, HTMLStencilElement { } var HTMLEzDropdownElement: { prototype: HTMLEzDropdownElement; new (): HTMLEzDropdownElement; }; interface HTMLEzEmptyCardElement extends Components.EzEmptyCard, HTMLStencilElement { } var HTMLEzEmptyCardElement: { prototype: HTMLEzEmptyCardElement; new (): HTMLEzEmptyCardElement; }; interface HTMLEzFileItemElement extends Components.EzFileItem, HTMLStencilElement { } var HTMLEzFileItemElement: { prototype: HTMLEzFileItemElement; new (): HTMLEzFileItemElement; }; interface HTMLEzFilterInputElement extends Components.EzFilterInput, HTMLStencilElement { } var HTMLEzFilterInputElement: { prototype: HTMLEzFilterInputElement; new (): HTMLEzFilterInputElement; }; interface HTMLEzFormElement extends Components.EzForm, HTMLStencilElement { } var HTMLEzFormElement: { prototype: HTMLEzFormElement; new (): HTMLEzFormElement; }; interface HTMLEzFormViewElement extends Components.EzFormView, HTMLStencilElement { } var HTMLEzFormViewElement: { prototype: HTMLEzFormViewElement; new (): HTMLEzFormViewElement; }; interface HTMLEzGridElement extends Components.EzGrid, HTMLStencilElement { } var HTMLEzGridElement: { prototype: HTMLEzGridElement; new (): HTMLEzGridElement; }; interface HTMLEzGridViewElement extends Components.EzGridView, HTMLStencilElement { } var HTMLEzGridViewElement: { prototype: HTMLEzGridViewElement; new (): HTMLEzGridViewElement; }; interface HTMLEzGuideNavigatorElement extends Components.EzGuideNavigator, HTMLStencilElement { } var HTMLEzGuideNavigatorElement: { prototype: HTMLEzGuideNavigatorElement; new (): HTMLEzGuideNavigatorElement; }; interface HTMLEzIconElement extends Components.EzIcon, HTMLStencilElement { } var HTMLEzIconElement: { 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: { prototype: HTMLEzLoadingBarElement; new (): HTMLEzLoadingBarElement; }; interface HTMLEzModalElement extends Components.EzModal, HTMLStencilElement { } var HTMLEzModalElement: { prototype: HTMLEzModalElement; new (): HTMLEzModalElement; }; interface HTMLEzModalContainerElement extends Components.EzModalContainer, HTMLStencilElement { } var HTMLEzModalContainerElement: { prototype: HTMLEzModalContainerElement; new (): HTMLEzModalContainerElement; }; interface HTMLEzMultiSelectionListElement extends Components.EzMultiSelectionList, HTMLStencilElement { } var HTMLEzMultiSelectionListElement: { prototype: HTMLEzMultiSelectionListElement; new (): HTMLEzMultiSelectionListElement; }; interface HTMLEzNumberInputElement extends Components.EzNumberInput, HTMLStencilElement { } var HTMLEzNumberInputElement: { prototype: HTMLEzNumberInputElement; new (): HTMLEzNumberInputElement; }; interface HTMLEzPaginationElement extends Components.EzPagination, HTMLStencilElement { } var HTMLEzPaginationElement: { prototype: HTMLEzPaginationElement; new (): HTMLEzPaginationElement; }; interface HTMLEzPopoverElement extends Components.EzPopover, HTMLStencilElement { } var HTMLEzPopoverElement: { prototype: HTMLEzPopoverElement; new (): HTMLEzPopoverElement; }; interface HTMLEzPopoverCoreElement extends Components.EzPopoverCore, HTMLStencilElement { } var HTMLEzPopoverCoreElement: { prototype: HTMLEzPopoverCoreElement; new (): HTMLEzPopoverCoreElement; }; interface HTMLEzPopoverPlusElement extends Components.EzPopoverPlus, HTMLStencilElement { } var HTMLEzPopoverPlusElement: { prototype: HTMLEzPopoverPlusElement; new (): HTMLEzPopoverPlusElement; }; interface HTMLEzPopupElement extends Components.EzPopup, HTMLStencilElement { } var HTMLEzPopupElement: { prototype: HTMLEzPopupElement; new (): HTMLEzPopupElement; }; interface HTMLEzProgressBarElement extends Components.EzProgressBar, HTMLStencilElement { } var HTMLEzProgressBarElement: { prototype: HTMLEzProgressBarElement; new (): HTMLEzProgressBarElement; }; interface HTMLEzRadioButtonElement extends Components.EzRadioButton, HTMLStencilElement { } var HTMLEzRadioButtonElement: { 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: { prototype: HTMLEzScrollerElement; new (): HTMLEzScrollerElement; }; interface HTMLEzSearchElement extends Components.EzSearch, HTMLStencilElement { } var HTMLEzSearchElement: { prototype: HTMLEzSearchElement; new (): HTMLEzSearchElement; }; interface HTMLEzSearchPlusElement extends Components.EzSearchPlus, HTMLStencilElement { } var HTMLEzSearchPlusElement: { prototype: HTMLEzSearchPlusElement; new (): HTMLEzSearchPlusElement; }; interface HTMLEzSearchResultListElement extends Components.EzSearchResultList, HTMLStencilElement { } var HTMLEzSearchResultListElement: { prototype: HTMLEzSearchResultListElement; new (): HTMLEzSearchResultListElement; }; interface HTMLEzSidebarButtonElement extends Components.EzSidebarButton, HTMLStencilElement { } var HTMLEzSidebarButtonElement: { prototype: HTMLEzSidebarButtonElement; new (): HTMLEzSidebarButtonElement; }; interface HTMLEzSidebarNavigatorElement extends Components.EzSidebarNavigator, HTMLStencilElement { } var HTMLEzSidebarNavigatorElement: { prototype: HTMLEzSidebarNavigatorElement; new (): HTMLEzSidebarNavigatorElement; }; interface HTMLEzSimpleImageUploaderElement extends Components.EzSimpleImageUploader, HTMLStencilElement { } var HTMLEzSimpleImageUploaderElement: { prototype: HTMLEzSimpleImageUploaderElement; new (): HTMLEzSimpleImageUploaderElement; }; interface HTMLEzSkeletonElement extends Components.EzSkeleton, HTMLStencilElement { } var HTMLEzSkeletonElement: { prototype: HTMLEzSkeletonElement; new (): HTMLEzSkeletonElement; }; interface HTMLEzSortableListElement extends Components.EzSortableList, HTMLStencilElement { } var HTMLEzSortableListElement: { prototype: HTMLEzSortableListElement; new (): HTMLEzSortableListElement; }; interface HTMLEzSpinnerElement extends Components.EzSpinner, HTMLStencilElement { } var HTMLEzSpinnerElement: { prototype: HTMLEzSpinnerElement; new (): HTMLEzSpinnerElement; }; /** * Split Button Component * @example ```html * * * ``` * @fires buttonClick - Emitido quando o botão principal é clicado * @fires dropdownItemClick - Emitido quando um botão do dropdown é clicado * @fires dropdownSubActionClick - Emitido quando uma subação de um item do dropdown é clicada */ interface HTMLEzSplitButtonElement extends Components.EzSplitButton, HTMLStencilElement { } var HTMLEzSplitButtonElement: { prototype: HTMLEzSplitButtonElement; new (): HTMLEzSplitButtonElement; }; interface HTMLEzSplitItemElement extends Components.EzSplitItem, HTMLStencilElement { } var HTMLEzSplitItemElement: { prototype: HTMLEzSplitItemElement; new (): HTMLEzSplitItemElement; }; interface HTMLEzSplitPanelElement extends Components.EzSplitPanel, HTMLStencilElement { } var HTMLEzSplitPanelElement: { prototype: HTMLEzSplitPanelElement; new (): HTMLEzSplitPanelElement; }; interface HTMLEzTabselectorElement extends Components.EzTabselector, HTMLStencilElement { } var HTMLEzTabselectorElement: { prototype: HTMLEzTabselectorElement; new (): HTMLEzTabselectorElement; }; interface HTMLEzTagElement extends Components.EzTag, HTMLStencilElement { } var HTMLEzTagElement: { prototype: HTMLEzTagElement; new (): HTMLEzTagElement; }; interface HTMLEzTagInputElement extends Components.EzTagInput, HTMLStencilElement { } var HTMLEzTagInputElement: { prototype: HTMLEzTagInputElement; new (): HTMLEzTagInputElement; }; interface HTMLEzTextAreaElement extends Components.EzTextArea, HTMLStencilElement { } var HTMLEzTextAreaElement: { prototype: HTMLEzTextAreaElement; new (): HTMLEzTextAreaElement; }; interface HTMLEzTextEditElement extends Components.EzTextEdit, HTMLStencilElement { } var HTMLEzTextEditElement: { prototype: HTMLEzTextEditElement; new (): HTMLEzTextEditElement; }; interface HTMLEzTextInputElement extends Components.EzTextInput, HTMLStencilElement { } var HTMLEzTextInputElement: { prototype: HTMLEzTextInputElement; new (): HTMLEzTextInputElement; }; interface HTMLEzTileElement extends Components.EzTile, HTMLStencilElement { } var HTMLEzTileElement: { prototype: HTMLEzTileElement; new (): HTMLEzTileElement; }; interface HTMLEzTileMediumElement extends Components.EzTileMedium, HTMLStencilElement { } var HTMLEzTileMediumElement: { prototype: HTMLEzTileMediumElement; new (): HTMLEzTileMediumElement; }; interface HTMLEzTimeInputElement extends Components.EzTimeInput, HTMLStencilElement { } var HTMLEzTimeInputElement: { prototype: HTMLEzTimeInputElement; new (): HTMLEzTimeInputElement; }; interface HTMLEzToastElement extends Components.EzToast, HTMLStencilElement { } var HTMLEzToastElement: { prototype: HTMLEzToastElement; new (): HTMLEzToastElement; }; interface HTMLEzTooltipElement extends Components.EzTooltip, HTMLStencilElement { } var HTMLEzTooltipElement: { prototype: HTMLEzTooltipElement; new (): HTMLEzTooltipElement; }; interface HTMLEzTreeElement extends Components.EzTree, HTMLStencilElement { } var HTMLEzTreeElement: { prototype: HTMLEzTreeElement; new (): HTMLEzTreeElement; }; interface HTMLEzUnderfaceElement extends Components.EzUnderface, HTMLStencilElement { } var HTMLEzUnderfaceElement: { prototype: HTMLEzUnderfaceElement; new (): HTMLEzUnderfaceElement; }; interface HTMLEzUploadElement extends Components.EzUpload, HTMLStencilElement { } var HTMLEzUploadElement: { prototype: HTMLEzUploadElement; new (): HTMLEzUploadElement; }; interface HTMLEzViewStackElement extends Components.EzViewStack, HTMLStencilElement { } var HTMLEzViewStackElement: { prototype: HTMLEzViewStackElement; new (): HTMLEzViewStackElement; }; interface HTMLFilterColumnElement extends Components.FilterColumn, HTMLStencilElement { } var HTMLFilterColumnElement: { prototype: HTMLFilterColumnElement; new (): HTMLFilterColumnElement; }; interface HTMLMultiSelectionBoxMessageElement extends Components.MultiSelectionBoxMessage, HTMLStencilElement { } var HTMLMultiSelectionBoxMessageElement: { prototype: HTMLMultiSelectionBoxMessageElement; new (): HTMLMultiSelectionBoxMessageElement; }; interface HTMLSearchListElement extends Components.SearchList, HTMLStencilElement { } var HTMLSearchListElement: { prototype: HTMLSearchListElement; new (): HTMLSearchListElement; }; interface HTMLElementTagNameMap { "ez-actions-button": HTMLEzActionsButtonElement; "ez-alert": HTMLEzAlertElement; "ez-alert-list": HTMLEzAlertListElement; "ez-application": HTMLEzApplicationElement; "ez-avatar": HTMLEzAvatarElement; "ez-badge": HTMLEzBadgeElement; "ez-breadcrumb": HTMLEzBreadcrumbElement; "ez-button": HTMLEzButtonElement; "ez-calendar": HTMLEzCalendarElement; "ez-card-item": HTMLEzCardItemElement; "ez-chart": HTMLEzChartElement; "ez-check": HTMLEzCheckElement; "ez-chip": HTMLEzChipElement; "ez-classic-combo-box": HTMLEzClassicComboBoxElement; "ez-classic-input": HTMLEzClassicInputElement; "ez-classic-text-area": HTMLEzClassicTextAreaElement; "ez-collapsible-box": HTMLEzCollapsibleBoxElement; "ez-combo-box": HTMLEzComboBoxElement; "ez-combo-box-list": HTMLEzComboBoxListElement; "ez-custom-form-input": HTMLEzCustomFormInputElement; "ez-date-input": HTMLEzDateInputElement; "ez-date-time-input": HTMLEzDateTimeInputElement; "ez-dialog": HTMLEzDialogElement; "ez-double-list": HTMLEzDoubleListElement; "ez-dropdown": HTMLEzDropdownElement; "ez-empty-card": HTMLEzEmptyCardElement; "ez-file-item": HTMLEzFileItemElement; "ez-filter-input": HTMLEzFilterInputElement; "ez-form": HTMLEzFormElement; "ez-form-view": HTMLEzFormViewElement; "ez-grid": HTMLEzGridElement; "ez-grid-view": HTMLEzGridViewElement; "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; "ez-multi-selection-list": HTMLEzMultiSelectionListElement; "ez-number-input": HTMLEzNumberInputElement; "ez-pagination": HTMLEzPaginationElement; "ez-popover": HTMLEzPopoverElement; "ez-popover-core": HTMLEzPopoverCoreElement; "ez-popover-plus": HTMLEzPopoverPlusElement; "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; "ez-tabselector": HTMLEzTabselectorElement; "ez-tag": HTMLEzTagElement; "ez-tag-input": HTMLEzTagInputElement; "ez-text-area": HTMLEzTextAreaElement; "ez-text-edit": HTMLEzTextEditElement; "ez-text-input": HTMLEzTextInputElement; "ez-tile": HTMLEzTileElement; "ez-tile-medium": HTMLEzTileMediumElement; "ez-time-input": HTMLEzTimeInputElement; "ez-toast": HTMLEzToastElement; "ez-tooltip": HTMLEzTooltipElement; "ez-tree": HTMLEzTreeElement; "ez-underface": HTMLEzUnderfaceElement; "ez-upload": HTMLEzUploadElement; "ez-view-stack": HTMLEzViewStackElement; "filter-column": HTMLFilterColumnElement; "multi-selection-box-message": HTMLMultiSelectionBoxMessageElement; "search-list": HTMLSearchListElement; } } declare namespace LocalJSX { interface EzActionsButton { /** * Define a lista de ações. Os elementos devem obedecer o formato: `{value: string, label: string}`. */ "actions"?: Array; /** * Se true a seta de ordenação será apresentada. */ "arrowActive"?: boolean; /** * Se true o check será apresentado para os itens. */ "checkOption"?: boolean; /** * Define o ícone do componente. */ "displayIcon"?: string; /** * Se false o usuário não pode interagir com o componente. */ "enabled"?: boolean; /** * Se true o background será transparent. */ "isTransparent"?: boolean; /** * Emitido ao acionar uma ação. */ "onEzAction"?: (event: EzActionsButtonCustomEvent) => void; /** * Emitido quando componente é desconectado da DOM */ "onEzDisconnectedActionButtons"?: (event: EzActionsButtonCustomEvent) => void; /** * Emitido ao mostrar a lista de ações */ "onEzPopoverOpen"?: (event: EzActionsButtonCustomEvent) => void; /** * Se true o label será apresentado. */ "showLabel"?: boolean; /** * Determina o tamanho do ez-action-button. */ "size"?: "small" | "medium" | "large"; /** * Define o valor do componente. */ "value"?: string; } interface EzAlert { /** * Define a cor e o ícone a serem exibidos no componente. */ "alertType"?: 'warn' | 'critical' | 'success'; } interface EzAlertList { /** * Lista de alertas que devem ser apresentados no componente. */ "alerts"?: AlertItem[]; /** * Define se o componente pode ser arrastado na tela. */ "enableDragAndDrop"?: boolean; /** * Define se o componente pode ser expandido. */ "enableExpand"?: boolean; /** * Define se o componente está expandido. */ "expanded"?: boolean; /** * Define builder para elementos a direita do componente */ "itemRightSlotBuilder"?: SlotBuilder; /** * Define se o componente está aberto. */ "opened"?: boolean; } interface EzApplication { /** * Evento disparado quando a aplicação for carregada. */ "onApplicationLoaded"?: (event: EzApplicationCustomEvent) => void; } interface EzAvatar { /** * Nome do ícone que deve ser exibido no avatar. */ "iconName"?: string; /** * URL da imagem do Avatar. */ "imageSrc"?: string; /** * Se true, o Avatar será interativo. Caso contrário, será estático. */ "isInteractive"?: boolean; /** * Nome do usuário para exibição da inicial. */ "name"?: string; /** * Define o formato do Avatar: 'circle' ou 'square'. */ "shape"?: 'circle' | 'square'; /** * Tamanho do Avatar (valores permitidos): '320x320', '300x300', '280x280', '260x260', '240x240', '220x220', '200x200', '180x180', '160x160', '140x140', '120x120', '100x100', '80x80', '60x60'. */ "size"?: '320' | '300' | '280' | '260' | '240' | '220' | '200' | '180' | '160' | '140' | '120' | '100' | '80' | '60'; } interface EzBadge { /** * Define a posição do ícone em relação ao elemento. */ "alignItems"?: "center" | "flex-end" | "flex-start"; /** * Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) */ "iconLeft"?: string; /** * Define o ícone a ser usado no lado direito do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) */ "iconRight"?: string; /** * Define o conteúdo textual ou numérico do componente. */ "label"?: string; /** * Define a posição do ícone em relação ao elemento filho. */ "position"?: IPosition; /** * Define o tamanho de acordo com o tipo utilizado pelo componente. */ "size"?: "extra-large" | "large" | "medium" | "small-medium" | "small" | "extra-small"; } interface EzBreadcrumb { /** * Define o modo de uso do Breadcrumb. */ "fillMode"?: "auto" | "regular"; /** * Lista de itens do breadcrumb. */ "items"?: Array; /** * Define o limite máximo de itens a serem renderizados. */ "maxItems"?: number; /** * Emitido quando um item do breadcrumb é selecionado. */ "onSelectedItem"?: (event: EzBreadcrumbCustomEvent) => void; /** * Define a posição do Ellipsis nos itens visíveis do Breadcrumb. */ "positionEllipsis"?: number; } interface EzButton { /** * Se false o usuário não pode interagir com o botão. * @deprecated Use `isDisabled` prop instead. */ "enabled"?: boolean; /** * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) */ "iconName"?: string; /** * 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"; /** * 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 { /** * Define se a exibição do ez-calendar será feita pelos métodos `show()` e `hide()`. */ "floating"?: boolean; /** * Emitido quando acontece a alteração de valor do calendário. */ "onEzChange"?: (event: EzCalendarCustomEvent) => void; /** * Se true a data considera segundos. Deve ser usado em conjunto com a propriedade `time`. */ "showSeconds"?: boolean; /** * Se true a data considera horas e minutos. */ "time"?: boolean; /** * Define o valor do calendário. */ "value"?: Date; } interface EzCardItem { /** * Determina se o componente será apresentado no modo compacto. */ "compacted"?: boolean; /** * 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}`. */ "item"?: CardItem; /** * Emitido sempre que o ez-card é clicado. */ "onEzClick"?: (event: EzCardItemCustomEvent) => void; } interface EzChart { /** * Define o sub titulo a ser apresentado no gráfico */ "chartSubTitle"?: string; /** * Define o titulo a ser apresentado no gráfico */ "chartTitle"?: string; /** * Define a altura do gráfico */ "height"?: number; /** * Define se a legenda do gráfico deve ser apresentada ou não. */ "legendEnabled"?: boolean; /** * Evento emitido quando ocorre um click em uma serie do gráfico */ "onEzSerieClick"?: (event: EzChartCustomEvent) => void; /** * Define as series a serem apresentadas no gráfico */ "series"?: ChartSerie | Array; /** * Define o tipo de gráfico apresentado pelo componente */ "type"?: ChartType; /** * Define uma largura do gráfico */ "width"?: number; /** * Definições do eixo X do gráfico */ "xAxis"?: ChartAxis | Array; /** * Definições do eixo Y do gráfico */ "yAxis"?: ChartAxis | Array; } interface EzCheck { /** * Texto alternativo a ser apresentado como título do campo. */ "alternativePlaceholder"?: string; /** * Define o modo compacto com espaçamento menor entre label e o input */ "compact"?: boolean; /** * Se false o usuário não pode interagir com o campo. */ "enabled"?: boolean; /** * Se true ativa o estado indeterminado, nem marcado nem desmarcado (não disponível em modo `switch`). */ "indeterminate"?: boolean; /** * Texto a ser apresentado como título do campo. */ "label"?: string; /** * Define o modo de visualização do ez-check. */ "mode"?: CheckMode; /** * Emitido quando acontece a alteração de valor do campo. */ "onEzChange"?: (event: EzCheckCustomEvent) => void; /** * Define o valor do campo. */ "value"?: boolean; } interface EzChip { /** * Desabilita a alteração da propriedade value ao clicar. */ "disableAutoUpdateValue"?: boolean; /** * 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. */ "mode"?: "label" | "action"; /** * Emitido no modo "action" quando o usuário clica no ez-chip. */ "onActionClick"?: (event: EzChipCustomEvent) => void; /** * Emitido quando o icone é acionado. */ "onIconClick"?: (event: EzChipCustomEvent<{ icon: "left" | "right" }>) => void; /** * Emitido quando o botão de remoção é acionado. */ "onRemoveChip"?: (event: EzChipCustomEvent) => void; /** * Emitido quando acontece a alteração de valor do ez-chip. */ "onValueChange"?: (event: EzChipCustomEvent) => void; /** * Determina o posicionamento do botão de remover (não disponível no modo `action`). Se não informado, não exibe o botão. */ "removePosition"?: "left" | "right" | undefined; /** * Define se o chip deve ser removido ao pressionar a tecla Enter quando focado. */ "removeWithKeyboard"?: boolean; /** * 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 tabindex do chip. Por padrão é 0, permitindo que o chip seja focável. */ "tabIndex"?: number; /** * Define o tipo de estilização do chip. */ "type"?: EzChipType; /** * Define o valor do ez-chip. */ "value"?: boolean; } interface EzClassicComboBox { /** * Define se o combo box está habilitado. */ "enabled"?: boolean; /** * Texto de ajuda exibido abaixo do combo box. */ "helpText"?: string; /** * Define se o ícone é clicável */ "iconClickable"?: boolean; /** * Nome do ícone. */ "iconName"?: string; /** * Texto do label exibido acima do combo box. */ "label"?: string; /** * Nome do combo box. */ "name"?: string; /** * Evento disparado quando o combo box perde o foco. */ "onEzBlur"?: (event: EzClassicComboBoxCustomEvent) => void; /** * Evento disparado quando o valor do combo box muda. */ "onEzChange"?: (event: EzClassicComboBoxCustomEvent) => void; /** * Emitido quando é digitado no campo de entrada. */ "onEzType"?: (event: EzClassicComboBoxCustomEvent) => void; /** * Emitido quando acontece a alteração de estado do popover. */ "onEzVisibilityChange"?: (event: EzClassicComboBoxCustomEvent) => void; /** * Evento disparado quando o ícone é clicado. */ "onIconClick"?: (event: EzClassicComboBoxCustomEvent) => void; /** * Array com as opções do ez-classic-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. */ "options"?: Array; /** * Placeholder do combo box */ "placeholder"?: string; /** * Define se o combo box é somente leitura. */ "readonly"?: boolean; /** * Estado visual do combo box: default, error, success ou warning. */ "state"?: "default" | "error" | "success" | "warning"; /** * Se true remove a opção vazia da lista. */ "suppressEmptyOption"?: boolean; /** * Se true desabilita a digitação dentro do componente. */ "suppressSearch"?: boolean; /** * Texto a ser apresentado na opção de valor nulo. */ "textEmptyOption"?: string; /** * Título do ícone (tooltip). */ "titleIcon"?: string; /** * Valor do combo box. */ "value"?: IOption; } interface EzClassicInput { /** * Define se o valor emitido pelo evento ezChange deve conter a máscara aplicada (padrão: false) */ "emitMaskedValue"?: boolean; /** * Define se o input está habilitado */ "enabled"?: boolean; /** * Texto de ajuda exibido abaixo do input */ "helpText"?: string; /** * Texto do label exibido acima do input */ "label"?: string; /** * Define se o ícone da esquerda é clicável */ "leftIconClickable"?: boolean; /** * Nome do ícone à esquerda */ "leftIconName"?: string; /** * Título do ícone à esquerda (tooltip) */ "leftIconTooltip"?: string; /** * Aplica uma máscara no conteúdo conforme o padrão estabelecido. Para mais informações acesse: https://gilded-nasturtium-6b64dd.netlify.app/docs/utilities/api/classes/maskformatter/ */ "mask"?: string; /** * Tamanho máximo do valor */ "maxlength"?: number; /** * Tamanho mínimo do valor */ "minlength"?: number; /** * Nome do input */ "name"?: string; /** * Evento disparado quando o input perde o foco. */ "onEzBlur"?: (event: EzClassicInputCustomEvent) => void; /** * Evento disparado quando o valor do input muda. */ "onEzChange"?: (event: EzClassicInputCustomEvent) => void; /** * Evento disparado quando o input ganha o foco. */ "onEzFocus"?: (event: EzClassicInputCustomEvent) => void; /** * Evento disparado quando um ícone é clicado. Payload: { icon: "left" | "right" } */ "onIconClick"?: (event: EzClassicInputCustomEvent<{ icon: "left" | "right" }>) => void; /** * Placeholder do input */ "placeholder"?: string; /** * Define se o input é somente leitura */ "readonly"?: boolean; /** * Define se o ícone da direita é clicável */ "rightIconClickable"?: boolean; /** * Nome do ícone à direita */ "rightIconName"?: string; /** * Título do ícone à direita (tooltip) */ "rightIconTooltip"?: string; /** * Estado visual do input: default, error, success ou warning */ "state"?: "default" | "error" | "success" | "warning"; /** * Tipo do input (ex: text, password, email, etc) */ "type"?: string; /** * Valor do input */ "value"?: string; } interface EzClassicTextArea { /** * Define se a textarea está habilitada */ "enabled"?: boolean; /** * Texto de ajuda exibido abaixo da textarea */ "helpText"?: string; /** * Texto do rótulo exibido acima da área de texto */ "label"?: string; /** * Define se o ícone da esquerda é clicável */ "leftIconClickable"?: boolean; /** * Nome do ícone à esquerda */ "leftIconName"?: string; /** * Título do ícone à esquerda (tooltip) */ "leftIconTooltip"?: string; /** * Número máximo de caracteres permitidos */ "maxlength"?: number; /** * Nome da textarea */ "name"?: string; /** * Evento emitido quando a área de texto perde foco */ "onEzBlur"?: (event: EzClassicTextAreaCustomEvent) => void; /** * Evento emitido quando o valor da área de texto muda */ "onEzChange"?: (event: EzClassicTextAreaCustomEvent) => void; /** * Evento disparado quando um ícone é clicado. Payload: { icon: "left" | "right" } */ "onIconClick"?: (event: EzClassicTextAreaCustomEvent<{ icon: "left" | "right" }>) => void; /** * Texto de placeholder exibido quando a área de texto está vazia */ "placeholder"?: string; /** * Se a área de texto é somente leitura */ "readonly"?: boolean; /** * Comportamento de redimensionamento da área de texto */ "resize"?: 'none' | 'both' | 'horizontal' | 'vertical'; /** * Define se o ícone da direita é clicável */ "rightIconClickable"?: boolean; /** * Nome do ícone à direita */ "rightIconName"?: string; /** * Título do ícone à direita (tooltip) */ "rightIconTooltip"?: string; /** * Define o número de linhas da área de texto */ "rows"?: number; /** * Estado visual da textarea: default, error, success ou warning */ "state"?: "default" | "error" | "success" | "warning"; /** * Valor atual da área de texto */ "value"?: string; } interface EzCollapsibleBox { /** * Define seu o componente deve ter borda */ "boxBordered"?: boolean; /** * Define uma condição para salvar ou não uma alteração. */ "conditionalSave"?: Function; /** * Se true mostra o ícone para edição do componente. */ "editable"?: boolean; /** * Define a posição do conteúdo do cabeçalho do componente. */ "headerAlign"?: "center" | "left" | "right" | "stretch" | undefined; /** * Define o tamanho do texto e do ícone. */ "headerSize"?: "x-small" | "small" | "medium" | "large" | "x-large" | undefined; /** * Define o posicionamento do ícone. */ "iconPlacement"?: "left" | "right"; /** * Texto a ser apresentado como título do componente. */ "label"?: string; /** * Emitido quando acontece a alteração de valor do componente. */ "onEzChange"?: (event: EzCollapsibleBoxCustomEvent) => void; /** * Emitido quando o modo de edição da label for aberto e fechado (onEzEditLabelMode). */ "onEzEditLabelMode"?: (event: EzCollapsibleBoxCustomEvent) => void; /** * Emitido ao remover o componente (onEzRemove). */ "onEzRemove"?: (event: EzCollapsibleBoxCustomEvent) => void; /** * Emitido ao concluir edição da label (onEzSaveEditLabel). */ "onEzSaveEditLabel"?: (event: EzCollapsibleBoxCustomEvent) => void; /** * Se true mostra o ícone para remoção do componente. */ "removable"?: boolean; /** * Texto a ser apresentado como subtítulo do componente. */ "subtitle"?: string; /** * Define o valor do componente. */ "value"?: boolean; } interface EzComboBox { /** * Texto alternativo a ser apresentado como título do campo. */ "alternativePlaceholder"?: string; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus"?: boolean; /** * 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; /** * Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. */ "hideErrorOnFocusOut"?: boolean; /** * Informa se a pesquisa é do tipo texto. */ "isTextSearch"?: boolean; /** * Texto a ser apresentado como título do campo. */ "label"?: string; /** * Define o limite de caracteres mínimo para realizar uma pesquisa */ "limitCharsToSearch"?: number; /** * Define um posicionamento fixo para a lista de opções do CheckBox. */ "listOptionsPosition"?: IEzCheckBoxListPosition; /** * Define o tamanho do campo. */ "mode"?: "slim" | "regular"; /** * Emitido quando acontece a alteração de valor do campo. */ "onEzChange"?: (event: EzComboBoxCustomEvent) => void; /** * Emitido quando acontece a alteração de visibilidade do popover. */ "onEzVisibilityChange"?: (event: EzComboBoxCustomEvent) => void; /** * Carrega as opções dinamicamente. */ "optionLoader"?: (argument: ISearchArgument) => Promise> | Array | IOption; /** * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. */ "options"?: Array; /** * 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`. */ "showOptionValue"?: boolean; /** * Se true a opção selecionada exibe o `value` junto com `label`. */ "showSelectedValue"?: boolean; /** * Se true, ineterrompe a propagação do evento de KeyDown da tecla enter */ "stopPropagateEnterKeyEvent"?: boolean; /** * Se true remove a opção vazia da lista. */ "suppressEmptyOption"?: boolean; /** * Se true desabilita a digitação dentro do componente. */ "suppressSearch"?: boolean; /** * Texto a ser apresentado na opção de valor nulo. */ "textEmptyOption"?: string; /** * Define o valor do campo. */ "value"?: IOption | string; } interface EzComboBoxList { /** * Largura máxima da lista, em pixels. * @tipo {number} */ "maxWidth"?: number; /** * Callback chamado quando o mouse passa sobre uma opção. * @param index O índice da opção em foco. * @tipo {(index: number) => void} */ "onOptionHover"?: (index: number) => void; /** * Callback chamado quando uma opção é selecionada. * @param option A opção selecionada. * @tipo {(option: IOption) => void} */ "onOptionSelect"?: (option: IOption2) => void; /** * Índice da opção pré-selecionada na lista. * @tipo {number} */ "preSelection"?: number; /** * Indica se o indicador de carregamento deve ser exibido. * @tipo {boolean} */ "showLoading"?: boolean; /** * Indica se o valor de cada opção deve ser exibido junto com o rótulo. * @tipo {boolean} */ "showOptionValue"?: boolean; /** * Mensagem exibida quando a lista de opções está vazia. * @padrão "Nenhum resultado encontrado" * @tipo {string} */ "textEmptyList"?: string; /** * Lista de opções visíveis que serão exibidas no componente. * @tipo {Array} */ "visibleOptions"?: Array; /** * Largura fixa da lista, em pixels. * @tipo {number} */ "width"?: number; } interface EzCustomFormInput { /** * Builder original do FormView que será chamado caso o custom não retorne nenhum valor. */ "builderFallback"?: (field: IFormViewField) => HTMLElement; /** * Instância do editor customizado. */ "customEditor"?: ICustomEditor; /** * Define de qual contexto o editor está sendo acionado. */ "detailContext"?: string; /** * Campo que o elemento customizado representa. */ "formViewField"?: IFormViewField; /** * Define os registros da linha selecionada. */ "selectedRecord"?: Record; /** * Valores dos campos do formulário. */ "value"?: any; } interface EzDateInput { /** * Texto alternativo ser apresentado como título do campo. */ "alternativePlaceholder"?: string; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus"?: boolean; /** * 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 não foi possível completar a alteração entre o evento ezStartChange e ezChange. */ "onEzCancelWaitingChange"?: (event: EzDateInputCustomEvent) => void; /** * Emitido quando acontece a alteração de valor do campo. */ "onEzChange"?: (event: EzDateInputCustomEvent) => void; /** * Emitido quando o usuário digita uma data válida no campo. */ "onEzInput"?: (event: EzDateInputCustomEvent) => void; /** * Emitido ao iniciar a alteração (digitação incompleta). */ "onEzStartChange"?: (event: EzDateInputCustomEvent) => void; /** * Define o valor do campo. */ "value"?: Date; } interface EzDateTimeInput { /** * Texto alternativo ser apresentado como título do campo. */ "alternativePlaceholder"?: string; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus"?: boolean; /** * 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 não foi possível completar a alteração entre o evento ezStartChange e ezChange. */ "onEzCancelWaitingChange"?: (event: EzDateTimeInputCustomEvent) => void; /** * Emitido quando acontece a alteração de valor do campo. */ "onEzChange"?: (event: EzDateTimeInputCustomEvent) => void; /** * Emitido ao iniciar a alteração (digitação incompleta). */ "onEzStartChange"?: (event: EzDateTimeInputCustomEvent) => void; /** * Se true considera segundos. */ "showSeconds"?: boolean; /** * Define o valor do campo. */ "value"?: Date; } interface EzDialog { /** * Define função a ser executada antes de fechar o modal */ "beforeClose"?: Function; /** * Define se o ez-dialog será utilizado no modo de confirmação. */ "confirm"?: boolean; /** * Define aparência do ez-dialog. */ "dialogType"?: DialogType; /** * Texto a ser apresentado como título do campo. */ "ezTitle"?: string; /** * Define a menssagem exibida no ez-dialog. */ "message"?: string; /** * Emitido ao confirmar o ez-dialog. */ "onEzAccept"?: (event: EzDialogCustomEvent) => void; /** * Emitido ao cancelar o ez-dialog. */ "onEzCancel"?: (event: EzDialogCustomEvent) => void; /** * Define se o ez-dialog está aberto. */ "opened"?: boolean; /** * Define o ícone a ser exibido. */ "personalizedIconPath"?: string; } interface EzDoubleList { /** * 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; /** * Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa". */ "entityLabel"?: string; /** * Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas". */ "entityLabelPlural"?: string; /** * Define a lista origem. */ "leftList"?: ListItem[]; /** * Rótulo da lista esquerda. */ "leftListLabel"?: string; /** * Define o título da lista origem. */ "leftTitle"?: string; /** * Emitido ao realizar uma alteração na lista esquerda do componente. */ "onEzLeftListChanged"?: (event: EzDoubleListCustomEvent>) => void; /** * Emitido ao realizar uma alteração na lista direita do componente. */ "onEzRightListChanged"?: (event: EzDoubleListCustomEvent>) => void; /** * Define a lista destino. */ "rightList"?: ListItem[]; /** * Rótulo da lista direita. */ "rightListLabel"?: string; /** * Define o título da lista destino. */ "rightTitle"?: string; /** * 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; /** * Define se irá exibir apenas a lista da direita. */ "useOnlyRightList"?: boolean; } interface EzDropdown { /** * Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. */ "itemBuilder"?: (item: IDropdownItem, level: number) => HTMLElement | string; /** * Lista de itens que vão ser apresentados no dropdown. */ "items"?: Array; /** * 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) => void; /** * Emitido quando ocorrer o ponteiro do mouse é colocado sobre um item. */ "onEzHover"?: (event: EzDropdownCustomEvent) => void; /** * Emitido quando ocorrer um click fora do componente. */ "onEzOutsideClick"?: (event: EzDropdownCustomEvent) => void; /** * Emitido quando ocorrer um click em uma ação secundaria do item, o IDropdownSubAction deve ser enviado como data do evento. */ "onEzSubActionClick"?: (event: EzDropdownCustomEvent) => void; /** * Último item que recebeu o click. */ "value"?: IDropdownItem; } interface EzEmptyCard { /** * Define a cor tema do componente. */ "color"?: "default" | "green" | "gray" | "yellow" | "red" | "petroleum"; /** * Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. */ "height"?: number; /** * Define a largura do componente, sobrescrevendo o padrão da propriedade size. */ "width"?: number; } interface EzFileItem { /** * Define se o usuário pode remover o arquivo que está sendo apresentado. */ "canRemove"?: boolean; /** * Define o nome do arquivo, com extensão. */ "fileName"?: string; /** * Tamanho do arquivo (em bytes). */ "fileSize"?: number; /** * Define qual ícone que representa o arquivo. */ "iconName"?: string; /** * Emitido ao clicar no ez-file-input (exceto no botão de remover). */ "onEzClick"?: (event: EzFileItemCustomEvent) => void; /** * Emitido ao clicar no botão de remover. */ "onEzRemove"?: (event: EzFileItemCustomEvent) => void; /** * Percentual de carregamento do arquivo para o servidor. */ "progress"?: number; } interface EzFilterInput { /** * Define se o campo irá funcionar de forma assíncrona. */ "asyncSearch"?: boolean; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus"?: boolean; /** * 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: EzFilterInputCustomEvent) => void; /** * Emitido quando acontece o foco no campo. */ "onEzFocusIn"?: (event: EzFilterInputCustomEvent) => void; /** * Emitido quando está sendo realizada uma pesquisa no modo asyncSearch. */ "onEzSearching"?: (event: EzFilterInputCustomEvent) => void; /** * Restringe o que o usuário pode digitar. */ "restrict"?: string; /** * Define o valor do campo. */ "value"?: string; } interface EzForm { /** * Configuração do formulário. */ "config"?: IFormConfig; /** * Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. */ "dataUnit"?: DataUnit; /** * Define uma ancoragem */ "elementFocusSearchField"?: HTMLElement; /** * Determina o campo que deve ficar em evidência. */ "fieldToFocus"?: string; /** * Emitido quando o campo recebe foco */ "onEzFormRequestClearFieldToFocus"?: (event: EzFormCustomEvent) => void; /** * Emitido quando o campo recebe foco */ "onEzFormSetFields"?: (event: EzFormCustomEvent>) => void; /** * Evento disparado quando o formulário está disponível na DOM. */ "onEzReady"?: (event: EzFormCustomEvent) => void; /** * Responsável por notificar quando ocorrer a renderização de itens do formulário. */ "onFormItemsReady"?: (event: EzFormCustomEvent) => void; /** * 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 um validador responsável pela integridade dos registros. */ "recordsValidator"?: IRecordValidator; /** * Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F */ "useSearchField"?: boolean; } interface EzFormView { /** * Define a lista de metadados usada para criar os campos de user interface. */ "fields"?: Array; /** * Evento emitido quando o componente foi totalmente carregado na DOM. */ "onEzContentReady"?: (event: EzFormViewCustomEvent>) => void; /** * Responsável por notificar quando ocorrer a renderização de itens do formulário. */ "onFormItemsReady"?: (event: EzFormViewCustomEvent) => void; /** * Define os registros da linha selecionada. */ "selectedRecord"?: Record; /** * Define se o formulario deve possuir apenas 1 coluna. */ "singleColumn"?: boolean; } interface EzGrid { /** * Define se a grid será focada ao ser carregada. */ "autoFocus"?: boolean; /** * Define se a edição está habilitada na grid. */ "canEdit"?: boolean; /** * Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas. */ "columnfilterDataSource"?: IMultiSelectionListDataSource; /** * Define se a grade deve ser exibida em modo compacto */ "compact"?: boolean; /** * Configuração de exibição da grade. */ "config"?: IGridConfig; /** * Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. */ "dataUnit"?: DataUnit; /** * Ativa/desativa a inserção continua na grade Só funciona quando a prop enableGridInsert está ativa */ "enableContinuousInsert"?: boolean; /** * Ativa inserção de registros no modo grade. */ "enableGridInsert"?: boolean; /** * Define se o componente deve usar o LockManager para controle de carregamento da aplicação */ "enableLockManagerLoadingComp"?: boolean; /** * Ativa inserção de registros no modo grade pela Taskbar. */ "enableLockManagerTaskbarClick"?: boolean; /** * Ativa modo de linhas com cores alternadas. */ "enableRowTableStriped"?: boolean; /** * Define o modo de uso da grade */ "mode"?: IGridMode; /** * Habilita a seleção de várias linhas. */ "multipleSelection"?: boolean; /** * Emitido quando o componente estiver completamente carregado. */ "onComponentReady"?: (event: EzGridCustomEvent) => void; /** * Emitido quando acontece a alteração de configuração do grade. */ "onConfigChange"?: (event: EzGridCustomEvent) => void; /** * Emitido quando acontece a alteração de filtro de colunas. */ "onEzColumnFilterChanged"?: (event: EzGridCustomEvent>) => void; /** * Emitido quando acontece a alteração de estado das colunas do grid: Ordenação, largura, etc. */ "onEzColumnStateChange"?: (event: EzGridCustomEvent) => void; /** * Emitido com o duplo clique de uma linha */ "onEzDoubleClick"?: (event: EzGridCustomEvent) => void; /** * Emitido a página atual é alterada. */ "onEzPageChangedChanged"?: (event: EzGridCustomEvent) => void; /** * Emitido quando acontece a alteração de seleção de linhas. */ "onEzSelectionChange"?: (event: EzGridCustomEvent) => void; /** * Altera visualmente as sombras e bordas do componente Quando false, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando true, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up) */ "outlineMode"?: boolean; /** * Define se a grid será focada ao ser carregada. */ "paginationCounterMode"?: 'show' | 'hidden' | 'auto'; /** * Define um validador responsável pela integridade dos registros. */ "recordsValidator"?: IRecordValidator; /** * Configuração da seleção de grade no toast. */ "selectionToastConfig"?: ISelectionToastConfig; /** * Endereço do servidor para obtenção dos dados. */ "serverUrl"?: string; /** * Define um `IStatusResolver` responsável pelo estado da coluna de status. */ "statusResolver"?: IStatusResolver | StatusResolverFunction; /** * Informa se a coluna de chechbox deve ser suprimida */ "suppressCheckboxColumn"?: boolean; /** * Informa se a grade deve suprimir o filtro de coluna. */ "suppressFilterColumn"?: boolean; /** * Define se a grade deve suprimir o scroll horizontal. */ "suppressHorizontalScroll"?: boolean; /** * Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade. */ "useEnterLikeTab"?: boolean; /** * Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F */ "useSearchColumn"?: boolean; } interface EzGridView { /** * Define se a grid será focada ao ser carregada. */ "autoFocus"?: boolean; /** * Configuração de exibição da grade. */ "columnsConfig"?: ColumnConfig[]; /** * Define se a grade deve ser exibida em modo compacto */ "compact"?: boolean; /** * Ativa modo de linhas com cores alternadas. */ "enableRowTableStriped"?: boolean; /** * Metadados que definem a estrutura da grade. */ "metadata"?: UnitMetadata; /** * Habilita a seleção de várias linhas. */ "multipleSelection"?: boolean; /** * Altera visualmente as sombras e bordas do componente Quando false, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando true, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up) */ "outlineMode"?: boolean; /** * Quantidade de registros por página. */ "pageSize"?: number; /** * Define a forma como a paginação irá se comportar. */ "paginationCounterMode"?: 'show' | 'hidden' | 'auto'; /** * Formato dos campos data dos registros. */ "recordDateFormat"?: RECORD_DATE_FORMAT; /** * Registros a serem exibidos na grade. */ "records"?: Record[]; /** * Informa se a coluna de chechbox deve ser suprimida */ "suppressCheckboxColumn"?: boolean; /** * Informa se a grade deve suprimir o filtro de coluna. */ "suppressFilterColumn"?: boolean; /** * Define se a grade deve suprimir o scroll horizontal. */ "suppressHorizontalScroll"?: boolean; /** * Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F */ "useSearchColumn"?: boolean; } interface EzGuideNavigator { /** * Lista de itens do menu de navegação. */ "items"?: Array; /** * Evento emitido quando o item selecionado no navigator é alterado. */ "onEzSelectionChange"?: (event: EzGuideNavigatorCustomEvent) => void; /** * Define se o menu de navegação está aberto. */ "open"?: boolean; /** * Define o id do item selecionado. */ "selectedId"?: string; /** * Define uma função que vai resolver o `tooltip` ou `title` daquele item. */ "tooltipResolver"?: (item: IGuideItem, enabled: boolean, level: number) => string; } interface EzIcon { /** * Define o tamanho da fonte. */ "fontSize"?: number | string; /** * Define o endereço da imagem quando não contempladas na biblioteca de ícones. */ "href"?: string; /** * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) */ "iconName"?: string; /** * Define o tamanho do ícone. */ "size"?: "x-small" | "small"| "medium" | "large" | "x-large"; } interface EzLinkBuilder { "onExecuteToolbarCommand"?: (event: EzLinkBuilderCustomEvent) => void; } interface EzList { /** * Define a lista inicial do componente. */ "dataSource"?: Array; /** * Habilita seleção de múltiplos items. */ "enableMultipleSelection"?: boolean; /** * Habilita a seleção de checkbox. */ "enabled"?: boolean; /** * Se true habilita `drag and drop` para os itens. */ "ezDraggable"?: boolean; /** * Se true os itens serão selecionáveis. */ "ezSelectable"?: boolean; /** * Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista. */ "hoverFeedback"?: boolean; /** * Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement. */ "itemLeftSlotBuilder"?: SlotBuilder; /** * Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. */ "itemSlotBuilder"?: SlotBuilder; /** * Define o modo de apresentação da lista. */ "listMode"?: keyof TListMode; /** * Emitido quando acontece a alteração de estado da lista. */ "onEzChange"?: (event: EzListCustomEvent>) => void; /** * Emitido quando acontece a alteração de um item do checkbox. */ "onEzCheckChange"?: (event: EzListCustomEvent) => void; /** * Emitido quando ocorre um duplo clique em um item da lista. */ "onEzDoubleClick"?: (event: EzListCustomEvent) => void; /** * Emitido sempre que um item da lista for selecionado. */ "onEzSelectItem"?: (event: EzListCustomEvent) => void; /** * Emitido sempre que um ou vários item da lista for selecionado. */ "onEzSelectMultipleItems"?: (event: EzListCustomEvent) => void; /** * Se true os grupos serão exibidos. */ "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 { /** * Define o alinhamento do ez-modal. */ "align"?: "right" | "left"; /** * Define se o ez-modal será fechado ao clicar `ESC`. */ "closeEsc"?: boolean; /** * Define se o modal será fechado ao clicar fora do conteúdo. */ "closeOutsideClick"?: boolean; /** * Define se o modal será fechado se o mouse sair para fora do conteúdo. */ "closeOutsideLeave"?: boolean; /** * Ativa o modo Full, permitindo que o Modal expanda-se verticalmente e ocupe todo o espaço disponível. */ "heightMode"?: keyof THeightMode; /** * Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`. */ "modalSize"?: string; /** * Emitido quando o modal é fechado. */ "onEzCloseModal"?: (event: EzModalCustomEvent) => void; /** * Representa a interação com o usuário. OK - Quando o botão é acionado CANCEL - Quando o botão de cancelar é acionado CLOSE - Quando o botão de fechar é acionado. LOAD - Quando o modal é carregado (eventualmente pode ser usado para dar foco a um elemento específico) */ "onEzModalAction"?: (event: EzModalCustomEvent) => void; /** * Emitido quando o modal é aberto. */ "onEzOpenModal"?: (event: EzModalCustomEvent) => void; /** * Define se o ez-modal está aberto. */ "opened"?: boolean; /** * Define o tipo de scrim a ser aplicado no overlay do modal */ "scrim"?: "medium" | "light" | "none"; } interface EzModalContainer { /** * Se true o modal container receberá o foco ao ser renderizado. */ "autoFocus"?: boolean; /** * Define o texto do botão de cancelamento. */ "cancelButtonLabel"?: string; /** * Define o estado do botão de cancelamento. */ "cancelButtonStatus"?: "HIDDEN"|"ENABLED"|"DISABLED"; /** * Texto do subtítulo, geralmente usado para orientação do usuário. */ "modalSubTitle"?: string; /** * Texto a ser apresentado como título do modal. */ "modalTitle"?: string; /** * Determina o texto do botão de confirmação. */ "okButtonLabel"?: string; /** * Define o estado do botão de confirmação. */ "okButtonStatus"?: "HIDDEN"|"ENABLED"|"DISABLED"; /** * Representa a interação com o usuário. OK - Quando o botão é acionado CANCEL - Quando o botão de cancelar é acionado CLOSE - Quando o botão de fechar é acionado. LOAD - Quando o modal é carregado (eventualmente pode ser usado para dar foco a um elemento específico) */ "onEzModalAction"?: (event: EzModalContainerCustomEvent) => void; /** * Define a visibilidade do botão de fechar. */ "showCloseButton"?: boolean; /** * Define se o cabeçalho será mostrado. */ "showTitleBar"?: boolean; } interface EzMultiSelectionList { /** * Nome da coluna onde serão aplicadas as opções selecionadas. */ "columnName"?: string; /** * Classe que implementa o método fetchData, responsável por realizar a pesquisa dos dados, com base no termo informado pelo usuário. */ "dataSource"?: IMultiSelectionListDataSource; /** * Informa se a pesquisa é do tipo texto ou numérico. */ "isTextSearch"?: boolean; /** * Evento que informa que a lista de opções selecionadas sofreu alteração. */ "onChangeFilteredOptions"?: (event: EzMultiSelectionListCustomEvent) => void; /** * Opções de filtros a serem exibidas na listagem. */ "options"?: IMultiSelectionOption[]; /** * Indica se deve ser exibida lista de opções do atributo options (true), ou se deve utilizar o datasource (false) */ "useOptions"?: boolean; } interface EzNumberInput { /** * Se false, o input não aceitará números negativos. */ "allowNegative"?: boolean; /** * Texto alternativo a ser apresentado como título do campo. */ "alternativePlaceholder"?: string; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus"?: boolean; /** * 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 não foi possível completar a alteração entre o evento ezStartChange e ezChange. */ "onEzCancelWaitingChange"?: (event: EzNumberInputCustomEvent) => void; /** * Emitido quando acontece a alteração de valor do campo. */ "onEzChange"?: (event: EzNumberInputCustomEvent) => void; /** * Emitido quando o usuário digita no campo. */ "onEzInput"?: (event: EzNumberInputCustomEvent) => void; /** * Emitido ao iniciar a alteração (digitação incompleta). */ "onEzStartChange"?: (event: EzNumberInputCustomEvent) => void; /** * Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento. */ "precision"?: number; /** * Define qual é o mínimo de casas depois da vírgula. Exemplo: 1,1 será exibido como 1,1000 quando `prettyPrecision = 4`. */ "prettyPrecision"?: number; /** * Define o valor do campo. */ "value"?: number; } interface EzPagination { /** * O número da página atual. */ "currentPage"?: number; /** * Esconde as o texto de informação da paginação no tipo default. */ "hideInfoLabel"?: boolean; /** * Evento emitido quando a página é alterada. */ "onEzPageChange"?: (event: EzPaginationCustomEvent) => void; /** * O número de páginas a serem exibidas na paginação. */ "pageLimit"?: number; /** * O número de itens por página. */ "pageSize"?: number; /** * O número total de itens. */ "totalItems"?: number; /** * O tipo de paginação a ser renderizada. Pode ser 'default' ou 'number'. */ "type"?: 'default' | 'number'; } interface EzPopover { /** * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo. */ "autoClose"?: boolean; /** * Ajusta o comportamento da largura do popover. */ "boxWidth"?: "full-width" | "fit-content"; /** * Define as tags que serão consideradas conteúdo. */ "innerElement"?: Array | string; /** * Emitido quando acontece a alteração de estado do componente. */ "onEzVisibilityChange"?: (event: EzPopoverCustomEvent) => void; /** * Define se o ez-popover está aberto. */ "opened"?: boolean; /** * Define o tipo de overlay do popover. */ "overlayType"?: "medium" | "light" | "none"; } interface EzPopoverCore { /** * Define o elemento de ancoragem. */ "anchorElement"?: Array | HTMLElement | string; /** * Define se será fechado automaticamente quando o usuário clicar fora do conteúdo. */ "autoClose"?: boolean; /** * Ajusta o comportamento da largura do popover. */ "boxWidth"?: "full-width" | "fit-content"; /** * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira). */ "minWidth"?: number; /** * Emitido quando acontece a alteração de estado do componente. */ "onEzVisibilityChange"?: (event: EzPopoverCoreCustomEvent) => void; /** * Define se o ez-popover está aberto. */ "opened"?: boolean; /** * Define as opções do elemento. */ "options"?: IEzPopoverAnchorOptions; /** * Define o tipo de overlay do popover. */ "overlayType"?: "medium" | "light" | "none"; /** * Define se o elemento manterá o mesmo tamanho do componente de ancora. */ "useAnchorSize"?: boolean; } interface EzPopoverPlus { /** * Define o elemento de ancoragem. */ "anchorElement"?: Array | HTMLElement | string; /** * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo. */ "autoClose"?: boolean; /** * Ajusta o comportamento da largura do popover. */ "boxWidth"?: "full-width" | "fit-content"; /** * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira). */ "minWidth"?: number; /** * Emitido quando acontece a alteração de estado do componente. */ "onEzVisibilityChange"?: (event: EzPopoverPlusCustomEvent) => void; /** * Define se o ez-popover está aberto. */ "opened"?: boolean; /** * Define as opções do elemento. */ "options"?: IEzPopoverAnchorOptions; /** * Define o tipo de overlay do popover. */ "overlayType"?: "medium" | "light" | "none"; /** * Define se o elemento manterá o mesmo tamanho do componente de ancora. */ "useAnchorSize"?: boolean; } interface EzPopup { /** * Define se o popup deve fechar automaticamente ao clicar fora dele. * @default true */ "autoClose"?: boolean; /** * Possibilita scroll vertical no conteúdo interno do componente */ "enabledScroll"?: boolean; /** * Texto a ser apresentado como título do componente. */ "ezTitle"?: string; /** * Botões do rodapé do popup. Aceita todas as propriedades do ez-button. Limitado a até 3 botões. */ "footerButtons"?: Partial[]; /** * Define altura do componente. */ "heightMode"?: "auto" | "full"; /** * Evento emitido ao clicar no botão de fechar (onEzClosePopup). */ "onEzClosePopup"?: (event: EzPopupCustomEvent) => void; /** * Evento emitido ao clicar no botão de fechar (ezPopupAction = OK) */ "onEzPopupAction"?: (event: EzPopupCustomEvent) => void; /** * Define se o ez-popover está aberto. */ "opened"?: boolean; /** * Define a largura do ez-popup. */ "size"?: "x-small" | "small" | "medium" | "large" | "x-large" | "auto"; /** * Define se o componente utilizará cabeçalho. */ "useHeader"?: boolean; } interface EzProgressBar { /** * Mensagem auxiliar para contextualizar barra de carregamento. */ "helpText"?: string; /** * Rótulo da barra de progresso. */ "label"?: string; /** * Porcentagem de preenchimento da barra. */ "percent"?: number; } interface EzRadioButton { /** * Define a direção dos itens. */ "direction"?: "vertical" | "horizontal"; /** * Se false o usuário não pode interagir com o campo. */ "enabled"?: boolean; /** * Texto a ser apresentado como título do campo. */ "label"?: string; /** * Emitido quando acontece a alteração de valor do campo. */ "onEzChange"?: (event: EzRadioButtonCustomEvent) => void; /** * Define as opções que serão apresentadas */ "options"?: Array; /** * Define o valor do campo. */ "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) => 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) => 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) => void; "title"?: string; "value"?: string; } interface EzRichToolbarLetters { } interface EzScroller { /** * Define se haverá efeito de sombreado. */ "activeShadow"?: boolean; /** * Define a direção em que haverá scroll. */ "direction"?: EzScrollDirection; /** * Define se o `scroll` estará bloqueado. */ "locked"?: boolean; } interface EzSearch { /** * Texto alternativo a ser apresentado como título do campo. */ "alternativePlaceholder"?: string; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus"?: boolean; /** * Se false deixa de exibir a mensagem de erro dentro do campo. */ "canShowError"?: boolean; /** * Propriedades de contexto da aplicação. */ "contextProperties"?: any; /** * Se false o usuário não pode interagir com o campo. */ "enabled"?: boolean; /** * Garante que o botão de limpar pesquisa está sempre visível */ "ensureClearButtonVisible"?: boolean; /** * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. */ "errorMessage"?: string; /** * Se true o campo de de apresentação não será exibido. */ "hideDescriptionInput"?: boolean; /** * Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. */ "hideErrorOnFocusOut"?: boolean; /** * Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa */ "ignoreLimitCharsToSearch"?: boolean; /** * Informa se a pesquisa é do tipo texto. */ "isTextSearch"?: boolean; /** * Texto a ser apresentado como título do campo. */ "label"?: string; /** * Define um posicionamento fixo para a lista de opções do CheckBox. */ "listOptionsPosition"?: IEzCheckBoxListPosition1; /** * Define o tamanho do campo. */ "mode"?: "slim" | "regular"; /** * Emitido quando acontece a alteração de valor do campo. */ "onEzChange"?: (event: EzSearchCustomEvent) => void; /** * Emitido quando a pesquisa retorna um resultado vazio. */ "onEzEmptySearch"?: (event: EzSearchCustomEvent) => void; /** * Carrega as opções dinamicamente. */ "optionLoader"?: (argument: ISearchArgument, ctxProperties?: any) => Promise> | Array | IOption; /** * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. */ "options"?: Array; /** * Se false cada opção na lista deve exibir somente o `label`. */ "showOptionValue"?: boolean; /** * Se false a opção selecionada deve exibir somente o `label`. */ "showSelectedValue"?: boolean; /** * Se true, ineterrompe a propagação do evento de KeyDown da tecla enter */ "stopPropagateEnterKeyEvent"?: boolean; /** * Se true remove a opção vazia da lista. */ "suppressEmptyOption"?: boolean; /** * Se true, desabilita pré-load das opções ao carregar componente */ "suppressPreLoad"?: boolean; /** * Se true desabilita a digitação dentro do componente. */ "suppressSearch"?: boolean; /** * Define o valor do campo. */ "value"?: IOption | string; } interface EzSearchPlus { /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus"?: boolean; /** * Se false deixa de exibir a mensagem de erro dentro do campo. */ "canShowError"?: boolean; /** * Texto a ser apresentado no input de código. */ "codLabel"?: string; /** * Propriedades de contexto da aplicação. */ "contextProperties"?: any; /** * Se true o campo de código ficara desabilitado. */ "disableCodeInput"?: boolean; /** * Se true o campo de de apresentação ficara desabilitado. */ "disableDescriptionInput"?: boolean; /** * Se false o usuário não pode interagir com o campo. */ "enabled"?: boolean; /** * Garante que o botão de limpar pesquisa está sempre visível */ "ensureClearButtonVisible"?: boolean; /** * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. */ "errorMessage"?: string; /** * Se true o campo de de apresentação não será exibido. */ "hideDescriptionInput"?: boolean; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "hideErrorOnFocusOut"?: boolean; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "ignoreLimitCharsToSearch"?: boolean; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "isTextSearch"?: boolean; /** * Texto a ser apresentado como título do campo. */ "label"?: string; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "listOptionsPosition"?: IEzCheckBoxListPosition1; /** * Define o tamanho do campo. */ "mode"?: "slim" | "regular"; /** * Emitido quando acontece a alteração de valor do campo. */ "onEzChange"?: (event: EzSearchPlusCustomEvent) => void; /** * Emitido quando a pesquisa retorna um resultado inválido. */ "onEzEmptySearch"?: (event: EzSearchPlusCustomEvent) => void; /** * Carrega as opções dinamicamente. */ "optionLoader"?: OptionLoaderFunction; /** * Se false cada opção na lista deve exibir somente o `label`. */ "showOptionValue"?: boolean; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "showSelectedValue"?: boolean; /** * Se true, interrompe a propagação do evento de KeyDown da tecla enter */ "stopPropagateEnterKeyEvent"?: boolean; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "suppressEmptyOption"?: boolean; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "suppressPreLoad"?: boolean; /** * Propriedade depreciada na nova versão do componente de pesquisa. */ "suppressSearch"?: boolean; /** * Define o valor do campo. */ "value"?: IOption | string; } interface EzSearchResultList { "onChangeValue"?: (event: EzSearchResultListCustomEvent) => void; "showLoading"?: boolean; "showOptionValue"?: boolean; "value"?: IOption5 | string; "visibleOptions"?: Array; } interface EzSidebarButton { /** * Emitido sempre que o ez-sidebar-button é clicado. */ "onEzClick"?: (event: EzSidebarButtonCustomEvent) => void; } interface EzSidebarNavigator { /** * Define se terá responsividade, Controle deverá ser pelo CSS. */ "isResponsive"?: boolean; /** * Define se o menu será do tipo FIXED ou FLOAT. */ "mode"?: ModeMenuEnum; /** * Evento emitido sempre que o modo (FLOAT ou FIXED) do menu for alterado.. */ "onEzChangeMode"?: (event: EzSidebarNavigatorCustomEvent) => void; /** * Define se o botão de "Recolher Menu" será exibido */ "showCollapseMenu"?: boolean; /** * Define se o botão de "Fixar Menu" será exibido */ "showFixedButton"?: boolean; /** * Define o tamanho do menu (small, medium, large). */ "size"?: SizeMenuEnum; /** * Define o título do Sidebar Navigator */ "titleMenu"?: string; /** * Define o tipo do menu (float, fixed ou dynamic (livre)). */ "type"?: TypeMenuEnum; } interface EzSimpleImageUploader { /** * Tamanho máximo que a imagem poderá ter em kilobytes. */ "maxSize"?: number; "onExecuteToolbarCommand"?: (event: EzSimpleImageUploaderCustomEvent) => void; } interface EzSkeleton { /** * Animation type * @type {('progress' | 'pulse' | 'false')} * @memberof Skeleton */ "animation"?: SkeletonAnimation; /** * Number of rows of current skeleton type * @memberof Skeleton */ "count"?: number; /** * Height of the skeleton ex. 100px, 100%, auto etc. * @type {string} * @memberof Skeleton */ "height"?: string; /** * MarginBottom of the skeleton ex. 10px, 0 etc. * @type {string} * @memberof Skeleton */ "marginBottom"?: string; /** * MarginLeft of the skeleton ex. 10px, 0 etc. * @type {string} * @memberof Skeleton */ "marginLeft"?: string; /** * MarginRight of the skeleton ex. 10px, 0 etc. * @type {string} * @memberof Skeleton */ "marginRight"?: string; /** * MarginTop of the skeleton ex. 10px, 0 etc. * @type {string} * @memberof Skeleton */ "marginTop"?: string; /** * The template to be used for the skeleton. Can be an HTMLElement or a string. * @prop {HTMLElement | string} template - The template to be used for the skeleton. */ "template"?: HTMLElement | string; /** * Variant of the skeleton - circle or row * @type {('circle' , 'rect', 'text')} * @memberof Skeleton */ "variant"?: SkeletonVariant; /** * Width of the skeleton ex. 100px, 100%, auto etc. * @type {string} * @memberof Skeleton */ "width"?: string; } interface EzSortableList { /** * Lista de itens para serem renderizados */ "dataSource"?: Array; /** * Mensagem exibida quando a lista está vazia */ "emptyMessage"?: string; /** * Habilita seleção de múltiplos itens utilizando as teclas 'Ctrl/Command' ou 'Shift' */ "enableMultipleSelection"?: boolean; /** * Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa". */ "entityLabel"?: string; /** * Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas". */ "entityLabelPlural"?: string; /** * Grupo ao qual o ez-sortable-list pertence */ "group"?: string; /** * Define se o cabeçalho deve ficar oculto. */ "hideHeader"?: boolean; /** * Define se o totalizador deve ser escondido. */ "hideTotalizer"?: boolean; /** * Quando verdadeiro, ativa o feedback visual ao efetuar hover nos itens da lista */ "hoverFeedback"?: boolean; /** * ID do sortable list */ "idSortableList"?: string; /** * Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement. */ "itemLeftSlotBuilder"?: SlotBuilder; /** * Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. */ "itemRightSlotBuilder"?: SlotBuilder; /** * Emitido quando ocorre a escolha de um item da lista */ "onEzChoose"?: (event: EzSortableListCustomEvent) => void; /** * Emitido quando ocorre um duplo clique em um item da lista */ "onEzDoubleClick"?: (event: EzSortableListCustomEvent) => void; /** * Emitido sempre que um ou vários itens da lista forem selecionados */ "onEzSelectItens"?: (event: EzSortableListCustomEvent) => void; /** * Evento emitido quando a ordem dos itens muda */ "onItemsReordered"?: (event: EzSortableListCustomEvent) => void; /** * Remove itens arrastados de uma lista para outra */ "removeItensMoved"?: boolean; /** * Define o título da lista. */ "title"?: string; } interface EzSpinner { /** * Define o tamanho do spinner */ "size"?: 'small' | 'medium' | 'large'; } /** * Split Button Component * @example ```html * * * ``` * @fires buttonClick - Emitido quando o botão principal é clicado * @fires dropdownItemClick - Emitido quando um botão do dropdown é clicado * @fires dropdownSubActionClick - Emitido quando uma subação de um item do dropdown é clicada */ interface EzSplitButton { /** * Se false o usuário não pode interagir com o botão. * @deprecated Use `isDisabled` prop instead. */ "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/) * @deprecated Use `leftIconName` prop instead. */ "iconName"?: string; /** * Define o caminho usado nos modos `icon-only` e `icon-left` 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" | ""; /** * Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. */ "itemBuilder"?: (item: IDropdownItem, level: number) => HTMLElement | string; /** * Define o conteúdo do dropdown. */ "items"?: Array; /** * Texto a ser apresentado como label do botão. */ "label"?: string; /** * Define o ícone esquerdo a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) */ "leftIconName"?: string; /** * Texto a ser apresentado como title do botão principal */ "leftTitle"?: string; /** * Define o modo de uso do botão. */ "mode"?: ButtonMode; /** * Emitido quando o botão principal é clicado */ "onButtonClick"?: (event: EzSplitButtonCustomEvent) => void; /** * Emitido quando um item do dropdown é clicado */ "onDropdownItemClick"?: (event: EzSplitButtonCustomEvent) => void; /** * Emitido quando uma subAction de um item do dropdown é clicada */ "onDropdownSubActionClick"?: (event: EzSplitButtonCustomEvent) => void; /** * Define o ícone direito a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) */ "rightIconName"?: string; /** * Texto a ser apresentado como title do botão dropdown */ "rightTitle"?: string; /** * Se true, o dropdown do botão é exibido. */ "show"?: boolean; /** * Define o tamanho do ez-split-button. */ "size"?: ButtonSize; /** * Se verdadeiro, desabilita a animação de ripple. */ "suppressAnimation"?: boolean; /** * Define a variante do ez-split-button. */ "variant"?: "primary" | "secondary" | "tertiary"; } 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; /** * Define se o painel está sendo utilizado como estrutura para apresentação de outro item */ "structural"?: boolean; } interface EzSplitPanel { /** * Responsável por definir o painel que limita o tamanho do item expandido. */ "anchorToExpand"?: boolean; "direction"?: 'row' | 'column'; "onResizeEnd"?: (event: EzSplitPanelCustomEvent) => void; /** * Define se o painel está sendo utilizado como estrutura para apresentação de outro item */ "structural"?: boolean; } interface EzTabselector { /** * Emitido quando acontece a alteração de valor do componente. */ "onEzChange"?: (event: EzTabselectorCustomEvent) => void; /** * Define o index da aba selecionada. */ "selectedIndex"?: number; /** * Define a aba selecionada. */ "selectedTab"?: string; /** * Define o nome das abas do componente. Podendo serem separadas por vírgula "," ou em um Array de configuração. */ "tabs"?: string | Array; } interface EzTag { /** * Define a cor de fundo do componente. */ "color"?: "ocean-green" | "light-ocean-green" | "green" | "light-green" | "yellow" | "light-yellow" | "red" | "light-red" | "gray" | "light-gray" | "petroleum" | "light-petroleum"; /** * Define uma cor de fundo customizada, dentro da paleta de cores do Design System para o componente. */ "customBackgroundColor"?: string; /** * Define uma cor de texto customizada, dentro da paleta de cores do Design System para o componente. */ "customLabelColor"?: string; /** * Define o conteúdo textual ou numérico do componente. */ "label"?: string; } interface EzTagInput { /** * Define se tags duplicadas são permitidas */ "allowDuplicates"?: boolean; /** * Define se o input está habilitado */ "enabled"?: boolean; /** * Texto de ajuda exibido abaixo do input */ "helpText"?: string; /** * Texto do label exibido acima do input */ "label"?: string; /** * Tamanho máximo de uma tag */ "maxTagLength"?: number; /** * Número máximo de tags permitidas */ "maxTags"?: number; /** * Nome do input */ "name"?: string; /** * Evento disparado quando o input perde foco */ "onEzBlur"?: (event: EzTagInputCustomEvent) => void; /** * Evento disparado quando as tags mudam */ "onEzChange"?: (event: EzTagInputCustomEvent) => void; /** * Evento disparado quando o input recebe foco */ "onEzFocus"?: (event: EzTagInputCustomEvent) => void; /** * Evento disparado quando uma tag é adicionada */ "onEzTagAdded"?: (event: EzTagInputCustomEvent) => void; /** * Evento disparado quando uma tag é removida */ "onEzTagRemoved"?: (event: EzTagInputCustomEvent) => void; /** * Emitido quando é digitado no campo de entrada */ "onEzType"?: (event: EzTagInputCustomEvent) => void; /** * Evento disparado quando uma validação falha */ "onEzValidationError"?: (event: EzTagInputCustomEvent<{ tag: string; error?: string }>) => void; /** * Placeholder do input */ "placeholder"?: string; /** * Define se o input é somente leitura */ "readonly"?: boolean; /** * Estado visual do componente */ "state"?: "default" | "error" | "success" | "warning"; /** * Define se a tecla Backspace deve remover a última tag quando o input está vazio */ "suppressBackspaceToRemove"?: boolean; /** * Define se a navegação por teclado pelas tags deve ser suprimida */ "suppressTagsKeyboardNavigation"?: boolean; /** * Array de tags iniciais */ "tags"?: string[]; /** * Função de validação customizada para tags * @param tag - A tag que está sendo validada * @param existingTags - Array com as tags já existentes * @returns true se válida, false ou string com mensagem de erro se inválida * @example // Validação para permitir apenas números validator={(tag) => /^\d+$/.test(tag) || "Apenas números são permitidos"} // Validação para evitar palavrões validator={(tag) => !badWords.includes(tag.toLowerCase())} */ "validator"?: (tag: string, existingTags: string[]) => boolean | string; } interface EzTextArea { /** * Texto alternativo a ser apresentado como título do campo. */ "alternativePlaceholder"?: string; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus"?: boolean; /** * Ativa a opção de fazer as linhas do componente serem baseados na altura máxima. */ "autoRows"?: boolean; /** * Se false deixa de exibir a mensagem de erro dentro do campo. */ "canShowError"?: boolean; /** * Ativa a opção de fazer resize do input. */ "enableResize"?: 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: EzTextAreaCustomEvent) => void; /** * Define o número de linhas. */ "rows"?: number; /** * Define o valor do campo. */ "value"?: string; } interface EzTextEdit { /** * Emitido ao cancelar uma edição */ "onCancelEdition"?: (event: EzTextEditCustomEvent) => void; /** * Emitido ao salvar uma edição */ "onSaveEdition"?: (event: EzTextEditCustomEvent) => void; /** * Define atributos do estilo. */ "styled"?: IStyled; /** * Define o valor do campo. */ "value"?: string; } interface EzTextInput { /** * Texto alternativo a ser apresentado como título do campo. */ "alternativePlaceholder"?: string; /** * Se true o campo receberá o foco ao ser renderizado. */ "autoFocus"?: boolean; /** * Se false deixa de exibir a mensagem de erro dentro do campo. */ "canShowError"?: boolean; /** * Para remover a máscara quando fizer um apply no formulário. */ "cleanValueMask"?: 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; /** * Define se o campo está em estado inválido (bordas vermelhas). */ "hasInvalid"?: boolean; /** * Texto a ser apresentado como título do campo. */ "label"?: string; /** * Aplica uma máscara no conteúdo conforme o padrão estabelecido */ "mask"?: string; /** * Define o tamanho do campo. */ "mode"?: "slim" | "regular"; /** * Se true o campo não terá bordas. */ "noBorder"?: boolean; /** * Emitido quando acontece a alteração de valor do campo. */ "onEzChange"?: (event: EzTextInputCustomEvent) => void; /** * Se true o campo não terá bordas. */ "password"?: boolean; /** * Restringe o que o usuário pode digitar. */ "restrict"?: string; /** * Define o valor do campo. */ "value"?: string; } interface EzTile { /** * Define a cor tema do componente. */ "color"?: "default" | "green" | "gray" | "red" | "yellow"; /** * Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. */ "height"?: number; /** * 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 se o componente será interativo. Caso contrário, será estático. Se true, permite permite clique. Se false, não permite clique */ "isInteractive"?: boolean; /** * Define a quantidade máxima de linhas de texto a serem apresentadas. Quando a propriedade não é passada, limita a 1 linha. */ "maximumLines"?: number; /** * Emitido quando o elemento principal é clicado */ "onTileClick"?: (event: EzTileCustomEvent) => void; /** * Define qual o tamanho do componente. - `"default"`: 120x80px - `"medium"`: 120x170px */ "size"?: "small" | "medium"; /** * Texto a ser apresentado como título do componente. */ "text"?: string; /** * Define a largura do componente, sobrescrevendo o padrão da propriedade size. */ "width"?: number; } interface EzTileMedium { /** * Propriedade utilizada para configurar o avatar, se definida substitui o ícone por um ez-avatar */ "avatarProps"?: { name?: string; imageSrc?: string; shape?: 'circle' | 'square'; }; /** * Define as props que serão passadas para o botão, caso o objeto seja passado, o botão será renderizado. */ "buttonProps"?: { label: string; enabled?: boolean; mode?: 'regular' | 'icon' | 'link' | 'label-icon'; iconName?: string; size?: 'x-small' | 'small' | 'medium' | 'large'; onClick: () => void; colors?:{ background?: string; backgroundHover?: string; backgroundActive?: string; text?: string; textHover?: string; textActive?: string; } }; /** * Define a cor tema do componente. */ "color"?: "default" | "green" | "gray" | "red" | "yellow"; /** * Define a quantidade máxima de linhas de texto a serem apresentadas na descrição. Quando a propriedade não é passada, limita a 3 linhas. */ "descriptionMaximumLines"?: number; /** * Texto a ser apresentado como descrição do componente */ "descriptionText"?: string; /** * Define a altura do componente, sobrescrevendo o padrão de 257px. */ "height"?: string; /** * Define uma cor customizada para o ícone, dentro da paleta de cores do Design System. Exemplo: "--color--yellow-600" */ "iconColor"?: string; /** * 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 a quantidade máxima de linhas de texto a serem apresentadas no título pequeno. Quando a propriedade não é passada, limita a 1 linha. */ "smallTitleMaximumLines"?: number; /** * Texto a ser apresentado como um título pequeno do componente. */ "smallTitleText"?: string; /** * Define as props que serão passadas para as tags, caso um objeto seja passado, a(s) tag(s) será renderizada(s), se limitando a 3 tags. */ "tags"?: { label: string; color?: string; }[]; /** * Define a quantidade máxima de linhas de texto a serem apresentadas no título. Quando a propriedade não é passada, limita a 1 linha. */ "titleMaximumLines"?: number; /** * Texto a ser apresentado como título do componente. */ "titleText"?: string; /** * Define a largura do componente, sobrescrevendo o padrão de 446px. */ "width"?: string; } interface EzTimeInput { /** * Texto alternativo ser apresentado como título do campo. */ "alternativePlaceholder"?: string; /** * Se true o campo de texto receberá o foco ao ser renderizado. */ "autoFocus"?: boolean; /** * 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 não foi possível completar a alteração entre o evento ezStartChange e ezChange. */ "onEzCancelWaitingChange"?: (event: EzTimeInputCustomEvent) => void; /** * Emitido quando acontece a alteração de valor do campo. */ "onEzChange"?: (event: EzTimeInputCustomEvent) => void; /** * Emitido ao iniciar a alteração (digitação incompleta). */ "onEzStartChange"?: (event: EzTimeInputCustomEvent) => void; /** * Se true considera segundos. */ "showSeconds"?: boolean; /** * Define o valor do campo. */ "value"?: number; } interface EzToast { /** * Se false, o usuário não consegue fechar. */ "canClose"?: boolean; /** * Define o tempo de exibição em milissegundos. */ "fadeTime"?: number; /** * Mensagem a ser exibida no componente. */ "message"?: string; /** * Se true permite a utilização do slot de ícone. */ "useIcon"?: boolean; } interface EzTooltip { /** * Define se o tooltip está ativo. */ "active"?: boolean; /** * Elemento HTML que será utilizado como ancoragem do tooltip. */ "anchoringElement"?: HTMLElement; /** * Tempo de espera para exibir o tooltip após o evento de mouseenter. */ "debouncingTime"?: number; /** * Define o espaçamento entre o tooltip e o elemento de ancoragem. */ "gapOptions"?: { horizontalGap: number; verticalGap: number; }; /** * Define a largura máxima do elemento. */ "maxWidth"?: number; /** * Mensagem que será apresentada no tooltip. */ "message"?: string; /** * Define a posição do tooltip em relação ao elemento de ancoragem. */ "placement"?: Placement; /** * Define a estratégia de posicionamento do tooltip. Use 'fixed' quando o elemento estiver dentro de containers com position: relative. */ "strategy"?: 'absolute' | 'fixed'; /** * Define o tipo de tooltip a ser exibido. */ "type"?: 'default' | 'success' | 'error' | 'warning'; /** * Define se o elemento manterá o mesmo tamanho do componente de ancora. */ "useAnchorSize"?: boolean; } interface EzTree { /** * Define se a árvore deve permitir a filtragem hierárquica. */ "enableHierarchicalFilter"?: boolean; /** * Define uma função que vai resolver o ícone daquele item. Retorna o nome do ícone da lib de icones do DS. */ "iconResolver"?: (item: ITreeItem, expanded: boolean, level: number) => string; /** * Define os itens apresentados na árvore. */ "items"?: Array; /** * Emitido quando um item é selecionado na árvore. */ "onEzChange"?: (event: EzTreeCustomEvent) => void; /** * Emitido ao dar clique duplo em um item da árvore. */ "onEzDbClickItem"?: (event: EzTreeCustomEvent) => void; /** * Emitido quando um item é aberto na árvore. */ "onEzOpenItem"?: (event: EzTreeCustomEvent) => void; /** * Emitido ao remover um item da árvore. */ "onEzRemoveItem"?: (event: EzTreeCustomEvent) => void; /** * Define se os itens da árvore são selecionáveis. */ "selectable"?: boolean; /** * Forma alternativa para atribuir o item selecionado por seu ID. */ "selectedId"?: string; /** * Define uma função que vai resolver o `tooltip` ou `title` daquele item. */ "tooltipResolver"?: (item: ITreeItem, enabled: boolean, level: number) => string; /** * Define o item selecionado na árvore. */ "value"?: ITreeItem; } interface EzUnderface { /** * Define a cor de fundo do componente. */ "color"?: "default" | "light-green" | "green" | "light-gray" | "dark-petroleum" | "ocean-green"; /** * Define uma cor de fundo customizada, dentro da paleta de cores do Design System, sobrescrevendo a propriedade color. Exemplo: "--color--yellow-600" */ "customColor"?: string; /** * Define a altura do componente. */ "height"?: number; /** * Define a largura do componente. */ "width"?: number; } interface EzUpload { /** * Se false o usuário não pode interagir com o campo. */ "enabled"?: boolean; /** * Texto a ser apresentado como título do campo. */ "label"?: string; /** * Define o tamanho máximo (em bytes) de cada arquivo que pode ser transferido */ "maxFileSize"?: number; /** * Define um limite para a quantidade de arquivos */ "maxFiles"?: number; /** * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange. */ "onEzCancelWaitingChange"?: (event: EzUploadCustomEvent) => void; /** * Emitido quando acontece a alteração de valor do campo. */ "onEzChange"?: (event: EzUploadCustomEvent>) => void; /** * Emitido ao iniciar a alteração (remover ou adicionar um arquivo). */ "onEzStartChange"?: (event: EzUploadCustomEvent) => void; /** * Headers para a requisição Http */ "requestHeaders"?: any; /** * Define o subtítulo utilizado no campo de upload */ "subtitle"?: string; /** * Define a URL de deleção */ "urlDelete"?: string; /** * Define a URL de upload */ "urlUpload"?: string; /** * Define o valor do campo. */ "value"?: Array; } interface EzViewStack { } interface FilterColumn { "columnLabel"?: string; "columnName"?: string; "dataSource"?: IMultiSelectionListDataSource; "dataUnit"?: DataUnit; "gridHeaderHidden"?: boolean; "noHeaderTaskBar"?: boolean; "onApplyFilterColumnOptions"?: (event: FilterColumnCustomEvent) => void; "opened"?: boolean; "options"?: IMultiSelectionOption[]; } interface MultiSelectionBoxMessage { "message"?: string; } interface SearchList { "canShowListOptions"?: boolean; "onChangePreSelection"?: (event: SearchListCustomEvent) => void; "onChangeValue"?: (event: SearchListCustomEvent) => void; "preSelection"?: number; "showLoading"?: boolean; "showOptionValue"?: boolean; "textEmptyList"?: string; "value"?: IOption6 | string; "visibleOptions"?: Array; } interface IntrinsicElements { "ez-actions-button": EzActionsButton; "ez-alert": EzAlert; "ez-alert-list": EzAlertList; "ez-application": EzApplication; "ez-avatar": EzAvatar; "ez-badge": EzBadge; "ez-breadcrumb": EzBreadcrumb; "ez-button": EzButton; "ez-calendar": EzCalendar; "ez-card-item": EzCardItem; "ez-chart": EzChart; "ez-check": EzCheck; "ez-chip": EzChip; "ez-classic-combo-box": EzClassicComboBox; "ez-classic-input": EzClassicInput; "ez-classic-text-area": EzClassicTextArea; "ez-collapsible-box": EzCollapsibleBox; "ez-combo-box": EzComboBox; "ez-combo-box-list": EzComboBoxList; "ez-custom-form-input": EzCustomFormInput; "ez-date-input": EzDateInput; "ez-date-time-input": EzDateTimeInput; "ez-dialog": EzDialog; "ez-double-list": EzDoubleList; "ez-dropdown": EzDropdown; "ez-empty-card": EzEmptyCard; "ez-file-item": EzFileItem; "ez-filter-input": EzFilterInput; "ez-form": EzForm; "ez-form-view": EzFormView; "ez-grid": EzGrid; "ez-grid-view": EzGridView; "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; "ez-multi-selection-list": EzMultiSelectionList; "ez-number-input": EzNumberInput; "ez-pagination": EzPagination; "ez-popover": EzPopover; "ez-popover-core": EzPopoverCore; "ez-popover-plus": EzPopoverPlus; "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; "ez-tabselector": EzTabselector; "ez-tag": EzTag; "ez-tag-input": EzTagInput; "ez-text-area": EzTextArea; "ez-text-edit": EzTextEdit; "ez-text-input": EzTextInput; "ez-tile": EzTile; "ez-tile-medium": EzTileMedium; "ez-time-input": EzTimeInput; "ez-toast": EzToast; "ez-tooltip": EzTooltip; "ez-tree": EzTree; "ez-underface": EzUnderface; "ez-upload": EzUpload; "ez-view-stack": EzViewStack; "filter-column": FilterColumn; "multi-selection-box-message": MultiSelectionBoxMessage; "search-list": SearchList; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { "ez-actions-button": LocalJSX.EzActionsButton & JSXBase.HTMLAttributes; "ez-alert": LocalJSX.EzAlert & JSXBase.HTMLAttributes; "ez-alert-list": LocalJSX.EzAlertList & JSXBase.HTMLAttributes; "ez-application": LocalJSX.EzApplication & JSXBase.HTMLAttributes; "ez-avatar": LocalJSX.EzAvatar & JSXBase.HTMLAttributes; "ez-badge": LocalJSX.EzBadge & JSXBase.HTMLAttributes; "ez-breadcrumb": LocalJSX.EzBreadcrumb & JSXBase.HTMLAttributes; "ez-button": LocalJSX.EzButton & JSXBase.HTMLAttributes; "ez-calendar": LocalJSX.EzCalendar & JSXBase.HTMLAttributes; "ez-card-item": LocalJSX.EzCardItem & JSXBase.HTMLAttributes; "ez-chart": LocalJSX.EzChart & JSXBase.HTMLAttributes; "ez-check": LocalJSX.EzCheck & JSXBase.HTMLAttributes; "ez-chip": LocalJSX.EzChip & JSXBase.HTMLAttributes; "ez-classic-combo-box": LocalJSX.EzClassicComboBox & JSXBase.HTMLAttributes; "ez-classic-input": LocalJSX.EzClassicInput & JSXBase.HTMLAttributes; "ez-classic-text-area": LocalJSX.EzClassicTextArea & JSXBase.HTMLAttributes; "ez-collapsible-box": LocalJSX.EzCollapsibleBox & JSXBase.HTMLAttributes; "ez-combo-box": LocalJSX.EzComboBox & JSXBase.HTMLAttributes; "ez-combo-box-list": LocalJSX.EzComboBoxList & JSXBase.HTMLAttributes; "ez-custom-form-input": LocalJSX.EzCustomFormInput & JSXBase.HTMLAttributes; "ez-date-input": LocalJSX.EzDateInput & JSXBase.HTMLAttributes; "ez-date-time-input": LocalJSX.EzDateTimeInput & JSXBase.HTMLAttributes; "ez-dialog": LocalJSX.EzDialog & JSXBase.HTMLAttributes; "ez-double-list": LocalJSX.EzDoubleList & JSXBase.HTMLAttributes; "ez-dropdown": LocalJSX.EzDropdown & JSXBase.HTMLAttributes; "ez-empty-card": LocalJSX.EzEmptyCard & JSXBase.HTMLAttributes; "ez-file-item": LocalJSX.EzFileItem & JSXBase.HTMLAttributes; "ez-filter-input": LocalJSX.EzFilterInput & JSXBase.HTMLAttributes; "ez-form": LocalJSX.EzForm & JSXBase.HTMLAttributes; "ez-form-view": LocalJSX.EzFormView & JSXBase.HTMLAttributes; "ez-grid": LocalJSX.EzGrid & JSXBase.HTMLAttributes; "ez-grid-view": LocalJSX.EzGridView & JSXBase.HTMLAttributes; "ez-guide-navigator": LocalJSX.EzGuideNavigator & JSXBase.HTMLAttributes; "ez-icon": LocalJSX.EzIcon & JSXBase.HTMLAttributes; "ez-link-builder": LocalJSX.EzLinkBuilder & JSXBase.HTMLAttributes; "ez-list": LocalJSX.EzList & JSXBase.HTMLAttributes; "ez-list-item": LocalJSX.EzListItem & JSXBase.HTMLAttributes; "ez-loading-bar": LocalJSX.EzLoadingBar & JSXBase.HTMLAttributes; "ez-modal": LocalJSX.EzModal & JSXBase.HTMLAttributes; "ez-modal-container": LocalJSX.EzModalContainer & JSXBase.HTMLAttributes; "ez-multi-selection-list": LocalJSX.EzMultiSelectionList & JSXBase.HTMLAttributes; "ez-number-input": LocalJSX.EzNumberInput & JSXBase.HTMLAttributes; "ez-pagination": LocalJSX.EzPagination & JSXBase.HTMLAttributes; "ez-popover": LocalJSX.EzPopover & JSXBase.HTMLAttributes; "ez-popover-core": LocalJSX.EzPopoverCore & JSXBase.HTMLAttributes; "ez-popover-plus": LocalJSX.EzPopoverPlus & JSXBase.HTMLAttributes; "ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes; "ez-progress-bar": LocalJSX.EzProgressBar & JSXBase.HTMLAttributes; "ez-radio-button": LocalJSX.EzRadioButton & JSXBase.HTMLAttributes; "ez-rich-text": LocalJSX.EzRichText & JSXBase.HTMLAttributes; "ez-rich-toolbar": LocalJSX.EzRichToolbar & JSXBase.HTMLAttributes; "ez-rich-toolbar-arrows": LocalJSX.EzRichToolbarArrows & JSXBase.HTMLAttributes; "ez-rich-toolbar-configs": LocalJSX.EzRichToolbarConfigs & JSXBase.HTMLAttributes; "ez-rich-toolbar-item": LocalJSX.EzRichToolbarItem & JSXBase.HTMLAttributes; "ez-rich-toolbar-letters": LocalJSX.EzRichToolbarLetters & JSXBase.HTMLAttributes; "ez-scroller": LocalJSX.EzScroller & JSXBase.HTMLAttributes; "ez-search": LocalJSX.EzSearch & JSXBase.HTMLAttributes; "ez-search-plus": LocalJSX.EzSearchPlus & JSXBase.HTMLAttributes; "ez-search-result-list": LocalJSX.EzSearchResultList & JSXBase.HTMLAttributes; "ez-sidebar-button": LocalJSX.EzSidebarButton & JSXBase.HTMLAttributes; "ez-sidebar-navigator": LocalJSX.EzSidebarNavigator & JSXBase.HTMLAttributes; "ez-simple-image-uploader": LocalJSX.EzSimpleImageUploader & JSXBase.HTMLAttributes; "ez-skeleton": LocalJSX.EzSkeleton & JSXBase.HTMLAttributes; "ez-sortable-list": LocalJSX.EzSortableList & JSXBase.HTMLAttributes; "ez-spinner": LocalJSX.EzSpinner & JSXBase.HTMLAttributes; /** * Split Button Component * @example ```html * * * ``` * @fires buttonClick - Emitido quando o botão principal é clicado * @fires dropdownItemClick - Emitido quando um botão do dropdown é clicado * @fires dropdownSubActionClick - Emitido quando uma subação de um item do dropdown é clicada */ "ez-split-button": LocalJSX.EzSplitButton & JSXBase.HTMLAttributes; "ez-split-item": LocalJSX.EzSplitItem & JSXBase.HTMLAttributes; "ez-split-panel": LocalJSX.EzSplitPanel & JSXBase.HTMLAttributes; "ez-tabselector": LocalJSX.EzTabselector & JSXBase.HTMLAttributes; "ez-tag": LocalJSX.EzTag & JSXBase.HTMLAttributes; "ez-tag-input": LocalJSX.EzTagInput & JSXBase.HTMLAttributes; "ez-text-area": LocalJSX.EzTextArea & JSXBase.HTMLAttributes; "ez-text-edit": LocalJSX.EzTextEdit & JSXBase.HTMLAttributes; "ez-text-input": LocalJSX.EzTextInput & JSXBase.HTMLAttributes; "ez-tile": LocalJSX.EzTile & JSXBase.HTMLAttributes; "ez-tile-medium": LocalJSX.EzTileMedium & JSXBase.HTMLAttributes; "ez-time-input": LocalJSX.EzTimeInput & JSXBase.HTMLAttributes; "ez-toast": LocalJSX.EzToast & JSXBase.HTMLAttributes; "ez-tooltip": LocalJSX.EzTooltip & JSXBase.HTMLAttributes; "ez-tree": LocalJSX.EzTree & JSXBase.HTMLAttributes; "ez-underface": LocalJSX.EzUnderface & JSXBase.HTMLAttributes; "ez-upload": LocalJSX.EzUpload & JSXBase.HTMLAttributes; "ez-view-stack": LocalJSX.EzViewStack & JSXBase.HTMLAttributes; "filter-column": LocalJSX.FilterColumn & JSXBase.HTMLAttributes; "multi-selection-box-message": LocalJSX.MultiSelectionBoxMessage & JSXBase.HTMLAttributes; "search-list": LocalJSX.SearchList & JSXBase.HTMLAttributes; } } }