@sankhyalabs/ezui-docs 7.1.2 → 7.2.0-dev.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/components/ez-button/readme.md +10 -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 +23 -6
  19. package/components/ez-grid/subcomponents/readme.md +1 -0
  20. package/components/ez-grid-pagination/readme.md +92 -0
  21. package/components/ez-grid-view/readme.md +8 -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-selection-list/readme.md +2 -0
  27. package/components/ez-popover/readme.md +2 -0
  28. package/components/ez-popover-plus/readme.md +8 -0
  29. package/components/ez-popup/readme.md +2 -0
  30. package/components/ez-record-navigation/readme.md +59 -0
  31. package/components/ez-scroller/readme.md +20 -6
  32. package/components/ez-search/readme.md +7 -1
  33. package/components/ez-sidebar-navigator/readme.md +2 -0
  34. package/components/ez-skeleton/readme.md +4 -0
  35. package/components/ez-split-button/readme.md +2 -0
  36. package/components/ez-tooltip/readme.md +6 -0
  37. 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-collapsible-box --> ez-icon
96
107
  ez-collapsible-box --> ez-text-edit
97
108
  ez-text-edit --> ez-text-input
@@ -99,28 +110,51 @@ graph TD;
99
110
  ez-text-input --> ez-tooltip
100
111
  ez-text-input --> ez-icon
101
112
  ez-button --> ez-icon
113
+ ez-classic-combo-box --> ez-classic-input
114
+ ez-classic-combo-box --> ez-popover-core
115
+ ez-classic-input --> ez-icon
102
116
  ez-combo-box --> ez-text-input
103
117
  ez-combo-box --> ez-icon
104
118
  ez-combo-box --> ez-popover-plus
105
119
  ez-combo-box --> ez-combo-box-list
106
120
  ez-popover-plus --> ez-popover-core
121
+ ez-classic-date-input --> ez-classic-input
122
+ ez-classic-date-input --> ez-popover-plus
123
+ ez-classic-date-input --> ez-calendar
107
124
  ez-date-input --> ez-text-input
108
125
  ez-date-input --> ez-popover-plus
109
126
  ez-date-input --> ez-calendar
127
+ ez-classic-time-input --> ez-classic-input
110
128
  ez-time-input --> ez-text-input
111
129
  ez-time-input --> ez-icon
130
+ ez-classic-date-time-input --> ez-classic-input
131
+ ez-classic-date-time-input --> ez-popover-plus
132
+ ez-classic-date-time-input --> ez-calendar
112
133
  ez-date-time-input --> ez-text-input
113
134
  ez-date-time-input --> ez-popover-plus
114
135
  ez-date-time-input --> ez-calendar
136
+ ez-classic-number-input --> ez-classic-input
115
137
  ez-number-input --> ez-text-input
138
+ ez-classic-text-area --> ez-icon
116
139
  ez-text-area --> ez-tooltip
117
140
  ez-text-area --> ez-icon
141
+ ez-classic-search-plus --> ez-classic-input
142
+ ez-classic-search-plus --> ez-popover-plus
143
+ ez-classic-search-plus --> ez-classic-search-result-list
144
+ ez-classic-search-result-list --> ez-card-item
145
+ ez-classic-search-result-list --> ez-skeleton
118
146
  ez-search-plus --> ez-icon
119
147
  ez-search-plus --> ez-text-input
120
148
  ez-search-plus --> ez-popover-plus
121
149
  ez-search-plus --> ez-search-result-list
122
150
  ez-search-result-list --> ez-card-item
123
151
  ez-search-result-list --> ez-skeleton
152
+ ez-classic-search --> ez-button
153
+ ez-classic-search --> ez-classic-input
154
+ ez-classic-search --> ez-popover-plus
155
+ ez-classic-search --> classic-search-list
156
+ classic-search-list --> ez-card-item
157
+ ez-search --> ez-button
124
158
  ez-search --> ez-text-input
125
159
  ez-search --> ez-icon
