@sankhyalabs/ezui-docs 7.2.0 → 7.3.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.
Files changed (39) hide show
  1. package/components/ez-button/readme.md +0 -12
  2. package/components/ez-calendar/readme.md +0 -4
  3. package/components/ez-card-item/readme.md +0 -4
  4. package/components/ez-classic-combo-box/readme.md +3 -12
  5. package/components/ez-classic-input/readme.md +1 -22
  6. package/components/ez-classic-text-area/readme.md +19 -25
  7. package/components/ez-empty-card/readme.md +2 -2
  8. package/components/ez-form/readme.md +9 -47
  9. package/components/ez-form-view/readme.md +6 -57
  10. package/components/ez-grid/readme.md +6 -24
  11. package/components/ez-grid/subcomponents/readme.md +0 -1
  12. package/components/ez-grid-view/readme.md +3 -9
  13. package/components/ez-guide-navigator/readme.md +0 -2
  14. package/components/ez-icon/readme.md +0 -6
  15. package/components/ez-modal/readme.md +1 -2
  16. package/components/ez-multi-select-input/readme.md +0 -2
  17. package/components/ez-multi-selection-list/readme.md +0 -2
  18. package/components/ez-popover/readme.md +0 -13
  19. package/components/ez-popover-plus/readme.md +0 -8
  20. package/components/ez-popup/readme.md +0 -2
  21. package/components/ez-scroller/readme.md +6 -20
  22. package/components/ez-search/readme.md +1 -7
  23. package/components/ez-sidebar-navigator/readme.md +0 -2
  24. package/components/ez-skeleton/readme.md +0 -4
  25. package/components/ez-split-button/readme.md +0 -2
  26. package/components/ez-tabselector/readme.md +3 -5
  27. package/components/ez-tooltip/readme.md +0 -6
  28. package/package.json +1 -1
  29. package/components/ez-classic-date-input/readme.md +0 -111
  30. package/components/ez-classic-date-time-input/readme.md +0 -111
  31. package/components/ez-classic-number-input/readme.md +0 -107
  32. package/components/ez-classic-search/readme.md +0 -162
  33. package/components/ez-classic-search/subcomponent/classic-search-list/readme.md +0 -72
  34. package/components/ez-classic-search-plus/readme.md +0 -169
  35. package/components/ez-classic-search-plus/subcomponent/ez-search-result-list/readme.md +0 -90
  36. package/components/ez-classic-time-input/readme.md +0 -88
  37. package/components/ez-grid-pagination/readme.md +0 -95
  38. package/components/ez-image-input/readme.md +0 -77
  39. package/components/ez-record-navigation/readme.md +0 -59
