@sankhyalabs/ezui-docs 5.22.0-dev.9 → 5.22.0-dev.91

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 (38) hide show
  1. package/components/ez-breadcrumb/readme.md +1 -0
  2. package/components/ez-button/readme.md +3 -1
  3. package/components/ez-card-item/readme.md +1 -0
  4. package/components/ez-collapsible-box/readme.md +2 -0
  5. package/components/ez-combo-box/ez-combo-box-list/readme.md +71 -0
  6. package/components/ez-combo-box/readme.md +28 -19
  7. package/components/ez-date-input/readme.md +4 -1
  8. package/components/ez-date-time-input/readme.md +4 -1
  9. package/components/ez-double-list/readme.md +70 -0
  10. package/components/ez-dropdown/readme.md +3 -0
  11. package/components/ez-filter-input/readme.md +6 -1
  12. package/components/ez-form/readme.md +5 -0
  13. package/components/ez-form-view/readme.md +5 -0
  14. package/components/ez-grid/readme.md +50 -16
  15. package/components/ez-grid/subcomponents/readme.md +5 -2
  16. package/components/ez-guide-navigator/readme.md +2 -0
  17. package/components/ez-icon/readme.md +2 -0
  18. package/components/ez-list/readme.md +21 -17
  19. package/components/ez-modal/readme.md +10 -10
  20. package/components/ez-multi-selection-list/readme.md +2 -0
  21. package/components/ez-number-input/readme.md +4 -0
  22. package/components/ez-popover/readme.md +2 -2
  23. package/components/ez-popover-plus/readme.md +112 -0
  24. package/components/ez-popover-plus/subcomponent/readme.md +105 -0
  25. package/components/ez-popup/readme.md +8 -7
  26. package/components/ez-scroller/readme.md +2 -0
  27. package/components/ez-search/readme.md +26 -20
  28. package/components/ez-skeleton/readme.md +13 -0
  29. package/components/ez-split-button/readme.md +2 -1
  30. package/components/ez-split-panel/readme.md +12 -4
  31. package/components/ez-split-panel/structure/item/readme.md +6 -5
  32. package/components/ez-text-area/readme.md +3 -1
  33. package/components/ez-text-edit/readme.md +2 -0
  34. package/components/ez-text-input/readme.md +21 -12
  35. package/components/ez-time-input/readme.md +3 -0
  36. package/components/ez-tooltip/readme.md +44 -0
  37. package/components/ez-tree/readme.md +5 -4
  38. package/package.json +1 -1
@@ -34,6 +34,7 @@
34
34
  graph TD;
35
35
  ez-breadcrumb --> ez-icon
36
36
  ez-breadcrumb --> ez-dropdown
37
+ ez-dropdown --> ez-skeleton
37
38
  ez-dropdown --> ez-icon
38
39
  style ez-breadcrumb fill:#f9f,stroke:#333,stroke-width:4px
