@sankhyalabs/ezui-docs 6.3.3 → 6.4.0-dev.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/components/ez-actions-button/readme.md +2 -2
  2. package/components/ez-avatar/readme.md +1 -0
  3. package/components/ez-button/readme.md +29 -15
  4. package/components/ez-calendar/readme.md +3 -3
  5. package/components/ez-check/readme.md +3 -1
  6. package/components/ez-chip/readme.md +30 -22
  7. package/components/ez-classic-input/readme.md +1 -1
  8. package/components/ez-classic-text-area/readme.md +1 -1
  9. package/components/ez-collapsible-box/readme.md +2 -2
  10. package/components/ez-combo-box/ez-combo-box-list/readme.md +13 -13
  11. package/components/ez-combo-box/readme.md +27 -26
  12. package/components/ez-date-input/readme.md +3 -3
  13. package/components/ez-date-time-input/readme.md +3 -3
  14. package/components/ez-filter-input/readme.md +4 -4
  15. package/components/ez-form/readme.md +27 -2
  16. package/components/ez-form-view/custom-input/readme.md +2 -2
  17. package/components/ez-form-view/readme.md +28 -2
  18. package/components/ez-grid/readme.md +18 -18
  19. package/components/ez-grid/subcomponents/readme.md +1 -1
  20. package/components/ez-guide-navigator/readme.md +8 -6
  21. package/components/ez-icon/readme.md +8 -0
  22. package/components/ez-list/readme.md +5 -5
  23. package/components/ez-list-item/readme.md +43 -0
  24. package/components/ez-loading-bar/readme.md +1 -1
  25. package/components/ez-modal-container/readme.md +7 -0
  26. package/components/ez-number-input/readme.md +3 -3
  27. package/components/ez-popover/readme.md +3 -3
  28. package/components/ez-popover-plus/readme.md +5 -5
  29. package/components/ez-popover-plus/subcomponent/readme.md +5 -5
  30. package/components/ez-popup/readme.md +15 -0
  31. package/components/ez-rich-text/ez-link-builder/readme.md +69 -0
  32. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-arrows/readme.md +29 -0
  33. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-configs/readme.md +29 -0
  34. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item/readme.md +49 -0
  35. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-letters/readme.md +29 -0
  36. package/components/ez-rich-text/ez-rich-toolbar/readme.md +54 -0
  37. package/components/ez-rich-text/ez-simple-image-uploader/readme.md +78 -0
  38. package/components/ez-rich-text/readme.md +121 -0
  39. package/components/ez-search/readme.md +4 -4
  40. package/components/ez-search/subcomponent/search-list/readme.md +1 -1
  41. package/components/ez-search-plus/readme.md +4 -4
  42. package/components/ez-search-plus/subcomponent/ez-search-result-list/readme.md +3 -3
  43. package/components/ez-sidebar-navigator/readme.md +2 -2
  44. package/components/ez-sortable-list/readme.md +16 -16
  45. package/components/ez-split-button/readme.md +17 -17
  46. package/components/ez-text-area/readme.md +19 -5
  47. package/components/ez-text-input/readme.md +6 -2
  48. package/components/ez-tile/readme.md +1 -1
  49. package/components/ez-tile-medium/readme.md +1 -1
  50. package/components/ez-time-input/readme.md +2 -2
  51. package/components/ez-tooltip/readme.md +6 -0
  52. package/components/ez-tree/readme.md +28 -6
  53. package/components/ez-upload/readme.md +2 -2
  54. package/components/ez-view-stack/readme.md +1 -1
  55. package/package.json +1 -1
