@sankhyalabs/ezui-docs 6.0.2 → 6.1.0-dev.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/components/ez-avatar/readme.md +34 -0
  2. package/components/ez-card-item/readme.md +2 -0
  3. package/components/ez-check/readme.md +11 -8
  4. package/components/ez-chip/readme.md +9 -8
  5. package/components/ez-combo-box/readme.md +23 -20
  6. package/components/ez-date-input/readme.md +10 -9
  7. package/components/ez-date-time-input/readme.md +11 -10
  8. package/components/ez-double-list/readme.md +20 -21
  9. package/components/ez-filter-input/readme.md +2 -2
  10. package/components/ez-form/readme.md +44 -8
  11. package/components/ez-form-view/readme.md +34 -2
  12. package/components/ez-grid/readme.md +27 -22
  13. package/components/ez-icon/readme.md +9 -0
  14. package/components/ez-list/readme.md +0 -2
  15. package/components/ez-modal-container/readme.md +7 -0
  16. package/components/ez-number-input/readme.md +13 -12
  17. package/components/ez-popover/readme.md +2 -0
  18. package/components/ez-popover-plus/readme.md +2 -0
  19. package/components/ez-popup/readme.md +15 -0
  20. package/components/ez-rich-text/ez-link-builder/readme.md +69 -0
  21. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-arrows/readme.md +29 -0
  22. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-configs/readme.md +29 -0
  23. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item/readme.md +49 -0
  24. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-letters/readme.md +29 -0
  25. package/components/ez-rich-text/ez-rich-toolbar/readme.md +54 -0
  26. package/components/ez-rich-text/ez-simple-image-uploader/readme.md +78 -0
  27. package/components/ez-rich-text/readme.md +111 -0
  28. package/components/ez-scroller/readme.md +0 -2
  29. package/components/ez-search/readme.md +5 -0
  30. package/components/ez-search-plus/readme.md +130 -0
  31. package/components/ez-search-plus/subcomponent/ez-search-result-list/readme.md +90 -0
  32. package/components/ez-skeleton/readme.md +14 -8
  33. package/components/ez-sortable-list/readme.md +75 -0
  34. package/components/ez-split-button/readme.md +33 -11
  35. package/components/ez-text-area/readme.md +15 -12
  36. package/components/ez-text-input/readme.md +22 -14
  37. package/components/ez-time-input/readme.md +11 -10
  38. package/components/ez-tooltip/readme.md +13 -17
  39. package/package.json +1 -1
