@sankhyalabs/ezui-docs 6.1.0 → 6.2.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 (59) hide show
  1. package/components/ez-actions-button/readme.md +14 -0
  2. package/components/ez-alert/readme.md +18 -0
  3. package/components/ez-alert-list/readme.md +16 -0
  4. package/components/ez-avatar/readme.md +6 -0
  5. package/components/ez-badge/readme.md +5 -0
  6. package/components/ez-breadcrumb/readme.md +8 -0
  7. package/components/ez-button/readme.md +37 -0
  8. package/components/ez-calendar/readme.md +34 -0
  9. package/components/ez-card-item/readme.md +17 -0
  10. package/components/ez-check/readme.md +47 -0
  11. package/components/ez-chip/readme.md +47 -14
  12. package/components/ez-collapsible-box/readme.md +20 -0
  13. package/components/ez-combo-box/ez-combo-box-list/readme.md +11 -11
  14. package/components/ez-combo-box/readme.md +23 -22
  15. package/components/ez-date-input/readme.md +8 -0
  16. package/components/ez-date-time-input/readme.md +8 -0
  17. package/components/ez-dialog/readme.md +26 -0
  18. package/components/ez-dropdown/readme.md +41 -0
  19. package/components/ez-empty-card/readme.md +29 -0
  20. package/components/ez-file-item/readme.md +17 -0
  21. package/components/ez-form/readme.md +25 -0
  22. package/components/ez-form-view/readme.md +35 -0
  23. package/components/ez-grid/readme.md +14 -0
  24. package/components/ez-guide-navigator/readme.md +13 -0
  25. package/components/ez-icon/readme.md +16 -0
  26. package/components/ez-list/readme.md +37 -0
  27. package/components/ez-modal/readme.md +8 -0
  28. package/components/ez-modal-container/readme.md +7 -0
  29. package/components/ez-number-input/readme.md +7 -0
  30. package/components/ez-popover/readme.md +9 -0
  31. package/components/ez-popup/readme.md +30 -0
  32. package/components/ez-radio-button/readme.md +30 -0
  33. package/components/ez-rich-text/ez-link-builder/readme.md +69 -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 +78 -0
  40. package/components/ez-rich-text/readme.md +121 -0
  41. package/components/ez-scroller/readme.md +14 -0
  42. package/components/ez-search/readme.md +30 -0
  43. package/components/ez-search-plus/readme.md +40 -0
  44. package/components/ez-sidebar-button/readme.md +17 -0
  45. package/components/ez-sidebar-navigator/readme.md +19 -0
  46. package/components/ez-sortable-list/readme.md +32 -16
  47. package/components/ez-split-button/readme.md +42 -13
  48. package/components/ez-tabselector/readme.md +7 -0
  49. package/components/ez-tag/readme.md +34 -0
  50. package/components/ez-text-area/readme.md +47 -1
  51. package/components/ez-text-input/readme.md +46 -0
  52. package/components/ez-tile/readme.md +89 -0
  53. package/components/ez-tile-medium/readme.md +97 -0
  54. package/components/ez-toast/readme.md +12 -0
  55. package/components/ez-tooltip/readme.md +6 -0
  56. package/components/ez-tree/readme.md +31 -0
  57. package/components/ez-underface/readme.md +29 -0
  58. package/components/ez-upload/readme.md +22 -0
  59. package/package.json +1 -1
@@ -49,3 +49,44 @@ graph TD;
49
49
  ----------------------------------------------
50
50
 
51
51
 
