@sankhyalabs/ezui-docs 0.0.0-feat-dev-KB-128840.13 → 0.0.0-feat-dev-KB-134690.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 (16) 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-text-area/readme.md +20 -19
  4. package/components/ez-form/readme.md +15 -9
  5. package/components/ez-form-view/readme.md +15 -6
  6. package/components/ez-grid/readme.md +21 -5
  7. package/components/ez-grid-pagination/readme.md +74 -0
  8. package/components/ez-grid-view/readme.md +7 -3
  9. package/components/ez-icon/readme.md +4 -0
  10. package/components/ez-image-input/readme.md +77 -0
  11. package/components/ez-popover/readme.md +2 -0
  12. package/components/ez-popup/readme.md +2 -0
  13. package/components/ez-search/readme.md +4 -3
  14. package/components/ez-search-plus/readme.md +4 -3
  15. package/components/ez-skeleton/readme.md +2 -0
  16. package/package.json +1 -1
package/components/ez-button/readme.md CHANGED
@@ -56,7 +56,9 @@ Type: `Promise<void>`
56
56
  - [ez-dialog](../ez-dialog)
57
57
  - [ez-double-list](../ez-double-list)
58
58
  - [ez-grid](../ez-grid)
59
+ - [ez-grid-pagination](../ez-grid-pagination)
59
60
  - [ez-guide-navigator](../ez-guide-navigator)
61
+ - [ez-image-input](../ez-image-input)
60
62
  - [ez-modal-container](../ez-modal-container)
61
63
  - [ez-pagination](../ez-pagination)
62
64
  - [ez-popup](../ez-popup)
@@ -81,7 +83,9 @@ graph TD;
81
83
  ez-dialog --> ez-button
82
84
  ez-double-list --> ez-button
83
85
  ez-grid --> ez-button
86
+ ez-grid-pagination --> ez-button
84
87
  ez-guide-navigator --> ez-button
88
+ ez-image-input --> ez-button
85
89
  ez-modal-container --> ez-button
86
90
  ez-pagination --> ez-button
87
91
  ez-popup --> 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-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-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
@@ -101,6 +102,7 @@ graph TD;
101
102
  ez-form-view --> ez-classic-search
102
103
  ez-form-view --> ez-search
103
104
  ez-form-view --> ez-rich-text
105
+ ez-form-view --> ez-image-input
104
106
  ez-collapsible-box --> ez-icon
105
107
  ez-collapsible-box --> ez-text-edit
106
108
  ez-text-edit --> ez-text-input
@@ -181,6 +183,10 @@ graph TD;
181
183
  ez-simple-image-uploader --> ez-tooltip
182
184
  ez-simple-image-uploader --> ez-text-input
183
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
184
190
  style ez-form fill:#f9f,stroke:#333,stroke-width:4px
185
191
  ```
186
192
 
package/components/ez-form-view/readme.md CHANGED
@@ -7,12 +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
- | `formLayout` | `form-layout` | Define o layout do formulário. | `FormLayout.CASCADE \| FormLayout.CLASSIC_CASCADE \| FormLayout.CLASSIC_SIDE_BY_SIDE \| FormLayout.SIDE_BY_SIDE` | `undefined` |
14
- | `selectedRecord` | -- | Define os registros da linha selecionada. | `Record` | `undefined` |
15
- | `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` |
16
17
 
17
18
 
18
19
  ## Events
@@ -87,6 +88,7 @@ Type: `Promise<void>`
87
88
  - [ez-classic-search](../ez-classic-search)
88
89
  - [ez-search](../ez-search)
89
90
  - [ez-rich-text](../ez-rich-text)
91
+ - [ez-image-input](../ez-image-input)
90
92
 
91
93
  ### Graph
92
94
  ```mermaid
@@ -114,6 +116,7 @@ graph TD;
114
116
  ez-form-view --> ez-classic-search
115
117
  ez-form-view --> ez-search
116
118
  ez-form-view --> ez-rich-text
119
+ ez-form-view --> ez-image-input
117
120
  ez-collapsible-box --> ez-icon
118
121
  ez-collapsible-box --> ez-text-edit
119
122
  ez-text-edit --> ez-text-input
@@ -194,6 +197,10 @@ graph TD;
194
197
  ez-simple-image-uploader --> ez-tooltip
195
198
  ez-simple-image-uploader --> ez-text-input
196
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
197
204
  ez-form --> ez-form-view
198
205
  style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
