@sankhyalabs/ezui-docs 0.0.0-bugfix-dev-KB-132280.3 → 0.0.0-bugfix-dev-KB-157120.0

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 (26) hide show
  1. package/components/ez-button/readme.md +4 -0
  2. package/components/ez-classic-combo-box/readme.md +1 -0
  3. package/components/ez-classic-search-plus/readme.md +2 -1
  4. package/components/ez-classic-text-area/readme.md +20 -19
  5. package/components/ez-empty-card/readme.md +2 -2
  6. package/components/ez-form/readme.md +14 -0
  7. package/components/ez-form-view/readme.md +17 -0
  8. package/components/ez-grid/readme.md +22 -6
  9. package/components/ez-grid-pagination/readme.md +92 -0
  10. package/components/ez-grid-view/readme.md +7 -3
  11. package/components/ez-guide-navigator/readme.md +2 -0
  12. package/components/ez-icon/readme.md +6 -0
  13. package/components/ez-multi-select-input/readme.md +148 -0
  14. package/components/ez-multi-selection-list/readme.md +20 -7
  15. package/components/ez-popover/readme.md +2 -0
  16. package/components/ez-popover-plus/readme.md +11 -10
  17. package/components/ez-popover-plus/subcomponent/readme.md +13 -10
  18. package/components/ez-record-navigation/readme.md +59 -0
  19. package/components/ez-scroller/readme.md +20 -6
  20. package/components/ez-search/readme.md +5 -3
  21. package/components/ez-search-plus/readme.md +4 -3
  22. package/components/ez-sidebar-navigator/readme.md +2 -0
  23. package/components/ez-split-button/readme.md +2 -0
  24. package/components/ez-tabselector/readme.md +5 -3
  25. package/components/ez-tooltip/readme.md +8 -0
  26. package/package.json +1 -1
package/components/ez-button/readme.md CHANGED
@@ -61,6 +61,8 @@ Type: `Promise<void>`
61
61
  - [ez-modal-container](../ez-modal-container)
62
62
  - [ez-pagination](../ez-pagination)
63
63
  - [ez-popup](../ez-popup)
64
+ - [ez-record-navigation](../ez-record-navigation)
65
+ - [ez-scroller](../ez-scroller)
64
66
  - [ez-search](../ez-search)
65
67
  - [ez-sidebar-navigator](../ez-sidebar-navigator)
66
68
  - [ez-split-item](../ez-split-panel/structure/item)
@@ -87,6 +89,8 @@ graph TD;
87
89
  ez-modal-container --> ez-button
88
90
  ez-pagination --> ez-button
89
91
  ez-popup --> ez-button
92
+ ez-record-navigation --> ez-button
93
+ ez-scroller --> ez-button
90
94
  ez-search --> ez-button
91
95
  ez-sidebar-navigator --> ez-button
92
96
  ez-split-item --> ez-button
package/components/ez-classic-combo-box/readme.md CHANGED
@@ -10,6 +10,7 @@
10
10
  | Property | Attribute | Description | Type | Default |
11
11
  | --------------------- | ----------------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | ----------- |
12
12
  | `enabled` | `enabled` | Define se o combo box está habilitado. | `boolean` | `true` |
13
+ | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
13
14
  | `helpText` | `help-text` | Texto de ajuda exibido abaixo do combo box. | `string` | `undefined` |
14
15
  | `iconClickable` | `icon-clickable` | Define se o ícone é clicável | `boolean` | `false` |
15
16
  | `iconName` | `icon-name` | Nome do ícone. | `string` | `undefined` |
package/components/ez-classic-search-plus/readme.md CHANGED
@@ -165,4 +165,5 @@ graph TD;
165
165
  | --ez-classic-search\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. |
166
166
  | --ez-classic-search\_\_scrollbar--color-clicked | Define a cor do active na barra de rolagem do componente. |
167
167
  | --ez-classic-search\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. |
168
- | --ez-classic-search\_\_scrollbar--width | Define a largura da barra de rolagem do componente. |
168
+ | --ez-classic-search\_\_scrollbar--width | Define a largura da barra de rolagem do componente. |
169
+ | --ez-classic-input--helptext-color | Define a cor do texto de ajuda do input. |
package/components/ez-classic-text-area/readme.md CHANGED
@@ -7,25 +7,26 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | -------------------- | ---------------------- | -------------------------------------------------------------- | ------------------------------------------------ | ---------------------------- |
12
- | `enabled` | `enabled` | Define se a textarea está habilitada | `boolean` | `true` |
13
- | `helpText` | `help-text` | Texto de ajuda exibido abaixo da textarea | `string` | `undefined` |
14
- | `label` | `label` | Texto do rótulo exibido acima da área de texto | `string` | `''` |
15
- | `leftIconClickable` | `left-icon-clickable` | Define se o ícone da esquerda é clicável | `boolean` | `false` |
16
- | `leftIconName` | `left-icon-name` | Nome do ícone à esquerda | `string` | `undefined` |
17
- | `leftIconTooltip` | `left-icon-tooltip` | Título do ícone à esquerda (tooltip) | `string` | `undefined` |
18
- | `maxlength` | `maxlength` | Número máximo de caracteres permitidos | `number` | `undefined` |
19
- | `name` | `name` | Nome da textarea | `string` | `StringUtils.generateUUID()` |
20
- | `placeholder` | `placeholder` | Texto de placeholder exibido quando a área de texto está vazia | `string` | `''` |
21
- | `readonly` | `readonly` | Se a área de texto é somente leitura | `boolean` | `false` |
22
- | `resize` | `resize` | Comportamento de redimensionamento da área de texto | `"both" \| "horizontal" \| "none" \| "vertical"` | `'vertical'` |
23
- | `rightIconClickable` | `right-icon-clickable` | Define se o ícone da direita é clicável | `boolean` | `false` |
24
- | `rightIconName` | `right-icon-name` | Nome do ícone à direita | `string` | `undefined` |
25
- | `rightIconTooltip` | `right-icon-tooltip` | Título do ícone à direita (tooltip) | `string` | `undefined` |
26
- | `rows` | `rows` | Define o número de linhas da área de texto | `number` | `5` |
27
- | `state` | `state` | Estado visual da textarea: default, error, success ou warning | `"default" \| "error" \| "success" \| "warning"` | `"default"` |
28
- | `value` | `value` | Valor atual da área de texto | `string` | `''` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | -------------------- | ---------------------- | -------------------------------------------------------------------------------- | ------------------------------------------------ | ---------------------------- |
12
+ | `enabled` | `enabled` | Define se a textarea está habilitada | `boolean` | `true` |
13
+ | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido | `string` | `undefined` |
14
+ | `helpText` | `help-text` | Texto de ajuda exibido abaixo da textarea | `string` | `undefined` |
15
+ | `label` | `label` | Texto do rótulo exibido acima da área de texto | `string` | `''` |
16
+ | `leftIconClickable` | `left-icon-clickable` | Define se o ícone da esquerda é clicável | `boolean` | `false` |
17
+ | `leftIconName` | `left-icon-name` | Nome do ícone à esquerda | `string` | `undefined` |
18
+ | `leftIconTooltip` | `left-icon-tooltip` | Título do ícone à esquerda (tooltip) | `string` | `undefined` |
19
+ | `maxlength` | `maxlength` | Número máximo de caracteres permitidos | `number` | `undefined` |
20
+ | `name` | `name` | Nome da textarea | `string` | `StringUtils.generateUUID()` |
21
+ | `placeholder` | `placeholder` | Texto de placeholder exibido quando a área de texto está vazia | `string` | `''` |
22
+ | `readonly` | `readonly` | Se a área de texto é somente leitura | `boolean` | `false` |
23
+ | `resize` | `resize` | Comportamento de redimensionamento da área de texto | `"both" \| "horizontal" \| "none" \| "vertical"` | `'vertical'` |
24
+ | `rightIconClickable` | `right-icon-clickable` | Define se o ícone da direita é clicável | `boolean` | `false` |
25
+ | `rightIconName` | `right-icon-name` | Nome do ícone à direita | `string` | `undefined` |
26
+ | `rightIconTooltip` | `right-icon-tooltip` | Título do ícone à direita (tooltip) | `string` | `undefined` |
27
+ | `rows` | `rows` | Define o número de linhas da área de texto | `number` | `5` |
28
+ | `state` | `state` | Estado visual da textarea: default, error, success ou warning | `"default" \| "error" \| "success" \| "warning"` | `"default"` |
29
+ | `value` | `value` | Valor atual da área de texto | `string` | `''` |
29
30
 
