@sankhyalabs/ezui-docs
Advanced tools
@sankhyalabs/ezui-docs - npm Package Compare versions
Comparing version 0.0.0-feat-dev-KB-74182.0 to 0.0.0-feat-dev-KB-74304.0
@@ -37,2 +37,3 @@ # ez-breadcrumb | ||
| ez-breadcrumb --> ez-dropdown | ||
| ez-dropdown --> ez-skeleton | ||
| ez-dropdown --> ez-icon | ||
@@ -39,0 +40,0 @@ style ez-breadcrumb fill:#f9f,stroke:#333,stroke-width:4px |
@@ -50,2 +50,3 @@ # ez-button | ||
| - [ez-dialog](../ez-dialog) | ||
| - [ez-double-list](../ez-double-list) | ||
| - [ez-grid](../ez-grid) | ||
@@ -70,2 +71,3 @@ - [ez-guide-navigator](../ez-guide-navigator) | ||
| ez-dialog --> ez-button | ||
| ez-double-list --> ez-button | ||
| ez-grid --> ez-button | ||
@@ -72,0 +74,0 @@ ez-guide-navigator --> ez-button |
@@ -85,2 +85,4 @@ # ez-collapsible-box | ||
| ez-text-edit --> ez-button | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-button --> ez-icon | ||
@@ -87,0 +89,0 @@ ez-form-view --> ez-collapsible-box |
@@ -12,2 +12,3 @@ # ez-combo-box | ||
| | ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- | | ||
| | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` | | ||
| | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` | | ||
@@ -22,2 +23,3 @@ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` | | ||
| | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` | | ||
| | `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento externo. | `boolean` | `false` | | ||
| | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` | | ||
@@ -27,3 +29,3 @@ | `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` | | ||
| | `showSelectedValue` | `show-selected-value` | Se true a opção selecionada exibe o `value` junto com `label`. | `boolean` | `false` | | ||
| | `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` | | ||
| | `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `true` | | ||
| | `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` | | ||
@@ -83,3 +85,3 @@ | `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` | | ||
| ### `setFocus() => Promise<void>` | ||
| ### `setFocus(options?: TFocusOptions) => Promise<void>` | ||
@@ -111,2 +113,4 @@ Aplica o foco no campo. | ||
| ez-combo-box --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-form-view --> ez-combo-box | ||
@@ -113,0 +117,0 @@ style ez-combo-box fill:#f9f,stroke:#333,stroke-width:4px |
@@ -12,2 +12,3 @@ # ez-date-input | ||
| | -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- | | ||
| | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` | | ||
| | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` | | ||
@@ -18,2 +19,3 @@ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` | | ||
| | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` | | ||
| | `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento. | `boolean` | `false` | | ||
| | `value` | -- | Define o valor do campo. | `Date` | `undefined` | | ||
@@ -63,3 +65,3 @@ | ||
| ### `setFocus() => Promise<void>` | ||
| ### `setFocus(options?: TFocusOptions) => Promise<void>` | ||
@@ -91,2 +93,4 @@ Aplica o foco no campo. | ||
| ez-date-input --> ez-calendar | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-form-view --> ez-date-input | ||
@@ -93,0 +97,0 @@ style ez-date-input fill:#f9f,stroke:#333,stroke-width:4px |
@@ -12,2 +12,3 @@ # ez-date-time-input | ||
| | -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- | | ||
| | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` | | ||
| | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` | | ||
@@ -18,2 +19,3 @@ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` | | ||
| | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` | | ||
| | `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento. | `boolean` | `false` | | ||
| | `showSeconds` | `show-seconds` | Se true considera segundos. | `boolean` | `false` | | ||
@@ -64,3 +66,3 @@ | `value` | -- | Define o valor do campo. | `Date` | `undefined` | | ||
| ### `setFocus() => Promise<void>` | ||
| ### `setFocus(options?: TFocusOptions) => Promise<void>` | ||
@@ -92,2 +94,4 @@ Aplica o foco no campo. | ||
| ez-date-time-input --> ez-calendar | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-form-view --> ez-date-time-input | ||
@@ -94,0 +98,0 @@ style ez-date-time-input fill:#f9f,stroke:#333,stroke-width:4px |
@@ -22,2 +22,3 @@ # ez-dropdown | ||
| | `ezClick` | Emitido quando ocorrer um click em um item da lista, o IDropdownItem que recebeu o click deve ser enviado como data do evento. | `CustomEvent<IDropdownItem>` | | ||
| | `ezHover` | Emitido quando ocorrer o ponteiro do mouse é colocado sobre um item. | `CustomEvent<IDropdownItem>` | | ||
| | `ezOutsideClick` | Emitido quando ocorrer um click fora do componente. | `CustomEvent<void>` | | ||
@@ -36,2 +37,3 @@ | `ezSubActionClick` | Emitido quando ocorrer um click em uma ação secundaria do item, o IDropdownSubAction deve ser enviado como data do evento. | `CustomEvent<IDropdownSubAction>` | | ||
| - [ez-skeleton](../ez-skeleton) | ||
| - [ez-icon](../ez-icon) | ||
@@ -42,2 +44,3 @@ | ||
| graph TD; | ||
| ez-dropdown --> ez-skeleton | ||
| ez-dropdown --> ez-icon | ||
@@ -44,0 +47,0 @@ ez-breadcrumb --> ez-dropdown |
@@ -13,2 +13,3 @@ # ez-filter-input | ||
| | `asyncSearch` | `async-search` | Define se o campo irá funcionar de forma assíncrona. | `boolean` | `false` | | ||
| | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` | | ||
| | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` | | ||
@@ -19,2 +20,3 @@ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` | | ||
| | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` | | ||
| | `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento. | `boolean` | `false` | | ||
| | `restrict` | `restrict` | Restringe o que o usuário pode digitar. | `string` | `undefined` | | ||
@@ -65,3 +67,3 @@ | `value` | `value` | Define o valor do campo. | `string` | `undefined` | | ||
| ### `setFocus() => Promise<void>` | ||
| ### `setFocus(options?: TFocusOptions) => Promise<void>` | ||
@@ -91,2 +93,3 @@ Aplica o foco no campo. | ||
| - [ez-double-list](../ez-double-list) | ||
| - [ez-guide-navigator](../ez-guide-navigator) | ||
@@ -105,2 +108,5 @@ - [ez-multi-selection-list](../ez-multi-selection-list) | ||
| ez-filter-input --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-double-list --> ez-filter-input | ||
| ez-guide-navigator --> ez-filter-input | ||
@@ -107,0 +113,0 @@ ez-multi-selection-list --> ez-filter-input |
@@ -97,2 +97,4 @@ # ez-form-view | ||
| ez-text-edit --> ez-button | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-button --> ez-icon | ||
@@ -99,0 +101,0 @@ ez-combo-box --> ez-text-input |
@@ -91,2 +91,4 @@ # ez-form | ||
| ez-text-edit --> ez-button | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-button --> ez-icon | ||
@@ -93,0 +95,0 @@ ez-combo-box --> ez-text-input |
@@ -10,18 +10,21 @@ # ez-grid | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ------------------------ | -------------------------- | -------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- | | ||
| | `autoFocus` | `auto-focus` | Define se a grid será focada ao ser carregada. | `boolean` | `true` | | ||
| | `canEdit` | `can-edit` | Define se a edição está habilitada na grid. | `boolean` | `true` | | ||
| | `columnfilterDataSource` | -- | Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas. | `IMultiSelectionListDataSource` | `undefined` | | ||
| | `config` | -- | Configuração de exibição da grade. | `IGridConfig` | `undefined` | | ||
| | `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` | | ||
| | `enableContinuousInsert` | `enable-continuous-insert` | Ativa/desativa a inserção continua na grade Só funciona quando a prop enableGridInsert está ativa | `boolean` | `true` | | ||
| | `enableGridInsert` | `enable-grid-insert` | Ativa inserção de registros no modo grade. | `boolean` | `false` | | ||
| | `multipleSelection` | `multiple-selection` | Habilita a seleção de várias linhas. | `boolean` | `undefined` | | ||
| | `paginationCounterMode` | `pagination-counter-mode` | Define se a grid será focada ao ser carregada. | `"auto" \| "hidden" \| "show"` | `'show'` | | ||
| | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` | | ||
| | `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` | | ||
| | `serverUrl` | `server-url` | Endereço do servidor para obtenção dos dados. | `string` | `undefined` | | ||
| | `statusResolver` | -- | Define um `IStatusResolver` responsável pelo estado da coluna de status. | `((data: object) => string) \| IStatusResolver` | `undefined` | | ||
| | `useEnterLikeTab` | `use-enter-like-tab` | Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade. | `boolean` | `false` | | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ------------------------------- | ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- | | ||
| | `autoFocus` | `auto-focus` | Define se a grid será focada ao ser carregada. | `boolean` | `true` | | ||
| | `boxShadow` | `box-shadow` | Altera visualmente as sombras e bordas do componente Quando true, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando false, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up) | `boolean` | `true` | | ||
| | `canEdit` | `can-edit` | Define se a edição está habilitada na grid. | `boolean` | `true` | | ||
| | `columnfilterDataSource` | -- | Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas. | `IMultiSelectionListDataSource` | `undefined` | | ||
| | `config` | -- | Configuração de exibição da grade. | `IGridConfig` | `undefined` | | ||
| | `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` | | ||
| | `enableContinuousInsert` | `enable-continuous-insert` | Ativa/desativa a inserção continua na grade Só funciona quando a prop enableGridInsert está ativa | `boolean` | `true` | | ||
| | `enableGridInsert` | `enable-grid-insert` | Ativa inserção de registros no modo grade. | `boolean` | `false` | | ||
| | `enableLockManagerLoadingComp` | `enable-lock-manager-loading-comp` | Define se o componente deve usar o LockManager para controle de carregamento da aplicação | `boolean` | `false` | | ||
| | `enableLockManagerTaskbarClick` | `enable-lock-manager-taskbar-click` | Ativa inserção de registros no modo grade pela Taskbar. | `boolean` | `true` | | ||
| | `multipleSelection` | `multiple-selection` | Habilita a seleção de várias linhas. | `boolean` | `undefined` | | ||
| | `paginationCounterMode` | `pagination-counter-mode` | Define se a grid será focada ao ser carregada. | `"auto" \| "hidden" \| "show"` | `'show'` | | ||
| | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` | | ||
| | `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` | | ||
| | `serverUrl` | `server-url` | Endereço do servidor para obtenção dos dados. | `string` | `undefined` | | ||
| | `statusResolver` | -- | Define um `IStatusResolver` responsável pelo estado da coluna de status. | `((data: object) => string) \| IStatusResolver` | `undefined` | | ||
| | `useEnterLikeTab` | `use-enter-like-tab` | Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade. | `boolean` | `false` | | ||
@@ -82,2 +85,12 @@ | ||
| ### `checkStopEditOutsideClick(event: MouseEvent) => Promise<void>` | ||
| #### Returns | ||
| Type: `Promise<void>` | ||
| ### `filterColumns(search: string) => Promise<Array<EzGridColumn>>` | ||
@@ -213,3 +226,13 @@ | ||
| ### `stopEdit() => Promise<void>` | ||
| Para a edição da grade. | ||
| #### Returns | ||
| Type: `Promise<void>` | ||
| ## Dependencies | ||
@@ -242,2 +265,4 @@ | ||
| ez-filter-input --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-search --> ez-card-item | ||
@@ -244,0 +269,0 @@ ez-search --> ez-text-input |
@@ -80,2 +80,4 @@ # filter-column | ||
| ez-filter-input --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-search --> ez-card-item | ||
@@ -82,0 +84,0 @@ ez-search --> ez-text-input |
@@ -129,2 +129,4 @@ # ez-guide-navigator | ||
| ez-filter-input --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-button --> ez-icon | ||
@@ -131,0 +133,0 @@ ez-tree --> ez-icon |
@@ -40,2 +40,3 @@ # ez-icon | ||
| - [ez-tabselector](../ez-tabselector) | ||
| - [ez-text-input](../ez-text-input) | ||
| - [ez-time-input](../ez-time-input) | ||
@@ -66,2 +67,3 @@ - [ez-tree](../ez-tree) | ||
| ez-tabselector --> ez-icon | ||
| ez-text-input --> ez-icon | ||
| ez-time-input --> ez-icon | ||
@@ -68,0 +70,0 @@ ez-tree --> ez-icon |
@@ -10,12 +10,13 @@ # ez-list | ||
| | Property | Attribute | Description | Type | Default | | ||
| | --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ----------- | | ||
| | `dataSource` | -- | Define a lista inicial do componente. | `(ListItem \| ListGroup)[]` | `[]` | | ||
| | `ezDraggable` | `ez-draggable` | Se true habilita `drag and drop` para os itens. | `boolean` | `false` | | ||
| | `ezSelectable` | `ez-selectable` | Se true os itens serão selecionáveis. | `boolean` | `false` | | ||
| | `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista. | `boolean` | `false` | | ||
| | `itemLeftSlotBuilder` | -- | 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. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` | | ||
| | `itemSlotBuilder` | -- | 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. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` | | ||
| | `listMode` | `list-mode` | Define o modo de apresentação da lista. | `"check" \| "regular"` | `'regular'` | | ||
| | `useGroups` | `use-groups` | Se true os grupos serão exibidos. | `boolean` | `false` | | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ----------- | | ||
| | `dataSource` | -- | Define a lista inicial do componente. | `(ListItem \| ListGroup)[]` | `[]` | | ||
| | `enableMultipleSelection` | `enable-multiple-selection` | Habilita seleção de múltiplos items. | `boolean` | `false` | | ||
| | `ezDraggable` | `ez-draggable` | Se true habilita `drag and drop` para os itens. | `boolean` | `false` | | ||
| | `ezSelectable` | `ez-selectable` | Se true os itens serão selecionáveis. | `boolean` | `false` | | ||
| | `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista. | `boolean` | `false` | | ||
| | `itemLeftSlotBuilder` | -- | 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. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` | | ||
| | `itemSlotBuilder` | -- | 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. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` | | ||
| | `listMode` | `list-mode` | Define o modo de apresentação da lista. | `"check" \| "regular"` | `'regular'` | | ||
| | `useGroups` | `use-groups` | Se true os grupos serão exibidos. | `boolean` | `false` | | ||
@@ -30,3 +31,3 @@ | ||
| | `ezDoubleClick` | Emitido quando ocorre um duplo clique em um item da lista. | `CustomEvent<ListItem>` | | ||
| | `ezSelectItem` | Emitido sempre que um item da lista for selecionado. | `CustomEvent<ListItem>` | | ||
| | `ezSelectItem` | Emitido sempre que um item da lista for selecionado. | `CustomEvent<ListItem \| ListItem[]>` | | ||
@@ -86,3 +87,3 @@ | ||
| ### `setSelection(selectedItem: ListItem, scrollToOption?: boolean) => Promise<void>` | ||
| ### `setSelection(selectedItem: ListItem, scrollToOption?: boolean, shitkey?: boolean, ctrlKey?: boolean) => Promise<void>` | ||
@@ -103,2 +104,3 @@ Aplica seleção nas linhas da lista. | ||
| - [ez-alert-list](../ez-alert-list) | ||
| - [ez-double-list](../ez-double-list) | ||
| - [ez-multi-selection-list](../ez-multi-selection-list) | ||
@@ -115,2 +117,3 @@ | ||
| ez-alert-list --> ez-list | ||
| ez-double-list --> ez-list | ||
| ez-multi-selection-list --> ez-list | ||
@@ -117,0 +120,0 @@ style ez-list fill:#f9f,stroke:#333,stroke-width:4px |
@@ -10,12 +10,12 @@ # ez-modal | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ------------------- | --------------------- | ---------------------------------------------------------------------------------------------------- | --------------------- | ----------- | | ||
| | `align` | `align` | Define o alinhamento do ez-modal. | `"left" \| "right"` | `undefined` | | ||
| | `closeEsc` | `close-esc` | Define se o ez-modal será fechado ao clicar `ESC`. | `boolean` | `false` | | ||
| | `closeOutsideClick` | `close-outside-click` | Define se o modal será fechado ao clicar fora do conteúdo. | `boolean` | `false` | | ||
| | `closeOutsideLeave` | `close-outside-leave` | Define se o modal será fechado se o mouse sair para fora do conteúdo. | `boolean` | `false` | | ||
| | `heightMode` | `height-mode` | Ativa o modo Full, permitindo que o Modal expanda-se verticalmente e ocupe todo o espaço disponível. | `"full" \| "regular"` | `"regular"` | | ||
| | `modalSize` | `modal-size` | Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`. | `string` | `undefined` | | ||
| | `opened` | `opened` | Define se o ez-modal está aberto. | `boolean` | `true` | | ||
| | `scrim` | `scrim` | Define o tipo de scrim a ser aplicado no overlay do modal | `"light" \| "medium"` | `"medium"` | | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ------------------- | --------------------- | ---------------------------------------------------------------------------------------------------- | ------------------------------- | ----------- | | ||
| | `align` | `align` | Define o alinhamento do ez-modal. | `"left" \| "right"` | `undefined` | | ||
| | `closeEsc` | `close-esc` | Define se o ez-modal será fechado ao clicar `ESC`. | `boolean` | `false` | | ||
| | `closeOutsideClick` | `close-outside-click` | Define se o modal será fechado ao clicar fora do conteúdo. | `boolean` | `false` | | ||
| | `closeOutsideLeave` | `close-outside-leave` | Define se o modal será fechado se o mouse sair para fora do conteúdo. | `boolean` | `false` | | ||
| | `heightMode` | `height-mode` | Ativa o modo Full, permitindo que o Modal expanda-se verticalmente e ocupe todo o espaço disponível. | `"full" \| "regular"` | `"regular"` | | ||
| | `modalSize` | `modal-size` | Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`. | `string` | `undefined` | | ||
| | `opened` | `opened` | Define se o ez-modal está aberto. | `boolean` | `true` | | ||
| | `scrim` | `scrim` | Define o tipo de scrim a ser aplicado no overlay do modal | `"light" \| "medium" \| "none"` | `"medium"` | | ||
@@ -22,0 +22,0 @@ |
@@ -66,2 +66,4 @@ # ez-multi-selection-list | ||
| ez-filter-input --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-search --> ez-card-item | ||
@@ -68,0 +70,0 @@ ez-search --> ez-text-input |
@@ -13,2 +13,3 @@ # ez-number-input | ||
| | `allowNegative` | `allow-negative` | Se false, o input não aceitará números negativos. | `boolean` | `true` | | ||
| | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` | | ||
| | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` | | ||
@@ -19,2 +20,3 @@ | `enabled` | `enabled` | Se false, o usuário não pode interagir com o campo. | `boolean` | `true` | | ||
| | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` | | ||
| | `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento externo. | `boolean` | `false` | | ||
| | `precision` | `precision` | Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento. | `number` | `undefined` | | ||
@@ -91,2 +93,4 @@ | `prettyPrecision` | `pretty-precision` | Define qual é o mínimo de casas depois da vírgula. Exemplo: 1,1 será exibido como 1,1000 quando `prettyPrecision = 4`. | `number` | `undefined` | | ||
| ez-number-input --> ez-text-input | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-form-view --> ez-number-input | ||
@@ -93,0 +97,0 @@ style ez-number-input fill:#f9f,stroke:#333,stroke-width:4px |
@@ -10,10 +10,10 @@ # ez-popup | ||
| | Property | Attribute | Description | Type | Default | | ||
| | --------------- | ---------------- | ------------------------------------------------------------- | ---------------------------------------------------------- | ----------- | | ||
| | `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean` | `false` | | ||
| | `ezTitle` | `ez-title` | Texto a ser apresentado como título do componente. | `string` | `undefined` | | ||
| | `heightMode` | `height-mode` | Define altura do componente. | `"auto" \| "full"` | `"full"` | | ||
| | `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` | | ||
| | `size` | `size` | Define a largura do ez-popup. | `"large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"` | | ||
| | `useHeader` | `use-header` | Define se o componente utilizará cabeçalho. | `boolean` | `true` | | ||
| | Property | Attribute | Description | Type | Default | | ||
| | --------------- | ---------------- | ------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- | | ||
| | `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean` | `false` | | ||
| | `ezTitle` | `ez-title` | Texto a ser apresentado como título do componente. | `string` | `undefined` | | ||
| | `heightMode` | `height-mode` | Define altura do componente. | `"auto" \| "full"` | `"full"` | | ||
| | `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` | | ||
| | `size` | `size` | Define a largura do ez-popup. | `"auto" \| "large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"` | | ||
| | `useHeader` | `use-header` | Define se o componente utilizará cabeçalho. | `boolean` | `true` | | ||
@@ -20,0 +20,0 @@ |
@@ -21,2 +21,3 @@ # ez-scroller | ||
| - [ez-double-list](../ez-double-list) | ||
| - [ez-guide-navigator](../ez-guide-navigator) | ||
@@ -28,2 +29,3 @@ - [ez-sidebar-navigator](../ez-sidebar-navigator) | ||
| graph TD; | ||
| ez-double-list --> ez-scroller | ||
| ez-guide-navigator --> ez-scroller | ||
@@ -30,0 +32,0 @@ ez-sidebar-navigator --> ez-scroller |
@@ -12,2 +12,3 @@ # ez-search | ||
| | ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- | | ||
| | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` | | ||
| | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` | | ||
@@ -23,2 +24,3 @@ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` | | ||
| | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` | | ||
| | `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento externo. | `boolean` | `false` | | ||
| | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` | | ||
@@ -30,3 +32,3 @@ | `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` | | ||
| | `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` | | ||
| | `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `false` | | ||
| | `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `true` | | ||
| | `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` | | ||
@@ -85,3 +87,3 @@ | `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` | | ||
| ### `setFocus() => Promise<void>` | ||
| ### `setFocus(options?: TFocusOptions) => Promise<void>` | ||
@@ -116,2 +118,4 @@ Aplica o foco no campo. | ||
| ez-search --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-form-view --> ez-search | ||
@@ -118,0 +122,0 @@ ez-multi-selection-list --> ez-search |
@@ -20,4 +20,17 @@ # ez-skeleton | ||
| ## Dependencies | ||
| ### Used by | ||
| - [ez-dropdown](../ez-dropdown) | ||
| ### Graph | ||
| ```mermaid | ||
| graph TD; | ||
| ez-dropdown --> ez-skeleton | ||
| style ez-skeleton fill:#f9f,stroke:#333,stroke-width:4px | ||
| ``` | ||
| ---------------------------------------------- | ||
@@ -77,2 +77,3 @@ # ez-split-button | ||
| ez-split-button --> ez-dropdown | ||
| ez-dropdown --> ez-skeleton | ||
| ez-dropdown --> ez-icon | ||
@@ -79,0 +80,0 @@ style ez-split-button fill:#f9f,stroke:#333,stroke-width:4px |
@@ -16,2 +16,9 @@ # ez-split-panel | ||
| ## Events | ||
| | Event | Description | Type | | ||
| | ----------- | ----------- | ----------------------------- | | ||
| | `resizeEnd` | | `CustomEvent<IPanelSizeInfo>` | | ||
| ## Methods | ||
@@ -18,0 +25,0 @@ |
@@ -12,2 +12,4 @@ # ez-text-area | ||
| | -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- | | ||
| | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` | | ||
| | `autoRows` | `auto-rows` | Ativa a opção de fazer as linhas do componente serem baseados na altura máxima. | `boolean` | `false` | | ||
| | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` | | ||
@@ -14,0 +16,0 @@ | `enableResize` | `enable-resize` | Ativa a opção de fazer resize do input. | `boolean` | `false` | |
@@ -53,2 +53,4 @@ # ez-text-edit | ||
| ez-text-edit --> ez-button | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-button --> ez-icon | ||
@@ -55,0 +57,0 @@ ez-collapsible-box --> ez-text-edit |
@@ -10,14 +10,17 @@ # ez-text-input | ||
| | Property | Attribute | Description | Type | Default | | ||
| | -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- | | ||
| | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` | | ||
| | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` | | ||
| | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` | | ||
| | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` | | ||
| | `mask` | `mask` | Aplica uma máscara no conteúdo conforme o padrão estabelecido | `string` | `undefined` | | ||
| | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` | | ||
| | `noBorder` | `no-border` | Se true o campo não terá bordas. | `boolean` | `false` | | ||
| | `password` | `password` | Se true o campo não terá bordas. | `boolean` | `false` | | ||
| | `restrict` | `restrict` | Restringe o que o usuário pode digitar. | `string` | `undefined` | | ||
| | `value` | `value` | Define o valor do campo. | `string` | `undefined` | | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ---------------- | ------------------ | --------------------------------------------------------------------------------- | --------------------- | ----------- | | ||
| | `autoFocus` | `auto-focus` | Se true o campo receberá o foco ao ser renderizado. | `boolean` | `false` | | ||
| | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` | | ||
| | `cleanValueMask` | `clean-value-mask` | Para remover a máscara quando fizer um apply no formulário. | `boolean` | `false` | | ||
| | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` | | ||
| | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` | | ||
| | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` | | ||
| | `mask` | `mask` | Aplica uma máscara no conteúdo conforme o padrão estabelecido | `string` | `undefined` | | ||
| | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` | | ||
| | `noBorder` | `no-border` | Se true o campo não terá bordas. | `boolean` | `false` | | ||
| | `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento externo. | `boolean` | `false` | | ||
| | `password` | `password` | Se true o campo não terá bordas. | `boolean` | `false` | | ||
| | `restrict` | `restrict` | Restringe o que o usuário pode digitar. | `string` | `undefined` | | ||
| | `value` | `value` | Define o valor do campo. | `string` | `undefined` | | ||
@@ -79,5 +82,12 @@ | ||
| ### Depends on | ||
| - [ez-tooltip](../ez-tooltip) | ||
| - [ez-icon](../ez-icon) | ||
| ### Graph | ||
| ```mermaid | ||
| graph TD; | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-combo-box --> ez-text-input | ||
@@ -84,0 +94,0 @@ ez-date-input --> ez-text-input |
@@ -12,2 +12,3 @@ # ez-time-input | ||
| | -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- | | ||
| | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` | | ||
| | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` | | ||
@@ -18,2 +19,3 @@ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` | | ||
| | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` | | ||
| | `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento. | `boolean` | `false` | | ||
| | `showSeconds` | `show-seconds` | Se true considera segundos. | `boolean` | `false` | | ||
@@ -81,2 +83,4 @@ | `value` | `value` | Define o valor do campo. | `number` | `undefined` | | ||
| ez-time-input --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-form-view --> ez-time-input | ||
@@ -83,0 +87,0 @@ style ez-time-input fill:#f9f,stroke:#333,stroke-width:4px |
| { | ||
| "name": "@sankhyalabs/ezui-docs", | ||
| "version": "0.0.0-feat-dev-KB-74182.0", | ||
| "version": "0.0.0-feat-dev-KB-74304.0", | ||
| "description": "Documentação da biblioteca de componentes Sankhya.", | ||
@@ -5,0 +5,0 @@ "main": "", |
Improved metrics
- Total package byte prevSize
- increased by10.04%
163645
- Number of package files
- increased by3.64%
57