@vonage/vivid-vue 5.25.0 → 5.27.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, h, onBeforeMount, ref, version } from "vue";
-import { registerAccordion, registerAccordionItem, registerActionGroup, registerAlert, registerAudioPlayer, registerAvatar, registerBadge, registerBanner, registerBreadcrumb, registerBreadcrumbItem, registerButton, registerCalendar, registerCalendarEvent, registerCard, registerCheckbox, registerColorPicker, registerCombobox, registerContextualHelp, registerCountry, registerCountryGroup, registerDataGrid, registerDatePicker, registerDateRangePicker, registerDateTimePicker, registerDialPad, registerDialog, registerDivider, registerEmptyState, registerFab, registerFilePicker, registerFlag, registerHeader, registerIcon, registerKbdKey, registerKbdShortcut, registerLayout, registerListbox, registerMenu, registerMenuItem, registerNav, registerNavDisclosure, registerNavItem, registerNote, registerNumberField, registerOptgroup, registerOption, registerPagination, registerPlatformSwitch, registerPopover, registerProgress, registerProgressRing, registerRadio, registerRadioGroup, registerRangeSlider, registerRichTextEditor, registerRichTextView, registerSearchableSelect, registerSelect, registerSelectableBox, registerSideDrawer, registerSimpleColorPicker, registerSlider, registerSplitButton, registerStatus, registerSwitch, registerTab, registerTabPanel, registerTable, registerTabs, registerTag, registerTagGroup, registerTextArea, registerTextField, registerTimePicker, registerToggletip, registerTooltip, registerTreeItem, registerTreeView, registerVideoPlayer } from "@vonage/vivid";
+import { registerAccordion, registerAccordionItem, registerActionGroup, registerAlert, registerAudioPlayer, registerAvatar, registerBadge, registerBanner, registerBreadcrumb, registerBreadcrumbItem, registerButton, registerCalendar, registerCalendarEvent, registerCard, registerCheckbox, registerColorPicker, registerCombobox, registerContextualHelp, registerCountry, registerCountryGroup, registerDataGrid, registerDatePicker, registerDateRangePicker, registerDateTimePicker, registerDialPad, registerDialog, registerDivider, registerEmptyState, registerFab, registerFilePicker, registerFlag, registerFormField, registerHeader, registerIcon, registerKbdKey, registerKbdShortcut, registerLayout, registerListbox, registerMenu, registerMenuItem, registerNav, registerNavDisclosure, registerNavItem, registerNote, registerNumberField, registerOptgroup, registerOption, registerPagination, registerPlatformSwitch, registerPopover, registerProgress, registerProgressRing, registerRadio, registerRadioGroup, registerRangeSlider, registerRichTextEditor, registerRichTextView, registerSearchableSelect, registerSelect, registerSelectableBox, registerSideDrawer, registerSimpleColorPicker, registerSlider, registerSplitButton, registerStatus, registerSwitch, registerTab, registerTabPanel, registerTable, registerTabs, registerTag, registerTagGroup, registerTextArea, registerTextField, registerTimePicker, registerToggletip, registerTooltip, registerTreeItem, registerTreeView, registerVideoPlayer } from "@vonage/vivid";
 //#region src/init/prefix.ts
 var CustomComponentPrefix = ref("vvd3");
 /**
@@ -1096,6 +1096,13 @@ var VBadge_default = defineComponent({
 			default: void 0
 		},
 		/**
+		* Whether the badge is used as a numeric count.
+		*/
+		count: {
+			type: Boolean,
+			default: void 0
+		},
+		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
 		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
