@sankhyalabs/ezui-docs 0.0.0-bugfix-dev-KB-79210.0 → 0.0.0-bugfix-dev-KB-76625.0
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-card-item/readme.md +2 -2
- package/components/ez-form/readme.md +4 -1
- package/components/ez-form-view/readme.md +4 -1
- package/components/ez-grid/readme.md +4 -1
- package/components/ez-grid/subcomponents/readme.md +4 -1
- package/components/ez-multi-selection-list/readme.md +4 -1
- package/components/ez-popover-plus/readme.md +16 -8
- package/components/ez-popover-plus/subcomponent/readme.md +107 -0
- package/components/ez-search/readme.md +6 -2
- package/components/ez-search/subcomponent/search-list/readme.md +72 -0
- package/package.json +1 -1
|
@@ -25,12 +25,12 @@
|
|
|
25
25
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
|
-
- [
|
|
28
|
+
- [search-list](../ez-search/subcomponent/search-list)
|
|
29
29
|
|
|
30
30
|
### Graph
|
|
31
31
|
```mermaid
|
|
32
32
|
graph TD;
|
|
33
|
-
|
|
33
|
+
search-list --> ez-card-item
|
|
34
34
|
style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
35
35
|
```
|
|
36
36
|
|
|
@@ -100,9 +100,12 @@ graph TD;
|
|
|
100
100
|
ez-date-time-input --> ez-text-input
|
|
101
101
|
ez-date-time-input --> ez-calendar
|
|
102
102
|
ez-number-input --> ez-text-input
|
|
103
|
-
ez-search --> ez-card-item
|
|
104
103
|
ez-search --> ez-text-input
|
|
105
104
|
ez-search --> ez-icon
|
|
105
|
+
ez-search --> ez-popover-plus
|
|
106
|
+
ez-search --> search-list
|
|
107
|
+
ez-popover-plus --> ez-popover-core
|
|
108
|
+
search-list --> ez-card-item
|
|
106
109
|
style ez-form fill:#f9f,stroke:#333,stroke-width:4px
|
|
107
110
|
```
|
|
108
111
|
|
|
@@ -106,9 +106,12 @@ graph TD;
|
|
|
106
106
|
ez-date-time-input --> ez-text-input
|
|
107
107
|
ez-date-time-input --> ez-calendar
|
|
108
108
|
ez-number-input --> ez-text-input
|
|
109
|
-
ez-search --> ez-card-item
|
|
110
109
|
ez-search --> ez-text-input
|
|
111
110
|
ez-search --> ez-icon
|
|
111
|
+
ez-search --> ez-popover-plus
|
|
112
|
+
ez-search --> search-list
|
|
113
|
+
ez-popover-plus --> ez-popover-core
|
|
114
|
+
search-list --> ez-card-item
|
|
112
115
|
ez-form --> ez-form-view
|
|
113
116
|
style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
|
|
114
117
|
```
|
|
@@ -255,6 +255,7 @@ graph TD;
|
|
|
255
255
|
filter-column --> ez-popover-plus
|
|
256
256
|
filter-column --> ez-button
|
|
257
257
|
filter-column --> ez-multi-selection-list
|
|
258
|
+
ez-popover-plus --> ez-popover-core
|
|
258
259
|
ez-multi-selection-list --> ez-check
|
|
259
260
|
ez-multi-selection-list --> ez-list
|
|
260
261
|
ez-multi-selection-list --> ez-icon
|
|
@@ -266,9 +267,11 @@ graph TD;
|
|
|
266
267
|
ez-filter-input --> ez-icon
|
|
267
268
|
ez-text-input --> ez-tooltip
|
|
268
269
|
ez-text-input --> ez-icon
|
|
269
|
-
ez-search --> ez-card-item
|
|
270
270
|
ez-search --> ez-text-input
|
|
271
271
|
ez-search --> ez-icon
|
|
272
|
+
ez-search --> ez-popover-plus
|
|
273
|
+
ez-search --> search-list
|
|
274
|
+
search-list --> ez-card-item
|
|
272
275
|
style ez-grid fill:#f9f,stroke:#333,stroke-width:4px
|
|
273
276
|
```
|
|
274
277
|
|
|
@@ -67,6 +67,7 @@ graph TD;
|
|
|
67
67
|
filter-column --> ez-popover-plus
|
|
68
68
|
filter-column --> ez-button
|
|
69
69
|
filter-column --> ez-multi-selection-list
|
|
70
|
+
ez-popover-plus --> ez-popover-core
|
|
70
71
|
ez-button --> ez-icon
|
|
71
72
|
ez-multi-selection-list --> ez-check
|
|
72
73
|
ez-multi-selection-list --> ez-list
|
|
@@ -79,9 +80,11 @@ graph TD;
|
|
|
79
80
|
ez-filter-input --> ez-icon
|
|
80
81
|
ez-text-input --> ez-tooltip
|
|
81
82
|
ez-text-input --> ez-icon
|
|
82
|
-
ez-search --> ez-card-item
|
|
83
83
|
ez-search --> ez-text-input
|
|
84
84
|
ez-search --> ez-icon
|
|
85
|
+
ez-search --> ez-popover-plus
|
|
86
|
+
ez-search --> search-list
|
|
87
|
+
search-list --> ez-card-item
|
|
85
88
|
ez-grid --> filter-column
|
|
86
89
|
style filter-column fill:#f9f,stroke:#333,stroke-width:4px
|
|
87
90
|
```
|
|
@@ -65,9 +65,12 @@ graph TD;
|
|
|
65
65
|
ez-filter-input --> ez-icon
|
|
66
66
|
ez-text-input --> ez-tooltip
|
|
67
67
|
ez-text-input --> ez-icon
|
|
68
|
-
ez-search --> ez-card-item
|
|
69
68
|
ez-search --> ez-text-input
|
|
70
69
|
ez-search --> ez-icon
|
|
70
|
+
ez-search --> ez-popover-plus
|
|
71
|
+
ez-search --> search-list
|
|
72
|
+
ez-popover-plus --> ez-popover-core
|
|
73
|
+
search-list --> ez-card-item
|
|
71
74
|
filter-column --> ez-multi-selection-list
|
|
72
75
|
style ez-multi-selection-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
73
76
|
```
|
|
@@ -7,14 +7,15 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute
|
|
11
|
-
| --------------- |
|
|
12
|
-
| `anchorElement` | `anchor-element`
|
|
13
|
-
| `autoClose` | `auto-close`
|
|
14
|
-
| `boxWidth` | `box-width`
|
|
15
|
-
| `opened` | `opened`
|
|
16
|
-
| `options` | --
|
|
17
|
-
| `overlayType` | `overlay-type`
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------------- | ----------------- | --------------------------------------------------------------------------------- | ---------------------------------------------------- | -------------------------------------------------------- |
|
|
12
|
+
| `anchorElement` | `anchor-element` | Define o elemento de ancoragem. | `(string \| HTMLElement)[] \| 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
|
+
| `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` |
|
|
18
19
|
|
|
19
20
|
|
|
20
21
|
## Events
|
|
@@ -91,11 +92,18 @@ Type: `Promise<void>`
|
|
|
91
92
|
|
|
92
93
|
### Used by
|
|
93
94
|
|
|
95
|
+
- [ez-search](../ez-search)
|
|
94
96
|
- [filter-column](../ez-grid/subcomponents)
|
|
95
97
|
|
|
98
|
+
### Depends on
|
|
99
|
+
|
|
100
|
+
- [ez-popover-core](subcomponent)
|
|
101
|
+
|
|
96
102
|
### Graph
|
|
97
103
|
```mermaid
|
|
98
104
|
graph TD;
|
|
105
|
+
ez-popover-plus --> ez-popover-core
|
|
106
|
+
ez-search --> ez-popover-plus
|
|
99
107
|
filter-column --> ez-popover-plus
|
|
100
108
|
style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
101
109
|
```
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
# ez-popover-core
|
|
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. | `(string \| HTMLElement)[] \| 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
|
+
| `minWidth` | `min-width` | Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira). | `number` | `150` |
|
|
16
|
+
| `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
|
|
17
|
+
| `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` |
|
|
18
|
+
| `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` |
|
|
19
|
+
| `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` |
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## Events
|
|
23
|
+
|
|
24
|
+
| Event | Description | Type |
|
|
25
|
+
| -------------------- | ------------------------------------------------------------ | ---------------------- |
|
|
26
|
+
| `ezVisibilityChange` | Emitido quando acontece a alteração de estado do componente. | `CustomEvent<boolean>` |
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
## Methods
|
|
30
|
+
|
|
31
|
+
### `hide() => Promise<void>`
|
|
32
|
+
|
|
33
|
+
Oculta o ez-popover.
|
|
34
|
+
|
|
35
|
+
#### Returns
|
|
36
|
+
|
|
37
|
+
Type: `Promise<void>`
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
### `setAnchorElement(anchor: HTMLElement | string) => Promise<void>`
|
|
42
|
+
|
|
43
|
+
Altera o elemento de ancoragem.
|
|
44
|
+
|
|
45
|
+
#### Returns
|
|
46
|
+
|
|
47
|
+
Type: `Promise<void>`
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
### `setOptions(options: IEzPopoverAnchorOptions) => Promise<void>`
|
|
52
|
+
|
|
53
|
+
Altera as opções.
|
|
54
|
+
|
|
55
|
+
#### Returns
|
|
56
|
+
|
|
57
|
+
Type: `Promise<void>`
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
### `show(top?: string | number, left?: string | number) => Promise<void>`
|
|
62
|
+
|
|
63
|
+
Exibe o ez-popover.
|
|
64
|
+
|
|
65
|
+
#### Returns
|
|
66
|
+
|
|
67
|
+
Type: `Promise<void>`
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
### `showUnder(element: HTMLElement | string, options?: IEzPopoverAnchorOptions) => Promise<void>`
|
|
72
|
+
|
|
73
|
+
Ancora a exibição do popOver a um elemento HTML.
|
|
74
|
+
|
|
75
|
+
#### Returns
|
|
76
|
+
|
|
77
|
+
Type: `Promise<void>`
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
### `updatePosition(top?: string, left?: string) => Promise<void>`
|
|
82
|
+
|
|
83
|
+
Atualiza a posição do popover.
|
|
84
|
+
|
|
85
|
+
#### Returns
|
|
86
|
+
|
|
87
|
+
Type: `Promise<void>`
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
## Dependencies
|
|
93
|
+
|
|
94
|
+
### Used by
|
|
95
|
+
|
|
96
|
+
- [ez-popover-plus](..)
|
|
97
|
+
|
|
98
|
+
### Graph
|
|
99
|
+
```mermaid
|
|
100
|
+
graph TD;
|
|
101
|
+
ez-popover-plus --> ez-popover-core
|
|
102
|
+
style ez-popover-core fill:#f9f,stroke:#333,stroke-width:4px
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
----------------------------------------------
|
|
106
|
+
|
|
107
|
+
|
|
@@ -101,18 +101,22 @@ Type: `Promise<void>`
|
|
|
101
101
|
|
|
102
102
|
### Depends on
|
|
103
103
|
|
|
104
|
-
- [ez-card-item](../ez-card-item)
|
|
105
104
|
- [ez-text-input](../ez-text-input)
|
|
106
105
|
- [ez-icon](../ez-icon)
|
|
106
|
+
- [ez-popover-plus](../ez-popover-plus)
|
|
107
|
+
- [search-list](./subcomponent/search-list)
|
|
107
108
|
|
|
108
109
|
### Graph
|
|
109
110
|
```mermaid
|
|
110
111
|
graph TD;
|
|
111
|
-
ez-search --> ez-card-item
|
|
112
112
|
ez-search --> ez-text-input
|
|
113
113
|
ez-search --> ez-icon
|
|
114
|
+
ez-search --> ez-popover-plus
|
|
115
|
+
ez-search --> search-list
|
|
114
116
|
ez-text-input --> ez-tooltip
|
|
115
117
|
ez-text-input --> ez-icon
|
|
118
|
+
ez-popover-plus --> ez-popover-core
|
|
119
|
+
search-list --> ez-card-item
|
|
116
120
|
ez-form-view --> ez-search
|
|
117
121
|
ez-multi-selection-list --> ez-search
|
|
118
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
|
+
|