@vonage/vivid-vue 4.16.2 → 4.18.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 (139) hide show
  1. package/generated/components/VAccordion.vue2.d.ts +1 -1
  2. package/generated/components/VAccordion.vue3.d.ts +22 -22
  3. package/generated/components/VAccordionItem.vue2.d.ts +41 -41
  4. package/generated/components/VAccordionItem.vue3.d.ts +62 -62
  5. package/generated/components/VActionGroup.vue2.d.ts +16 -34
  6. package/generated/components/VActionGroup.vue3.d.ts +28 -46
  7. package/generated/components/VAlert.vue2.d.ts +64 -64
  8. package/generated/components/VAlert.vue3.d.ts +88 -88
  9. package/generated/components/VAudioPlayer.vue2.d.ts +64 -64
  10. package/generated/components/VAudioPlayer.vue3.d.ts +77 -77
  11. package/generated/components/VAvatar.vue2.d.ts +41 -41
  12. package/generated/components/VAvatar.vue3.d.ts +54 -54
  13. package/generated/components/VBadge.vue2.d.ts +37 -37
  14. package/generated/components/VBadge.vue3.d.ts +50 -50
  15. package/generated/components/VBanner.vue2.d.ts +33 -51
  16. package/generated/components/VBanner.vue3.d.ts +46 -64
  17. package/generated/components/VBreadcrumb.vue2.d.ts +1 -1
  18. package/generated/components/VBreadcrumb.vue3.d.ts +14 -14
  19. package/generated/components/VBreadcrumbItem.vue2.d.ts +31 -31
  20. package/generated/components/VBreadcrumbItem.vue3.d.ts +48 -48
  21. package/generated/components/VButton.vue2.d.ts +178 -178
  22. package/generated/components/VButton.vue3.d.ts +191 -191
  23. package/generated/components/VCalendar.vue2.d.ts +40 -25
  24. package/generated/components/VCalendar.vue3.d.ts +57 -42
  25. package/generated/components/VCalendarEvent.vue2.d.ts +33 -33
  26. package/generated/components/VCalendarEvent.vue3.d.ts +46 -46
  27. package/generated/components/VCard.vue2.d.ts +37 -37
  28. package/generated/components/VCard.vue3.d.ts +58 -58
  29. package/generated/components/VCheckbox.vue2.d.ts +102 -126
  30. package/generated/components/VCheckbox.vue3.d.ts +129 -153
  31. package/generated/components/VCombobox.vue2.d.ts +140 -140
  32. package/generated/components/VCombobox.vue3.d.ts +165 -165
  33. package/generated/components/VDataGrid.vue2.d.ts +25 -25
  34. package/generated/components/VDataGrid.vue3.d.ts +50 -50
  35. package/generated/components/VDataGridCell.vue2.d.ts +35 -35
  36. package/generated/components/VDataGridCell.vue3.d.ts +67 -67
  37. package/generated/components/VDataGridRow.vue2.d.ts +16 -16
  38. package/generated/components/VDataGridRow.vue3.d.ts +41 -41
  39. package/generated/components/VDatePicker.vue2.d.ts +57 -57
  40. package/generated/components/VDatePicker.vue3.d.ts +81 -91
  41. package/generated/components/VDateRangePicker.vue2.d.ts +85 -85
  42. package/generated/components/VDateRangePicker.vue3.d.ts +123 -133
  43. package/generated/components/VDateTimePicker.d.ts +7 -0
  44. package/generated/components/VDateTimePicker.vue2.d.ts +298 -0
  45. package/generated/components/VDateTimePicker.vue3.d.ts +386 -0
  46. package/generated/components/VDialPad.vue2.d.ts +64 -64
  47. package/generated/components/VDialPad.vue3.d.ts +97 -97
  48. package/generated/components/VDialog.vue2.d.ts +51 -60
  49. package/generated/components/VDialog.vue3.d.ts +83 -92
  50. package/generated/components/VDivider.vue2.d.ts +13 -13
  51. package/generated/components/VDivider.vue3.d.ts +26 -26
  52. package/generated/components/VEmptyState.vue2.d.ts +2 -2
  53. package/generated/components/VEmptyState.vue3.d.ts +19 -19
  54. package/generated/components/VFab.vue2.d.ts +105 -105
  55. package/generated/components/VFab.vue3.d.ts +118 -118
  56. package/generated/components/VFilePicker.vue2.d.ts +106 -106
  57. package/generated/components/VFilePicker.vue3.d.ts +126 -126
  58. package/generated/components/VHeader.vue2.d.ts +12 -12
  59. package/generated/components/VHeader.vue3.d.ts +32 -32
  60. package/generated/components/VIcon.vue2.d.ts +9 -9
  61. package/generated/components/VIcon.vue3.d.ts +22 -22
  62. package/generated/components/VLayout.vue2.d.ts +19 -19
  63. package/generated/components/VLayout.vue3.d.ts +32 -32
  64. package/generated/components/VMenu.vue2.d.ts +31 -40
  65. package/generated/components/VMenu.vue3.d.ts +57 -66
  66. package/generated/components/VMenuItem.vue2.d.ts +74 -74
  67. package/generated/components/VMenuItem.vue3.d.ts +103 -103
  68. package/generated/components/VNav.vue2.d.ts +1 -1
  69. package/generated/components/VNav.vue3.d.ts +14 -14
  70. package/generated/components/VNavDisclosure.vue2.d.ts +37 -31
  71. package/generated/components/VNavDisclosure.vue3.d.ts +55 -49
  72. package/generated/components/VNavItem.vue2.d.ts +66 -66
  73. package/generated/components/VNavItem.vue3.d.ts +97 -97
  74. package/generated/components/VNote.vue2.d.ts +19 -19
  75. package/generated/components/VNote.vue3.d.ts +35 -35
  76. package/generated/components/VNumberField.vue2.d.ts +179 -179
  77. package/generated/components/VNumberField.vue3.d.ts +199 -199
  78. package/generated/components/VOption.vue2.d.ts +35 -39
  79. package/generated/components/VOption.vue3.d.ts +48 -52
  80. package/generated/components/VPagination.vue2.d.ts +26 -26
  81. package/generated/components/VPagination.vue3.d.ts +39 -39
  82. package/generated/components/VProgress.vue2.d.ts +31 -40
  83. package/generated/components/VProgress.vue3.d.ts +44 -53
  84. package/generated/components/VProgressRing.vue2.d.ts +17 -26
  85. package/generated/components/VProgressRing.vue3.d.ts +30 -39
  86. package/generated/components/VRadio.vue2.d.ts +68 -68
  87. package/generated/components/VRadio.vue3.d.ts +89 -89
  88. package/generated/components/VRadioGroup.vue2.d.ts +35 -35
  89. package/generated/components/VRadioGroup.vue3.d.ts +56 -56
  90. package/generated/components/VRangeSlider.vue2.d.ts +129 -129
  91. package/generated/components/VRangeSlider.vue3.d.ts +165 -165
  92. package/generated/components/VRichTextEditor.d.ts +7 -0
  93. package/generated/components/VRichTextEditor.vue2.d.ts +46 -0
  94. package/generated/components/VRichTextEditor.vue3.d.ts +109 -0
  95. package/generated/components/VSearchableSelect.vue2.d.ts +135 -135
  96. package/generated/components/VSearchableSelect.vue3.d.ts +163 -163
  97. package/generated/components/VSelect.vue2.d.ts +108 -124
  98. package/generated/components/VSelect.vue3.d.ts +134 -150
  99. package/generated/components/VSelectableBox.vue2.d.ts +1 -10
  100. package/generated/components/VSelectableBox.vue3.d.ts +22 -31
  101. package/generated/components/VSideDrawer.vue2.d.ts +13 -13
  102. package/generated/components/VSideDrawer.vue3.d.ts +43 -43
  103. package/generated/components/VSlider.vue2.d.ts +101 -119
  104. package/generated/components/VSlider.vue3.d.ts +122 -140
  105. package/generated/components/VSplitButton.vue2.d.ts +56 -74
  106. package/generated/components/VSplitButton.vue3.d.ts +80 -98
  107. package/generated/components/VSwitch.vue2.d.ts +77 -86
  108. package/generated/components/VSwitch.vue3.d.ts +104 -113
  109. package/generated/components/VTab.vue2.d.ts +46 -46
  110. package/generated/components/VTab.vue3.d.ts +59 -59
  111. package/generated/components/VTabPanel.vue2.d.ts +1 -1
  112. package/generated/components/VTabPanel.vue3.d.ts +14 -14
  113. package/generated/components/VTabs.vue2.d.ts +29 -29
  114. package/generated/components/VTabs.vue3.d.ts +50 -50
  115. package/generated/components/VTag.vue2.d.ts +39 -39
  116. package/generated/components/VTag.vue3.d.ts +56 -56
  117. package/generated/components/VTagGroup.vue2.d.ts +1 -10
  118. package/generated/components/VTagGroup.vue3.d.ts +14 -23
  119. package/generated/components/VTextArea.vue2.d.ts +141 -141
  120. package/generated/components/VTextArea.vue3.d.ts +162 -162
  121. package/generated/components/VTextField.vue2.d.ts +164 -164
  122. package/generated/components/VTextField.vue3.d.ts +189 -189
  123. package/generated/components/VTimePicker.vue2.d.ts +71 -104
  124. package/generated/components/VTimePicker.vue3.d.ts +92 -125
  125. package/generated/components/VToggletip.vue2.d.ts +20 -20
  126. package/generated/components/VToggletip.vue3.d.ts +36 -36
  127. package/generated/components/VTooltip.vue2.d.ts +18 -18
  128. package/generated/components/VTooltip.vue3.d.ts +31 -31
  129. package/generated/components/VTreeItem.vue2.d.ts +31 -31
  130. package/generated/components/VTreeItem.vue3.d.ts +55 -55
  131. package/generated/components/VTreeView.vue2.d.ts +1 -1
  132. package/generated/components/VTreeView.vue3.d.ts +14 -14
  133. package/generated/components/VVideoPlayer.vue2.d.ts +32 -32
  134. package/generated/components/VVideoPlayer.vue3.d.ts +55 -55
  135. package/generated/components/index.d.ts +2 -0
  136. package/index.cjs +4827 -4524
  137. package/index.js +4827 -4526
  138. package/package.json +2 -2
  139. package/web-types.json +1654 -1584