39
40
  ```
@@ -14,7 +14,7 @@
14
14
  | `image` | `image` | Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones. | `string` | `undefined` |
15
15
  | `label` | `label` | Texto a ser apresentado como título do botão. | `string` | `undefined` |
16
16
  | `mode` | `mode` | Define o modo de uso do botão. | `"icon" \| "label-icon" \| "link" \| "regular"` | `"regular"` |
17
- | `size` | `size` | Define o tamanho do ez-button. | `"large" \| "medium" \| "small"` | `undefined` |
17
+ | `size` | `size` | Define o tamanho do ez-button. | `"large" \| "medium" \| "small" \| "x-small"` | `undefined` |
18
18
 
19
19
 
20
20
  ## Methods
@@ -47,6 +47,7 @@ Type: `Promise<void>`
47
47
  - [ez-actions-button](../ez-actions-button)
48
48
  - [ez-alert-list](../ez-alert-list)
49
49
  - [ez-dialog](../ez-dialog)
50
+ - [ez-double-list](../ez-double-list)
50
51
  - [ez-grid](../ez-grid)
51
52
  - [ez-guide-navigator](../ez-guide-navigator)
52
53
  - [ez-modal-container](../ez-modal-container)
@@ -66,6 +67,7 @@ graph TD;
66
67
  ez-actions-button --> ez-button
67
68
  ez-alert-list --> ez-button
68
69
  ez-dialog --> ez-button
70
+ ez-double-list --> ez-button
69
71
  ez-grid --> ez-button
70
72
  ez-guide-navigator --> ez-button
71
73
  ez-modal-container --> ez-button
@@ -9,6 +9,7 @@
9
9
 
10
10
  | Property | Attribute | Description | Type | Default |
11
11
  | ----------- | ------------ | ------------------------------------------------------------------------------------------------------------- | ---------- | ----------- |
12
+ | `compacted` | `compacted` | Determina se o componente será apresentado no modo compacto. | `boolean` | `false` |
12
13
  | `enableKey` | `enable-key` | Determina se a chave do item deve ser exibida. | `boolean` | `true` |
13
14
  | `item` | -- | Determina o conteúdo do card. Deve conter um objeto no formato: `{title: string, key: string, details: any}`. | `CardItem` | `undefined` |
14
15
 
@@ -82,6 +82,8 @@ graph TD;
82
82
  ez-collapsible-box --> ez-text-edit
83
83
  ez-text-edit --> ez-text-input
84
84
  ez-text-edit --> ez-button
85
+ ez-text-input --> ez-tooltip
86
+ ez-text-input --> ez-icon
85
87
  ez-button --> ez-icon
86
88
  ez-form-view --> ez-collapsible-box
87
89
  style ez-collapsible-box fill:#f9f,stroke:#333,stroke-width:4px
@@ -0,0 +1,71 @@
1
+ # ez-combo-box-list
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ----------------- | ------------------- | -------------------------------------------------------------------- | --------------------------- | ------------------------------- |
12
+ | `maxWidth` | `max-width` | Largura máxima da lista, em pixels. | `number` | `undefined` |
13
+ | `onOptionHover` | -- | Callback chamado quando o mouse passa sobre uma opção. | `(index: number) => void` | `undefined` |
14
+ | `onOptionSelect` | -- | Callback chamado quando uma opção é selecionada. | `(option: IOption) => void` | `undefined` |
15
+ | `preSelection` | `pre-selection` | Índice da opção pré-selecionada na lista. | `number` | `undefined` |
16
+ | `showLoading` | `show-loading` | Indica se o indicador de carregamento deve ser exibido. | `boolean` | `undefined` |
17
+ | `showOptionValue` | `show-option-value` | Indica se o valor de cada opção deve ser exibido junto com o rótulo. | `boolean` | `undefined` |
18
+ | `textEmptyList` | `text-empty-list` | Mensagem exibida quando a lista de opções está vazia. | `string` | `"Nenhum resultado encontrado"` |
19
+ | `visibleOptions` | -- | Lista de opções visíveis que serão exibidas no componente. | `IOption[]` | `undefined` |
20
+ | `width` | `width` | Largura fixa da lista, em pixels. | `number` | `undefined` |
21
+
22
+
23
+ ## Methods
24
+
25
+ ### `nextOption() => Promise<void>`
26
+
27
+ Move a seleção para a próxima opção na lista.
28
+
29
+ #### Returns
30
+
31
+ Type: `Promise<void>`
32
+
33
+
34
+
35
+ ### `previousOption() => Promise<void>`
36
+
37
+ Move a seleção para a opção anterior na lista.
38
+
39
+ #### Returns
40
+
41
+ Type: `Promise<void>`
42
+
43
+
44
+
45
+ ### `selectCurrentOption() => Promise<void>`
46
+
47
+ Seleciona a opção atualmente pré-selecionada.
48
+
49
+ #### Returns
50
+
51
+ Type: `Promise<void>`
52
+
53
+
54
+
55
+
56
+ ## Dependencies
57
+
58
+ ### Used by
59
+
60
+ - [ez-combo-box](..)
61
+
62
+ ### Graph
63
+ ```mermaid
64
+ graph TD;
65
+ ez-combo-box --> ez-combo-box-list
66
+ style ez-combo-box-list fill:#f9f,stroke:#333,stroke-width:4px
67
+ ```
68
+
69
+ ----------------------------------------------
70
+
71
+
@@ -7,24 +7,26 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | --------------------- | ------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
12
- | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
13
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
14
- | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
15
- | `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` |
16
- | `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
17
- | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
18
- | `limitCharsToSearch` | `limit-chars-to-search` | Define o limite de caracteres mínimo para realizar uma pesquisa | `number` | `3` |
19
- | `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
20
- | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
21
- | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
22
- | `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
23
- | `showOptionValue` | `show-option-value` | Se true cada opção na lista exibe o `value` junto com `label`. | `boolean` | `false` |
24
- | `showSelectedValue` | `show-selected-value` | Se true a opção selecionada exibe o `value` junto com `label`. | `boolean` | `false` |
25
- | `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
26
- | `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
27
- | `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
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` |
28
30
 
