@sankhyalabs/ezui-docs 6.1.0-dev.2 → 6.1.0-dev.21

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.
@@ -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 | Attribute | Description | Type | Default |
11
- | ------------------- | --------------------- | ----------------------------------------------------------------------------------------------------------------------- | --------------------- | ----------- |
12
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o ez-chip. | `boolean` | `true` |
13
- | `label` | `label` | Texto a ser apresentado como título do ez-chip. | `string` | `undefined` |
14
- | `mode` | `mode` | Define o modo de uso do ez-chip. | `"action" \| "label"` | `undefined` |
15
- | `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` |
16
- | `showNativeTooltip` | `show-native-tooltip` | Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento. | `boolean` | `true` |
17
- | `value` | `value` | Define o valor do ez-chip. | `boolean` | `false` |
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,17 +7,17 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ----------------- | ------------------- | -------------------------------------------------------------------- | --------------------------- | ------------------------------- |
12
- | `maxWidth` | `max-width` | Largura máxima da lista, em pixels. | `number` | `undefined` |
13
- | `onOptionHover` | -- | Callback chamado quando o mouse passa sobre uma opção. | `(index: number) => void` | `undefined` |
14
- | `onOptionSelect` | -- | Callback chamado quando uma opção é selecionada. | `(option: IOption) => void` | `undefined` |
15
- | `preSelection` | `pre-selection` | Índice da opção pré-selecionada na lista. | `number` | `undefined` |
16
- | `showLoading` | `show-loading` | Indica se o indicador de carregamento deve ser exibido. | `boolean` | `undefined` |
17
- | `showOptionValue` | `show-option-value` | Indica se o valor de cada opção deve ser exibido junto com o rótulo. | `boolean` | `undefined` |
18
- | `textEmptyList` | `text-empty-list` | Mensagem exibida quando a lista de opções está vazia. | `string` | `"Nenhum resultado encontrado"` |
19
- | `visibleOptions` | -- | Lista de opções visíveis que serão exibidas no componente. | `IOption[]` | `undefined` |
20
- | `width` | `width` | Largura fixa da lista, em pixels. | `number` | `undefined` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ----------------- | ------------------- | -------------------------------------------------------------------- | --------------------------- | ----------- |
12
+ | `maxWidth` | `max-width` | Largura máxima da lista, em pixels. | `number` | `undefined` |
13
+ | `onOptionHover` | -- | Callback chamado quando o mouse passa sobre uma opção. | `(index: number) => void` | `undefined` |
14
+ | `onOptionSelect` | -- | Callback chamado quando uma opção é selecionada. | `(option: IOption) => void` | `undefined` |
15
+ | `preSelection` | `pre-selection` | Índice da opção pré-selecionada na lista. | `number` | `undefined` |
16
+ | `showLoading` | `show-loading` | Indica se o indicador de carregamento deve ser exibido. | `boolean` | `undefined` |
17
+ | `showOptionValue` | `show-option-value` | Indica se o valor de cada opção deve ser exibido junto com o rótulo. | `boolean` | `undefined` |
18
+ | `textEmptyList` | `text-empty-list` | Mensagem exibida quando a lista de opções está vazia. | `string` | `undefined` |
19
+ | `visibleOptions` | -- | Lista de opções visíveis que serão exibidas no componente. | `IOption[]` | `undefined` |
20
+ | `width` | `width` | Largura fixa da lista, em pixels. | `number` | `undefined` |
21
21
 
22
22
 
23
23
  ## Methods
@@ -7,28 +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
- | `showOptionValue` | `show-option-value` | Se true cada opção na lista exibe o `value` junto com `label`. | `boolean` | `false` |
26
- | `showSelectedValue` | `show-selected-value` | Se true a opção selecionada exibe o `value` junto com `label`. | `boolean` | `false` |
27
- | `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `true` |
28
- | `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
29
- | `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
30
- | `textEmptyOption` | `text-empty-option` | Texto a ser apresentado na opção de valor nulo. | `string` | `"Selecione um item"` |
31
- | `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
12
+ | `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
13
+ | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
14
+ | `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` | `undefined` |
32
+ | `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
32
33
 
33
34
 
34
35
  ## Events
@@ -0,0 +1,19 @@
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
+
@@ -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
 
@@ -11,7 +11,7 @@
11
11
  | ---------------- | --------------- | ------------------------------------------------------------------------- | ------------------ | ----------- |
12
12
  | `fields` | -- | Define a lista de metadados usada para criar os campos de user interface. | `IFormViewField[]` | `undefined` |
13
13
  | `selectedRecord` | -- | Define os registros da linha selecionada. | `Record` | `undefined` |
14
- | `singleColumn` | `single-column` | Define se o formulario deve possuir apenas 1 coluna. | `boolean` | `true` |
14
+ | `singleColumn` | `single-column` | Define se o formulario deve possuir apenas 1 coluna. | `boolean` | `false` |
15
15
 
