@vonage/vivid-vue 4.5.0 → 4.7.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.
@@ -0,0 +1,410 @@
1
+ import { PropType } from 'vue';
2
+ import { IconId } from '../icons';
3
+ import type { SearchableSelect } from '@vonage/vivid/lib/searchable-select/searchable-select';
4
+ import type { SlotsType } from 'vue';
5
+ declare const _default: import("vue").DefineComponent<{
6
+ /**
7
+ * The success text for the form element.
8
+ */
9
+ successText: {
10
+ type: PropType<string>;
11
+ default: undefined;
12
+ };
13
+ /**
14
+ * The error text for the form element.
15
+ */
16
+ errorText: {
17
+ type: PropType<string>;
18
+ default: undefined;
19
+ };
20
+ /**
21
+ * The helper text for the form element.
22
+ */
23
+ helperText: {
24
+ type: PropType<string>;
25
+ default: undefined;
26
+ };
27
+ /**
28
+ * The label for the form element.
29
+ */
30
+ label: {
31
+ type: PropType<string>;
32
+ default: undefined;
33
+ };
34
+ /**
35
+ * A decorative icon the custom element should have.
36
+ * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
37
+ */
38
+ icon: {
39
+ type: PropType<IconId>;
40
+ default: undefined;
41
+ };
42
+ /**
43
+ * Indicates the icon affix alignment.
44
+ */
45
+ iconTrailing: {
46
+ type: PropType<boolean>;
47
+ default: undefined;
48
+ };
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
+ /**
64
+ * The initial value of the form. This value sets the `value` property
65
+ * only when the `value` property has not been explicitly set.
66
+ */
67
+ initialValue: {
68
+ type: PropType<string>;
69
+ default: undefined;
70
+ };
71
+ /**
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
+ */
78
+ value: {
79
+ type: PropType<string>;
80
+ default: undefined;
81
+ };
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>;
91
+ default: undefined;
92
+ };
93
+ /**
94
+ * The name of the element. This element's value will be surfaced during form submission under the provided name.
95
+ */
96
+ name: {
97
+ type: PropType<string>;
98
+ default: undefined;
99
+ };
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: {
116
+ type: PropType<boolean>;
117
+ default: undefined;
118
+ };
119
+ placeholder: {
120
+ type: PropType<string>;
121
+ default: undefined;
122
+ };
123
+ open: {
124
+ type: PropType<boolean>;
125
+ default: undefined;
126
+ };
127
+ multiple: {
128
+ type: PropType<boolean>;
129
+ default: undefined;
130
+ };
131
+ externalTags: {
132
+ type: PropType<boolean>;
133
+ default: undefined;
134
+ };
135
+ maxLines: {
136
+ type: PropType<number>;
137
+ default: undefined;
138
+ };
139
+ /**
140
+ * Adds a clear button to the input field that clears the selected values.
141
+ */
142
+ clearable: {
143
+ type: PropType<boolean>;
144
+ default: undefined;
145
+ };
146
+ /**
147
+ * List of selected option values.
148
+ */
149
+ values: {
150
+ type: PropType<string[]>;
151
+ default: undefined;
152
+ };
153
+ }, {
154
+ componentName: import("vue").Ref<string>;
155
+ element: import("vue").Ref<SearchableSelect | null>;
156
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
157
+ /**
158
+ * 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
+ * @type {MouseEvent}
160
+ */
161
+ click(event: MouseEvent): true;
162
+ /**
163
+ * Fires when the element receives focus.
164
+ * @type {FocusEvent}
165
+ */
166
+ focus(event: FocusEvent): true;
167
+ /**
168
+ * Fires when the element loses focus.
169
+ * @type {FocusEvent}
170
+ */
171
+ blur(event: FocusEvent): true;
172
+ /**
173
+ * Fires when a key is pressed.
174
+ * @type {KeyboardEvent}
175
+ */
176
+ keydown(event: KeyboardEvent): true;
177
+ /**
178
+ * Fires when a key is released.
179
+ * @type {KeyboardEvent}
180
+ */
181
+ keyup(event: KeyboardEvent): true;
182
+ /**
183
+ * Fired when the selected options change
184
+ * @type {CustomEvent<undefined>}
185
+ */
186
+ input(event: CustomEvent<undefined>): true;
187
+ /**
188
+ * Fired when the selected options change
189
+ * @type {CustomEvent<undefined>}
190
+ */
191
+ change(event: CustomEvent<undefined>): true;
192
+ /**
193
+ * Fires when the modelValue value changes
194
+ * @type {string}
195
+ */
196
+ "update:modelValue"(event: string): true;
197
+ /**
198
+ * Fires when the values value changes
199
+ * @type {string[]}
200
+ */
201
+ "update:values"(event: string[]): true;
202
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
203
+ /**
204
+ * The success text for the form element.
205
+ */
206
+ successText: {
207
+ type: PropType<string>;
208
+ default: undefined;
209
+ };
210
+ /**
211
+ * The error text for the form element.
212
+ */
213
+ errorText: {
214
+ type: PropType<string>;
215
+ default: undefined;
216
+ };
217
+ /**
218
+ * The helper text for the form element.
219
+ */
220
+ helperText: {
221
+ type: PropType<string>;
222
+ default: undefined;
223
+ };
224
+ /**
225
+ * The label for the form element.
226
+ */
227
+ label: {
228
+ type: PropType<string>;
229
+ default: undefined;
230
+ };
231
+ /**
232
+ * A decorative icon the custom element should have.
233
+ * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
234
+ */
235
+ icon: {
236
+ type: PropType<IconId>;
237
+ default: undefined;
238
+ };
239
+ /**
240
+ * Indicates the icon affix alignment.
241
+ */
242
+ iconTrailing: {
243
+ type: PropType<boolean>;
244
+ default: undefined;
245
+ };
246
+ /**
247
+ * Indicates the element that represents the current item within a container or set of related elements.
248
+ */
249
+ ariaCurrent: {
250
+ type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
251
+ default: undefined;
252
+ };
253
+ /**
254
+ * Sets the element's disabled state. A disabled element will not be included during form submission.
255
+ */
256
+ disabled: {
257
+ type: PropType<boolean>;
258
+ default: undefined;
259
+ };
260
+ /**
261
+ * The initial value of the form. This value sets the `value` property
262
+ * only when the `value` property has not been explicitly set.
263
+ */
264
+ initialValue: {
265
+ type: PropType<string>;
266
+ default: undefined;
267
+ };
268
+ /**
269
+ * The current value of the element. This property serves as a mechanism
270
+ * to set the `value` property through both property assignment and the
271
+ * .setAttribute() method. This is useful for setting the field's value
272
+ * in UI libraries that bind data through the .setAttribute() API
273
+ * and don't support IDL attribute binding.
274
+ */
275
+ value: {
276
+ type: PropType<string>;
277
+ default: undefined;
278
+ };
279
+ /**
280
+ * The current value of the element. This property serves as a mechanism
281
+ * to set the `value` property through both property assignment and the
282
+ * .setAttribute() method. This is useful for setting the field's value
283
+ * in UI libraries that bind data through the .setAttribute() API
284
+ * and don't support IDL attribute binding.
285
+ */
286
+ modelValue: {
287
+ type: PropType<string>;
288
+ default: undefined;
289
+ };
290
+ /**
291
+ * The name of the element. This element's value will be surfaced during form submission under the provided name.
292
+ */
293
+ name: {
294
+ type: PropType<string>;
295
+ default: undefined;
296
+ };
297
+ /**
298
+ * Require the field to be completed prior to form submission.
299
+ */
300
+ required: {
301
+ type: PropType<boolean>;
302
+ default: undefined;
303
+ };
304
+ appearance: {
305
+ type: PropType<"fieldset" | "ghost">;
306
+ default: undefined;
307
+ };
308
+ shape: {
309
+ type: PropType<"rounded" | "pill">;
310
+ default: undefined;
311
+ };
312
+ fixedDropdown: {
313
+ type: PropType<boolean>;
314
+ default: undefined;
315
+ };
316
+ placeholder: {
317
+ type: PropType<string>;
318
+ default: undefined;
319
+ };
320
+ open: {
321
+ type: PropType<boolean>;
322
+ default: undefined;
323
+ };
324
+ multiple: {
325
+ type: PropType<boolean>;
326
+ default: undefined;
327
+ };
328
+ externalTags: {
329
+ type: PropType<boolean>;
330
+ default: undefined;
331
+ };
332
+ maxLines: {
333
+ type: PropType<number>;
334
+ default: undefined;
335
+ };
336
+ /**
337
+ * Adds a clear button to the input field that clears the selected values.
338
+ */
339
+ clearable: {
340
+ type: PropType<boolean>;
341
+ default: undefined;
342
+ };
343
+ /**
344
+ * List of selected option values.
345
+ */
346
+ values: {
347
+ type: PropType<string[]>;
348
+ default: undefined;
349
+ };
350
+ }>> & {
351
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
352
+ onClick?: ((event: MouseEvent) => any) | undefined;
353
+ onFocus?: ((event: FocusEvent) => any) | undefined;
354
+ onBlur?: ((event: FocusEvent) => any) | undefined;
355
+ onKeyup?: ((event: KeyboardEvent) => any) | undefined;
356
+ onInput?: ((event: CustomEvent<undefined>) => any) | undefined;
357
+ onChange?: ((event: CustomEvent<undefined>) => any) | undefined;
358
+ "onUpdate:modelValue"?: ((event: string) => any) | undefined;
359
+ "onUpdate:values"?: ((event: string[]) => any) | undefined;
360
+ }, {
361
+ name: string;
362
+ ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
363
+ values: string[];
364
+ value: string;
365
+ 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" | "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" | "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-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-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-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-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" | "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" | "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-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";
366
+ iconTrailing: boolean;
367
+ shape: "rounded" | "pill";
368
+ appearance: "fieldset" | "ghost";
369
+ open: boolean;
370
+ disabled: boolean;
371
+ initialValue: string;
372
+ required: boolean;
373
+ label: string;
374
+ modelValue: string;
375
+ successText: string;
376
+ errorText: string;
377
+ helperText: string;
378
+ placeholder: string;
379
+ fixedDropdown: boolean;
380
+ multiple: boolean;
381
+ externalTags: boolean;
382
+ maxLines: number;
383
+ clearable: boolean;
384
+ }, SlotsType<{
385
+ /**
386
+ * Holds the available options.
387
+ */
388
+ default: Record<string, never>;
389
+ /**
390
+ * Slot to add an icon to the control.
391
+ */
392
+ icon: Record<string, never>;
393
+ /**
394
+ * Slot to add meta content to the control.
395
+ */
396
+ meta: Record<string, never>;
397
+ /**
398
+ * Describes how to use the component. Alternative to the `helper-text` attribute.
399
+ */
400
+ 'helper-text': Record<string, never>;
401
+ /**
402
+ * Message that appears when no options are available.
403
+ */
404
+ 'no-options': Record<string, never>;
405
+ /**
406
+ * Message that appears when no options match the search query.
407
+ */
408
+ 'no-matches': Record<string, never>;
409
+ }>>;
410
+ export default _default;
@@ -124,6 +124,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
124
124
  type: PropType<boolean>;
