@sankhyalabs/ezui-docs 7.2.0-dev.1 → 7.2.0-dev.3
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.
- package/components/ez-button/readme.md +4 -0
- package/components/ez-classic-search-plus/readme.md +2 -1
- package/components/ez-empty-card/readme.md +2 -2
- package/components/ez-grid/readme.md +22 -6
- package/components/ez-grid-pagination/readme.md +92 -0
- package/components/ez-grid-view/readme.md +7 -3
- package/components/ez-guide-navigator/readme.md +2 -0
- package/components/ez-icon/readme.md +4 -0
- package/components/ez-popover/readme.md +2 -0
- package/components/ez-record-navigation/readme.md +59 -0
- package/components/ez-scroller/readme.md +20 -6
- package/components/ez-search/readme.md +1 -0
- package/components/ez-sidebar-navigator/readme.md +2 -0
- package/components/ez-split-button/readme.md +2 -0
- package/components/ez-tooltip/readme.md +6 -0
- package/package.json +1 -1
|
@@ -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
|
|
@@ -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. |
|
|
@@ -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`
|
|
14
|
-
| `width` | `width` | Define a largura do componente, sobrescrevendo o padrão da propriedade size. | `number`
|
|
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
|
----------------------------------------------
|
|
@@ -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
|
|
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-
|
|
285
|
+
- [ez-grid-pagination](../ez-grid-pagination)
|
|
274
286
|
- [ez-button](../ez-button)
|
|
275
|
-
- [
|
|
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-
|
|
295
|
+
ez-grid --> ez-grid-pagination
|
|
283
296
|
ez-grid --> ez-button
|
|
284
|
-
ez-grid -->
|
|
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
|
```
|
|
@@ -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
|
+
|
|
@@ -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-
|
|
154
|
+
ez-grid --> ez-grid-pagination
|
|
154
155
|
ez-grid --> ez-button
|
|
155
|
-
ez-grid -->
|
|
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
|
|
|
@@ -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
|
```
|
|
@@ -35,11 +35,13 @@
|
|
|
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)
|
|
41
42
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
42
43
|
- [ez-rich-toolbar-item](../ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item)
|
|
44
|
+
- [ez-scroller](../ez-scroller)
|
|
43
45
|
- [ez-search](../ez-search)
|
|
44
46
|
- [ez-search-plus](../ez-search-plus)
|
|
45
47
|
- [ez-sidebar-button](../ez-sidebar-button)
|
|
@@ -72,11 +74,13 @@ graph TD;
|
|
|
72
74
|
ez-file-item --> ez-icon
|
|
73
75
|
ez-filter-input --> ez-icon
|
|
74
76
|
ez-grid --> ez-icon
|
|
77
|
+
ez-grid-pagination --> ez-icon
|
|
75
78
|
ez-image-input --> ez-icon
|
|
76
79
|
ez-list-item --> ez-icon
|
|
77
80
|
ez-modal-container --> ez-icon
|
|
78
81
|
ez-multi-selection-list --> ez-icon
|
|
79
82
|
ez-rich-toolbar-item --> ez-icon
|
|
83
|
+
ez-scroller --> ez-icon
|
|
80
84
|
ez-search --> ez-icon
|
|
81
85
|
ez-search-plus --> ez-icon
|
|
82
86
|
ez-sidebar-button --> ez-icon
|
|
@@ -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
|
|
|
@@ -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
|
+
|
|
@@ -7,11 +7,13 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `activeShadow`
|
|
13
|
-
| `direction`
|
|
14
|
-
| `locked`
|
|
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. |
|
|
@@ -144,6 +144,7 @@ graph TD;
|
|
|
144
144
|
|-|-|
|
|
145
145
|
| --ez-search--height | Define altura do input. |
|
|
146
146
|
| --ez-search--width | Define largura do input. |
|
|
147
|
+
| --ez-search--min-width | Define largura mínima do input. |
|
|
147
148
|
| --ez-search\_\_icon--width | Define largura do slot do ícone do input. |
|
|
148
149
|
| --ez-search--border-radius | Define o raio da borda do input. |
|
|
149
150
|
| --ez-search--border-radius-small | Define o raio da borda do input quando pequeno. |
|
|
@@ -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
|
|
@@ -26,7 +26,10 @@
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
28
|
- [ez-chip](../ez-chip)
|
|
29
|
+
- [ez-grid-pagination](../ez-grid-pagination)
|
|
30
|
+
- [ez-record-navigation](../ez-record-navigation)
|
|
29
31
|
- [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
|
|
32
|
+
- [ez-split-button](../ez-split-button)
|
|
30
33
|
- [ez-text-area](../ez-text-area)
|
|
31
34
|
- [ez-text-input](../ez-text-input)
|
|
32
35
|
|
|
@@ -34,7 +37,10 @@
|
|
|
34
37
|
```mermaid
|
|
35
38
|
graph TD;
|
|
36
39
|
ez-chip --> ez-tooltip
|
|
40
|
+
ez-grid-pagination --> ez-tooltip
|
|
41
|
+
ez-record-navigation --> ez-tooltip
|
|
37
42
|
ez-simple-image-uploader --> ez-tooltip
|
|
43
|
+
ez-split-button --> ez-tooltip
|
|
38
44
|
ez-text-area --> ez-tooltip
|
|
39
45
|
ez-text-input --> ez-tooltip
|
|
40
46
|
style ez-tooltip fill:#f9f,stroke:#333,stroke-width:4px
|