29
31
 
30
32
  ## Events
@@ -76,7 +78,7 @@ Type: `Promise<void>`
76
78
 
77
79
 
78
80
 
79
- ### `setFocus() => Promise<void>`
81
+ ### `setFocus(options?: TFocusOptions) => Promise<void>`
80
82
 
81
83
  Aplica o foco no campo.
82
84
 
@@ -97,12 +99,19 @@ Type: `Promise<void>`
97
99
 
98
100
  - [ez-text-input](../ez-text-input)
99
101
  - [ez-icon](../ez-icon)
102
+ - [ez-popover-plus](../ez-popover-plus)
103
+ - [ez-combo-box-list](ez-combo-box-list)
100
104
 
101
105
  ### Graph
102
106
  ```mermaid
103
107
  graph TD;
104
108
  ez-combo-box --> ez-text-input
105
109
  ez-combo-box --> ez-icon
110
+ ez-combo-box --> ez-popover-plus
111
+ ez-combo-box --> ez-combo-box-list
112
+ ez-text-input --> ez-tooltip
113
+ ez-text-input --> ez-icon
114
+ ez-popover-plus --> ez-popover-core
106
115
  ez-form-view --> ez-combo-box
107
116
  style ez-combo-box fill:#f9f,stroke:#333,stroke-width:4px
108
117
  ```
@@ -9,6 +9,7 @@
9
9
 
10
10
  | Property | Attribute | Description | Type | Default |
11
11
  | -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
12
+ | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
12
13
  | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
13
14
  | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
14
15
  | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
@@ -58,7 +59,7 @@ Type: `Promise<void>`
58
59
 
59
60
 
60
61
 
61
- ### `setFocus() => Promise<void>`
62
+ ### `setFocus(options?: TFocusOptions) => Promise<void>`
62
63
 
63
64
  Aplica o foco no campo.
64
65
 
@@ -85,6 +86,8 @@ Type: `Promise<void>`
85
86
  graph TD;
86
87
  ez-date-input --> ez-text-input
87
88
  ez-date-input --> ez-calendar
89
+ ez-text-input --> ez-tooltip
90
+ ez-text-input --> ez-icon
88
91
  ez-form-view --> ez-date-input
89
92
  style ez-date-input fill:#f9f,stroke:#333,stroke-width:4px