126
160
  ez-search --> ez-popover-plus
@@ -149,6 +183,10 @@ graph TD;
149
183
  ez-simple-image-uploader --> ez-tooltip
150
184
  ez-simple-image-uploader --> ez-text-input
151
185
  ez-simple-image-uploader --> ez-icon
186
+ ez-image-input --> ez-skeleton
187
+ ez-image-input --> ez-button
188
+ ez-image-input --> ez-icon
189
+ ez-image-input --> ez-popup
152
190
  style ez-form fill:#f9f,stroke:#333,stroke-width:4px
153
191
  ```
154
192
 
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
 
81
93
  ### Graph
82
94
  ```mermaid
@@ -84,17 +96,27 @@ graph TD;
84
96
  ez-form-view --> ez-custom-form-input
85
97
  ez-form-view --> ez-collapsible-box
86
98
  ez-form-view --> ez-check
99
+ ez-form-view --> ez-classic-combo-box
87
100
  ez-form-view --> ez-combo-box
101
+ ez-form-view --> ez-classic-date-input
88
102
  ez-form-view --> ez-date-input
103
+ ez-form-view --> ez-classic-time-input
89
104
  ez-form-view --> ez-time-input
105
+ ez-form-view --> ez-classic-date-time-input
90
106
  ez-form-view --> ez-date-time-input
91
107
  ez-form-view --> ez-upload
108
+ ez-form-view --> ez-classic-number-input
92
109
  ez-form-view --> ez-number-input
110
+ ez-form-view --> ez-classic-text-area
93
111
  ez-form-view --> ez-text-area
112
+ ez-form-view --> ez-classic-input
94
113
  ez-form-view --> ez-text-input
114
+ ez-form-view --> ez-classic-search-plus
95
115
  ez-form-view --> ez-search-plus
116
+ ez-form-view --> ez-classic-search
96
117
  ez-form-view --> ez-search
97
118
  ez-form-view --> ez-rich-text
119
+ ez-form-view --> ez-image-input
98
120
  ez-collapsible-box --> ez-icon
99
121
  ez-collapsible-box --> ez-text-edit
100
122
  ez-text-edit --> ez-text-input
@@ -102,28 +124,51 @@ graph TD;
102
124
  ez-text-input --> ez-tooltip
103
125
  ez-text-input --> ez-icon
104
126
  ez-button --> ez-icon
127
+ ez-classic-combo-box --> ez-classic-input
128
+ ez-classic-combo-box --> ez-popover-core
129
+ ez-classic-input --> ez-icon
105
130
  ez-combo-box --> ez-text-input
106
131
  ez-combo-box --> ez-icon
107
132
  ez-combo-box --> ez-popover-plus
108
133
  ez-combo-box --> ez-combo-box-list
109
134
  ez-popover-plus --> ez-popover-core
135
+ ez-classic-date-input --> ez-classic-input
136
+ ez-classic-date-input --> ez-popover-plus
137
+ ez-classic-date-input --> ez-calendar
110
138
  ez-date-input --> ez-text-input
111
139
  ez-date-input --> ez-popover-plus
112
140
  ez-date-input --> ez-calendar
141
+ ez-classic-time-input --> ez-classic-input
113
142
  ez-time-input --> ez-text-input
114
143
  ez-time-input --> ez-icon
144
+ ez-classic-date-time-input --> ez-classic-input
145
+ ez-classic-date-time-input --> ez-popover-plus
146
+ ez-classic-date-time-input --> ez-calendar
115
147
  ez-date-time-input --> ez-text-input
116
148
  ez-date-time-input --> ez-popover-plus
117
149
  ez-date-time-input --> ez-calendar
150
+ ez-classic-number-input --> ez-classic-input
118
151
  ez-number-input --> ez-text-input
152
+ ez-classic-text-area --> ez-icon
119
153
  ez-text-area --> ez-tooltip
120
154
  ez-text-area --> ez-icon
