@sankhyalabs/ezui-docs 6.0.2 → 6.1.0-dev.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/components/ez-avatar/readme.md +34 -0
  2. package/components/ez-card-item/readme.md +2 -0
  3. package/components/ez-check/readme.md +11 -8
  4. package/components/ez-chip/readme.md +9 -8
  5. package/components/ez-combo-box/readme.md +23 -20
  6. package/components/ez-date-input/readme.md +10 -9
  7. package/components/ez-date-time-input/readme.md +11 -10
  8. package/components/ez-double-list/readme.md +20 -21
  9. package/components/ez-filter-input/readme.md +2 -2
  10. package/components/ez-form/readme.md +44 -8
  11. package/components/ez-form-view/readme.md +34 -2
  12. package/components/ez-grid/readme.md +27 -22
  13. package/components/ez-icon/readme.md +9 -0
  14. package/components/ez-list/readme.md +0 -2
  15. package/components/ez-modal-container/readme.md +7 -0
  16. package/components/ez-number-input/readme.md +13 -12
  17. package/components/ez-popover/readme.md +2 -0
  18. package/components/ez-popover-plus/readme.md +2 -0
  19. package/components/ez-popup/readme.md +15 -0
  20. package/components/ez-rich-text/ez-link-builder/readme.md +69 -0
  21. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-arrows/readme.md +29 -0
  22. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-configs/readme.md +29 -0
  23. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item/readme.md +49 -0
  24. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-letters/readme.md +29 -0
  25. package/components/ez-rich-text/ez-rich-toolbar/readme.md +54 -0
  26. package/components/ez-rich-text/ez-simple-image-uploader/readme.md +78 -0
  27. package/components/ez-rich-text/readme.md +111 -0
  28. package/components/ez-scroller/readme.md +0 -2
  29. package/components/ez-search/readme.md +5 -0
  30. package/components/ez-search-plus/readme.md +130 -0
  31. package/components/ez-search-plus/subcomponent/ez-search-result-list/readme.md +90 -0
  32. package/components/ez-skeleton/readme.md +14 -8
  33. package/components/ez-sortable-list/readme.md +75 -0
  34. package/components/ez-split-button/readme.md +33 -11
  35. package/components/ez-text-area/readme.md +15 -12
  36. package/components/ez-text-input/readme.md +22 -14
  37. package/components/ez-time-input/readme.md +11 -10
  38. package/components/ez-tooltip/readme.md +13 -17
  39. package/package.json +1 -1
package/components/ez-avatar/readme.md ADDED
@@ -0,0 +1,34 @@
1
+ # ez-avatar
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | --------------- | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | ----------- |
12
+ | `imageSrc` | `image-src` | URL da imagem do Avatar. | `string` | `undefined` |
13
+ | `isInteractive` | `is-interactive` | Se true, o Avatar será interativo. Caso contrário, será estático. | `boolean` | `false` |
14
+ | `name` | `name` | Nome do usuário para exibição da inicial. | `string` | `undefined` |
15
+ | `shape` | `shape` | Define o formato do Avatar: 'circle' ou 'square'. | `"circle" \| "square"` | `'circle'` |
16
+ | `size` | `size` | Tamanho do Avatar (valores permitidos): '320x320', '300x300', '280x280', '260x260', '240x240', '220x220', '200x200', '180x180', '160x160', '140x140', '120x120', '100x100', '80x80', '60x60'. | `"100" \| "120" \| "140" \| "160" \| "180" \| "200" \| "220" \| "240" \| "260" \| "280" \| "300" \| "320" \| "60" \| "80"` | `'100'` |
17
+
18
+
19
+ ## Dependencies
20
+
21
+ ### Depends on
22
+
23
+ - [ez-icon](../ez-icon)
24
+
25
+ ### Graph
26
+ ```mermaid
27
+ graph TD;
28
+ ez-avatar --> ez-icon
29
+ style ez-avatar fill:#f9f,stroke:#333,stroke-width:4px
30
+ ```
31
+
32
+ ----------------------------------------------
33
+
34
+
package/components/ez-card-item/readme.md CHANGED
@@ -25,11 +25,13 @@
25
25
 
26
26
  ### Used by
27
27
 
