@sankhyalabs/ezui-docs 6.1.0-dev.1 → 6.1.0-dev.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ez-check/readme.md +2 -0
- package/components/ez-chip/readme.md +9 -8
- package/components/ez-combo-box/readme.md +23 -21
- package/components/ez-form/readme.md +23 -0
- package/components/ez-form-view/readme.md +24 -0
- package/components/ez-icon/readme.md +4 -0
- package/components/ez-modal-container/readme.md +7 -0
- package/components/ez-popup/readme.md +15 -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 +111 -0
- package/components/ez-text-area/readme.md +2 -0
- package/components/ez-text-input/readme.md +4 -0
- package/components/ez-tooltip/readme.md +2 -0
- package/package.json +1 -1
|
@@ -53,6 +53,7 @@ Type: `Promise<void>`
|
|
|
53
53
|
### Used by
|
|
54
54
|
|
|
55
55
|
- [ez-form-view](../ez-form-view)
|
|
56
|
+
- [ez-link-builder](../ez-rich-text/ez-link-builder)
|
|
56
57
|
- [ez-list](../ez-list)
|
|
57
58
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
58
59
|
|
|
@@ -60,6 +61,7 @@ Type: `Promise<void>`
|
|
|
60
61
|
```mermaid
|
|
61
62
|
graph TD;
|
|
62
63
|
ez-form-view --> ez-check
|
|
64
|
+
ez-link-builder --> ez-check
|
|
63
65
|
ez-list --> ez-check
|
|
64
66
|
ez-multi-selection-list --> ez-check
|
|
65
67
|
style ez-check fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -7,14 +7,15 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------ | --------------------------- | ----------------------------------------------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `disableAutoUpdateValue` | `disable-auto-update-value` | Desabilita a alteração da propriedade value ao clicar. | `boolean` | `false` |
|
|
13
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o ez-chip. | `boolean` | `true` |
|
|
14
|
+
| `label` | `label` | Texto a ser apresentado como título do ez-chip. | `string` | `undefined` |
|
|
15
|
+
| `mode` | `mode` | Define o modo de uso do ez-chip. | `"action" \| "label"` | `undefined` |
|
|
16
|
+
| `removePosition` | `remove-position` | Determina o posicionamento do botão de remover (não disponível no modo `action`). Se não informado, não exibe o botão. | `"left" \| "right"` | `undefined` |
|
|
17
|
+
| `showNativeTooltip` | `show-native-tooltip` | Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento. | `boolean` | `true` |
|
|
18
|
+
| `value` | `value` | Define o valor do ez-chip. | `boolean` | `false` |
|
|
18
19
|
|
|
19
20
|
|
|
20
21
|
## Events
|
|
@@ -7,27 +7,29 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type | Default
|
|
11
|
-
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- |
|
|
12
|
-
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined`
|
|
13
|
-
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false`
|
|
14
|
-
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true`
|
|
15
|
-
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true`
|
|
16
|
-
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined`
|
|
17
|
-
| `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. | `boolean` | `true`
|
|
18
|
-
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false`
|
|
19
|
-
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined`
|
|
20
|
-
| `limitCharsToSearch` | `limit-chars-to-search` | Define o limite de caracteres mínimo para realizar uma pesquisa | `number` | `3`
|
|
21
|
-
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined`
|
|
22
|
-
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"`
|
|
23
|
-
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined`
|
|
24
|
-
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined`
|
|
25
|
-
| `
|
|
26
|
-
| `
|
|
27
|
-
| `
|
|
28
|
-
| `
|
|
29
|
-
| `
|
|
30
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | --------------------- |
|
|
12
|
+
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
|
|
13
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
14
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
15
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
16
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
17
|
+
| `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. | `boolean` | `true` |
|
|
18
|
+
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
19
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
20
|
+
| `limitCharsToSearch` | `limit-chars-to-search` | Define o limite de caracteres mínimo para realizar uma pesquisa | `number` | `3` |
|
|
21
|
+
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
|
|
22
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
23
|
+
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
24
|
+
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
25
|
+
| `preventAutoFocus` | `prevent-auto-focus` | Se true, impede que o campo de texto receba foco automaticamente ao abrir as opções. | `boolean` | `false` |
|
|
26
|
+
| `showOptionValue` | `show-option-value` | Se true cada opção na lista exibe o `value` junto com `label`. | `boolean` | `false` |
|
|
27
|
+
| `showSelectedValue` | `show-selected-value` | Se true a opção selecionada exibe o `value` junto com `label`. | `boolean` | `false` |
|
|
28
|
+
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `true` |
|
|
29
|
+
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
30
|
+
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
31
|
+
| `textEmptyOption` | `text-empty-option` | Texto a ser apresentado na opção de valor nulo. | `string` | `"Selecione um item"` |
|
|
32
|
+
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
31
33
|
|
|
32
34
|
|
|
33
35
|
## Events
|
|
@@ -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
|
|
@@ -123,6 +124,28 @@ graph TD;
|
|
|
123
124
|
ez-search --> ez-popover-plus
|
|
124
125
|
ez-search --> search-list
|
|
125
126
|
search-list --> ez-card-item
|
|
127
|
+
ez-rich-text --> ez-text-area
|
|
128
|
+
ez-rich-text --> ez-rich-toolbar
|
|
129
|
+
ez-rich-text --> ez-link-builder
|
|
130
|
+
ez-rich-text --> ez-simple-image-uploader
|
|
131
|
+
ez-rich-toolbar --> ez-rich-toolbar-arrows
|
|
132
|
+
ez-rich-toolbar --> ez-rich-toolbar-letters
|
|
133
|
+
ez-rich-toolbar --> ez-rich-toolbar-configs
|
|
134
|
+
ez-rich-toolbar-arrows --> ez-rich-toolbar-item
|
|
135
|
+
ez-rich-toolbar-item --> ez-icon
|
|
136
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
137
|
+
ez-rich-toolbar-configs --> ez-rich-toolbar-item
|
|
138
|
+
ez-link-builder --> ez-popup
|
|
139
|
+
ez-link-builder --> ez-modal-container
|
|
140
|
+
ez-link-builder --> ez-text-input
|
|
141
|
+
ez-link-builder --> ez-check
|
|
142
|
+
ez-modal-container --> ez-icon
|
|
143
|
+
ez-modal-container --> ez-button
|
|
144
|
+
ez-simple-image-uploader --> ez-popup
|
|
145
|
+
ez-simple-image-uploader --> ez-modal-container
|
|
146
|
+
ez-simple-image-uploader --> ez-tooltip
|
|
147
|
+
ez-simple-image-uploader --> ez-text-input
|
|
148
|
+
ez-simple-image-uploader --> ez-icon
|
|
126
149
|
style ez-form fill:#f9f,stroke:#333,stroke-width:4px
|
|
127
150
|
```
|
|
128
151
|
|
|
@@ -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
|
|
@@ -125,6 +127,28 @@ graph TD;
|
|
|
125
127
|
ez-search --> ez-popover-plus
|
|
126
128
|
ez-search --> search-list
|
|
127
129
|
search-list --> ez-card-item
|
|
130
|
+
ez-rich-text --> ez-text-area
|
|
131
|
+
ez-rich-text --> ez-rich-toolbar
|
|
132
|
+
ez-rich-text --> ez-link-builder
|
|
133
|
+
ez-rich-text --> ez-simple-image-uploader
|
|
134
|
+
ez-rich-toolbar --> ez-rich-toolbar-arrows
|
|
135
|
+
ez-rich-toolbar --> ez-rich-toolbar-letters
|
|
136
|
+
ez-rich-toolbar --> ez-rich-toolbar-configs
|
|
137
|
+
ez-rich-toolbar-arrows --> ez-rich-toolbar-item
|
|
138
|
+
ez-rich-toolbar-item --> ez-icon
|
|
139
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
140
|
+
ez-rich-toolbar-configs --> ez-rich-toolbar-item
|
|
141
|
+
ez-link-builder --> ez-popup
|
|
142
|
+
ez-link-builder --> ez-modal-container
|
|
143
|
+
ez-link-builder --> ez-text-input
|
|
144
|
+
ez-link-builder --> ez-check
|
|
145
|
+
ez-modal-container --> ez-icon
|
|
146
|
+
ez-modal-container --> ez-button
|
|
147
|
+
ez-simple-image-uploader --> ez-popup
|
|
148
|
+
ez-simple-image-uploader --> ez-modal-container
|
|
149
|
+
ez-simple-image-uploader --> ez-tooltip
|
|
150
|
+
ez-simple-image-uploader --> ez-text-input
|
|
151
|
+
ez-simple-image-uploader --> ez-icon
|
|
128
152
|
ez-form --> ez-form-view
|
|
129
153
|
style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
|
|
130
154
|
```
|
|
@@ -35,9 +35,11 @@
|
|
|
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)
|
|
43
45
|
- [ez-text-input](../ez-text-input)
|
|
@@ -63,9 +65,11 @@ graph TD;
|
|
|
63
65
|
ez-grid --> ez-icon
|
|
64
66
|
ez-modal-container --> ez-icon
|
|
65
67
|
ez-multi-selection-list --> ez-icon
|
|
68
|
+
ez-rich-toolbar-item --> ez-icon
|
|
66
69
|
ez-search --> ez-icon
|
|
67
70
|
ez-search-plus --> ez-icon
|
|
68
71
|
ez-sidebar-button --> ez-icon
|
|
72
|
+
ez-simple-image-uploader --> ez-icon
|
|
69
73
|
ez-split-button --> ez-icon
|
|
70
74
|
ez-tabselector --> ez-icon
|
|
71
75
|
ez-text-input --> ez-icon
|
|
@@ -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
|
|
|
@@ -25,6 +25,21 @@
|
|
|
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
|
|
|
@@ -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
|
+
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# ez-rich-toolbar-letters
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Dependencies
|
|
9
|
+
|
|
10
|
+
### Used by
|
|
11
|
+
|
|
12
|
+
- [ez-rich-toolbar](..)
|
|
13
|
+
|
|
14
|
+
### Depends on
|
|
15
|
+
|
|
16
|
+
- [ez-rich-toolbar-item](../ez-rich-toolbar-item)
|
|
17
|
+
|
|
18
|
+
### Graph
|
|
19
|
+
```mermaid
|
|
20
|
+
graph TD;
|
|
21
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
22
|
+
ez-rich-toolbar-item --> ez-icon
|
|
23
|
+
ez-rich-toolbar --> ez-rich-toolbar-letters
|
|
24
|
+
style ez-rich-toolbar-letters fill:#f9f,stroke:#333,stroke-width:4px
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
----------------------------------------------
|
|
28
|
+
|
|
29
|
+
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
# ez-rich-toolbar
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------- | ------------------ | --------------------------------------------------------------------------------------------------- | --------- | ------- |
|
|
12
|
+
| `isPreviewMode` | `is-preview-mode` | Informa se o editor está em modo preview. | `boolean` | `false` |
|
|
13
|
+
| `showConfigs` | `show-configs` | Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas. | `boolean` | `true` |
|
|
14
|
+
| `showPreview` | `show-preview` | Informa se as opções a opção de pré-visualização deve ser apresentada. | `boolean` | `true` |
|
|
15
|
+
| `showTextFormat` | `show-text-format` | Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas. | `boolean` | `true` |
|
|
16
|
+
| `showUndoRedo` | `show-undo-redo` | Informa se as opções de desfazer e refazer devem ser apresentadas. | `boolean` | `true` |
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
## Events
|
|
20
|
+
|
|
21
|
+
| Event | Description | Type |
|
|
22
|
+
| ----------------------- | ----------- | --------------------------------- |
|
|
23
|
+
| `executeToolbarCommand` | | `CustomEvent<RichToolbarCommand>` |
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## Dependencies
|
|
27
|
+
|
|
28
|
+
### Used by
|
|
29
|
+
|
|
30
|
+
- [ez-rich-text](..)
|
|
31
|
+
|
|
32
|
+
### Depends on
|
|
33
|
+
|
|
34
|
+
- [ez-rich-toolbar-arrows](ez-rich-toolbar-arrows)
|
|
35
|
+
- [ez-rich-toolbar-letters](ez-rich-toolbar-letters)
|
|
36
|
+
- [ez-rich-toolbar-configs](ez-rich-toolbar-configs)
|
|
37
|
+
|
|
38
|
+
### Graph
|
|
39
|
+
```mermaid
|
|
40
|
+
graph TD;
|
|
41
|
+
ez-rich-toolbar --> ez-rich-toolbar-arrows
|
|
42
|
+
ez-rich-toolbar --> ez-rich-toolbar-letters
|
|
43
|
+
ez-rich-toolbar --> ez-rich-toolbar-configs
|
|
44
|
+
ez-rich-toolbar-arrows --> ez-rich-toolbar-item
|
|
45
|
+
ez-rich-toolbar-item --> ez-icon
|
|
46
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
47
|
+
ez-rich-toolbar-configs --> ez-rich-toolbar-item
|
|
48
|
+
ez-rich-text --> ez-rich-toolbar
|
|
49
|
+
style ez-rich-toolbar fill:#f9f,stroke:#333,stroke-width:4px
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
----------------------------------------------
|
|
53
|
+
|
|
54
|
+
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
# ez-simple-image-uploader
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------- | ---------- | ---------------------------------------------------- | -------- | ------- |
|
|
12
|
+
| `maxSize` | `max-size` | Tamanho máximo que a imagem poderá ter em kilobytes. | `number` | `500` |
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## Events
|
|
16
|
+
|
|
17
|
+
| Event | Description | Type |
|
|
18
|
+
| ----------------------- | ----------- | --------------------------------- |
|
|
19
|
+
| `executeToolbarCommand` | | `CustomEvent<RichToolbarCommand>` |
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## Methods
|
|
23
|
+
|
|
24
|
+
### `hide() => Promise<void>`
|
|
25
|
+
|
|
26
|
+
Método responsável pelo fechamento do popup.
|
|
27
|
+
|
|
28
|
+
#### Returns
|
|
29
|
+
|
|
30
|
+
Type: `Promise<void>`
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
### `show() => Promise<void>`
|
|
35
|
+
|
|
36
|
+
Método responsável pela abertura do popup.
|
|
37
|
+
|
|
38
|
+
#### Returns
|
|
39
|
+
|
|
40
|
+
Type: `Promise<void>`
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
## Dependencies
|
|
46
|
+
|
|
47
|
+
### Used by
|
|
48
|
+
|
|
49
|
+
- [ez-rich-text](..)
|
|
50
|
+
|
|
51
|
+
### Depends on
|
|
52
|
+
|
|
53
|
+
- [ez-popup](../../ez-popup)
|
|
54
|
+
- [ez-modal-container](../../ez-modal-container)
|
|
55
|
+
- [ez-tooltip](../../ez-tooltip)
|
|
56
|
+
- [ez-text-input](../../ez-text-input)
|
|
57
|
+
- [ez-icon](../../ez-icon)
|
|
58
|
+
|
|
59
|
+
### Graph
|
|
60
|
+
```mermaid
|
|
61
|
+
graph TD;
|
|
62
|
+
ez-simple-image-uploader --> ez-popup
|
|
63
|
+
ez-simple-image-uploader --> ez-modal-container
|
|
64
|
+
ez-simple-image-uploader --> ez-tooltip
|
|
65
|
+
ez-simple-image-uploader --> ez-text-input
|
|
66
|
+
ez-simple-image-uploader --> ez-icon
|
|
67
|
+
ez-modal-container --> ez-icon
|
|
68
|
+
ez-modal-container --> ez-button
|
|
69
|
+
ez-button --> ez-icon
|
|
70
|
+
ez-text-input --> ez-tooltip
|
|
71
|
+
ez-text-input --> ez-icon
|
|
72
|
+
ez-rich-text --> ez-simple-image-uploader
|
|
73
|
+
style ez-simple-image-uploader fill:#f9f,stroke:#333,stroke-width:4px
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
----------------------------------------------
|
|
77
|
+
|
|
78
|
+
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
# ez-rich-text
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------- | ------------------ | -------------------------------------------------------------------------------------------------- | --------- | ----------- |
|
|
12
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
13
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
14
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
15
|
+
| `rows` | `rows` | Define o número de linhas. | `number` | `6` |
|
|
16
|
+
| `showBorder` | `show-border` | Define se deve exibir a borda externa do componente | `boolean` | `false` |
|
|
17
|
+
| `showConfigs` | `show-configs` | Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas | `boolean` | `true` |
|
|
18
|
+
| `showPreview` | `show-preview` | Informa se as opções a opção de pré-visualização deve ser apresentada. | `boolean` | `true` |
|
|
19
|
+
| `showTextFormat` | `show-text-format` | Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas | `boolean` | `true` |
|
|
20
|
+
| `showUndoRedo` | `show-undo-redo` | Informa se as opções de desfazer e refazer devem ser habilitadas. | `boolean` | `true` |
|
|
21
|
+
| `value` | `value` | Define o valor HTML do campo. | `string` | `''` |
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
## Events
|
|
25
|
+
|
|
26
|
+
| Event | Description | Type |
|
|
27
|
+
| ---------- | ------------------------------------------------------ | --------------------- |
|
|
28
|
+
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<string>` |
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
## Methods
|
|
32
|
+
|
|
33
|
+
### `isInvalid() => Promise<boolean>`
|
|
34
|
+
|
|
35
|
+
Retorna se o conteúdo é inválido.
|
|
36
|
+
|
|
37
|
+
#### Returns
|
|
38
|
+
|
|
39
|
+
Type: `Promise<boolean>`
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
### `setBlur() => Promise<void>`
|
|
44
|
+
|
|
45
|
+
Remove o foco do campo.
|
|
46
|
+
|
|
47
|
+
#### Returns
|
|
48
|
+
|
|
49
|
+
Type: `Promise<void>`
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
### `setFocus() => Promise<void>`
|
|
54
|
+
|
|
55
|
+
Aplica o foco no campo.
|
|
56
|
+
|
|
57
|
+
#### Returns
|
|
58
|
+
|
|
59
|
+
Type: `Promise<void>`
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
## Dependencies
|
|
65
|
+
|
|
66
|
+
### Used by
|
|
67
|
+
|
|
68
|
+
- [ez-form-view](../ez-form-view)
|
|
69
|
+
|
|
70
|
+
### Depends on
|
|
71
|
+
|
|
72
|
+
- [ez-text-area](../ez-text-area)
|
|
73
|
+
- [ez-rich-toolbar](ez-rich-toolbar)
|
|
74
|
+
- [ez-link-builder](ez-link-builder)
|
|
75
|
+
- [ez-simple-image-uploader](ez-simple-image-uploader)
|
|
76
|
+
|
|
77
|
+
### Graph
|
|
78
|
+
```mermaid
|
|
79
|
+
graph TD;
|
|
80
|
+
ez-rich-text --> ez-text-area
|
|
81
|
+
ez-rich-text --> ez-rich-toolbar
|
|
82
|
+
ez-rich-text --> ez-link-builder
|
|
83
|
+
ez-rich-text --> ez-simple-image-uploader
|
|
84
|
+
ez-rich-toolbar --> ez-rich-toolbar-arrows
|
|
85
|
+
ez-rich-toolbar --> ez-rich-toolbar-letters
|
|
86
|
+
ez-rich-toolbar --> ez-rich-toolbar-configs
|
|
87
|
+
ez-rich-toolbar-arrows --> ez-rich-toolbar-item
|
|
88
|
+
ez-rich-toolbar-item --> ez-icon
|
|
89
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
90
|
+
ez-rich-toolbar-configs --> ez-rich-toolbar-item
|
|
91
|
+
ez-link-builder --> ez-popup
|
|
92
|
+
ez-link-builder --> ez-modal-container
|
|
93
|
+
ez-link-builder --> ez-text-input
|
|
94
|
+
ez-link-builder --> ez-check
|
|
95
|
+
ez-modal-container --> ez-icon
|
|
96
|
+
ez-modal-container --> ez-button
|
|
97
|
+
ez-button --> ez-icon
|
|
98
|
+
ez-text-input --> ez-tooltip
|
|
99
|
+
ez-text-input --> ez-icon
|
|
100
|
+
ez-simple-image-uploader --> ez-popup
|
|
101
|
+
ez-simple-image-uploader --> ez-modal-container
|
|
102
|
+
ez-simple-image-uploader --> ez-tooltip
|
|
103
|
+
ez-simple-image-uploader --> ez-text-input
|
|
104
|
+
ez-simple-image-uploader --> ez-icon
|
|
105
|
+
ez-form-view --> ez-rich-text
|
|
106
|
+
style ez-rich-text fill:#f9f,stroke:#333,stroke-width:4px
|
|
107
|
+
```
|
|
108
|
+
|
|
109
|
+
----------------------------------------------
|
|
110
|
+
|
|
111
|
+
|
|
@@ -80,11 +80,13 @@ Type: `Promise<void>`
|
|
|
80
80
|
### Used by
|
|
81
81
|
|
|
82
82
|
- [ez-form-view](../ez-form-view)
|
|
83
|
+
- [ez-rich-text](../ez-rich-text)
|
|
83
84
|
|
|
84
85
|
### Graph
|
|
85
86
|
```mermaid
|
|
86
87
|
graph TD;
|
|
87
88
|
ez-form-view --> ez-text-area
|
|
89
|
+
ez-rich-text --> ez-text-area
|
|
88
90
|
style ez-text-area fill:#f9f,stroke:#333,stroke-width:4px
|
|
89
91
|
```
|
|
90
92
|
|
|
@@ -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
|
|
@@ -24,11 +24,13 @@
|
|
|
24
24
|
|
|
25
25
|
### Used by
|
|
26
26
|
|
|
27
|
+
- [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
|
|
27
28
|
- [ez-text-input](../ez-text-input)
|
|
28
29
|
|
|
29
30
|
### Graph
|
|
30
31
|
```mermaid
|
|
31
32
|
graph TD;
|
|
33
|
+
ez-simple-image-uploader --> ez-tooltip
|
|
32
34
|
ez-text-input --> ez-tooltip
|
|
33
35
|
style ez-tooltip fill:#f9f,stroke:#333,stroke-width:4px
|
|
34
36
|
```
|