52
+
53
+
54
+ ## CSS Variables
55
+ | Variable | Description |
56
+ |-|-|
57
+ | --ez-dropdown--z-index | Define a posição do componente. |
58
+ | --ez-dropdown--padding | Define o espaçamento interno do componente. |
59
+ | --ez-dropdown--box-shadow | Define a sombra externa do componente. |
60
+ | --ez-dropdown--border-radius | Define o raio da borda do componente. |
61
+ | --ez-dropdown--background-color | Define cor de fundo do componente. |
62
+ | --ez-dropdown--font-family | Define a fonte do componente. |
63
+ | --ez-dropdown--max-height | Define a altura máxima do componente. |
64
+ | --ez-dropdown\_\_item--padding | Define o espaçamento interno de cada item do componente. |
65
+ | --ez-dropdown\_\_item--gap | Define o espaçamento entre os elementos internos do item do componente. |
66
+ | --ez-dropdown\_\_item--border-radius | Define o raio da borda de cada item do componente. |
67
+ | --ez-dropdown\_\_item--color | Define a cor do texto de cada item do componente. |
68
+ | --ez-dropdown\_\_item--font-weight | Define o peso do texto de cada item do componente. |
69
+ | --ez-dropdown\_\_item--font-size | Define o tamanho da fonte de cada item do componente. |
70
+ | --ez-dropdown\_\_item--line-height | Define a altura do texto de cada item do componente. |
71
+ | --ez-dropdown\_\_item--background-color | Define a cor de fundo no hover de cada item do componente. |
72
+ | --ez-dropdown\_\_item--transition | Define o efeito de transição do hover de cada item do componente. |
73
+ | --ez-dropdown\_\_item-label--margin-right | Define o espaçamento direito externo de cada label do componente. |
74
+ | --ez-dropdown\_\_icon--size | Define o tamanho da área de cada ícone do componente. |
75
+ | --ez-dropdown\_\_divider--background-color | Define a cor de fundo do divider do componente. |
76
+ | --ez-dropdown\_\_divider--margin | Define o espaçamento externo do divider do componente. |
77
+ | --ez-dropdown\_\_group-label--color | Define a cor do título de cada grupo do componente. |
78
+ | --ez-dropdown\_\_group-label--font-weight | Define o peso do texto do título de cada grupo do componente. |
79
+ | --ez-dropdown\_\_group-label--font-size | Define o tamanho da fonte do título de cada grupo do componente. |
80
+ | --ez-dropdown\_\_group-label--line-height | Define a altura do texto do título de cada grupo do componente. |
81
+ | --ez-dropdown\_\_group-label--padding | Define o espaçamento interno do título de cada grupo do componente. |
82
+ | --ez-dropdown\_\_submenu--z-index | Define a posição do submenu do componente. |
83
+ | --ez-dropdown\_\_link--font-weight | Define o peso do texto de cada link do componente. |
84
+ | --ez-dropdown\_\_link--primary--color | Define a cor utilizada como padrão para ações secundárias. |
85
+ | --ez-dropdown\_\_link--critical--color | Define a cor utilizada para ações destrutivas como um excluir. |
86
+ | --ez-dropdown\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. |
87
+ | --ez-dropdown\_\_scrollbar--color-background | Define a cor de fundo da barra de rolagem do componente. |
88
+ | --ez-dropdown\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. |
89
+ | --ez-dropdown\_\_scrollbar--color-clicked | Define a cor do active na barra de rolagem do componente. |
90
+ | --ez-dropdown\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. |
91
+ | --ez-dropdown\_\_scrollbar--width | Define a largura da barra de rolagem do componente. |
92
+ | --ez-dropdown\_\_scrollbar--padding-right | Define o espaçamento interno direito quando houver barra de rolagem. |
@@ -0,0 +1,29 @@
1
+ # ez-empty-card
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | -------- | --------- | ---------------------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- |
12
+ | `color` | `color` | Define a cor tema do componente. | `"default" \| "gray" \| "green" \| "petroleum" \| "red" \| "yellow"` | `"default"` |
13
+ | `height` | `height` | Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. | `number` | `undefined` |
14
+ | `width` | `width` | Define a largura do componente, sobrescrevendo o padrão da propriedade size. | `number` | `undefined` |
15
+
16
+
17
+ ----------------------------------------------
18
+
19
+
20
+
21
+
22
+ ## CSS Variables
23
+ | Variable | Description |
24
+ |-|-|
25
+ | --ez-empty-card--width | Define a largura do componente. |
26
+ | --ez-empty-card--height | Define a altura do componente. |
27
+ | --ez-empty-card--padding | Define a margem do componente. |
28
+ | --ez-empty-card--border-radius | Define o raio da borda do componente. |
29
+ | --ez-empty-card--background-color | Define a cor de fundo do componente. |
@@ -40,3 +40,20 @@ graph TD;
40
40
  ----------------------------------------------