30
31
 
31
32
  ## Events
package/components/ez-empty-card/readme.md CHANGED
@@ -10,8 +10,8 @@
10
10
  | Property | Attribute | Description | Type | Default |
11
11
  | -------- | --------- | ---------------------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- |
12
12
  | `color` | `color` | Define a cor tema do componente. | `"default" \| "gray" \| "green" \| "petroleum" \| "red" \| "yellow"` | `"default"` |
13
- | `height` | `height` | Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. | `number` | `undefined` |
14
- | `width` | `width` | Define a largura do componente, sobrescrevendo o padrão da propriedade size. | `number` | `undefined` |
13
+ | `height` | `height` | Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. | `number \| string` | `undefined` |
14
+ | `width` | `width` | Define a largura do componente, sobrescrevendo o padrão da propriedade size. | `number \| string` | `undefined` |
15
15
 
16
16
 
17
17
  ----------------------------------------------
package/components/ez-form/readme.md CHANGED
@@ -103,6 +103,7 @@ graph TD;
103
103
  ez-form-view --> ez-search
104
104
  ez-form-view --> ez-rich-text
105
105
  ez-form-view --> ez-image-input
106
+ ez-form-view --> ez-multi-select-input
106
107
  ez-collapsible-box --> ez-icon
107
108
  ez-collapsible-box --> ez-text-edit
108
109
  ez-text-edit --> ez-text-input
@@ -187,6 +188,19 @@ graph TD;
187
188
  ez-image-input --> ez-button
188
189
  ez-image-input --> ez-icon
189
190
  ez-image-input --> ez-popup
191
+ ez-multi-select-input --> ez-icon
192
+ ez-multi-select-input --> ez-tooltip
193
+ ez-multi-select-input --> ez-popover-core
194
+ ez-multi-select-input --> ez-multi-selection-list
195
+ ez-multi-selection-list --> ez-check
196
+ ez-multi-selection-list --> ez-list
197
+ ez-multi-selection-list --> ez-icon
198
+ ez-multi-selection-list --> multi-selection-box-message
199
+ ez-multi-selection-list --> ez-filter-input
200
+ ez-multi-selection-list --> ez-search
201
+ ez-list --> ez-check
202
+ ez-filter-input --> ez-text-input
203
+ ez-filter-input --> ez-icon
190
204
  style ez-form fill:#f9f,stroke:#333,stroke-width:4px
191
205
  ```
192
206
 
package/components/ez-form-view/readme.md CHANGED
@@ -89,6 +89,7 @@ Type: `Promise<void>`
89
89
  - [ez-search](../ez-search)
90
90
  - [ez-rich-text](../ez-rich-text)
91
91
  - [ez-image-input](../ez-image-input)
92
+ - [ez-multi-select-input](../ez-multi-select-input)
92
93
 
93
94
  ### Graph
94
95
  ```mermaid
@@ -117,6 +118,7 @@ graph TD;
117
118
  ez-form-view --> ez-search
118
119
  ez-form-view --> ez-rich-text
119
120
  ez-form-view --> ez-image-input
121
+ ez-form-view --> ez-multi-select-input
120
122
  ez-collapsible-box --> ez-icon
121
123
  ez-collapsible-box --> ez-text-edit
122
124
  ez-text-edit --> ez-text-input
@@ -201,6 +203,19 @@ graph TD;
201
203
  ez-image-input --> ez-button
202
204
  ez-image-input --> ez-icon
203
205
  ez-image-input --> ez-popup
206
+ ez-multi-select-input --> ez-icon
207
+ ez-multi-select-input --> ez-tooltip
208
+ ez-multi-select-input --> ez-popover-core
209
+ ez-multi-select-input --> ez-multi-selection-list
210
+ ez-multi-selection-list --> ez-check
211
+ ez-multi-selection-list --> ez-list
212
+ ez-multi-selection-list --> ez-icon
213
+ ez-multi-selection-list --> multi-selection-box-message
214
+ ez-multi-selection-list --> ez-filter-input
215
+ ez-multi-selection-list --> ez-search
216
+ ez-list --> ez-check
217
+ ez-filter-input --> ez-text-input
218
+ ez-filter-input --> ez-icon
204
219
  ez-form --> ez-form-view
205
220
  style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
