@vonage/vivid-vue 5.24.0 → 5.25.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 (57) hide show
  1. package/README.md +1 -1
  2. package/dist/generated/components/VAccordionItem.types.d.ts +1 -0
  3. package/dist/generated/components/VAccordionItem.vue2.d.ts +9 -0
  4. package/dist/generated/components/VAccordionItem.vue3.d.ts +9 -0
  5. package/dist/generated/components/VAlert.types.d.ts +1 -1
  6. package/dist/generated/components/VAlert.vue2.d.ts +3 -3
  7. package/dist/generated/components/VAlert.vue3.d.ts +3 -3
  8. package/dist/generated/components/VCombobox.types.d.ts +1 -1
  9. package/dist/generated/components/VCombobox.vue2.d.ts +3 -3
  10. package/dist/generated/components/VCombobox.vue3.d.ts +3 -3
  11. package/dist/generated/components/VContextualHelp.types.d.ts +1 -1
  12. package/dist/generated/components/VContextualHelp.vue2.d.ts +3 -3
  13. package/dist/generated/components/VContextualHelp.vue3.d.ts +3 -3
  14. package/dist/generated/components/VDialPad.vue2.d.ts +0 -1
  15. package/dist/generated/components/VDialPad.vue3.d.ts +0 -1
  16. package/dist/generated/components/VListbox.d.ts +7 -0
  17. package/dist/generated/components/VListbox.types.d.ts +53 -0
  18. package/dist/generated/components/VListbox.vue2.d.ts +100 -0
  19. package/dist/generated/components/VListbox.vue3.d.ts +152 -0
  20. package/dist/generated/components/VMenu.types.d.ts +1 -1
  21. package/dist/generated/components/VMenu.vue2.d.ts +3 -4
  22. package/dist/generated/components/VMenu.vue3.d.ts +3 -4
  23. package/dist/generated/components/VMenuItem.vue2.d.ts +1 -1
  24. package/dist/generated/components/VMenuItem.vue3.d.ts +1 -1
  25. package/dist/generated/components/VNumberField.vue2.d.ts +0 -1
  26. package/dist/generated/components/VNumberField.vue3.d.ts +0 -1
  27. package/dist/generated/components/VOption.vue2.d.ts +1 -1
  28. package/dist/generated/components/VOption.vue3.d.ts +1 -1
  29. package/dist/generated/components/VPopover.types.d.ts +1 -1
  30. package/dist/generated/components/VPopover.vue2.d.ts +3 -3
  31. package/dist/generated/components/VPopover.vue3.d.ts +3 -3
  32. package/dist/generated/components/VSearchableSelect.vue2.d.ts +4 -4
  33. package/dist/generated/components/VSearchableSelect.vue3.d.ts +4 -4
  34. package/dist/generated/components/VSelect.vue2.d.ts +1 -1
  35. package/dist/generated/components/VSelect.vue3.d.ts +1 -1
  36. package/dist/generated/components/VSimpleColorPicker.types.d.ts +1 -1
  37. package/dist/generated/components/VSimpleColorPicker.vue2.d.ts +3 -3
  38. package/dist/generated/components/VSimpleColorPicker.vue3.d.ts +3 -3
  39. package/dist/generated/components/VTab.types.d.ts +4 -0
  40. package/dist/generated/components/VTab.vue2.d.ts +1 -1
  41. package/dist/generated/components/VTab.vue3.d.ts +6 -0
  42. package/dist/generated/components/VTableSortingButton.vue3.d.ts +1 -3
  43. package/dist/generated/components/VTextField.types.d.ts +1 -1
  44. package/dist/generated/components/VTextField.vue2.d.ts +3 -3
  45. package/dist/generated/components/VTextField.vue3.d.ts +3 -3
  46. package/dist/generated/components/VToggletip.types.d.ts +2 -1
  47. package/dist/generated/components/VToggletip.vue2.d.ts +12 -3
  48. package/dist/generated/components/VToggletip.vue3.d.ts +12 -3
  49. package/dist/generated/components/VTooltip.types.d.ts +2 -1
  50. package/dist/generated/components/VTooltip.vue2.d.ts +12 -3
  51. package/dist/generated/components/VTooltip.vue3.d.ts +13 -3
  52. package/dist/generated/components/index.d.ts +1 -0
  53. package/dist/generated/types.d.ts +5 -0
  54. package/dist/index.cjs +543 -216
  55. package/dist/index.js +544 -218
  56. package/package.json +3 -3
  57. package/web-types.json +397 -258
