@sankhyalabs/ezui-docs 6.4.4 → 6.5.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 (59) 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 +33 -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 +38 -22
  7. package/components/ez-classic-combo-box/readme.md +4 -4
  8. package/components/ez-classic-input/readme.md +1 -1
  9. package/components/ez-classic-text-area/readme.md +1 -1
  10. package/components/ez-collapsible-box/readme.md +2 -2
  11. package/components/ez-combo-box/ez-combo-box-list/readme.md +13 -13
  12. package/components/ez-combo-box/readme.md +27 -26
  13. package/components/ez-date-input/readme.md +3 -3
  14. package/components/ez-date-time-input/readme.md +3 -3
  15. package/components/ez-filter-input/readme.md +4 -4
  16. package/components/ez-form/readme.md +28 -2
  17. package/components/ez-form-view/custom-input/readme.md +2 -2
  18. package/components/ez-form-view/readme.md +29 -2
  19. package/components/ez-grid/readme.md +20 -20
  20. package/components/ez-grid/subcomponents/readme.md +1 -1
  21. package/components/ez-guide-navigator/readme.md +8 -6
  22. package/components/ez-icon/readme.md +8 -0
  23. package/components/ez-list/readme.md +5 -5
  24. package/components/ez-list-item/readme.md +43 -0
  25. package/components/ez-loading-bar/readme.md +1 -1
  26. package/components/ez-modal-container/readme.md +7 -0
  27. package/components/ez-number-input/readme.md +3 -3
  28. package/components/ez-pagination/readme.md +57 -0
  29. package/components/ez-popover/readme.md +3 -3
  30. package/components/ez-popover-plus/readme.md +5 -5
  31. package/components/ez-popover-plus/subcomponent/readme.md +5 -5
  32. package/components/ez-popup/readme.md +32 -12
  33. package/components/ez-rich-text/ez-link-builder/readme.md +70 -0
  34. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-arrows/readme.md +29 -0
  35. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-configs/readme.md +29 -0
  36. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item/readme.md +49 -0
  37. package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-letters/readme.md +29 -0
  38. package/components/ez-rich-text/ez-rich-toolbar/readme.md +54 -0
  39. package/components/ez-rich-text/ez-simple-image-uploader/readme.md +79 -0
  40. package/components/ez-rich-text/readme.md +122 -0
  41. package/components/ez-search/readme.md +4 -4
  42. package/components/ez-search/subcomponent/search-list/readme.md +1 -1
  43. package/components/ez-search-plus/readme.md +4 -4
  44. package/components/ez-search-plus/subcomponent/ez-search-result-list/readme.md +3 -3
  45. package/components/ez-sidebar-navigator/readme.md +2 -2
  46. package/components/ez-sortable-list/readme.md +16 -16
  47. package/components/ez-spinner/readme.md +27 -0
  48. package/components/ez-split-button/readme.md +35 -25
  49. package/components/ez-tag-input/readme.md +132 -0
  50. package/components/ez-text-area/readme.md +19 -5
  51. package/components/ez-text-input/readme.md +6 -2
  52. package/components/ez-tile/readme.md +1 -1
  53. package/components/ez-tile-medium/readme.md +1 -1
  54. package/components/ez-time-input/readme.md +2 -2
  55. package/components/ez-tooltip/readme.md +6 -0
  56. package/components/ez-tree/readme.md +28 -6
  57. package/components/ez-upload/readme.md +2 -2
  58. package/components/ez-view-stack/readme.md +1 -1
  59. package/package.json +1 -1
package/components/ez-search-plus/readme.md CHANGED
@@ -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
 
package/components/ez-search-plus/subcomponent/ez-search-result-list/readme.md CHANGED
@@ -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
 
package/components/ez-sidebar-navigator/readme.md CHANGED
@@ -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
 