@@ -3,31 +3,50 @@ import { IconId } from '../icons';
3
3
  import type { SearchableSelect } from '@vonage/vivid/lib/searchable-select/searchable-select';
4
4
  import type { SlotsType } from 'vue';
5
5
  declare const _default: import("vue").DefineComponent<{
6
+ appearance: {
7
+ type: PropType<"fieldset" | "ghost">;
8
+ default: undefined;
9
+ };
6
10
  /**
7
- * The success text for the form element.
11
+ * Indicates the element that represents the current item within a container or set of related elements.
8
12
  */
9
- successText: {
10
- type: PropType<string>;
13
+ ariaCurrent: {
14
+ type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
11
15
  default: undefined;
12
16
  };
13
17
  /**
14
- * The error text for the form element.
18
+ * Adds a clear button to the input field that clears the selected values.
15
19
  */
16
- errorText: {
17
- type: PropType<string>;
20
+ clearable: {
21
+ type: PropType<boolean>;
18
22
  default: undefined;
19
23
  };
20
24
  /**
21
- * The helper text for the form element.
25
+ * Sets the element's disabled state. A disabled element will not be included during form submission.
22
26
  */
23
- helperText: {
27
+ disabled: {
28
+ type: PropType<boolean>;
29
+ default: undefined;
30
+ };
31
+ /**
32
+ * The error text for the form element.
33
+ */
34
+ errorText: {
24
35
  type: PropType<string>;
25
36
  default: undefined;
26
37
  };
38
+ externalTags: {
39
+ type: PropType<boolean>;
40
+ default: undefined;
41
+ };
42
+ fixedDropdown: {
43
+ type: PropType<boolean>;
44
+ default: undefined;
45
+ };
27
46
  /**
28
- * The label for the form element.
47
+ * The helper text for the form element.
29
48
  */
30
- label: {
49
+ helperText: {
31
50
  type: PropType<string>;
32
51
  default: undefined;
33
52
  };
@@ -46,20 +65,6 @@ declare const _default: import("vue").DefineComponent<{
46
65
  type: PropType<boolean>;
47
66
  default: undefined;
48
67
  };
49
- /**
50
- * Indicates the element that represents the current item within a container or set of related elements.
51
- */
52
- ariaCurrent: {
53
- type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
54
- default: undefined;
55
- };
56
- /**
57
- * Sets the element's disabled state. A disabled element will not be included during form submission.
58
- */
59
- disabled: {
60
- type: PropType<boolean>;
61
- default: undefined;
62
- };
63
68
  /**
64
69
  * The initial value of the form. This value sets the `value` property
65
70
  * only when the `value` property has not been explicitly set.
@@ -69,25 +74,18 @@ declare const _default: import("vue").DefineComponent<{
69
74
  default: undefined;
70
75
  };
71
76
  /**
72
- * The current value of the element. This property serves as a mechanism
73
- * to set the `value` property through both property assignment and the
74
- * .setAttribute() method. This is useful for setting the field's value
75
- * in UI libraries that bind data through the .setAttribute() API
76
- * and don't support IDL attribute binding.
77
+ * The label for the form element.
77
78
  */
78
- value: {
79
+ label: {
79
80
  type: PropType<string>;
80
81
  default: undefined;
81
82
  };
82
- /**
83
- * The current value of the element. This property serves as a mechanism
84
- * to set the `value` property through both property assignment and the
85
- * .setAttribute() method. This is useful for setting the field's value
86
- * in UI libraries that bind data through the .setAttribute() API
87
- * and don't support IDL attribute binding.
88
- */
89
- modelValue: {
90
- type: PropType<string>;
83
+ maxLines: {
84
+ type: PropType<number>;
85
+ default: undefined;
86
+ };
87
+ multiple: {
88
+ type: PropType<boolean>;
91
89
  default: undefined;
92
90
  };
93
91
  /**
@@ -97,22 +95,7 @@ declare const _default: import("vue").DefineComponent<{
97
95
  type: PropType<string>;
98
96
  default: undefined;
99
97
  };
100
- /**
101
- * Require the field to be completed prior to form submission.
102
- */
103
- required: {
104
- type: PropType<boolean>;
105
- default: undefined;
106
- };
107
- appearance: {
108
- type: PropType<"fieldset" | "ghost">;
109
- default: undefined;
110
- };
111
- shape: {
112
- type: PropType<"rounded" | "pill">;
113
- default: undefined;
114
- };
115
- fixedDropdown: {
98
+ open: {
116
99
  type: PropType<boolean>;
117
100
  default: undefined;
118
101
  };
@@ -120,27 +103,44 @@ declare const _default: import("vue").DefineComponent<{
120
103
  type: PropType<string>;
121
104
  default: undefined;
122
105
  };
123
- open: {
106
+ /**
107
+ * Require the field to be completed prior to form submission.
108
+ */
109
+ required: {
124
110
  type: PropType<boolean>;
125
111
  default: undefined;
126
112
  };
127
- multiple: {
128
- type: PropType<boolean>;
113
+ shape: {
114
+ type: PropType<"rounded" | "pill">;
129
115
  default: undefined;
130
116
  };
131
- externalTags: {
132
- type: PropType<boolean>;
117
+ /**
118
+ * The success text for the form element.
119
+ */
120
+ successText: {
121
+ type: PropType<string>;
133
122
  default: undefined;
134
123
  };
135
- maxLines: {
136
- type: PropType<number>;
124
+ /**
125
+ * The current value of the element. This property serves as a mechanism
126
+ * to set the `value` property through both property assignment and the
127
+ * .setAttribute() method. This is useful for setting the field's value
128
+ * in UI libraries that bind data through the .setAttribute() API
129
+ * and don't support IDL attribute binding.
130
+ */
131
+ value: {
132
+ type: PropType<string>;
137
133
  default: undefined;
138
134
  };
139
135
  /**
140
- * Adds a clear button to the input field that clears the selected values.
136
+ * The current value of the element. This property serves as a mechanism
137
+ * to set the `value` property through both property assignment and the
138
+ * .setAttribute() method. This is useful for setting the field's value
139
+ * in UI libraries that bind data through the .setAttribute() API
140
+ * and don't support IDL attribute binding.
141
141
  */
142
- clearable: {
143
- type: PropType<boolean>;
142
+ modelValue: {
143
+ type: PropType<string>;
144
144
  default: undefined;
145
145
  };
146
146
  /**
@@ -154,6 +154,20 @@ declare const _default: import("vue").DefineComponent<{
154
154
  componentName: import("vue").Ref<string>;
155
155
  element: import("vue").Ref<SearchableSelect | null>;
156
156
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
157
+ /**
158
+ * Fires when the element loses focus.
159
+ * @type {FocusEvent}
160
+ */
161
+ blur(event: FocusEvent & {
162
+ target: SearchableSelect;
163
+ }): true;
164
+ /**
165
+ * Fired when the selected options change
166
+ * @type {CustomEvent<undefined>}
167
+ */
168
+ change(event: CustomEvent<undefined> & {
169
+ target: SearchableSelect;
170
+ }): true;
157
171
  /**
158
172
  * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
159
173
  * @type {MouseEvent}
@@ -169,10 +183,10 @@ declare const _default: import("vue").DefineComponent<{
169
183
  target: SearchableSelect;
170
184
  }): true;
171
185
  /**
172
- * Fires when the element loses focus.
173
- * @type {FocusEvent}
186
+ * Fired when the selected options change
187
+ * @type {CustomEvent<undefined>}
174
188
  */
175
- blur(event: FocusEvent & {
189
+ input(event: CustomEvent<undefined> & {
176
190
  target: SearchableSelect;
177
191
  }): true;
178
192
  /**
@@ -189,20 +203,6 @@ declare const _default: import("vue").DefineComponent<{
189
203
  keyup(event: KeyboardEvent & {
190
204
  target: SearchableSelect;
191
205
  }): true;
192
- /**
193
- * Fired when the selected options change
194
- * @type {CustomEvent<undefined>}
195
- */
196
- input(event: CustomEvent<undefined> & {
197
- target: SearchableSelect;
198
- }): true;
199
- /**
200
- * Fired when the selected options change
201
- * @type {CustomEvent<undefined>}
202
- */
203
- change(event: CustomEvent<undefined> & {
204
- target: SearchableSelect;
205
- }): true;
206
206
  /**
207
207
  * Fires when the modelValue value changes
208
208
  * @type {string}
@@ -218,31 +218,50 @@ declare const _default: import("vue").DefineComponent<{
218
218
  target: SearchableSelect;
219
219
  }): true;
220
220
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
221
+ appearance: {
222
+ type: PropType<"fieldset" | "ghost">;
223
+ default: undefined;
224
+ };
221
225
  /**
222
- * The success text for the form element.
226
+ * Indicates the element that represents the current item within a container or set of related elements.
223
227
  */
224
- successText: {
225
- type: PropType<string>;
228
+ ariaCurrent: {
229
+ type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
226
230
  default: undefined;
227
231
  };
228
232
  /**
229
- * The error text for the form element.
233
+ * Adds a clear button to the input field that clears the selected values.
230
234
  */
231
- errorText: {
232
- type: PropType<string>;
235
+ clearable: {
236
+ type: PropType<boolean>;
233
237
  default: undefined;
234
238
  };
235
239
  /**
236
- * The helper text for the form element.
240
+ * Sets the element's disabled state. A disabled element will not be included during form submission.
237
241
  */
238
- helperText: {
242
+ disabled: {
243
+ type: PropType<boolean>;
244
+ default: undefined;
245
+ };
246
+ /**
247
+ * The error text for the form element.
248
+ */
249
+ errorText: {
239
250
  type: PropType<string>;
240
251
  default: undefined;
241
252
  };
253
+ externalTags: {
254
+ type: PropType<boolean>;
255
+ default: undefined;
256
+ };
257
+ fixedDropdown: {
258
+ type: PropType<boolean>;
259
+ default: undefined;
260
+ };
242
261
  /**
243
- * The label for the form element.
262
+ * The helper text for the form element.
244
263
  */
245
- label: {
264
+ helperText: {
246
265
  type: PropType<string>;
247
266
  default: undefined;
248
267
  };
@@ -261,20 +280,6 @@ declare const _default: import("vue").DefineComponent<{
261
280
  type: PropType<boolean>;
262
281
  default: undefined;
263
282
  };
264
- /**
265
- * Indicates the element that represents the current item within a container or set of related elements.
266
- */
267
- ariaCurrent: {
268
- type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
269
- default: undefined;
270
- };
271
- /**
272
- * Sets the element's disabled state. A disabled element will not be included during form submission.
273
- */
274
- disabled: {
275
- type: PropType<boolean>;
276
- default: undefined;
277
- };
278
283
  /**
279
284
  * The initial value of the form. This value sets the `value` property
280
285
  * only when the `value` property has not been explicitly set.
@@ -284,25 +289,18 @@ declare const _default: import("vue").DefineComponent<{
284
289
  default: undefined;
285
290
  };
286
291
  /**
287
- * The current value of the element. This property serves as a mechanism
288
- * to set the `value` property through both property assignment and the
289
- * .setAttribute() method. This is useful for setting the field's value
290
- * in UI libraries that bind data through the .setAttribute() API
291
- * and don't support IDL attribute binding.
292
+ * The label for the form element.
292
293
  */
293
- value: {
294
+ label: {
294
295
  type: PropType<string>;
295
296
  default: undefined;
296
297
  };
297
- /**
298
- * The current value of the element. This property serves as a mechanism
299
- * to set the `value` property through both property assignment and the
300
- * .setAttribute() method. This is useful for setting the field's value
301
- * in UI libraries that bind data through the .setAttribute() API
302
- * and don't support IDL attribute binding.
303
- */
304
- modelValue: {
305
- type: PropType<string>;
298
+ maxLines: {
299
+ type: PropType<number>;
300
+ default: undefined;
301
+ };
302
+ multiple: {
303
+ type: PropType<boolean>;
306
304
  default: undefined;
307
305
  };
308
306
  /**
@@ -312,22 +310,7 @@ declare const _default: import("vue").DefineComponent<{
312
310
  type: PropType<string>;
313
311
  default: undefined;
314
312
  };
315
- /**
316
- * Require the field to be completed prior to form submission.
317
- */
318
- required: {
319
- type: PropType<boolean>;
320
- default: undefined;
321
- };
322
- appearance: {
323
- type: PropType<"fieldset" | "ghost">;
324
- default: undefined;
325
- };
326
- shape: {
327
- type: PropType<"rounded" | "pill">;
328
- default: undefined;
329
- };
330
- fixedDropdown: {
313
+ open: {
331
314
  type: PropType<boolean>;
332
315
  default: undefined;
333
316
  };
@@ -335,27 +318,44 @@ declare const _default: import("vue").DefineComponent<{
335
318
  type: PropType<string>;
336
319
  default: undefined;
337
320
  };
338
- open: {
321
+ /**
322
+ * Require the field to be completed prior to form submission.
323
+ */
324
+ required: {
339
325
  type: PropType<boolean>;
340
326
  default: undefined;
341
327
  };
342
- multiple: {
343
- type: PropType<boolean>;
328
+ shape: {
329
+ type: PropType<"rounded" | "pill">;
344
330
  default: undefined;
345
331
  };
346
- externalTags: {
347
- type: PropType<boolean>;
332
+ /**
333
+ * The success text for the form element.
334
+ */
335
+ successText: {
336
+ type: PropType<string>;
348
337
  default: undefined;
349
338
  };
350
- maxLines: {
351
- type: PropType<number>;
339
+ /**
340
+ * The current value of the element. This property serves as a mechanism
341
+ * to set the `value` property through both property assignment and the
342
+ * .setAttribute() method. This is useful for setting the field's value
343
+ * in UI libraries that bind data through the .setAttribute() API
344
+ * and don't support IDL attribute binding.
345
+ */
346
+ value: {
347
+ type: PropType<string>;
352
348
  default: undefined;
353
349
  };
354
350
  /**
355
- * Adds a clear button to the input field that clears the selected values.
351
+ * The current value of the element. This property serves as a mechanism
352
+ * to set the `value` property through both property assignment and the
353
+ * .setAttribute() method. This is useful for setting the field's value
354
+ * in UI libraries that bind data through the .setAttribute() API
355
+ * and don't support IDL attribute binding.
356
356
  */
357
- clearable: {
358
- type: PropType<boolean>;
357
+ modelValue: {
358
+ type: PropType<string>;
359
359
  default: undefined;
360
360
  };
361
361
  /**
@@ -369,22 +369,22 @@ declare const _default: import("vue").DefineComponent<{
369
369
  onKeydown?: ((event: KeyboardEvent & {
370
370
  target: SearchableSelect;
371
371
  }) => any) | undefined;
372
- onClick?: ((event: MouseEvent & {
372
+ onBlur?: ((event: FocusEvent & {
373
373
  target: SearchableSelect;
374
374
  }) => any) | undefined;
375
- onFocus?: ((event: FocusEvent & {
375
+ onChange?: ((event: CustomEvent<undefined> & {
376
376
  target: SearchableSelect;
377
377
  }) => any) | undefined;
378
- onBlur?: ((event: FocusEvent & {
378
+ onClick?: ((event: MouseEvent & {
379
379
  target: SearchableSelect;
380
380
  }) => any) | undefined;
381
- onKeyup?: ((event: KeyboardEvent & {
381
+ onFocus?: ((event: FocusEvent & {
382
382
  target: SearchableSelect;
383
383
  }) => any) | undefined;
384
384
  onInput?: ((event: CustomEvent<undefined> & {
385
385
  target: SearchableSelect;
386
386
  }) => any) | undefined;
387
- onChange?: ((event: CustomEvent<undefined> & {
387
+ onKeyup?: ((event: KeyboardEvent & {
388
388
  target: SearchableSelect;
389
389
  }) => any) | undefined;
390
390
  "onUpdate:modelValue"?: ((event: string & {
@@ -400,28 +400,32 @@ declare const _default: import("vue").DefineComponent<{
400
400
  value: string;
401
401
  icon: "10-sec-backward-line" | "10-sec-backward-solid" | "10-sec-forward-line" | "10-sec-forward-solid" | "30-sec-backward-line" | "30-sec-backward-solid" | "30-sec-forward-line" | "30-sec-forward-solid" | "5-sec-backward-line" | "5-sec-backward-solid" | "5-sec-forward-line" | "5-sec-forward-solid" | "abc-keyboard-line" | "abc-keyboard-solid" | "accessibility-line" | "accessibility-solid" | "active-call-line" | "active-call-solid" | "add-call-line" | "add-call-solid" | "add-group-line" | "add-group-solid" | "add-line" | "add-solid" | "add-time-line" | "add-time-solid" | "add-user-line" | "add-user-solid" | "address-book-line" | "address-book-solid" | "ai-2-line" | "ai-2-solid" | "ai-3-line" | "ai-3-solid" | "ai-line" | "ai-solid" | "alarm-line" | "alarm-solid" | "align-center-line" | "align-center-solid" | "align-left-line" | "align-left-solid" | "align-right-line" | "align-right-solid" | "ambulance-line" | "ambulance-solid" | "android-color" | "android-mono" | "angular-color" | "angular-mono" | "app-line" | "app-plus-line" | "app-plus-solid" | "app-solid" | "app-store-line" | "app-store-solid" | "apple-color" | "apple-mono" | "apps-line" | "apps-solid" | "arrow-bold-left-line" | "arrow-bold-left-solid" | "arrow-bold-right-line" | "arrow-bold-right-solid" | "arrow-down-line" | "arrow-down-solid" | "arrow-inbound-line" | "arrow-inbound-solid" | "arrow-left-line" | "arrow-left-solid" | "arrow-outbound-line" | "arrow-outbound-solid" | "arrow-right-line" | "arrow-right-solid" | "arrow-up-line" | "arrow-up-solid" | "arrow-width-large-line" | "arrow-width-large-solid" | "arrow-width-medium-line" | "arrow-width-medium-solid" | "arrow-width-small-line" | "arrow-width-small-solid" | "assign-user-line" | "assign-user-solid" | "asterisk-2-line" | "asterisk-2-solid" | "asterisk-line" | "asterisk-solid" | "atoms-line" | "atoms-solid" | "attachment-line" | "attachment-solid" | "audio-max-line" | "audio-max-solid" | "audio-mid-line" | "audio-mid-solid" | "audio-min-line" | "audio-min-solid" | "audio-mute-line" | "audio-mute-solid" | "audio-off-2-line" | "audio-off-2-solid" | "audio-off-line" | "audio-off-solid" | "back-line" | "back-solid" | "backspace-line" | "backspace-solid" | "backward-line" | "backward-solid" | "badge-line" | "badge-solid" | "binoculars-line" | "binoculars-solid" | "block-call-line" | "block-call-solid" | "block-line" | "block-solid" | "blogger-color" | "blogger-mono" | "blur-line" | "blur-off-line" | "blur-off-solid" | "blur-solid" | "bold-line" | "bold-solid" | "bookmark-line" | "bookmark-solid" | "books-line" | "books-solid" | "bot-line" | "bot-solid" | "bottom-tabs-line" | "bottom-tabs-solid" | "bounce-line" | "bounce-solid" | "brain-line" | "brain-solid" | "bring-to-front-line" | "bring-to-front-solid" | "broadcast-line" | "broadcast-solid" | "broken-image-line" | "broken-image-solid" | "bullet-line" | "bullet-list-2-line" | "bullet-list-2-solid" | "bullet-list-line" | "bullet-list-off-line" | "bullet-list-off-solid" | "bullet-list-solid" | "bullet-solid" | "bullhorn-color" | "bullhorn-mono" | "calculator-line" | "calculator-solid" | "calendar-check-line" | "calendar-check-solid" | "calendar-clock-line" | "calendar-clock-solid" | "calendar-line" | "calendar-plus-line" | "calendar-plus-solid" | "calendar-solid" | "call-line" | "call-solid" | "call-star-line" | "call-star-solid" | "camera-line" | "camera-solid" | "camera-switch-line" | "camera-switch-solid" | "car-line" | "car-solid" | "cart-full-line" | "cart-full-solid" | "cart-line" | "cart-solid" | "cell-reception-line" | "cell-reception-solid" | "chain-line" | "chain-solid" | "charity-line" | "charity-solid" | "chart-line" | "chart-solid" | "chat-2-line" | "chat-2-solid" | "chat-call-line" | "chat-call-solid" | "chat-hide-line" | "chat-hide-solid" | "chat-line" | "chat-solid" | "check-all-line" | "check-all-solid" | "check-call-line" | "check-call-solid" | "check-circle-line" | "check-circle-solid" | "check-double-line" | "check-double-solid" | "check-line" | "check-sent-line" | "check-sent-solid" | "check-solid" | "checkbox-checked-2-line" | "checkbox-checked-2-solid" | "checkbox-checked-line" | "checkbox-checked-solid" | "checkbox-part-checked-line" | "checkbox-part-checked-solid" | "checkbox-unchecked-2-line" | "checkbox-unchecked-2-solid" | "checkbox-unchecked-line" | "checkbox-unchecked-solid" | "chevron-circle-down-line" | "chevron-circle-down-solid" | "chevron-down-line" | "chevron-down-solid" | "chevron-left-line" | "chevron-left-solid" | "chevron-right-line" | "chevron-right-solid" | "chevron-up-line" | "chevron-up-solid" | "chime-color" | "chime-mono" | "circle-line" | "circle-solid" | "clear-file-line" | "clear-file-solid" | "click-to-call-line" | "click-to-call-solid" | "clio-color" | "clio-mono" | "clipboard-add-line" | "clipboard-add-solid" | "clipboard-assign-line" | "clipboard-assign-solid" | "clock-line" | "clock-off-line" | "clock-off-solid" | "clock-solid" | "close-circle-line" | "close-circle-solid" | "close-line" | "close-small-line" | "close-small-solid" | "close-solid" | "closed-captioning-line" | "closed-captioning-off-line" | "closed-captioning-off-solid" | "closed-captioning-solid" | "cloud-download-2-line" | "cloud-download-2-solid" | "cloud-line" | "cloud-office-phone-line" | "cloud-office-phone-solid" | "cloud-solid" | "cloud-upload-2-line" | "cloud-upload-2-solid" | "cloud-upload-line" | "cloud-upload-solid" | "code-line" | "code-snippet-line" | "code-snippet-solid" | "code-solid" | "coffee-line" | "coffee-solid" | "collapse-line" | "collapse-solid" | "comms-online-color" | "comms-online-mono" | "company-line" | "company-solid" | "compose-line" | "compose-solid" | "condition-line" | "condition-solid" | "connect-line" | "connect-solid" | "connectwise-color" | "connectwise-mono" | "cooktail-line" | "cooktail-solid" | "copy-2-line" | "copy-2-solid" | "copy-line" | "copy-solid" | "credit-card-line" | "credit-card-solid" | "crop-line" | "crop-solid" | "curl-color" | "curl-mono" | "curly-brackets-line" | "curly-brackets-solid" | "cursor-2-line" | "cursor-2-solid" | "cursor-line" | "cursor-solid" | "dark-mode-line" | "dark-mode-solid" | "delete-line" | "delete-solid" | "density-high-line" | "density-high-solid" | "density-medium-line" | "density-medium-solid" | "design-tools-line" | "design-tools-solid" | "devices-line" | "devices-solid" | "disable-call-line" | "disable-call-solid" | "distort-line" | "distort-solid" | "divider-line" | "divider-solid" | "document-2-line" | "document-2-solid" | "document-line" | "document-solid" | "dollar-line" | "dollar-solid" | "dotnet-color" | "dotnet-mono" | "double-chevron-left-line" | "double-chevron-left-solid" | "double-chevron-right-line" | "double-chevron-right-solid" | "download-line" | "download-solid" | "drupal-color" | "drupal-mono" | "duplicate-line" | "duplicate-solid" | "dynamics-365-color" | "dynamics-365-mono" | "dynamics-color" | "dynamics-mono" | "echo-line" | "echo-solid" | "edit-line" | "edit-solid" | "edit-user-line" | "edit-user-solid" | "eight-line" | "eight-solid" | "emoji-line" | "emoji-solid" | "end-call-line" | "end-call-solid" | "enlarge-screen-2-line" | "enlarge-screen-2-solid" | "enlarge-screen-line" | "enlarge-screen-solid" | "enter-line" | "enter-solid" | "envelope-line" | "envelope-solid" | "eraser-line" | "eraser-solid" | "error-line" | "error-solid" | "error-star-line" | "error-star-solid" | "exit-line" | "exit-solid" | "expand-2-line" | "expand-2-solid" | "expand-line" | "expand-solid" | "export-line" | "export-solid" | "express-color" | "express-mono" | "eye-hide-line" | "eye-hide-solid" | "eye-line" | "eye-solid" | "facebook-color" | "facebook-line" | "facebook-mono" | "facebook-solid" | "fax-2-line" | "fax-2-solid" | "fax-add-line" | "fax-add-solid" | "fax-failed-line" | "fax-failed-solid" | "fax-inbound-line" | "fax-inbound-solid" | "fax-line" | "fax-outbound-line" | "fax-outbound-solid" | "fax-pending-line" | "fax-pending-solid" | "fax-scheduled-line" | "fax-scheduled-solid" | "fax-solid" | "feedback-line" | "feedback-solid" | "file-add-line" | "file-add-solid" | "file-audio-line" | "file-audio-solid" | "file-csv-line" | "file-csv-solid" | "file-doc-line" | "file-doc-solid" | "file-dollar-line" | "file-dollar-solid" | "file-edit-line" | "file-edit-solid" | "file-gear-line" | "file-gear-solid" | "file-gif-2-line" | "file-gif-2-solid" | "file-gif-line" | "file-gif-solid" | "file-jpg-line" | "file-jpg-solid" | "file-line" | "file-paragraph-line" | "file-paragraph-solid" | "file-pdf-line" | "file-pdf-solid" | "file-plus-line" | "file-plus-solid" | "file-png-line" | "file-png-solid" | "file-ppt-line" | "file-ppt-solid" | "file-search-line" | "file-search-solid" | "file-solid" | "file-txt-line" | "file-txt-solid" | "file-video-2-line" | "file-video-2-solid" | "file-video-line" | "file-video-solid" | "file-xls-line" | "file-xls-solid" | "file-zip-line" | "file-zip-solid" | "files-line" | "files-solid" | "filter-line" | "filter-solid" | "five-line" | "five-solid" | "flag-afghanistan" | "flag-aland-islands" | "flag-albania" | "flag-algeria" | "flag-argentina" | "flag-armenia" | "flag-aruba" | "flag-australia" | "flag-austria" | "flag-bahamas" | "flag-bahrain" | "flag-bangladesh" | "flag-belarus" | "flag-belgium" | "flag-benin" | "flag-bolivia" | "flag-botswana" | "flag-brazil" | "flag-bulgaria" | "flag-burkina-faso" | "flag-cambodia" | "flag-canada" | "flag-cayman-islands" | "flag-central-african-republic" | "flag-chad" | "flag-chile" | "flag-china" | "flag-colombia" | "flag-costa-rica" | "flag-croatia" | "flag-cyprus" | "flag-czech-republic" | "flag-denmark" | "flag-dominican-republic" | "flag-egypt" | "flag-el-salvador" | "flag-estonia" | "flag-european-union" | "flag-finland" | "flag-france" | "flag-georgia" | "flag-germany" | "flag-ghana" | "flag-greece" | "flag-grenada" | "flag-guatemala" | "flag-honduras" | "flag-hong-kong" | "flag-hungary" | "flag-iceland" | "flag-india" | "flag-indonesia" | "flag-ireland" | "flag-israel" | "flag-italy" | "flag-jamaica" | "flag-japan" | "flag-latvia" | "flag-liechtenstein" | "flag-lithuania" | "flag-luxembourg" | "flag-macao" | "flag-malaysia" | "flag-malta" | "flag-mauritius" | "flag-mexico" | "flag-moldova" | "flag-netherlands" | "flag-new-zealand" | "flag-nigeria" | "flag-norway" | "flag-pakistan" | "flag-panama" | "flag-peru" | "flag-philippines" | "flag-poland" | "flag-portugal" | "flag-puertorico" | "flag-romania" | "flag-russia" | "flag-rwanda" | "flag-saudi-arabia" | "flag-serbia" | "flag-singapore" | "flag-slovakia" | "flag-slovenia" | "flag-south-africa" | "flag-south-korea" | "flag-spain" | "flag-sri-lanka" | "flag-sweden" | "flag-switzerland" | "flag-taiwan" | "flag-tajikistan" | "flag-tanzania" | "flag-thailand" | "flag-trinidad-and-tobago" | "flag-turkey" | "flag-ukraine" | "flag-united-arab-emirates" | "flag-united-kingdom" | "flag-united-states" | "flag-uruguay" | "flag-uzbekistan" | "flag-venezuela" | "flag-vietnam" | "flag-zambia" | "flash-2-line" | "flash-2-solid" | "flash-line" | "flash-solid" | "flip-horizontal-line" | "flip-horizontal-solid" | "flip-line" | "flip-solid" | "flip-vertical-line" | "flip-vertical-solid" | "flow-2-line" | "flow-2-solid" | "flow-line" | "flow-permission-line" | "flow-permission-solid" | "flow-solid" | "forward-call-line" | "forward-call-solid" | "forward-line" | "forward-solid" | "four-line" | "four-solid" | "full-screen-line" | "full-screen-solid" | "fullscreen-off-line" | "fullscreen-off-solid" | "gallery-line" | "gallery-solid" | "gear-line" | "gear-solid" | "gender-female-line" | "gender-female-solid" | "gender-male-line" | "gender-male-solid" | "gender-unspecified-line" | "gender-unspecified-solid" | "github-color" | "github-mono" | "globe-line" | "globe-solid" | "google-color" | "google-mono" | "gradle-color" | "gradle-mono" | "grid-two-line" | "grid-two-solid" | "groovy-color" | "groovy-mono" | "group-2-line" | "group-2-solid" | "group-3-line" | "group-3-solid" | "group-4-line" | "group-4-solid" | "group-5-line" | "group-5-solid" | "group-6-line" | "group-6-solid" | "group-7-line" | "group-7-solid" | "group-8-line" | "group-8-solid" | "group-9-line" | "group-9-solid" | "group-line" | "group-permission-2-line" | "group-permission-2-solid" | "group-permission-line" | "group-permission-solid" | "group-solid" | "hand-line" | "hand-off-line" | "hand-off-solid" | "hand-shake-line" | "hand-shake-solid" | "hand-solid" | "happy-line" | "happy-solid" | "hash-line" | "hash-solid" | "hashtag-line" | "hashtag-solid" | "headset-2-line" | "headset-2-solid" | "headset-line" | "headset-solid" | "hearing-line" | "hearing-max-line" | "hearing-max-solid" | "hearing-solid" | "heart-line" | "heart-solid" | "help-line" | "help-solid" | "highlight-line" | "highlight-solid" | "history-line" | "history-solid" | "home-line" | "home-solid" | "home-user-line" | "home-user-solid" | "hospital-line" | "hospital-solid" | "hoteling-line" | "hoteling-solid" | "hubspot-color" | "hubspot-mono" | "id-line" | "id-solid" | "image-line" | "image-solid" | "import-line" | "import-solid" | "inbound-call-line" | "inbound-call-solid" | "inbox-2-line" | "inbox-2-solid" | "inbox-3-line" | "inbox-3-solid" | "inbox-line" | "inbox-solid" | "increase-line" | "increase-solid" | "infinity-line" | "infinity-solid" | "info-line" | "info-solid" | "instagram-color" | "instagram-mono" | "interactive-message-line" | "interactive-message-solid" | "ios-color" | "ios-mono" | "italic-line" | "italic-solid" | "java-color" | "java-mono" | "javascript-color" | "javascript-mono" | "jobdiva-color" | "jobdiva-mono" | "key-line" | "key-solid" | "keypad-2-line" | "keypad-2-solid" | "keypad-line" | "keypad-solid" | "knowledge-base-line" | "knowledge-base-solid" | "kotlin-color" | "kotlin-mono" | "laptop-line" | "laptop-solid" | "laravel-color" | "laravel-mono" | "layout-1-line" | "layout-1-solid" | "layout-2-line" | "layout-2-solid" | "leave-line" | "leave-solid" | "light-bulb-line" | "light-bulb-solid" | "light-mode-line" | "light-mode-solid" | "line-width-large-line" | "line-width-large-solid" | "line-width-medium-line" | "line-width-medium-solid" | "line-width-small-line" | "line-width-small-solid" | "link-add-line" | "link-add-solid" | "link-line" | "link-remove-line" | "link-remove-solid" | "link-solid" | "linkedin-color" | "linkedin-mono" | "linux-color" | "linux-mono" | "list-2-line" | "list-2-solid" | "list-filter-line" | "list-filter-solid" | "list-line" | "list-numbered-line" | "list-numbered-solid" | "list-solid" | "lock-line" | "lock-solid" | "mailbox-line" | "mailbox-solid" | "maximize-line" | "maximize-solid" | "media-player-line" | "media-player-off-line" | "media-player-off-solid" | "media-player-solid" | "megaphone-line" | "megaphone-solid" | "menu-line" | "menu-solid" | "merge-2-line" | "merge-2-solid" | "merge-line" | "merge-solid" | "message-line" | "message-sent-line" | "message-sent-solid" | "message-solid" | "message-template-line" | "message-template-solid" | "mic-mute-line" | "mic-mute-solid" | "microphone-2-line" | "microphone-2-solid" | "microphone-line" | "microphone-solid" | "microsoft-dynamics-365-color" | "microsoft-dynamics-365-mono" | "microsoft-teams-color" | "microsoft-teams-mono" | "mind-map-2-line" | "mind-map-2-solid" | "mind-map-line" | "mind-map-solid" | "minimize-2-line" | "minimize-2-solid" | "minimize-line" | "minimize-solid" | "minus-line" | "minus-solid" | "missed-call-line" | "missed-call-solid" | "mobile-2-line" | "mobile-2-solid" | "mobile-arrow-right-line" | "mobile-arrow-right-solid" | "mobile-devices-line" | "mobile-devices-solid" | "mobile-line" | "mobile-solid" | "mockup-line" | "mockup-solid" | "modal-line" | "modal-solid" | "more-horizontal-line" | "more-horizontal-solid" | "more-vertical-line" | "more-vertical-solid" | "music-line" | "music-solid" | "netsuite-color" | "netsuite-mono" | "nexmo-color" | "nexmo-mono" | "next-line" | "next-solid" | "nine-line" | "nine-solid" | "node-color" | "node-mono" | "note-line" | "note-solid" | "notes-line" | "notes-solid" | "notification-off-line" | "notification-off-solid" | "notification-on-line" | "notification-on-solid" | "objective-c-color" | "objective-c-mono" | "office-color" | "office-mono" | "office-phone-2-line" | "office-phone-2-solid" | "office-phone-line" | "office-phone-solid" | "one-line" | "one-solid" | "open-folder-line" | "open-folder-solid" | "open-line" | "open-solid" | "outbound-call-line" | "outbound-call-solid" | "packet-2-line" | "packet-2-solid" | "packet-line" | "packet-solid" | "palette-line" | "palette-solid" | "park-call-line" | "park-call-solid" | "participants-line" | "participants-off-line" | "participants-off-solid" | "participants-solid" | "password-restart-line" | "password-restart-solid" | "pause-2-line" | "pause-2-solid" | "pause-call-line" | "pause-call-solid" | "pause-line" | "pause-solid" | "pen-effect-line" | "pen-effect-solid" | "pen-tip-large-line" | "pen-tip-large-solid" | "pen-tip-medium-line" | "pen-tip-medium-solid" | "pen-tip-small-line" | "pen-tip-small-solid" | "pending-call-line" | "pending-call-solid" | "pentool-line" | "pentool-solid" | "permission-call-line" | "permission-call-solid" | "phone-number-line" | "phone-number-solid" | "php-color" | "php-mono" | "pie-chart-line" | "pie-chart-solid" | "pin-2-line" | "pin-2-off-line" | "pin-2-off-solid" | "pin-2-solid" | "pin-line" | "pin-off-line" | "pin-off-solid" | "pin-solid" | "pin-unverified-line" | "pin-unverified-solid" | "pin-verified-line" | "pin-verified-solid" | "play-2-line" | "play-2-solid" | "play-line" | "play-solid" | "playback-speed-line" | "playback-speed-solid" | "playlist-line" | "playlist-solid" | "plug-line" | "plug-solid" | "plus-line" | "plus-solid" | "preferences-line" | "preferences-solid" | "presentation-line" | "presentation-solid" | "print-line" | "print-solid" | "profile-line" | "profile-solid" | "puzzle-line" | "puzzle-solid" | "puzzled-line" | "puzzled-solid" | "python-color" | "python-mono" | "quit-line" | "quit-solid" | "quote-line" | "quote-solid" | "radio-checked-2-line" | "radio-checked-2-solid" | "radio-checked-line" | "radio-checked-solid" | "radio-unchecked-2-line" | "radio-unchecked-2-solid" | "radio-unchecked-line" | "radio-unchecked-solid" | "rails-color" | "rails-mono" | "react-color" | "react-mono" | "rec-line" | "rec-solid" | "receptionist-line" | "receptionist-solid" | "record-user-line" | "record-user-solid" | "redo-line" | "redo-solid" | "refresh-call-line" | "refresh-call-solid" | "refresh-dollar-line" | "refresh-dollar-solid" | "refresh-line" | "refresh-solid" | "reload-line" | "reload-solid" | "remove-line" | "remove-solid" | "remove-user-line" | "remove-user-solid" | "reorder-horizontal-line" | "reorder-horizontal-solid" | "reorder-vertical-line" | "reorder-vertical-solid" | "reply-line" | "reply-solid" | "report-line" | "report-solid" | "reset-line" | "reset-solid" | "rocket-disabled-line" | "rocket-disabled-solid" | "rocket-line" | "rocket-solid" | "rss-color" | "rss-line" | "rss-mono" | "rss-solid" | "ruby-color" | "ruby-mono" | "salesforce-color" | "salesforce-line" | "salesforce-mono" | "salesforce-solid" | "sand-clock-line" | "sand-clock-solid" | "save-line" | "save-solid" | "screen-share-line" | "screen-share-off-line" | "screen-share-off-solid" | "screen-share-solid" | "search-line" | "search-solid" | "send-to-back-line" | "send-to-back-solid" | "seven-line" | "seven-solid" | "share-2-line" | "share-2-solid" | "share-line" | "share-solid" | "shield-line" | "shield-solid" | "shout-line" | "shout-solid" | "shuffle-line" | "shuffle-solid" | "sidebar-line" | "sidebar-solid" | "six-line" | "six-solid" | "slack-color" | "slack-mono" | "smile-line" | "smile-solid" | "sms-line" | "sms-solid" | "snooze-line" | "snooze-solid" | "sofa-line" | "sofa-solid" | "sort-asc-line" | "sort-asc-solid" | "sort-desc-line" | "sort-desc-solid" | "sort-line" | "sort-solid" | "sparkles-line" | "sparkles-solid" | "square-line" | "square-solid" | "stack-line" | "stack-solid" | "stackoverflow-color" | "stackoverflow-mono" | "star-dollar-line" | "star-dollar-solid" | "star-line" | "star-solid" | "sticker-line" | "sticker-solid" | "stop-line" | "stop-solid" | "stopwatch-line" | "stopwatch-solid" | "store-line" | "store-solid" | "stream-line" | "stream-solid" | "strikethrough-line" | "strikethrough-solid" | "sub-account-line" | "sub-account-solid" | "subtitles-line" | "subtitles-solid" | "sugarcrm-color" | "sugarcrm-mono" | "surprised-line" | "surprised-solid" | "swift-color" | "swift-mono" | "switch-line" | "switch-solid" | "symfony-color" | "symfony-mono" | "table-2-line" | "table-2-solid" | "table-line" | "table-solid" | "tag-add-line" | "tag-add-solid" | "tag-detach-line" | "tag-detach-solid" | "tag-line" | "tag-search-line" | "tag-search-solid" | "tag-solid" | "telephone-line" | "telephone-solid" | "text-line" | "text-size-line" | "text-size-solid" | "text-solid" | "textcolor-line" | "textcolor-solid" | "texture-line" | "texture-solid" | "three-line" | "three-solid" | "thumbs-down-line" | "thumbs-down-solid" | "thumbs-up-line" | "thumbs-up-solid" | "timeline-line" | "timeline-solid" | "toggle-line" | "toggle-solid" | "tooltip-line" | "tooltip-solid" | "transfer-call-line" | "transfer-call-solid" | "transfer-line" | "transfer-solid" | "triangle-line" | "triangle-solid" | "trigger-node-line" | "trigger-node-solid" | "twitch-color" | "twitch-mono" | "twitter-color" | "twitter-mono" | "two-line" | "two-solid" | "umbrella-line" | "umbrella-solid" | "underline-line" | "underline-solid" | "undo-line" | "undo-solid" | "unfavourite-line" | "unfavourite-solid" | "unhappy-line" | "unhappy-solid" | "unlock-line" | "unlock-solid" | "upload-line" | "upload-solid" | "user-2-line" | "user-2-solid" | "user-admin-line" | "user-admin-solid" | "user-clock-line" | "user-clock-solid" | "user-line" | "user-lock-line" | "user-lock-solid" | "user-record-line" | "user-record-solid" | "user-solid" | "user-sync-2-line" | "user-sync-2-off-line" | "user-sync-2-off-solid" | "user-sync-2-solid" | "user-sync-line" | "user-sync-solid" | "van-line" | "van-solid" | "viber-color" | "viber-mono" | "video-active-line" | "video-active-solid" | "video-conference-line" | "video-conference-solid" | "video-line" | "video-off-line" | "video-off-solid" | "video-preview-line" | "video-preview-solid" | "video-solid" | "video-whiteboard-line" | "video-whiteboard-solid" | "video_round_table-line" | "video_round_table-solid" | "virtual-voicemail-line" | "virtual-voicemail-solid" | "voicemail-line" | "voicemail-solid" | "voicemail-transcript-line" | "voicemail-transcript-solid" | "volume-decrease-line" | "volume-decrease-solid" | "volume-increase-line" | "volume-increase-solid" | "volume-line" | "volume-off-2-line" | "volume-off-2-solid" | "volume-off-line" | "volume-off-solid" | "volume-on-line" | "volume-on-solid" | "volume-solid" | "vonage-color" | "vonage-line" | "vonage-mono" | "vonage-solid" | "vue-color" | "vue-mono" | "walk-line" | "walk-solid" | "wallet-line" | "wallet-solid" | "wand-line" | "wand-solid" | "warning-line" | "warning-solid" | "waving-line" | "waving-solid" | "web-chat-color" | "web-chat-mono" | "webhook-line" | "webhook-solid" | "whatsapp-color" | "whatsapp-mono" | "whisper-line" | "whisper-solid" | "wifi-line" | "wifi-solid" | "windows-color" | "windows-mono" | "wordpress-color" | "wordpress-mono" | "workplace-color" | "workplace-mono" | "wrench-tool-2-line" | "wrench-tool-2-solid" | "wrench-tool-line" | "wrench-tool-solid" | "x-twitter-color" | "x-twitter-mono" | "xml-color" | "xml-mono" | "youtube-color" | "youtube-mono" | "zendesk-color" | "zendesk-mono" | "zero-line" | "zero-solid" | "zoho-color" | "zoho-mono" | "zoom-in-line" | "zoom-in-solid" | "zoom-out-line" | "zoom-out-solid" | "zoom-to-fit-line" | "zoom-to-fit-solid";
402
402
  iconTrailing: boolean;
403
- shape: "rounded" | "pill";
404
403
  appearance: "fieldset" | "ghost";
404
+ shape: "rounded" | "pill";
405
405
  open: boolean;
406
406
  disabled: boolean;
407
407
  initialValue: string;
408
- required: boolean;
409
408
  label: string;
409
+ required: boolean;
410
410
  modelValue: string;
411
- successText: string;
412
411
  errorText: string;
413
412
  helperText: string;
413
+ successText: string;
414
414
  fixedDropdown: boolean;
415
415
  placeholder: string;
416
- multiple: boolean;
416
+ clearable: boolean;
417
417
  externalTags: boolean;
418
418
  maxLines: number;
419
- clearable: boolean;
419
+ multiple: boolean;
420
420
  }, SlotsType<{
421
421
  /**
422
422
  * Holds the available options.
423
423
  */
424
424
  default: Record<string, never>;
425
+ /**
426
+ * Describes how to use the component. Alternative to the `helper-text` attribute.
427
+ */
428
+ 'helper-text': Record<string, never>;
425
429
  /**
426
430
  * Slot to add an icon to the control.
427
431
  */
@@ -431,16 +435,12 @@ declare const _default: import("vue").DefineComponent<{
431
435
  */
432
436
  meta: Record<string, never>;
433
437
  /**
434
- * Describes how to use the component. Alternative to the `helper-text` attribute.
438
+ * Message that appears when no options match the search query.
435
439
  */
436
- 'helper-text': Record<string, never>;
440
+ 'no-matches': Record<string, never>;
437
441
  /**
438
442
  * Message that appears when no options are available.
439
443
  */
440
444
  'no-options': Record<string, never>;
441
- /**
442
- * Message that appears when no options match the search query.
443
- */
444
- 'no-matches': Record<string, never>;
445
445
  }>>;
446
446
  export default _default;