206
221
  ```
@@ -214,6 +229,8 @@ graph TD;
214
229
  | Variable | Description |
215
230
  |-|-|
216
231
  | --ez-form-view\_\_item--min-width | Define o tamanho mínimo dos itens do formulário. |
232
+ | --ez-form-view\_\_long-item--min-width | Define o tamanho mínimo dos itens do formulário. |
217
233
  | --ez-form-view\_\_item--max-width | Define o tamanho máximo dos itens do formulário. |
234
+ | --ez-form-view\_\_long-item--max-width | Define o tamanho máximo dos itens longos do formulário. |
218
235
  | --ez-form-view\_\_item--gap | Define o colunas entre itens do formulário. |
219
236
  | --ez-form-view\_\_item--padding | Define o padding do formulário. |
package/components/ez-grid/readme.md CHANGED
@@ -20,10 +20,11 @@
20
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
21
  | `enableLockManagerTaskbarClick` | `enable-lock-manager-taskbar-click` | Ativa inserção de registros no modo grade pela Taskbar. | `boolean` | `true` |
22
22
  | `enableRowTableStriped` | `enable-row-table-striped` | Ativa modo de linhas com cores alternadas. | `boolean` | `true` |
23
+ | `hidePagination` | `hide-pagination` | Esconder paginação. | `boolean` | `false` |
23
24
  | `mode` | `mode` | Define o modo de uso da grade | `"complete" \| "simple"` | `"complete"` |
24
25
  | `multipleSelection` | `multiple-selection` | Habilita a seleção de várias linhas. | `boolean` | `undefined` |
25
26
  | `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` |
26
- | `paginationCounterMode` | `pagination-counter-mode` | Define se a grid será focada ao ser carregada. | `"auto" \| "hidden" \| "show"` | `'auto'` |
27
+ | `paginationCounterMode` | `pagination-counter-mode` | Define a forma como a paginação irá se comportar. | `"auto" \| "hidden" \| "show"` | `'auto'` |
27
28
  | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
28
29
  | `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` |
29
30
  | `serverUrl` | `server-url` | Endereço do servidor para obtenção dos dados. | `string` | `undefined` |
@@ -160,6 +161,16 @@ Type: `Promise<any[]>`
160
161
 
161
162
  ---
162
163
 
164
+ ### `handlePageChange() => Promise<void>`
165
+
166
+ Manipula a mudança de página da grid.
167
+
168
+ #### Returns
169
+
170
+ Type: `Promise<void>`
171
+
172
+ ---
173
+
163
174
  ### `locateColumn(columnName: string) => Promise<void>`
164
175
 
165
176
  Localiza determinada coluna tornando-a visível.
@@ -269,25 +280,27 @@ Type: `Promise<void>`
269
280
 
270
281
  ### Depends on
271
282
 
283
+ - [filter-column](subcomponents)
272
284
  - [ez-popover](../ez-popover)
273
- - [ez-icon](../ez-icon)
285
+ - [ez-grid-pagination](../ez-grid-pagination)
274
286
  - [ez-button](../ez-button)
275
- - [filter-column](subcomponents)
287
+ - [ez-icon](../ez-icon)
276
288
  - [ez-search](../ez-search)
277
289
 
278
290
  ### Graph
279
291
  ```mermaid
280
292
  graph TD;
293
+ ez-grid --> filter-column
281
294
  ez-grid --> ez-popover
282
- ez-grid --> ez-icon
295
+ ez-grid --> ez-grid-pagination
283
296
  ez-grid --> ez-button
284
- ez-grid --> filter-column
297
+ ez-grid --> ez-icon
285
298
  ez-grid --> ez-search
286
- ez-button --> ez-icon
287
299
  filter-column --> ez-popover-plus
288
300
  filter-column --> ez-button
289
301
  filter-column --> ez-multi-selection-list
290
302
  ez-popover-plus --> ez-popover-core
303
+ ez-button --> ez-icon
291
304
  ez-multi-selection-list --> ez-check
292
305
  ez-multi-selection-list --> ez-list
293
306
  ez-multi-selection-list --> ez-icon
@@ -305,6 +318,9 @@ graph TD;
305
318
  ez-search --> ez-popover-plus
306
319
  ez-search --> search-list
307
320
  search-list --> ez-card-item
321
+ ez-grid-pagination --> ez-popover
322
+ ez-grid-pagination --> ez-icon
323
+ ez-grid-pagination --> ez-tooltip
308
324
  ez-grid-view --> ez-grid
309
325
  style ez-grid fill:#f9f,stroke:#333,stroke-width:4px
310
326
  ```
package/components/ez-grid-pagination/readme.md ADDED
@@ -0,0 +1,92 @@
1
+ # ez-grid-pagination
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------ | -------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------- | ----------- |
12
+ | `buttonsSize` | `buttons-size` | Define o modo de visualização atual da grid. | `"large" \| "medium" \| "small" \| "x-small"` | `'large'` |
13
+ | `dataUnit` | -- | DataUnit associada à grid. | `DataUnit` | `undefined` |
14
+ | `paginationCounterMode` | `pagination-counter-mode` | Define a visibilidade do contador de paginação. - `show`: Sempre exibe o contador (ex: "1-10 de 100") - `hidden`: Oculta o contador (exibe apenas os botões) - `auto`: Exibe/oculta baseado no espaço disponível (responsivo) | `"auto" \| "hidden" \| "show"` | `'auto'` |
15
+ | `paginationTextPosition` | `pagination-text-position` | Define o texto da paginação à esquerda ou à direita. | `"left" \| "right"` | `'left'` |
16
+
17
+
18
+ ## Events
19
+
20
+ | Event | Description | Type |
21
+ | ------------ | -------------------------------------------- | ----------------------------------- |
22
+ | `pageChange` | Evento disparado quando a página é alterada. | `CustomEvent<"next" \| "previous">` |
23
+
24
+
25
+ ## Methods
26
+
27
+ ### `firstPage() => Promise<void>`
28
+
29
+ Navega para a primeira página.
30
+
31
+ #### Returns
32
+
33
+ Type: `Promise<void>`
34
+
35
+ ---
36
+
37
+ ### `lastPage() => Promise<void>`
38
+
39
+ Navega para a primeira página.
40
+
41
+ #### Returns
42
+
43
+ Type: `Promise<void>`
44
+
45
+ ---
46
+
47
+ ### `nextPage() => Promise<void>`
48
+
49
+ Navega para a próxima página.
50
+
51
+ #### Returns
52
+
53
+ Type: `Promise<void>`
54
+
55
+ ---
56
+
57
+ ### `previousPage() => Promise<void>`
58
+
59
+ Navega para a página anterior.
60
+
61
+ #### Returns
62
+
63
+ Type: `Promise<void>`
64
+
65
+
66
+
67
+
68
+ ## Dependencies
69
+
70
+ ### Used by
71
+
72
+ - [ez-grid](../ez-grid)
73
+
74
+ ### Depends on
75
+
76
+ - [ez-popover](../ez-popover)
77
+ - [ez-icon](../ez-icon)
78
+ - [ez-tooltip](../ez-tooltip)
79
+
80
+ ### Graph
81
+ ```mermaid
82
+ graph TD;
83
+ ez-grid-pagination --> ez-popover
84
+ ez-grid-pagination --> ez-icon
85
+ ez-grid-pagination --> ez-tooltip
86
+ ez-grid --> ez-grid-pagination
87
+ style ez-grid-pagination fill:#f9f,stroke:#333,stroke-width:4px
88
+ ```
89
+
90
+ ----------------------------------------------
91
+
92
+
package/components/ez-grid-view/readme.md CHANGED
@@ -149,16 +149,17 @@ Type: `Promise<void>`
149
149
  ```mermaid