package/components/ez-sortable-list/readme.md CHANGED
@@ -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
package/components/ez-spinner/readme.md ADDED
@@ -0,0 +1,27 @@
1
+ # ez-spinner
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | -------- | --------- | --------------------------- | -------------------------------- | --------- |
12
+ | `size` | `size` | Define o tamanho do spinner | `"large" \| "medium" \| "small"` | `'small'` |
13
+
14
+
15
+ ----------------------------------------------
16
+
17
+
18
+
19
+
20
+ ## CSS Variables
21
+ | Variable | Description |
22
+ |-|-|
23
+ | --ez-spinner--color | Define a cor do spinner. |
24
+ | --ez-spinner--size-default | Define o tamanho padrão do spinner. |
25
+ | --ez-spinner--size-medium | Define o tamanho médio do spinner. |
26
+ | --ez-spinner--size-large | Define o tamanho grande do spinner. |
27
+ | --ez-spinner--animation-duration | Define a duração da animação do spinner. |
package/components/ez-split-button/readme.md CHANGED
@@ -5,21 +5,30 @@
5
5
  <!-- Auto Generated Below -->
6
6
 
7
7
 
8
+ ## Overview
9
+
10
+ Split Button Component
11
+
8
12
  ## Properties
9
13
 
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'` |
14
+ | Property | Attribute | Description | Type | Default |
15
+ | ------------------- | -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | ----------- |
16
+ | `enabled` | `enabled` | ⚠️ **[DEPRECATED]** Use `isDisabled` prop instead.Se false o usuário não pode interagir com o botão. | `boolean` | `true` |
17
+ | `iconName` | `icon-name` | ⚠️ **[DEPRECATED]** Use `leftIconName` prop instead.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` |
18
+ | `image` | `image` | Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones. | `string` | `undefined` |
19
+ | `isDisabled` | `is-disabled` | Se verdadeiro o clique no botão fica desabilitado mas a navegação continua funcional. Se full, o usuário não pode interagir com o botão. | `"" \| "full" \| boolean` | `false` |
20
+ | `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` |
21
+ | `items` | -- | Define o conteúdo do dropdown. | `IDropdownItem[]` | `undefined` |
22
+ | `label` | `label` | Texto a ser apresentado como label do botão. | `string` | `undefined` |
23
+ | `leftIconName` | `left-icon-name` | Define o ícone esquerdo a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `undefined` |
24
+ | `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
25
+ | `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
26
+ | `rightIconName` | `right-icon-name` | Define o ícone direito a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `undefined` |
27
+ | `rightTitle` | `right-title` | Texto a ser apresentado como title do botão dropdown | `string` | `undefined` |
28
+ | `show` | `show` | Se true, o dropdown do botão é exibido. | `boolean` | `false` |
29
+ | `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'` |
30
+ | `suppressAnimation` | `suppress-animation` | Se verdadeiro, desabilita a animação de ripple. | `boolean` | `false` |
31
+ | `variant` | `variant` | Define a variante do ez-split-button. | `"primary" \| "secondary" \| "tertiary"` | `undefined` |
23
32
 
24
33
 
25
34
  ## Events
@@ -41,7 +50,7 @@ Informa se a lista de ações está aberta.
41
50
 
42
51
  Type: `Promise<boolean>`
43
52
 
44
-
53
+ ---
45
54
 
46
55
  ### `setBlur() => Promise<void>`
47
56
 
@@ -51,7 +60,7 @@ Remove o foco de ambos os botões.
51
60
 
52
61
  Type: `Promise<void>`
53
62
 
54
-
63
+ ---
55
64
 
56
65
  ### `setLeftButtonFocus() => Promise<void>`
57
66
 
@@ -61,7 +70,7 @@ Aplica o foco no botão principal.
61
70
 
62
71
  Type: `Promise<void>`
63
72
 
64
-
73
+ ---
65
74
 
66
75
  ### `setRightButtonFocus() => Promise<void>`
67
76
 
@@ -71,7 +80,7 @@ Aplica o foco no botão do dropdown.
71
80
 
72
81
  Type: `Promise<void>`
73
82
 
74
-
83
+ ---
75
84
 
76
85
  ### `toggleDropdown() => Promise<void>`
77
86
 
@@ -111,25 +120,26 @@ graph TD;
111
120
  |-|-|
