@sankhyalabs/ezui-docs 7.3.0 → 7.3.1-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/components/ez-button/readme.md +12 -0
  2. package/components/ez-calendar/readme.md +4 -0
  3. package/components/ez-card-item/readme.md +4 -0
  4. package/components/ez-classic-combo-box/readme.md +12 -3
  5. package/components/ez-classic-date-input/readme.md +111 -0
  6. package/components/ez-classic-date-time-input/readme.md +111 -0
  7. package/components/ez-classic-input/readme.md +22 -1
  8. package/components/ez-classic-number-input/readme.md +107 -0
  9. package/components/ez-classic-search/readme.md +162 -0
  10. package/components/ez-classic-search/subcomponent/classic-search-list/readme.md +72 -0
  11. package/components/ez-classic-search-plus/readme.md +169 -0
  12. package/components/ez-classic-search-plus/subcomponent/ez-search-result-list/readme.md +90 -0
  13. package/components/ez-classic-text-area/readme.md +25 -19
  14. package/components/ez-classic-time-input/readme.md +88 -0
  15. package/components/ez-empty-card/readme.md +2 -2
  16. package/components/ez-form/readme.md +47 -9
  17. package/components/ez-form-view/readme.md +57 -6
  18. package/components/ez-grid/readme.md +24 -6
  19. package/components/ez-grid/subcomponents/readme.md +1 -0
  20. package/components/ez-grid-pagination/readme.md +95 -0
  21. package/components/ez-grid-view/readme.md +9 -3
  22. package/components/ez-guide-navigator/readme.md +2 -0
  23. package/components/ez-icon/readme.md +6 -0
  24. package/components/ez-image-input/readme.md +77 -0
  25. package/components/ez-modal/readme.md +2 -1
  26. package/components/ez-multi-select-input/readme.md +2 -0
  27. package/components/ez-multi-selection-list/readme.md +2 -0
  28. package/components/ez-popover/readme.md +13 -0
  29. package/components/ez-popover-plus/readme.md +8 -0
  30. package/components/ez-popup/readme.md +2 -0
  31. package/components/ez-record-navigation/readme.md +59 -0
  32. package/components/ez-scroller/readme.md +20 -6
  33. package/components/ez-search/readme.md +7 -1
  34. package/components/ez-sidebar-navigator/readme.md +2 -0
  35. package/components/ez-skeleton/readme.md +4 -0
  36. package/components/ez-split-button/readme.md +2 -0
  37. package/components/ez-tabselector/readme.md +5 -3
  38. package/components/ez-tooltip/readme.md +6 -0
  39. package/package.json +1 -1
