@sankhyalabs/ezui-docs 5.22.0-dev.84 → 5.22.0-dev.85
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.
|
@@ -252,7 +252,7 @@ graph TD;
|
|
|
252
252
|
ez-grid --> ez-button
|
|
253
253
|
ez-grid --> filter-column
|
|
254
254
|
ez-button --> ez-icon
|
|
255
|
-
filter-column --> ez-popover
|
|
255
|
+
filter-column --> ez-popover-plus
|
|
256
256
|
filter-column --> ez-button
|
|
257
257
|
filter-column --> ez-multi-selection-list
|
|
258
258
|
ez-multi-selection-list --> ez-check
|
|
@@ -57,14 +57,14 @@ Type: `Promise<void>`
|
|
|
57
57
|
|
|
58
58
|
### Depends on
|
|
59
59
|
|
|
60
|
-
- [ez-popover](../../ez-popover)
|
|
60
|
+
- [ez-popover-plus](../../ez-popover-plus)
|
|
61
61
|
- [ez-button](../../ez-button)
|
|
62
62
|
- [ez-multi-selection-list](../../ez-multi-selection-list)
|
|
63
63
|
|
|
64
64
|
### Graph
|
|
65
65
|
```mermaid
|
|
66
66
|
graph TD;
|
|
67
|
-
filter-column --> ez-popover
|
|
67
|
+
filter-column --> ez-popover-plus
|
|
68
68
|
filter-column --> ez-button
|
|
69
69
|
filter-column --> ez-multi-selection-list
|
|
70
70
|
ez-button --> ez-icon
|
|
@@ -71,13 +71,11 @@ Type: `Promise<void>`
|
|
|
71
71
|
### Used by
|
|
72
72
|
|
|
73
73
|
- [ez-grid](../ez-grid)
|
|
74
|
-
- [filter-column](../ez-grid/subcomponents)
|
|
75
74
|
|
|
76
75
|
### Graph
|
|
77
76
|
```mermaid
|
|
78
77
|
graph TD;
|
|
79
78
|
ez-grid --> ez-popover
|
|
80
|
-
filter-column --> ez-popover
|
|
81
79
|
style ez-popover fill:#f9f,stroke:#333,stroke-width:4px
|
|
82
80
|
```
|
|
83
81
|
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
# ez-popover-plus
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------------- | ---------------- | --------------------------------------------------------------------------------- | ------------------------------- | -------------------------------------------------------- |
|
|
12
|
+
| `anchorElement` | `anchor-element` | Define o elemento de ancoragem. | `HTMLElement \| string` | `undefined` |
|
|
13
|
+
| `autoClose` | `auto-close` | Define que será fechado automaticamente quando o usuário clicar fora do conteúdo. | `boolean` | `true` |
|
|
14
|
+
| `boxWidth` | `box-width` | Ajusta o comportamento da largura do popover. | `"fit-content" \| "full-width"` | `"fit-content"` |
|
|
15
|
+
| `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
|
|
16
|
+
| `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` |
|
|
17
|
+
| `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` |
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
## Events
|
|
21
|
+
|
|
22
|
+
| Event | Description | Type |
|
|
23
|
+
| -------------------- | ------------------------------------------------------------ | ---------------------- |
|
|
24
|
+
| `ezVisibilityChange` | Emitido quando acontece a alteração de estado do componente. | `CustomEvent<boolean>` |
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
## Methods
|
|
28
|
+
|
|
29
|
+
### `hide() => Promise<void>`
|
|
30
|
+
|
|
31
|
+
Oculta o ez-popover.
|
|
32
|
+
|
|
33
|
+
#### Returns
|
|
34
|
+
|
|
35
|
+
Type: `Promise<void>`
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
### `setAnchorElement(anchor: HTMLElement | string) => Promise<void>`
|
|
40
|
+
|
|
41
|
+
Altera o elemento de ancoragem.
|
|
42
|
+
|
|
43
|
+
#### Returns
|
|
44
|
+
|
|
45
|
+
Type: `Promise<void>`
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
### `setOptions(options: IEzPopoverAnchorOptions) => Promise<void>`
|
|
50
|
+
|
|
51
|
+
Altera as opções.
|
|
52
|
+
|
|
53
|
+
#### Returns
|
|
54
|
+
|
|
55
|
+
Type: `Promise<void>`
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
### `show(top?: string | number, left?: string | number) => Promise<void>`
|
|
60
|
+
|
|
61
|
+
Exibe o ez-popover.
|
|
62
|
+
|
|
63
|
+
#### Returns
|
|
64
|
+
|
|
65
|
+
Type: `Promise<void>`
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
### `showUnder(element: HTMLElement | string, options?: IEzPopoverAnchorOptions) => Promise<void>`
|
|
70
|
+
|
|
71
|
+
Ancora a exibição do popOver a um elemento HTML.
|
|
72
|
+
|
|
73
|
+
#### Returns
|
|
74
|
+
|
|
75
|
+
Type: `Promise<void>`
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
### `updatePosition(top?: string, left?: string) => Promise<void>`
|
|
80
|
+
|
|
81
|
+
Atualiza a posição do popover.
|
|
82
|
+
|
|
83
|
+
#### Returns
|
|
84
|
+
|
|
85
|
+
Type: `Promise<void>`
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
## Dependencies
|
|
91
|
+
|
|
92
|
+
### Used by
|
|
93
|
+
|
|
94
|
+
- [filter-column](../ez-grid/subcomponents)
|
|
95
|
+
|
|
96
|
+
### Graph
|
|
97
|
+
```mermaid
|
|
98
|
+
graph TD;
|
|
99
|
+
filter-column --> ez-popover-plus
|
|
100
|
+
style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
----------------------------------------------
|
|
104
|
+
|
|
105
|
+
|