150
150
  graph TD;
151
151
  ez-grid-view --> ez-grid
152
+ ez-grid --> filter-column
152
153
  ez-grid --> ez-popover
153
- ez-grid --> ez-icon
154
+ ez-grid --> ez-grid-pagination
154
155
  ez-grid --> ez-button
155
- ez-grid --> filter-column
156
+ ez-grid --> ez-icon
156
157
  ez-grid --> ez-search
157
- ez-button --> ez-icon
158
158
  filter-column --> ez-popover-plus
159
159
  filter-column --> ez-button
160
160
  filter-column --> ez-multi-selection-list
161
161
  ez-popover-plus --> ez-popover-core
162
+ ez-button --> ez-icon
162
163
  ez-multi-selection-list --> ez-check
163
164
  ez-multi-selection-list --> ez-list
164
165
  ez-multi-selection-list --> ez-icon
@@ -176,6 +177,9 @@ graph TD;
176
177
  ez-search --> ez-popover-plus
177
178
  ez-search --> search-list
178
179
  search-list --> ez-card-item
180
+ ez-grid-pagination --> ez-popover
181
+ ez-grid-pagination --> ez-icon
182
+ ez-grid-pagination --> ez-tooltip
179
183
  style ez-grid-view fill:#f9f,stroke:#333,stroke-width:4px
180
184
  ```
181
185
 
package/components/ez-guide-navigator/readme.md CHANGED
@@ -131,6 +131,8 @@ graph TD;
131
131
  ez-text-input --> ez-tooltip
132
132
  ez-text-input --> ez-icon
133
133
  ez-button --> ez-icon
134
+ ez-scroller --> ez-button
135
+ ez-scroller --> ez-icon
134
136
  ez-tree --> ez-icon
135
137
  style ez-guide-navigator fill:#f9f,stroke:#333,stroke-width:4px
136
138
  ```
package/components/ez-icon/readme.md CHANGED
@@ -35,11 +35,14 @@
35
35
  - [ez-file-item](../ez-file-item)
36
36
  - [ez-filter-input](../ez-filter-input)
37
37
  - [ez-grid](../ez-grid)
38
+ - [ez-grid-pagination](../ez-grid-pagination)
38
39
  - [ez-image-input](../ez-image-input)
39
40
  - [ez-list-item](../ez-list-item)
40
41
  - [ez-modal-container](../ez-modal-container)
42
+ - [ez-multi-select-input](../ez-multi-select-input)
41
43
  - [ez-multi-selection-list](../ez-multi-selection-list)
42
44
  - [ez-rich-toolbar-item](../ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item)
45
+ - [ez-scroller](../ez-scroller)
43
46
  - [ez-search](../ez-search)
44
47
  - [ez-search-plus](../ez-search-plus)
45
48
  - [ez-sidebar-button](../ez-sidebar-button)
@@ -72,11 +75,14 @@ graph TD;
72
75
  ez-file-item --> ez-icon
73
76
  ez-filter-input --> ez-icon
74
77
  ez-grid --> ez-icon
78
+ ez-grid-pagination --> ez-icon
75
79
  ez-image-input --> ez-icon
76
80
  ez-list-item --> ez-icon
77
81
  ez-modal-container --> ez-icon
82
+ ez-multi-select-input --> ez-icon
78
83
  ez-multi-selection-list --> ez-icon
79
84
  ez-rich-toolbar-item --> ez-icon
85
+ ez-scroller --> ez-icon
80
86
  ez-search --> ez-icon
81
87
  ez-search-plus --> ez-icon
82
88
  ez-sidebar-button --> ez-icon