112
121
  | --ez-split-button--min-width | Define a largura mínima do componente. |
113
122
  | --ez-split-button--width | Define a largura do componente. |
114
- | --ez-split-button\_\_medium--height | Define a altura do componente. |
123
+ | --ez-split-button--height | Define a altura do componente, quando size medium. |
115
124
  | --ez-split-button\_\_medium-icon--width | Define a largura do slot que contém o ícone. |
116
- | --ez-split-button\_\_inline\_\_icon--gap | Define o espaçamento entre o ícone e o label. |
125
+ | --ez-split-button\_\_large-icon--width | Define a largura do slot que contém o ícone. |
117
126
  | --ez-split-button\_\_label--padding-top | Define o espaçamento superior ao label. |
118
127
  | --ez-split-button\_\_label--padding-bottom | Define o espaçamento inferior ao label. |
119
128
  | --ez-split-button\_\_right-button--padding-left | Define o espaçamento esquerdo ao ícone. |
129
+ | --ez-split-button\_\_right-button--padding-right | Define o espaçamento direito ao ícone. |
120
130
  | --ez-split-button--color | Define a cor do label. |
131
+ | --ez-split-button\_\_left-icon--color | Define a cor do ícone esquerdo. |
132
+ | --ez-split-button\_\_right-icon--color | Define a cor do ícone direito. |
133
+ | --ez-split-button--background-color | Define a cor de fundo do botão. |
134
+ | --ez-split-button--border | Define o estilo da borda do botão. |
121
135
  | --ez-split-button--font-size | Define o tamanho do label. |
136
+ | --ez-split-button--line-height | Define a altura da linha do label. |
122
137
  | --ez-split-button--font-family | Define a família da fonte do label. |
123
138
  | --ez-split-button--font-weight | Define o peso da fonte do label. |
124
- | --ez-split-button--background-color | Define a cor de fundo do botão. |
125
139
  | --ez-split-button--border-radius | Define o raio da borda do botão. |
126
- | --ez-split-button--border | Define o estilo da borda do botão. |
127
- | --ez-split-button--justify-content | Define o alinhamento horizontal do conteúdo do botão. |
128
140
  | --ez-split-button--hover-color | Define a cor do texto e do ícone quando o cursor está sobre o botão. |
129
141
  | --ez-split-button--hover--background-color | Define a cor de fundo quando o cursor está sobre o botão. |
130
142
  | --ez-split-button--disabled-color | Define a cor do texto quando o botão está desabilitado. |
131
143
  | --ez-split-button--disabled--background-color | Define a cor de fundo quando o botão está desabilitado. |
132
144
  | --ez-split-button--focus--border | Define o estido da borda quando o botão está selecionado. |