41
41
 
42
42
 
43
+
44
+
45
+ ## CSS Variables
46
+ | Variable | Description |
47
+ |-|-|
48
+ | --ez-file-item--height | Define a altura do componente. |
49
+ | --ez-file-item--padding | Define espaçamento interno do componente. |
50
+ | --ez-file-item--border-radius | Define o arredondamento dos retangulos. |
51
+ | --ez-file-item--border-color | Define a cor da borda. |
52
+ | --ez-file-item--border-style | Define largura e estilo da borda. |
53
+ | --ez-file-item--font-family | Define a família da fonte. |
54
+ | --ez-file-item--font-size | Define o tamanho da fonte. |
55
+ | --ez-file-item--font-weight | Define o peso da fonte. |
56
+ | --ez-file-item--color | Define a cor da fonte. |
57
+ | --ez-file-item\_\_file-size--font-weight | Define o peso da fonte do tamanho do arquivo. |
58
+ | --ez-file-item\_\_file-size--color | Define o peso da fonte do tamanho do arquivo. |
59
+ | --ez-file-item--icon-color | Define a cor do ícone. |
@@ -91,6 +91,7 @@ graph TD;
91
91
  ez-form-view --> ez-text-input
92
92
  ez-form-view --> ez-search-plus
93
93
  ez-form-view --> ez-search
94
+ ez-form-view --> ez-rich-text
94
95
  ez-collapsible-box --> ez-icon
95
96
  ez-collapsible-box --> ez-text-edit
96
97
  ez-text-edit --> ez-text-input
@@ -112,6 +113,8 @@ graph TD;
112
113
  ez-date-time-input --> ez-popover-plus
113
114
  ez-date-time-input --> ez-calendar
114
115
  ez-number-input --> ez-text-input
116
+ ez-text-area --> ez-tooltip
117
+ ez-text-area --> ez-icon
115
118
  ez-search-plus --> ez-icon
116
119
  ez-search-plus --> ez-text-input
117
120
  ez-search-plus --> ez-popover-plus
@@ -123,6 +126,28 @@ graph TD;
123
126
  ez-search --> ez-popover-plus
124
127
  ez-search --> search-list
125
128
  search-list --> ez-card-item
129
+ ez-rich-text --> ez-text-area
130
+ ez-rich-text --> ez-rich-toolbar
131
+ ez-rich-text --> ez-link-builder
132
+ ez-rich-text --> ez-simple-image-uploader
133
+ ez-rich-toolbar --> ez-rich-toolbar-arrows
134
+ ez-rich-toolbar --> ez-rich-toolbar-letters
135
+ ez-rich-toolbar --> ez-rich-toolbar-configs
136
+ ez-rich-toolbar-arrows --> ez-rich-toolbar-item
137
+ ez-rich-toolbar-item --> ez-icon
138
+ ez-rich-toolbar-letters --> ez-rich-toolbar-item
139
+ ez-rich-toolbar-configs --> ez-rich-toolbar-item
140
+ ez-link-builder --> ez-popup
141
+ ez-link-builder --> ez-modal-container
142
+ ez-link-builder --> ez-text-input
143
+ ez-link-builder --> ez-check
144
+ ez-modal-container --> ez-icon
145
+ ez-modal-container --> ez-button
146
+ ez-simple-image-uploader --> ez-popup
147
+ ez-simple-image-uploader --> ez-modal-container
148
+ ez-simple-image-uploader --> ez-tooltip
149
+ ez-simple-image-uploader --> ez-text-input
150
+ ez-simple-image-uploader --> ez-icon
126
151
  style ez-form fill:#f9f,stroke:#333,stroke-width:4px
127
152
  ```
128
153
 
@@ -76,6 +76,7 @@ Type: `Promise<void>`
76
76
  - [ez-text-input](../ez-text-input)
77
77
  - [ez-search-plus](../ez-search-plus)
78
78
  - [ez-search](../ez-search)
79
+ - [ez-rich-text](../ez-rich-text)
79
80
 
80
81
  ### Graph
81
82
  ```mermaid