package/components/ez-multi-select-input/readme.md ADDED
@@ -0,0 +1,148 @@
1
+ # ez-multi-select-input
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Overview
9
+
10
+ Campo de formulário de múltipla seleção. Possui o mesmo layout visual do
11
+ `ez-text-input` (label flutuante, estados de foco/erro/desabilitado) e, ao ser
12
+ acionado, abre um `ez-popover-plus` ancorado ao campo contendo um
13
+ `ez-multi-selection-list`. O campo exibe o texto "N selecionado(s)" com a
14
+ contagem de itens marcados.
15
+
16
+ Suporta tanto lista estática (`options`) quanto carregamento dinâmico via
17
+ `dataSource`/`columnName`. O valor selecionado é exposto pela prop `value` e
18
+ pelo evento `ezChange` (ambos no formato `IMultiSelectionOption[]`), o que
19
+ permite a vinculação automática a formulários através do `DataBinder` quando o
20
+ metadata informa `userInterface: "MULTISELECTOR"`.
21
+
22
+ ## Properties
23
+
24
+ | Property | Attribute | Description | Type | Default |
25
+ | -------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | ----------- |
26
+ | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
27
+ | `columnName` | `column-name` | Nome da coluna para o datasource. | `string` | `undefined` |
28
+ | `dataSource` | -- | Datasource dinâmico passado para o ez-multi-selection-list. | `IMultiSelectionListDataSource` | `undefined` |
29
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
30
+ | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
31
+ | `hasInvalid` | `has-invalid` | Define se o campo está em estado inválido (bordas vermelhas). | `boolean` | `false` |
32
+ | `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto ou numérico. | `boolean` | `false` |
33
+ | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
34
+ | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `'regular'` |
35
+ | `noBorder` | `no-border` | Se true o campo não terá bordas. | `boolean` | `false` |
36
+ | `options` | -- | Opções estáticas passadas para o ez-multi-selection-list. | `IMultiSelectionOption[]` | `undefined` |
37
+ | `orderSelectedFirst` | `order-selected-first` | Define se as opções marcadas devem ser reordenadas para o topo da lista. Quando `false` (padrão), a ordem original das opções é preservada — os itens não "pulam" para o topo ao serem selecionados. Defina `true` para manter os selecionados no topo (ordenados). | `boolean` | `false` |
38
+ | `useOptions` | `use-options` | Alterna entre lista estática (true) e datasource (false). | `boolean` | `false` |
39
+ | `value` | -- | Valor do campo: as opções com o estado de check atual (mesmo formato do payload de `ezChange`). Usado para a vinculação com formulários (read-back do DataBinder). Não reflete como atributo pois arrays não serializam bem em HTML. | `IMultiSelectionOption[]` | `undefined` |
40
+
41
+
42
+ ## Events
43
+
44
+ | Event | Description | Type |
45
+ | ---------- | ----------------------------------------------------------------------------------------------------------------------- | -------------------------------------- |
46
+ | `ezChange` | Emitido quando a seleção de itens na lista é alterada. O payload é o array completo das opções com seu estado de check. | `CustomEvent<IMultiSelectionOption[]>` |
47
+
48
+
49
+ ## Methods
50
+
51
+ ### `clearSelection() => Promise<void>`
52
+
53
+ Limpa todas as seleções. Delega ao ez-multi-selection-list.
54
+
55
+ #### Returns
56
+
57
+ Type: `Promise<void>`
58
+
59
+ ---
60
+
61
+ ### `getSelectedOptions() => Promise<IMultiSelectionOption[]>`
62
+
63
+ Retorna as opções com o estado de check atual.
64
+
65
+ #### Returns
66
+
67
+ Type: `Promise<IMultiSelectionOption[]>`
68
+
69
+
70
+
71
+
72
+ ## Dependencies
73
+
74
+ ### Used by
75
+
76
+ - [ez-form-view](../ez-form-view)
77
+
78
+ ### Depends on
79
+
80
+ - [ez-icon](../ez-icon)
81
+ - [ez-tooltip](../ez-tooltip)
82
+ - [ez-popover-core](../ez-popover-plus/subcomponent)
83
+ - [ez-multi-selection-list](../ez-multi-selection-list)
84
+
85
+ ### Graph
86
+ ```mermaid
87
+ graph TD;
88
+ ez-multi-select-input --> ez-icon
89
+ ez-multi-select-input --> ez-tooltip
90
+ ez-multi-select-input --> ez-popover-core
91
+ ez-multi-select-input --> ez-multi-selection-list
92
+ ez-multi-selection-list --> ez-check
93
+ ez-multi-selection-list --> ez-list
94
+ ez-multi-selection-list --> ez-icon
95
+ ez-multi-selection-list --> multi-selection-box-message
96
+ ez-multi-selection-list --> ez-filter-input
97
+ ez-multi-selection-list --> ez-search
98
+ ez-list --> ez-check
99
+ ez-filter-input --> ez-text-input
100
+ ez-filter-input --> ez-icon
101
+ ez-text-input --> ez-tooltip
102
+ ez-text-input --> ez-icon
103
+ ez-search --> ez-button
104
+ ez-search --> ez-text-input
105
+ ez-search --> ez-icon
106
+ ez-search --> ez-popover-plus
107
+ ez-search --> search-list
108
+ ez-button --> ez-icon
109
+ ez-popover-plus --> ez-popover-core
110
+ search-list --> ez-card-item
111
+ ez-form-view --> ez-multi-select-input
112
+ style ez-multi-select-input fill:#f9f,stroke:#333,stroke-width:4px
113
+ ```
114
+
115
+ ----------------------------------------------
116
+
117
+
118
+
119
+
120
+ ## CSS Variables
121
+ | Variable | Description |
122
+ |-|-|
123
+ | --ez-multi-select-input--height | Define a altura do componente. |
124
+ | --ez-multi-select-input--height--slim | Define a altura do componente em modo "slim". |
125
+ | --ez-multi-select-input--width | Define a largura do componente. |
126
+ | --ez-multi-select-input\_\_min-width | Define a largura mínima do componente. |
127
+ | --ez-multi-select-input\_\_max-width | Define a largura máxima do componente. |
128
+ | --ez-multi-select-input\_\_icon--width | Define a largura reservada para o ícone à direita. |
129
+ | --ez-multi-select-input--font-size | Define o tamanho da fonte do componente. |
130
+ | --ez-multi-select-input--font-family | Define a família da fonte do componente. |
131
+ | --ez-multi-select-input--font-weight | Define o peso da fonte do componente. |
132
+ | --ez-multi-select-input--color | Define a cor da fonte do componente. |
133
+ | --ez-multi-select-input--border-radius | Define o raio da borda do componente. |
134
+ | --ez-multi-select-input\_\_input--border | Define o estilo da borda. |
135
+ | --ez-multi-select-input\_\_input--border-color | Define a cor da borda. |
136
+ | --ez-multi-select-input\_\_input--focus--border-color | Define a cor da borda quando focado. |
137
+ | --ez-multi-select-input\_\_input--error--border-color | Define a cor da borda quando com erro. |
138
+ | --ez-multi-select-input\_\_input--background-color | Define a cor de fundo do campo. |
139
+ | --ez-multi-select-input\_\_input--disabled--background-color | Define a cor de fundo quando desabilitado. |
140
+ | --ez-multi-select-input\_\_input--disabled--color | Define a cor do texto quando desabilitado. |
141
+ | --ez-multi-select-input\_\_label--floating--top | Define o posicionamento do label flutuante. |
142
+ | --ez-multi-select-input\_\_label--padding-top | Define o espaçamento superior do label. |
143
+ | --ez-multi-select-input\_\_label--padding-left | Define o espaçamento esquerdo do label. |
144
+ | --ez-multi-select-input\_\_placeholder--color | Define a cor do placeholder. |
145
+ | --ez-multi-select-input\_\_tooltip\_icon--error--color | Define a cor do ícone de erro. |
146
+ | --ez-multi-select-input\_\_tooltip-icon---width | Define a largura do ícone de erro. |
147
+ | --ez-multi-select-input\_\_tooltip-icon---horizontal-margin | Define a margem horizontal do ícone de erro. |
148
+ | --ez-multi-select-input\_\_tooltip-icon---vertical-margin | Define a margem vertical do ícone de erro. |
package/components/ez-multi-selection-list/readme.md CHANGED
@@ -7,13 +7,14 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | -------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | ----------- |
12
- | `columnName` | `column-name` | Nome da coluna onde serão aplicadas as opções selecionadas. | `string` | `undefined` |
13
- | `dataSource` | -- | Classe que implementa o método fetchData, responsável por realizar a pesquisa dos dados, com base no termo informado pelo usuário. | `IMultiSelectionListDataSource` | `undefined` |
14
- | `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto ou numérico. | `boolean` | `false` |
15
- | `options` | -- | Opções de filtros a serem exibidas na listagem. | `IMultiSelectionOption[]` | `undefined` |
16
- | `useOptions` | `use-options` | Indica se deve ser exibida lista de opções do atributo options (true), ou se deve utilizar o datasource (false) | `boolean` | `false` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | -------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | ----------- |
12
+ | `columnName` | `column-name` | Nome da coluna onde serão aplicadas as opções selecionadas. | `string` | `undefined` |
13
+ | `dataSource` | -- | Classe que implementa o método fetchData, responsável por realizar a pesquisa dos dados, com base no termo informado pelo usuário. | `IMultiSelectionListDataSource` | `undefined` |
14
+ | `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto ou numérico. | `boolean` | `false` |
15
+ | `options` | -- | Opções de filtros a serem exibidas na listagem. | `IMultiSelectionOption[]` | `undefined` |
16
+ | `orderSelectedFirst` | `order-selected-first` | Define se as opções marcadas devem ser reordenadas para o topo da lista (e ordenadas alfabeticamente/pelo datasource). Quando `false`, a ordem original das opções é preservada — inclusive ao marcar/desmarcar itens. Padrão: `true` (mantém o comportamento histórico). | `boolean` | `true` |
17
+ | `useOptions` | `use-options` | Indica se deve ser exibida lista de opções do atributo options (true), ou se deve utilizar o datasource (false) | `boolean` | `false` |
17
18
 
18
19
 
19
20
  ## Events
@@ -29,6 +30,16 @@
29
30
 
30
31
 
31
32
 
33
+ #### Returns
34
+
35
+ Type: `Promise<void>`
36
+
37
+ ---
38
+
39
+ ### `clearSelection() => Promise<void>`
40
+
41
+
42
+
32
43
  #### Returns
33
44
 
34
45
  Type: `Promise<void>`
@@ -40,6 +51,7 @@ Type: `Promise<void>`
40
51
 
41
52
  ### Used by
42
53
 
54
+ - [ez-multi-select-input](../ez-multi-select-input)
43
55
  - [filter-column](../ez-grid/subcomponents)
44
56
 
45
57
  ### Depends on
@@ -73,6 +85,7 @@ graph TD;
73
85
  ez-button --> ez-icon
74
86
  ez-popover-plus --> ez-popover-core
75
87
  search-list --> ez-card-item
88
+ ez-multi-select-input --> ez-multi-selection-list
76
89
  filter-column --> ez-multi-selection-list
77
90
  style ez-multi-selection-list fill:#f9f,stroke:#333,stroke-width:4px
78
91
  ```
