@sankhyalabs/ezui-docs 5.22.0-dev.1 → 5.22.0-dev.100
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-badge/readme.md +8 -7
- package/components/ez-breadcrumb/readme.md +1 -0
- package/components/ez-button/readme.md +3 -1
- package/components/ez-card-item/readme.md +3 -2
- package/components/ez-collapsible-box/readme.md +2 -0
- package/components/ez-combo-box/ez-combo-box-list/readme.md +71 -0
- package/components/ez-combo-box/readme.md +28 -19
- package/components/ez-date-input/readme.md +7 -1
- package/components/ez-date-time-input/readme.md +7 -1
- package/components/ez-double-list/readme.md +70 -0
- package/components/ez-dropdown/readme.md +3 -0
- package/components/ez-filter-input/readme.md +6 -1
- package/components/ez-form/readme.md +10 -1
- package/components/ez-form-view/readme.md +10 -1
- package/components/ez-grid/readme.md +53 -17
- package/components/ez-grid/subcomponents/readme.md +8 -3
- package/components/ez-guide-navigator/readme.md +2 -0
- package/components/ez-icon/readme.md +2 -0
- package/components/ez-list/readme.md +21 -17
- package/components/ez-modal/readme.md +10 -9
- package/components/ez-modal-container/readme.md +1 -0
- package/components/ez-multi-selection-list/readme.md +6 -1
- package/components/ez-number-input/readme.md +4 -0
- package/components/ez-popover/readme.md +2 -2
- package/components/ez-popover-plus/readme.md +120 -0
- package/components/ez-popover-plus/subcomponent/readme.md +107 -0
- package/components/ez-popup/readme.md +8 -7
- package/components/ez-scroller/readme.md +2 -0
- package/components/ez-search/readme.md +32 -21
- package/components/ez-search/subcomponent/search-list/readme.md +72 -0
- package/components/ez-skeleton/readme.md +13 -0
- package/components/ez-split-button/readme.md +2 -1
- package/components/ez-split-panel/readme.md +12 -4
- package/components/ez-split-panel/structure/item/readme.md +6 -5
- package/components/ez-tabselector/readme.md +13 -0
- package/components/ez-text-area/readme.md +3 -1
- package/components/ez-text-edit/readme.md +2 -0
- package/components/ez-text-input/readme.md +21 -12
- package/components/ez-time-input/readme.md +3 -0
- package/components/ez-tooltip/readme.md +44 -0
- package/components/ez-tree/readme.md +5 -4
- package/package.json +1 -1
|
@@ -7,24 +7,29 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
23
|
-
| `
|
|
24
|
-
| `
|
|
25
|
-
| `
|
|
26
|
-
| `
|
|
27
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
13
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
14
|
+
| `contextProperties` | `context-properties` | Propriedades de contexto da aplicação. | `any` | `undefined` |
|
|
15
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
16
|
+
| `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
|
|
17
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
18
|
+
| `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` |
|
|
19
|
+
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
|
|
20
|
+
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
21
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
22
|
+
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
|
|
23
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
24
|
+
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
25
|
+
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
26
|
+
| `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
|
|
27
|
+
| `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` |
|
|
28
|
+
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
|
|
29
|
+
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
30
|
+
| `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `true` |
|
|
31
|
+
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
32
|
+
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
28
33
|
|
|
29
34
|
|
|
30
35
|
## Events
|
|
@@ -76,7 +81,7 @@ Type: `Promise<void>`
|
|
|
76
81
|
|
|
77
82
|
|
|
78
83
|
|
|
79
|
-
### `setFocus() => Promise<void>`
|
|
84
|
+
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
80
85
|
|
|
81
86
|
Aplica o foco no campo.
|
|
82
87
|
|
|
@@ -96,16 +101,22 @@ Type: `Promise<void>`
|
|
|
96
101
|
|
|
97
102
|
### Depends on
|
|
98
103
|
|
|
99
|
-
- [ez-card-item](../ez-card-item)
|
|
100
104
|
- [ez-text-input](../ez-text-input)
|
|
101
105
|
- [ez-icon](../ez-icon)
|
|
106
|
+
- [ez-popover-plus](../ez-popover-plus)
|
|
107
|
+
- [search-list](./subcomponent/search-list)
|
|
102
108
|
|
|
103
109
|
### Graph
|
|
104
110
|
```mermaid
|
|
105
111
|
graph TD;
|
|
106
|
-
ez-search --> ez-card-item
|
|
107
112
|
ez-search --> ez-text-input
|
|
108
113
|
ez-search --> ez-icon
|
|
114
|
+
ez-search --> ez-popover-plus
|
|
115
|
+
ez-search --> search-list
|
|
116
|
+
ez-text-input --> ez-tooltip
|
|
117
|
+
ez-text-input --> ez-icon
|
|
118
|
+
ez-popover-plus --> ez-popover-core
|
|
119
|
+
search-list --> ez-card-item
|
|
109
120
|
ez-form-view --> ez-search
|
|
110
121
|
ez-multi-selection-list --> ez-search
|
|
111
122
|
style ez-search fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
# search-list
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------------- | ----------------------- | ----------- | ------------------- | ----------- |
|
|
12
|
+
| `canShowListOptions` | `can-show-list-options` | | `boolean` | `undefined` |
|
|
13
|
+
| `preSelection` | `pre-selection` | | `number` | `undefined` |
|
|
14
|
+
| `showLoading` | `show-loading` | | `boolean` | `undefined` |
|
|
15
|
+
| `showOptionValue` | `show-option-value` | | `boolean` | `true` |
|
|
16
|
+
| `textEmptyList` | `text-empty-list` | | `string` | `undefined` |
|
|
17
|
+
| `value` | `value` | | `IOption \| string` | `undefined` |
|
|
18
|
+
| `visibleOptions` | -- | | `IOption[]` | `[]` |
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
## Events
|
|
22
|
+
|
|
23
|
+
| Event | Description | Type |
|
|
24
|
+
| -------------------- | ----------- | ---------------------- |
|
|
25
|
+
| `changePreSelection` | | `CustomEvent<number>` |
|
|
26
|
+
| `changeValue` | | `CustomEvent<IOption>` |
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
## Methods
|
|
30
|
+
|
|
31
|
+
### `nextOption() => Promise<void>`
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
#### Returns
|
|
36
|
+
|
|
37
|
+
Type: `Promise<void>`
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
### `previousOption() => Promise<void>`
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
#### Returns
|
|
46
|
+
|
|
47
|
+
Type: `Promise<void>`
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
## Dependencies
|
|
53
|
+
|
|
54
|
+
### Used by
|
|
55
|
+
|
|
56
|
+
- [ez-search](../..)
|
|
57
|
+
|
|
58
|
+
### Depends on
|
|
59
|
+
|
|
60
|
+
- [ez-card-item](../../../ez-card-item)
|
|
61
|
+
|
|
62
|
+
### Graph
|
|
63
|
+
```mermaid
|
|
64
|
+
graph TD;
|
|
65
|
+
search-list --> ez-card-item
|
|
66
|
+
ez-search --> search-list
|
|
67
|
+
style search-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
----------------------------------------------
|
|
71
|
+
|
|
72
|
+
|
|
@@ -17,6 +17,19 @@
|
|
|
17
17
|
| `width` | `width` | Width of the skeleton ex. 100px, 100%, auto etc. | `string` | `null` |
|
|
18
18
|
|
|
19
19
|
|
|
20
|
+
## Dependencies
|
|
21
|
+
|
|
22
|
+
### Used by
|
|
23
|
+
|
|
24
|
+
- [ez-dropdown](../ez-dropdown)
|
|
25
|
+
|
|
26
|
+
### Graph
|
|
27
|
+
```mermaid
|
|
28
|
+
graph TD;
|
|
29
|
+
ez-dropdown --> ez-skeleton
|
|
30
|
+
style ez-skeleton fill:#f9f,stroke:#333,stroke-width:4px
|
|
31
|
+
```
|
|
32
|
+
|
|
20
33
|
----------------------------------------------
|
|
21
34
|
|
|
22
35
|
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
| `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
|
|
18
18
|
| `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
|
|
19
19
|
| `rightTitle` | `right-title` | Texto a ser apresentado como title do botão dropdown | `string` | `'Mais opções'` |
|
|
20
|
-
| `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium"`
|
|
20
|
+
| `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
## Events
|
|
@@ -74,6 +74,7 @@ Type: `Promise<void>`
|
|
|
74
74
|
graph TD;
|
|
75
75
|
ez-split-button --> ez-icon
|
|
76
76
|
ez-split-button --> ez-dropdown
|
|
77
|
+
ez-dropdown --> ez-skeleton
|
|
77
78
|
ez-dropdown --> ez-icon
|
|
78
79
|
style ez-split-button fill:#f9f,stroke:#333,stroke-width:4px
|
|
79
80
|
```
|
|
@@ -7,10 +7,18 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| ---------------- | ------------------ |
|
|
12
|
-
| `anchorToExpand` | `anchor-to-expand` | Responsável por definir o painel que limita o tamanho do item expandido.
|
|
13
|
-
| `direction` | `direction` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------- | ------------------ | -------------------------------------------------------------------------------------- | ------------------- | ---------- |
|
|
12
|
+
| `anchorToExpand` | `anchor-to-expand` | Responsável por definir o painel que limita o tamanho do item expandido. | `boolean` | `false` |
|
|
13
|
+
| `direction` | `direction` | | `"column" \| "row"` | `'column'` |
|
|
14
|
+
| `structural` | `structural` | Define se o painel está sendo utilizado como estrutura para apresentação de outro item | `boolean` | `false` |
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## Events
|
|
18
|
+
|
|
19
|
+
| Event | Description | Type |
|
|
20
|
+
| ----------- | ----------- | ----------------------------- |
|
|
21
|
+
| `resizeEnd` | | `CustomEvent<IPanelSizeInfo>` |
|
|
14
22
|
|
|
15
23
|
|
|
16
24
|
## Methods
|
|
@@ -7,11 +7,12 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| -------------- | --------------- |
|
|
12
|
-
| `enableExpand` | `enable-expand` | Define se o item pode ser expandido
|
|
13
|
-
| `label` | `label` | Define um título para o painel.
|
|
14
|
-
| `size` | `size` | Define o tamanho inicial do painel.
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------- | --------------- | -------------------------------------------------------------------------------------- | --------- | ----------- |
|
|
12
|
+
| `enableExpand` | `enable-expand` | Define se o item pode ser expandido | `boolean` | `true` |
|
|
13
|
+
| `label` | `label` | Define um título para o painel. | `string` | `undefined` |
|
|
14
|
+
| `size` | `size` | Define o tamanho inicial do painel. | `string` | `undefined` |
|
|
15
|
+
| `structural` | `structural` | Define se o painel está sendo utilizado como estrutura para apresentação de outro item | `boolean` | `false` |
|
|
15
16
|
|
|
16
17
|
|
|
17
18
|
## Dependencies
|
|
@@ -21,6 +21,19 @@
|
|
|
21
21
|
| `ezChange` | Emitido quando acontece a alteração de valor do componente. | `CustomEvent<Tab>` |
|
|
22
22
|
|
|
23
23
|
|
|
24
|
+
## Methods
|
|
25
|
+
|
|
26
|
+
### `goToTab(tabIndex: number, silent?: boolean) => Promise<void>`
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
#### Returns
|
|
31
|
+
|
|
32
|
+
Type: `Promise<void>`
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
24
37
|
## Dependencies
|
|
25
38
|
|
|
26
39
|
### Used by
|
|
@@ -9,8 +9,10 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
13
|
+
| `autoRows` | `auto-rows` | Ativa a opção de fazer as linhas do componente serem baseados na altura máxima. | `boolean` | `false` |
|
|
12
14
|
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
13
|
-
| `enableResize` | `enable-resize` | Ativa a opção de fazer resize do input. | `boolean` | `
|
|
15
|
+
| `enableResize` | `enable-resize` | Ativa a opção de fazer resize do input. | `boolean` | `true` |
|
|
14
16
|
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
15
17
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
16
18
|
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
@@ -50,6 +50,8 @@ Type: `Promise<void>`
|
|
|
50
50
|
graph TD;
|
|
51
51
|
ez-text-edit --> ez-text-input
|
|
52
52
|
ez-text-edit --> ez-button
|
|
53
|
+
ez-text-input --> ez-tooltip
|
|
54
|
+
ez-text-input --> ez-icon
|
|
53
55
|
ez-button --> ez-icon
|
|
54
56
|
ez-collapsible-box --> ez-text-edit
|
|
55
57
|
style ez-text-edit fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -7,18 +7,20 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------- | ------------------ | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o campo receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
13
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
14
|
+
| `cleanValueMask` | `clean-value-mask` | Para remover a máscara quando fizer um apply no formulário. | `boolean` | `false` |
|
|
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
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
18
|
+
| `mask` | `mask` | Aplica uma máscara no conteúdo conforme o padrão estabelecido | `string` | `undefined` |
|
|
19
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
20
|
+
| `noBorder` | `no-border` | Se true o campo não terá bordas. | `boolean` | `false` |
|
|
21
|
+
| `password` | `password` | Se true o campo não terá bordas. | `boolean` | `false` |
|
|
22
|
+
| `restrict` | `restrict` | Restringe o que o usuário pode digitar. | `string` | `undefined` |
|
|
23
|
+
| `value` | `value` | Define o valor do campo. | `string` | `undefined` |
|
|
22
24
|
|
|
23
25
|
|
|
24
26
|
## Events
|
|
@@ -75,9 +77,16 @@ Type: `Promise<void>`
|
|
|
75
77
|
- [ez-text-edit](../ez-text-edit)
|
|
76
78
|
- [ez-time-input](../ez-time-input)
|
|
77
79
|
|
|
80
|
+
### Depends on
|
|
81
|
+
|
|
82
|
+
- [ez-tooltip](../ez-tooltip)
|
|
83
|
+
- [ez-icon](../ez-icon)
|
|
84
|
+
|
|
78
85
|
### Graph
|
|
79
86
|
```mermaid
|
|
80
87
|
graph TD;
|
|
88
|
+
ez-text-input --> ez-tooltip
|
|
89
|
+
ez-text-input --> ez-icon
|
|
81
90
|
ez-combo-box --> ez-text-input
|
|
82
91
|
ez-date-input --> ez-text-input
|
|
83
92
|
ez-date-time-input --> ez-text-input
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
12
13
|
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
13
14
|
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
14
15
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
@@ -76,6 +77,8 @@ Type: `Promise<void>`
|
|
|
76
77
|
graph TD;
|
|
77
78
|
ez-time-input --> ez-text-input
|
|
78
79
|
ez-time-input --> ez-icon
|
|
80
|
+
ez-text-input --> ez-tooltip
|
|
81
|
+
ez-text-input --> ez-icon
|
|
79
82
|
ez-form-view --> ez-time-input
|
|
80
83
|
style ez-time-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
81
84
|
```
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
# ez-tooltip
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------ | --------------- | ----------------------------------------------------------- | ------------- | ----------- |
|
|
12
|
+
| `anchoringElement` | -- | Elemento HTML que será utilizado como ancoragem do tooltip. | `HTMLElement` | `undefined` |
|
|
13
|
+
| `errorMessage` | `error-message` | Mensagem de erro que será apresentada no tooltip. | `string` | `undefined` |
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
## Methods
|
|
17
|
+
|
|
18
|
+
### `positionTooltip() => Promise<void>`
|
|
19
|
+
|
|
20
|
+
Reposiciona o tooltip de acordo com a posição do elemento de ancoragem.
|
|
21
|
+
|
|
22
|
+
#### Returns
|
|
23
|
+
|
|
24
|
+
Type: `Promise<void>`
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
## Dependencies
|
|
30
|
+
|
|
31
|
+
### Used by
|
|
32
|
+
|
|
33
|
+
- [ez-text-input](../ez-text-input)
|
|
34
|
+
|
|
35
|
+
### Graph
|
|
36
|
+
```mermaid
|
|
37
|
+
graph TD;
|
|
38
|
+
ez-text-input --> ez-tooltip
|
|
39
|
+
style ez-tooltip fill:#f9f,stroke:#333,stroke-width:4px
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
----------------------------------------------
|
|
43
|
+
|
|
44
|
+
|
|
@@ -18,10 +18,11 @@
|
|
|
18
18
|
|
|
19
19
|
## Events
|
|
20
20
|
|
|
21
|
-
| Event
|
|
22
|
-
|
|
|
23
|
-
| `ezChange`
|
|
24
|
-
| `
|
|
21
|
+
| Event | Description | Type |
|
|
22
|
+
| --------------- | ------------------------------------------------- | ------------------------ |
|
|
23
|
+
| `ezChange` | Emitido quando um item é selecionado na árvore. | `CustomEvent<ITreeItem>` |
|
|
24
|
+
| `ezDbClickItem` | Emitido ao dar clique duplo em um item da árvore. | `CustomEvent<ITreeItem>` |
|
|
25
|
+
| `ezOpenItem` | Emitido quando um item é aberto na árvore. | `CustomEvent<ITreeItem>` |
|
|
25
26
|
|
|
26
27
|
|
|
27
28
|
## Methods
|