@sankhyalabs/sankhyablocks-docs 10.1.0-dev.5 → 10.1.0-dev.50
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/snk-actions-button/readme.md +7 -0
- package/components/snk-application/readme.md +8 -8
- package/components/snk-attach/readme.md +28 -5
- package/components/snk-crud/readme.md +22 -15
- package/components/snk-crud/subcomponents/readme.md +3 -3
- package/components/snk-crud/subcomponents/snk-detail-view/readme.md +2 -1
- package/components/snk-custom-slot-guide/readme.md +24 -0
- package/components/snk-data-exporter/readme.md +5 -4
- package/components/snk-filter-bar/filter-item/readme.md +1 -0
- package/components/snk-filter-bar/filter-modal/readme.md +15 -15
- package/components/snk-filter-bar/readme.md +6 -0
- package/components/snk-grid/readme.md +74 -40
- package/components/snk-grid-config/readme.md +9 -7
- package/components/snk-image-input/readme.md +56 -0
- package/components/snk-pesquisa/readme.md +1 -1
- package/components/snk-simple-bar/readme.md +0 -2
- package/components/snk-simple-crud/readme.md +34 -32
- package/components/snk-taskbar/elements/taskbar-actions-button/readme.md +6 -5
- package/components/snk-taskbar/elements/taskbar-split-button/readme.md +11 -10
- package/components/snk-taskbar/readme.md +7 -2
- package/components/snk-taskbar/subcomponents/readme.md +23 -0
- package/package.json +1 -1
|
@@ -5,6 +5,13 @@
|
|
|
5
5
|
<!-- Auto Generated Below -->
|
|
6
6
|
|
|
7
7
|
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------- | --------- | -------------------------------------------------------------------- | -------------------------------- | ---------- |
|
|
12
|
+
| `size` | `size` | Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
13
|
+
|
|
14
|
+
|
|
8
15
|
## Dependencies
|
|
9
16
|
|
|
10
17
|
### Used by
|
|
@@ -7,14 +7,14 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ----------------------------- | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
12
|
-
| `configName` | `config-name` | Nome da configuração utilizada para salvar as preferências dos blocos de construção. | `string`
|
|
13
|
-
| `enableLockManagerLoadingApp` | `enable-lock-manager-loading-app` | Define se o componente deve usar o LockManager para controle de carregamento da aplicação. | `boolean`
|
|
14
|
-
| `formLegacyConfigName` | `form-legacy-config-name` | Chave da configuração legada do formulário, utilizada para migração de configurações antigas. | `string`
|
|
15
|
-
| `gridLegacyConfigName` | `grid-legacy-config-name` | Chave da configuração legada da grade, utilizada para migração de configurações antigas. | `string`
|
|
16
|
-
| `loadByPK` | -- | Usado para receber um parâmetro na inicialização da tela, e utilizá-lo conforme necessário caso a tela receba um parâmetro, e, esta propriedade não seja informada é criado um filtro de forma automática através do método defaultLoadByPk | `(objPK: { pk: any
|
|
17
|
-
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder`
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------------------------- | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `configName` | `config-name` | Nome da configuração utilizada para salvar as preferências dos blocos de construção. | `string` | `undefined` |
|
|
13
|
+
| `enableLockManagerLoadingApp` | `enable-lock-manager-loading-app` | Define se o componente deve usar o LockManager para controle de carregamento da aplicação. | `boolean` | `undefined` |
|
|
14
|
+
| `formLegacyConfigName` | `form-legacy-config-name` | Chave da configuração legada do formulário, utilizada para migração de configurações antigas. | `string` | `undefined` |
|
|
15
|
+
| `gridLegacyConfigName` | `grid-legacy-config-name` | Chave da configuração legada da grade, utilizada para migração de configurações antigas. | `string` | `undefined` |
|
|
16
|
+
| `loadByPK` | -- | Usado para receber um parâmetro na inicialização da tela, e utilizá-lo conforme necessário caso a tela receba um parâmetro, e, esta propriedade não seja informada é criado um filtro de forma automática através do método defaultLoadByPk | `(objPK: { pk: Record<string, any>; }, redirectFrom?: string) => void` | `undefined` |
|
|
17
|
+
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder` | `undefined` |
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
## Events
|
|
@@ -21,9 +21,33 @@
|
|
|
21
21
|
|
|
22
22
|
## Events
|
|
23
23
|
|
|
24
|
-
| Event
|
|
25
|
-
|
|
|
26
|
-
| `
|
|
24
|
+
| Event | Description | Type |
|
|
25
|
+
| -------------- | ------------------------------------------------------------- | ------------------- |
|
|
26
|
+
| `ezClosePopup` | Evento emitido ao clicar no botão de fechar (onEzClosePopup). | `CustomEvent<void>` |
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
## Methods
|
|
30
|
+
|
|
31
|
+
### `close() => Promise<void>`
|
|
32
|
+
|
|
33
|
+
Fecha o popup do SnkAttach.
|
|
34
|
+
|
|
35
|
+
#### Returns
|
|
36
|
+
|
|
37
|
+
Type: `Promise<void>`
|
|
38
|
+
|
|
39
|
+
---
|
|
40
|
+
|
|
41
|
+
### `open() => Promise<void>`
|
|
42
|
+
|
|
43
|
+
Abre o popup do SnkAttach.
|
|
44
|
+
Inicializa o componente apenas na abertura.
|
|
45
|
+
|
|
46
|
+
#### Returns
|
|
47
|
+
|
|
48
|
+
Type: `Promise<void>`
|
|
49
|
+
|
|
50
|
+
|
|
27
51
|
|
|
28
52
|
|
|
29
53
|
## Dependencies
|
|
@@ -35,13 +59,11 @@
|
|
|
35
59
|
|
|
36
60
|
### Depends on
|
|
37
61
|
|
|
38
|
-
- [snk-simple-bar](../snk-simple-bar)
|
|
39
62
|
- [snk-simple-crud](../snk-simple-crud)
|
|
40
63
|
|
|
41
64
|
### Graph
|
|
42
65
|
```mermaid
|
|
43
66
|
graph TD;
|
|
44
|
-
snk-attach --> snk-simple-bar
|
|
45
67
|
snk-attach --> snk-simple-crud
|
|
46
68
|
snk-simple-crud --> snk-taskbar
|
|
47
69
|
snk-simple-crud --> snk-data-unit
|
|
@@ -52,6 +74,7 @@ graph TD;
|
|
|
52
74
|
snk-simple-crud --> snk-actions-button
|
|
53
75
|
snk-simple-crud --> taskbar-split-button
|
|
54
76
|
snk-simple-crud --> taskbar-actions-button
|
|
77
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
55
78
|
snk-taskbar --> snk-data-exporter
|
|
56
79
|
snk-taskbar --> snk-actions-button
|
|
57
80
|
snk-taskbar --> taskbar-split-button
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
| `recordsValidator` | -- | Validador responsável por checar a integridade das informações do registro. | `IRecordValidator` | `undefined` |
|
|
35
35
|
| `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` |
|
|
36
36
|
| `setCustomFormTitle` | -- | Define uma função para configurar um título cusotmizado no modo formulário. | `() => string` | `undefined` |
|
|
37
|
-
| `showActionButtons` | `show-action-buttons` | Usado para exibir os botões de ação do snk-configurator | `boolean` | `
|
|
37
|
+
| `showActionButtons` | `show-action-buttons` | Usado para exibir os botões de ação do snk-configurator | `boolean` | `true` |
|
|
38
38
|
| `showEntitySearch` | `show-entity-search` | Define se o campo de busca de entidades será exibido na barra superior. | `boolean` | `true` |
|
|
39
39
|
| `statusResolver` | -- | Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } } | `((data: object) => string) \| IStatusResolver` | `undefined` |
|
|
40
40
|
| `strategyExporter` | `strategy-exporter` | Modo de exportação dos dados. | `"ClientSideExporterStrategy" \| "ServerSideExporterStrategy"` | `ExporterStrategy.SERVER_SIDE` |
|
|
@@ -51,6 +51,7 @@
|
|
|
51
51
|
| `configuratorSave` | Emitido quando salva a configuração no configurator do CRUD. | `CustomEvent<any>` |
|
|
52
52
|
| `formItemsReady` | Responsável por notificar quando ocorrer a renderização de itens do formulário. | `CustomEvent<HTMLElement[]>` |
|
|
53
53
|
| `numberingConfigChanged` | Emitido quando a configuração de numeração é alterada. | `CustomEvent<ResponseGetConfig>` |
|
|
54
|
+
| `snkShowGuide` | Emitido pelo guides-viewer sempre que houver mudança de guia. | `CustomEvent<string>` |
|
|
54
55
|
| `viewModeChanged` | | `CustomEvent<VIEW_MODE.ATTACHMENT \| VIEW_MODE.FORM \| VIEW_MODE.GRID>` |
|
|
55
56
|
|
|
56
57
|
|
|
@@ -181,6 +182,9 @@ Type: `Promise<void>`
|
|
|
181
182
|
|
|
182
183
|
### Depends on
|
|
183
184
|
|
|
185
|
+
- [snk-entity-search](subcomponents)
|
|
186
|
+
- [snk-taskbar](../snk-taskbar)
|
|
187
|
+
- [snk-filter-bar](../snk-filter-bar)
|
|
184
188
|
- [snk-grid](../snk-grid)
|
|
185
189
|
- [snk-guides-viewer](subcomponents)
|
|
186
190
|
- [snk-attach](../snk-attach)
|
|
@@ -193,6 +197,9 @@ Type: `Promise<void>`
|
|
|
193
197
|
### Graph
|
|
194
198
|
```mermaid
|
|
195
199
|
graph TD;
|
|
200
|
+
snk-crud --> snk-entity-search
|
|
201
|
+
snk-crud --> snk-taskbar
|
|
202
|
+
snk-crud --> snk-filter-bar
|
|
196
203
|
snk-crud --> snk-grid
|
|
197
204
|
snk-crud --> snk-guides-viewer
|
|
198
205
|
snk-crud --> snk-attach
|
|
@@ -201,13 +208,12 @@ graph TD;
|
|
|
201
208
|
snk-crud --> snk-actions-button
|
|
202
209
|
snk-crud --> taskbar-split-button
|
|
203
210
|
snk-crud --> taskbar-actions-button
|
|
204
|
-
snk-
|
|
205
|
-
snk-
|
|
206
|
-
snk-
|
|
207
|
-
snk-
|
|
208
|
-
snk-
|
|
209
|
-
snk-
|
|
210
|
-
snk-grid --> taskbar-actions-button
|
|
211
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
212
|
+
snk-taskbar --> snk-data-exporter
|
|
213
|
+
snk-taskbar --> snk-actions-button
|
|
214
|
+
snk-taskbar --> taskbar-split-button
|
|
215
|
+
snk-taskbar --> taskbar-actions-button
|
|
216
|
+
snk-data-exporter --> snk-exporter-email-sender
|
|
211
217
|
snk-filter-bar --> snk-filter-item
|
|
212
218
|
snk-filter-bar --> snk-personalized-filter
|
|
213
219
|
snk-filter-bar --> snk-filter-modal
|
|
@@ -223,22 +229,24 @@ graph TD;
|
|
|
223
229
|
snk-expression-item --> snk-filter-param-config
|
|
224
230
|
snk-filter-modal --> snk-filter-modal-item
|
|
225
231
|
snk-filter-modal --> snk-default-filter
|
|
226
|
-
snk-
|
|
227
|
-
snk-
|
|
228
|
-
snk-
|
|
229
|
-
snk-
|
|
230
|
-
snk-
|
|
232
|
+
snk-grid --> snk-filter-bar
|
|
233
|
+
snk-grid --> snk-taskbar
|
|
234
|
+
snk-grid --> snk-grid-config
|
|
235
|
+
snk-grid --> snk-data-exporter
|
|
236
|
+
snk-grid --> snk-actions-button
|
|
237
|
+
snk-grid --> taskbar-split-button
|
|
238
|
+
snk-grid --> taskbar-actions-button
|
|
231
239
|
snk-grid-config --> snk-select-box
|
|
232
240
|
snk-guides-viewer --> snk-form-view
|
|
233
241
|
snk-guides-viewer --> snk-data-unit
|
|
234
242
|
snk-guides-viewer --> snk-detail-view
|
|
235
|
-
snk-guides-viewer --> snk-taskbar
|
|
236
243
|
snk-guides-viewer --> snk-form-config
|
|
237
244
|
snk-guides-viewer --> snk-configurator
|
|
238
245
|
snk-guides-viewer --> snk-data-exporter
|
|
239
246
|
snk-guides-viewer --> snk-actions-button
|
|
240
247
|
snk-guides-viewer --> taskbar-split-button
|
|
241
248
|
snk-guides-viewer --> taskbar-actions-button
|
|
249
|
+
snk-form-view --> snk-image-input
|
|
242
250
|
snk-form-view --> snk-form-summary
|
|
243
251
|
snk-detail-view --> snk-data-unit
|
|
244
252
|
snk-detail-view --> snk-grid
|
|
@@ -249,7 +257,6 @@ graph TD;
|
|
|
249
257
|
snk-detail-view --> snk-actions-button
|
|
250
258
|
snk-detail-view --> taskbar-split-button
|
|
251
259
|
snk-detail-view --> taskbar-actions-button
|
|
252
|
-
snk-attach --> snk-simple-bar
|
|
253
260
|
snk-attach --> snk-simple-crud
|
|
254
261
|
snk-simple-crud --> snk-taskbar
|
|
255
262
|
snk-simple-crud --> snk-data-unit
|
|
@@ -39,6 +39,7 @@
|
|
|
39
39
|
| `formConfigVisibilityChanged` | Emitido quando a visibilidade do configurador do formulário é alterada. | `CustomEvent<boolean>` |
|
|
40
40
|
| `formItemsReady` | Responsável por notificar quando ocorrer a renderização de itens do formulário. | `CustomEvent<HTMLElement[]>` |
|
|
41
41
|
| `snkMasterFormConfigChange` | Emitido quando a configuração do formulário master é definida. | `CustomEvent<IFormConfig>` |
|
|
42
|
+
| `snkShowGuide` | Emitido quando a uma gua é exibida no formulário. | `CustomEvent<string>` |
|
|
42
43
|
|
|
43
44
|
|
|
44
45
|
## Methods
|
|
@@ -115,7 +116,6 @@ Type: `Promise<void>`
|
|
|
115
116
|
- [snk-form-view](.)
|
|
116
117
|
- [snk-data-unit](../../snk-data-unit)
|
|
117
118
|
- [snk-detail-view](snk-detail-view)
|
|
118
|
-
- [snk-taskbar](../../snk-taskbar)
|
|
119
119
|
- [snk-form-config](../../snk-form-config)
|
|
120
120
|
- [snk-configurator](../../snk-configurator)
|
|
121
121
|
- [snk-data-exporter](../../snk-data-exporter)
|
|
@@ -129,13 +129,13 @@ graph TD;
|
|
|
129
129
|
snk-guides-viewer --> snk-form-view
|
|
130
130
|
snk-guides-viewer --> snk-data-unit
|
|
131
131
|
snk-guides-viewer --> snk-detail-view
|
|
132
|
-
snk-guides-viewer --> snk-taskbar
|
|
133
132
|
snk-guides-viewer --> snk-form-config
|
|
134
133
|
snk-guides-viewer --> snk-configurator
|
|
135
134
|
snk-guides-viewer --> snk-data-exporter
|
|
136
135
|
snk-guides-viewer --> snk-actions-button
|
|
137
136
|
snk-guides-viewer --> taskbar-split-button
|
|
138
137
|
snk-guides-viewer --> taskbar-actions-button
|
|
138
|
+
snk-form-view --> snk-image-input
|
|
139
139
|
snk-form-view --> snk-form-summary
|
|
140
140
|
snk-detail-view --> snk-data-unit
|
|
141
141
|
snk-detail-view --> snk-grid
|
|
@@ -168,13 +168,13 @@ graph TD;
|
|
|
168
168
|
snk-expression-item --> snk-filter-param-config
|
|
169
169
|
snk-filter-modal --> snk-filter-modal-item
|
|
170
170
|
snk-filter-modal --> snk-default-filter
|
|
171
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
171
172
|
snk-taskbar --> snk-data-exporter
|
|
172
173
|
snk-taskbar --> snk-actions-button
|
|
173
174
|
snk-taskbar --> taskbar-split-button
|
|
174
175
|
snk-taskbar --> taskbar-actions-button
|
|
175
176
|
snk-data-exporter --> snk-exporter-email-sender
|
|
176
177
|
snk-grid-config --> snk-select-box
|
|
177
|
-
snk-attach --> snk-simple-bar
|
|
178
178
|
snk-attach --> snk-simple-crud
|
|
179
179
|
snk-simple-crud --> snk-taskbar
|
|
180
180
|
snk-simple-crud --> snk-data-unit
|
|
@@ -141,14 +141,15 @@ graph TD;
|
|
|
141
141
|
snk-expression-item --> snk-filter-param-config
|
|
142
142
|
snk-filter-modal --> snk-filter-modal-item
|
|
143
143
|
snk-filter-modal --> snk-default-filter
|
|
144
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
144
145
|
snk-taskbar --> snk-data-exporter
|
|
145
146
|
snk-taskbar --> snk-actions-button
|
|
146
147
|
snk-taskbar --> taskbar-split-button
|
|
147
148
|
snk-taskbar --> taskbar-actions-button
|
|
148
149
|
snk-data-exporter --> snk-exporter-email-sender
|
|
149
150
|
snk-grid-config --> snk-select-box
|
|
151
|
+
snk-form-view --> snk-image-input
|
|
150
152
|
snk-form-view --> snk-form-summary
|
|
151
|
-
snk-attach --> snk-simple-bar
|
|
152
153
|
snk-attach --> snk-simple-crud
|
|
153
154
|
snk-simple-crud --> snk-taskbar
|
|
154
155
|
snk-simple-crud --> snk-data-unit
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# snk-custom-slot-guide
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------- | ----------- | ------------------------------------------------------------- | -------- | --------------------- |
|
|
12
|
+
| `slotName` | `slot-name` | Nome do slot onde os elementos customizados deverão aparecer. | `string` | `'CUSTOM_SLOT_GUIDE'` |
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## Events
|
|
16
|
+
|
|
17
|
+
| Event | Description | Type |
|
|
18
|
+
| -------------------------- | -------------------------------------------- | --------------------- |
|
|
19
|
+
| `snkCustomSlotGuideLoaded` | Emitido quando elemento é carregado na tela. | `CustomEvent<string>` |
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
----------------------------------------------
|
|
23
|
+
|
|
24
|
+
|
|
@@ -7,10 +7,11 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ----------------- | --------- | -------------------------------------------------------------------------------------- |
|
|
12
|
-
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder`
|
|
13
|
-
| `provider` | -- | Provedor das informações para exportação dos dados. | `IExporterProvider`
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------------- | --------- | -------------------------------------------------------------------------------------- | -------------------------------- | ----------- |
|
|
12
|
+
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder` | `undefined` |
|
|
13
|
+
| `provider` | -- | Provedor das informações para exportação dos dados. | `IExporterProvider` | `null` |
|
|
14
|
+
| `size` | `size` | Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
14
15
|
|
|
15
16
|
|
|
16
17
|
## Dependencies
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
| `config` | -- | Define as configurações do componente snk-filter-item. | `SnkFilterItemConfig` | `undefined` |
|
|
13
13
|
| `getMessage` | -- | Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder. | `(key: string, props?: any) => string` | `undefined` |
|
|
14
14
|
| `showChips` | `show-chips` | Usado para controlar a visibilidade dos chips de filtros | `boolean` | `true` |
|
|
15
|
+
| `sizeChips` | `size-chips` | | `"default" \| "large" \| "medium"` | `'default'` |
|
|
15
16
|
|
|
16
17
|
|
|
17
18
|
## Events
|
|
@@ -7,21 +7,21 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| ------------------------------- | ----------------------------- |
|
|
12
|
-
| `addPersonalizedFilter` | -- | Ação executada ao adicionar um filtro personalizado
|
|
13
|
-
| `applyFilters` | -- | Ação executada ao aplicar os filtros
|
|
14
|
-
| `closeModal` | -- | Ação disparada ao fechar o modal
|
|
15
|
-
| `configName` | `config-name` | Nome da configuração. Serve para distinguir várias instâncias do componente.
|
|
16
|
-
| `deletePersonalizedFilter` | -- | Ação executada ao deletar um filtro personalizado
|
|
17
|
-
| `disablePersonalizedFilter` | `disable-personalized-filter` | Desabilita a apresentação da opção de filtros personalizados na filter bar (chip de filtros)
|
|
18
|
-
| `editPersonalizedFilter` | -- | Ação executada ao editar um filtro personalizado
|
|
19
|
-
| `filterConfig` | -- | Filtros a serem apresentados
|
|
20
|
-
| `filterCustomConfigInterceptor` | -- |
|
|
21
|
-
| `filterDefaultToDelete` | -- | Guarda o filtro a ser deletado no Apply do modal
|
|
22
|
-
| `filtersToDelete` | -- | Guarda filtros a serem deletados no Apply do modal
|
|
23
|
-
| `getMessage` | -- | Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder.
|
|
24
|
-
| `opened` | `opened` | Define se o modal está aberto ou não.
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------------- | ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `addPersonalizedFilter` | -- | Ação executada ao adicionar um filtro personalizado | `(isDefault?: boolean) => void` | `undefined` |
|
|
13
|
+
| `applyFilters` | -- | Ação executada ao aplicar os filtros | `(updatedFilterConfig: SnkFilterItemConfig[]) => void` | `undefined` |
|
|
14
|
+
| `closeModal` | -- | Ação disparada ao fechar o modal | `() => void` | `undefined` |
|
|
15
|
+
| `configName` | `config-name` | Nome da configuração. Serve para distinguir várias instâncias do componente. | `string` | `undefined` |
|
|
16
|
+
| `deletePersonalizedFilter` | -- | Ação executada ao deletar um filtro personalizado | `(filter: IPersonalizedFilter, configName: string, isDefault?: boolean) => void` | `undefined` |
|
|
17
|
+
| `disablePersonalizedFilter` | `disable-personalized-filter` | Desabilita a apresentação da opção de filtros personalizados na filter bar (chip de filtros) e no modal lateral de filtros (container de filtros personalizados). | `boolean` | `undefined` |
|
|
18
|
+
| `editPersonalizedFilter` | -- | Ação executada ao editar um filtro personalizado | `(id: string, isDefault?: boolean) => void` | `undefined` |
|
|
19
|
+
| `filterConfig` | -- | Filtros a serem apresentados | `SnkFilterItemConfig[]` | `undefined` |
|
|
20
|
+
| `filterCustomConfigInterceptor` | -- | | `(config: SnkFilterItemConfig[]) => SnkFilterItemConfig[]` | `undefined` |
|
|
21
|
+
| `filterDefaultToDelete` | -- | Guarda o filtro a ser deletado no Apply do modal | `SnkFilterItemConfig` | `undefined` |
|
|
22
|
+
| `filtersToDelete` | -- | Guarda filtros a serem deletados no Apply do modal | `IPersonalizedFilter[]` | `[]` |
|
|
23
|
+
| `getMessage` | -- | Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder. | `(key: string, props?: any) => string` | `undefined` |
|
|
24
|
+
| `opened` | `opened` | Define se o modal está aberto ou não. | `boolean` | `false` |
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
## Dependencies
|
|
@@ -20,9 +20,11 @@
|
|
|
20
20
|
| `filterConfig` | -- | | `SnkFilterItemConfig[]` | `undefined` |
|
|
21
21
|
| `filterCustomConfig` | -- | | `SnkFilterItemConfig[]` | `undefined` |
|
|
22
22
|
| `filterCustomConfigInterceptor` | -- | | `(config: SnkFilterItemConfig[]) => SnkFilterItemConfig[]` | `undefined` |
|
|
23
|
+
| `hideFilterButton` | `hide-filter-button` | | `boolean` | `false` |
|
|
23
24
|
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
24
25
|
| `mode` | `mode` | | `"button" \| "hidden" \| "regular"` | `"regular"` |
|
|
25
26
|
| `resourceID` | `resource-i-d` | | `string` | `undefined` |
|
|
27
|
+
| `sizeChips` | `size-chips` | | `"default" \| "large" \| "medium"` | `'default'` |
|
|
26
28
|
| `title` | `title` | | `string` | `undefined` |
|
|
27
29
|
|
|
28
30
|
|
|
@@ -67,6 +69,8 @@ O item de filtro correspondente ou undefined se não for encontrado.
|
|
|
67
69
|
|
|
68
70
|
Type: `Promise<Filter[]>`
|
|
69
71
|
|
|
72
|
+
Retorna uma Promise que resolve com a lista de filtros ativos.
|
|
73
|
+
|
|
70
74
|
---
|
|
71
75
|
|
|
72
76
|
### `reload() => Promise<void>`
|
|
@@ -118,6 +122,7 @@ Retorna uma Promise que resolve quando a atualização for concluída.
|
|
|
118
122
|
|
|
119
123
|
### Used by
|
|
120
124
|
|
|
125
|
+
- [snk-crud](../snk-crud)
|
|
121
126
|
- [snk-grid](../snk-grid)
|
|
122
127
|
|
|
123
128
|
### Depends on
|
|
@@ -144,6 +149,7 @@ graph TD;
|
|
|
144
149
|
snk-expression-item --> snk-filter-param-config
|
|
145
150
|
snk-filter-modal --> snk-filter-modal-item
|
|
146
151
|
snk-filter-modal --> snk-default-filter
|
|
152
|
+
snk-crud --> snk-filter-bar
|
|
147
153
|
snk-grid --> snk-filter-bar
|
|
148
154
|
style snk-filter-bar fill:#f9f,stroke:#333,stroke-width:4px
|
|
149
155
|
```
|
|
@@ -7,46 +7,49 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type | Default
|
|
11
|
-
| ------------------------------- | ------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- |
|
|
12
|
-
| `actionsList` | -- | Lista de ações que devem ser usadas no botão "Mais opções" do `snk-taskbar`. | `Action[]` | `undefined`
|
|
13
|
-
| `autoFocus` | `auto-focus` | Define se a grade receberá o foco automaticamente ao ser carregada. | `boolean` | `true`
|
|
14
|
-
| `autoLoad` | `auto-load` | Define se os dados serão carregados automaticamente na inicialização do componente. | `boolean` | `undefined`
|
|
15
|
-
| `canEdit` | `can-edit` | Define se a edição de dados na grade está habilitada. | `boolean` | `true`
|
|
16
|
-
| `columnFilterDataSource` | -- | Define o data source para o filtro de colunas. | `IMultiSelectionListDataSource` | `
|
|
17
|
-
| `compact` | `compact` | Define se a grade deve ser exibida em modo compacto. | `boolean` | `undefined`
|
|
18
|
-
| `configName` | `config-name` | Nome usado para salvar e recuperar a configuração da grade. | `string` | `undefined`
|
|
19
|
-
| `disablePersonalizedFilter` | `disable-personalized-filter` | Desabilita a apresentação da opção de filtros personalizados na barra de filtros (chip de filtros) e no modal lateral de filtros (contêiner de filtros personalizados). | `boolean` | `undefined`
|
|
20
|
-
| `enableGridInsert` | `enable-grid-insert` | Habilita a inserção de registros diretamente na grade. | `boolean` | `false`
|
|
21
|
-
| `enableLockManagerLoadingComp` | `enable-lock-manager-loading-comp` | Define se o componente deve usar o LockManager para controle de carregamento da aplicação. | `boolean` | `false`
|
|
22
|
-
| `enableLockManagerTaskbarClick` | `enable-lock-manager-taskbar-click` | Ativa o gerenciamento de locks na grade pela Taskbar. | `boolean` | `false`
|
|
23
|
-
| `filterBarLegacyConfigName` | `filter-bar-legacy-config-name` | Chave da configuração legada da barra de filtros. | `string` | `undefined`
|
|
24
|
-
| `filterBarTitle` | `filter-bar-title` | Título que será apresentado na barra de filtros. | `string` | `undefined`
|
|
25
|
-
| `filterCustomConfig` | -- | | `SnkFilterItemConfig[]` | `undefined`
|
|
26
|
-
| `filterCustomConfigInterceptor` | -- | | `(config: SnkFilterItemConfig[]) => SnkFilterItemConfig[]` | `undefined`
|
|
27
|
-
| `gridHeaderCustomSlotId` | `grid-header-custom-slot-id` | Define o nome do slot para elementos customizados na `Taskbar` do cabeçalho da grade. | `string` | `'GRID_HEADER_CUSTOM_ELEMENTS'`
|
|
28
|
-
| `gridHeaderDynamicSearchSlotId` | `grid-header-dynamic-search-slot-id` | Define o nome do slot para a aba de pesquisa no cabeçalho da grade. | `string` | `'GRID_HEADER_DYNAMIC_SEARCH'`
|
|
29
|
-
| `gridLegacyConfigName` | `grid-legacy-config-name` | Chave da configuração legada da grade. | `string` | `undefined`
|
|
30
|
-
| `
|
|
31
|
-
| `
|
|
32
|
-
| `
|
|
33
|
-
| `
|
|
34
|
-
| `
|
|
35
|
-
| `
|
|
36
|
-
| `
|
|
37
|
-
| `
|
|
38
|
-
| `
|
|
39
|
-
| `
|
|
40
|
-
| `
|
|
41
|
-
| `
|
|
42
|
-
| `
|
|
43
|
-
| `
|
|
44
|
-
| `
|
|
45
|
-
| `
|
|
46
|
-
| `
|
|
47
|
-
| `
|
|
48
|
-
| `
|
|
49
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------------- | ------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- | -------------------------------- |
|
|
12
|
+
| `actionsList` | -- | Lista de ações que devem ser usadas no botão "Mais opções" do `snk-taskbar`. | `Action[]` | `undefined` |
|
|
13
|
+
| `autoFocus` | `auto-focus` | Define se a grade receberá o foco automaticamente ao ser carregada. | `boolean` | `true` |
|
|
14
|
+
| `autoLoad` | `auto-load` | Define se os dados serão carregados automaticamente na inicialização do componente. | `boolean` | `undefined` |
|
|
15
|
+
| `canEdit` | `can-edit` | Define se a edição de dados na grade está habilitada. | `boolean` | `true` |
|
|
16
|
+
| `columnFilterDataSource` | -- | Define o data source para o filtro de colunas. | `IMultiSelectionListDataSource` | `undefined` |
|
|
17
|
+
| `compact` | `compact` | Define se a grade deve ser exibida em modo compacto. | `boolean` | `undefined` |
|
|
18
|
+
| `configName` | `config-name` | Nome usado para salvar e recuperar a configuração da grade. | `string` | `undefined` |
|
|
19
|
+
| `disablePersonalizedFilter` | `disable-personalized-filter` | Desabilita a apresentação da opção de filtros personalizados na barra de filtros (chip de filtros) e no modal lateral de filtros (contêiner de filtros personalizados). | `boolean` | `undefined` |
|
|
20
|
+
| `enableGridInsert` | `enable-grid-insert` | Habilita a inserção de registros diretamente na grade. | `boolean` | `false` |
|
|
21
|
+
| `enableLockManagerLoadingComp` | `enable-lock-manager-loading-comp` | Define se o componente deve usar o LockManager para controle de carregamento da aplicação. | `boolean` | `false` |
|
|
22
|
+
| `enableLockManagerTaskbarClick` | `enable-lock-manager-taskbar-click` | Ativa o gerenciamento de locks na grade pela Taskbar. | `boolean` | `false` |
|
|
23
|
+
| `filterBarLegacyConfigName` | `filter-bar-legacy-config-name` | Chave da configuração legada da barra de filtros. | `string` | `undefined` |
|
|
24
|
+
| `filterBarTitle` | `filter-bar-title` | Título que será apresentado na barra de filtros. | `string` | `undefined` |
|
|
25
|
+
| `filterCustomConfig` | -- | | `SnkFilterItemConfig[]` | `undefined` |
|
|
26
|
+
| `filterCustomConfigInterceptor` | -- | | `(config: SnkFilterItemConfig[]) => SnkFilterItemConfig[]` | `undefined` |
|
|
27
|
+
| `gridHeaderCustomSlotId` | `grid-header-custom-slot-id` | Define o nome do slot para elementos customizados na `Taskbar` do cabeçalho da grade. | `string` | `'GRID_HEADER_CUSTOM_ELEMENTS'` |
|
|
28
|
+
| `gridHeaderDynamicSearchSlotId` | `grid-header-dynamic-search-slot-id` | Define o nome do slot para a aba de pesquisa no cabeçalho da grade. | `string` | `'GRID_HEADER_DYNAMIC_SEARCH'` |
|
|
29
|
+
| `gridLegacyConfigName` | `grid-legacy-config-name` | Chave da configuração legada da grade. | `string` | `undefined` |
|
|
30
|
+
| `hideGridTaskbar` | `hide-grid-taskbar` | Oculta a barra de tarefas interna da grade. | `boolean` | `false` |
|
|
31
|
+
| `hideHeader` | `hide-header` | Oculta o cabeçalho da grade (filtros e taskbar superior). | `boolean` | `false` |
|
|
32
|
+
| `hidePagination` | `hide-pagination` | Oculta a paginação da grade. | `boolean` | `false` |
|
|
33
|
+
| `isDetail` | `is-detail` | Determina se a grade está vinculada a um detalhe de outra tela. | `boolean` | `undefined` |
|
|
34
|
+
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder` | `undefined` |
|
|
35
|
+
| `multipleEditionEnabled` | `multiple-edition-enabled` | Habilita a edição de múltiplos registros simultaneamente. | `boolean` | `true` |
|
|
36
|
+
| `multipleSelection` | `multiple-selection` | Determina se a seleção de múltiplas linhas é permitida. | `boolean` | `undefined` |
|
|
37
|
+
| `outlineMode` | `outline-mode` | Altera a aparência das bordas e sombras do componente. Se `false`, aplica o padrão de sombras (ideal para o elemento principal do layout). Se `true`, aplica um contorno (ideal para quando o componente está dentro de outro, como um painel ou pop-up). | `boolean` | `false` |
|
|
38
|
+
| `paginationCounterMode` | `pagination-counter-mode` | Define o modo de exibição do contador de paginação. | `"auto" \| "hidden" \| "show"` | `'auto'` |
|
|
39
|
+
| `presentationMode` | `presentation-mode` | Altera o modo de apresentação dos botões do `snk-taskbar`. | `PresentationMode.PRIMARY \| PresentationMode.SECONDARY \| PresentationMode.SINGLE_TASKBAR` | `PresentationMode.PRIMARY` |
|
|
40
|
+
| `recordsValidator` | -- | Validador responsável por verificar a integridade dos dados de um registro. | `IRecordValidator` | `undefined` |
|
|
41
|
+
| `resourceID` | `resource-i-d` | Identificador de recursos, como configurações e permissões de acesso. | `string` | `undefined` |
|
|
42
|
+
| `selectionToastConfig` | -- | Configuração do toast de seleção da grade. | `ISelectionToastConfig` | `undefined` |
|
|
43
|
+
| `statusResolver` | -- | Define a configuração de cores para a coluna de status. | `((data: object) => string) \| IStatusResolver` | `undefined` |
|
|
44
|
+
| `strategyExporter` | `strategy-exporter` | Define o modo de exportação dos dados. | `"ClientSideExporterStrategy" \| "ServerSideExporterStrategy"` | `ExporterStrategy.SERVER_SIDE` |
|
|
45
|
+
| `suppressCheckboxColumn` | `suppress-checkbox-column` | Informa se a coluna de checkbox deve ser suprimida. | `boolean` | `undefined` |
|
|
46
|
+
| `suppressFilterColumn` | `suppress-filter-column` | Informa se a grade deve suprimir o filtro de coluna. | `boolean` | `false` |
|
|
47
|
+
| `suppressHorizontalScroll` | `suppress-horizontal-scroll` | Define se a grade deve suprimir a barra de rolagem horizontal. | `boolean` | `false` |
|
|
48
|
+
| `taskbarCustomContainerId` | `taskbar-custom-container-id` | Define o identificador do contêiner de elementos customizados da `Taskbar`. | `string` | `undefined` |
|
|
49
|
+
| `taskbarManager` | -- | Gerenciador das barras de tarefas. Permite determinar botões específicos ou gerenciar o estado dos botões. | `TaskbarManager` | `undefined` |
|
|
50
|
+
| `topTaskbarCustomSlotId` | `top-taskbar-custom-slot-id` | Define o nome do slot para elementos customizados na `Taskbar` principal do componente. | `string` | `'GRID_TASKBAR_CUSTOM_ELEMENTS'` |
|
|
51
|
+
| `useEnterLikeTab` | `use-enter-like-tab` | Quando `true`, a tecla ENTER navega entre as células como a tecla TAB. | `boolean` | `false` |
|
|
52
|
+
| `useSearchColumn` | `use-search-column` | Define se a grade deve exibir um buscador de colunas ao pressionar `Ctrl+F`. | `boolean` | `true` |
|
|
50
53
|
|
|
51
54
|
|
|
52
55
|
## Events
|
|
@@ -96,6 +99,16 @@ Uma promessa que é resolvida quando o renderizador é registrado.
|
|
|
96
99
|
|
|
97
100
|
---
|
|
98
101
|
|
|
102
|
+
### `filterColumns(search: string) => Promise<EzGridColumn[]>`
|
|
103
|
+
|
|
104
|
+
Usa um argumento para filtrar as colunas por label
|
|
105
|
+
|
|
106
|
+
#### Returns
|
|
107
|
+
|
|
108
|
+
Type: `Promise<EzGridColumn[]>`
|
|
109
|
+
|
|
110
|
+
---
|
|
111
|
+
|
|
99
112
|
### `getFilterBar() => Promise<HTMLSnkFilterBarElement>`
|
|
100
113
|
|
|
101
114
|
Retorna o elemento da barra de filtros da grade.
|
|
@@ -108,6 +121,16 @@ O elemento da barra de filtros.
|
|
|
108
121
|
|
|
109
122
|
---
|
|
110
123
|
|
|
124
|
+
### `handlePageChange() => Promise<void>`
|
|
125
|
+
|
|
126
|
+
Manipula a mudança de página da grid.
|
|
127
|
+
|
|
128
|
+
#### Returns
|
|
129
|
+
|
|
130
|
+
Type: `Promise<void>`
|
|
131
|
+
|
|
132
|
+
---
|
|
133
|
+
|
|
111
134
|
### `hideConfig() => Promise<void>`
|
|
112
135
|
|
|
113
136
|
Fecha a janela de configurações da grade.
|
|
@@ -120,6 +143,16 @@ Uma promessa que é resolvida quando a janela de configuração é fechada.
|
|
|
120
143
|
|
|
121
144
|
---
|
|
122
145
|
|
|
146
|
+
### `locateColumn(columnName: string) => Promise<void>`
|
|
147
|
+
|
|
148
|
+
Localiza determinada coluna tornando-a visível.
|
|
149
|
+
|
|
150
|
+
#### Returns
|
|
151
|
+
|
|
152
|
+
Type: `Promise<void>`
|
|
153
|
+
|
|
154
|
+
---
|
|
155
|
+
|
|
123
156
|
### `refreshColumnFilterDataSource() => Promise<void>`
|
|
124
157
|
|
|
125
158
|
|
|
@@ -241,6 +274,7 @@ graph TD;
|
|
|
241
274
|
snk-expression-item --> snk-filter-param-config
|
|
242
275
|
snk-filter-modal --> snk-filter-modal-item
|
|
243
276
|
snk-filter-modal --> snk-default-filter
|
|
277
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
244
278
|
snk-taskbar --> snk-data-exporter
|
|
245
279
|
snk-taskbar --> snk-actions-button
|
|
246
280
|
snk-taskbar --> taskbar-split-button
|
|
@@ -7,13 +7,15 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `columns`
|
|
13
|
-
| `config`
|
|
14
|
-
| `configName`
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------------- | ---------------- | ------------------------------------------------ | ---------------- | ----------- |
|
|
12
|
+
| `columns` | -- | Colunas da grade. | `EzGridColumn[]` | `[]` |
|
|
13
|
+
| `config` | -- | Configurações da grade. | `IGridConfig` | `undefined` |
|
|
14
|
+
| `configName` | `config-name` | Nome usado para salvar/recuperar a configuração. | `string` | `undefined` |
|
|
15
|
+
| `metadata` | -- | Define a propriedade metadata da instância | `UnitMetadata` | `undefined` |
|
|
16
|
+
| `originalColumns` | -- | Lista de Colunas original. | `EzGridColumn[]` | `[]` |
|
|
17
|
+
| `resourceID` | `resource-i-d` | Nome usado para salvar/recuperar a configuração. | `string` | `undefined` |
|
|
18
|
+
| `selectedIndex` | `selected-index` | Aba selecionada das configurações da grade. | `number` | `0` |
|
|
17
19
|
|
|
18
20
|
|
|
19
21
|
## Events
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
# snk-image-input
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------ | ------------- | ----------------------------------------------- | ---------- | ----------- |
|
|
12
|
+
| `acceptType` | `accept-type` | Tipos MIME aceitos (separados por vírgula) | `string` | `undefined` |
|
|
13
|
+
| `dataUnit` | -- | DataUnit associado ao componente | `DataUnit` | `undefined` |
|
|
14
|
+
| `enabled` | `enabled` | Define se está habilitado | `boolean` | `true` |
|
|
15
|
+
| `entityName` | `entity-name` | Nome da entidade (usado quando não há DataUnit) | `string` | `undefined` |
|
|
16
|
+
| `fieldName` | `field-name` | Nome do campo no DataUnit | `string` | `undefined` |
|
|
17
|
+
| `label` | `label` | Label do componente | `string` | `undefined` |
|
|
18
|
+
| `maxSize` | `max-size` | Tamanho máximo do arquivo em KB | `number` | `undefined` |
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
## Events
|
|
22
|
+
|
|
23
|
+
| Event | Description | Type |
|
|
24
|
+
| ------------ | ------------------------------- | --------------------- |
|
|
25
|
+
| `imageError` | Evento disparado quando há erro | `CustomEvent<string>` |
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
## Methods
|
|
29
|
+
|
|
30
|
+
### `reloadImage(pks?: Record<string, any>) => Promise<void>`
|
|
31
|
+
|
|
32
|
+
Força o reload da imagem
|
|
33
|
+
|
|
34
|
+
#### Returns
|
|
35
|
+
|
|
36
|
+
Type: `Promise<void>`
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
## Dependencies
|
|
42
|
+
|
|
43
|
+
### Used by
|
|
44
|
+
|
|
45
|
+
- [snk-form-view](../snk-crud/subcomponents)
|
|
46
|
+
|
|
47
|
+
### Graph
|
|
48
|
+
```mermaid
|
|
49
|
+
graph TD;
|
|
50
|
+
snk-form-view --> snk-image-input
|
|
51
|
+
style snk-image-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
----------------------------------------------
|
|
55
|
+
|
|
56
|
+
|
|
@@ -26,13 +26,11 @@
|
|
|
26
26
|
|
|
27
27
|
### Used by
|
|
28
28
|
|
|
29
|
-
- [snk-attach](../snk-attach)
|
|
30
29
|
- [snk-personalized-filter](../snk-personalized-filter)
|
|
31
30
|
|
|
32
31
|
### Graph
|
|
33
32
|
```mermaid
|
|
34
33
|
graph TD;
|
|
35
|
-
snk-attach --> snk-simple-bar
|
|
36
34
|
snk-personalized-filter --> snk-simple-bar
|
|
37
35
|
style snk-simple-bar fill:#f9f,stroke:#333,stroke-width:4px
|
|
38
36
|
```
|
|
@@ -7,38 +7,39 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| ------------------------------- | ----------------------------------- |
|
|
12
|
-
| `actionsList` | -- |
|
|
13
|
-
| `autoFocus` | `auto-focus` |
|
|
14
|
-
| `autoLoad` | `auto-load` |
|
|
15
|
-
| `configName` | `config-name` |
|
|
16
|
-
| `dataState` | -- |
|
|
17
|
-
| `dataUnit` | -- |
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
23
|
-
| `
|
|
24
|
-
| `
|
|
25
|
-
| `
|
|
26
|
-
| `
|
|
27
|
-
| `
|
|
28
|
-
| `
|
|
29
|
-
| `
|
|
30
|
-
| `
|
|
31
|
-
| `
|
|
32
|
-
| `
|
|
33
|
-
| `
|
|
34
|
-
| `
|
|
35
|
-
| `
|
|
36
|
-
| `
|
|
37
|
-
| `
|
|
38
|
-
| `
|
|
39
|
-
| `
|
|
40
|
-
| `
|
|
41
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------------- | ----------------------------------- | ----------------------------- | ------------------------------------------------------- | ------------------------- |
|
|
12
|
+
| `actionsList` | -- | | `Action[]` | `undefined` |
|
|
13
|
+
| `autoFocus` | `auto-focus` | | `boolean` | `true` |
|
|
14
|
+
| `autoLoad` | `auto-load` | | `boolean` | `undefined` |
|
|
15
|
+
| `configName` | `config-name` | | `string` | `undefined` |
|
|
16
|
+
| `dataState` | -- | | `DataState` | `undefined` |
|
|
17
|
+
| `dataUnit` | -- | | `DataUnit` | `undefined` |
|
|
18
|
+
| `disableGridEdition` | `disable-grid-edition` | Desabilita a edição na grade. | `boolean` | `false` |
|
|
19
|
+
| `domainMessagesBuilder` | `domain-messages-builder` | | `string` | `undefined` |
|
|
20
|
+
| `enableContinuousInsert` | `enable-continuous-insert` | | `boolean` | `false` |
|
|
21
|
+
| `enableGridInsert` | `enable-grid-insert` | | `boolean` | `false` |
|
|
22
|
+
| `enableLockManagerLoadingComp` | `enable-lock-manager-loading-comp` | | `boolean` | `false` |
|
|
23
|
+
| `enableLockManagerTaskbarClick` | `enable-lock-manager-taskbar-click` | | `boolean` | `false` |
|
|
24
|
+
| `entityName` | `entity-name` | | `string` | `undefined` |
|
|
25
|
+
| `formConfig` | -- | | `IFormConfig` | `undefined` |
|
|
26
|
+
| `formLegacyConfigName` | `form-legacy-config-name` | | `string` | `undefined` |
|
|
27
|
+
| `gridConfig` | -- | | `IGridConfig` | `undefined` |
|
|
28
|
+
| `gridLegacyConfigName` | `grid-legacy-config-name` | | `string` | `undefined` |
|
|
29
|
+
| `ignoreReadOnlyFormFields` | `ignore-read-only-form-fields` | | `boolean` | `false` |
|
|
30
|
+
| `layoutFormConfig` | `layout-form-config` | | `boolean` | `true` |
|
|
31
|
+
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
32
|
+
| `mode` | `mode` | | `SIMPLE_CRUD_MODE.IN_MEMORY \| SIMPLE_CRUD_MODE.SERVER` | `SIMPLE_CRUD_MODE.SERVER` |
|
|
33
|
+
| `multipleEditionEnabled` | `multiple-edition-enabled` | | `boolean` | `true` |
|
|
34
|
+
| `multipleSelection` | `multiple-selection` | | `boolean` | `undefined` |
|
|
35
|
+
| `outlineMode` | `outline-mode` | | `boolean` | `false` |
|
|
36
|
+
| `pageSize` | `page-size` | | `number` | `150` |
|
|
37
|
+
| `paginationCounterMode` | `pagination-counter-mode` | | `"auto" \| "hidden" \| "show"` | `'auto'` |
|
|
38
|
+
| `resourceID` | `resource-i-d` | | `string` | `undefined` |
|
|
39
|
+
| `showConfiguratorButtons` | `show-configurator-buttons` | | `boolean` | `false` |
|
|
40
|
+
| `taskbarManager` | -- | | `TaskbarManager` | `undefined` |
|
|
41
|
+
| `useCancelConfirm` | `use-cancel-confirm` | | `boolean` | `true` |
|
|
42
|
+
| `useEnterLikeTab` | `use-enter-like-tab` | | `boolean` | `false` |
|
|
42
43
|
|
|
43
44
|
|
|
44
45
|
## Events
|
|
@@ -208,6 +209,7 @@ graph TD;
|
|
|
208
209
|
snk-simple-crud --> snk-actions-button
|
|
209
210
|
snk-simple-crud --> taskbar-split-button
|
|
210
211
|
snk-simple-crud --> taskbar-actions-button
|
|
212
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
211
213
|
snk-taskbar --> snk-data-exporter
|
|
212
214
|
snk-taskbar --> snk-actions-button
|
|
213
215
|
snk-taskbar --> taskbar-split-button
|
|
@@ -7,11 +7,12 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| --------- | --------- |
|
|
12
|
-
| `actions` | -- | Define a lista de ações.
|
|
13
|
-
| `enabled` | `enabled` | Se false o usuário não pode interagir com o componente.
|
|
14
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------- | --------- | -------------------------------------------------------------------- | -------------------------------- | ----------- |
|
|
12
|
+
| `actions` | -- | Define a lista de ações. | `Action[]` | `undefined` |
|
|
13
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o componente. | `boolean` | `undefined` |
|
|
14
|
+
| `size` | `size` | Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
15
|
+
| `title` | `title` | Texto que será exibido no botão | `string` | `undefined` |
|
|
15
16
|
|
|
16
17
|
|
|
17
18
|
## Events
|
|
@@ -7,16 +7,17 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| --------------- | ----------------- | -------------------------------------------------------------------------- |
|
|
12
|
-
| `action` | -- | Função de callback acionada ao clicar no botão principal. | `(name: string) => void`
|
|
13
|
-
| `actions` | -- | Define a lista de ações disponíveis no dropdown do botão. | `Action[]`
|
|
14
|
-
| `className` | `class-name` | Classe CSS personalizada para estilizar o botão. | `string`
|
|
15
|
-
| `dataElementId` | `data-element-id` | Identificador de elemento para fins de rastreamento e automação de testes. | `string`
|
|
16
|
-
| `enabled` | `enabled` | Se false o usuário não pode interagir com o componente. | `boolean`
|
|
17
|
-
| `iconName` | `icon-name` | Nome do ícone a ser exibido no botão. | `string`
|
|
18
|
-
| `name` | `name` | Nome identificador da ação do botão. | `string`
|
|
19
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------------- | ----------------- | -------------------------------------------------------------------------- | -------------------------------- | ----------- |
|
|
12
|
+
| `action` | -- | Função de callback acionada ao clicar no botão principal. | `(name: string) => void` | `undefined` |
|
|
13
|
+
| `actions` | -- | Define a lista de ações disponíveis no dropdown do botão. | `Action[]` | `undefined` |
|
|
14
|
+
| `className` | `class-name` | Classe CSS personalizada para estilizar o botão. | `string` | `undefined` |
|
|
15
|
+
| `dataElementId` | `data-element-id` | Identificador de elemento para fins de rastreamento e automação de testes. | `string` | `undefined` |
|
|
16
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o componente. | `boolean` | `undefined` |
|
|
17
|
+
| `iconName` | `icon-name` | Nome do ícone a ser exibido no botão. | `string` | `undefined` |
|
|
18
|
+
| `name` | `name` | Nome identificador da ação do botão. | `string` | `undefined` |
|
|
19
|
+
| `size` | `size` | Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
20
|
+
| `title` | `title` | Texto que será exibido no botão. | `string` | `undefined` |
|
|
20
21
|
|
|
21
22
|
|
|
22
23
|
## Dependencies
|
|
@@ -15,16 +15,19 @@
|
|
|
15
15
|
| `alignRigth` | `align-rigth` | | `boolean` | `false` |
|
|
16
16
|
| `buttons` | `buttons` | | `string` | `undefined` |
|
|
17
17
|
| `configName` | `config-name` | | `string` | `undefined` |
|
|
18
|
+
| `customActionsList` | -- | | `Action[]` | `undefined` |
|
|
18
19
|
| `customButtons` | -- | | `Map<string, CustomButton>` | `undefined` |
|
|
19
20
|
| `customContainerId` | `custom-container-id` | | `string` | `undefined` |
|
|
20
21
|
| `customSlotId` | `custom-slot-id` | | `string` | `"TASKBAR_CUSTOM_ELEMENTS"` |
|
|
21
22
|
| `dataUnit` | -- | | `DataUnit` | `undefined` |
|
|
23
|
+
| `disableSkeleton` | `disable-skeleton` | | `boolean` | `false` |
|
|
22
24
|
| `disabledButtons` | -- | | `string[]` | `undefined` |
|
|
23
25
|
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
24
26
|
| `overflowStrategy` | `overflow-strategy` | | `"hiddenItems" \| "none"` | `'hiddenItems'` |
|
|
25
27
|
| `presentationMode` | `presentation-mode` | | `PresentationMode.PRIMARY \| PresentationMode.SECONDARY \| PresentationMode.SINGLE_TASKBAR` | `PresentationMode.PRIMARY` |
|
|
26
28
|
| `primaryButton` | `primary-button` | | `string` | `undefined` |
|
|
27
29
|
| `resourceID` | `resource-i-d` | | `string` | `undefined` |
|
|
30
|
+
| `sizeButtons` | `size-buttons` | | `"large" \| "medium" \| "small"` | `'small'` |
|
|
28
31
|
|
|
29
32
|
|
|
30
33
|
## Events
|
|
@@ -40,13 +43,14 @@
|
|
|
40
43
|
|
|
41
44
|
### Used by
|
|
42
45
|
|
|
46
|
+
- [snk-crud](../snk-crud)
|
|
43
47
|
- [snk-detail-view](../snk-crud/subcomponents/snk-detail-view)
|
|
44
48
|
- [snk-grid](../snk-grid)
|
|
45
|
-
- [snk-guides-viewer](../snk-crud/subcomponents)
|
|
46
49
|
- [snk-simple-crud](../snk-simple-crud)
|
|
47
50
|
|
|
48
51
|
### Depends on
|
|
49
52
|
|
|
53
|
+
- [snk-taskbar-skeleton](subcomponents)
|
|
50
54
|
- [snk-data-exporter](../snk-data-exporter)
|
|
51
55
|
- [snk-actions-button](../snk-actions-button)
|
|
52
56
|
- [taskbar-split-button](./elements/taskbar-split-button)
|
|
@@ -55,14 +59,15 @@
|
|
|
55
59
|
### Graph
|
|
56
60
|
```mermaid
|
|
57
61
|
graph TD;
|
|
62
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
58
63
|
snk-taskbar --> snk-data-exporter
|
|
59
64
|
snk-taskbar --> snk-actions-button
|
|
60
65
|
snk-taskbar --> taskbar-split-button
|
|
61
66
|
snk-taskbar --> taskbar-actions-button
|
|
62
67
|
snk-data-exporter --> snk-exporter-email-sender
|
|
68
|
+
snk-crud --> snk-taskbar
|
|
63
69
|
snk-detail-view --> snk-taskbar
|
|
64
70
|
snk-grid --> snk-taskbar
|
|
65
|
-
snk-guides-viewer --> snk-taskbar
|
|
66
71
|
snk-simple-crud --> snk-taskbar
|
|
67
72
|
style snk-taskbar fill:#f9f,stroke:#333,stroke-width:4px
|
|
68
73
|
```
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
# snk-taskbar-skeleton
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Dependencies
|
|
9
|
+
|
|
10
|
+
### Used by
|
|
11
|
+
|
|
12
|
+
- [snk-taskbar](..)
|
|
13
|
+
|
|
14
|
+
### Graph
|
|
15
|
+
```mermaid
|
|
16
|
+
graph TD;
|
|
17
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
18
|
+
style snk-taskbar-skeleton fill:#f9f,stroke:#333,stroke-width:4px
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
----------------------------------------------
|
|
22
|
+
|
|
23
|
+
|