package/components/ez-popover/readme.md CHANGED
@@ -72,12 +72,14 @@ Type: `Promise<void>`
72
72
 
73
73
  - [ez-form](../ez-form)
74
74
  - [ez-grid](../ez-grid)
75
+ - [ez-grid-pagination](../ez-grid-pagination)
75
76
 
76
77
  ### Graph
77
78
  ```mermaid
78
79
  graph TD;
79
80
  ez-form --> ez-popover
80
81
  ez-grid --> ez-popover
82
+ ez-grid-pagination --> ez-popover
81
83
  style ez-popover fill:#f9f,stroke:#333,stroke-width:4px
82
84
  ```
83
85
 
package/components/ez-popover-plus/readme.md CHANGED
@@ -7,16 +7,17 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | --------------- | ----------------- | --------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- | -------------------------------------------------------- |
12
- | `anchorElement` | `anchor-element` | Define o elemento de ancoragem. | `(string \| HTMLElement)[] \| HTMLElement \| string` | `undefined` |
13
- | `autoClose` | `auto-close` | Define que será fechado automaticamente quando o usuário clicar fora do conteúdo. | `boolean` | `true` |
14
- | `boxWidth` | `box-width` | Ajusta o comportamento da largura do popover. | `"fit-content" \| "full-width"` | `"fit-content"` |
15
- | `minWidth` | `min-width` | Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira). | `number` | `150` |
16
- | `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
17
- | `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` |
18
- | `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` |
19
- | `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | --------------- | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- | -------------------------------------------------------- |
12
+ | `anchorElement` | `anchor-element` | Define o elemento de ancoragem. | `(string \| HTMLElement)[] \| HTMLElement \| string` | `undefined` |
13
+ | `autoClose` | `auto-close` | Define que será fechado automaticamente quando o usuário clicar fora do conteúdo. | `boolean` | `true` |
14
+ | `boxWidth` | `box-width` | Ajusta o comportamento da largura do popover. | `"fit-content" \| "full-width"` | `"fit-content"` |
15
+ | `fitInViewport` | `fit-in-viewport` | Define se o popover deve se ajustar ao espaço visível disponível para não ser cortado pelas bordas da tela (ou por containers com rolagem). Quando verdadeiro, o conteúdo passa a rolar internamente em vez de ficar com parte oculta. Padrão: true. | `boolean` | `true` |
16
+ | `minWidth` | `min-width` | Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira). | `number` | `150` |
17
+ | `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
18
+ | `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` |
19
+ | `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` |
20
+ | `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` |
20
21
 
21
22
 
22
23
  ## Events
package/components/ez-popover-plus/subcomponent/readme.md CHANGED
@@ -7,16 +7,17 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | --------------- | ----------------- | --------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- | -------------------------------------------------------- |
12
- | `anchorElement` | `anchor-element` | Define o elemento de ancoragem. | `(string \| HTMLElement)[] \| HTMLElement \| string` | `undefined` |
13
- | `autoClose` | `auto-close` | Define se será fechado automaticamente quando o usuário clicar fora do conteúdo. | `boolean` | `true` |
14
- | `boxWidth` | `box-width` | Ajusta o comportamento da largura do popover. | `"fit-content" \| "full-width"` | `"fit-content"` |
15
- | `minWidth` | `min-width` | Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira). | `number` | `150` |
16
- | `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
17
- | `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` |
18
- | `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` |
19
- | `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | --------------- | ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- | -------------------------------------------------------- |
12
+ | `anchorElement` | `anchor-element` | Define o elemento de ancoragem. | `(string \| HTMLElement)[] \| HTMLElement \| string` | `undefined` |
13
+ | `autoClose` | `auto-close` | Define se será fechado automaticamente quando o usuário clicar fora do conteúdo. | `boolean` | `true` |
14
+ | `boxWidth` | `box-width` | Ajusta o comportamento da largura do popover. | `"fit-content" \| "full-width"` | `"fit-content"` |
15
+ | `fitInViewport` | `fit-in-viewport` | Define se o popover deve se ajustar ao espaço visível disponível para não ser cortado pelas bordas da tela (ou por containers com rolagem). Quando verdadeiro, a largura/altura máximas do popover passam a ser limitadas ao espaço disponível e o conteúdo rola internamente, em vez de ficar com parte oculta. O elemento permanece no shadow DOM, preservando o estilo e o conteúdo do slot. Padrão: true. | `boolean` | `true` |
16
+ | `minWidth` | `min-width` | Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira). | `number` | `150` |
17
+ | `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
18
+ | `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` |
19
+ | `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` |
20
+ | `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` |
20
21
 
