@sankhyalabs/ezui-docs 0.0.0-feat-dev-KB-69274.0 → 0.0.0-feat-dev-KB-83113.2

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.
@@ -7,14 +7,13 @@
7
7
 
8
8
  ## Properties
9
9
 
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"` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ----------- | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------ |
12
+ | `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` |
13
+ | `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` |
14
+ | `label` | `label` | Define o conteúdo textual ou numérico do componente. | `string` | `undefined` |
15
+ | `position` | -- | Define a posição do ícone em relação ao elemento filho. | `IPosition` | `{ horizontal: "right", vertical: "top" }` |
16
+ | `size` | `size` | Define o tamanho de acordo com o tipo utilizado pelo componente. | `"extra-large" \| "extra-small" \| "large" \| "medium" \| "small" \| "small-medium"` | `"small"` |
18
17
 
19
18
 
20
19
  ## Dependencies
@@ -25,14 +25,12 @@
25
25
 
26
26
  ### Used by
27
27
 
28
- - [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
29
- - [search-list](../ez-search/subcomponent/search-list)
28
+ - [ez-search](../ez-search)
30
29
 
31
30
  ### Graph
32
31
  ```mermaid
33
32
  graph TD;
34
- ez-search-result-list --> ez-card-item
35
- search-list --> ez-card-item
33
+ ez-search --> ez-card-item
36
34
  style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px
37
35
  ```
38
36
 
@@ -99,19 +99,14 @@ Type: `Promise<void>`
99
99
 
100
100
  - [ez-text-input](../ez-text-input)
101
101
  - [ez-icon](../ez-icon)
102
- - [ez-popover-plus](../ez-popover-plus)
103
- - [ez-combo-box-list](ez-combo-box-list)
104
102
 
105
103
  ### Graph
106
104
  ```mermaid
107
105
  graph TD;
108
106
  ez-combo-box --> ez-text-input
109
107
  ez-combo-box --> ez-icon
110
- ez-combo-box --> ez-popover-plus
111
- ez-combo-box --> ez-combo-box-list
112
108
  ez-text-input --> ez-tooltip
113
109
  ez-text-input --> ez-icon
114
- ez-popover-plus --> ez-popover-core
115
110
  ez-form-view --> ez-combo-box
116
111
  style ez-combo-box fill:#f9f,stroke:#333,stroke-width:4px
117
112
  ```
@@ -81,10 +81,9 @@ graph TD;
81
81
  ez-form-view --> ez-date-time-input
82
82
  ez-form-view --> ez-upload
83
83
  ez-form-view --> ez-number-input
84
+ ez-form-view --> ez-search
84
85
  ez-form-view --> ez-text-area
85
86
  ez-form-view --> ez-text-input
86
- ez-form-view --> ez-search-plus
87
- ez-form-view --> ez-search
88
87
  ez-collapsible-box --> ez-icon
89
88
  ez-collapsible-box --> ez-text-edit
90
89
  ez-text-edit --> ez-text-input
@@ -94,9 +93,6 @@ graph TD;
94
93
  ez-button --> ez-icon
95
94
  ez-combo-box --> ez-text-input
96
95
  ez-combo-box --> ez-icon
97
- ez-combo-box --> ez-popover-plus
98
- ez-combo-box --> ez-combo-box-list
99
- ez-popover-plus --> ez-popover-core
100
96
  ez-date-input --> ez-text-input
101
97
  ez-date-input --> ez-calendar
102
98
  ez-time-input --> ez-text-input
@@ -104,16 +100,9 @@ graph TD;
104
100
  ez-date-time-input --> ez-text-input
105
101
  ez-date-time-input --> ez-calendar
106
102
  ez-number-input --> ez-text-input
107
- ez-search-plus --> ez-icon
108
- ez-search-plus --> ez-text-input
109
- ez-search-plus --> ez-popover-plus
110
- ez-search-plus --> ez-search-result-list
111
- ez-search-result-list --> ez-card-item
103
+ ez-search --> ez-card-item
112
104
  ez-search --> ez-text-input
113
105
  ez-search --> ez-icon
114
- ez-search --> ez-popover-plus
115
- ez-search --> search-list
116
- search-list --> ez-card-item
117
106
  style ez-form fill:#f9f,stroke:#333,stroke-width:4px
118
107
  ```
119
108
 
@@ -71,10 +71,9 @@ Type: `Promise<void>`
71
71
  - [ez-date-time-input](../ez-date-time-input)
72
72
  - [ez-upload](../ez-upload)
73
73
  - [ez-number-input](../ez-number-input)
74
+ - [ez-search](../ez-search)
74
75
  - [ez-text-area](../ez-text-area)
75
76
  - [ez-text-input](../ez-text-input)
76
- - [ez-search-plus](../ez-search-plus)
77
- - [ez-search](../ez-search)
78
77
 
79
78
  ### Graph
80
79
  ```mermaid
@@ -88,10 +87,9 @@ graph TD;
88
87
  ez-form-view --> ez-date-time-input
89
88
  ez-form-view --> ez-upload
90
89
  ez-form-view --> ez-number-input
90
+ ez-form-view --> ez-search
91
91
  ez-form-view --> ez-text-area
92
92
  ez-form-view --> ez-text-input
93
- ez-form-view --> ez-search-plus
94
- ez-form-view --> ez-search
95
93
  ez-collapsible-box --> ez-icon
96
94
  ez-collapsible-box --> ez-text-edit
97
95
  ez-text-edit --> ez-text-input
@@ -101,9 +99,6 @@ graph TD;
101
99
  ez-button --> ez-icon
102
100
  ez-combo-box --> ez-text-input
103
101
  ez-combo-box --> ez-icon
104
- ez-combo-box --> ez-popover-plus
105
- ez-combo-box --> ez-combo-box-list
106
- ez-popover-plus --> ez-popover-core
107
102
  ez-date-input --> ez-text-input
108
103
  ez-date-input --> ez-calendar
109
104
  ez-time-input --> ez-text-input
@@ -111,16 +106,9 @@ graph TD;
111
106
  ez-date-time-input --> ez-text-input
112
107
  ez-date-time-input --> ez-calendar
113
108
  ez-number-input --> ez-text-input
114
- ez-search-plus --> ez-icon
115
- ez-search-plus --> ez-text-input
116
- ez-search-plus --> ez-popover-plus
117
- ez-search-plus --> ez-search-result-list
118
- ez-search-result-list --> ez-card-item
109
+ ez-search --> ez-card-item
119
110
  ez-search --> ez-text-input
120
111
  ez-search --> ez-icon
121
- ez-search --> ez-popover-plus
122
- ez-search --> search-list
123
- search-list --> ez-card-item
124
112
  ez-form --> ez-form-view
125
113
  style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
126
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
  ```
@@ -34,7 +34,6 @@
34
34
  - [ez-modal-container](../ez-modal-container)
35
35
  - [ez-multi-selection-list](../ez-multi-selection-list)
36
36
  - [ez-search](../ez-search)
37
- - [ez-search-plus](../ez-search-plus)
38
37
  - [ez-sidebar-button](../ez-sidebar-button)
39
38
  - [ez-split-button](../ez-split-button)
40
39
  - [ez-tabselector](../ez-tabselector)
@@ -61,7 +60,6 @@ graph TD;
61
60
  ez-modal-container --> ez-icon
62
61
  ez-multi-selection-list --> ez-icon
63
62
  ez-search --> ez-icon
64
- ez-search-plus --> ez-icon
65
63
  ez-sidebar-button --> ez-icon
66
64
  ez-split-button --> ez-icon
67
65
  ez-tabselector --> ez-icon
@@ -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,16 +7,14 @@
7
7
 
8
8
  ## Properties
9
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` |
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"` |
20
18
 
21
19
 
22
20
  ## Events
@@ -93,22 +91,11 @@ Type: `Promise<void>`
93
91
 
94
92
  ### Used by
95
93
 
96
- - [ez-combo-box](../ez-combo-box)
97
- - [ez-search](../ez-search)
98
- - [ez-search-plus](../ez-search-plus)
99
94
  - [filter-column](../ez-grid/subcomponents)
100
95
 
101
- ### Depends on
102
-
103
- - [ez-popover-core](subcomponent)
104
-
105
96
  ### Graph
106
97
  ```mermaid
107
98
  graph TD;
108
- ez-popover-plus --> ez-popover-core
109
- ez-combo-box --> ez-popover-plus
110
- ez-search --> ez-popover-plus
111
- ez-search-plus --> ez-popover-plus
112
99
  filter-column --> ez-popover-plus
113
100
  style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
114
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
@@ -14,7 +14,6 @@
14
14
  | `cleanValueMask` | `clean-value-mask` | Para remover a máscara quando fizer um apply no formulário. | `boolean` | `false` |
15
15
  | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
16
16
  | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
17
- | `hasInvalid` | `has-invalid` | Define se o campo está em estado inválido (bordas vermelhas). | `boolean` | `false` |
18
17
  | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
19
18
  | `mask` | `mask` | Aplica uma máscara no conteúdo conforme o padrão estabelecido | `string` | `undefined` |
20
19
  | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
@@ -75,7 +74,6 @@ Type: `Promise<void>`
75
74
  - [ez-form-view](../ez-form-view)
76
75
  - [ez-number-input](../ez-number-input)
77
76
  - [ez-search](../ez-search)
78
- - [ez-search-plus](../ez-search-plus)
79
77
  - [ez-text-edit](../ez-text-edit)
80
78
  - [ez-time-input](../ez-time-input)
81
79
 
@@ -96,7 +94,6 @@ graph TD;
96
94
  ez-form-view --> ez-text-input
97
95
  ez-number-input --> ez-text-input
98
96
  ez-search --> ez-text-input
99
- ez-search-plus --> ez-text-input
100
97
  ez-text-edit --> ez-text-input
101
98
  ez-time-input --> ez-text-input
102
99
  style ez-text-input fill:#f9f,stroke:#333,stroke-width:4px
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui-docs",
3
- "version": "0.0.0-feat-dev-KB-69274.0",
3
+ "version": "0.0.0-feat-dev-KB-83113.2",
4
4
  "description": "Documentação da biblioteca de componentes Sankhya.",
5
5
  "main": "",
6
6
  "files": [
@@ -1,71 +0,0 @@
1
- # ez-combo-box-list
2
-
3
-
4
-
5
- <!-- Auto Generated Below -->
6
-
7
-
8
- ## Properties
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` |
21
-
22
-
23
- ## Methods
24
-
25
- ### `nextOption() => Promise<void>`
26
-
27
- Move a seleção para a próxima opção na lista.
28
-
29
- #### Returns
30
-
31
- Type: `Promise<void>`
32
-
33
-
34
-
35
- ### `previousOption() => Promise<void>`
36
-
37
- Move a seleção para a opção anterior na lista.
38
-
39
- #### Returns
40
-
41
- Type: `Promise<void>`
42
-
43
-
44
-
45
- ### `selectCurrentOption() => Promise<void>`
46
-
47
- Seleciona a opção atualmente pré-selecionada.
48
-
49
- #### Returns
50
-
51
- Type: `Promise<void>`
52
-
53
-
54
-
55
-
56
- ## Dependencies
57
-
58
- ### Used by
59
-
60
- - [ez-combo-box](..)
61
-
62
- ### Graph
63
- ```mermaid
64
- graph TD;
65
- ez-combo-box --> ez-combo-box-list
66
- style ez-combo-box-list fill:#f9f,stroke:#333,stroke-width:4px
67
- ```
68
-
69
- ----------------------------------------------
70
-
71
-
@@ -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
-
@@ -1,129 +0,0 @@
1
- # ez-search-plus
2
-
3
-
4
-
5
- <!-- Auto Generated Below -->
6
-
7
-
8
- ## Properties
9
-
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
- | `codLabel` | `cod-label` | Texto a ser apresentado no input de código. | `string` | `undefined` |
15
- | `contextProperties` | `context-properties` | Propriedades de contexto da aplicação. | `any` | `undefined` |
16
- | `disableCodeInput` | `disable-code-input` | Se true o campo de código ficara desabilitado. | `boolean` | `false` |
17
- | `disableDescriptionInput` | `disable-description-input` | Se true o campo de de apresentação ficara desabilitado. | `boolean` | `false` |
18
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
19
- | `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
20
- | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
21
- | `hideDescriptionInput` | `hide-description-input` | Se true o campo de de apresentação não será exibido. | `boolean` | `false` |
22
- | `hideErrorOnFocusOut` | `hide-error-on-focus-out` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `true` |
23
- | `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `false` |
24
- | `isTextSearch` | `is-text-search` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `false` |
25
- | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
26
- | `listOptionsPosition` | -- | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `IEzCheckBoxListPosition` | `undefined` |
27
- | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
28
- | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
29
- | `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
30
- | `showSelectedValue` | `show-selected-value` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `true` |
31
- | `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, interrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
32
- | `suppressEmptyOption` | `suppress-empty-option` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `false` |
33
- | `suppressPreLoad` | `suppress-pre-load` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `true` |
34
- | `suppressSearch` | `suppress-search` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `false` |
35
- | `value` | `value` | Define o valor do campo. | `any` | `undefined` |
36
-
37
-
38
- ## Events
39
-
40
- | Event | Description | Type |
41
- | ---------- | ------------------------------------------------------ | ---------------------- |
42
- | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
43
-
44
-
45
- ## Methods
46
-
47
- ### `clearValue() => Promise<void>`
48
-
49
- Limpa o valor do campo de pesquisa
50
-
51
- #### Returns
52
-
53
- Type: `Promise<void>`
54
-
55
-
56
-
57
- ### `getValueAsync() => Promise<unknown>`
58
-
59
- Obtém o valor do componente só após a compo de apresentação
60
- ter sido resolvido pelo option loader quando necessário
61
-
62
- #### Returns
63
-
64
- Type: `Promise<unknown>`
65
-
66
-
67
-
68
- ### `isInvalid() => Promise<boolean>`
69
-
70
- Retorna se o conteúdo é inválido.
71
-
72
- #### Returns
73
-
74
- Type: `Promise<boolean>`
75
-
76
-
77
-
78
- ### `setBlur() => Promise<void>`
79
-
80
- Remove o foco do campo.
81
-
82
- #### Returns
83
-
84
- Type: `Promise<void>`
85
-
86
-
87
-
88
- ### `setFocus(options?: TFocusOptions) => Promise<void>`
89
-
90
- Aplica o foco no campo.
91
-
92
- #### Returns
93
-
94
- Type: `Promise<void>`
95
-
96
-
97
-
98
-
99
- ## Dependencies
100
-
101
- ### Used by
102
-
103
- - [ez-form-view](../ez-form-view)
104
-
105
- ### Depends on
106
-
107
- - [ez-icon](../ez-icon)
108
- - [ez-text-input](../ez-text-input)
109
- - [ez-popover-plus](../ez-popover-plus)
110
- - [ez-search-result-list](./subcomponent/ez-search-result-list)
111
-
112
- ### Graph
113
- ```mermaid
114
- graph TD;
115
- ez-search-plus --> ez-icon
116
- ez-search-plus --> ez-text-input
117
- ez-search-plus --> ez-popover-plus
118
- ez-search-plus --> ez-search-result-list
119
- ez-text-input --> ez-tooltip
120
- ez-text-input --> ez-icon
121
- ez-popover-plus --> ez-popover-core
122
- ez-search-result-list --> ez-card-item
123
- ez-form-view --> ez-search-plus
124
- style ez-search-plus fill:#f9f,stroke:#333,stroke-width:4px
125
- ```
126
-
127
- ----------------------------------------------
128
-
129
-
@@ -1,88 +0,0 @@
1
- # ez-search-result-list
2
-
3
-
4
-
5
- <!-- Auto Generated Below -->
6
-
7
-
8
- ## Properties
9
-
10
- | Property | Attribute | Description | Type | Default |
11
- | ----------------- | ------------------- | ----------- | ------------------- | ----------- |
12
- | `showLoading` | `show-loading` | | `boolean` | `undefined` |
13
- | `showOptionValue` | `show-option-value` | | `boolean` | `true` |
14
- | `value` | `value` | | `IOption \| string` | `undefined` |
15
- | `visibleOptions` | -- | | `IOption[]` | `[]` |
16
-
17
-
18
- ## Events
19
-
20
- | Event | Description | Type |
21
- | ------------- | ----------- | ---------------------- |
22
- | `changeValue` | | `CustomEvent<IOption>` |
23
-
24
-
25
- ## Methods
26
-
27
- ### `cancelSelection() => Promise<void>`
28
-
29
-
30
-
31
- #### Returns
32
-
33
- Type: `Promise<void>`
34
-
35
-
36
-
37
- ### `nextOption() => Promise<void>`
38
-
39
-
40
-
41
- #### Returns
42
-
43
- Type: `Promise<void>`
44
-
45
-
46
-
47
- ### `previousOption() => Promise<void>`
48
-
49
-
50
-
51
- #### Returns
52
-
53
- Type: `Promise<void>`
54
-
55
-
56
-
57
- ### `selectCurrentItem() => Promise<void>`
58
-
59
-
60
-
61
- #### Returns
62
-
63
- Type: `Promise<void>`
64
-
65
-
66
-
67
-
68
- ## Dependencies
69
-
70
- ### Used by
71
-
72
- - [ez-search-plus](../..)
73
-
74
- ### Depends on
75
-
76
- - [ez-card-item](../../../ez-card-item)
77
-
78
- ### Graph
79
- ```mermaid
80
- graph TD;
81
- ez-search-result-list --> ez-card-item
82
- ez-search-plus --> ez-search-result-list
83
- style ez-search-result-list fill:#f9f,stroke:#333,stroke-width:4px
84
- ```
85
-
86
- ----------------------------------------------
87
-
88
-