28
+ - [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
28
29
  - [search-list](../ez-search/subcomponent/search-list)
29
30
 
30
31
  ### Graph
31
32
  ```mermaid
32
33
  graph TD;
34
+ ez-search-result-list --> ez-card-item
33
35
  search-list --> ez-card-item
34
36
  style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px
35
37
  ```
package/components/ez-check/readme.md CHANGED
@@ -7,14 +7,15 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | --------------- | --------------- | --------------------------------------------------------------------------------------------------- | --------------------------------------- | ------------------- |
12
- | `compact` | `compact` | Define o modo compacto com espaçamento menor entre label e o input | `boolean` | `false` |
13
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
14
- | `indeterminate` | `indeterminate` | Se true ativa o estado indeterminado, nem marcado nem desmarcado (não disponível em modo `switch`). | `boolean` | `undefined` |
15
- | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
16
- | `mode` | `mode` | Define o modo de visualização do ez-check. | `CheckMode.REGULAR \| CheckMode.SWITCH` | `CheckMode.REGULAR` |
17
- | `value` | `value` | Define o valor do campo. | `boolean` | `undefined` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------ | ------------------------- | --------------------------------------------------------------------------------------------------- | --------------------------------------- | ------------------- |
12
+ | `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
13
+ | `compact` | `compact` | Define o modo compacto com espaçamento menor entre label e o input | `boolean` | `false` |
14
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
15
+ | `indeterminate` | `indeterminate` | Se true ativa o estado indeterminado, nem marcado nem desmarcado (não disponível em modo `switch`). | `boolean` | `undefined` |
16
+ | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
17
+ | `mode` | `mode` | Define o modo de visualização do ez-check. | `CheckMode.REGULAR \| CheckMode.SWITCH` | `CheckMode.REGULAR` |
18
+ | `value` | `value` | Define o valor do campo. | `boolean` | `undefined` |
18
19
 
19
20
 
20
21
  ## Events
@@ -52,6 +53,7 @@ Type: `Promise<void>`
52
53
  ### Used by
53
54
 
54
55
  - [ez-form-view](../ez-form-view)
56
+ - [ez-link-builder](../ez-rich-text/ez-link-builder)
55
57
  - [ez-list](../ez-list)
56
58
  - [ez-multi-selection-list](../ez-multi-selection-list)
57
59
 
@@ -59,6 +61,7 @@ Type: `Promise<void>`
59
61
  ```mermaid
60
62
  graph TD;
61
63
  ez-form-view --> ez-check
64
+ ez-link-builder --> ez-check
62
65
  ez-list --> ez-check
63
66
  ez-multi-selection-list --> ez-check
64
67
  style ez-check fill:#f9f,stroke:#333,stroke-width:4px
package/components/ez-chip/readme.md CHANGED
@@ -7,14 +7,15 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------------- | --------------------- | ----------------------------------------------------------------------------------------------------------------------- | --------------------- | ----------- |
12
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o ez-chip. | `boolean` | `true` |
13
- | `label` | `label` | Texto a ser apresentado como título do ez-chip. | `string` | `undefined` |
14
- | `mode` | `mode` | Define o modo de uso do ez-chip. | `"action" \| "label"` | `undefined` |
15
- | `removePosition` | `remove-position` | 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. | `"left" \| "right"` | `undefined` |
16
- | `showNativeTooltip` | `show-native-tooltip` | Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento. | `boolean` | `true` |
17
- | `value` | `value` | Define o valor do ez-chip. | `boolean` | `false` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------ | --------------------------- | ----------------------------------------------------------------------------------------------------------------------- | --------------------- | ----------- |
12
+ | `disableAutoUpdateValue` | `disable-auto-update-value` | Desabilita a alteração da propriedade value ao clicar. | `boolean` | `false` |
13
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o ez-chip. | `boolean` | `true` |
14
+ | `label` | `label` | Texto a ser apresentado como título do ez-chip. | `string` | `undefined` |
15
+ | `mode` | `mode` | Define o modo de uso do ez-chip. | `"action" \| "label"` | `undefined` |
16
+ | `removePosition` | `remove-position` | 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. | `"left" \| "right"` | `undefined` |
17
+ | `showNativeTooltip` | `show-native-tooltip` | Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento. | `boolean` | `true` |
18
+ | `value` | `value` | Define o valor do ez-chip. | `boolean` | `false` |
18
19
 
19
20
 
20
21
  ## Events
package/components/ez-combo-box/readme.md CHANGED
@@ -7,26 +7,29 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
12
- | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
13
- | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
14
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
15
- | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
16
- | `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. | `boolean` | `true` |
17
- | `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
18
- | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
19
- | `limitCharsToSearch` | `limit-chars-to-search` | Define o limite de caracteres mínimo para realizar uma pesquisa | `number` | `3` |
20
- | `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
21
- | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
22
- | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
23
- | `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
24
- | `showOptionValue` | `show-option-value` | Se true cada opção na lista exibe o `value` junto com `label`. | `boolean` | `false` |
25
- | `showSelectedValue` | `show-selected-value` | Se true a opção selecionada exibe o `value` junto com `label`. | `boolean` | `false` |
26
- | `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `true` |
27
- | `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
28
- | `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
29
- | `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | --------------------- |
12
+ | `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
13
+ | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
14
+ | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
15
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
16
+ | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
17
+ | `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. | `boolean` | `true` |
18
+ | `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
19
+ | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
20
+ | `limitCharsToSearch` | `limit-chars-to-search` | Define o limite de caracteres mínimo para realizar uma pesquisa | `number` | `3` |
21
+ | `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
22
+ | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
23
+ | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
24
+ | `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
25
+ | `preventAutoFocus` | `prevent-auto-focus` | Se true, impede que o campo de texto receba foco automaticamente ao abrir as opções. | `boolean` | `false` |
26
+ | `showOptionValue` | `show-option-value` | Se true cada opção na lista exibe o `value` junto com `label`. | `boolean` | `false` |
27
+ | `showSelectedValue` | `show-selected-value` | Se true a opção selecionada exibe o `value` junto com `label`. | `boolean` | `false` |
28
+ | `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `true` |
29
+ | `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
30
+ | `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
31
+ | `textEmptyOption` | `text-empty-option` | Texto a ser apresentado na opção de valor nulo. | `string` | `"Selecione um item"` |
32
+ | `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
30
33
 
31
34
 
32
35
  ## Events
package/components/ez-date-input/readme.md CHANGED
@@ -7,15 +7,16 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
12
- | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
13
- | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
14
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
15
- | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
16
- | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
17
- | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
18
- | `value` | -- | Define o valor do campo. | `Date` | `undefined` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------ | ------------------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
12
+ | `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo ser apresentado como título do campo. | `string` | `undefined` |
13
+ | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
14
+ | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
15
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
16
+ | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
17
+ | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
18
+ | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
19
+ | `value` | -- | Define o valor do campo. | `Date` | `undefined` |
19
20
 
20
21
 
21
22
  ## Events
package/components/ez-date-time-input/readme.md CHANGED
@@ -7,16 +7,17 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
12
- | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
13
- | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
14
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
15
- | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
16
- | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
17
- | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
18
- | `showSeconds` | `show-seconds` | Se true considera segundos. | `boolean` | `false` |
19
- | `value` | -- | Define o valor do campo. | `Date` | `undefined` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------ | ------------------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
12
+ | `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo ser apresentado como título do campo. | `string` | `undefined` |
13
+ | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
14
+ | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
15
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
16
+ | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
17
+ | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
18
+ | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
19
+ | `showSeconds` | `show-seconds` | Se true considera segundos. | `boolean` | `false` |
20
+ | `value` | -- | Define o valor do campo. | `Date` | `undefined` |
20
21
 
21
22
 
22
23
  ## Events
package/components/ez-double-list/readme.md CHANGED
@@ -7,24 +7,27 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------------- | --------------------- | ----------------------------------------------------------------------------------- | ------------ | ---------------- |
12
- | `entityLabel` | `entity-label` | Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa". | `string` | `'item'` |
13
- | `entityLabelPlural` | `entity-label-plural` | Variação plura do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas". | `string` | `'itens'` |
14
- | `leftList` | -- | Define a lista origem. | `ListItem[]` | `[]` |
15
- | `leftListLabel` | `left-list-label` | Rótulo da lista esquerda. | `string` | `'disponíveis'` |
16
- | `leftTitle` | `left-title` | Define o título da lista origem. | `string` | `undefined` |
17
- | `rightList` | -- | Define a lista destino. | `ListItem[]` | `[]` |
18
- | `rightListLabel` | `right-list-label` | Rótulo da lista direita. | `string` | `'selecionados'` |
19
- | `rightTitle` | `right-title` | Define o título da lista destino. | `string` | `undefined` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------- | --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | ---------------- |
12
+ | `emptyMessage` | -- | 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` | `undefined` |
13
+ | `entityLabel` | `entity-label` | Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa". | `string` | `'item'` |
14
+ | `entityLabelPlural` | `entity-label-plural` | Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas". | `string` | `'itens'` |
15
+ | `leftList` | -- | Define a lista origem. | `ListItem[]` | `[]` |
16
+ | `leftListLabel` | `left-list-label` | Rótulo da lista esquerda. | `string` | `'disponíveis'` |
17
+ | `leftTitle` | `left-title` | Define o título da lista origem. | `string` | `undefined` |
18
+ | `rightList` | -- | Define a lista destino. | `ListItem[]` | `[]` |
19
+ | `rightListLabel` | `right-list-label` | Rótulo da lista direita. | `string` | `'selecionados'` |
20
+ | `rightTitle` | `right-title` | Define o título da lista destino. | `string` | `undefined` |
21
+ | `slotsListBuilder` | -- | 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`). | `DoubleListSlots` | `undefined` |
22
+ | `useOnlyRightList` | `use-only-right-list` | Define se irá exibir apenas a lista da direita. | `boolean` | `false` |
20
23
 
21
24
 
22
25
  ## Events
23
26
 
24
- | Event | Description | Type |
25
- | -------------------- | ----------- | ------------------------- |
26
- | `ezLeftListChanged` | | `CustomEvent<ListItem[]>` |
27
- | `ezRightListChanged` | | `CustomEvent<ListItem[]>` |
27
+ | Event | Description | Type |
28
+ | -------------------- | ------------------------------------------------------------------ | ------------------------- |
29
+ | `ezLeftListChanged` | Emitido ao realizar uma alteração na lista esquerda do componente. | `CustomEvent<ListItem[]>` |
30
+ | `ezRightListChanged` | Emitido ao realizar uma alteração na lista direita do componente. | `CustomEvent<ListItem[]>` |
28
31
 
29
32
 
30
33
  ## Methods
@@ -44,19 +47,15 @@ Type: `Promise<void>`
44
47
 
45
48
  ### Depends on
46
49
 
47
- - [ez-scroller](../ez-scroller)
48
- - [ez-list](../ez-list)
49
- - [ez-filter-input](../ez-filter-input)
50
+ - [ez-sortable-list](../ez-sortable-list)
50
51
  - [ez-button](../ez-button)
51
52
 
52
53
  ### Graph
53
54
  ```mermaid
54
55
  graph TD;
55
- ez-double-list --> ez-scroller
56
- ez-double-list --> ez-list
57
- ez-double-list --> ez-filter-input
56
+ ez-double-list --> ez-sortable-list
58
57
  ez-double-list --> ez-button
59
- ez-list --> ez-check
58
+ ez-sortable-list --> ez-filter-input
60
59
  ez-filter-input --> ez-text-input
61
60
  ez-filter-input --> ez-icon
62
61
  ez-text-input --> ez-tooltip
package/components/ez-filter-input/readme.md CHANGED
@@ -86,9 +86,9 @@ Type: `Promise<void>`
86
86
 
87
87
  ### Used by
88
88
 
89
- - [ez-double-list](../ez-double-list)
90
89
  - [ez-guide-navigator](../ez-guide-navigator)
91
90
  - [ez-multi-selection-list](../ez-multi-selection-list)
91
+ - [ez-sortable-list](../ez-sortable-list)
92
92
 
93
93
  ### Depends on
94
94
 
@@ -102,9 +102,9 @@ graph TD;
102
102
  ez-filter-input --> ez-icon
103
103
  ez-text-input --> ez-tooltip
104
104
  ez-text-input --> ez-icon
105
- ez-double-list --> ez-filter-input
106
105
  ez-guide-navigator --> ez-filter-input
107
106
  ez-multi-selection-list --> ez-filter-input
107
+ ez-sortable-list --> ez-filter-input
108
108
  style ez-filter-input fill:#f9f,stroke:#333,stroke-width:4px
109
109
  ```
110
110
 
package/components/ez-form/readme.md CHANGED
@@ -7,13 +7,15 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------------ | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | ----------- |
12
- | `config` | -- | Configuração do formulário. | `IFormConfig` | `undefined` |
13
- | `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
14
- | `fieldToFocus` | `field-to-focus` | Determina o campo que deve ficar em evidência. | `string` | `undefined` |
15
- | `onlyStaticFields` | `only-static-fields` | 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. | `boolean` | `false` |
16
- | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | ----------- |
12
+ | `config` | -- | Configuração do formulário. | `IFormConfig` | `undefined` |
13
+ | `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
14
+ | `elementFocusSearchField` | -- | Define uma ancoragem | `HTMLElement` | `undefined` |
15
+ | `fieldToFocus` | `field-to-focus` | Determina o campo que deve ficar em evidência. | `string` | `undefined` |
16
+ | `onlyStaticFields` | `only-static-fields` | 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. | `boolean` | `false` |
17
+ | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
18
+ | `useSearchField` | `use-search-field` | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F | `boolean` | `true` |
17
19
 
18
20
 
19
21
  ## Events
@@ -64,13 +66,17 @@ Type: `Promise<void>`
64
66
  ### Depends on
65
67
 
66
68
  - [ez-tabselector](../ez-tabselector)
69
+ - [ez-popover](../ez-popover)
67
70
  - [ez-form-view](../ez-form-view)
71
+ - [ez-search](../ez-search)
68
72
 
69
73
  ### Graph
70
74
  ```mermaid
71
75
  graph TD;
72
76
  ez-form --> ez-tabselector
77
+ ez-form --> ez-popover
73
78
  ez-form --> ez-form-view
79
+ ez-form --> ez-search
74
80
  ez-tabselector --> ez-icon
75
81
  ez-form-view --> ez-custom-form-input
76
82
  ez-form-view --> ez-collapsible-box
@@ -81,9 +87,11 @@ graph TD;
81
87
  ez-form-view --> ez-date-time-input
82
88
  ez-form-view --> ez-upload
83
89
  ez-form-view --> ez-number-input
84
- ez-form-view --> ez-search
85
90
  ez-form-view --> ez-text-area
86
91
  ez-form-view --> ez-text-input
92
+ ez-form-view --> ez-search-plus
93
+ ez-form-view --> ez-search
94
+ ez-form-view --> ez-rich-text
87
95
  ez-collapsible-box --> ez-icon
88
96
  ez-collapsible-box --> ez-text-edit
89
97
  ez-text-edit --> ez-text-input
@@ -105,11 +113,39 @@ graph TD;
105
113
  ez-date-time-input --> ez-popover-plus
106
114
  ez-date-time-input --> ez-calendar
107
115
  ez-number-input --> ez-text-input
116
+ ez-search-plus --> ez-icon
117
+ ez-search-plus --> ez-text-input
118
+ ez-search-plus --> ez-popover-plus
119
+ ez-search-plus --> ez-search-result-list
120
+ ez-search-result-list --> ez-card-item
121
+ ez-search-result-list --> ez-skeleton
108
122
  ez-search --> ez-text-input
109
123
  ez-search --> ez-icon
110
124
  ez-search --> ez-popover-plus
111
125
  ez-search --> search-list
112
126
  search-list --> ez-card-item
127
+ ez-rich-text --> ez-text-area
128
+ ez-rich-text --> ez-rich-toolbar
129
+ ez-rich-text --> ez-link-builder
130
+ ez-rich-text --> ez-simple-image-uploader
131
+ ez-rich-toolbar --> ez-rich-toolbar-arrows
132
+ ez-rich-toolbar --> ez-rich-toolbar-letters
133
+ ez-rich-toolbar --> ez-rich-toolbar-configs
134
+ ez-rich-toolbar-arrows --> ez-rich-toolbar-item
135
+ ez-rich-toolbar-item --> ez-icon
136
+ ez-rich-toolbar-letters --> ez-rich-toolbar-item
137
+ ez-rich-toolbar-configs --> ez-rich-toolbar-item
138
+ ez-link-builder --> ez-popup
139
+ ez-link-builder --> ez-modal-container
140
+ ez-link-builder --> ez-text-input
141
+ ez-link-builder --> ez-check
142
+ ez-modal-container --> ez-icon
143
+ ez-modal-container --> ez-button
144
+ ez-simple-image-uploader --> ez-popup
145
+ ez-simple-image-uploader --> ez-modal-container
146
+ ez-simple-image-uploader --> ez-tooltip
147
+ ez-simple-image-uploader --> ez-text-input
148
+ ez-simple-image-uploader --> ez-icon
113
149
  style ez-form fill:#f9f,stroke:#333,stroke-width:4px
114
150
  ```
115
151
 
package/components/ez-form-view/readme.md CHANGED
@@ -72,9 +72,11 @@ Type: `Promise<void>`
72
72
  - [ez-date-time-input](../ez-date-time-input)
73
73
  - [ez-upload](../ez-upload)
74
74
  - [ez-number-input](../ez-number-input)
75
- - [ez-search](../ez-search)
76
75
  - [ez-text-area](../ez-text-area)
77
76
  - [ez-text-input](../ez-text-input)
77
+ - [ez-search-plus](../ez-search-plus)
78
+ - [ez-search](../ez-search)
79
+ - [ez-rich-text](../ez-rich-text)
78
80
 
79
81
  ### Graph
80
82
  ```mermaid
@@ -88,9 +90,11 @@ graph TD;
88
90
  ez-form-view --> ez-date-time-input
89
91
  ez-form-view --> ez-upload
90
92
  ez-form-view --> ez-number-input
91
- ez-form-view --> ez-search
92
93
  ez-form-view --> ez-text-area
93
94
  ez-form-view --> ez-text-input
95
+ ez-form-view --> ez-search-plus
96
+ ez-form-view --> ez-search
97
+ ez-form-view --> ez-rich-text
94
98
  ez-collapsible-box --> ez-icon
95
99
  ez-collapsible-box --> ez-text-edit
96
100
  ez-text-edit --> ez-text-input
@@ -112,11 +116,39 @@ graph TD;
112
116
  ez-date-time-input --> ez-popover-plus
113
117
  ez-date-time-input --> ez-calendar
114
118
  ez-number-input --> ez-text-input
119
+ ez-search-plus --> ez-icon
120
+ ez-search-plus --> ez-text-input
121
+ ez-search-plus --> ez-popover-plus
122
+ ez-search-plus --> ez-search-result-list
123
+ ez-search-result-list --> ez-card-item
124
+ ez-search-result-list --> ez-skeleton
115
125
  ez-search --> ez-text-input
116
126
  ez-search --> ez-icon
117
127
  ez-search --> ez-popover-plus
118
128
  ez-search --> search-list
119
129
  search-list --> ez-card-item
130
+ ez-rich-text --> ez-text-area
131
+ ez-rich-text --> ez-rich-toolbar
132
+ ez-rich-text --> ez-link-builder
133
+ ez-rich-text --> ez-simple-image-uploader
134
+ ez-rich-toolbar --> ez-rich-toolbar-arrows
135
+ ez-rich-toolbar --> ez-rich-toolbar-letters
136
+ ez-rich-toolbar --> ez-rich-toolbar-configs
137
+ ez-rich-toolbar-arrows --> ez-rich-toolbar-item
138
+ ez-rich-toolbar-item --> ez-icon
139
+ ez-rich-toolbar-letters --> ez-rich-toolbar-item
140
+ ez-rich-toolbar-configs --> ez-rich-toolbar-item
141
+ ez-link-builder --> ez-popup
142
+ ez-link-builder --> ez-modal-container
143
+ ez-link-builder --> ez-text-input
144
+ ez-link-builder --> ez-check
145
+ ez-modal-container --> ez-icon
146
+ ez-modal-container --> ez-button
147
+ ez-simple-image-uploader --> ez-popup
148
+ ez-simple-image-uploader --> ez-modal-container
149
+ ez-simple-image-uploader --> ez-tooltip
150
+ ez-simple-image-uploader --> ez-text-input
151
+ ez-simple-image-uploader --> ez-icon
120
152
  ez-form --> ez-form-view
121
153
  style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
122
154
  ```