133
- | --ez-split-button--focus--box-shadow | Define a sombra do botão quando selecionado. |
134
- | --ez-split-button--active-color | Define a cor do texto e do ícone ao ativar o botão. |
135
- | --ez-split-button--active--background-color | Define a cor do fundo ao ativar o botão. |
145
+ | --ez-split-button--focus--box-shadow | Define a sombra do botão quando selecionado. |
package/components/ez-tag-input/readme.md ADDED
@@ -0,0 +1,132 @@
1
+ # ez-tag-input
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | -------------------------------- | ----------------------------------- | ------------------------------------------------------------------------------- | ------------------------------------------------------------ | ----------- |
12
+ | `allowDuplicates` | `allow-duplicates` | Define se tags duplicadas são permitidas | `boolean` | `false` |
13
+ | `enabled` | `enabled` | Define se o input está habilitado | `boolean` | `true` |
14
+ | `helpText` | `help-text` | Texto de ajuda exibido abaixo do input | `string` | `undefined` |
15
+ | `label` | `label` | Texto do label exibido acima do input | `string` | `''` |
16
+ | `maxTagLength` | `max-tag-length` | Tamanho máximo de uma tag | `number` | `undefined` |
17
+ | `maxTags` | `max-tags` | Número máximo de tags permitidas | `number` | `undefined` |
18
+ | `name` | `name` | Nome do input | `string` | `undefined` |
19
+ | `placeholder` | `placeholder` | Placeholder do input | `string` | `''` |
20
+ | `readonly` | `readonly` | Define se o input é somente leitura | `boolean` | `false` |
21
+ | `state` | `state` | Estado visual do componente | `"default" \| "error" \| "success" \| "warning"` | `"default"` |
22
+ | `suppressBackspaceToRemove` | `suppress-backspace-to-remove` | Define se a tecla Backspace deve remover a última tag quando o input está vazio | `boolean` | `false` |
23
+ | `suppressTagsKeyboardNavigation` | `suppress-tags-keyboard-navigation` | Define se a navegação por teclado pelas tags deve ser suprimida | `boolean` | `false` |
24
+ | `tags` | -- | Array de tags iniciais | `string[]` | `[]` |
25
+ | `validator` | -- | Função de validação customizada para tags | `(tag: string, existingTags: string[]) => string \| boolean` | `undefined` |
26
+
27
+
28
+ ## Events
29
+
30
+ | Event | Description | Type |
31
+ | ------------------- | --------------------------------------------- | ----------------------------------------------- |
32
+ | `ezBlur` | Evento disparado quando o input perde foco | `CustomEvent<void>` |
33
+ | `ezChange` | Evento disparado quando as tags mudam | `CustomEvent<string[]>` |
34
+ | `ezFocus` | Evento disparado quando o input recebe foco | `CustomEvent<void>` |
35
+ | `ezTagAdded` | Evento disparado quando uma tag é adicionada | `CustomEvent<string>` |
36
+ | `ezTagRemoved` | Evento disparado quando uma tag é removida | `CustomEvent<string>` |
37
+ | `ezType` | Emitido quando é digitado no campo de entrada | `CustomEvent<string>` |
38
+ | `ezValidationError` | Evento disparado quando uma validação falha | `CustomEvent<{ tag: string; error?: string; }>` |
39
+
40
+
41
+ ## Methods
42
+
43
+ ### `addTag(tag: string) => Promise<boolean>`
44
+
45
+ Adiciona uma tag programaticamente
46
+
47
+ #### Returns
48
+
49
+ Type: `Promise<boolean>`
50
+
51
+ ---
52
+
53
+ ### `clearTags() => Promise<void>`
54
+
55
+ Limpa todas as tags
56
+
57
+ #### Returns
58
+
59
+ Type: `Promise<void>`
60
+
61
+ ---
62
+
63
+ ### `removeTag(tag: string) => Promise<boolean>`
64
+
65
+ Remove uma tag programaticamente
66
+
67
+ #### Returns
68
+
69
+ Type: `Promise<boolean>`
70
+
71
+ ---
72
+
73
+ ### `setBlur() => Promise<void>`
74
+
75
+ Remove o foco do campo
76
+
77
+ #### Returns
78
+
79
+ Type: `Promise<void>`
80
+
81
+ ---
82
+
83
+ ### `setFocus(option?: OptionsSetFocus) => Promise<void>`
84
+
85
+ Aplica o foco no campo
86
+
87
+ #### Returns
88
+
89
+ Type: `Promise<void>`
90
+
91
+
92
+
93
+
94
+ ## Dependencies
95
+
96
+ ### Depends on
97
+
98
+ - [ez-chip](../ez-chip)
99
+
100
+ ### Graph
101
+ ```mermaid
102
+ graph TD;
103
+ ez-tag-input --> ez-chip
104
+ ez-chip --> ez-tooltip
105
+ ez-chip --> ez-icon
106
+ style ez-tag-input fill:#f9f,stroke:#333,stroke-width:4px
107
+ ```
108
+
109
+ ----------------------------------------------
110
+
111
+
112
+
113
+
114
+ ## CSS Variables
115
+ | Variable | Description |
116
+ |-|-|
117
+ | --ez-tag-input--background-color | Define a cor de fundo do container do input. |
118
+ | --ez-tag-input--border-color-default | Define a cor da borda no estado padrão. |
119
+ | --ez-tag-input--border-color-focused | Define a cor da borda no estado focado. |
120
+ | --ez-tag-input--border-color-error | Define a cor da borda no estado de erro. |
121
+ | --ez-tag-input--border-color-success | Define a cor da borda no estado de sucesso. |
122
+ | --ez-tag-input--border-color-warning | Define a cor da borda no estado de aviso. |
123
+ | --ez-tag-input--border-radius | Define o raio da borda do container. |
124
+ | --ez-tag-input--padding | Define o espaçamento interno do container. |
125
+ | --ez-tag-input--gap | Define o espaçamento entre tags e input. |
126
+ | --ez-tag-input--label-color | Define a cor do texto do label. |
127
+ | --ez-tag-input--label-font-weight | Define o peso da fonte do label. |
128
+ | --ez-tag-input--input-color | Define a cor do texto do input. |
129
+ | --ez-tag-input--input-font-size | Define o tamanho da fonte do input. |
130
+ | --ez-tag-input--placeholder-color | Define a cor do placeholder. |
131
+ | --ez-tag-input--background-color-disabled | Define a cor de fundo do input quando está desabilitado. |
132
+ | --ez-tag-input--helptext-color | Define a cor do texto de ajuda do input. |
package/components/ez-text-area/readme.md CHANGED
@@ -17,7 +17,7 @@
17
17
  | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