@@ -93,6 +94,7 @@ graph TD;
93
94
  ez-form-view --> ez-text-input
94
95
  ez-form-view --> ez-search-plus
95
96
  ez-form-view --> ez-search
97
+ ez-form-view --> ez-rich-text
96
98
  ez-collapsible-box --> ez-icon
97
99
  ez-collapsible-box --> ez-text-edit
98
100
  ez-text-edit --> ez-text-input
@@ -114,6 +116,8 @@ graph TD;
114
116
  ez-date-time-input --> ez-popover-plus
115
117
  ez-date-time-input --> ez-calendar
116
118
  ez-number-input --> ez-text-input
119
+ ez-text-area --> ez-tooltip
120
+ ez-text-area --> ez-icon
117
121
  ez-search-plus --> ez-icon
118
122
  ez-search-plus --> ez-text-input
119
123
  ez-search-plus --> ez-popover-plus
@@ -125,6 +129,28 @@ graph TD;
125
129
  ez-search --> ez-popover-plus
126
130
  ez-search --> search-list
127
131
  search-list --> ez-card-item
132
+ ez-rich-text --> ez-text-area
133
+ ez-rich-text --> ez-rich-toolbar
134
+ ez-rich-text --> ez-link-builder
135
+ ez-rich-text --> ez-simple-image-uploader
136
+ ez-rich-toolbar --> ez-rich-toolbar-arrows
137
+ ez-rich-toolbar --> ez-rich-toolbar-letters
138
+ ez-rich-toolbar --> ez-rich-toolbar-configs
139
+ ez-rich-toolbar-arrows --> ez-rich-toolbar-item
140
+ ez-rich-toolbar-item --> ez-icon
141
+ ez-rich-toolbar-letters --> ez-rich-toolbar-item
142
+ ez-rich-toolbar-configs --> ez-rich-toolbar-item
143
+ ez-link-builder --> ez-popup
144
+ ez-link-builder --> ez-modal-container
145
+ ez-link-builder --> ez-text-input
146
+ ez-link-builder --> ez-check
147
+ ez-modal-container --> ez-icon
148
+ ez-modal-container --> ez-button
149
+ ez-simple-image-uploader --> ez-popup
150
+ ez-simple-image-uploader --> ez-modal-container
151
+ ez-simple-image-uploader --> ez-tooltip
152
+ ez-simple-image-uploader --> ez-text-input
153
+ ez-simple-image-uploader --> ez-icon
128
154
  ez-form --> ez-form-view
129
155
  style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