199
206
  ```
@@ -207,6 +214,8 @@ graph TD;
207
214
  | Variable | Description |
208
215
  |-|-|
209
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. |
210
218
  | --ez-form-view\_\_item--max-width | Define o tamanho máximo dos itens do formulário. |
219
+ | --ez-form-view\_\_long-item--max-width | Define o tamanho máximo dos itens longos do formulário. |
211
220
  | --ez-form-view\_\_item--gap | Define o colunas entre itens do formulário. |
212
221
  | --ez-form-view\_\_item--padding | Define o padding do formulário. |
package/components/ez-grid/readme.md CHANGED
@@ -20,6 +20,7 @@
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` |
@@ -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)
284
+ - [ez-grid-pagination](../ez-grid-pagination)
272
285
  - [ez-popover](../ez-popover)
273
- - [ez-icon](../ez-icon)
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
294
+ ez-grid --> ez-grid-pagination
281
295
  ez-grid --> ez-popover
282
- ez-grid --> ez-icon
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-button
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,74 @@
1
+ # ez-grid-pagination
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------ | -------------------------- | ---------------------------------------------------- | ---------------------------------------------------------- | ---------------- |
12
+ | `currentPage` | `current-page` | Define o modo de visualização atual da grid. | `VIEW_MODE.ATTACHMENT \| VIEW_MODE.FORM \| VIEW_MODE.GRID` | `VIEW_MODE.GRID` |
13
+ | `dataUnit` | -- | DataUnit associada à grid. | `DataUnit` | `undefined` |
14
+ | `hidePagination` | `hide-pagination` | Esconder paginação. | `boolean` | `false` |
15
+ | `paginationCounterMode` | `pagination-counter-mode` | Define se a grid será focada ao ser carregada. | `"auto" \| "hidden" \| "show"` | `'auto'` |
16
+ | `paginationTextPosition` | `pagination-text-position` | Define o texto da paginação à esquerda ou à direita. | `"left" \| "right"` | `'left'` |
17
+
18
+
19
+ ## Events
20
+
21
+ | Event | Description | Type |
22
+ | ------------ | -------------------------------------------- | ----------------------------------- |
23
+ | `pageChange` | Evento disparado quando a página é alterada. | `CustomEvent<"next" \| "previous">` |
24
+
25
+
26
+ ## Methods
27
+
28
+ ### `nextPage() => Promise<void>`
29
+
30
+ Navega para a próxima página.
31
+
32
+ #### Returns
33
+
34
+ Type: `Promise<void>`
35
+
36
+ ---
37
+
38
+ ### `previousPage() => Promise<void>`
39
+
40
+ Navega para a página anterior.
41
+
42
+ #### Returns
43
+
44
+ Type: `Promise<void>`
45
+
46
+
47
+
48
+
49
+ ## Dependencies
50
+
51
+ ### Used by
52
+
53
+ - [ez-grid](../ez-grid)
54
+
55
+ ### Depends on
56
+
57
+ - [ez-popover](../ez-popover)
58
+ - [ez-icon](../ez-icon)
59
+ - [ez-button](../ez-button)
60
+
61
+ ### Graph
62
+ ```mermaid
63
+ graph TD;
64
+ ez-grid-pagination --> ez-popover
65
+ ez-grid-pagination --> ez-icon
66
+ ez-grid-pagination --> ez-button
67
+ ez-button --> ez-icon
68
+ ez-grid --> ez-grid-pagination
69
+ style ez-grid-pagination fill:#f9f,stroke:#333,stroke-width:4px
70
+ ```
71
+
72
+ ----------------------------------------------
73
+
74
+
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
153
+ ez-grid --> ez-grid-pagination
152
154
  ez-grid --> ez-popover
153
- ez-grid --> ez-icon
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-button
179
183
  style ez-grid-view fill:#f9f,stroke:#333,stroke-width:4px