package/components/ez-classic-time-input/readme.md ADDED
@@ -0,0 +1,88 @@
1
+ # ez-classic-time-input
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------ | ------------------------- | --------------------------------------------------------------------------------- | ---------------------------------- | ----------- |
12
+ | `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo ser apresentado como título do campo. | `string` | `undefined` |
13
+ | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
14
+ | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
15
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
16
+ | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
17
+ | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
18
+ | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
19
+ | `required` | `required` | Define se o campo é obrigatório | `boolean` | `false` |
20
+ | `showSeconds` | `show-seconds` | Se true considera segundos. | `boolean` | `false` |
21
+ | `size` | `size` | Tamanho do input | `"default" \| "small" \| "xsmall"` | `"default"` |
22
+ | `value` | `value` | Define o valor do campo. | `number` | `undefined` |
23
+
24
+
25
+ ## Events
26
+
27
+ | Event | Description | Type |
28
+ | ----------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------- |
29
+ | `ezCancelWaitingChange` | Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange. | `CustomEvent<void>` |
30
+ | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<number>` |
31
+ | `ezStartChange` | Emitido ao iniciar a alteração (digitação incompleta). | `CustomEvent<WaitingChange>` |
32
+
33
+
34
+ ## Methods
35
+
36
+ ### `isInvalid() => Promise<boolean>`
37
+
38
+ Retorna se o conteúdo é inválido.
39
+
40
+ #### Returns
41
+
42
+ Type: `Promise<boolean>`
43
+
44
+ ---
45
+
46
+ ### `setBlur() => Promise<void>`
47
+
48
+ Remove o foco do campo.
49
+
50
+ #### Returns
51
+
52
+ Type: `Promise<void>`
53
+
54
+ ---
55
+
56
+ ### `setFocus({ selectText }: TFocusOptions) => Promise<void>`
57
+
58
+ Aplica o foco no campo.
59
+
60
+ #### Returns
61
+
62
+ Type: `Promise<void>`
63
+
64
+
65
+
66
+
67
+ ## Dependencies
68
+
69
+ ### Used by
70
+
71
+ - [ez-form-view](../ez-form-view)
72
+
73
+ ### Depends on
74
+
75
+ - [ez-classic-input](../ez-classic-input)
76
+
77
+ ### Graph
78
+ ```mermaid
79
+ graph TD;
80
+ ez-classic-time-input --> ez-classic-input
81
+ ez-classic-input --> ez-icon
82
+ ez-form-view --> ez-classic-time-input
83
+ style ez-classic-time-input fill:#f9f,stroke:#333,stroke-width:4px
84
+ ```
85
+
86
+ ----------------------------------------------
87
+
88
+
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
@@ -7,15 +7,16 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | ----------- |
12
- | `config` | -- | Configuração do formulário. | `IFormConfig` | `undefined` |
13
- | `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
14
- | `elementFocusSearchField` | -- | Define uma ancoragem | `HTMLElement` | `undefined` |
15
- | `fieldToFocus` | `field-to-focus` | Determina o campo que deve ficar em evidência. | `string` | `undefined` |
16
- | `onlyStaticFields` | `only-static-fields` | Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit. | `boolean` | `false` |
17
- | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
18
- | `useSearchField` | `use-search-field` | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F | `boolean` | `true` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- | ----------- |
12
+ | `config` | -- | Configuração do formulário. | `IFormConfig` | `undefined` |
13
+ | `customUiBuilders` | -- | Define construtores customizados para tipos de campos específicos | `Map<UserInterface, (field: IFormViewField, context?: IFieldBuilderContext) => HTMLElement>` | `new Map()` |
14
+ | `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
15
+ | `elementFocusSearchField` | -- | Define uma ancoragem | `HTMLElement` | `undefined` |
16
+ | `fieldToFocus` | `field-to-focus` | Determina o campo que deve ficar em evidência. | `string` | `undefined` |
17
+ | `onlyStaticFields` | `only-static-fields` | Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit. | `boolean` | `false` |
18
+ | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
19
+ | `useSearchField` | `use-search-field` | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F | `boolean` | `true` |
19
20
 
20
21
 
21
22
  ## Events
@@ -81,17 +82,27 @@ graph TD;
81
82
  ez-form-view --> ez-custom-form-input
82
83
  ez-form-view --> ez-collapsible-box
83
84
  ez-form-view --> ez-check
85
+ ez-form-view --> ez-classic-combo-box
84
86
  ez-form-view --> ez-combo-box
87
+ ez-form-view --> ez-classic-date-input
85
88
  ez-form-view --> ez-date-input
89
+ ez-form-view --> ez-classic-time-input
86
90
  ez-form-view --> ez-time-input
91
+ ez-form-view --> ez-classic-date-time-input
87
92
  ez-form-view --> ez-date-time-input
88
93
  ez-form-view --> ez-upload
94
+ ez-form-view --> ez-classic-number-input
89
95
  ez-form-view --> ez-number-input
96
+ ez-form-view --> ez-classic-text-area
90
97
  ez-form-view --> ez-text-area
98
+ ez-form-view --> ez-classic-input
91
99
  ez-form-view --> ez-text-input
100
+ ez-form-view --> ez-classic-search-plus
92
101
  ez-form-view --> ez-search-plus