16
16
 
17
17
  ## Events
@@ -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
  ```
@@ -35,12 +35,16 @@
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)
44
48
  - [ez-time-input](../ez-time-input)
45
49
  - [ez-tree](../ez-tree)
46
50
 
@@ -63,12 +67,16 @@ graph TD;
63
67
  ez-grid --> ez-icon
64
68
  ez-modal-container --> ez-icon
65
69
  ez-multi-selection-list --> ez-icon
70
+ ez-rich-toolbar-item --> ez-icon
66
71
  ez-search --> ez-icon
67
72
  ez-search-plus --> ez-icon
68
73
  ez-sidebar-button --> ez-icon
74
+ ez-simple-image-uploader --> ez-icon
69
75
  ez-split-button --> ez-icon
70
76
  ez-tabselector --> ez-icon
77
+ ez-text-area --> ez-icon
71
78
  ez-text-input --> ez-icon
79
+ ez-tile --> ez-icon
72
80
  ez-time-input --> ez-icon
73
81
  ez-tree --> ez-icon
74
82
  style ez-icon fill:#f9f,stroke:#333,stroke-width:4px
@@ -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,114 @@
1
+ # ez-rich-text
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ---------------- | ------------------ | -------------------------------------------------------------------------------------------------- | --------------------- | ----------- |
12
+ | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
13
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
14
+ | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
15
+ | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
16
+ | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
17
+ | `rows` | `rows` | Define o número de linhas. | `number` | `6` |
18
+ | `showConfigs` | `show-configs` | Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas | `boolean` | `true` |
19
+ | `showPreview` | `show-preview` | Informa se as opções a opção de pré-visualização deve ser apresentada. | `boolean` | `true` |
20
+ | `showTextFormat` | `show-text-format` | Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas | `boolean` | `true` |
21
+ | `showUndoRedo` | `show-undo-redo` | Informa se as opções de desfazer e refazer devem ser habilitadas. | `boolean` | `true` |
22
+ | `value` | `value` | Define o valor HTML do campo. | `string` | `''` |
23
+
24
+
25
+ ## Events
26
+
27
+ | Event | Description | Type |
28
+ | ---------- | ------------------------------------------------------ | --------------------- |
29
+ | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<string>` |
30
+
31
+
32
+ ## Methods
33
+
34
+ ### `isInvalid() => Promise<boolean>`
35
+
36
+ Retorna se o conteúdo é inválido.
37
+
38
+ #### Returns
39
+
40
+ Type: `Promise<boolean>`
41
+
42
+
43
+
44
+ ### `setBlur() => Promise<void>`
45
+
46
+ Remove o foco do campo.
47
+
48
+ #### Returns
49
+
50
+ Type: `Promise<void>`
51
+
52
+
53
+
54
+ ### `setFocus() => Promise<void>`
55
+
56
+ Aplica o foco no campo.
57
+
58
+ #### Returns
59
+
60
+ Type: `Promise<void>`
61
+
62
+
63
+
64
+
65
+ ## Dependencies
66
+
67
+ ### Used by
68
+
69
+ - [ez-form-view](../ez-form-view)
70
+
71
+ ### Depends on
72
+
73
+ - [ez-text-area](../ez-text-area)
74
+ - [ez-rich-toolbar](ez-rich-toolbar)
75
+ - [ez-link-builder](ez-link-builder)
76
+ - [ez-simple-image-uploader](ez-simple-image-uploader)
77
+
78
+ ### Graph
79
+ ```mermaid
80
+ graph TD;
81
+ ez-rich-text --> ez-text-area
82
+ ez-rich-text --> ez-rich-toolbar
83
+ ez-rich-text --> ez-link-builder
84
+ ez-rich-text --> ez-simple-image-uploader
85
+ ez-text-area --> ez-tooltip
86
+ ez-text-area --> ez-icon
87
+ ez-rich-toolbar --> ez-rich-toolbar-arrows
88
+ ez-rich-toolbar --> ez-rich-toolbar-letters
89
+ ez-rich-toolbar --> ez-rich-toolbar-configs
90
+ ez-rich-toolbar-arrows --> ez-rich-toolbar-item
91
+ ez-rich-toolbar-item --> ez-icon
92
+ ez-rich-toolbar-letters --> ez-rich-toolbar-item
93
+ ez-rich-toolbar-configs --> ez-rich-toolbar-item
94
+ ez-link-builder --> ez-popup
95
+ ez-link-builder --> ez-modal-container
96
+ ez-link-builder --> ez-text-input
97
+ ez-link-builder --> ez-check
98
+ ez-modal-container --> ez-icon
99
+ ez-modal-container --> ez-button
100
+ ez-button --> ez-icon
101
+ ez-text-input --> ez-tooltip
102
+ ez-text-input --> ez-icon
103
+ ez-simple-image-uploader --> ez-popup
104
+ ez-simple-image-uploader --> ez-modal-container
105
+ ez-simple-image-uploader --> ez-tooltip
106
+ ez-simple-image-uploader --> ez-text-input
107
+ ez-simple-image-uploader --> ez-icon
108
+ ez-form-view --> ez-rich-text
109
+ style ez-rich-text fill:#f9f,stroke:#333,stroke-width:4px
110
+ ```
111
+
112
+ ----------------------------------------------
113
+
114
+
@@ -7,22 +7,22 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ------------------------ |
12
- | `dataSource` | -- | Lista de itens para serem renderizados | `ListItem[]` | `[]` |
13
- | `emptyMessage` | `empty-message` | Mensagem exibida quando a lista está vazia | `string` | `'Nenhum item na lista'` |
14
- | `enableMultipleSelection` | `enable-multiple-selection` | Habilita seleção de múltiplos itens utilizando as teclas 'Ctrl/Command' ou 'Shift' | `boolean` | `false` |
15
- | `entityLabel` | `entity-label` | Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa". | `string` | `'item'` |
16
- | `entityLabelPlural` | `entity-label-plural` | Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas". | `string` | `'itens'` |
17
- | `group` | `group` | Grupo ao qual o ez-sortable-list pertence | `string` | `'default'` |
18
- | `hideHeader` | `hide-header` | Define se o cabeçalho deve ficar oculto. | `boolean` | `false` |
19
- | `hideTotalizer` | `hide-totalizer` | Define se o totalizador deve ser escondido. | `boolean` | `false` |
20
- | `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar hover nos itens da lista | `boolean` | `true` |
21
- | `idSortableList` | `id-sortable-list` | ID do sortable list | `string` | `'DEFAULT_LIST'` |
22
- | `itemLeftSlotBuilder` | -- | Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
23
- | `itemRightSlotBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
24
- | `removeItensMoved` | `remove-itens-moved` | Remove itens arrastados de uma lista para outra | `boolean` | `false` |
25
- | `title` | `title` | Define o título da lista. | `string` | `undefined` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ---------------- |
12
+ | `dataSource` | -- | Lista de itens para serem renderizados | `ListItem[]` | `[]` |
13
+ | `emptyMessage` | `empty-message` | Mensagem exibida quando a lista está vazia | `string` | `undefined` |
14
+ | `enableMultipleSelection` | `enable-multiple-selection` | Habilita seleção de múltiplos itens utilizando as teclas 'Ctrl/Command' ou 'Shift' | `boolean` | `false` |
15
+ | `entityLabel` | `entity-label` | Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa". | `string` | `undefined` |
16
+ | `entityLabelPlural` | `entity-label-plural` | Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas". | `string` | `undefined` |
17
+ | `group` | `group` | Grupo ao qual o ez-sortable-list pertence | `string` | `'default'` |
18
+ | `hideHeader` | `hide-header` | Define se o cabeçalho deve ficar oculto. | `boolean` | `false` |
19
+ | `hideTotalizer` | `hide-totalizer` | Define se o totalizador deve ser escondido. | `boolean` | `false` |
20
+ | `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar hover nos itens da lista | `boolean` | `true` |
21
+ | `idSortableList` | `id-sortable-list` | ID do sortable list | `string` | `'DEFAULT_LIST'` |
22
+ | `itemLeftSlotBuilder` | -- | Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
23
+ | `itemRightSlotBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
24
+ | `removeItensMoved` | `remove-itens-moved` | Remove itens arrastados de uma lista para outra | `boolean` | `false` |
25
+ | `title` | `title` | Define o título da lista. | `string` | `undefined` |
26
26
 