130
156
  ```
@@ -132,3 +158,12 @@ graph TD;
132
158
  ----------------------------------------------
133
159
 
134
160
 
161
+
162
+
163
+ ## CSS Variables
164
+ | Variable | Description |
165
+ |-|-|
166
+ | --ez-form-view\_\_item--min-width | Define o tamanho mínimo dos itens do formulário. |
167
+ | --ez-form-view\_\_item--max-width | Define o tamanho máximo dos itens do formulário. |
168
+ | --ez-form-view\_\_item--width | Define o espaçamento entre itens do formulário. |
169
+ | --ez-form-view\_\_item--padding | Define o padding do formulário. |
@@ -283,3 +283,17 @@ graph TD;
283
283
  ----------------------------------------------
284
284
 
285
285
 
286
+
287
+
288
+ ## CSS Variables
289
+ | Variable | Description |
290
+ |-|-|
291
+ | --ez-grid\_\_header--background-color | Define a cor de fundo do header do componente. |
292
+ | --ez-grid\_\_selection-counter--z-index | Define o z-index do componente selection counter. |
293
+ | --ez-grid\_\_container--shadow | Define o sombreamento usado como borda. |
294
+ | --ez-grid--min-height | Define altura mínima da grid |
295
+ | --ez-grid\_\_container--shadow--outline | Define o outline usado como borda. |
296
+ | --ez-grid\_\_header--shadow | Define a sombra do header. |
297
+ | --ez-grid\_\_header--shadow--outline | Define o outline usado como borda do header. |
298
+ | --ez-grid\_\_header--outline | Define o outline do header. |
299
+ | --ez-grid\_\_header--border | Define a borda do header. |
@@ -136,3 +136,16 @@ graph TD;
136
136
  ----------------------------------------------
137
137
 
138
138
 
139
+
140
+
141
+ ## CSS Variables
142
+ | Variable | Description |
143
+ |-|-|
144
+ | --ez-guide-navigator--padding-left | Define o espaçamento da esquerda do container |
145
+ | --ez-guide-navigator--padding-right | Define o espaçamento da direita do container |
146
+ | --ez-guide-navigator--box-shadow | Define a cor de shadow box do container de label |
147
+ | --ez-guide-navigator--background-color | Define a cor de fundo do container de label |
148
+ | --ez-guide-navigator--border-radius | Define o border radius do container de label |
149
+ | --ez-guide-navigator--actions-gap | Define o espaçamento entre as ações |
150
+ | --ez-guide-navigator--actions-margin | Define a margem vertical do elemento |
151
+ | --ez-guide-navigator--actions-padding-right | Define o espaçamento da direita do elemento |
@@ -35,12 +35,17 @@
35
35
  - [ez-grid](../ez-grid)
36
36
  - [ez-modal-container](../ez-modal-container)
37
37
  - [ez-multi-selection-list](../ez-multi-selection-list)
38
+ - [ez-rich-toolbar-item](../ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item)
38
39
  - [ez-search](../ez-search)
39
40
  - [ez-search-plus](../ez-search-plus)
40
41
  - [ez-sidebar-button](../ez-sidebar-button)
42
+ - [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
41
43
  - [ez-split-button](../ez-split-button)
42
44
  - [ez-tabselector](../ez-tabselector)
45
+ - [ez-text-area](../ez-text-area)
43
46
  - [ez-text-input](../ez-text-input)
47
+ - [ez-tile](../ez-tile)
48
+ - [ez-tile-medium](../ez-tile-medium)
44
49
  - [ez-time-input](../ez-time-input)
45
50
  - [ez-tree](../ez-tree)
46
51
 
@@ -63,12 +68,17 @@ graph TD;
63
68
  ez-grid --> ez-icon
64
69
  ez-modal-container --> ez-icon
65
70
  ez-multi-selection-list --> ez-icon
71
+ ez-rich-toolbar-item --> ez-icon
66
72
  ez-search --> ez-icon
67
73
  ez-search-plus --> ez-icon
68
74
  ez-sidebar-button --> ez-icon
75
+ ez-simple-image-uploader --> ez-icon
69
76
  ez-split-button --> ez-icon
70
77
  ez-tabselector --> ez-icon
78
+ ez-text-area --> ez-icon
71
79
  ez-text-input --> ez-icon
80
+ ez-tile --> ez-icon
81
+ ez-tile-medium --> ez-icon
72
82
  ez-time-input --> ez-icon
73
83
  ez-tree --> ez-icon
74
84
  style ez-icon fill:#f9f,stroke:#333,stroke-width:4px
@@ -77,3 +87,9 @@ graph TD;
77
87
  ----------------------------------------------
78
88
 
79
89
 
90
+
91
+
92
+ ## CSS Variables
93
+ | Variable | Description |
94
+ |-|-|
95
+ | --ez-icon--color | Define a cor do ícone. |
@@ -117,3 +117,40 @@ graph TD;
117
117
  ----------------------------------------------
118
118
 
119
119
 
120
+
121
+
122
+ ## CSS Variables
123
+ | Variable | Description |
124
+ |-|-|
125
+ | --ez-list\_\_host--z-index | Define a camada de visibilidae do componente. |
126
+ | --ez-list\_\_host--border-radius | Define o raio da borda do componente. |
127
+ | --ez-list\_\_host--padding | Define o espaçamento entre a lista e o componente. |
128
+ | --ez-list\_\_icon--padding | Define o espaçamento interno do ícone. |
129
+ | --ez-list\_\_icon--color | Define a cor do ícone de arrasto do item da lista. |
130
+ | --ez-list\_\_item--margin | Define o espaçamento externo do item da lista. |
131
+ | --ez-list\_\_item--color | Define a cor do texto do item da lista. |
132
+ | --ez-list\_\_item--border-bottom | Define o estilo borda inferior do item da lista. |
133
+ | --ez-list\_\_item--border-bottom-color | Define a cor da borda inferior do item da lista. |
134
+ | --ez-list\_\_item--font-family | Define o estilo do texto do item da lista. |
135
+ | --ez-list\_\_item--font-size | Define o tamanho do texto do item da lista. |
136
+ | --ez-list\_\_item--white-space | Define o tipo da quebra de linha do item da lista. |
137
+ | --ez-list\_\_selectable--padding-right | Define o espaçamento lateral direito para items selecionados. |
138
+ | --ez-list\_\_selectable--padding-left | Define o espaçamento lateral esquerdo para items selecionados. |
139
+ | --ez-list\_\_selected-item--border-radius | Define o raio da borda de items selecionados. |
140
+ | --ez-list\_\_selected-item--background-color | Define a cor de fundo de items selecionados. |
141
+ | --ez-list\_\_group--font-family | Define o estilo do texto do grupo da lista. |
142
+ | --ez-list\_\_group--font-size | Define o tamanho do texto do grupo da lista. |
143
+ | --ez-list\_\_group--font-weight | Define o peso do texto do grupo da lista. |
144
+ | --ez-list\_\_group--padding-bottom | Define o espaçamento inferior do grupo da lista. |
145
+ | --ez-list\_\_group-overlay--font-family | Define o estilo do texto da área de transferência de grupos. |
146
+ | --ez-list\_\_group-overlay--font-size | Define o tamanho do texto da área de transferência de grupos. |
147
+ | --ez-list\_\_over--border--color | Define a cor da borda pontilhada sobre os elementos da lista. |
148
+ | --ez-list\_\_last-droppable-space--height | Define a altura do container para arrasto para última posição . |
149
+ | --ez-list\_\_draggable-list--padding-bottom | Define o espaçamento do container de itens arrastáveis . |
150
+ | --ez-list\_\_draggable-icon--image | Define a imagem do ícone de drag. |
151
+ | --ez-list\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. |
152
+ | --ez-list\_\_scrollbar--color-background | Define a cor de fundo da barra de rolagem do componente. |
153
+ | --ez-list\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. |
154
+ | --ez-list\_\_scrollbar--color-clicked | Define a cor do active na barra de rolagem do componente. |
155
+ | --ez-list\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. |
156
+ | --ez-list\_\_scrollbar--width | Define a largura da barra de rolagem do componente. |
@@ -31,3 +31,11 @@
31
31
  ----------------------------------------------
32
32
 
33
33
 
34
+
35
+
36
+ ## CSS Variables
37
+ | Variable | Description |
38
+ |-|-|
39
+ | --ez-modal-z-index | Define a camada em que o componente será exibido. |
40
+ | --ez-modal-vertical-padding | Define o espaçamento vertical do conteúdo do modal. |
41
+ | --ez-modal-content-padding | Define o padding entre o conteúdo e o modal |
@@ -28,6 +28,11 @@
28
28
 
29
29
  ## Dependencies
30
30
 
31
+ ### Used by
32
+
33
+ - [ez-link-builder](../ez-rich-text/ez-link-builder)
34
+ - [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
35
+
31
36
  ### Depends on
32
37
 
33
38
  - [ez-icon](../ez-icon)
@@ -39,6 +44,8 @@ graph TD;
39
44
  ez-modal-container --> ez-icon
40
45
  ez-modal-container --> ez-button
41
46
  ez-button --> ez-icon
47
+ ez-link-builder --> ez-modal-container
48
+ ez-simple-image-uploader --> ez-modal-container
42
49
  style ez-modal-container fill:#f9f,stroke:#333,stroke-width:4px
43
50
  ```