package/components/ez-rich-text/readme.md ADDED
@@ -0,0 +1,111 @@
1
+ # ez-rich-text
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ---------------- | ------------------ | -------------------------------------------------------------------------------------------------- | --------- | ----------- |
12
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `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
+ | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
15
+ | `rows` | `rows` | Define o número de linhas. | `number` | `6` |
16
+ | `showBorder` | `show-border` | Define se deve exibir a borda externa do componente | `boolean` | `false` |
17
+ | `showConfigs` | `show-configs` | Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas | `boolean` | `true` |
18
+ | `showPreview` | `show-preview` | Informa se as opções a opção de pré-visualização deve ser apresentada. | `boolean` | `true` |
19
+ | `showTextFormat` | `show-text-format` | Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas | `boolean` | `true` |
20
+ | `showUndoRedo` | `show-undo-redo` | Informa se as opções de desfazer e refazer devem ser habilitadas. | `boolean` | `true` |
21
+ | `value` | `value` | Define o valor HTML do campo. | `string` | `''` |
22
+
23
+
24
+ ## Events
25
+
26
+ | Event | Description | Type |
27
+ | ---------- | ------------------------------------------------------ | --------------------- |
28
+ | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<string>` |
29
+
30
+
31
+ ## Methods
32
+
33
+ ### `isInvalid() => Promise<boolean>`
34
+
35
+ Retorna se o conteúdo é inválido.
36
+
37
+ #### Returns
38
+
39
+ Type: `Promise<boolean>`
40
+
41
+
42
+
43
+ ### `setBlur() => Promise<void>`
44
+
45
+ Remove o foco do campo.
46
+
47
+ #### Returns
48
+
49
+ Type: `Promise<void>`
50
+
51
+
52
+
53
+ ### `setFocus() => Promise<void>`
54
+
55
+ Aplica o foco no campo.
56
+
57
+ #### Returns
58
+
59
+ Type: `Promise<void>`
60
+
61
+
62
+
63
+
64
+ ## Dependencies
65
+
66
+ ### Used by
67
+
68
+ - [ez-form-view](../ez-form-view)
69
+
70
+ ### Depends on
71
+
72
+ - [ez-text-area](../ez-text-area)
73
+ - [ez-rich-toolbar](ez-rich-toolbar)
74
+ - [ez-link-builder](ez-link-builder)
75
+ - [ez-simple-image-uploader](ez-simple-image-uploader)
76
+
77
+ ### Graph
78
+ ```mermaid
79
+ graph TD;
80
+ ez-rich-text --> ez-text-area
81
+ ez-rich-text --> ez-rich-toolbar
82
+ ez-rich-text --> ez-link-builder
83
+ ez-rich-text --> ez-simple-image-uploader
84
+ ez-rich-toolbar --> ez-rich-toolbar-arrows
85
+ ez-rich-toolbar --> ez-rich-toolbar-letters
86
+ ez-rich-toolbar --> ez-rich-toolbar-configs
87
+ ez-rich-toolbar-arrows --> ez-rich-toolbar-item
88
+ ez-rich-toolbar-item --> ez-icon
89
+ ez-rich-toolbar-letters --> ez-rich-toolbar-item
90
+ ez-rich-toolbar-configs --> ez-rich-toolbar-item
91
+ ez-link-builder --> ez-popup
92
+ ez-link-builder --> ez-modal-container
93
+ ez-link-builder --> ez-text-input
94
+ ez-link-builder --> ez-check
95
+ ez-modal-container --> ez-icon
96
+ ez-modal-container --> ez-button
97
+ ez-button --> ez-icon
98
+ ez-text-input --> ez-tooltip
99
+ ez-text-input --> ez-icon
100
+ ez-simple-image-uploader --> ez-popup
101
+ ez-simple-image-uploader --> ez-modal-container
102
+ ez-simple-image-uploader --> ez-tooltip
103
+ ez-simple-image-uploader --> ez-text-input
104
+ ez-simple-image-uploader --> ez-icon
105
+ ez-form-view --> ez-rich-text
106
+ style ez-rich-text fill:#f9f,stroke:#333,stroke-width:4px
107
+ ```
108
+
109
+ ----------------------------------------------
110
+
111
+
package/components/ez-scroller/readme.md CHANGED
@@ -18,14 +18,12 @@
18
18
 
19
19
  ### Used by
20
20
 
21
- - [ez-double-list](../ez-double-list)
22
21
  - [ez-guide-navigator](../ez-guide-navigator)
23
22
  - [ez-sidebar-navigator](../ez-sidebar-navigator)
24
23
 
25
24
  ### Graph
26
25
  ```mermaid
27
26
  graph TD;
28
- ez-double-list --> ez-scroller
29
27
  ez-guide-navigator --> ez-scroller
30
28
  ez-sidebar-navigator --> ez-scroller
31
29
  style ez-scroller fill:#f9f,stroke:#333,stroke-width:4px
package/components/ez-search/readme.md CHANGED
@@ -9,6 +9,7 @@
9
9
 
10
10
  | Property | Attribute | Description | Type | Default |
11
11
  | ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ | ----------- |
12
+ | `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
12
13
  | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
13
14
  | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
14
15
  | `contextProperties` | `context-properties` | Propriedades de contexto da aplicação. | `any` | `undefined` |
@@ -96,7 +97,9 @@ Type: `Promise<void>`
96
97
 
97
98
  ### Used by
98
99
 