27
27
 
28
28
  ## Events
@@ -7,19 +7,19 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------- | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | --------------- |
12
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o botão. | `boolean` | `true` |
13
- | `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `undefined` |
14
- | `image` | `image` | Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones. | `string` | `undefined` |
15
- | `itemBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: IDropdownItem, level: number) => string \| HTMLElement` | `undefined` |
16
- | `items` | -- | Define o conteúdo do dropdown. | `IDropdownItem[]` | `undefined` |
17
- | `label` | `label` | Texto a ser apresentado como label do botão. | `string` | `undefined` |
18
- | `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
19
- | `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
20
- | `rightTitle` | `right-title` | Texto a ser apresentado como title do botão dropdown | `string` | `'Mais opções'` |
21
- | `show` | `show` | | `boolean` | `false` |
22
- | `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------- | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | ----------- |
12
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o botão. | `boolean` | `true` |
13
+ | `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `undefined` |
14
+ | `image` | `image` | Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones. | `string` | `undefined` |
15
+ | `itemBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: IDropdownItem, level: number) => string \| HTMLElement` | `undefined` |
16
+ | `items` | -- | Define o conteúdo do dropdown. | `IDropdownItem[]` | `undefined` |
17
+ | `label` | `label` | Texto a ser apresentado como label do botão. | `string` | `undefined` |
18
+ | `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
19
+ | `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
20
+ | `rightTitle` | `right-title` | Texto a ser apresentado como title do botão dropdown | `string` | `undefined` |
21
+ | `show` | `show` | | `boolean` | `false` |
22
+ | `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'` |
23
23
 
