@sankhyalabs/ezui-docs 0.0.0-bugfix-dev-KB-76625.0 → 0.0.0-bugfix-dev-KB-75065.1
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-card-item/readme.md +2 -2
- package/components/ez-form/readme.md +1 -4
- package/components/ez-form-view/readme.md +1 -4
- package/components/ez-grid/readme.md +1 -4
- package/components/ez-grid/subcomponents/readme.md +1 -4
- package/components/ez-multi-selection-list/readme.md +1 -4
- package/components/ez-popover-plus/readme.md +8 -16
- package/components/ez-search/readme.md +2 -6
- package/package.json +1 -1
- package/components/ez-popover-plus/subcomponent/readme.md +0 -107
- package/components/ez-search/subcomponent/search-list/readme.md +0 -72
|
@@ -7,13 +7,14 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------ | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------ |
|
|
12
|
+
| `alignItems` | `align-items` | Define a posição do ícone em relação ao elemento. | `"center" \| "flex-end" \| "flex-start"` | `"center"` |
|
|
13
|
+
| `iconLeft` | `icon-left` | Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` |
|
|
14
|
+
| `iconRight` | `icon-right` | Define o ícone a ser usado no lado direito do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` |
|
|
15
|
+
| `label` | `label` | Define o conteúdo textual ou numérico do componente. | `string` | `undefined` |
|
|
16
|
+
| `position` | -- | Define a posição do ícone em relação ao elemento filho. | `IPosition` | `{ horizontal: "right", vertical: "top" }` |
|
|
17
|
+
| `size` | `size` | Define o tamanho de acordo com o tipo utilizado pelo componente. | `"extra-large" \| "extra-small" \| "large" \| "medium" \| "small" \| "small-medium"` | `"small"` |
|
|
17
18
|
|
|
18
19
|
|
|
19
20
|
## Dependencies
|
|
@@ -25,12 +25,12 @@
|
|
|
25
25
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
|
-
- [search
|
|
28
|
+
- [ez-search](../ez-search)
|
|
29
29
|
|
|
30
30
|
### Graph
|
|
31
31
|
```mermaid
|
|
32
32
|
graph TD;
|
|
33
|
-
search
|
|
33
|
+
ez-search --> ez-card-item
|
|
34
34
|
style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
35
35
|
```
|
|
36
36
|
|
|
@@ -100,12 +100,9 @@ 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
|
|
103
104
|
ez-search --> ez-text-input
|
|
104
105
|
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
|
|
109
106
|
style ez-form fill:#f9f,stroke:#333,stroke-width:4px
|
|
110
107
|
```
|
|
111
108
|
|
|
@@ -106,12 +106,9 @@ 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
|
|
109
110
|
ez-search --> ez-text-input
|
|
110
111
|
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
|
|
115
112
|
ez-form --> ez-form-view
|
|
116
113
|
style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
|
|
117
114
|
```
|
|
@@ -255,7 +255,6 @@ 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
|
|
259
258
|
ez-multi-selection-list --> ez-check
|
|
260
259
|
ez-multi-selection-list --> ez-list
|
|
261
260
|
ez-multi-selection-list --> ez-icon
|
|
@@ -267,11 +266,9 @@ graph TD;
|
|
|
267
266
|
ez-filter-input --> ez-icon
|
|
268
267
|
ez-text-input --> ez-tooltip
|
|
269
268
|
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
|
|
275
272
|
style ez-grid fill:#f9f,stroke:#333,stroke-width:4px
|
|
276
273
|
```
|
|
277
274
|
|
|
@@ -67,7 +67,6 @@ 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
|
|
71
70
|
ez-button --> ez-icon
|
|
72
71
|
ez-multi-selection-list --> ez-check
|
|
73
72
|
ez-multi-selection-list --> ez-list
|
|
@@ -80,11 +79,9 @@ graph TD;
|
|
|
80
79
|
ez-filter-input --> ez-icon
|
|
81
80
|
ez-text-input --> ez-tooltip
|
|
82
81
|
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
|
|
88
85
|
ez-grid --> filter-column
|
|
89
86
|
style filter-column fill:#f9f,stroke:#333,stroke-width:4px
|
|
90
87
|
```
|
|
@@ -65,12 +65,9 @@ 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
|
|
68
69
|
ez-search --> ez-text-input
|
|
69
70
|
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
|
|
74
71
|
filter-column --> ez-multi-selection-list
|
|
75
72
|
style ez-multi-selection-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
76
73
|
```
|
|
@@ -7,15 +7,14 @@
|
|
|
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`
|
|
18
|
-
| `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` |
|
|
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"` |
|
|
19
18
|
|
|
20
19
|
|
|
21
20
|
## Events
|
|
@@ -92,18 +91,11 @@ Type: `Promise<void>`
|
|
|
92
91
|
|
|
93
92
|
### Used by
|
|
94
93
|
|
|
95
|
-
- [ez-search](../ez-search)
|
|
96
94
|
- [filter-column](../ez-grid/subcomponents)
|
|
97
95
|
|
|
98
|
-
### Depends on
|
|
99
|
-
|
|
100
|
-
- [ez-popover-core](subcomponent)
|
|
101
|
-
|
|
102
96
|
### Graph
|
|
103
97
|
```mermaid
|
|
104
98
|
graph TD;
|
|
105
|
-
ez-popover-plus --> ez-popover-core
|
|
106
|
-
ez-search --> ez-popover-plus
|
|
107
99
|
filter-column --> ez-popover-plus
|
|
108
100
|
style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
109
101
|
```
|
|
@@ -101,22 +101,18 @@ Type: `Promise<void>`
|
|
|
101
101
|
|
|
102
102
|
### Depends on
|
|
103
103
|
|
|
104
|
+
- [ez-card-item](../ez-card-item)
|
|
104
105
|
- [ez-text-input](../ez-text-input)
|
|
105
106
|
- [ez-icon](../ez-icon)
|
|
106
|
-
- [ez-popover-plus](../ez-popover-plus)
|
|
107
|
-
- [search-list](./subcomponent/search-list)
|
|
108
107
|
|
|
109
108
|
### Graph
|
|
110
109
|
```mermaid
|
|
111
110
|
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
|
|
116
114
|
ez-text-input --> ez-tooltip
|
|
117
115
|
ez-text-input --> ez-icon
|
|
118
|
-
ez-popover-plus --> ez-popover-core
|
|
119
|
-
search-list --> ez-card-item
|
|
120
116
|
ez-form-view --> ez-search
|
|
121
117
|
ez-multi-selection-list --> ez-search
|
|
122
118
|
style ez-search fill:#f9f,stroke:#333,stroke-width:4px
|
package/package.json
CHANGED
|
@@ -1,107 +0,0 @@
|
|
|
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
|
-
|
|
@@ -1,72 +0,0 @@
|
|
|
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
|
-
|