18
18
  | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
19
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"` |
20
+ | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `'regular'` |
21
21
  | `rows` | `rows` | Define o número de linhas. | `number` | `4` |
22
22
  | `value` | `value` | Define o valor do campo. | `string` | `undefined` |
23
23
 
@@ -42,7 +42,7 @@ Adiciona o argumento text no value do text area, seguindo as regras:
42
42
 
43
43
  Type: `Promise<void>`
44
44
 
45
-
45
+ ---
46
46
 
47
47
  ### `isInvalid() => Promise<boolean>`
48
48
 
@@ -52,7 +52,7 @@ Retorna se o conteúdo é inválido.
52
52
 
53
53
  Type: `Promise<boolean>`
54
54
 
55
-
55
+ ---
56
56
 
57
57
  ### `setBlur() => Promise<void>`
58
58
 
@@ -62,7 +62,7 @@ Remove o foco do campo.
62
62
 
63
63
  Type: `Promise<void>`
64
64
 
65
-
65
+ ---
66
66
 
67
67
  ### `setFocus() => Promise<void>`
68
68
 
@@ -80,11 +80,20 @@ Type: `Promise<void>`
80
80
  ### Used by
81
81
 
82
82
  - [ez-form-view](../ez-form-view)
83
+ - [ez-rich-text](../ez-rich-text)
84
+
85
+ ### Depends on
86
+
87
+ - [ez-tooltip](../ez-tooltip)
88
+ - [ez-icon](../ez-icon)
83
89
 
84
90
  ### Graph
85
91
  ```mermaid
86
92
  graph TD;
93
+ ez-text-area --> ez-tooltip
94
+ ez-text-area --> ez-icon
87
95
  ez-form-view --> ez-text-area
96
+ ez-rich-text --> ez-text-area
88
97
  style ez-text-area fill:#f9f,stroke:#333,stroke-width:4px
89
98
  ```
90
99
 
@@ -122,4 +131,9 @@ graph TD;
122
131
  | --text-area\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. |
123
132
  | --text-area\_\_scrollbar--color-clicked | Define a cor do active na barra de rolagem do componente. |
124
133
  | --text-area\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. |
125
- | --text-area\_\_scrollbar--width | Define a largura da barra de rolagem do componente. |
134
+ | --text-area\_\_scrollbar--width | Define a largura da barra de rolagem do componente. |
135
+ | --ez-text-area\_\_tooltip-icon--spacing | Define o espaçamento lateral do icone de erro. |
136
+ | --ez-text-area\_\_tooltip-icon---width | Define a largura do icone de erro. |
137
+ | --ez-text-area\_\_tooltip-icon---horizontal-margin | Define a margem horizontal do icone de erro. |
138
+ | --ez-text-area\_\_tooltip-icon---vertical-margin | Define a margem vertical do icone de erro. |
139
+ | --ez-text-area\_\_tooltip\_icon--error--color | Define a cor da fonte da mensagem quando erro. |
package/components/ez-text-input/readme.md CHANGED
@@ -42,7 +42,7 @@ Retorna se o conteúdo é inválido.
42
42
 