180
184
  ```
181
185
 
package/components/ez-icon/readme.md CHANGED
@@ -35,6 +35,8 @@
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)
@@ -71,6 +73,8 @@ graph TD;
71
73
  ez-file-item --> ez-icon
72
74
  ez-filter-input --> ez-icon
73
75
  ez-grid --> ez-icon
76
+ ez-grid-pagination --> ez-icon
77
+ ez-image-input --> ez-icon
74
78
  ez-list-item --> ez-icon
75
79
  ez-modal-container --> ez-icon
76
80
  ez-multi-selection-list --> ez-icon
package/components/ez-image-input/readme.md ADDED
@@ -0,0 +1,77 @@
1
+ # ez-image-input
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------- | --------------- | ---------------------------------------------------------- | --------- | ------------------ |
12
+ | `accept` | `accept` | Tipos de arquivo aceitos | `string` | `'image/*'` |
13
+ | `enabled` | `enabled` | Define se o componente está habilitado | `boolean` | `true` |
14
+ | `label` | `label` | Label exibido na área de upload | `string` | `undefined` |
15
+ | `loading` | `loading` | Define se o componente está em estado de carregamento | `boolean` | `false` |
16
+ | `maxFileSize` | `max-file-size` | Define o tamanho máximo do arquivo em bytes (padrão: 20MB) | `number` | `20 * 1024 * 1024` |
17
+ | `name` | `name` | Nome do componente | `string` | `undefined` |
18
+ | `value` | `value` | Valor da imagem em base64 | `string` | `undefined` |
19
+
20
+
21
+ ## Events
22
+
23
+ | Event | Description | Type |
24
+ | ---------- | ------------------------------------------------ | --------------------- |
25
+ | `ezChange` | Evento disparado quando uma imagem é selecionada | `CustomEvent<string>` |
26
+ | `ezError` | Evento disparado quando ocorre um erro | `CustomEvent<string>` |
27
+
28
+
29
+ ## Dependencies
30
+
31
+ ### Used by
32
+
33
+ - [ez-form-view](../ez-form-view)
34
+
35
+ ### Depends on
36
+
37
+ - [ez-skeleton](../ez-skeleton)
38
+ - [ez-button](../ez-button)
39
+ - [ez-icon](../ez-icon)
40
+ - [ez-popup](../ez-popup)
41
+
42
+ ### Graph
43
+ ```mermaid
44
+ graph TD;
45
+ ez-image-input --> ez-skeleton
46
+ ez-image-input --> ez-button
47
+ ez-image-input --> ez-icon
48
+ ez-image-input --> ez-popup
49
+ ez-button --> ez-icon
50
+ ez-popup --> ez-button
51
+ ez-form-view --> ez-image-input
52
+ style ez-image-input fill:#f9f,stroke:#333,stroke-width:4px
53
+ ```
54
+
55
+ ----------------------------------------------
56
+
57
+
58
+
59
+
60
+ ## CSS Variables
61
+ | Variable | Description |
62
+ |-|-|
63
+ | --ez-image-input--container-height | Define a altura do container de imagem. |
64
+ | --ez-image-input--container-width | Define a largura do container de imagem. |
65
+ | --ez-image-input--background-color | Define a cor de fundo do container. |
66
+ | --ez-image-input--border-color | Define a cor da borda do container. |
67
+ | --ez-image-input--border-color-hover | Define a cor da borda no estado de hover. |
68
+ | --ez-image-input--border-color-dragging | Define a cor da borda quando está sendo arrastado. |
69
+ | --ez-image-input--border-color-disabled | Define a cor da borda quando está desabilitado. |
70
+ | --ez-image-input--label-color | Define a cor do texto do label. |
71
+ | --ez-image-input--icon-color | Define a cor do ícone. |
72
+ | --ez-image-input--border-radius | Define o raio da borda do container. |
73
+ | --ez-image-input--border-width | Define a largura da borda. |
74
+ | --ez-image-input--remove-button-bg | Define a cor de fundo do botão de remover. |
75
+ | --ez-image-input--remove-button-bg-hover | Define a cor de fundo do botão de remover no hover. |
76
+ | --ez-image-input--remove-button-color | Define a cor do ícone do botão de remover. |
77
+ | --ez-image-input--remove-button-border | Define a borda do botão de remover. |
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-popup/readme.md CHANGED
@@ -31,6 +31,7 @@
31
31
 
32
32
  ### Used by
33
33
 
34
+ - [ez-image-input](../ez-image-input)
34
35
  - [ez-link-builder](../ez-rich-text/ez-link-builder)
35
36
  - [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
36
37
 
@@ -43,6 +44,7 @@
43
44
  graph TD;
44
45
  ez-popup --> ez-button
45
46
  ez-button --> ez-icon
47
+ ez-image-input --> ez-popup
46
48
  ez-link-builder --> ez-popup
47
49
  ez-simple-image-uploader --> ez-popup
48
50
  style ez-popup fill:#f9f,stroke:#333,stroke-width:4px
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
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-skeleton/readme.md CHANGED
@@ -27,6 +27,7 @@
27
27
 
28
28
  - [ez-classic-search-result-list](../ez-classic-search-plus/subcomponent/ez-search-result-list)
29
29
  - [ez-dropdown](../ez-dropdown)
30
+ - [ez-image-input](../ez-image-input)
30
31
  - [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
31
32
 
32
33
  ### Graph
@@ -34,6 +35,7 @@
34
35
  graph TD;
35
36
  ez-classic-search-result-list --> ez-skeleton
36
37
  ez-dropdown --> ez-skeleton
38
+ ez-image-input --> ez-skeleton
37
39
  ez-search-result-list --> ez-skeleton
38
40
  style ez-skeleton fill:#f9f,stroke:#333,stroke-width:4px
39
41
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui-docs",
3
- "version": "0.0.0-feat-dev-KB-128840.13",
3
+ "version": "0.0.0-feat-dev-KB-134690.0",
4
4
  "description": "Documentação da biblioteca de componentes Sankhya.",
5
5
  "main": "",
6
6
  "files": [