44
51
 
@@ -97,3 +97,10 @@ graph TD;
97
97
  ----------------------------------------------
98
98
 
99
99
 
100
+
101
+
102
+ ## CSS Variables
103
+ | Variable | Description |
104
+ |-|-|
105
+ | --ez-number-input\_\_min-width | Define a largura maxima do componente. |
106
+ | --ez-number-input\_\_max-width | Define a largura minima do componente. |
@@ -84,3 +84,12 @@ graph TD;
84
84
  ----------------------------------------------
85
85
 
86
86
 
87
+
88
+
89
+ ## CSS Variables
90
+ | Variable | Description |
91
+ |-|-|
92
+ | --ez-popover\_\_box--border-radius | Define o raio da borda do popover. |
93
+ | --ez-popover\_\_box--box-shadow | Define a sombra do popover. |
94
+ | --ez-popover\_\_box--background-color | Define a cor de fundo do popover. |
95
+ | --ez-popover\_\_box--z-index | Define a camada de visibilidade do popover. |
@@ -25,6 +25,36 @@
25
25
  | `ezPopupAction` | Evento emitido ao clicar no botão de fechar (ezPopupAction = OK) | `CustomEvent<string>` |
26
26
 
27
27
 
28
+ ## Dependencies
29
+
30
+ ### Used by
31
+
32
+ - [ez-link-builder](../ez-rich-text/ez-link-builder)
33
+ - [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
34
+
35
+ ### Graph
36
+ ```mermaid
37
+ graph TD;
38
+ ez-link-builder --> ez-popup
39
+ ez-simple-image-uploader --> ez-popup
40
+ style ez-popup fill:#f9f,stroke:#333,stroke-width:4px
41
+ ```
42
+
28
43
  ----------------------------------------------
29
44
 
30
45
 
46
+
47
+
48
+ ## CSS Variables
49
+ | Variable | Description |
50
+ |-|-|
51
+ | --ez-popup-z-index | Define a camada em que o componente será exibido. |
52
+ | --ez-popup\_\_container--color | Define a cor do texto do container do popup. |
53
+ | --ez-popup\_\_container--padding | Define o espaçamento do container do popup. |
54
+ | --ez-popup\_\_header--padding-bottom | Define o espaçamento inferior do cabeçalho do popup. |
55
+ | --ez-popup\_\_title--font-family | Define a família da fonte do título do popup. |
56
+ | --ez-popup\_\_title--font-size | Define o tamanho da fonte do título do popup. |
57
+ | --ez-popup\_\_title--color | Define a cor da fonte do título do popup. |
58
+ | --ez-popup\_\_title--font-weight | Define o peso da fonte do título do popup. |
59
+ | --ez-popup\_\_btn\_\_close--icon-color | Define a cor do ícone do botão de fechamento. |
60
+ | --ez-popup\_\_btn\_\_close--icon | Contém o ícone do botão de fechamento. |
@@ -26,3 +26,33 @@
26
26
  ----------------------------------------------
27
27
 
28
28
 
29
+
30
+
31
+ ## CSS Variables
32
+ | Variable | Description |
33
+ |-|-|
34
+ | --ez-radio-button--font-family | Define a família da fonte do label. |
35
+ | --ez-radio-button--font-size | Define o tamanho do label. |
36
+ | --ez-radio-button--font-weight | Define o peso da fonte do label. |
37
+ | --ez-radio-button--font-color | Define a cor do texto. |
38
+ | --ez-radio-button--padding-vertical | Define o espaço superior e inferior da lista de opções. |
39
+ | --ez-radio-button--padding-horizontal | Define o espaço lateral da lista de opções. |
40
+ | --ez-radio-button\_\_form-label--font-family | Define a família da fonte do label. |
41
+ | --ez-radio-button\_\_form-label--font-weight | Define o peso da fonte do label. |
42
+ | --ez-radio-button\_\_form-label--title-primary | Define a cor do texto. |
43
+ | --ez-radio-button\_\_form-label--font-size | Define o tamanho do label. |
44
+ | --ez-radio-button\_\_form-label--padding-horizontal | Define o espaço lateral da lista de opções. |
45
+ | --ez-radio-button\_\_form-radio--border-color | cor da borda do radio sem seleção (sem seleção / sem foco / sem hover / enabled) |
46
+ | --ez-radio-button\_\_form-radio--checked--color | cor do radio selecionado (com seleção / sem foco / sem hover / enabled) |
47
+ | --ez-radio-button\_\_form-radio--disabled--border-color | cor da borda do radio quando está desativado (sem seleção / sem foco / sem hover / disabled) |
48
+ | --ez-radio-button\_\_form-radio--disabled--background-color | cor do background do radio quando está desativado (sem seleção / sem foco / sem hover / disabled) |
49
+ | --ez-radio-button\_\_form-radio--disabled--color | cor da label quando o radio está desativado (sem seleção / sem foco / sem hover / disabled) |
50
+ | --ez-radio-button\_\_form-radio--disabled--before--background-color | cor do centro do radio quando o radio está desativado (com seleção / sem foco / sem hover / disabled) |
51
+ | --ez-radio-button\_\_form-radio--focus--background-color | cor do background quando o radio está ativado e sem seleção (sem seleção / com foco / sem hover / enabled) |
52
+ | --ez-radio-button\_\_form-radio--checked--box-shadow-color | cor do box-shadow quando o radio está ativado e sem seleção (sem seleção / com foco / sem hover / enabled) |
53
+ | --ez-radio-button\_\_form-radio--checked--focus--background-color | cor do background quando o radio está marcado e com foco (com seleção / com foco / sem hover / enabled) |
54
+ | --ez-radio-button\_\_form-radio--checked--focus--box-shadow-color | cor do background quando o radio está marcado e com foco (com seleção / com foco / sem hover / enabled) |
55
+ | --ez-radio-button\_\_form-radio--checked--hover--background-color | cor do background quando o radio está marcado, com foco e com hover (com seleção / com foco / com hover / enabled) |
56
+ | --ez-radio-button\_\_form-radio--checked--hover--box-shadow-color | cor do box-shadow quando o radio está marcado, com foco e com hover (com seleção / com foco / com hover / enabled) |
57
+ | --ez-radio-button\_\_form-radio--hover--box-shadow-color | cor do hover quando o radio está desmarcado (sem seleção / sem foco / com hover / enabled) |
58
+ | --ez-radio-button\_\_form-radio--checked--disabled--hover--background-color | cor do fundo quando o radio está marcado e desativado (com seleção / sem foco / com hover / disabled) |
@@ -0,0 +1,69 @@
1
+ # ez-link-builder
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Events
9
+
10
+ | Event | Description | Type |
11
+ | ----------------------- | ----------- | --------------------------------- |
12
+ | `executeToolbarCommand` | | `CustomEvent<RichToolbarCommand>` |
13
+
14
+
15
+ ## Methods
16
+
17
+ ### `hide() => Promise<void>`
18
+
19
+
20
+
21
+ #### Returns
22
+
23
+ Type: `Promise<void>`
24
+
25
+
26
+
27
+ ### `show(text?: string) => Promise<void>`
28
+
29
+
30
+
31
+ #### Returns
32
+
33
+ Type: `Promise<void>`
34
+
35
+
36
+
37
+
38
+ ## Dependencies
39
+
40
+ ### Used by
41
+
42
+ - [ez-rich-text](..)
43
+
44
+ ### Depends on
45
+
46
+ - [ez-popup](../../ez-popup)
47
+ - [ez-modal-container](../../ez-modal-container)
48
+ - [ez-text-input](../../ez-text-input)
49
+ - [ez-check](../../ez-check)
50
+
51
+ ### Graph
52
+ ```mermaid
53
+ graph TD;
54
+ ez-link-builder --> ez-popup
55
+ ez-link-builder --> ez-modal-container
56
+ ez-link-builder --> ez-text-input
57
+ ez-link-builder --> ez-check
58
+ ez-modal-container --> ez-icon
59
+ ez-modal-container --> ez-button
60
+ ez-button --> ez-icon
61
+ ez-text-input --> ez-tooltip
62
+ ez-text-input --> ez-icon
63
+ ez-rich-text --> ez-link-builder
64
+ style ez-link-builder fill:#f9f,stroke:#333,stroke-width:4px
65
+ ```
66
+
67
+ ----------------------------------------------
68
+
69
+
@@ -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
+