102
+ ez-form-view --> ez-classic-search
93
103
  ez-form-view --> ez-search
94
104
  ez-form-view --> ez-rich-text
105
+ ez-form-view --> ez-image-input
95
106
  ez-form-view --> ez-multi-select-input
96
107
  ez-collapsible-box --> ez-icon
97
108
  ez-collapsible-box --> ez-text-edit
@@ -100,28 +111,51 @@ graph TD;
100
111
  ez-text-input --> ez-tooltip
101
112
  ez-text-input --> ez-icon
102
113
  ez-button --> ez-icon
114
+ ez-classic-combo-box --> ez-classic-input
115
+ ez-classic-combo-box --> ez-popover-core
116
+ ez-classic-input --> ez-icon
103
117
  ez-combo-box --> ez-text-input
104
118
  ez-combo-box --> ez-icon
105
119
  ez-combo-box --> ez-popover-plus
106
120
  ez-combo-box --> ez-combo-box-list
107
121
  ez-popover-plus --> ez-popover-core
122
+ ez-classic-date-input --> ez-classic-input
123
+ ez-classic-date-input --> ez-popover-plus
124
+ ez-classic-date-input --> ez-calendar
108
125
  ez-date-input --> ez-text-input
109
126
  ez-date-input --> ez-popover-plus
110
127
  ez-date-input --> ez-calendar
128
+ ez-classic-time-input --> ez-classic-input
111
129
  ez-time-input --> ez-text-input
112
130
  ez-time-input --> ez-icon
131
+ ez-classic-date-time-input --> ez-classic-input
132
+ ez-classic-date-time-input --> ez-popover-plus
133
+ ez-classic-date-time-input --> ez-calendar
113
134
  ez-date-time-input --> ez-text-input
114
135
  ez-date-time-input --> ez-popover-plus
115
136
  ez-date-time-input --> ez-calendar
137
+ ez-classic-number-input --> ez-classic-input
116
138
  ez-number-input --> ez-text-input
139
+ ez-classic-text-area --> ez-icon
117
140
  ez-text-area --> ez-tooltip
118
141
  ez-text-area --> ez-icon
142
+ ez-classic-search-plus --> ez-classic-input
143
+ ez-classic-search-plus --> ez-popover-plus
144
+ ez-classic-search-plus --> ez-classic-search-result-list
145
+ ez-classic-search-result-list --> ez-card-item
146
+ ez-classic-search-result-list --> ez-skeleton
119
147
  ez-search-plus --> ez-icon
120
148
  ez-search-plus --> ez-text-input
121
149
  ez-search-plus --> ez-popover-plus
122
150
  ez-search-plus --> ez-search-result-list
123
151
  ez-search-result-list --> ez-card-item
124
152
  ez-search-result-list --> ez-skeleton
153
+ ez-classic-search --> ez-button
154
+ ez-classic-search --> ez-classic-input
155
+ ez-classic-search --> ez-popover-plus
156
+ ez-classic-search --> classic-search-list
157
+ classic-search-list --> ez-card-item
158
+ ez-search --> ez-button
125
159
  ez-search --> ez-text-input
126
160
  ez-search --> ez-icon
127
161
  ez-search --> ez-popover-plus
@@ -150,6 +184,10 @@ graph TD;
150
184
  ez-simple-image-uploader --> ez-tooltip
151
185
  ez-simple-image-uploader --> ez-text-input
152
186
  ez-simple-image-uploader --> ez-icon
187
+ ez-image-input --> ez-skeleton
188
+ ez-image-input --> ez-button
189
+ ez-image-input --> ez-icon
190
+ ez-image-input --> ez-popup
153
191
  ez-multi-select-input --> ez-icon
154
192
  ez-multi-select-input --> ez-tooltip
155
193
  ez-multi-select-input --> ez-popover-core