90
93
  ```
@@ -9,6 +9,7 @@
9
9
 
10
10
  | Property | Attribute | Description | Type | Default |
11
11
  | -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
12
+ | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
12
13
  | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
13
14
  | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
14
15
  | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
@@ -59,7 +60,7 @@ Type: `Promise<void>`
59
60
 
60
61
 
61
62
 
62
- ### `setFocus() => Promise<void>`
63
+ ### `setFocus(options?: TFocusOptions) => Promise<void>`
63
64
 
64
65
  Aplica o foco no campo.
65
66
 
@@ -86,6 +87,8 @@ Type: `Promise<void>`
86
87
  graph TD;
87
88
  ez-date-time-input --> ez-text-input
88
89
  ez-date-time-input --> ez-calendar
90
+ ez-text-input --> ez-tooltip
91
+ ez-text-input --> ez-icon
89
92
  ez-form-view --> ez-date-time-input
90
93
  style ez-date-time-input fill:#f9f,stroke:#333,stroke-width:4px
91
94
  ```
@@ -0,0 +1,70 @@
1
+ # ez-double-list
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
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` |
20
+
21
+
22
+ ## Events
23
+
24
+ | Event | Description | Type |
25
+ | -------------------- | ----------- | ------------------------- |
26
+ | `ezLeftListChanged` | | `CustomEvent<ListItem[]>` |
27
+ | `ezRightListChanged` | | `CustomEvent<ListItem[]>` |
28
+
29
+
30
+ ## Methods
31
+
32
+ ### `resetSelectedLists() => Promise<void>`
33
+
34
+
35
+
36
+ #### Returns
37
+
38
+ Type: `Promise<void>`
39
+
40
+
41
+
42
+
43
+ ## Dependencies
44
+
45
+ ### Depends on
46
+
47
+ - [ez-scroller](../ez-scroller)
48
+ - [ez-list](../ez-list)
49
+ - [ez-filter-input](../ez-filter-input)
50
+ - [ez-button](../ez-button)
51
+
52
+ ### Graph
53
+ ```mermaid
54
+ graph TD;
55
+ ez-double-list --> ez-scroller
56
+ ez-double-list --> ez-list
57
+ ez-double-list --> ez-filter-input
58
+ ez-double-list --> ez-button
59
+ ez-list --> ez-check
60
+ ez-filter-input --> ez-text-input
61
+ ez-filter-input --> ez-icon
62
+ ez-text-input --> ez-tooltip
63
+ ez-text-input --> ez-icon
64
+ ez-button --> ez-icon
65
+ style ez-double-list fill:#f9f,stroke:#333,stroke-width:4px
66
+ ```
67
+
68
+ ----------------------------------------------
69
+
70
+
@@ -19,6 +19,7 @@
19
19
  | Event | Description | Type |
20
20
  | ------------------ | ------------------------------------------------------------------------------------------------------------------------------ | --------------------------------- |
21
21
  | `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>` |
22
+ | `ezHover` | Emitido quando ocorrer o ponteiro do mouse é colocado sobre um item. | `CustomEvent<IDropdownItem>` |
22
23
  | `ezOutsideClick` | Emitido quando ocorrer um click fora do componente. | `CustomEvent<void>` |
23
24
  | `ezSubActionClick` | Emitido quando ocorrer um click em uma ação secundaria do item, o IDropdownSubAction deve ser enviado como data do evento. | `CustomEvent<IDropdownSubAction>` |
24
25
 
@@ -32,11 +33,13 @@
32
33
 
33
34
  ### Depends on
34
35
 
36
+ - [ez-skeleton](../ez-skeleton)
35
37
  - [ez-icon](../ez-icon)
36
38
 
37
39
  ### Graph
38
40
  ```mermaid
39
41
  graph TD;
42
+ ez-dropdown --> ez-skeleton
40
43
  ez-dropdown --> ez-icon
41
44
  ez-breadcrumb --> ez-dropdown
42
45
  ez-split-button --> ez-dropdown
@@ -10,6 +10,7 @@
10
10
  | Property | Attribute | Description | Type | Default |
11
11
  | -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
12
12
  | `asyncSearch` | `async-search` | Define se o campo irá funcionar de forma assíncrona. | `boolean` | `false` |