100
+ - [ez-form](../ez-form)
99
101
  - [ez-form-view](../ez-form-view)
102
+ - [ez-grid](../ez-grid)
100
103
  - [ez-multi-selection-list](../ez-multi-selection-list)
101
104
 
102
105
  ### Depends on
@@ -117,7 +120,9 @@ graph TD;
117
120
  ez-text-input --> ez-icon
118
121
  ez-popover-plus --> ez-popover-core
119
122
  search-list --> ez-card-item
123
+ ez-form --> ez-search
120
124
  ez-form-view --> ez-search
125
+ ez-grid --> ez-search
121
126
  ez-multi-selection-list --> ez-search
122
127
  style ez-search fill:#f9f,stroke:#333,stroke-width:4px
123
128
  ```
package/components/ez-search-plus/readme.md ADDED
@@ -0,0 +1,130 @@
1
+ # ez-search-plus
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ---------------------------- | -------------------------------- | --------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
12
+ | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
13
+ | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
14
+ | `codLabel` | `cod-label` | Texto a ser apresentado no input de código. | `string` | `undefined` |
15
+ | `contextProperties` | `context-properties` | Propriedades de contexto da aplicação. | `any` | `undefined` |
16
+ | `disableCodeInput` | `disable-code-input` | Se true o campo de código ficara desabilitado. | `boolean` | `false` |
17
+ | `disableDescriptionInput` | `disable-description-input` | Se true o campo de de apresentação ficara desabilitado. | `boolean` | `false` |
18
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
19
+ | `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
20
+ | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
21
+ | `hideDescriptionInput` | `hide-description-input` | Se true o campo de de apresentação não será exibido. | `boolean` | `false` |
22
+ | `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `true` |
23
+ | `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
24
+ | `isTextSearch` | `is-text-search` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
25
+ | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
26
+ | `listOptionsPosition` | -- | Propriedade depreciada na nova versão do componente de pesquisa. | `IEzCheckBoxListPosition` | `undefined` |
27
+ | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
28
+ | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => ISearchOption \| IOption \| (ISearchOption \| IOption)[] \| Promise<ISearchOption \| IOption \| (ISearchOption \| IOption)[]>` | `undefined` |
29
+ | `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
30
+ | `showSelectedValue` | `show-selected-value` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `true` |
31
+ | `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, interrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
32
+ | `suppressEmptyOption` | `suppress-empty-option` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
33
+ | `suppressPreLoad` | `suppress-pre-load` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `true` |
34
+ | `suppressSearch` | `suppress-search` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
35
+ | `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
36
+
37
+
38
+ ## Events
39
+
40
+ | Event | Description | Type |
41
+ | ---------- | ------------------------------------------------------ | ---------------------- |
42
+ | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
43
+
44
+
45
+ ## Methods
46
+
47
+ ### `clearValue() => Promise<void>`
48
+
49
+ Limpa o valor do campo de pesquisa
50
+
51
+ #### Returns
52
+
53
+ Type: `Promise<void>`
54
+
55
+
56
+
57
+ ### `getValueAsync() => Promise<IOption>`
58
+
59
+ Obtém o valor do componente só após a compo de apresentação
60
+ ter sido resolvido pelo option loader quando necessário
61
+
62
+ #### Returns
63
+
64
+ Type: `Promise<IOption>`
65
+
66
+
67
+
68
+ ### `isInvalid() => Promise<boolean>`
69
+
70
+ Retorna se o conteúdo é inválido.
71
+
72
+ #### Returns
73
+
74
+ Type: `Promise<boolean>`
75
+
76
+
77
+
78
+ ### `setBlur() => Promise<void>`
79
+
80
+ Remove o foco do campo.
81
+
82
+ #### Returns
83
+
84
+ Type: `Promise<void>`
85
+
86
+
87
+
88
+ ### `setFocus(options?: TFocusOptions) => Promise<void>`
89
+
90
+ Aplica o foco no campo.
91
+
92
+ #### Returns
93
+
94
+ Type: `Promise<void>`
95
+
96
+
97
+
98
+
99
+ ## Dependencies
100
+
101
+ ### Used by
102
+
103
+ - [ez-form-view](../ez-form-view)
104
+
105
+ ### Depends on
106
+
107
+ - [ez-icon](../ez-icon)
108
+ - [ez-text-input](../ez-text-input)
109
+ - [ez-popover-plus](../ez-popover-plus)
110
+ - [ez-search-result-list](./subcomponent/ez-search-result-list)
111
+
112
+ ### Graph
113
+ ```mermaid
114
+ graph TD;
115
+ ez-search-plus --> ez-icon
116
+ ez-search-plus --> ez-text-input
117
+ ez-search-plus --> ez-popover-plus
118
+ ez-search-plus --> ez-search-result-list
119
+ ez-text-input --> ez-tooltip
120
+ ez-text-input --> ez-icon
121
+ ez-popover-plus --> ez-popover-core
122
+ ez-search-result-list --> ez-card-item
123
+ ez-search-result-list --> ez-skeleton
124
+ ez-form-view --> ez-search-plus
125
+ style ez-search-plus fill:#f9f,stroke:#333,stroke-width:4px
126
+ ```
127
+
128
+ ----------------------------------------------
129
+
130
+
package/components/ez-search-plus/subcomponent/ez-search-result-list/readme.md ADDED
@@ -0,0 +1,90 @@
1
+ # ez-search-result-list
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ----------------- | ------------------- | ----------- | ------------------- | ----------- |
12
+ | `showLoading` | `show-loading` | | `boolean` | `undefined` |
13
+ | `showOptionValue` | `show-option-value` | | `boolean` | `true` |
14
+ | `value` | `value` | | `IOption \| string` | `undefined` |
15
+ | `visibleOptions` | -- | | `IOption[]` | `[]` |
16
+
17
+
18
+ ## Events
19
+
20
+ | Event | Description | Type |
21
+ | ------------- | ----------- | ---------------------- |
22
+ | `changeValue` | | `CustomEvent<IOption>` |
23
+
24
+
25
+ ## Methods
26
+
27
+ ### `cancelSelection() => Promise<void>`
28
+
29
+
30
+
31
+ #### Returns
32
+
33
+ Type: `Promise<void>`
34
+
35
+
36
+
37
+ ### `nextOption() => Promise<void>`
38
+
39
+
40
+
41
+ #### Returns
42
+
43
+ Type: `Promise<void>`
44
+
45
+
46
+
47
+ ### `previousOption() => Promise<void>`
48
+
49
+
50
+
51
+ #### Returns
52
+
53
+ Type: `Promise<void>`
54
+
55
+
56
+
57
+ ### `selectCurrentItem() => Promise<void>`
58
+
59
+
60
+
61
+ #### Returns
62
+
63
+ Type: `Promise<void>`
64
+
65
+
66
+
67
+
68
+ ## Dependencies
69
+
70
+ ### Used by
71
+
72
+ - [ez-search-plus](../..)
73
+
74
+ ### Depends on
75
+
76
+ - [ez-card-item](../../../ez-card-item)
77
+ - [ez-skeleton](../../../ez-skeleton)
78
+
79
+ ### Graph
80
+ ```mermaid
81
+ graph TD;
82
+ ez-search-result-list --> ez-card-item
83
+ ez-search-result-list --> ez-skeleton
84
+ ez-search-plus --> ez-search-result-list
85
+ style ez-search-result-list fill:#f9f,stroke:#333,stroke-width:4px
86
+ ```
87
+
88
+ ----------------------------------------------
89
+
90
+
package/components/ez-skeleton/readme.md CHANGED
@@ -7,14 +7,18 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | -------------- | --------------- | ------------------------------------------------- | ----------------------------------------------------- | ------------ |
12
- | `animation` | `animation` | Animation type | `"false" \| "progress" \| "progress-dark" \| "pulse"` | `'progress'` |
13
- | `count` | `count` | Number of rows of current skeleton type | `number` | `1` |
14
- | `height` | `height` | Height of the skeleton ex. 100px, 100%, auto etc. | `string` | `null` |
15
- | `marginBottom` | `margin-bottom` | MarginBottom of the skeleton ex. 10px, 0 etc. | `string` | `null` |
16
- | `variant` | `variant` | Variant of the skeleton - circle or row | `"circle" \| "rect" \| "text"` | `'text'` |
17
- | `width` | `width` | Width of the skeleton ex. 100px, 100%, auto etc. | `string` | `null` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | -------------- | --------------- | ---------------------------------------------------------------------------- | ---------------------------------- | -------------------------- |
12
+ | `animation` | `animation` | Animation type | `"false" \| "progress" \| "pulse"` | `DEFAULT_VALUES.ANIMATION` |
13
+ | `count` | `count` | Number of rows of current skeleton type | `number` | `DEFAULT_VALUES.COUNT` |
14
+ | `height` | `height` | Height of the skeleton ex. 100px, 100%, auto etc. | `string` | `null` |
15
+ | `marginBottom` | `margin-bottom` | MarginBottom of the skeleton ex. 10px, 0 etc. | `string` | `null` |
16
+ | `marginLeft` | `margin-left` | MarginLeft of the skeleton ex. 10px, 0 etc. | `string` | `null` |
17
+ | `marginRight` | `margin-right` | MarginRight of the skeleton ex. 10px, 0 etc. | `string` | `null` |
18
+ | `marginTop` | `margin-top` | MarginTop of the skeleton ex. 10px, 0 etc. | `string` | `null` |
19
+ | `template` | `template` | The template to be used for the skeleton. Can be an HTMLElement or a string. | `HTMLElement \| string` | `undefined` |
20
+ | `variant` | `variant` | Variant of the skeleton - circle or row | `"circle" \| "rect" \| "text"` | `DEFAULT_VALUES.VARIANT` |
21
+ | `width` | `width` | Width of the skeleton ex. 100px, 100%, auto etc. | `string` | `null` |
18
22
 
