@vonage/vivid 5.17.0 → 5.19.0

package/unbundled/definition8.js

@@ -1,4 +1,4 @@
-import { o as defineVividComponent, s as createRegisterFunction, t as VividElement } from "./vivid-element.js";
+import { c as createRegisterFunction, s as defineVividComponent, t as VividElement } from "./vivid-element.js";
 import { t as __decorate } from "./decorate.js";
 import { attr, html } from "@microsoft/fast-element";
 import { classNames } from "@microsoft/fast-web-utilities";

package/unbundled/definition9.cjs

@@ -42,6 +42,13 @@ var Alert = class extends require_affix.AffixIcon(require_localized.Localized(re
 		this.placement = "bottom";
 		this.timeoutms = 0;
 		this.open = false;
+		this.#closeOnEscape = (e) => {
+			if (this.open && this.removable && require_dialog.handleEscapeKeyAndStopPropogation(e)) this.open = false;
+		};
+		this.#onTransitionEnd = () => {
+			if (!this.open) this.style.display = "none";
+			else this.style.display = "contents";
+		};
 	}
 	#timeoutID;
 	/**
@@ -76,13 +83,8 @@ var Alert = class extends require_affix.AffixIcon(require_localized.Localized(re
 		if (this.#timeoutID) clearTimeout(this.#timeoutID);
 		if (this.open && this.timeoutms > 0) this.#timeoutID = setTimeout(() => this.open = false, this.timeoutms);
 	}
-	#closeOnEscape = (e) => {
-		if (this.open && this.removable && require_dialog.handleEscapeKeyAndStopPropogation(e)) this.open = false;
-	};
-	#onTransitionEnd = () => {
-		if (!this.open) this.style.display = "none";
-		else this.style.display = "contents";
-	};
+	#closeOnEscape;
+	#onTransitionEnd;
 };
 require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ attribute: "dismiss-button-aria-label" })], Alert.prototype, "dismissButtonAriaLabel", void 0);
 require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ mode: "boolean" })], Alert.prototype, "removable", void 0);

package/unbundled/definition9.js

@@ -1,4 +1,4 @@
-import { o as defineVividComponent, s as createRegisterFunction, t as VividElement } from "./vivid-element.js";
+import { c as createRegisterFunction, s as defineVividComponent, t as VividElement } from "./vivid-element.js";
 import { t as iconDefinition } from "./definition2.js";
 import { t as __decorate } from "./decorate.js";
 import { a as affixIconTemplateFactory, i as IconWrapper, r as IconAriaHidden, t as AffixIcon } from "./affix.js";
@@ -41,6 +41,13 @@ var Alert = class extends AffixIcon(Localized(VividElement)) {
 		this.placement = "bottom";
 		this.timeoutms = 0;
 		this.open = false;
+		this.#closeOnEscape = (e) => {
+			if (this.open && this.removable && handleEscapeKeyAndStopPropogation(e)) this.open = false;
+		};
+		this.#onTransitionEnd = () => {
+			if (!this.open) this.style.display = "none";
+			else this.style.display = "contents";
+		};
 	}
 	#timeoutID;
 	/**
@@ -75,13 +82,8 @@ var Alert = class extends AffixIcon(Localized(VividElement)) {
 		if (this.#timeoutID) clearTimeout(this.#timeoutID);
 		if (this.open && this.timeoutms > 0) this.#timeoutID = setTimeout(() => this.open = false, this.timeoutms);
 	}
-	#closeOnEscape = (e) => {
-		if (this.open && this.removable && handleEscapeKeyAndStopPropogation(e)) this.open = false;
-	};
-	#onTransitionEnd = () => {
-		if (!this.open) this.style.display = "none";
-		else this.style.display = "contents";
-	};
+	#closeOnEscape;
+	#onTransitionEnd;
 };
 __decorate([attr({ attribute: "dismiss-button-aria-label" })], Alert.prototype, "dismissButtonAriaLabel", void 0);
 __decorate([attr({ mode: "boolean" })], Alert.prototype, "removable", void 0);

package/unbundled/delegates-aria.cjs

@@ -1,69 +1,14 @@
-require("./chunk.cjs");
 const require_vivid_element = require("./vivid-element.cjs");
-const require_attribute_binding_behaviour = require("./attribute-binding-behaviour.cjs");
-let _microsoft_fast_element = require("@microsoft/fast-element");
-//#region src/shared/aria/delegate-aria-behavior.ts
-var DelegateAriaBehavior = class {
-	constructor(target, params) {
-		this.target = null;
-		this.bindingBehaviours = [];
-		this.onSourceAriaPropertyChanged = (source, property) => {
-			if (!this.forwardedProperties.has(property) || property in this.boundProperties) return;
-			this.forwardPropertyToTarget(this.target, property, source[property]);
-		};
-		this.target = target;
-		this.boundProperties = params.boundProperties;
-		this.forwardedProperties = params.forwardedProperties;
-	}
-	bind(controller) {
-		const source = controller.source;
-		this.bindPropertiesToTarget(source, this.boundProperties, this.target);
-		this.startForwardingPropertiesToTarget(source, this.forwardedProperties, this.target);
-	}
-	bindPropertiesToTarget(source, boundProperties, target) {
-		for (const [property, binding] of Object.entries(boundProperties)) {
-			const bindingFn = binding instanceof Function ? binding : () => binding;
-			this.bindingBehaviours.push(new require_attribute_binding_behaviour.AttributeBindingBehavior(target, (0, _microsoft_fast_element.oneWay)(bindingFn), _microsoft_fast_element.Observable.isVolatileBinding(bindingFn), require_vivid_element.ariaAttributeName(property)));
-		}
-		for (const behavior of this.bindingBehaviours) behavior.bind({
-			source,
-			context: source.$fastController.context
-		});
-	}
-	startForwardingPropertiesToTarget(source, delegatedProperties, target) {
-		for (const key of delegatedProperties)
- /* v8 ignore else -- @preserve */
-		if (!(key in this.boundProperties)) this.forwardPropertyToTarget(target, key, source[key]);
-		require_vivid_element.subscribeToAriaPropertyChanges(source, this.onSourceAriaPropertyChanged);
-	}
-	forwardPropertyToTarget(target, property, value) {
-		if (value === null || value === void 0 || value === false) target.removeAttribute(require_vivid_element.ariaAttributeName(property));
-		else target.setAttribute(require_vivid_element.ariaAttributeName(property), String(value));
-	}
-};
-//#endregion
+const require_aria_binding_directive = require("./aria-binding-directive.cjs");
 //#region src/shared/aria/delegates-aria.ts