21
22
 
22
23
  ## Events
@@ -94,12 +95,14 @@ Type: `Promise<void>`
94
95
  ### Used by
95
96
 
96
97
  - [ez-classic-combo-box](../../ez-classic-combo-box)
98
+ - [ez-multi-select-input](../../ez-multi-select-input)
97
99
  - [ez-popover-plus](..)
98
100
 
99
101
  ### Graph
100
102
  ```mermaid
101
103
  graph TD;
102
104
  ez-classic-combo-box --> ez-popover-core
105
+ ez-multi-select-input --> ez-popover-core
103
106
  ez-popover-plus --> ez-popover-core
104
107
  style ez-popover-core fill:#f9f,stroke:#333,stroke-width:4px
105
108
  ```
package/components/ez-record-navigation/readme.md ADDED
@@ -0,0 +1,59 @@
1
+ # ez-record-navigation
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | -------------- | --------------- | ------------------------------------------------------------------------ | ------------------- | ----------- |
12
+ | `dataUnit` | -- | DataUnit. | `DataUnit` | `undefined` |
13
+ | `disabled` | `disabled` | Desabilita a navegação entre os registros. | `boolean` | `false` |
14
+ | `primaryKeys` | -- | Chaves primárias dos registros, usadas para visualizar o registro atual. | `string[]` | `undefined` |
15
+ | `textPosition` | `text-position` | | `"left" \| "right"` | `'right'` |
16
+
17
+
18
+ ## Methods
19
+
20
+ ### `nextRecord() => Promise<void>`
21
+
22
+ Navega para a próxima página.
23
+
24
+ #### Returns
25
+
26
+ Type: `Promise<void>`
27
+
28
+ ---
29
+
30
+ ### `previousRecord() => Promise<void>`
31
+
32
+ Navega para a página anterior.
33
+
34
+ #### Returns
35
+
36
+ Type: `Promise<void>`
37
+
38
+
39
+
40
+
41
+ ## Dependencies
42
+
43
+ ### Depends on
44
+
45
+ - [ez-tooltip](../ez-tooltip)
46
+ - [ez-button](../ez-button)
47
+
48
+ ### Graph
49
+ ```mermaid
50
+ graph TD;
51
+ ez-record-navigation --> ez-tooltip
52
+ ez-record-navigation --> ez-button
53
+ ez-button --> ez-icon
54
+ style ez-record-navigation fill:#f9f,stroke:#333,stroke-width:4px
55
+ ```
56
+
57
+ ----------------------------------------------
58
+
59
+
package/components/ez-scroller/readme.md CHANGED
@@ -7,11 +7,13 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | -------------- | --------------- | -------------------------------------- | -------------------------------------------------------------------------------------- | ----------- |
12
- | `activeShadow` | `active-shadow` | Define se haverá efeito de sombreado. | `boolean` | `false` |
13
- | `direction` | `direction` | Define a direção em que haverá scroll. | `EzScrollDirection.BOTH \| EzScrollDirection.HORIZONTAL \| EzScrollDirection.VERTICAL` | `undefined` |
14
- | `locked` | `locked` | Define se o `scroll` estará bloqueado. | `boolean` | `false` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ---------------- | ----------------- | ------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------- | ---------------------------------- |
12
+ | `activeShadow` | `active-shadow` | Define se haverá efeito de sombreado. | `boolean` | `false` |
13
+ | `direction` | `direction` | Define a direção em que haverá scroll. | `EzScrollDirection.BOTH \| EzScrollDirection.HORIZONTAL \| EzScrollDirection.VERTICAL` | `undefined` |
14
+ | `locked` | `locked` | Define se o `scroll` estará bloqueado. | `boolean` | `false` |
15
+ | `navigationMode` | `navigation-mode` | Define o modo de navegação: 'scrollbar' (padrão) ou 'buttons' (botões de carrossel). | `EzScrollNavigationMode.BUTTONS \| EzScrollNavigationMode.SCROLLBAR` | `EzScrollNavigationMode.SCROLLBAR` |
16
+ | `scrollAmount` | `scroll-amount` | Define a quantidade de pixels que será rolado ao clicar nos botões de navegação. | `number` | `200` |
15
17
 
16
18
 
17
19
  ## Dependencies
@@ -21,9 +23,17 @@
21
23
  - [ez-guide-navigator](../ez-guide-navigator)
22
24
  - [ez-sidebar-navigator](../ez-sidebar-navigator)
23
25
 
26
+ ### Depends on
27
+
28
+ - [ez-button](../ez-button)
29
+ - [ez-icon](../ez-icon)
30
+
24
31
  ### Graph