package/components/ez-form-view/readme.md CHANGED
@@ -7,11 +7,13 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ---------------- | --------------- | ------------------------------------------------------------------------- | ------------------ | ----------- |
12
- | `fields` | -- | Define a lista de metadados usada para criar os campos de user interface. | `IFormViewField[]` | `undefined` |
13
- | `selectedRecord` | -- | Define os registros da linha selecionada. | `Record` | `undefined` |
14
- | `singleColumn` | `single-column` | Define se o formulario deve possuir apenas 1 coluna. | `boolean` | `false` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------ | --------------- | ------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ----------- |
12
+ | `customUiBuilders` | -- | Define construtores customizados para tipos de campos específicos | `Map<UserInterface, (field: IFormViewField, context?: IFieldBuilderContext) => HTMLElement>` | `new Map()` |
13
+ | `fields` | -- | Define a lista de metadados usada para criar os campos de user interface. | `IFormViewField[]` | `undefined` |
14
+ | `formLayout` | `form-layout` | Define o layout do formulário. | `FormLayout.CASCADE \| FormLayout.CLASSIC_CASCADE \| FormLayout.CLASSIC_SIDE_BY_SIDE \| FormLayout.SIDE_BY_SIDE` | `undefined` |
15
+ | `selectedRecord` | -- | Define os registros da linha selecionada. | `Record` | `undefined` |
16
+ | `singleColumn` | `single-column` | Define se o formulario deve possuir apenas 1 coluna. | `boolean` | `false` |
15
17
 
16
18
 
17
19
  ## Events
@@ -66,17 +68,27 @@ Type: `Promise<void>`
66
68
  - [ez-custom-form-input](custom-input)
67
69
  - [ez-collapsible-box](../ez-collapsible-box)
68
70
  - [ez-check](../ez-check)
71
+ - [ez-classic-combo-box](../ez-classic-combo-box)
69
72
  - [ez-combo-box](../ez-combo-box)
73
+ - [ez-classic-date-input](../ez-classic-date-input)
70
74
  - [ez-date-input](../ez-date-input)
75
+ - [ez-classic-time-input](../ez-classic-time-input)
71
76
  - [ez-time-input](../ez-time-input)
77
+ - [ez-classic-date-time-input](../ez-classic-date-time-input)
72
78
  - [ez-date-time-input](../ez-date-time-input)
73
79
  - [ez-upload](../ez-upload)
80
+ - [ez-classic-number-input](../ez-classic-number-input)
74
81
  - [ez-number-input](../ez-number-input)
82
+ - [ez-classic-text-area](../ez-classic-text-area)
75
83
  - [ez-text-area](../ez-text-area)
84
+ - [ez-classic-input](../ez-classic-input)
76
85
  - [ez-text-input](../ez-text-input)
86
+ - [ez-classic-search-plus](../ez-classic-search-plus)
77
87
  - [ez-search-plus](../ez-search-plus)
88
+ - [ez-classic-search](../ez-classic-search)
78
89
  - [ez-search](../ez-search)
79
90
  - [ez-rich-text](../ez-rich-text)
91
+ - [ez-image-input](../ez-image-input)
80
92
  - [ez-multi-select-input](../ez-multi-select-input)
81
93
 
82
94
  ### Graph
@@ -85,17 +97,27 @@ graph TD;
85
97
  ez-form-view --> ez-custom-form-input
86
98
  ez-form-view --> ez-collapsible-box
87
99
  ez-form-view --> ez-check
100
+ ez-form-view --> ez-classic-combo-box
88
101
  ez-form-view --> ez-combo-box
102
+ ez-form-view --> ez-classic-date-input
89
103
  ez-form-view --> ez-date-input
104
+ ez-form-view --> ez-classic-time-input
90
105
  ez-form-view --> ez-time-input
106
+ ez-form-view --> ez-classic-date-time-input
91
107
  ez-form-view --> ez-date-time-input
92
108
  ez-form-view --> ez-upload
109
+ ez-form-view --> ez-classic-number-input
93
110
  ez-form-view --> ez-number-input
111
+ ez-form-view --> ez-classic-text-area
94
112
  ez-form-view --> ez-text-area