19
23
 
20
24
  ## Dependencies
@@ -22,11 +26,13 @@
22
26
  ### Used by
23
27
 
24
28
  - [ez-dropdown](../ez-dropdown)
29
+ - [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
25
30
 
26
31
  ### Graph
27
32
  ```mermaid
28
33
  graph TD;
29
34
  ez-dropdown --> ez-skeleton
35
+ ez-search-result-list --> ez-skeleton
30
36
  style ez-skeleton fill:#f9f,stroke:#333,stroke-width:4px
31
37
  ```
32
38
 
package/components/ez-sortable-list/readme.md ADDED
@@ -0,0 +1,75 @@
1
+ # ez-sortable-list
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
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` |
26
+
27
+
28
+ ## Events
29
+
30
+ | Event | Description | Type |
31
+ | ---------------- | ----------------------------------------------------------------- | ------------------------------------- |
32
+ | `ezChoose` | Emitido quando ocorre a escolha de um item da lista | `CustomEvent<ListItem \| ListItem[]>` |
33
+ | `ezDoubleClick` | Emitido quando ocorre um duplo clique em um item da lista | `CustomEvent<ListItem>` |
34
+ | `ezSelectItens` | Emitido sempre que um ou vários itens da lista forem selecionados | `CustomEvent<ListItem \| ListItem[]>` |
35
+ | `itemsReordered` | Evento emitido quando a ordem dos itens muda | `CustomEvent<any>` |
36
+
37
+
38
+ ## Methods
39
+
40
+ ### `clearSelection() => Promise<void>`
41
+
42
+ Remove a seleção de todos os itens da lista
43
+
44
+ #### Returns
45
+
46
+ Type: `Promise<void>`
47
+
48
+
49
+
50
+
51
+ ## Dependencies
52
+
53
+ ### Used by
54
+
55
+ - [ez-double-list](../ez-double-list)
56
+
57
+ ### Depends on
58
+
59
+ - [ez-filter-input](../ez-filter-input)
60
+
61
+ ### Graph
62
+ ```mermaid
63
+ graph TD;
64
+ ez-sortable-list --> ez-filter-input
65
+ ez-filter-input --> ez-text-input
66
+ ez-filter-input --> ez-icon
67
+ ez-text-input --> ez-tooltip
68
+ ez-text-input --> ez-icon
69
+ ez-double-list --> ez-sortable-list
70
+ style ez-sortable-list fill:#f9f,stroke:#333,stroke-width:4px
71
+ ```
72
+
73
+ ----------------------------------------------
74
+
75
+
package/components/ez-split-button/readme.md CHANGED
@@ -7,17 +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
- | `items` | -- | Define o conteúdo do dropdown. | `IDropdownItem[]` | `undefined` |
16
- | `label` | `label` | Texto a ser apresentado como label do botão. | `string` | `undefined` |
17
- | `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
18
- | `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
19
- | `rightTitle` | `right-title` | Texto a ser apresentado como title do botão dropdown | `string` | `'Mais opções'` |
20
- | `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` | `'Mais opções'` |
21
+ | `show` | `show` | | `boolean` | `false` |
22
+ | `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'` |
21
23
 
22
24
 
23
25
  ## Events
@@ -31,6 +33,16 @@
31
33
 
32
34
  ## Methods
33
35
 
36
+ ### `isOpenedDropdown() => Promise<boolean>`
37
+
38
+ Informa se a lista de ações está aberta.
39
+
40
+ #### Returns
41
+
42
+ Type: `Promise<boolean>`
43
+
44
+
45
+
34
46
  ### `setBlur() => Promise<void>`
35
47
 
36
48
  Remove o foco de ambos os botões.
@@ -61,6 +73,16 @@ Type: `Promise<void>`
61
73
 
62
74
 
63
75
 
76
+ ### `toggleDropdown() => Promise<void>`
77
+
78
+ Abre ou Fecha o dropdown do Split Button.
79
+
80
+ #### Returns
81
+
82
+ Type: `Promise<void>`
83
+
84
+
85
+
64
86
 
65
87
  ## Dependencies
66
88
 
package/components/ez-text-area/readme.md CHANGED
@@ -7,18 +7,19 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
12
- | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
13
- | `autoRows` | `auto-rows` | Ativa a opção de fazer as linhas do componente serem baseados na altura máxima. | `boolean` | `false` |
14
- | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
15
- | `enableResize` | `enable-resize` | Ativa a opção de fazer resize do input. | `boolean` | `true` |
16
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
17
- | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
18
- | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
19
- | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
20
- | `rows` | `rows` | Define o número de linhas. | `number` | `4` |
21
- | `value` | `value` | Define o valor do campo. | `string` | `undefined` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------ | ------------------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
12
+ | `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
13
+ | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
14
+ | `autoRows` | `auto-rows` | Ativa a opção de fazer as linhas do componente serem baseados na altura máxima. | `boolean` | `false` |
15
+ | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
16
+ | `enableResize` | `enable-resize` | Ativa a opção de fazer resize do input. | `boolean` | `true` |
17
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
18
+ | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
19
+ | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
20
+ | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
21
+ | `rows` | `rows` | Define o número de linhas. | `number` | `4` |
22
+ | `value` | `value` | Define o valor do campo. | `string` | `undefined` |
22
23
 
23
24
 
24
25
  ## Events
@@ -79,11 +80,13 @@ Type: `Promise<void>`
79
80
  ### Used by
80
81
 
81
82
  - [ez-form-view](../ez-form-view)
83
+ - [ez-rich-text](../ez-rich-text)
82
84
 
83
85
  ### Graph
84
86
  ```mermaid
85
87
  graph TD;
86
88
  ez-form-view --> ez-text-area
89
+ ez-rich-text --> ez-text-area
87
90
  style ez-text-area fill:#f9f,stroke:#333,stroke-width:4px
88
91
  ```
89
92