155
+ ez-classic-search-plus --> ez-classic-input
156
+ ez-classic-search-plus --> ez-popover-plus
157
+ ez-classic-search-plus --> ez-classic-search-result-list
158
+ ez-classic-search-result-list --> ez-card-item
159
+ ez-classic-search-result-list --> ez-skeleton
121
160
  ez-search-plus --> ez-icon
122
161
  ez-search-plus --> ez-text-input
123
162
  ez-search-plus --> ez-popover-plus
124
163
  ez-search-plus --> ez-search-result-list
125
164
  ez-search-result-list --> ez-card-item
126
165
  ez-search-result-list --> ez-skeleton
166
+ ez-classic-search --> ez-button
167
+ ez-classic-search --> ez-classic-input
168
+ ez-classic-search --> ez-popover-plus
169
+ ez-classic-search --> classic-search-list
170
+ classic-search-list --> ez-card-item
171
+ ez-search --> ez-button
127
172
  ez-search --> ez-text-input
128
173
  ez-search --> ez-icon
129
174
  ez-search --> ez-popover-plus
@@ -152,6 +197,10 @@ graph TD;
152
197
  ez-simple-image-uploader --> ez-tooltip
153
198
  ez-simple-image-uploader --> ez-text-input
154
199
  ez-simple-image-uploader --> ez-icon
200
+ ez-image-input --> ez-skeleton
201
+ ez-image-input --> ez-button
202
+ ez-image-input --> ez-icon
203
+ ez-image-input --> ez-popup
155
204
  ez-form --> ez-form-view
156
205
  style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
157
206
  ```
@@ -165,6 +214,8 @@ graph TD;
165
214
  | Variable | Description |
166
215
  |-|-|
167
216
  | --ez-form-view\_\_item--min-width | Define o tamanho mínimo dos itens do formulário. |
217
+ | --ez-form-view\_\_long-item--min-width | Define o tamanho mínimo dos itens do formulário. |
168
218
  | --ez-form-view\_\_item--max-width | Define o tamanho máximo dos itens do formulário. |
169
- | --ez-form-view\_\_item--width | Define o espaçamento entre itens do formulário. |
219
+ | --ez-form-view\_\_long-item--max-width | Define o tamanho máximo dos itens longos do formulário. |
220
+ | --ez-form-view\_\_item--gap | Define o colunas entre itens do formulário. |
170
221
  | --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,15 @@ 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-popover
322
+ ez-grid-pagination --> ez-icon
323
+ ez-grid-pagination --> ez-tooltip
307
324
  ez-grid-view --> ez-grid
308
325
  style ez-grid fill:#f9f,stroke:#333,stroke-width:4px
309
326
  ```
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,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
@@ -170,11 +171,15 @@ 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-popover
181
+ ez-grid-pagination --> ez-icon
182
+ ez-grid-pagination --> ez-tooltip
178
183
  style ez-grid-view fill:#f9f,stroke:#333,stroke-width:4px
179
184
  ```
180
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,10 +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)
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-selection-list](../ez-multi-selection-list)
41
43
  - [ez-rich-toolbar-item](../ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item)
44
+ - [ez-scroller](../ez-scroller)
42
45
  - [ez-search](../ez-search)
43
46
  - [ez-search-plus](../ez-search-plus)
44
47
  - [ez-sidebar-button](../ez-sidebar-button)
@@ -71,10 +74,13 @@ graph TD;
71
74
  ez-file-item --> ez-icon
72
75
  ez-filter-input --> ez-icon
73
76
  ez-grid --> ez-icon
77
+ ez-grid-pagination --> ez-icon
78
+ ez-image-input --> ez-icon
74
79
  ez-list-item --> ez-icon
75
80
  ez-modal-container --> ez-icon
76
81
  ez-multi-selection-list --> ez-icon
77
82
  ez-rich-toolbar-item --> ez-icon
83
+ ez-scroller --> ez-icon
78
84
  ez-search --> ez-icon
79
85
  ez-search-plus --> ez-icon
80
86
  ez-sidebar-button --> ez-icon