-var DelegateAriaDirective = class extends _microsoft_fast_element.StatelessAttachedAttributeDirective {
-	constructor(boundProperties, forwardedProperties) {
-		super("vvd-delegate-aria");
-		this.boundProperties = boundProperties;
-		this.forwardedProperties = forwardedProperties;
-		this.targetNodeId = "";
-	}
-	bind(controller) {
-		const targetElement = controller.targets[this.targetNodeId];
-		new DelegateAriaBehavior(targetElement, {
-			boundProperties: this.boundProperties,
-			forwardedProperties: this.forwardedProperties
-		}).bind(controller);
-	}
-};
-_microsoft_fast_element.HTMLDirective.define(DelegateAriaDirective);
 /**
 * Directive to delegate ARIA properties to the target element.
 */
 function delegateAria(boundProperties = {}, options = {}) {
-	return new DelegateAriaDirective(boundProperties, new Set((options.onlySpecified ? [] : require_vivid_element.ariaMixinProperties).filter((p) => !(p in boundProperties))));
+	return new require_aria_binding_directive.AriaBindingDirective({
+		boundProperties,
+		forwardedProperties: new Set((options.onlySpecified ? [] : require_vivid_element.ariaMixinProperties).filter((p) => !(p in boundProperties)))
+	});
 }
 /**
 * Mixin for components that delegate ARIA properties to an element inside the

package/unbundled/delegates-aria.js

@@ -1,68 +1,14 @@
-import { a as subscribeToAriaPropertyChanges, i as ariaMixinProperties, r as ariaAttributeName } from "./vivid-element.js";
-import { t as AttributeBindingBehavior } from "./attribute-binding-behaviour.js";
-import { HTMLDirective, Observable, StatelessAttachedAttributeDirective, oneWay } from "@microsoft/fast-element";
-//#region src/shared/aria/delegate-aria-behavior.ts
-var DelegateAriaBehavior = class {
-	constructor(target, params) {
-		this.target = null;
-		this.bindingBehaviours = [];
-		this.onSourceAriaPropertyChanged = (source, property) => {
-			if (!this.forwardedProperties.has(property) || property in this.boundProperties) return;
-			this.forwardPropertyToTarget(this.target, property, source[property]);
-		};
-		this.target = target;
-		this.boundProperties = params.boundProperties;
-		this.forwardedProperties = params.forwardedProperties;
-	}
-	bind(controller) {
-		const source = controller.source;
-		this.bindPropertiesToTarget(source, this.boundProperties, this.target);
-		this.startForwardingPropertiesToTarget(source, this.forwardedProperties, this.target);
-	}
-	bindPropertiesToTarget(source, boundProperties, target) {
-		for (const [property, binding] of Object.entries(boundProperties)) {
-			const bindingFn = binding instanceof Function ? binding : () => binding;
-			this.bindingBehaviours.push(new AttributeBindingBehavior(target, oneWay(bindingFn), Observable.isVolatileBinding(bindingFn), ariaAttributeName(property)));
-		}
-		for (const behavior of this.bindingBehaviours) behavior.bind({
-			source,
-			context: source.$fastController.context
-		});
-	}
-	startForwardingPropertiesToTarget(source, delegatedProperties, target) {
-		for (const key of delegatedProperties)
- /* v8 ignore else -- @preserve */
-		if (!(key in this.boundProperties)) this.forwardPropertyToTarget(target, key, source[key]);
-		subscribeToAriaPropertyChanges(source, this.onSourceAriaPropertyChanged);
-	}
-	forwardPropertyToTarget(target, property, value) {
-		if (value === null || value === void 0 || value === false) target.removeAttribute(ariaAttributeName(property));
-		else target.setAttribute(ariaAttributeName(property), String(value));
-	}
-};
-//#endregion
+import { i as ariaMixinProperties } from "./vivid-element.js";
+import { t as AriaBindingDirective } from "./aria-binding-directive.js";
 //#region src/shared/aria/delegates-aria.ts
