@vonage/vivid-vue 5.25.0 → 5.28.0

package/dist/index.cjs

@@ -232,7 +232,7 @@ var VAccordionItem_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Indicates whether the accordion-item has indicator
+		* Whether to hide the indicator on the Accordion Item.
 		*/
 		noIndicator: {
 			type: Boolean,
@@ -875,7 +875,7 @@ var VAvatar_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Indicates whether avatar should be a clickable <button> element.
+		* Indicates whether the avatar should be a clickable button element.
 		*/
 		clickable: {
 			type: Boolean,
@@ -889,21 +889,21 @@ var VAvatar_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Prompts the user to save the linked URL. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		download: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* The URL the hyperlink references. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		href: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Hints at the language of the referenced resource. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		hreflang: {
 			type: String,
@@ -925,21 +925,21 @@ var VAvatar_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		ping: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		referrerpolicy: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		rel: {
 			type: String,
@@ -960,14 +960,14 @@ var VAvatar_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		target: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		type: {
 			type: String,
@@ -1097,6 +1097,13 @@ var VBadge_default = (0, vue.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/
@@ -1127,11 +1134,18 @@ var VBadge_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Sets a text on the badge
+		* Sets the text on the badge.
 		*/
 		text: {
 			type: String,
 			default: void 0
+		},
+		/**
+		* Sets secondary text on the badge, displayed with less emphasis after the text.
+		*/
+		textSecondary: {
+			type: String,
+			default: void 0
 		}
 	},
 	emits: [
@@ -1155,11 +1169,13 @@ var VBadge_default = (0, vue.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 } : {},
 				...this.size !== void 0 ? { "size": this.size } : {},
-				...this.text !== void 0 ? { "text": this.text } : {}
+				...this.text !== void 0 ? { "text": this.text } : {},
+				...this.textSecondary !== void 0 ? { "text-secondary": this.textSecondary } : {}
 			},
 			class: "vvd-component",
 			on: {
@@ -1189,11 +1205,13 @@ var VBadge_default = (0, vue.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 } : {},
 				...this.size !== void 0 ? { "^size": this.size } : {},
-				...this.text !== void 0 ? { "^text": this.text } : {}
+				...this.text !== void 0 ? { "^text": this.text } : {},
+				...this.textSecondary !== void 0 ? { "^text-secondary": this.textSecondary } : {}
 			}),
 			"onBlur": (event) => {
 				this.$emit("blur", event);
@@ -1415,42 +1433,42 @@ var VBreadcrumbItem_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* The URL the hyperlink references. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		href: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Hints at the language of the referenced resource. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		hreflang: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		ping: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		referrerpolicy: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		rel: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		target: {
 			type: String,
@@ -1461,7 +1479,7 @@ var VBreadcrumbItem_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		type: {
 			type: String,
@@ -1592,7 +1610,7 @@ var VButton_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Prompts the user to save the linked URL. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		download: {
 			type: String,
@@ -1648,14 +1666,14 @@ var VButton_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* The URL the hyperlink references. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		href: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Hints at the language of the referenced resource. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		hreflang: {
 			type: String,
@@ -1707,7 +1725,7 @@ var VButton_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		ping: {
 			type: String,
@@ -1722,14 +1740,14 @@ var VButton_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		referrerpolicy: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		rel: {
 			type: String,
@@ -1764,7 +1782,7 @@ var VButton_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		target: {
 			type: String,
@@ -1778,7 +1796,7 @@ var VButton_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		type: {
 			type: String,
@@ -2233,7 +2251,7 @@ var VCard_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Prompts the user to save the linked URL. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		download: {
 			type: String,
@@ -2254,14 +2272,14 @@ var VCard_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* The URL the hyperlink references. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		href: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Hints at the language of the referenced resource. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		hreflang: {
 			type: String,
@@ -2276,21 +2294,21 @@ var VCard_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		ping: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		referrerpolicy: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		rel: {
 			type: String,
@@ -2304,7 +2322,7 @@ var VCard_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		target: {
 			type: String,
@@ -2318,7 +2336,7 @@ var VCard_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		type: {
 			type: String,
@@ -6045,7 +6063,8 @@ var VFilePicker_default = (0, vue.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 (0, vue.h)(this.componentName, {
 			ref: "element",
@@ -6092,7 +6111,8 @@ var VFilePicker_default = (0, vue.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"]?.())
 		]);
 	}
 });
@@ -6195,6 +6215,92 @@ var VFlag_default = (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region src/generated/components/VFormField.ts
+var VFormField_default = (0, vue.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", _vonage_vivid.registerFormField),
+			element: (0, vue.ref)(null)
+		};
+	},
+	render() {
+		if (isVue2) return (0, vue.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 (0, vue.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 = (0, vue.defineComponent)({
 	name: "VHeader",
@@ -7510,21 +7616,21 @@ var VNavItem_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Prompts the user to save the linked URL. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		download: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* The URL the hyperlink references. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		href: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Hints at the language of the referenced resource. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		hreflang: {
 			type: String,
@@ -7540,28 +7646,28 @@ var VNavItem_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		ping: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		referrerpolicy: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		rel: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		target: {
 			type: String,
@@ -7575,7 +7681,7 @@ var VNavItem_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
+		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a for more information.
 		*/
 		type: {
 			type: String,
@@ -9883,10 +9989,26 @@ function isRemoveRequest(data) {
 //#region src/generated/components/VRichTextEditor.ts
 var VRichTextEditor_default = (0, vue.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
+		},
+		/**
+		* The validation state of the editor, displayed by the `fieldset` appearance.
+		*/
+		state: {
+			type: String,
+			default: void 0
+		}
+	},
 	emits: [
 		"blur",
 		"click",
@@ -9906,7 +10028,10 @@ var VRichTextEditor_default = (0, vue.defineComponent)({
 	render() {
 		if (isVue2) return (0, vue.h)(this.componentName, {
 			ref: "element",
-			attrs: {},
+			attrs: {
+				...this.appearance !== void 0 ? { "appearance": this.appearance } : {},
+				...this.state !== void 0 ? { "state": this.state } : {}
+			},
 			class: "vvd-component",
 			domProps: { ...this.instance !== void 0 ? { "instance": this.instance } : {} },
 			on: {
@@ -9950,7 +10075,11 @@ var VRichTextEditor_default = (0, vue.defineComponent)({
 		return (0, vue.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 } : {},
+				...this.state !== void 0 ? { "^state": this.state } : {}
+			}),
 			"onBlur": (event) => {
 				this.$emit("blur", event);
 			},
@@ -15771,6 +15900,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";
@@ -16234,6 +16365,7 @@ exports.VEmptyState = VEmptyState_default;
 exports.VFab = VFab_default;
 exports.VFilePicker = VFilePicker_default;
 exports.VFlag = VFlag_default;
+exports.VFormField = VFormField_default;
 exports.VHeader = VHeader_default;
 exports.VIcon = VIcon_default;
 exports.VKbdKey = VKbdKey_default;