125
125
  default: undefined;
126
126
  };
127
+ /**
128
+ * The size the select should have.
129
+ */
130
+ scale: {
131
+ type: PropType<"condensed" | "normal">;
132
+ default: undefined;
133
+ };
127
134
  /**
128
135
  * The appearance attribute.
129
136
  */
@@ -299,6 +306,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
299
306
  type: PropType<boolean>;
300
307
  default: undefined;
301
308
  };
309
+ /**
310
+ * The size the select should have.
311
+ */
312
+ scale: {
313
+ type: PropType<"condensed" | "normal">;
314
+ default: undefined;
315
+ };
302
316
  /**
303
317
  * The appearance attribute.
304
318
  */
@@ -347,6 +361,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
347
361
  placeholder: string;
348
362
  position: "above" | "below";
349
363
  fixedDropdown: boolean;
364
+ scale: "condensed" | "normal";
350
365
  multiple: boolean;
351
366
  }>;
352
367
  export default _default;
@@ -125,6 +125,13 @@ declare const _default: import("vue").DefineComponent<{
125
125
  type: PropType<boolean>;
126
126
  default: undefined;
127
127
  };
128
+ /**
129
+ * The size the select should have.
130
+ */
131
+ scale: {
132
+ type: PropType<"condensed" | "normal">;
133
+ default: undefined;
134
+ };
128
135
  /**
129
136
  * The appearance attribute.
130
137
  */
@@ -341,6 +348,13 @@ declare const _default: import("vue").DefineComponent<{
341
348
  type: PropType<boolean>;
342
349
  default: undefined;
343
350
  };
351
+ /**
352
+ * The size the select should have.
353
+ */
354
+ scale: {
355
+ type: PropType<"condensed" | "normal">;
356
+ default: undefined;
357
+ };
344
358
  /**
345
359
  * The appearance attribute.
346
360
  */
@@ -398,6 +412,7 @@ declare const _default: import("vue").DefineComponent<{
398
412
  placeholder: string;
399
413
  position: "above" | "below";
400
414
  fixedDropdown: boolean;
415
+ scale: "condensed" | "normal";
401
416
  multiple: boolean;
402
417
  }, SlotsType<{
403
418
  /**