package/README.md CHANGED
@@ -2,4 +2,4 @@
2
2
 
3
3
  Vue wrapper library for Vivid web components.
4
4
 
5
- [View Documentation](https://vivid.vonage.com/getting-started/vue/)
5
+ [View Documentation](https://apps.vivid.vonage.com/getting-started/vue/)
@@ -35,6 +35,7 @@ export interface VAccordionItemProps {
35
35
  noIndicator?: boolean;
36
36
  secondaryText?: string;
37
37
  size?: 'condensed' | 'normal';
38
+ textSecondary?: string;
38
39
  'onBlur'?: (event: VAccordionItemEvents['blur']) => void;
39
40
  'onChange'?: (event: VAccordionItemEvents['change']) => void;
40
41
  'onClick'?: (event: VAccordionItemEvents['click']) => void;
@@ -46,6 +46,10 @@ declare const _default: import("vue").DefineComponent<{
46
46
  type: PropType<"condensed" | "normal">;
47
47
  default: undefined;
48
48
  };
49
+ textSecondary: {
50
+ type: PropType<string>;
51
+ default: undefined;
52
+ };
49
53
  }, {
50
54
  componentName: import("vue").Ref<string>;
51
55
  element: import("vue").Ref<VwcAccordionItemElement | null>;
@@ -94,6 +98,10 @@ declare const _default: import("vue").DefineComponent<{
94
98
  type: PropType<"condensed" | "normal">;
95
99
  default: undefined;
96
100
  };
101
+ textSecondary: {
102
+ type: PropType<string>;
103
+ default: undefined;
104
+ };
97
105
  }>>, {
98
106
  size: "condensed" | "normal";
99
107
  appearance: "ghost" | "filled" | "ghost-light";
@@ -106,5 +114,6 @@ declare const _default: import("vue").DefineComponent<{
106
114
  meta: string;
107
115
  noIndicator: boolean;
108
116
  secondaryText: string;
117
+ textSecondary: string;
109
118
  }>;
110
119
  export default _default;
@@ -47,6 +47,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
47
47
  type: PropType<"condensed" | "normal">;
48
48
  default: undefined;
49
49
  };
50
+ textSecondary: {
51
+ type: PropType<string>;
52
+ default: undefined;
53
+ };
50
54
  }>, {
51
55
  componentName: import("vue").Ref<string>;
52
56
  element: import("vue").Ref<VwcAccordionItemElement | null, VwcAccordionItemElement | null>;
@@ -117,6 +121,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
117
121
  type: PropType<"condensed" | "normal">;
118
122
  default: undefined;
119
123
  };
124
+ textSecondary: {
125
+ type: PropType<string>;
126
+ default: undefined;
127
+ };
120
128
  }>> & Readonly<{
121
129
  onBlur?: ((event: FocusEvent & {
122
130
  currentTarget: VwcAccordionItemElement;
@@ -151,6 +159,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
151
159
  meta: string;
152
160
  noIndicator: boolean;
153
161
  secondaryText: string;
162
+ textSecondary: string;
154
163
  }, SlotsType<{
155
164
  default: Record<string, never>;
156
165
  heading: Record<string, never>;
@@ -32,7 +32,7 @@ export interface VAlertProps {
32
32
  headline?: string;
33
33
  icon?: IconId;
34
34
  open?: boolean;
35
- placement?: 'top' | 'bottom' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
35
+ placement?: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
36
36
  removable?: boolean;
37
37
  strategy?: 'fixed' | 'static';
38
38
  text?: string;
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
23
23
  default: undefined;
24
24
  };
25
25
  placement: {
26
- type: PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
26
+ type: PropType<"top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end">;
27
27
  default: undefined;
28
28
  };
29
29
  removable: {
@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
67
67
  default: undefined;
68
68
  };
69
69
  placement: {
70
- type: PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
70
+ type: PropType<"top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end">;
71
71
  default: undefined;
72
72
  };
73
73
  removable: {
@@ -93,7 +93,7 @@ declare const _default: import("vue").DefineComponent<{
93
93
  connotation: "accent" | "success" | "alert" | "warning" | "information" | "announcement";
94
94
  dismissButtonAriaLabel: string;
95
95
  headline: string;
96
- placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
96
+ placement: "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end";
97
97
  removable: boolean;
98
98
  strategy: "fixed" | "static";
99
99
  timeoutms: number;
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
24
24
  default: undefined;
25
25
  };
26
26
  placement: {
27
- type: PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
27
+ type: PropType<"top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end">;
28
28
  default: undefined;
29
29
  };
30
30
  removable: {
@@ -93,7 +93,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
93
93
  default: undefined;
94
94
  };
95
95
  placement: {
96
- type: PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
96
+ type: PropType<"top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end">;
97
97
  default: undefined;
98
98
  };
99
99
  removable: {
@@ -144,7 +144,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
144
144
  connotation: "accent" | "success" | "alert" | "warning" | "information" | "announcement";
145
145
  dismissButtonAriaLabel: string;
146
146
  headline: string;
147
- placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
147
+ placement: "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end";
148
148
  removable: boolean;
149
149
  strategy: "fixed" | "static";
150
150
  timeoutms: number;
@@ -38,7 +38,7 @@ export interface VComboboxProps {
38
38
  open?: boolean;
39
39
  options?: VwcOptionElement[];
40
40
  placeholder?: string;
41
- placement?: 'top' | 'bottom';
41
+ placement?: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
42
42
  required?: boolean;
43
43
  scale?: 'condensed' | 'normal';
44
44
  selectedIndex?: number;
@@ -55,7 +55,7 @@ declare const _default: import("vue").DefineComponent<{
55
55
  default: undefined;
56
56
  };
57
57
  placement: {
58
- type: PropType<"top" | "bottom">;
58
+ type: PropType<"top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end">;
59
59
  default: undefined;
60
60
  };
61
61
  required: {
@@ -157,7 +157,7 @@ declare const _default: import("vue").DefineComponent<{
157
157
  default: undefined;
158
158
  };
159
159
  placement: {
160
- type: PropType<"top" | "bottom">;
160
+ type: PropType<"top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end">;
161
161
  default: undefined;
162
162
  };
163
163
  required: {
@@ -204,7 +204,7 @@ declare const _default: import("vue").DefineComponent<{
204
204
  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-image-line" | "add-image-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" | "ai-summary-line" | "ai-summary-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" | "attestation-line" | "attestation-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" | "background-blur-light-line" | "background-blur-light-solid" | "background-blur-strong-line" | "background-blur-strong-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" | "bluetooth-line" | "bluetooth-solid" | "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" | "branded-calling-line" | "branded-calling-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" | "coverage-line" | "coverage-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" | "data-roaming-line" | "data-roaming-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-locked-line" | "edit-locked-solid" | "edit-solid" | "edit-user-line" | "edit-user-solid" | "eight-line" | "eight-solid" | "emergency-line" | "emergency-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" | "git-fork-line" | "git-fork-solid" | "github-color" | "github-mono" | "global-filter-line" | "global-filter-solid" | "global-filter-unable-line" | "global-filter-unable-solid" | "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-assist-line" | "knowledge-assist-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" | "mcp-line" | "mcp-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" | "monospace-line" | "monospace-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" | "number-reputation-line" | "number-reputation-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" | "rec-unable-line" | "rec-unable-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-all-line" | "reply-all-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" | "scam-signal-line" | "scam-signal-solid" | "screen-share-line" | "screen-share-off-line" | "screen-share-off-solid" | "screen-share-solid" | "search-ai-line" | "search-ai-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" | "smart-reply-line" | "smart-reply-solid" | "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" | "unhold-line" | "unhold-solid" | "unlock-line" | "unlock-solid" | "upload-line" | "upload-solid" | "user-2-line" | "user-2-solid" | "user-admin-line" | "user-admin-solid" | "user-age-line" | "user-age-solid" | "user-clock-line" | "user-clock-solid" | "user-line" | "user-lock-line" | "user-lock-solid" | "user-record-line" | "user-record-solid" | "user-search-line" | "user-search-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" | "user-time-line" | "user-time-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-round-table-line" | "video-round-table-solid" | "video-solid" | "video-whiteboard-line" | "video-whiteboard-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-ai-line" | "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";
205
205
  shape: "rounded" | "pill";
206
206
  open: boolean;
207
- placement: "top" | "bottom";
207
+ placement: "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end";
208
208
  disabled: boolean;
209
209
  initialValue: string;
210
210
  label: string;
@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
56
56
  default: undefined;
57
57
  };
58
58
  placement: {
59
- type: PropType<"top" | "bottom">;
59
+ type: PropType<"top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end">;
60
60
  default: undefined;
61
61
  };
62
62
  required: {
@@ -181,7 +181,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
181
181
  default: undefined;
182
182
  };
183
183
  placement: {
184
- type: PropType<"top" | "bottom">;
184
+ type: PropType<"top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end">;
185
185
  default: undefined;
186
186
  };
187
187
  required: {
@@ -251,7 +251,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
251
251
  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-image-line" | "add-image-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" | "ai-summary-line" | "ai-summary-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" | "attestation-line" | "attestation-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" | "background-blur-light-line" | "background-blur-light-solid" | "background-blur-strong-line" | "background-blur-strong-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" | "bluetooth-line" | "bluetooth-solid" | "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" | "branded-calling-line" | "branded-calling-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" | "coverage-line" | "coverage-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" | "data-roaming-line" | "data-roaming-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-locked-line" | "edit-locked-solid" | "edit-solid" | "edit-user-line" | "edit-user-solid" | "eight-line" | "eight-solid" | "emergency-line" | "emergency-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" | "git-fork-line" | "git-fork-solid" | "github-color" | "github-mono" | "global-filter-line" | "global-filter-solid" | "global-filter-unable-line" | "global-filter-unable-solid" | "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-assist-line" | "knowledge-assist-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" | "mcp-line" | "mcp-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" | "monospace-line" | "monospace-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" | "number-reputation-line" | "number-reputation-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" | "rec-unable-line" | "rec-unable-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-all-line" | "reply-all-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" | "scam-signal-line" | "scam-signal-solid" | "screen-share-line" | "screen-share-off-line" | "screen-share-off-solid" | "screen-share-solid" | "search-ai-line" | "search-ai-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" | "smart-reply-line" | "smart-reply-solid" | "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" | "unhold-line" | "unhold-solid" | "unlock-line" | "unlock-solid" | "upload-line" | "upload-solid" | "user-2-line" | "user-2-solid" | "user-admin-line" | "user-admin-solid" | "user-age-line" | "user-age-solid" | "user-clock-line" | "user-clock-solid" | "user-line" | "user-lock-line" | "user-lock-solid" | "user-record-line" | "user-record-solid" | "user-search-line" | "user-search-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" | "user-time-line" | "user-time-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-round-table-line" | "video-round-table-solid" | "video-solid" | "video-whiteboard-line" | "video-whiteboard-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-ai-line" | "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";
252
252
  shape: "rounded" | "pill";
253
253
  open: boolean;
254
- placement: "top" | "bottom";
254
+ placement: "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end";
255
255
  disabled: boolean;
256
256
  initialValue: string;
257
257
  label: string;
@@ -20,7 +20,7 @@ export interface VContextualHelpEvents {
20
20
  };
21
21
  }
22
22
  export interface VContextualHelpProps {
23
- placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
23
+ placement?: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left' | 'right' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
24
24
  'onBlur'?: (event: VContextualHelpEvents['blur']) => void;
25
25
  'onClick'?: (event: VContextualHelpEvents['click']) => void;
26
26
  'onFocus'?: (event: VContextualHelpEvents['focus']) => void;
@@ -2,7 +2,7 @@ import { PropType } from 'vue';
2
2
  import type { VwcContextualHelpElement } from '@vonage/vivid';
3
3
  declare const _default: import("vue").DefineComponent<{
4
4
  placement: {
5
- type: PropType<"top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-end" | "left-start" | "right-end" | "right-start">;
5
+ type: PropType<"top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end" | "left" | "right" | "left-end" | "left-start" | "right-end" | "right-start">;
6
6
  default: undefined;
7
7
  };
8
8
  }, {
@@ -10,10 +10,10 @@ declare const _default: import("vue").DefineComponent<{
10
10
  element: import("vue").Ref<VwcContextualHelpElement | null>;
11
11
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
12
12
  placement: {
13
- type: PropType<"top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-end" | "left-start" | "right-end" | "right-start">;
13
+ type: PropType<"top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end" | "left" | "right" | "left-end" | "left-start" | "right-end" | "right-start">;
14
14
  default: undefined;
15
15
  };
16
16
  }>>, {
17
- placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left" | "right" | "left-end" | "left-start" | "right-end" | "right-start";
17
+ placement: "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end" | "left" | "right" | "left-end" | "left-start" | "right-end" | "right-start";
18
18
  }>;
19
19
  export default _default;
@@ -3,7 +3,7 @@ import type { VwcContextualHelpElement } from '@vonage/vivid';
3
3
  import type { SlotsType } from 'vue';
4
4
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
5
  placement: {
6
- type: PropType<"top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-end" | "left-start" | "right-end" | "right-start">;
6
+ type: PropType<"top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end" | "left" | "right" | "left-end" | "left-start" | "right-end" | "right-start">;
7
7
  default: undefined;
8
8
  };
9
9
  }>, {
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
30
30
  }): true;
31
31
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
32
32
  placement: {
33
- type: PropType<"top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-end" | "left-start" | "right-end" | "right-start">;
33
+ type: PropType<"top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end" | "left" | "right" | "left-end" | "left-start" | "right-end" | "right-start">;
34
34
  default: undefined;
35
35
  };
36
36
  }>> & Readonly<{
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
53
53
  currentTarget: VwcContextualHelpElement;
54
54
  }) => any) | undefined;
55
55
  }>, {
56
- placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left" | "right" | "left-end" | "left-start" | "right-end" | "right-start";
56
+ placement: "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end" | "left" | "right" | "left-end" | "left-start" | "right-end" | "right-start";
57
57
  }, SlotsType<{
58
58
  default: Record<string, never>;
59
59
  icon: Record<string, never>;
@@ -74,7 +74,6 @@ declare const _default: import("vue").DefineComponent<{
74
74
  element: import("vue").Ref<VwcDialPadElement | null>;
75
75
  }, {}, {}, {
76
76
  focus(): void;
77
- valueChanged(_oldValue: undefined | string, newValue: string): void;
78
77
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "update:modelValue" | "dial" | "end-call" | "keypad-click")[], string, Readonly<import("vue").ExtractPropTypes<{
79
78
  autofocus: {
80
79
  type: PropType<boolean>;
@@ -75,7 +75,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
75
75
  element: import("vue").Ref<VwcDialPadElement | null, VwcDialPadElement | null>;
76
76
  }, {}, {}, {
77
77
  focus(): void;
78
- valueChanged(_oldValue: undefined | string, newValue: string): void;
79
78
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
80
79
  blur(event: CustomEvent<undefined> & {
81
80
  currentTarget: VwcDialPadElement;
@@ -0,0 +1,7 @@
1
+ import { VNode } from 'vue';
2
+ import VListboxVue2 from './VListbox.vue2';
3
+ import VListboxVue3 from './VListbox.vue3';
4
+
5
+ type IsVue2 = "data" extends keyof VNode ? true : false;
6
+ declare const _default: IsVue2 extends true ? typeof VListboxVue2 : typeof VListboxVue3;
7
+ export default _default;
@@ -0,0 +1,53 @@
1
+ import type { VwcListboxElement, VwcOptionElement } from '@vonage/vivid';
2
+ export interface VListboxEvents {
3
+ 'blur': FocusEvent & {
4
+ currentTarget: VwcListboxElement;
5
+ };
6
+ 'change': CustomEvent<undefined> & {
7
+ currentTarget: VwcListboxElement;
8
+ };
9
+ 'click': MouseEvent & {
10
+ currentTarget: VwcListboxElement;
11
+ };
12
+ 'focus': FocusEvent & {
13
+ currentTarget: VwcListboxElement;
14
+ };
15
+ 'input': Event & {
16
+ currentTarget: VwcListboxElement;
17
+ };
18
+ 'keydown': KeyboardEvent & {
19
+ currentTarget: VwcListboxElement;
20
+ };
21
+ 'keyup': KeyboardEvent & {
22
+ currentTarget: VwcListboxElement;
23
+ };
24
+ 'update:modelValue': string;
25
+ 'update:values': string[];
26
+ }
27
+ export interface VListboxProps {
28
+ optionFilter?: ((option: VwcOptionElement, searchText: string) => boolean);
29
+ requiredSelection?: 'none' | 'selectable' | 'any';
30
+ searchText?: string;
31
+ selectionBehavior?: 'replace' | 'toggle';
32
+ selectionMode?: 'single' | 'multiple';
33
+ value?: string;
34
+ modelValue?: string;
35
+ values?: string[];
36
+ modelModifiers?: {
37
+ trim?: true;
38
+ number?: true;
39
+ };
40
+ valuesModifiers?: {
41
+ trim?: true;
42
+ number?: true;
43
+ };
44
+ 'onBlur'?: (event: VListboxEvents['blur']) => void;
45
+ 'onChange'?: (event: VListboxEvents['change']) => void;
46
+ 'onClick'?: (event: VListboxEvents['click']) => void;
47
+ 'onFocus'?: (event: VListboxEvents['focus']) => void;
48
+ 'onInput'?: (event: VListboxEvents['input']) => void;
49
+ 'onKeydown'?: (event: VListboxEvents['keydown']) => void;
50
+ 'onKeyup'?: (event: VListboxEvents['keyup']) => void;
51
+ 'onUpdate:modelValue'?: (event: VListboxEvents['update:modelValue']) => void;
52
+ 'onUpdate:values'?: (event: VListboxEvents['update:values']) => void;
53
+ }
@@ -0,0 +1,100 @@
1
+ import { PropType } from 'vue';
2
+ import type { VwcListboxElement, VwcOptionElement } from '@vonage/vivid';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ optionFilter: {
5
+ type: PropType<((option: VwcOptionElement, searchText: string) => boolean)>;
6
+ default: undefined;
7
+ };
8
+ requiredSelection: {
9
+ type: PropType<"none" | "selectable" | "any">;
10
+ default: undefined;
11
+ };
12
+ searchText: {
13
+ type: PropType<string>;
14
+ default: undefined;
15
+ };
16
+ selectionBehavior: {
17
+ type: PropType<"replace" | "toggle">;
18
+ default: undefined;
19
+ };
20
+ selectionMode: {
21
+ type: PropType<"single" | "multiple">;
22
+ default: undefined;
23
+ };
24
+ value: {
25
+ type: PropType<string>;
26
+ default: undefined;
27
+ };
28
+ modelValue: {
29
+ type: PropType<string>;
30
+ default: undefined;
31
+ };
32
+ values: {
33
+ type: PropType<string[]>;
34
+ default: undefined;
35
+ };
36
+ modelModifiers: {
37
+ type: PropType<Record<string, boolean>>;
38
+ default: () => {};
39
+ };
40
+ valuesModifiers: {
41
+ type: PropType<Record<string, boolean>>;
42
+ default: () => {};
43
+ };
44
+ }, {
45
+ componentName: import("vue").Ref<string>;
46
+ element: import("vue").Ref<VwcListboxElement | null>;
47
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "update:modelValue" | "update:values")[], string, Readonly<import("vue").ExtractPropTypes<{
48
+ optionFilter: {
49
+ type: PropType<((option: VwcOptionElement, searchText: string) => boolean)>;
50
+ default: undefined;
51
+ };
52
+ requiredSelection: {
53
+ type: PropType<"none" | "selectable" | "any">;
54
+ default: undefined;
55
+ };
56
+ searchText: {
57
+ type: PropType<string>;
58
+ default: undefined;
59
+ };
60
+ selectionBehavior: {
61
+ type: PropType<"replace" | "toggle">;
62
+ default: undefined;
63
+ };
64
+ selectionMode: {
65
+ type: PropType<"single" | "multiple">;
66
+ default: undefined;
67
+ };
68
+ value: {
69
+ type: PropType<string>;
70
+ default: undefined;
71
+ };
72
+ modelValue: {
73
+ type: PropType<string>;
74
+ default: undefined;
75
+ };
76
+ values: {
77
+ type: PropType<string[]>;
78
+ default: undefined;
79
+ };
80
+ modelModifiers: {
81
+ type: PropType<Record<string, boolean>>;
82
+ default: () => {};
83
+ };
84
+ valuesModifiers: {
85
+ type: PropType<Record<string, boolean>>;
86
+ default: () => {};
87
+ };
88
+ }>>, {
89
+ values: string[];
90
+ value: string;
91
+ modelValue: string;
92
+ modelModifiers: Record<string, boolean>;
93
+ selectionMode: "single" | "multiple";
94
+ optionFilter: (option: VwcOptionElement, searchText: string) => boolean;
95
+ requiredSelection: "none" | "selectable" | "any";
96
+ searchText: string;
97
+ selectionBehavior: "replace" | "toggle";
98
+ valuesModifiers: Record<string, boolean>;
99
+ }>;
100
+ export default _default;