@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.
- package/components/ez-actions-button/readme.md +14 -0
- package/components/ez-alert/readme.md +18 -0
- package/components/ez-alert-list/readme.md +16 -0
- package/components/ez-avatar/readme.md +6 -0
- package/components/ez-badge/readme.md +5 -0
- package/components/ez-breadcrumb/readme.md +8 -0
- package/components/ez-button/readme.md +37 -0
- package/components/ez-calendar/readme.md +34 -0
- package/components/ez-card-item/readme.md +17 -0
- package/components/ez-check/readme.md +47 -0
- package/components/ez-chip/readme.md +47 -14
- package/components/ez-collapsible-box/readme.md +20 -0
- package/components/ez-combo-box/ez-combo-box-list/readme.md +11 -11
- package/components/ez-combo-box/readme.md +23 -22
- package/components/ez-date-input/readme.md +8 -0
- package/components/ez-date-time-input/readme.md +8 -0
- package/components/ez-dialog/readme.md +26 -0
- package/components/ez-dropdown/readme.md +41 -0
- package/components/ez-empty-card/readme.md +29 -0
- package/components/ez-file-item/readme.md +17 -0
- package/components/ez-form/readme.md +25 -0
- package/components/ez-form-view/readme.md +35 -0
- package/components/ez-grid/readme.md +14 -0
- package/components/ez-guide-navigator/readme.md +13 -0
- package/components/ez-icon/readme.md +16 -0
- package/components/ez-list/readme.md +37 -0
- package/components/ez-modal/readme.md +8 -0
- package/components/ez-modal-container/readme.md +7 -0
- package/components/ez-number-input/readme.md +7 -0
- package/components/ez-popover/readme.md +9 -0
- package/components/ez-popup/readme.md +30 -0
- package/components/ez-radio-button/readme.md +30 -0
- package/components/ez-rich-text/ez-link-builder/readme.md +69 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-arrows/readme.md +29 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-configs/readme.md +29 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item/readme.md +49 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-letters/readme.md +29 -0
- package/components/ez-rich-text/ez-rich-toolbar/readme.md +54 -0
- package/components/ez-rich-text/ez-simple-image-uploader/readme.md +78 -0
- package/components/ez-rich-text/readme.md +121 -0
- package/components/ez-scroller/readme.md +14 -0
- package/components/ez-search/readme.md +30 -0
- package/components/ez-search-plus/readme.md +40 -0
- package/components/ez-sidebar-button/readme.md +17 -0
- package/components/ez-sidebar-navigator/readme.md +19 -0
- package/components/ez-sortable-list/readme.md +32 -16
- package/components/ez-split-button/readme.md +42 -13
- package/components/ez-tabselector/readme.md +7 -0
- package/components/ez-tag/readme.md +34 -0
- package/components/ez-text-area/readme.md +47 -1
- package/components/ez-text-input/readme.md +46 -0
- package/components/ez-tile/readme.md +89 -0
- package/components/ez-tile-medium/readme.md +97 -0
- package/components/ez-toast/readme.md +12 -0
- package/components/ez-tooltip/readme.md +6 -0
- package/components/ez-tree/readme.md +31 -0
- package/components/ez-underface/readme.md +29 -0
- package/components/ez-upload/readme.md +22 -0
- 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
|
+
|