-var DelegateAriaDirective = class extends StatelessAttachedAttributeDirective {
-	constructor(boundProperties, forwardedProperties) {
-		super("vvd-delegate-aria");
-		this.boundProperties = boundProperties;
-		this.forwardedProperties = forwardedProperties;
-		this.targetNodeId = "";
-	}
-	bind(controller) {
-		const targetElement = controller.targets[this.targetNodeId];
-		new DelegateAriaBehavior(targetElement, {
-			boundProperties: this.boundProperties,
-			forwardedProperties: this.forwardedProperties
-		}).bind(controller);
-	}
-};
-HTMLDirective.define(DelegateAriaDirective);
 /**
 * Directive to delegate ARIA properties to the target element.
 */
 function delegateAria(boundProperties = {}, options = {}) {
-	return new DelegateAriaDirective(boundProperties, new Set((options.onlySpecified ? [] : ariaMixinProperties).filter((p) => !(p in boundProperties))));
+	return new AriaBindingDirective({
+		boundProperties,
+		forwardedProperties: new Set((options.onlySpecified ? [] : ariaMixinProperties).filter((p) => !(p in boundProperties)))
+	});
 }
 /**
 * Mixin for components that delegate ARIA properties to an element inside the

package/unbundled/divider.cjs

@@ -12,7 +12,13 @@ let _microsoft_fast_web_utilities = require("@microsoft/fast-web-utilities");
 * @public
 */
 var DividerRole = {
+	/**
+	* The divider semantically separates content
+	*/
 	separator: "separator",
+	/**
+	* The divider has no semantic value and is for visual presentation only.
+	*/
 	presentation: "presentation"
 };
 /**

package/unbundled/divider.js

@@ -11,7 +11,13 @@ import { Orientation } from "@microsoft/fast-web-utilities";
 * @public
 */
 var DividerRole = {
+	/**
+	* The divider semantically separates content
+	*/
 	separator: "separator",
+	/**
+	* The divider has no semantic value and is for visual presentation only.
+	*/
 	presentation: "presentation"
 };
 /**

package/unbundled/form-element.cjs

@@ -16,6 +16,10 @@ var FormElement = (Base) => {
 			this.errorValidationMessage = "";
 			this.forceErrorDisplay = false;
 			this.hasBeenTouched = false;
+			this.#handleInvalidEvent = () => {
+				this.forceErrorDisplay = true;
+				this.validate();
+			};
 			this.addEventListener("blur", () => {
 				this.hasBeenTouched = true;
 				this.forceErrorDisplay = false;
@@ -35,10 +39,7 @@ var FormElement = (Base) => {
 			super.connectedCallback();
 			this.proxy.addEventListener("invalid", this.#handleInvalidEvent);
 		}
-		#handleInvalidEvent = () => {
-			this.forceErrorDisplay = true;
-			this.validate();
-		};
+		#handleInvalidEvent;
 		/**
 		* @internal
 		*/