43
43
  Type: `Promise<boolean>`
44
44
 
45
-
45
+ ---
46
46
 
47
47
  ### `setBlur() => Promise<void>`
48
48
 
@@ -52,7 +52,7 @@ Remove o foco do campo.
52
52
 
53
53
  Type: `Promise<void>`
54
54
 
55
-
55
+ ---
56
56
 
57
57
  ### `setFocus(options?: TFocusOptions) => Promise<void>`
58
58
 
@@ -74,9 +74,11 @@ Type: `Promise<void>`
74
74
  - [ez-date-time-input](../ez-date-time-input)
75
75
  - [ez-filter-input](../ez-filter-input)
76
76
  - [ez-form-view](../ez-form-view)
77
+ - [ez-link-builder](../ez-rich-text/ez-link-builder)
77
78
  - [ez-number-input](../ez-number-input)
78
79
  - [ez-search](../ez-search)
79
80
  - [ez-search-plus](../ez-search-plus)
81
+ - [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
80
82
  - [ez-text-edit](../ez-text-edit)
81
83
  - [ez-time-input](../ez-time-input)
82
84
 
@@ -95,9 +97,11 @@ graph TD;
95
97
  ez-date-time-input --> ez-text-input
96
98
  ez-filter-input --> ez-text-input
97
99
  ez-form-view --> ez-text-input
100
+ ez-link-builder --> ez-text-input
98
101
  ez-number-input --> ez-text-input
99
102
  ez-search --> ez-text-input
100
103
  ez-search-plus --> ez-text-input
104
+ ez-simple-image-uploader --> ez-text-input
101
105
  ez-text-edit --> ez-text-input
102
106
  ez-time-input --> ez-text-input
103
107
  style ez-text-input fill:#f9f,stroke:#333,stroke-width:4px
package/components/ez-tile/readme.md CHANGED
@@ -36,7 +36,7 @@ Remove o foco do componente.
36
36
 
37
37
  Type: `Promise<void>`
38
38
 
39
-
39
+ ---
40
40
 
41
41
  ### `setFocus() => Promise<void>`
42
42
 
package/components/ez-tile-medium/readme.md CHANGED
@@ -35,7 +35,7 @@ Remove o foco do botão.
35
35
 
36
36
  Type: `Promise<void>`
37
37
 
38
-
38
+ ---
39
39
 
40
40
  ### `setButtonFocus() => Promise<void>`
41
41
 
package/components/ez-time-input/readme.md CHANGED
@@ -39,7 +39,7 @@ Retorna se o conteúdo é inválido.
39
39
 
40
40
  Type: `Promise<boolean>`
41
41
 
42
-
42
+ ---
43
43
 
44
44
  ### `setBlur() => Promise<void>`
45
45
 
@@ -49,7 +49,7 @@ Remove o foco do campo.
49
49
 
50
50
  Type: `Promise<void>`
51
51
 
52
-
52
+ ---
53
53
 
54
54
  ### `setFocus({ selectText }: TFocusOptions) => Promise<void>`
55
55
 
package/components/ez-tooltip/readme.md CHANGED
@@ -24,11 +24,17 @@
24
24
 
25
25
  ### Used by
26
26
 
27
+ - [ez-chip](../ez-chip)
28
+ - [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
29
+ - [ez-text-area](../ez-text-area)
27
30
  - [ez-text-input](../ez-text-input)
28
31
 
29
32
  ### Graph
30
33
  ```mermaid
31
34
  graph TD;
35
+ ez-chip --> ez-tooltip
36
+ ez-simple-image-uploader --> ez-tooltip
37
+ ez-text-area --> ez-tooltip
32
38
  ez-text-input --> ez-tooltip
33
39
  style ez-tooltip fill:#f9f,stroke:#333,stroke-width:4px
34
40
  ```