13
+ | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
13
14
  | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
14
15
  | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
15
16
  | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
@@ -60,7 +61,7 @@ Type: `Promise<void>`
60
61
 
61
62
 
62
63
 
63
- ### `setFocus() => Promise<void>`
64
+ ### `setFocus(options?: TFocusOptions) => Promise<void>`
64
65
 
65
66
  Aplica o foco no campo.
66
67
 
@@ -85,6 +86,7 @@ Type: `Promise<void>`
85
86
 
86
87
  ### Used by
87
88
 
89
+ - [ez-double-list](../ez-double-list)
88
90
  - [ez-guide-navigator](../ez-guide-navigator)
89
91
  - [ez-multi-selection-list](../ez-multi-selection-list)
90
92
 
@@ -98,6 +100,9 @@ Type: `Promise<void>`
98
100
  graph TD;
99
101
  ez-filter-input --> ez-text-input
100
102
  ez-filter-input --> ez-icon
103
+ ez-text-input --> ez-tooltip
104
+ ez-text-input --> ez-icon
105
+ ez-double-list --> ez-filter-input
101
106
  ez-guide-navigator --> ez-filter-input
102
107
  ez-multi-selection-list --> ez-filter-input
103
108
  style ez-filter-input fill:#f9f,stroke:#333,stroke-width:4px
@@ -88,9 +88,14 @@ graph TD;
88
88
  ez-collapsible-box --> ez-text-edit
89
89
  ez-text-edit --> ez-text-input
90
90
  ez-text-edit --> ez-button
91
+ ez-text-input --> ez-tooltip
92
+ ez-text-input --> ez-icon
91
93
  ez-button --> ez-icon
92
94
  ez-combo-box --> ez-text-input
93
95
  ez-combo-box --> ez-icon
96
+ ez-combo-box --> ez-popover-plus
97
+ ez-combo-box --> ez-combo-box-list
98
+ ez-popover-plus --> ez-popover-core
94
99
  ez-date-input --> ez-text-input
95
100
  ez-date-input --> ez-calendar
96
101
  ez-time-input --> ez-text-input
@@ -94,9 +94,14 @@ graph TD;
94
94
  ez-collapsible-box --> ez-text-edit
95
95
  ez-text-edit --> ez-text-input
96
96
  ez-text-edit --> ez-button
97
+ ez-text-input --> ez-tooltip
98
+ ez-text-input --> ez-icon
97
99
  ez-button --> ez-icon
98
100
  ez-combo-box --> ez-text-input
99
101
  ez-combo-box --> ez-icon
102
+ ez-combo-box --> ez-popover-plus
103
+ ez-combo-box --> ez-combo-box-list
104
+ ez-popover-plus --> ez-popover-core
100
105
  ez-date-input --> ez-text-input
101
106
  ez-date-input --> ez-calendar
102
107
  ez-time-input --> ez-text-input