113
+ ez-form-view --> ez-classic-input
95
114
  ez-form-view --> ez-text-input
115
+ ez-form-view --> ez-classic-search-plus
96
116
  ez-form-view --> ez-search-plus
117
+ ez-form-view --> ez-classic-search
97
118
  ez-form-view --> ez-search
98
119
  ez-form-view --> ez-rich-text
120
+ ez-form-view --> ez-image-input
99
121
  ez-form-view --> ez-multi-select-input
100
122
  ez-collapsible-box --> ez-icon
101
123
  ez-collapsible-box --> ez-text-edit
@@ -104,28 +126,51 @@ graph TD;
104
126
  ez-text-input --> ez-tooltip
105
127
  ez-text-input --> ez-icon
106
128
  ez-button --> ez-icon
129
+ ez-classic-combo-box --> ez-classic-input
130
+ ez-classic-combo-box --> ez-popover-core
131
+ ez-classic-input --> ez-icon
107
132
  ez-combo-box --> ez-text-input
108
133
  ez-combo-box --> ez-icon
109
134
  ez-combo-box --> ez-popover-plus
110
135
  ez-combo-box --> ez-combo-box-list
111
136
  ez-popover-plus --> ez-popover-core
137
+ ez-classic-date-input --> ez-classic-input
138
+ ez-classic-date-input --> ez-popover-plus
139
+ ez-classic-date-input --> ez-calendar
112
140
  ez-date-input --> ez-text-input
113
141
  ez-date-input --> ez-popover-plus
114
142
  ez-date-input --> ez-calendar
143
+ ez-classic-time-input --> ez-classic-input
115
144
  ez-time-input --> ez-text-input
116
145
  ez-time-input --> ez-icon
146
+ ez-classic-date-time-input --> ez-classic-input
147
+ ez-classic-date-time-input --> ez-popover-plus
148
+ ez-classic-date-time-input --> ez-calendar
117
149
  ez-date-time-input --> ez-text-input
118
150
  ez-date-time-input --> ez-popover-plus
119
151
  ez-date-time-input --> ez-calendar
152
+ ez-classic-number-input --> ez-classic-input
120
153
  ez-number-input --> ez-text-input
154
+ ez-classic-text-area --> ez-icon
121
155
  ez-text-area --> ez-tooltip
122
156
  ez-text-area --> ez-icon
157
+ ez-classic-search-plus --> ez-classic-input
158
+ ez-classic-search-plus --> ez-popover-plus
159
+ ez-classic-search-plus --> ez-classic-search-result-list
160
+ ez-classic-search-result-list --> ez-card-item
161
+ ez-classic-search-result-list --> ez-skeleton
123
162
  ez-search-plus --> ez-icon
124
163
  ez-search-plus --> ez-text-input
125
164
  ez-search-plus --> ez-popover-plus
126
165
  ez-search-plus --> ez-search-result-list
127
166
  ez-search-result-list --> ez-card-item
128
167
  ez-search-result-list --> ez-skeleton
168
+ ez-classic-search --> ez-button
169
+ ez-classic-search --> ez-classic-input
170
+ ez-classic-search --> ez-popover-plus
171
+ ez-classic-search --> classic-search-list
172
+ classic-search-list --> ez-card-item
173
+ ez-search --> ez-button
129
174
  ez-search --> ez-text-input
130
175
  ez-search --> ez-icon
131
176
  ez-search --> ez-popover-plus
@@ -154,6 +199,10 @@ graph TD;
154
199
  ez-simple-image-uploader --> ez-tooltip
155
200
  ez-simple-image-uploader --> ez-text-input
156
201
  ez-simple-image-uploader --> ez-icon
202
+ ez-image-input --> ez-skeleton
203
+ ez-image-input --> ez-button
204
+ ez-image-input --> ez-icon
205
+ ez-image-input --> ez-popup
157
206
  ez-multi-select-input --> ez-icon