25
32
  ```mermaid
26
33
  graph TD;
34
+ ez-scroller --> ez-button
35
+ ez-scroller --> ez-icon
36
+ ez-button --> ez-icon
27
37
  ez-guide-navigator --> ez-scroller
28
38
  ez-sidebar-navigator --> ez-scroller
29
39
  style ez-scroller fill:#f9f,stroke:#333,stroke-width:4px
@@ -38,6 +48,7 @@ graph TD;
38
48
  | Variable | Description |
39
49
  |-|-|
40
50
  | --ez-scroller--box-shadow-color | Define a cor de efeito de sombreado com componente. |
51
+ | --ez-scroller\_\_nav-button--spacing | Define o espaçamento entre os botões de navegação e o conteúdo. |
41
52
  | --ez-scroller\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. |
42
53
  | --ez-scroller\_\_scrollbar--color-background | Define a cor de fundo da barra de rolagem do componente. |
43
54
  | --ez-scroller\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. |
@@ -45,4 +56,7 @@ graph TD;
45
56
  | --ez-scroller\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. |
46
57
  | --ez-scroller\_\_scrollbar--width | Define a largura da barra de rolagem do componente. |
47
58
  | --ez-scroller\_\_max-height | Define o a altura máxima do componente. |
48
- | --ez-scroller\_\_scrollbar--padding-right | Define o espaçamento interno direito da barra de rolagem do componente. |
59
+ | --ez-scroller\_\_scrollbar--padding-right | Define o espaçamento interno direito da barra de rolagem do componente. |
60
+ | --ez-scroller\_\_nav-button--size | Define o tamanho do botão de navegação. |
61
+ | --ez-scroller\_\_nav-button--border-radius | Define o raio da borda do botão de navegação. |
62
+ | --ez-scroller\_\_nav-button--gradient-width | Define a largura do gradiente ao lado do botão. |
package/components/ez-search/readme.md CHANGED
@@ -38,9 +38,10 @@
38
38
 
39
39
  ## Events
40
40
 
41
- | Event | Description | Type |
42
- | ---------- | ------------------------------------------------------ | ---------------------- |
43
- | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
41
+ | Event | Description | Type |
42
+ | --------------- | ------------------------------------------------------ | ---------------------- |
43
+ | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
44
+ | `ezEmptySearch` | Emitido quando a pesquisa retorna um resultado vazio. | `CustomEvent<string>` |
44
45
 
45
46
 
46
47
  ## Methods
@@ -143,6 +144,7 @@ graph TD;
143
144
  |-|-|
144
145
  | --ez-search--height | Define altura do input. |
145
146
  | --ez-search--width | Define largura do input. |
147
+ | --ez-search--min-width | Define largura mínima do input. |
146
148
  | --ez-search\_\_icon--width | Define largura do slot do ícone do input. |
147
149
  | --ez-search--border-radius | Define o raio da borda do input. |
148
150
  | --ez-search--border-radius-small | Define o raio da borda do input quando pequeno. |
package/components/ez-search-plus/readme.md CHANGED
@@ -37,9 +37,10 @@
37
37
 
38
38
  ## Events
39
39
 
40
- | Event | Description | Type |
41
- | ---------- | ------------------------------------------------------ | ---------------------- |
42
- | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
40
+ | Event | Description | Type |
41
+ | --------------- | -------------------------------------------------------- | ---------------------- |
42
+ | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
43
+ | `ezEmptySearch` | Emitido quando a pesquisa retorna um resultado inválido. | `CustomEvent<string>` |
43
44
 
44
45
 
45
46
  ## Methods
package/components/ez-sidebar-navigator/readme.md CHANGED
@@ -74,6 +74,8 @@ graph TD;
74
74
  ez-sidebar-navigator --> ez-scroller
75
75
  ez-sidebar-button --> ez-icon
76
76
  ez-button --> ez-icon
77
+ ez-scroller --> ez-button
78
+ ez-scroller --> ez-icon
77
79
  style ez-sidebar-navigator fill:#f9f,stroke:#333,stroke-width:4px
78
80
  ```
79
81
 
package/components/ez-split-button/readme.md CHANGED
@@ -97,12 +97,14 @@ Type: `Promise<void>`
97
97
 
98
98
  ### Depends on
99
99
 
100
+ - [ez-tooltip](../ez-tooltip)
100
101
  - [ez-icon](../ez-icon)
101
102
  - [ez-dropdown](../ez-dropdown)
102
103
 
103
104
  ### Graph
104
105
  ```mermaid
105
106
  graph TD;
107
+ ez-split-button --> ez-tooltip
106
108
  ez-split-button --> ez-icon
107
109
  ez-split-button --> ez-dropdown
108
110
  ez-dropdown --> ez-skeleton
package/components/ez-tabselector/readme.md CHANGED
@@ -9,6 +9,7 @@
9
9
 
10
10
  | Property | Attribute | Description | Type | Default |
11
11
  | --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------- | ----------------- | ----------- |
12
+ | `reorderable` | `reorderable` | Define se as abas podem ser reordenadas via drag-and-drop. Desabilitado por padrão. | `boolean` | `false` |
12
13
  | `selectedIndex` | `selected-index` | Define o index da aba selecionada. | `number` | `undefined` |
13
14
  | `selectedTab` | `selected-tab` | Define a aba selecionada. | `string` | `undefined` |
14
15
  | `tabs` | `tabs` | Define o nome das abas do componente. Podendo serem separadas por vírgula "," ou em um Array de configuração. | `Tab[] \| string` | `undefined` |
@@ -16,9 +17,10 @@
16
17
 
17
18
  ## Events
18
19
 
19
- | Event | Description | Type |
20
- | ---------- | ----------------------------------------------------------- | ------------------ |
21
- | `ezChange` | Emitido quando acontece a alteração de valor do componente. | `CustomEvent<Tab>` |
20
+ | Event | Description | Type |
21
+ | ----------- | ----------------------------------------------------------------------------------------------- | -------------------- |
22
+ | `ezChange` | Emitido quando acontece a alteração de valor do componente. | `CustomEvent<Tab>` |
23
+ | `ezReorder` | Emitido quando as abas são reordenadas via drag-and-drop. Recebe o array de abas na nova ordem. | `CustomEvent<Tab[]>` |
22
24
 
23
25
 
24
26
  ## Methods
package/components/ez-tooltip/readme.md CHANGED
@@ -26,7 +26,11 @@
26
26
  ### Used by
27
27
 
28
28
  - [ez-chip](../ez-chip)
29
+ - [ez-grid-pagination](../ez-grid-pagination)
30
+ - [ez-multi-select-input](../ez-multi-select-input)
31
+ - [ez-record-navigation](../ez-record-navigation)
29
32
  - [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
33
+ - [ez-split-button](../ez-split-button)
30
34
  - [ez-text-area](../ez-text-area)
31
35
  - [ez-text-input](../ez-text-input)
32
36
 
@@ -34,7 +38,11 @@
34
38
  ```mermaid
35
39
  graph TD;
36
40
  ez-chip --> ez-tooltip
41
+ ez-grid-pagination --> ez-tooltip
42
+ ez-multi-select-input --> ez-tooltip
43
+ ez-record-navigation --> ez-tooltip
37
44
  ez-simple-image-uploader --> ez-tooltip
45
+ ez-split-button --> ez-tooltip
38
46
  ez-text-area --> ez-tooltip
39
47
  ez-text-input --> ez-tooltip
40
48
  style ez-tooltip fill:#f9f,stroke:#333,stroke-width:4px
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui-docs",
3
- "version": "0.0.0-bugfix-dev-KB-132280.3",
3
+ "version": "0.0.0-bugfix-dev-KB-157120.0",
4
4
  "description": "Documentação da biblioteca de componentes Sankhya.",
5
5
  "main": "",
6
6
  "files": [