@vonage/vivid 5.23.0 → 5.23.1

package/unbundled/definition32.cjs

@@ -3,8 +3,8 @@ const require_vivid_element = require("./vivid-element.cjs");
 const require_decorate = require("./decorate.cjs");
 const require_delegates_aria = require("./delegates-aria.cjs");
 const require_localized = require("./localized.cjs");
-const require_definition = require("./definition10.cjs");
-const require_definition$1 = require("./definition16.cjs");
+const require_definition = require("./definition9.cjs");
+const require_definition$1 = require("./definition15.cjs");
 const require_definition$2 = require("./definition31.cjs");
 const require_utils = require("./utils.cjs");
 let _microsoft_fast_element = require("@microsoft/fast-element");
@@ -159,28 +159,20 @@ var CountryGroup = class extends require_localized.Localized(require_delegates_a
 	#prepareForFit() {
 		this.#applyLayout(this.lastVisibleIndex, "fit");
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	handleMouseEnter() {
 		this.popupOpen = true;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	handleMouseLeave() {
 		this.popupOpen = false;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	popupOpenChanged(oldValue) {
 		if (oldValue === void 0) return;
 		if (this.popupOpen) this.fillOverflowGrid();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	fillOverflowGrid() {
 		if (!this.overflowGridEl) return;
 		if (this.overflowCount === 0) return;
@@ -252,9 +244,7 @@ var CountryGroupTemplate = (context) => {
 };
 //#endregion
 //#region src/lib/country-group/definition.ts
-/**
-* @internal
-*/
+/** @internal */
 var countryGroupDefinition = require_vivid_element.defineVividComponent("country-group", CountryGroup, CountryGroupTemplate, [
 	require_definition$2.countryDefinition,
 	require_definition$1.badgeDefinition,

package/unbundled/definition32.js

@@ -2,8 +2,8 @@ import { d as createRegisterFunction, t as VividElement, u as defineVividCompone
 import { t as __decorate } from "./decorate.js";
 import { n as delegateAria, t as DelegatesAria } from "./delegates-aria.js";
 import { t as Localized } from "./localized.js";
-import { i as Popup, t as popupDefinition } from "./definition10.js";
-import { r as Badge, t as badgeDefinition } from "./definition16.js";
+import { i as Popup, t as popupDefinition } from "./definition9.js";
+import { r as Badge, t as badgeDefinition } from "./definition15.js";
 import { r as Country, t as countryDefinition } from "./definition31.js";
 import { n as countries } from "./utils.js";
 import { html, observable, ref, when } from "@microsoft/fast-element";
@@ -158,28 +158,20 @@ var CountryGroup = class extends Localized(DelegatesAria(VividElement)) {
 	#prepareForFit() {
 		this.#applyLayout(this.lastVisibleIndex, "fit");
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	handleMouseEnter() {
 		this.popupOpen = true;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	handleMouseLeave() {
 		this.popupOpen = false;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	popupOpenChanged(oldValue) {
 		if (oldValue === void 0) return;
 		if (this.popupOpen) this.fillOverflowGrid();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	fillOverflowGrid() {
 		if (!this.overflowGridEl) return;
 		if (this.overflowCount === 0) return;
@@ -251,9 +243,7 @@ var CountryGroupTemplate = (context) => {
 };
 //#endregion
 //#region src/lib/country-group/definition.ts
-/**
-* @internal
-*/
+/** @internal */
 var countryGroupDefinition = defineVividComponent("country-group", CountryGroup, CountryGroupTemplate, [
 	countryDefinition,
 	badgeDefinition,

package/unbundled/definition33.cjs

@@ -2,7 +2,7 @@ require("./chunk.cjs");
 const require_vivid_element = require("./vivid-element.cjs");
 const require_numberConverter = require("./numberConverter.cjs");
 const require_decorate = require("./decorate.cjs");
-const require_definition = require("./definition6.cjs");
+const require_definition = require("./definition22.cjs");
 const require_utils = require("./utils.cjs");
 let _microsoft_fast_element = require("@microsoft/fast-element");
 let _microsoft_fast_web_utilities = require("@microsoft/fast-web-utilities");
@@ -26,9 +26,7 @@ var Flag = class extends require_vivid_element.VividElement {
 	}
 	#currentRequestId;
 	#abortController;
-	/**
-	* @internal
-	*/
+	/** @internal */
 	async codeChanged() {
 		const requestId = ++this.#currentRequestId;
 		if (this.#abortController) this.#abortController.abort();
@@ -72,13 +70,12 @@ require_decorate.__decorate([_microsoft_fast_element.observable], Flag.prototype
 require_decorate.__decorate([_microsoft_fast_element.observable], Flag.prototype, "flagLoaded", void 0);
 //#endregion
 //#region src/lib/flag/flag.template.ts
-var getClasses = ({ size }) => (0, _microsoft_fast_web_utilities.classNames)("control", [`size-${size}`, typeof size === "number"]);
 var flagTemplate = (context) => {
 	const visuallyHiddenTag = context.tagFor(require_definition.VisuallyHidden);
 	const isDecorative = (x) => !x.label || x.label.trim().length === 0;
 	return _microsoft_fast_element.html`
 		<figure
-			class="${getClasses}"
+			class="${(x) => (0, _microsoft_fast_web_utilities.classNames)("control", [`size-${x.size}`, typeof x.size === "number"])}"
 			?aria-hidden="${(x) => isDecorative(x)}"
 			?aria-busy="${(x) => !x?.flagLoaded}"
 		>
@@ -89,9 +86,7 @@ var flagTemplate = (context) => {
 };
 //#endregion
 //#region src/lib/flag/definition.ts
-/**
-* @internal
-*/
+/** @internal */
 var flagDefinition = require_vivid_element.defineVividComponent("flag", Flag, flagTemplate, [require_definition.visuallyHiddenDefinition], { styles: flag_default });
 /**
 * Registers the flag component & its prerequisite components with the design system.

package/unbundled/definition33.js

@@ -1,7 +1,7 @@
 import { d as createRegisterFunction, t as VividElement, u as defineVividComponent } from "./vivid-element.js";
 import { n as resolveIcon, r as PLACEHOLDER_ICON, t as numberConverter } from "./numberConverter.js";
 import { t as __decorate } from "./decorate.js";
-import { n as visuallyHiddenDefinition, r as VisuallyHidden } from "./definition6.js";
+import { n as visuallyHiddenDefinition, r as VisuallyHidden } from "./definition22.js";
 import { t as getFlagIconName } from "./utils.js";
 import { attr, html, observable, when } from "@microsoft/fast-element";
 import { classNames } from "@microsoft/fast-web-utilities";
@@ -25,9 +25,7 @@ var Flag = class extends VividElement {
 	}
 	#currentRequestId;
 	#abortController;
-	/**
-	* @internal
-	*/
+	/** @internal */
 	async codeChanged() {
 		const requestId = ++this.#currentRequestId;
 		if (this.#abortController) this.#abortController.abort();
@@ -71,13 +69,12 @@ __decorate([observable], Flag.prototype, "_svg", void 0);
 __decorate([observable], Flag.prototype, "flagLoaded", void 0);
 //#endregion
 //#region src/lib/flag/flag.template.ts
-var getClasses = ({ size }) => classNames("control", [`size-${size}`, typeof size === "number"]);
 var flagTemplate = (context) => {
 	const visuallyHiddenTag = context.tagFor(VisuallyHidden);
 	const isDecorative = (x) => !x.label || x.label.trim().length === 0;
 	return html`
 		<figure
-			class="${getClasses}"
+			class="${(x) => classNames("control", [`size-${x.size}`, typeof x.size === "number"])}"
 			?aria-hidden="${(x) => isDecorative(x)}"
 			?aria-busy="${(x) => !x?.flagLoaded}"
 		>
@@ -88,9 +85,7 @@ var flagTemplate = (context) => {
 };
 //#endregion
 //#region src/lib/flag/definition.ts
-/**
-* @internal
-*/
+/** @internal */
 var flagDefinition = defineVividComponent("flag", Flag, flagTemplate, [visuallyHiddenDefinition], { styles: flag_default });
 /**
 * Registers the flag component & its prerequisite components with the design system.