@@ -1154,6 +1161,7 @@ var VBadge_default = defineComponent({
 			attrs: {
 				...this.appearance !== void 0 ? { "appearance": this.appearance } : {},
 				...this.connotation !== void 0 ? { "connotation": this.connotation } : {},
+				...this.count !== void 0 ? { "count": this.count } : {},
 				...this.icon !== void 0 ? { "icon": this.icon } : {},
 				...this.iconTrailing !== void 0 ? { "icon-trailing": this.iconTrailing } : {},
 				...this.shape !== void 0 ? { "shape": this.shape } : {},
@@ -1188,6 +1196,7 @@ var VBadge_default = defineComponent({
 			...handleVue3Props({
 				...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
 				...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
+				...this.count !== void 0 && this.count !== false ? { "^count": this.count } : {},
 				...this.icon !== void 0 ? { "^icon": this.icon } : {},
 				...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
 				...this.shape !== void 0 ? { "^shape": this.shape } : {},
@@ -6044,7 +6053,8 @@ var VFilePicker_default = defineComponent({
 		}, [
 			this.$slots.default,
 			handleNamedSlotV2("contextual-help", this.$slots["contextual-help"]),
-			handleNamedSlotV2("helper-text", this.$slots["helper-text"])
+			handleNamedSlotV2("helper-text", this.$slots["helper-text"]),
+			handleNamedSlotV2("icon", this.$slots["icon"])
 		]);
 		return h(this.componentName, {
 			ref: "element",
@@ -6091,7 +6101,8 @@ var VFilePicker_default = defineComponent({
 		}, [
 			this.$slots.default?.(),
 			handleNamedSlotV3("contextual-help", this.$slots["contextual-help"]?.()),
-			handleNamedSlotV3("helper-text", this.$slots["helper-text"]?.())
+			handleNamedSlotV3("helper-text", this.$slots["helper-text"]?.()),
+			handleNamedSlotV3("icon", this.$slots["icon"]?.())
 		]);
 	}
 });
@@ -6194,6 +6205,92 @@ var VFlag_default = defineComponent({
 	}
 });
 //#endregion
+//#region src/generated/components/VFormField.ts
+var VFormField_default = defineComponent({
+	name: "VFormField",
+	props: { state: {
+		type: String,
+		default: void 0
+	} },
+	emits: [
+		"blur",
+		"click",
+		"focus",
+		"input",
+		"keydown",
+		"keyup"
+	],
+	methods: {},
+	setup(props, ctx) {
+		return {
+			componentName: registerComponent("form-field", registerFormField),
+			element: ref(null)
+		};
+	},
+	render() {
+		if (isVue2) return h(this.componentName, {
+			ref: "element",
+			attrs: { ...this.state !== void 0 ? { "state": this.state } : {} },
+			class: "vvd-component",
+			on: {
+				"blur": (event) => {
+					this.$emit("blur", event);
+				},
+				"click": (event) => {
+					this.$emit("click", event);
+				},
+				"focus": (event) => {
+					this.$emit("focus", event);
+				},
+				"input": (event) => {
+					this.$emit("input", event);
+				},
+				"keydown": (event) => {
+					this.$emit("keydown", event);
+				},
+				"keyup": (event) => {
+					this.$emit("keyup", event);
+				}
+			}
+		}, [
+			this.$slots.default,
+			handleNamedSlotV2("accessory", this.$slots["accessory"]),
+			handleNamedSlotV2("contextual-help", this.$slots["contextual-help"]),
+			handleNamedSlotV2("label", this.$slots["label"]),
+			handleNamedSlotV2("message", this.$slots["message"])
+		]);
+		return h(this.componentName, {
+			ref: "element",
+			class: "vvd-component",
+			...handleVue3Props({ ...this.state !== void 0 ? { "^state": this.state } : {} }),
+			"onBlur": (event) => {
+				this.$emit("blur", event);
+			},
+			"onClick": (event) => {
+				this.$emit("click", event);
+			},
+			"onFocus": (event) => {
+				this.$emit("focus", event);
+			},
+			"onInput": (event) => {
+				this.$emit("input", event);
+			},
+			"onKeydown": (event) => {
+				this.$emit("keydown", event);
+			},
+			"onKeyup": (event) => {
+				this.$emit("keyup", event);
+			}
+		}, [
+			this.$slots.default?.(),
+			handleNamedSlotV3("accessory", this.$slots["accessory"]?.()),
+			handleNamedSlotV3("contextual-help", this.$slots["contextual-help"]?.()),
+			handleNamedSlotV3("label", this.$slots["label"]?.()),
+			handleNamedSlotV3("message", this.$slots["message"]?.())
+		]);
+	}
+});
+//#endregion
 //#region src/generated/components/VHeader.ts
 var VHeader_default = defineComponent({
 	name: "VHeader",
@@ -9882,10 +9979,19 @@ function isRemoveRequest(data) {
 //#region src/generated/components/VRichTextEditor.ts
 var VRichTextEditor_default = defineComponent({
 	name: "VRichTextEditor",
-	props: { instance: {
-		type: null,
-		default: void 0
-	} },
+	props: {
+		appearance: {
+			type: String,
+			default: void 0
+		},
+		/**
+		* The editor instance created from the RteConfig. Without it, the editor will not render.
+		*/
+		instance: {
+			type: null,
+			default: void 0
+		}
+	},
 	emits: [
 		"blur",
 		"click",
@@ -9905,7 +10011,7 @@ var VRichTextEditor_default = defineComponent({
 	render() {
 		if (isVue2) return h(this.componentName, {
 			ref: "element",
-			attrs: {},
+			attrs: { ...this.appearance !== void 0 ? { "appearance": this.appearance } : {} },
 			class: "vvd-component",
 			domProps: { ...this.instance !== void 0 ? { "instance": this.instance } : {} },
 			on: {
@@ -9949,7 +10055,10 @@ var VRichTextEditor_default = defineComponent({
 		return h(this.componentName, {
 			ref: "element",
 			class: "vvd-component",
-			...handleVue3Props({ ...this.instance !== void 0 ? { ".instance": this.instance } : {} }),
+			...handleVue3Props({
+				...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
+				...this.instance !== void 0 ? { ".instance": this.instance } : {}
+			}),
 			"onBlur": (event) => {
 				this.$emit("blur", event);
 			},
@@ -15770,6 +15879,8 @@ var Icon = /* @__PURE__ */ function(Icon) {
 	Icon["presentationSolid"] = "presentation-solid";
 	Icon["printLine"] = "print-line";
 	Icon["printSolid"] = "print-solid";
+	Icon["priorityLine"] = "priority-line";
+	Icon["prioritySolid"] = "priority-solid";
 	Icon["profileLine"] = "profile-line";
 	Icon["profileSolid"] = "profile-solid";
 	Icon["puzzleLine"] = "puzzle-line";
@@ -16199,4 +16310,4 @@ var vividVue = { install(app, options) {
 /** @deprecated Use vividVue instead. */
 var vivid3 = vividVue;
 //#endregion
-export { Icon, VAccordion_default as VAccordion, VAccordionItem_default as VAccordionItem, VActionGroup_default as VActionGroup, VAlert_default as VAlert, VAudioPlayer_default as VAudioPlayer, VAvatar_default as VAvatar, VBadge_default as VBadge, VBanner_default as VBanner, VBreadcrumb_default as VBreadcrumb, VBreadcrumbItem_default as VBreadcrumbItem, VButton_default as VButton, VCalendar_default as VCalendar, VCalendarEvent_default as VCalendarEvent, VCard_default as VCard, VCheckbox_default as VCheckbox, VColorPicker_default as VColorPicker, VCombobox_default as VCombobox, VContextualHelp_default as VContextualHelp, VCountry_default as VCountry, VCountryGroup_default as VCountryGroup, VDataGrid_default as VDataGrid, VDataGridCell_default as VDataGridCell, VDataGridRow_default as VDataGridRow, VDatePicker_default as VDatePicker, VDateRangePicker_default as VDateRangePicker, VDateTimePicker_default as VDateTimePicker, VDialPad_default as VDialPad, VDialog_default as VDialog, VDivider_default as VDivider, VEmptyState_default as VEmptyState, VFab_default as VFab, VFilePicker_default as VFilePicker, VFlag_default as VFlag, VHeader_default as VHeader, VIcon_default as VIcon, VKbdKey_default as VKbdKey, VKbdShortcut_default as VKbdShortcut, VLayout_default as VLayout, VListbox_default as VListbox, VMenu_default as VMenu, VMenuItem_default as VMenuItem, VNav_default as VNav, VNavDisclosure_default as VNavDisclosure, VNavItem_default as VNavItem, VNote_default as VNote, VNumberField_default as VNumberField, VOptgroup_default as VOptgroup, VOption_default as VOption, VPagination_default as VPagination, VPlatformSwitch_default as VPlatformSwitch, VPopover_default as VPopover, VProgress_default as VProgress, VProgressRing_default as VProgressRing, VRadio_default as VRadio, VRadioGroup_default as VRadioGroup, VRangeSlider_default as VRangeSlider, VRichTextEditor_default as VRichTextEditor, VRichTextView_default as VRichTextView, VSearchableSelect_default as VSearchableSelect, VSelect_default as VSelect, VSelectableBox_default as VSelectableBox, VSideDrawer_default as VSideDrawer, VSimpleColorPicker_default as VSimpleColorPicker, VSlider_default as VSlider, VSplitButton_default as VSplitButton, VStatus_default as VStatus, VSwitch_default as VSwitch, VTab_default as VTab, VTabPanel_default as VTabPanel, VTable_default as VTable, VTableBody_default as VTableBody, VTableCell_default as VTableCell, VTableHead_default as VTableHead, VTableHeaderCell_default as VTableHeaderCell, VTableRow_default as VTableRow, VTableSortingButton_default as VTableSortingButton, VTabs_default as VTabs, VTag_default as VTag, VTagGroup_default as VTagGroup, VTextArea_default as VTextArea, VTextField_default as VTextField, VTimePicker_default as VTimePicker, VToggletip_default as VToggletip, VTooltip_default as VTooltip, VTreeItem_default as VTreeItem, VTreeView_default as VTreeView, VVideoPlayer_default as VVideoPlayer, optionalStyles, setCustomComponentPrefix, vivid3, vividVue };
+export { Icon, VAccordion_default as VAccordion, VAccordionItem_default as VAccordionItem, VActionGroup_default as VActionGroup, VAlert_default as VAlert, VAudioPlayer_default as VAudioPlayer, VAvatar_default as VAvatar, VBadge_default as VBadge, VBanner_default as VBanner, VBreadcrumb_default as VBreadcrumb, VBreadcrumbItem_default as VBreadcrumbItem, VButton_default as VButton, VCalendar_default as VCalendar, VCalendarEvent_default as VCalendarEvent, VCard_default as VCard, VCheckbox_default as VCheckbox, VColorPicker_default as VColorPicker, VCombobox_default as VCombobox, VContextualHelp_default as VContextualHelp, VCountry_default as VCountry, VCountryGroup_default as VCountryGroup, VDataGrid_default as VDataGrid, VDataGridCell_default as VDataGridCell, VDataGridRow_default as VDataGridRow, VDatePicker_default as VDatePicker, VDateRangePicker_default as VDateRangePicker, VDateTimePicker_default as VDateTimePicker, VDialPad_default as VDialPad, VDialog_default as VDialog, VDivider_default as VDivider, VEmptyState_default as VEmptyState, VFab_default as VFab, VFilePicker_default as VFilePicker, VFlag_default as VFlag, VFormField_default as VFormField, VHeader_default as VHeader, VIcon_default as VIcon, VKbdKey_default as VKbdKey, VKbdShortcut_default as VKbdShortcut, VLayout_default as VLayout, VListbox_default as VListbox, VMenu_default as VMenu, VMenuItem_default as VMenuItem, VNav_default as VNav, VNavDisclosure_default as VNavDisclosure, VNavItem_default as VNavItem, VNote_default as VNote, VNumberField_default as VNumberField, VOptgroup_default as VOptgroup, VOption_default as VOption, VPagination_default as VPagination, VPlatformSwitch_default as VPlatformSwitch, VPopover_default as VPopover, VProgress_default as VProgress, VProgressRing_default as VProgressRing, VRadio_default as VRadio, VRadioGroup_default as VRadioGroup, VRangeSlider_default as VRangeSlider, VRichTextEditor_default as VRichTextEditor, VRichTextView_default as VRichTextView, VSearchableSelect_default as VSearchableSelect, VSelect_default as VSelect, VSelectableBox_default as VSelectableBox, VSideDrawer_default as VSideDrawer, VSimpleColorPicker_default as VSimpleColorPicker, VSlider_default as VSlider, VSplitButton_default as VSplitButton, VStatus_default as VStatus, VSwitch_default as VSwitch, VTab_default as VTab, VTabPanel_default as VTabPanel, VTable_default as VTable, VTableBody_default as VTableBody, VTableCell_default as VTableCell, VTableHead_default as VTableHead, VTableHeaderCell_default as VTableHeaderCell, VTableRow_default as VTableRow, VTableSortingButton_default as VTableSortingButton, VTabs_default as VTabs, VTag_default as VTag, VTagGroup_default as VTagGroup, VTextArea_default as VTextArea, VTextField_default as VTextField, VTimePicker_default as VTimePicker, VToggletip_default as VToggletip, VTooltip_default as VTooltip, VTreeItem_default as VTreeItem, VTreeView_default as VTreeView, VVideoPlayer_default as VVideoPlayer, optionalStyles, setCustomComponentPrefix, vivid3, vividVue };

package/package.json

@@ -1,7 +1,12 @@
 {
   "name": "@vonage/vivid-vue",
-  "version": "5.25.0",
+  "version": "5.27.0",
   "description": "A Vue wrapper library for Vivid components.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Vonage/vivid-3",
+    "directory": "libs/vue-wrappers"
+  },
   "license": "ISC",
   "author": "Vonage",
   "type": "module",
@@ -20,23 +25,23 @@
     "web-types.json"
   ],
   "dependencies": {
-    "@vonage/vivid": "^5.25.0"
+    "@vonage/vivid": "^5.27.0"
   },
   "devDependencies": {
-    "@types/node": "^20.19.40",
-    "eslint": "^10.3.0",
+    "@types/node": "^20.19.43",
+    "eslint": "^10.8.1",
     "glob": "^13.0.6",
-    "tsx": "^4.21.0",
+    "tsx": "^4.23.12",
     "typescript": "5.9.3",
-    "vite": "^8.0.12",
-    "vitest": "^4.1.8",
+    "vite": "^8.2.1",
+    "vitest": "^4.1.10",
     "vue": "^2.7.16",
-    "vue3": "npm:vue@^3.5.34",
+    "vue3": "npm:vue@^3.5.41",
     "@repo/eslint-config": "1.0.0",
-    "@repo/styles": "1.0.0",
     "@repo/typescript-config": "1.0.0",
-    "@repo/tools": "1.0.0",
     "@repo/vite-config": "1.0.0",
+    "@repo/tools": "1.0.0",
+    "@repo/styles": "1.0.0",
     "@repo/vitest-config": "1.0.0",
     "@repo/wrapper-gen": "1.0.0"
   },