@@ -7,19 +7,28 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------------------ | -------------------- | -------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- |
12
- | `autoFocus` | `auto-focus` | Define se a grid será focada ao ser carregada. | `boolean` | `true` |
13
- | `canEdit` | `can-edit` | Define se a edição está habilitada na grid. | `boolean` | `true` |
14
- | `columnfilterDataSource` | -- | Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas. | `IMultiSelectionListDataSource` | `undefined` |
15
- | `config` | -- | Configuração de exibição da grade. | `IGridConfig` | `undefined` |
16
- | `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
17
- | `multipleSelection` | `multiple-selection` | Habilita a seleção de várias linhas. | `boolean` | `undefined` |
18
- | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
19
- | `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` |
20
- | `serverUrl` | `server-url` | Endereço do servidor para obtenção dos dados. | `string` | `undefined` |
21
- | `statusResolver` | -- | Define um `IStatusResolver` responsável pelo estado da coluna de status. | `((data: object) => string) \| IStatusResolver` | `undefined` |
22
- | `useEnterLikeTab` | `use-enter-like-tab` | Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade. | `boolean` | `false` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------------- | ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- |
12
+ | `autoFocus` | `auto-focus` | Define se a grid será focada ao ser carregada. | `boolean` | `true` |
13
+ | `canEdit` | `can-edit` | Define se a edição está habilitada na grid. | `boolean` | `true` |
14
+ | `columnfilterDataSource` | -- | Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas. | `IMultiSelectionListDataSource` | `undefined` |
15
+ | `compact` | `compact` | Define se a grade deve ser exibida em modo compacto | `boolean` | `false` |
16
+ | `config` | -- | Configuração de exibição da grade. | `IGridConfig` | `undefined` |
17
+ | `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
18
+ | `enableContinuousInsert` | `enable-continuous-insert` | Ativa/desativa a inserção continua na grade funciona quando a prop enableGridInsert está ativa | `boolean` | `true` |
19
+ | `enableGridInsert` | `enable-grid-insert` | Ativa inserção de registros no modo grade. | `boolean` | `false` |
20
+ | `enableLockManagerLoadingComp` | `enable-lock-manager-loading-comp` | Define se o componente deve usar o LockManager para controle de carregamento da aplicação | `boolean` | `false` |
21
+ | `enableLockManagerTaskbarClick` | `enable-lock-manager-taskbar-click` | Ativa inserção de registros no modo grade pela Taskbar. | `boolean` | `true` |
22
+ | `enableRowTableStriped` | `enable-row-table-striped` | Ativa modo de linhas com cores alternadas. | `boolean` | `true` |
23
+ | `multipleSelection` | `multiple-selection` | Habilita a seleção de várias linhas. | `boolean` | `undefined` |
24
+ | `outlineMode` | `outline-mode` | 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) | `boolean` | `false` |
25
+ | `paginationCounterMode` | `pagination-counter-mode` | Define se a grid será focada ao ser carregada. | `"auto" \| "hidden" \| "show"` | `'show'` |
26
+ | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
27
+ | `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` |
28
+ | `serverUrl` | `server-url` | Endereço do servidor para obtenção dos dados. | `string` | `undefined` |
29
+ | `statusResolver` | -- | Define um `IStatusResolver` responsável pelo estado da coluna de status. | `((data: object) => string) \| IStatusResolver` | `undefined` |
30
+ | `suppressCheckboxColumn` | `suppress-checkbox-column` | Informa se a coluna de chechbox deve ser suprimida | `boolean` | `false` |
31
+ | `useEnterLikeTab` | `use-enter-like-tab` | Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade. | `boolean` | `false` |
23
32
 
24
33
 
25
34
  ## Events
@@ -75,6 +84,16 @@ Type: `Promise<void>`
75
84
 
76
85
 
77
86
 
87
+ ### `checkStopEditOutsideClick(event: MouseEvent) => Promise<void>`
88
+
89
+
90
+
91
+ #### Returns
92
+
93
+ Type: `Promise<void>`
94
+
95
+
96
+
78
97
  ### `filterColumns(search: string) => Promise<Array<EzGridColumn>>`
79
98
 
80
99
  Usa um argumento para filtrar as colunas po label
@@ -205,25 +224,38 @@ Type: `Promise<void>`
205
224
 
206
225
 
207
226
 
227
+ ### `stopEdit() => Promise<void>`
228
+
229
+ Para a edição da grade.
230
+
231
+ #### Returns
232
+
233
+ Type: `Promise<void>`
234
+
235
+
236
+
208
237
 
209
238
  ## Dependencies
210
239
 
211
240
  ### Depends on
212
241
 
242
+ - [ez-popover](../ez-popover)
243
+ - [ez-icon](../ez-icon)
213
244
  - [ez-button](../ez-button)
214
245
  - [filter-column](subcomponents)