@@ -0,0 +1,29 @@
1
+ # ez-rich-toolbar-arrows
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Dependencies
9
+
10
+ ### Used by
11
+
12
+ - [ez-rich-toolbar](..)
13
+
14
+ ### Depends on
15
+
16
+ - [ez-rich-toolbar-item](../ez-rich-toolbar-item)
17
+
18
+ ### Graph
19
+ ```mermaid
20
+ graph TD;
21
+ ez-rich-toolbar-arrows --> ez-rich-toolbar-item
22
+ ez-rich-toolbar-item --> ez-icon
23
+ ez-rich-toolbar --> ez-rich-toolbar-arrows
24
+ style ez-rich-toolbar-arrows fill:#f9f,stroke:#333,stroke-width:4px
25
+ ```
26
+
27
+ ----------------------------------------------
28
+
29
+
@@ -0,0 +1,29 @@
1
+ # ez-rich-toolbar-configs
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Dependencies
9
+
10
+ ### Used by
11
+
12
+ - [ez-rich-toolbar](..)
13
+
14
+ ### Depends on
15
+
16
+ - [ez-rich-toolbar-item](../ez-rich-toolbar-item)
17
+
18
+ ### Graph
19
+ ```mermaid
20
+ graph TD;
21
+ ez-rich-toolbar-configs --> ez-rich-toolbar-item
22
+ ez-rich-toolbar-item --> ez-icon
23
+ ez-rich-toolbar --> ez-rich-toolbar-configs
24
+ style ez-rich-toolbar-configs fill:#f9f,stroke:#333,stroke-width:4px
25
+ ```
26
+
27
+ ----------------------------------------------
28
+
29
+
@@ -0,0 +1,49 @@
1
+ # ez-rich-toolbar-item
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | --------- | --------- | ----------- | -------- | ----------- |
12
+ | `command` | `command` | | `string` | `undefined` |
13
+ | `icon` | `icon` | | `string` | `undefined` |
14
+ | `title` | `title` | | `string` | `undefined` |
15
+ | `value` | `value` | | `string` | `undefined` |
16
+
17
+
18
+ ## Events
19
+
20
+ | Event | Description | Type |
21
+ | ----------------- | ----------- | --------------------------------- |
22
+ | `actionTriggered` | | `CustomEvent<RichToolbarCommand>` |
23
+
24
+
25
+ ## Dependencies
26
+
27
+ ### Used by
28
+
29
+ - [ez-rich-toolbar-arrows](../ez-rich-toolbar-arrows)
30
+ - [ez-rich-toolbar-configs](../ez-rich-toolbar-configs)
31
+ - [ez-rich-toolbar-letters](../ez-rich-toolbar-letters)
32
+
33
+ ### Depends on
34
+
35
+ - [ez-icon](../../../ez-icon)
36
+
37
+ ### Graph
38
+ ```mermaid
39
+ graph TD;
40
+ ez-rich-toolbar-item --> ez-icon
41
+ ez-rich-toolbar-arrows --> ez-rich-toolbar-item
42
+ ez-rich-toolbar-configs --> ez-rich-toolbar-item
43
+ ez-rich-toolbar-letters --> ez-rich-toolbar-item
44
+ style ez-rich-toolbar-item fill:#f9f,stroke:#333,stroke-width:4px
45
+ ```
46
+
47
+ ----------------------------------------------
48
+
49
+
@@ -0,0 +1,29 @@
1
+ # ez-rich-toolbar-letters
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Dependencies
9
+
10
+ ### Used by
11
+
12
+ - [ez-rich-toolbar](..)
13
+
14
+ ### Depends on
15
+
16
+ - [ez-rich-toolbar-item](../ez-rich-toolbar-item)
17
+
18
+ ### Graph
19
+ ```mermaid
20
+ graph TD;
21
+ ez-rich-toolbar-letters --> ez-rich-toolbar-item
22
+ ez-rich-toolbar-item --> ez-icon
23
+ ez-rich-toolbar --> ez-rich-toolbar-letters
24
+ style ez-rich-toolbar-letters fill:#f9f,stroke:#333,stroke-width:4px
25
+ ```
26
+
27
+ ----------------------------------------------
28
+
29
+
@@ -0,0 +1,54 @@
1
+ # ez-rich-toolbar
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ---------------- | ------------------ | --------------------------------------------------------------------------------------------------- | --------- | ------- |
12
+ | `isPreviewMode` | `is-preview-mode` | Informa se o editor está em modo preview. | `boolean` | `false` |
13
+ | `showConfigs` | `show-configs` | Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas. | `boolean` | `true` |
14
+ | `showPreview` | `show-preview` | Informa se as opções a opção de pré-visualização deve ser apresentada. | `boolean` | `true` |
15
+ | `showTextFormat` | `show-text-format` | Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas. | `boolean` | `true` |
16
+ | `showUndoRedo` | `show-undo-redo` | Informa se as opções de desfazer e refazer devem ser apresentadas. | `boolean` | `true` |
17
+
18
+
19
+ ## Events
20
+
21
+ | Event | Description | Type |
22
+ | ----------------------- | ----------- | --------------------------------- |
23
+ | `executeToolbarCommand` | | `CustomEvent<RichToolbarCommand>` |
24
+
25
+
26
+ ## Dependencies
27
+
28
+ ### Used by
29
+
30
+ - [ez-rich-text](..)
31
+
32
+ ### Depends on
33
+
34
+ - [ez-rich-toolbar-arrows](ez-rich-toolbar-arrows)
35
+ - [ez-rich-toolbar-letters](ez-rich-toolbar-letters)
36
+ - [ez-rich-toolbar-configs](ez-rich-toolbar-configs)
37
+
38
+ ### Graph
39
+ ```mermaid
40
+ graph TD;
41
+ ez-rich-toolbar --> ez-rich-toolbar-arrows
42
+ ez-rich-toolbar --> ez-rich-toolbar-letters
43
+ ez-rich-toolbar --> ez-rich-toolbar-configs
44
+ ez-rich-toolbar-arrows --> ez-rich-toolbar-item
45
+ ez-rich-toolbar-item --> ez-icon
46
+ ez-rich-toolbar-letters --> ez-rich-toolbar-item
47
+ ez-rich-toolbar-configs --> ez-rich-toolbar-item
48
+ ez-rich-text --> ez-rich-toolbar
49
+ style ez-rich-toolbar fill:#f9f,stroke:#333,stroke-width:4px
50
+ ```
51
+
52
+ ----------------------------------------------
53
+
54
+
@@ -0,0 +1,78 @@
1
+ # ez-simple-image-uploader
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | --------- | ---------- | ---------------------------------------------------- | -------- | ------- |
12
+ | `maxSize` | `max-size` | Tamanho máximo que a imagem poderá ter em kilobytes. | `number` | `500` |
13
+
14
+
15
+ ## Events
16
+
17
+ | Event | Description | Type |
18
+ | ----------------------- | ----------- | --------------------------------- |
19
+ | `executeToolbarCommand` | | `CustomEvent<RichToolbarCommand>` |
20
+
21
+
22
+ ## Methods
23
+
24
+ ### `hide() => Promise<void>`
25
+
26
+ Método responsável pelo fechamento do popup.
27
+
28
+ #### Returns
29
+
30
+ Type: `Promise<void>`
31
+
32
+ ---
33
+
34
+ ### `show() => Promise<void>`
35
+
36
+ Método responsável pela abertura do popup.
37
+
38
+ #### Returns
39
+
40
+ Type: `Promise<void>`
41
+
42
+
43
+
44
+
45
+ ## Dependencies
46
+
47
+ ### Used by
48
+
49
+ - [ez-rich-text](..)
50
+
51
+ ### Depends on
52
+
53
+ - [ez-popup](../../ez-popup)
54
+ - [ez-modal-container](../../ez-modal-container)
55
+ - [ez-tooltip](../../ez-tooltip)
56
+ - [ez-text-input](../../ez-text-input)
57
+ - [ez-icon](../../ez-icon)
58
+
59
+ ### Graph
60
+ ```mermaid
61
+ graph TD;
62
+ ez-simple-image-uploader --> ez-popup
63
+ ez-simple-image-uploader --> ez-modal-container
64
+ ez-simple-image-uploader --> ez-tooltip
65
+ ez-simple-image-uploader --> ez-text-input
66
+ ez-simple-image-uploader --> ez-icon
67
+ ez-modal-container --> ez-icon
68
+ ez-modal-container --> ez-button
69
+ ez-button --> ez-icon
70
+ ez-text-input --> ez-tooltip
71
+ ez-text-input --> ez-icon
72
+ ez-rich-text --> ez-simple-image-uploader
73
+ style ez-simple-image-uploader fill:#f9f,stroke:#333,stroke-width:4px
74
+ ```
75
+
76
+ ----------------------------------------------
77
+
78
+
@@ -0,0 +1,121 @@
1
+ # ez-rich-text
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ---------------- | ------------------ | -------------------------------------------------------------------------------------------------- | --------------------- | ----------- |
12
+ | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
13
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
14
+ | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
15
+ | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
16
+ | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
17
+ | `rows` | `rows` | Define o número de linhas. | `number` | `6` |
18
+ | `showConfigs` | `show-configs` | Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas | `boolean` | `true` |
19
+ | `showPreview` | `show-preview` | Informa se as opções a opção de pré-visualização deve ser apresentada. | `boolean` | `true` |
20
+ | `showTextFormat` | `show-text-format` | Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas | `boolean` | `true` |
21
+ | `showUndoRedo` | `show-undo-redo` | Informa se as opções de desfazer e refazer devem ser habilitadas. | `boolean` | `true` |
22
+ | `value` | `value` | Define o valor HTML do campo. | `string` | `''` |
23
+
24
+
25
+ ## Events
26
+
27
+ | Event | Description | Type |
28
+ | ---------- | ------------------------------------------------------ | --------------------- |
29
+ | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<string>` |
30
+
31
+
32
+ ## Methods
33
+
34
+ ### `isInvalid() => Promise<boolean>`
35
+
36
+ Retorna se o conteúdo é inválido.
37
+
38
+ #### Returns
39
+
40
+ Type: `Promise<boolean>`
41
+
42
+ ---
43
+
44
+ ### `setBlur() => Promise<void>`
45
+
46
+ Remove o foco do campo.
47
+
48
+ #### Returns
49
+
50
+ Type: `Promise<void>`
51
+
52
+ ---
53
+
54
+ ### `setFocus() => Promise<void>`
55
+
56
+ Aplica o foco no campo.
57
+
58
+ #### Returns
59
+
60
+ Type: `Promise<void>`
61
+
62
+
63
+
64
+
65
+ ## Dependencies
66
+
67
+ ### Used by
68
+
69
+ - [ez-form-view](../ez-form-view)
70
+
71
+ ### Depends on
72
+
73
+ - [ez-text-area](../ez-text-area)
74
+ - [ez-rich-toolbar](ez-rich-toolbar)
75
+ - [ez-link-builder](ez-link-builder)
76
+ - [ez-simple-image-uploader](ez-simple-image-uploader)
77
+
78
+ ### Graph
79
+ ```mermaid
80
+ graph TD;
81
+ ez-rich-text --> ez-text-area
82
+ ez-rich-text --> ez-rich-toolbar
83
+ ez-rich-text --> ez-link-builder
84
+ ez-rich-text --> ez-simple-image-uploader
85
+ ez-text-area --> ez-tooltip
86
+ ez-text-area --> ez-icon
87
+ ez-rich-toolbar --> ez-rich-toolbar-arrows
88
+ ez-rich-toolbar --> ez-rich-toolbar-letters
89
+ ez-rich-toolbar --> ez-rich-toolbar-configs
90
+ ez-rich-toolbar-arrows --> ez-rich-toolbar-item
91
+ ez-rich-toolbar-item --> ez-icon
92
+ ez-rich-toolbar-letters --> ez-rich-toolbar-item
93
+ ez-rich-toolbar-configs --> ez-rich-toolbar-item
94
+ ez-link-builder --> ez-popup
95
+ ez-link-builder --> ez-modal-container
96
+ ez-link-builder --> ez-text-input
97
+ ez-link-builder --> ez-check
98
+ ez-modal-container --> ez-icon
99
+ ez-modal-container --> ez-button
100
+ ez-button --> ez-icon
101
+ ez-text-input --> ez-tooltip
102
+ ez-text-input --> ez-icon
103
+ ez-simple-image-uploader --> ez-popup
104
+ ez-simple-image-uploader --> ez-modal-container
105
+ ez-simple-image-uploader --> ez-tooltip
106
+ ez-simple-image-uploader --> ez-text-input
107
+ ez-simple-image-uploader --> ez-icon
108
+ ez-form-view --> ez-rich-text
109
+ style ez-rich-text fill:#f9f,stroke:#333,stroke-width:4px
110
+ ```
111
+
112
+ ----------------------------------------------
113
+
114
+
115
+
116
+
117
+ ## CSS Variables
118
+ | Variable | Description |
119
+ |-|-|
120
+ | --ez-rich-text--box-shadow | Define a sombra do header. |
121
+ | --ez-rich-text--shadow--outline | Define o outline usado como borda do header. |
@@ -50,7 +50,7 @@ Limpa o valor do campo de pesquisa
50
50
 
51
51
  Type: `Promise<void>`
52
52
 
53
-
53
+ ---
54
54
 
55
55
  ### `getValueAsync() => Promise<unknown>`
56
56
 
@@ -60,7 +60,7 @@ Type: `Promise<void>`
60
60
 
61
61
  Type: `Promise<unknown>`
62
62
 
63
-
63
+ ---
64
64
 
65
65
  ### `isInvalid() => Promise<boolean>`
66
66
 
@@ -70,7 +70,7 @@ Retorna se o conteúdo é inválido.
70
70
 
71
71
  Type: `Promise<boolean>`
72
72
 
73
-
73
+ ---
74
74
 
75
75
  ### `setBlur() => Promise<void>`
76
76
 
@@ -80,7 +80,7 @@ Remove o foco do campo.
80
80
 
81
81
  Type: `Promise<void>`
82
82
 
83
-
83
+ ---
84
84
 
85
85
  ### `setFocus(options?: TFocusOptions) => Promise<void>`
86
86
 
@@ -36,7 +36,7 @@
36
36
 
37
37
  Type: `Promise<void>`
38
38
 
39
-
39
+ ---
40
40
 
41
41
  ### `previousOption() => Promise<void>`
42
42
 
@@ -52,7 +52,7 @@ Limpa o valor do campo de pesquisa
52
52
 
53
53
  Type: `Promise<void>`
54
54
 
55
-
55
+ ---
56
56
 
57
57
  ### `getValueAsync() => Promise<IOption>`
58
58
 
@@ -63,7 +63,7 @@ ter sido resolvido pelo option loader quando necessário
63
63
 
64
64
  Type: `Promise<IOption>`
65
65
 
66
-
66
+ ---
67
67
 
68
68
  ### `isInvalid() => Promise<boolean>`
69
69
 
@@ -73,7 +73,7 @@ Retorna se o conteúdo é inválido.
73
73
 
74
74
  Type: `Promise<boolean>`
75
75
 
76
-
76
+ ---
77
77
 
78
78
  ### `setBlur() => Promise<void>`
79
79
 
@@ -83,7 +83,7 @@ Remove o foco do campo.
83
83
 
84
84
  Type: `Promise<void>`
85
85
 
86
-
86
+ ---
87
87
 
88
88
  ### `setFocus(options?: TFocusOptions) => Promise<void>`
89
89
 
@@ -32,7 +32,7 @@
32
32
 
33
33
  Type: `Promise<void>`
34
34
 
35
-
35
+ ---
36
36
 
37
37
  ### `nextOption() => Promise<void>`
38
38
 
@@ -42,7 +42,7 @@ Type: `Promise<void>`
42
42
 
43
43
  Type: `Promise<void>`
44
44
 
45
-
45
+ ---
46
46
 
47
47
  ### `previousOption() => Promise<void>`
48
48
 
@@ -52,7 +52,7 @@ Type: `Promise<void>`
52
52
 
53
53
  Type: `Promise<void>`
54
54
 
55
-
55
+ ---
56
56
 
57
57
  ### `selectCurrentItem() => Promise<void>`
58
58
 
@@ -35,7 +35,7 @@ Método para fixar/desafixar o menu, emitindo o evento ezChangeMode.
35
35
 
36
36
  Type: `Promise<void>`
37
37
 
38
-
38
+ ---
39
39
 
40
40
  ### `closeSidebar() => Promise<void>`
41
41
 
@@ -45,7 +45,7 @@ Método para fechar o menu automaticamente após uma ação, fluxo, etc.
45
45
 
46
46
  Type: `Promise<void>`
47
47
 
48
-
48
+ ---
49
49
 
50
50
  ### `openSidebar() => Promise<void>`
51
51
 
@@ -7,22 +7,22 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ------------------------ |
12
- | `dataSource` | -- | Lista de itens para serem renderizados | `ListItem[]` | `[]` |
13
- | `emptyMessage` | `empty-message` | Mensagem exibida quando a lista está vazia | `string` | `'Nenhum item na lista'` |
14
- | `enableMultipleSelection` | `enable-multiple-selection` | Habilita seleção de múltiplos itens utilizando as teclas 'Ctrl/Command' ou 'Shift' | `boolean` | `false` |
15
- | `entityLabel` | `entity-label` | Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa". | `string` | `'item'` |
16
- | `entityLabelPlural` | `entity-label-plural` | Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas". | `string` | `'itens'` |
17
- | `group` | `group` | Grupo ao qual o ez-sortable-list pertence | `string` | `'default'` |
18
- | `hideHeader` | `hide-header` | Define se o cabeçalho deve ficar oculto. | `boolean` | `false` |
19
- | `hideTotalizer` | `hide-totalizer` | Define se o totalizador deve ser escondido. | `boolean` | `false` |
20
- | `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar hover nos itens da lista | `boolean` | `true` |
21
- | `idSortableList` | `id-sortable-list` | ID do sortable list | `string` | `'DEFAULT_LIST'` |
22
- | `itemLeftSlotBuilder` | -- | Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
23
- | `itemRightSlotBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
24
- | `removeItensMoved` | `remove-itens-moved` | Remove itens arrastados de uma lista para outra | `boolean` | `false` |
25
- | `title` | `title` | Define o título da lista. | `string` | `undefined` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ---------------- |
12
+ | `dataSource` | -- | Lista de itens para serem renderizados | `ListItem[]` | `[]` |
13
+ | `emptyMessage` | `empty-message` | Mensagem exibida quando a lista está vazia | `string` | `undefined` |
14
+ | `enableMultipleSelection` | `enable-multiple-selection` | Habilita seleção de múltiplos itens utilizando as teclas 'Ctrl/Command' ou 'Shift' | `boolean` | `false` |
15
+ | `entityLabel` | `entity-label` | Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa". | `string` | `undefined` |
16
+ | `entityLabelPlural` | `entity-label-plural` | Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas". | `string` | `undefined` |
17
+ | `group` | `group` | Grupo ao qual o ez-sortable-list pertence | `string` | `'default'` |
18
+ | `hideHeader` | `hide-header` | Define se o cabeçalho deve ficar oculto. | `boolean` | `false` |
19
+ | `hideTotalizer` | `hide-totalizer` | Define se o totalizador deve ser escondido. | `boolean` | `false` |
20
+ | `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar hover nos itens da lista | `boolean` | `true` |
21
+ | `idSortableList` | `id-sortable-list` | ID do sortable list | `string` | `'DEFAULT_LIST'` |
22
+ | `itemLeftSlotBuilder` | -- | Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
23
+ | `itemRightSlotBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
24
+ | `removeItensMoved` | `remove-itens-moved` | Remove itens arrastados de uma lista para outra | `boolean` | `false` |
25
+ | `title` | `title` | Define o título da lista. | `string` | `undefined` |
26
26
 
27
27
 
28
28
  ## Events
@@ -7,19 +7,19 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------- | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | --------------- |
12
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o botão. | `boolean` | `true` |
13
- | `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `undefined` |
14
- | `image` | `image` | Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones. | `string` | `undefined` |
15
- | `itemBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: IDropdownItem, level: number) => string \| HTMLElement` | `undefined` |
16
- | `items` | -- | Define o conteúdo do dropdown. | `IDropdownItem[]` | `undefined` |
17
- | `label` | `label` | Texto a ser apresentado como label do botão. | `string` | `undefined` |
18
- | `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
19
- | `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
20
- | `rightTitle` | `right-title` | Texto a ser apresentado como title do botão dropdown | `string` | `'Mais opções'` |
21
- | `show` | `show` | | `boolean` | `false` |
22
- | `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------- | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | ----------- |
12
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o botão. | `boolean` | `true` |
13
+ | `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `undefined` |
14
+ | `image` | `image` | Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones. | `string` | `undefined` |
15
+ | `itemBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: IDropdownItem, level: number) => string \| HTMLElement` | `undefined` |
16
+ | `items` | -- | Define o conteúdo do dropdown. | `IDropdownItem[]` | `undefined` |
17
+ | `label` | `label` | Texto a ser apresentado como label do botão. | `string` | `undefined` |
18
+ | `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
19
+ | `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
20
+ | `rightTitle` | `right-title` | Texto a ser apresentado como title do botão dropdown | `string` | `undefined` |
21
+ | `show` | `show` | | `boolean` | `false` |
22
+ | `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'` |
23
23
 
24
24
 
25
25
  ## Events
@@ -41,7 +41,7 @@ Informa se a lista de ações está aberta.
41
41
 
42
42
  Type: `Promise<boolean>`
43
43
 
44
-
44
+ ---
45
45
 
46
46
  ### `setBlur() => Promise<void>`
47
47
 
@@ -51,7 +51,7 @@ Remove o foco de ambos os botões.
51
51
 
52
52
  Type: `Promise<void>`
53
53
 
54
-
54
+ ---
55
55
 
56
56
  ### `setLeftButtonFocus() => Promise<void>`
57
57
 
@@ -61,7 +61,7 @@ Aplica o foco no botão principal.
61
61
 
62
62
  Type: `Promise<void>`
63
63
 
64
-
64
+ ---
65
65
 
66
66
  ### `setRightButtonFocus() => Promise<void>`
67
67
 
@@ -71,7 +71,7 @@ Aplica o foco no botão do dropdown.
71
71
 
72
72
  Type: `Promise<void>`
73
73
 
74
-
74
+ ---
75
75
 
76
76
  ### `toggleDropdown() => Promise<void>`
77
77