24
24
 
25
25
  ## Events
@@ -17,7 +17,7 @@
17
17
  | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
18
18
  | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
19
19
  | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
20
- | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
20
+ | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `'regular'` |
21
21
  | `rows` | `rows` | Define o número de linhas. | `number` | `4` |
22
22
  | `value` | `value` | Define o valor do campo. | `string` | `undefined` |
23
23
 
@@ -80,11 +80,20 @@ Type: `Promise<void>`
80
80
  ### Used by
81
81
 
82
82
  - [ez-form-view](../ez-form-view)
83
+ - [ez-rich-text](../ez-rich-text)
84
+
85
+ ### Depends on
86
+
87
+ - [ez-tooltip](../ez-tooltip)
88
+ - [ez-icon](../ez-icon)
83
89
 
84
90
  ### Graph
85
91
  ```mermaid
86
92
  graph TD;
93
+ ez-text-area --> ez-tooltip
94
+ ez-text-area --> ez-icon
87
95
  ez-form-view --> ez-text-area
96
+ ez-rich-text --> ez-text-area
88
97
  style ez-text-area fill:#f9f,stroke:#333,stroke-width:4px
89
98
  ```
90
99
 
@@ -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
@@ -0,0 +1,67 @@
1
+ # ez-tile
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" \| "red" \| "yellow"` | `"default"` |
13
+ | `height` | `height` | Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. | `number` | `undefined` |
14
+ | `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `"home"` |
15
+ | `isInteractive` | `is-interactive` | Define se o componente será interativo. Caso contrário, será estático. Se true, permite permite clique. Se false, não permite clique | `boolean` | `false` |
16
+ | `maximumLines` | `maximum-lines` | Define a quantidade máxima de linhas de texto a serem apresentadas. Quando a propriedade não é passada, limita a 1 linha. | `number` | `undefined` |
17
+ | `size` | `size` | Define qual o tamanho do componente. - `"default"`: 120x80px - `"medium"`: 120x170px | `"medium" \| "small"` | `"small"` |
18
+ | `text` | `text` | Texto a ser apresentado como título do componente. | `string` | `undefined` |
19
+ | `width` | `width` | Define a largura do componente, sobrescrevendo o padrão da propriedade size. | `number` | `undefined` |
20
+
21
+
22
+ ## Events
23
+
24
+ | Event | Description | Type |
25
+ | ----------- | --------------------------------------------- | ------------------- |
26
+ | `tileClick` | Emitido quando o elemento principal é clicado | `CustomEvent<void>` |
27
+
28
+
29
+ ## Methods
30
+
31
+ ### `setBlur() => Promise<void>`
32
+
33
+ Remove o foco do componente.
34
+
35
+ #### Returns
36
+
37
+ Type: `Promise<void>`
38
+
39
+
40
+
41
+ ### `setFocus() => Promise<void>`
42
+
43
+ Aplica o foco no componente.
44
+
45
+ #### Returns
46
+
47
+ Type: `Promise<void>`
48
+
49
+
50
+
51
+
52
+ ## Dependencies
53
+
54
+ ### Depends on
55
+
56
+ - [ez-icon](../ez-icon)
57
+
58
+ ### Graph
59
+ ```mermaid
60
+ graph TD;
61
+ ez-tile --> ez-icon
62
+ style ez-tile fill:#f9f,stroke:#333,stroke-width:4px
63
+ ```
64
+
65
+ ----------------------------------------------
66
+
67
+
@@ -24,11 +24,15 @@
24
24
 
25
25
  ### Used by
26
26
 
27
+ - [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
28
+ - [ez-text-area](../ez-text-area)
27
29
  - [ez-text-input](../ez-text-input)
28
30
 
29
31
  ### Graph
30
32
  ```mermaid
31
33
  graph TD;
34
+ ez-simple-image-uploader --> ez-tooltip
35
+ ez-text-area --> ez-tooltip
32
36
  ez-text-input --> ez-tooltip
33
37
  style ez-tooltip fill:#f9f,stroke:#333,stroke-width:4px
34
38
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui-docs",
3
- "version": "6.1.0-dev.2",
3
+ "version": "6.1.0-dev.21",
4
4
  "description": "Documentação da biblioteca de componentes Sankhya.",
5
5
  "main": "",
6
6
  "files": [