@@ -59,7 +60,8 @@ var FormElement = (Base) => {
 		*/
 		validate() {
 			super.validate();
-			this.errorValidationMessage = this.forceErrorDisplay || this.hasBeenTouched && this.dirtyValue ? this.validationMessage : "";
+			const shouldShowValidationError = this.forceErrorDisplay || this.hasBeenTouched && this.dirtyValue;
+			this.errorValidationMessage = shouldShowValidationError ? this.validationMessage : "";
 		}
 	}
 	require_decorate.__decorate([_microsoft_fast_element.attr], FormElementElement.prototype, "label", void 0);

package/unbundled/form-element.js

@@ -15,6 +15,10 @@ var FormElement = (Base) => {
 			this.errorValidationMessage = "";
 			this.forceErrorDisplay = false;
 			this.hasBeenTouched = false;
+			this.#handleInvalidEvent = () => {
+				this.forceErrorDisplay = true;
+				this.validate();
+			};
 			this.addEventListener("blur", () => {
 				this.hasBeenTouched = true;
 				this.forceErrorDisplay = false;
@@ -34,10 +38,7 @@ var FormElement = (Base) => {
 			super.connectedCallback();
 			this.proxy.addEventListener("invalid", this.#handleInvalidEvent);
 		}
-		#handleInvalidEvent = () => {
-			this.forceErrorDisplay = true;
-			this.validate();
-		};
+		#handleInvalidEvent;
 		/**
 		* @internal
 		*/
@@ -58,7 +59,8 @@ var FormElement = (Base) => {
 		*/
 		validate() {
 			super.validate();
-			this.errorValidationMessage = this.forceErrorDisplay || this.hasBeenTouched && this.dirtyValue ? this.validationMessage : "";
+			const shouldShowValidationError = this.forceErrorDisplay || this.hasBeenTouched && this.dirtyValue;
+			this.errorValidationMessage = shouldShowValidationError ? this.validationMessage : "";
 		}
 	}
 	__decorate([attr], FormElementElement.prototype, "label", void 0);

package/unbundled/host-semantics.cjs

@@ -1,50 +1,15 @@
-require("./chunk.cjs");
-const require_vivid_element = require("./vivid-element.cjs");
-const require_attribute_binding_behaviour = require("./attribute-binding-behaviour.cjs");
-let _microsoft_fast_element = require("@microsoft/fast-element");
-//#region src/shared/aria/host-semantics-behavior.ts
-var HostSemanticsBehavior = class {
-	constructor(target, params) {
-		this.target = null;
-		this.bindingBehaviours = [];
-		this.target = target;
-		this.boundProperties = params.boundProperties;
-	}
-	bind(controller) {
-		const source = controller.source;
-		if (this.target !== source) throw new Error("Target element must be the same as the source element");
-		this.bindPropertiesToTarget(source, this.boundProperties, this.target);
-	}
-	bindPropertiesToTarget(source, boundProperties, target) {
-		for (const [property, binding] of Object.entries(boundProperties)) {
-			const bindingFn = binding instanceof Function ? binding : (x) => x[property] ?? binding;
-			this.bindingBehaviours.push(new require_attribute_binding_behaviour.AttributeBindingBehavior(target, (0, _microsoft_fast_element.oneWay)(bindingFn), true, require_vivid_element.ariaAttributeName(property)));
-		}
-		for (const behavior of this.bindingBehaviours) behavior.bind({
-			source,
-			context: source.$fastController.context
-		});
-	}
-};
-//#endregion
+const require_aria_binding_directive = require("./aria-binding-directive.cjs");
 //#region src/shared/aria/host-semantics.ts
-var HostSemanticsDirective = class extends _microsoft_fast_element.StatelessAttachedAttributeDirective {
-	constructor(boundProperties) {
-		super("vvd-host-semantics");
-		this.boundProperties = boundProperties;
-		this.targetNodeId = "";
-	}
-	bind(controller) {
-		const targetElement = controller.targets[this.targetNodeId];
-		new HostSemanticsBehavior(targetElement, {
-			boundProperties: this.boundProperties,
-			forwardedProperties: new Set(require_vivid_element.ariaMixinProperties.filter((p) => !(p in this.boundProperties)))
-		}).bind(controller);
-	}
-};
-_microsoft_fast_element.HTMLDirective.define(HostSemanticsDirective);
+/**
+* Directive to set ARIA properties to the host element.
+* This is not technically necessary but allows us to change aria handling for host semantics later.
+*/
 function applyHostSemantics(boundProperties = {}) {
-	return new HostSemanticsDirective(boundProperties);
+	return new require_aria_binding_directive.AriaBindingDirective({
+		boundProperties,
+		forwardedProperties: /* @__PURE__ */ new Set(),
+		requireHost: true
+	});
 }
 /**
 * Mixin for components that place semantics on the host element.

package/unbundled/host-semantics.js

@@ -1,49 +1,15 @@
-import { i as ariaMixinProperties, r as ariaAttributeName } from "./vivid-element.js";
-import { t as AttributeBindingBehavior } from "./attribute-binding-behaviour.js";
-import { HTMLDirective, StatelessAttachedAttributeDirective, oneWay } from "@microsoft/fast-element";
-//#region src/shared/aria/host-semantics-behavior.ts
-var HostSemanticsBehavior = class {
-	constructor(target, params) {
-		this.target = null;
-		this.bindingBehaviours = [];
-		this.target = target;
-		this.boundProperties = params.boundProperties;
-	}
-	bind(controller) {
-		const source = controller.source;
-		if (this.target !== source) throw new Error("Target element must be the same as the source element");
-		this.bindPropertiesToTarget(source, this.boundProperties, this.target);
-	}
-	bindPropertiesToTarget(source, boundProperties, target) {
-		for (const [property, binding] of Object.entries(boundProperties)) {
-			const bindingFn = binding instanceof Function ? binding : (x) => x[property] ?? binding;
-			this.bindingBehaviours.push(new AttributeBindingBehavior(target, oneWay(bindingFn), true, ariaAttributeName(property)));
-		}
-		for (const behavior of this.bindingBehaviours) behavior.bind({
-			source,
-			context: source.$fastController.context
-		});
-	}
-};
-//#endregion
+import { t as AriaBindingDirective } from "./aria-binding-directive.js";
 //#region src/shared/aria/host-semantics.ts
-var HostSemanticsDirective = class extends StatelessAttachedAttributeDirective {
-	constructor(boundProperties) {
-		super("vvd-host-semantics");
-		this.boundProperties = boundProperties;
-		this.targetNodeId = "";
-	}
-	bind(controller) {
-		const targetElement = controller.targets[this.targetNodeId];
-		new HostSemanticsBehavior(targetElement, {
-			boundProperties: this.boundProperties,
-			forwardedProperties: new Set(ariaMixinProperties.filter((p) => !(p in this.boundProperties)))
-		}).bind(controller);
-	}
-};
-HTMLDirective.define(HostSemanticsDirective);
+/**
+* Directive to set ARIA properties to the host element.
+* This is not technically necessary but allows us to change aria handling for host semantics later.
+*/
 function applyHostSemantics(boundProperties = {}) {
-	return new HostSemanticsDirective(boundProperties);
+	return new AriaBindingDirective({
+		boundProperties,
+		forwardedProperties: /* @__PURE__ */ new Set(),
+		requireHost: true
+	});
 }
 /**
 * Mixin for components that place semantics on the host element.

package/unbundled/mixins.js

@@ -1,4 +1,4 @@
-import { o as defineVividComponent, t as VividElement } from "./vivid-element.js";
+import { s as defineVividComponent, t as VividElement } from "./vivid-element.js";
 import { n as visuallyHiddenDefinition } from "./definition.js";
 import { r as Icon, t as iconDefinition } from "./definition2.js";
 import { t as __decorate } from "./decorate.js";

package/unbundled/numberConverter.cjs

@@ -0,0 +1,91 @@
+//#region src/shared/icon/icon-placeholder.ts
+var PLACEHOLDER_ICON = `<svg width="80%" height="80%" viewBox="0 0 64 64">
+    <g>
+        <g stroke-width="6" stroke-linecap="round" fill="none">
+            <path stroke="currentColor" d="M4,32 c0,15,12,28,28,28c8,0,16-4,21-9">
+            </path>
+            <path d="M60,32 C60,16,47.464,4,32,4S4,16,4,32">
+            </path>
+            <animateTransform values="0,32,32;360,32,32" attributeName="transform" type="rotate" repeatCount="indefinite" dur="750ms">
+            </animateTransform>
+        </g>
+    </g>
+</svg>`;
+//#endregion
+//#region ../icons/dist/index.mjs
+var version = "4.10.0";
+var ICONS_BASE_URL = "https://icon.resources.vonage.com";
+var ICONS_VERSION = version;
+`${ICONS_BASE_URL}${ICONS_VERSION}`;
+//#endregion
+//#region src/shared/icon/utils.ts
+var baseUrlTemplate = (resource, version) => [
+	ICONS_BASE_URL,
+	`v${version}`,
+	resource
+].join("/");
+var assertIsValidResponse = ({ ok, headers }) => {
+	if (!ok || headers.get("content-type") !== "image/svg+xml") throw new Error("Something went wrong");
+};
+var extractSvg = (response) => {
+	assertIsValidResponse(response);
+	return response.text();
+};
+var loadSvg = (iconId, signal) => fetch(baseUrlTemplate(`${iconId}.svg`, ICONS_VERSION), { signal }).then(extractSvg);
+var normalizeKey = (iconId) => (iconId ?? "").trim();
+var iconCache = /* @__PURE__ */ new Map();
+var resolveIcon = (iconId, signal) => {
+	const key = normalizeKey(iconId);
+	if (!key) return Promise.resolve("");
+	const cached = iconCache.get(key);
+	if (cached && !cached.signal?.aborted) return cached.promise;
+	const promise = loadSvg(key, signal).then((svg) => {
+		const entry = iconCache.get(key);
+		if (entry && entry.promise === promise && signal.aborted) {
+			iconCache.delete(key);
+			throw signal.reason ?? new DOMException("Aborted", "AbortError");
+		}
+		return svg;
+	}).catch((err) => {
+		const entry = iconCache.get(key);
+		if (entry && entry.promise === promise) iconCache.delete(key);
+		throw err;
+	});
+	iconCache.set(key, {
+		promise,
+		signal
+	});
+	return promise;
+};
+//#endregion
+//#region src/shared/utils/numberConverter.ts
+var numberConverter = {
+	toView(value) {
+		if (value === void 0) return null;
+		return value.toString();
+	},
+	fromView(value) {
+		if (typeof value === "string") value = parseFloat(value.toString());
+		if (typeof value !== "number") return;
+		return isNaN(value) || !isFinite(value) ? void 0 : value;
+	}
+};
+//#endregion
+Object.defineProperty(exports, "PLACEHOLDER_ICON", {
+	enumerable: true,
+	get: function() {
+		return PLACEHOLDER_ICON;
+	}
+});
+Object.defineProperty(exports, "numberConverter", {
+	enumerable: true,
+	get: function() {
+		return numberConverter;
+	}
+});
+Object.defineProperty(exports, "resolveIcon", {
+	enumerable: true,
+	get: function() {
+		return resolveIcon;
+	}
+});

package/unbundled/numberConverter.js

@@ -0,0 +1,74 @@
+//#region src/shared/icon/icon-placeholder.ts
+var PLACEHOLDER_ICON = `<svg width="80%" height="80%" viewBox="0 0 64 64">
+    <g>
+        <g stroke-width="6" stroke-linecap="round" fill="none">
+            <path stroke="currentColor" d="M4,32 c0,15,12,28,28,28c8,0,16-4,21-9">
+            </path>
+            <path d="M60,32 C60,16,47.464,4,32,4S4,16,4,32">
+            </path>
+            <animateTransform values="0,32,32;360,32,32" attributeName="transform" type="rotate" repeatCount="indefinite" dur="750ms">
+            </animateTransform>
+        </g>
+    </g>
+</svg>`;
+//#endregion
+//#region ../icons/dist/index.mjs
+var version = "4.10.0";
+var ICONS_BASE_URL = "https://icon.resources.vonage.com";
+var ICONS_VERSION = version;
+`${ICONS_BASE_URL}${ICONS_VERSION}`;
+//#endregion
+//#region src/shared/icon/utils.ts
+var baseUrlTemplate = (resource, version) => [
+	ICONS_BASE_URL,
+	`v${version}`,
+	resource
+].join("/");
+var assertIsValidResponse = ({ ok, headers }) => {
+	if (!ok || headers.get("content-type") !== "image/svg+xml") throw new Error("Something went wrong");
+};
+var extractSvg = (response) => {
+	assertIsValidResponse(response);
+	return response.text();
+};
+var loadSvg = (iconId, signal) => fetch(baseUrlTemplate(`${iconId}.svg`, ICONS_VERSION), { signal }).then(extractSvg);
+var normalizeKey = (iconId) => (iconId ?? "").trim();
+var iconCache = /* @__PURE__ */ new Map();
+var resolveIcon = (iconId, signal) => {
+	const key = normalizeKey(iconId);
+	if (!key) return Promise.resolve("");
+	const cached = iconCache.get(key);
+	if (cached && !cached.signal?.aborted) return cached.promise;
+	const promise = loadSvg(key, signal).then((svg) => {
+		const entry = iconCache.get(key);
+		if (entry && entry.promise === promise && signal.aborted) {
+			iconCache.delete(key);
+			throw signal.reason ?? new DOMException("Aborted", "AbortError");
+		}
+		return svg;
+	}).catch((err) => {
+		const entry = iconCache.get(key);
+		if (entry && entry.promise === promise) iconCache.delete(key);
+		throw err;
+	});
+	iconCache.set(key, {
+		promise,
+		signal
+	});
+	return promise;
+};
+//#endregion
+//#region src/shared/utils/numberConverter.ts
+var numberConverter = {
+	toView(value) {
+		if (value === void 0) return null;
+		return value.toString();
+	},
+	fromView(value) {
+		if (typeof value === "string") value = parseFloat(value.toString());
+		if (typeof value !== "number") return;
+		return isNaN(value) || !isFinite(value) ? void 0 : value;
+	}
+};
+//#endregion
+export { resolveIcon as n, PLACEHOLDER_ICON as r, numberConverter as t };