package/components/ez-classic-date-time-input/readme.md DELETED
@@ -1,111 +0,0 @@
1
- # ez-classic-date-time-input
2
-
3
-
4
-
5
- <!-- Auto Generated Below -->
6
-
7
-
8
- ## Properties
9
-
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------------------ | ------------------------- | --------------------------------------------------------------------------------- | ---------------------------------- | ----------- |
12
- | `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo ser apresentado como título do campo. | `string` | `undefined` |
13
- | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
14
- | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
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
- | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
19
- | `required` | `required` | Define se o campo é obrigatório | `boolean` | `false` |
20
- | `showSeconds` | `show-seconds` | Se true considera segundos. | `boolean` | `false` |
21
- | `size` | `size` | Tamanho do input | `"default" \| "small" \| "xsmall"` | `"default"` |
22
- | `value` | -- | Define o valor do campo. | `Date` | `undefined` |
23
-
24
-
25
- ## Events
26
-
27
- | Event | Description | Type |
28
- | ----------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------- |
29
- | `ezCancelWaitingChange` | Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange. | `CustomEvent<void>` |
30
- | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<Date>` |
31
- | `ezStartChange` | Emitido ao iniciar a alteração (digitação incompleta). | `CustomEvent<WaitingChange>` |
32
-
33
-
34
- ## Methods
35
-
36
- ### `getValueAsync() => Promise<Date>`
37
-
38
-
39
-
40
- #### Returns
41
-
42
- Type: `Promise<Date>`
43
-
44
- ---
45
-
46
- ### `isInvalid() => Promise<boolean>`
47
-
48
- Retorna se o conteúdo é inválido.
49
-
50
- #### Returns
51
-
52
- Type: `Promise<boolean>`
53
-
54
- ---
55
-
56
- ### `setBlur() => Promise<void>`
57
-
58
- Remove o foco do campo.
59
-
60
- #### Returns
61
-
62
- Type: `Promise<void>`
63
-
64
- ---
65
-
66
- ### `setFocus(options?: OptionsSetFocus) => Promise<void>`
67
-
68
- Aplica o foco no campo.
69
-
70
- #### Returns
71
-
72
- Type: `Promise<void>`
73
-
74
-
75
-
76
-
77
- ## Dependencies
78
-
79
- ### Used by
80
-
81
- - [ez-form-view](../ez-form-view)
82
-
83
- ### Depends on
84
-
85
- - [ez-classic-input](../ez-classic-input)
86
- - [ez-popover-plus](../ez-popover-plus)
87
- - [ez-calendar](../ez-calendar)
88
-
89
- ### Graph
90
- ```mermaid
91
- graph TD;
92
- ez-classic-date-time-input --> ez-classic-input
93
- ez-classic-date-time-input --> ez-popover-plus
94
- ez-classic-date-time-input --> ez-calendar
95
- ez-classic-input --> ez-icon
96
- ez-popover-plus --> ez-popover-core
97
- ez-form-view --> ez-classic-date-time-input
98
- style ez-classic-date-time-input fill:#f9f,stroke:#333,stroke-width:4px
99
- ```
100
-
101
- ----------------------------------------------
102
-
103
-
104
-
105
-
106
- ## CSS Variables
107
- | Variable | Description |
108
- |-|-|
109
- | --ez-classic-date-input\_\_input--background-color | Define a cor de fundo do input. |
110
- | --ez-classic-date-input\_\_input--border-color | Define a cor da borda do input. |
111
- | --ez-classic-date-input\_\_calendar-image | Contém a imagem do calendário. |
package/components/ez-classic-number-input/readme.md DELETED
@@ -1,107 +0,0 @@
1
- # ez-classic-number-input
2
-
3
-
4
-
5
- <!-- Auto Generated Below -->
6
-
7
-
8
- ## Properties
9
-
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------------------ | ------------------------- | ---------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ----------- |
12
- | `allowNegative` | `allow-negative` | Se false, o input não aceitará números negativos. | `boolean` | `true` |
13
- | `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
14
- | `autoFocus` | `auto-focus` | * Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
15
- | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
16
- | `enabled` | `enabled` | Se false, o usuário não pode interagir com o campo. | `boolean` | `true` |
17
- | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
18
- | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
19
- | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
20
- | `precision` | `precision` | Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento. | `number` | `undefined` |
21
- | `prettyPrecision` | `pretty-precision` | Define qual é o mínimo de casas depois da vírgula. Exemplo: 1,1 será exibido como 1,1000 quando `prettyPrecision = 4`. | `number` | `undefined` |
22
- | `required` | `required` | Define se o input é obrigatório (visualmente) | `boolean` | `false` |
23
- | `size` | `size` | Tamanho do input | `"default" \| "small" \| "xsmall"` | `"default"` |
24
- | `value` | `value` | Define o valor do campo. | `number` | `undefined` |
25
-
26
-
27
- ## Events
28
-
29
- | Event | Description | Type |
30
- | ----------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------- |
31
- | `ezCancelWaitingChange` | Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange. | `CustomEvent<void>` |
32
- | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<number>` |
33
- | `ezStartChange` | Emitido ao iniciar a alteração (digitação incompleta). | `CustomEvent<WaitingChange>` |
34
-
35
-
36
- ## Methods
37
-
38
- ### `getValueAsync() => Promise<number>`
39
-
40
-
41
-
42
- #### Returns
43
-
44
- Type: `Promise<number>`
45
-
46
- ---
47
-
48
- ### `isInvalid() => Promise<boolean>`
49
-
50
- Retorna se o conteúdo é inválido.
51
-
52
- #### Returns
53
-
54
- Type: `Promise<boolean>`
55
-
56
- ---
57
-
58
- ### `setBlur() => Promise<void>`
59
-
60
- Remove o foco do campo.
61
-
62
- #### Returns
63
-
64
- Type: `Promise<void>`
65
-
66
- ---
67
-
68
- ### `setFocus(options?: OptionsSetFocus) => Promise<void>`
69
-
70
- Aplica o foco no campo.
71
-
72
- #### Returns
73
-
74
- Type: `Promise<void>`
75
-
76
-
77
-
78
-
79
- ## Dependencies
80
-
81
- ### Used by
82
-
83
- - [ez-form-view](../ez-form-view)
84
-
85
- ### Depends on
86
-
87
- - [ez-classic-input](../ez-classic-input)
88
-
89
- ### Graph
90
- ```mermaid
91
- graph TD;
92
- ez-classic-number-input --> ez-classic-input
93
- ez-classic-input --> ez-icon
94
- ez-form-view --> ez-classic-number-input
95
- style ez-classic-number-input fill:#f9f,stroke:#333,stroke-width:4px
96
- ```
97
-
98
- ----------------------------------------------
99
-
100
-
101
-
102
-
103
- ## CSS Variables
104
- | Variable | Description |
105
- |-|-|
106
- | --ez-classic-number-input\_\_min-width | Define a largura maxima do componente. |
107
- | --ez-classic-number-input\_\_max-width | Define a largura minima do componente. |
package/components/ez-classic-search/readme.md DELETED
@@ -1,162 +0,0 @@
1
- # ez-classic-search
2
-
3
-
4
-
5
- <!-- Auto Generated Below -->
6
-
7
-
8
- ## Properties
9
-
10
- | Property | Attribute | Description | Type | Default |
11
- | ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ | ----------- |
12
- | `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
13
- | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
14
- | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
15
- | `classic` | `classic` | Se true, muda o tipo do text-input para classic. | `boolean` | `false` |
16
- | `contextProperties` | `context-properties` | Propriedades de contexto da aplicação. | `any` | `undefined` |
17
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
18
- | `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
19
- | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
20
- | `hideDescriptionInput` | `hide-description-input` | Se true o campo de de apresentação não será exibido. | `boolean` | `false` |
21
- | `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` |
22
- | `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
23
- | `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
24
- | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
25
- | `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
26
- | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
27
- | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
28
- | `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
29
- | `required` | `required` | Define se o campo é obrigatório | `boolean` | `false` |
30
- | `showMore` | `show-more` | Informa se deve exibir a opção de mostrar mais resultados. | `boolean` | `undefined` |
31
- | `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
32
- | `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` |
33
- | `size` | `size` | Tamanho do input | `"default" \| "small" \| "xsmall"` | `"default"` |
34
- | `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
35
- | `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
36
- | `suppressInputPersist` | `suppress-input-persist` | Informa se o valor da opção selecionada deve persistir no input de texto. | `boolean` | `false` |
37
- | `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `true` |
38
- | `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
39
- | `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
40
-
41
-
42
- ## Events
43
-
44
- | Event | Description | Type |
45
- | ---------- | ------------------------------------------------------ | ---------------------- |
46
- | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
47
-
48
-
49
- ## Methods
50
-
51
- ### `clearValue() => Promise<void>`
52
-
53
- Limpa o valor do campo de pesquisa
54
-
55
- #### Returns
56
-
57
- Type: `Promise<void>`
58
-
59
- ---
60
-
61
- ### `getValueAsync() => Promise<unknown>`
62
-
63
-
64
-
65
- #### Returns
66
-
67
- Type: `Promise<unknown>`
68
-
69
- ---
70
-
71
- ### `isInvalid() => Promise<boolean>`
72
-
73
- Retorna se o conteúdo é inválido.
74
-
75
- #### Returns
76
-
77
- Type: `Promise<boolean>`
78
-
79
- ---
80
-
81
- ### `setBlur() => Promise<void>`
82
-
83
- Remove o foco do campo.
84
-
85
- #### Returns
86
-
87
- Type: `Promise<void>`
88
-
89
- ---
90
-
91
- ### `setFocus(options?: OptionsSetFocus) => Promise<void>`
92
-
93
- Aplica o foco no campo.
94
-
95
- #### Returns
96
-
97
- Type: `Promise<void>`
98
-
99
-
100
-
101
-
102
- ## Dependencies
103
-
104
- ### Used by
105
-
106
- - [ez-form-view](../ez-form-view)
107
-
108
- ### Depends on
109
-
110
- - [ez-button](../ez-button)
111
- - [ez-classic-input](../ez-classic-input)
112
- - [ez-popover-plus](../ez-popover-plus)
113
- - [classic-search-list](./subcomponent/classic-search-list)
114
-
115
- ### Graph
116
- ```mermaid
117
- graph TD;
118
- ez-classic-search --> ez-button
119
- ez-classic-search --> ez-classic-input
120
- ez-classic-search --> ez-popover-plus
121
- ez-classic-search --> classic-search-list
122
- ez-button --> ez-icon
123
- ez-classic-input --> ez-icon
124
- ez-popover-plus --> ez-popover-core
125
- classic-search-list --> ez-card-item
126
- ez-form-view --> ez-classic-search
127
- style ez-classic-search fill:#f9f,stroke:#333,stroke-width:4px
128
- ```
129
-
130
- ----------------------------------------------
131
-
132
-
133
-
134
-
135
- ## CSS Variables
136
- | Variable | Description |
137
- |-|-|
138
- | --ez-classic-search--height | Define altura do input. |
139
- | --ez-classic-search--width | Define largura do input. |
140
- | --ez-classic-search\_\_icon--width | Define largura do slot do ícone do input. |
141
- | --ez-classic-search--border-radius | Define o raio da borda do input. |
142
- | --ez-classic-search--border-radius-small | Define o raio da borda do input quando pequeno. |
143
- | --ez-classic-search--font-size | Define o tamanho da fonte dentro do input. |
144
- | --ez-classic-search--font-family | Define a família da fonte dentro do input. |
145
- | --ez-classic-search--font-weight--large | Define o peso da fonte dentro do input quando pesada. |
146
- | --ez-classic-search--font-weight--medium | Define o peso da fonte dentro do input quando média. |
147
- | --ez-classic-search--background-color--xlight | Define a cor de fundo da lista de opções. |
148
- | --ez-classic-search--background-medium | Define a cor de fundo dos itens da lista de opções. |
149
- | --ez-classic-search--line-height | Define a altura da linha do texto dentro do input. |
150
- | --ez-classic-search\_\_input--background-color | Define a cor de fundo do input. |
151
- | --ez-classic-search\_\_input--border | Define o estilo da borda do input. |
152
- | --ez-classic-search\_\_input--border-color | Define a cor da borda do input. |
153
- | --ez-classic-search\_\_input--focus--border-color | Define a cor da borda do input quando focado. |
154
- | --ez-classic-search\_\_input--disabled--background-color | Define a cor de fundo do input quando desabilitado. |
155
- | --ez-classic-search\_\_input--disabled--color | Define a cor do texto dentro do input quando desabilitado. |
156
- | --ez-classic-search\_\_input--error--border-color | Define a cor da borda do input quando com erro. |
157
- | --ez-classic-search\_\_btn--color | Define a cor do botão de pesquisa do componente. |
158
- | --ez-classic-search\_\_btn-disabled--color | Define a cor do botão de pesquisa do componente quando desabilitado. |
159
- | --ez-classic-search\_\_btn-hover--color | Define a cor do botão de pesquisa do componente quando o mouse está sobre ele. |
160
- | --ez-classic-search\_\_label--color | Define a cor do label. |
161
- | --ez-classic-search--space--medium | Define um espaçamento mediano entre elementos do componente. |
162
- | --ez-classic-search--space--small | Define um espaçamento pequeno entre elementos do componente. |
package/components/ez-classic-search/subcomponent/classic-search-list/readme.md DELETED
@@ -1,72 +0,0 @@
1
- # classic-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-classic-search](../..)
57
-
58
- ### Depends on
59
-
60
- - [ez-card-item](../../../ez-card-item)
61
-
62
- ### Graph
63
- ```mermaid
64
- graph TD;
65
- classic-search-list --> ez-card-item
66
- ez-classic-search --> classic-search-list
67
- style classic-search-list fill:#f9f,stroke:#333,stroke-width:4px
68
- ```
69
-
70
- ----------------------------------------------
71
-
72
-
package/components/ez-classic-search-plus/readme.md DELETED
@@ -1,169 +0,0 @@
1
- # ez-classic-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
- | `contextProperties` | `context-properties` | Propriedades de contexto da aplicação. | `any` | `undefined` |
15
- | `disableCodeInput` | `disable-code-input` | Se true o campo de código ficara desabilitado. | `boolean` | `false` |
16
- | `disableDescriptionInput` | `disable-description-input` | Se true o campo de de apresentação ficara desabilitado. | `boolean` | `false` |
17
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
18
- | `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
19
- | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
20
- | `hideDescriptionInput` | `hide-description-input` | Se true o campo de de apresentação não será exibido. | `boolean` | `false` |
21
- | `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `true` |
22
- | `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
23
- | `isTextSearch` | `is-text-search` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
24
- | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
25
- | `listOptionsPosition` | -- | Propriedade depreciada na nova versão do componente de pesquisa. | `IEzCheckBoxListPosition` | `undefined` |
26
- | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
27
- | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => ISearchOption \| IOption \| (ISearchOption \| IOption)[] \| Promise<ISearchOption \| IOption \| (ISearchOption \| IOption)[]>` | `undefined` |
28
- | `required` | `required` | Define se o campo é obrigatório | `boolean` | `false` |
29
- | `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
30
- | `showSelectedValue` | `show-selected-value` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `true` |
31
- | `size` | `size` | Tamanho do input | `"default" \| "small" \| "xsmall"` | `"default"` |
32
- | `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, interrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
33
- | `suppressEmptyOption` | `suppress-empty-option` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
34
- | `suppressPreLoad` | `suppress-pre-load` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `true` |
35
- | `suppressSearch` | `suppress-search` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
36
- | `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
37
-
38
-
39
- ## Events
40
-
41
- | Event | Description | Type |
42
- | ---------- | ------------------------------------------------------ | ---------------------- |
43
- | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
44
-
45
-
46
- ## Methods
47
-
48
- ### `clearValue() => Promise<void>`
49
-
50
- Limpa o valor do campo de pesquisa
51
-
52
- #### Returns
53
-
54
- Type: `Promise<void>`
55
-
56
- ---
57
-
58
- ### `getValueAsync() => Promise<IOption>`
59
-
60
- Obtém o valor do componente só após a compo de apresentação
61
- ter sido resolvido pelo option loader quando necessário
62
-
63
- #### Returns
64
-
65
- Type: `Promise<IOption>`
66
-
67
- ---
68
-
69
- ### `isInvalid() => Promise<boolean>`
70
-
71
- Retorna se o conteúdo é inválido.
72
-
73
- #### Returns
74
-
75
- Type: `Promise<boolean>`
76
-
77
- ---
78
-
79
- ### `setBlur() => Promise<void>`
80
-
81
- Remove o foco do campo.
82
-
83
- #### Returns
84
-
85
- Type: `Promise<void>`
86
-
87
- ---
88
-
89
- ### `setFocus(options?: OptionsSetFocus) => Promise<void>`
90
-
91
- Aplica o foco no campo.
92
-
93
- #### Returns
94
-
95
- Type: `Promise<void>`
96
-
97
-
98
-
99
-
100
- ## Dependencies
101
-
102
- ### Used by
103
-
104
- - [ez-form-view](../ez-form-view)
105
-
106
- ### Depends on
107
-
108
- - [ez-classic-input](../ez-classic-input)
109
- - [ez-popover-plus](../ez-popover-plus)
110
- - [ez-classic-search-result-list](./subcomponent/ez-search-result-list)
111
-
112
- ### Graph
113
- ```mermaid
114
- graph TD;
115
- ez-classic-search-plus --> ez-classic-input
116
- ez-classic-search-plus --> ez-popover-plus
117
- ez-classic-search-plus --> ez-classic-search-result-list
118
- ez-classic-input --> ez-icon
119
- ez-popover-plus --> ez-popover-core
120
- ez-classic-search-result-list --> ez-card-item
121
- ez-classic-search-result-list --> ez-skeleton
122
- ez-form-view --> ez-classic-search-plus
123
- style ez-classic-search-plus fill:#f9f,stroke:#333,stroke-width:4px
124
- ```
125
-
126
- ----------------------------------------------
127
-
128
-
129
-
130
-
131
- ## CSS Variables
132
- | Variable | Description |
133
- |-|-|
134
- | --ez-classic-search--height | Define altura do input. |
135
- | --ez-classic-search--width | Define largura do input. |
136
- | --ez-classic-search\_\_icon--width | Define largura do slot do ícone do input. |
137
- | --ez-classic-search--border-radius | Define o raio da borda do input. |
138
- | --ez-classic-search--border-radius-small | Define o raio da borda do input quando pequeno. |
139
- | --ez-classic-search--font-size | Define o tamanho da fonte dentro do input. |
140
- | --ez-classic-search--font-family | Define a família da fonte dentro do input. |
141
- | --ez-classic-search--font-weight--large | Define o peso da fonte dentro do input quando pesada. |
142
- | --ez-classic-search--font-weight--medium | Define o peso da fonte dentro do input quando média. |
143
- | --ez-classic-search--background-color--xlight | Define a cor de fundo da lista de opções. |
144
- | --ez-classic-search--background-medium | Define a cor de fundo dos itens da lista de opções. |
145
- | --ez-classic-search--line-height | Define a altura da linha do texto dentro do input. |
146
- | --ez-classic-search\_\_input--background-color | Define a cor de fundo do input. |
147
- | --ez-classic-search\_\_input--border | Define o estilo da borda do input. |
148
- | --ez-classic-search\_\_input--border-color | Define a cor da borda do input. |
149
- | --ez-classic-search\_\_input--focus--border-color | Define a cor da borda do input quando focado. |
150
- | --ez-classic-search\_\_input--disabled--background-color | Define a cor de fundo do input quando desabilitado. |
151
- | --ez-classic-search\_\_input--disabled--color | Define a cor do texto dentro do input quando desabilitado. |
152
- | --ez-classic-search\_\_input--error--border-color | Define a cor da borda do input quando com erro. |
153
- | --ez-classic-search\_\_btn--color | Define a cor do botão de pesquisa do componente. |
154
- | --ez-classic-search\_\_btn-disabled--color | Define a cor do botão de pesquisa do componente quando desabilitado. |
155
- | --ez-classic-search\_\_btn-hover--color | Define a cor do botão de pesquisa do componente quando o mouse está sobre ele. |
156
- | --ez-classic-search\_\_label--color | Define a cor do label. |
157
- | --ez-classic-search\_\_list-title--primary | Define a cor do texto da lista de opções. |
158
- | --ez-classic-search\_\_list-text--primary | Define a cor do texto do value da lista de opções. |
159
- | --ez-classic-search\_\_list-height | Define a altura do box da lista de opções. |
160
- | --ez-classic-search\_\_list-min-width | Define a largura mínima da lista de opções. |
161
- | --ez-classic-search--space--medium | Define um espaçamento mediano entre elementos do componente. |
162
- | --ez-classic-search--space--small | Define um espaçamento pequeno entre elementos do componente. |
163
- | --ez-classic-search\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. |
164
- | --ez-classic-search\_\_scrollbar--color-background | Define a cor de fundo da barra de rolagem do componente. |
165
- | --ez-classic-search\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. |
166
- | --ez-classic-search\_\_scrollbar--color-clicked | Define a cor do active na barra de rolagem do componente. |
167
- | --ez-classic-search\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. |
168
- | --ez-classic-search\_\_scrollbar--width | Define a largura da barra de rolagem do componente. |
169
- | --ez-classic-input--helptext-color | Define a cor do texto de ajuda do input. |