158
207
  ez-multi-select-input --> ez-tooltip
159
208
  ez-multi-select-input --> ez-popover-core
@@ -180,6 +229,8 @@ graph TD;
180
229
  | Variable | Description |
181
230
  |-|-|
182
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. |
183
233
  | --ez-form-view\_\_item--max-width | Define o tamanho máximo dos itens do formulário. |
184
- | --ez-form-view\_\_item--width | Define o espaçamento entre itens do formulário. |
234
+ | --ez-form-view\_\_long-item--max-width | Define o tamanho máximo dos itens longos do formulário. |
235
+ | --ez-form-view\_\_item--gap | Define o colunas entre itens do formulário. |
185
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
@@ -299,11 +312,16 @@ graph TD;
299
312
  ez-filter-input --> ez-icon
300
313
  ez-text-input --> ez-tooltip
301
314
  ez-text-input --> ez-icon
315
+ ez-search --> ez-button
302
316
  ez-search --> ez-text-input
303
317
  ez-search --> ez-icon
304
318
  ez-search --> ez-popover-plus
305
319
  ez-search --> search-list
306
320
  search-list --> ez-card-item
321
+ ez-grid-pagination --> ez-icon
322
+ ez-grid-pagination --> ez-button
323
+ ez-grid-pagination --> ez-popover
324
+ ez-grid-pagination --> ez-tooltip
307
325
  ez-grid-view --> ez-grid
308
326
  style ez-grid fill:#f9f,stroke:#333,stroke-width:4px
309
327
  ```
package/components/ez-grid/subcomponents/readme.md CHANGED
@@ -80,6 +80,7 @@ graph TD;
80
80
  ez-filter-input --> ez-icon
81
81
  ez-text-input --> ez-tooltip
82
82
  ez-text-input --> ez-icon
83
+ ez-search --> ez-button
83
84
  ez-search --> ez-text-input
84
85
  ez-search --> ez-icon
85
86
  ez-search --> ez-popover-plus
package/components/ez-grid-pagination/readme.md ADDED
@@ -0,0 +1,95 @@
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-icon](../ez-icon)
77
+ - [ez-button](../ez-button)
78
+ - [ez-popover](../ez-popover)
79
+ - [ez-tooltip](../ez-tooltip)
80
+
81
+ ### Graph
82
+ ```mermaid
83
+ graph TD;
84
+ ez-grid-pagination --> ez-icon
85
+ ez-grid-pagination --> ez-button
86
+ ez-grid-pagination --> ez-popover
87
+ ez-grid-pagination --> ez-tooltip
88
+ ez-button --> ez-icon
89
+ ez-grid --> ez-grid-pagination
90
+ style ez-grid-pagination fill:#f9f,stroke:#333,stroke-width:4px
91
+ ```
92
+
93
+ ----------------------------------------------
94
+
95
+
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
@@ -170,11 +171,16 @@ graph TD;
170
171
  ez-filter-input --> ez-icon
171
172
  ez-text-input --> ez-tooltip
172
173
  ez-text-input --> ez-icon
174
+ ez-search --> ez-button
173
175
  ez-search --> ez-text-input
174
176
  ez-search --> ez-icon
175
177
  ez-search --> ez-popover-plus
176
178
  ez-search --> search-list
177
179
  search-list --> ez-card-item
180
+ ez-grid-pagination --> ez-icon
181
+ ez-grid-pagination --> ez-button
182
+ ez-grid-pagination --> ez-popover
183
+ ez-grid-pagination --> ez-tooltip
178
184
  style ez-grid-view fill:#f9f,stroke:#333,stroke-width:4px
179
185
  ```
180
186
 
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)
39
+ - [ez-image-input](../ez-image-input)
38
40
  - [ez-list-item](../ez-list-item)
39
41
  - [ez-modal-container](../ez-modal-container)
40
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
79
+ ez-image-input --> ez-icon
75
80
  ez-list-item --> ez-icon
76
81
  ez-modal-container --> ez-icon
77
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