215
- - [ez-icon](../ez-icon)
216
246
 
217
247
  ### Graph
218
248
  ```mermaid
219
249
  graph TD;
250
+ ez-grid --> ez-popover
251
+ ez-grid --> ez-icon
220
252
  ez-grid --> ez-button
221
253
  ez-grid --> filter-column
222
- ez-grid --> ez-icon
223
254
  ez-button --> ez-icon
224
- filter-column --> ez-popover
255
+ filter-column --> ez-popover-plus
225
256
  filter-column --> ez-button
226
257
  filter-column --> ez-multi-selection-list
258
+ ez-popover-plus --> ez-popover-core
227
259
  ez-multi-selection-list --> ez-check
228
260
  ez-multi-selection-list --> ez-list
229
261
  ez-multi-selection-list --> ez-icon
@@ -233,6 +265,8 @@ graph TD;
233
265
  ez-list --> ez-check
234
266
  ez-filter-input --> ez-text-input
235
267
  ez-filter-input --> ez-icon
268
+ ez-text-input --> ez-tooltip
269
+ ez-text-input --> ez-icon
236
270
  ez-search --> ez-card-item
237
271
  ez-search --> ez-text-input
238
272
  ez-search --> ez-icon
@@ -57,16 +57,17 @@ Type: `Promise<void>`
57
57
 
58
58
  ### Depends on
59
59
 
60
- - [ez-popover](../../ez-popover)
60
+ - [ez-popover-plus](../../ez-popover-plus)
61
61
  - [ez-button](../../ez-button)
62
62
  - [ez-multi-selection-list](../../ez-multi-selection-list)
63
63
 
64
64
  ### Graph
65
65
  ```mermaid
66
66
  graph TD;
67
- filter-column --> ez-popover
67
+ filter-column --> ez-popover-plus
68
68
  filter-column --> ez-button
69
69
  filter-column --> ez-multi-selection-list
70
+ ez-popover-plus --> ez-popover-core
70
71
  ez-button --> ez-icon
71
72
  ez-multi-selection-list --> ez-check
72
73
  ez-multi-selection-list --> ez-list
@@ -77,6 +78,8 @@ graph TD;
77
78
  ez-list --> ez-check
78
79
  ez-filter-input --> ez-text-input
79
80
  ez-filter-input --> ez-icon
81
+ ez-text-input --> ez-tooltip
82
+ ez-text-input --> ez-icon
80
83
  ez-search --> ez-card-item
81
84
  ez-search --> ez-text-input
82
85
  ez-search --> ez-icon
@@ -126,6 +126,8 @@ graph TD;
126
126
  ez-sidebar-button --> ez-icon
127
127
  ez-filter-input --> ez-text-input
128
128
  ez-filter-input --> ez-icon
129
+ ez-text-input --> ez-tooltip
130
+ ez-text-input --> ez-icon
129
131
  ez-button --> ez-icon
130
132
  ez-tree --> ez-icon
131
133
  style ez-guide-navigator fill:#f9f,stroke:#333,stroke-width:4px
@@ -37,6 +37,7 @@
37
37
  - [ez-sidebar-button](../ez-sidebar-button)
38
38
  - [ez-split-button](../ez-split-button)
39
39
  - [ez-tabselector](../ez-tabselector)
40
+ - [ez-text-input](../ez-text-input)
40
41
  - [ez-time-input](../ez-time-input)
41
42
  - [ez-tree](../ez-tree)
42
43
 
@@ -62,6 +63,7 @@ graph TD;
62
63
  ez-sidebar-button --> ez-icon
63
64
  ez-split-button --> ez-icon
64
65
  ez-tabselector --> ez-icon
66
+ ez-text-input --> ez-icon
65
67
  ez-time-input --> ez-icon
66
68
  ez-tree --> ez-icon
67
69
  style ez-icon fill:#f9f,stroke:#333,stroke-width:4px