@vonage/vivid 5.18.0 → 5.20.0

package/unbundled/definition14.cjs

@@ -131,8 +131,8 @@ var AudioPlayer = class extends require_localized.Localized(require_vivid_elemen
 	get #sliderEl() {
 		return this.shadowRoot.querySelector(".slider");
 	}
-	#playerEl = new Audio();
-	#isProgrammaticSliderUpdate = false;
+	#playerEl;
+	#isProgrammaticSliderUpdate;
 	constructor() {
 		super();
 		this.playButtonAriaLabel = null;
@@ -143,7 +143,65 @@ var AudioPlayer = class extends require_localized.Localized(require_vivid_elemen
 		this.disabled = false;
 		this.notime = false;
 		this.playbackRates = null;
+		this.#playerEl = new Audio();
+		this.#isProgrammaticSliderUpdate = false;
 		this.durationFallback = false;
+		this.#onPlay = () => {
+			if (!this.#sliderEl?.isDragging) this.$emit("play", void 0, { bubbles: false });
+		};
+		this.#onPause = () => {
+			if (!this.#sliderEl?.isDragging) this.$emit("pause", void 0, { bubbles: false });
+		};
+		this.#pausedChanged = (pausing) => {
+			if (pausing === this.paused) {
+				this.#setPausedState();
+				return;
+			}
+			if (!this.paused) this.#playerEl.pause();
+			else {
+				this.#updateProgress();
+				this.#playerEl.play();
+			}
+			this.#setPausedState();
+		};
+		this.#updateProgress = () => {
+			_microsoft_fast_element.Observable.notify(this, "currentTime");
+			const duration = this.duration;
+			const currentTime = this.currentTime;
+			const isValid = Number.isFinite(duration) && duration > 0 && Number.isFinite(currentTime) && currentTime >= 0;
+			const percent = isValid ? currentTime / duration * 100 : 0;
+			/* v8 ignore else -- @preserve */
+			if (this.#sliderEl) {
+				this.#isProgrammaticSliderUpdate = true;
+				this.#sliderEl.value = percent.toString();
+				this.#isProgrammaticSliderUpdate = false;
+			}
+			if (isValid && percent === 100) this.pause();
+		};
+		this.#updateTotalTime = () => {
+			_microsoft_fast_element.Observable.notify(this, "duration");
+			if (!Number.isFinite(this.#playerEl.duration) || this.#playerEl.duration <= 0) {
+				if (this.durationFallback) this.#fetchAndCacheAudioBuffer();
+			}
+		};
+		this.#updateCurrentTimeOnSliderChange = () => {
+			if (!this.paused && this.#sliderEl.isDragging) {
+				this.pause();
+				this.#dragInterval = window.setInterval(() => {
+					/* v8 ignore else -- @preserve */
+					if (!this.#sliderEl.isDragging || !this.isConnected) {
+						clearInterval(this.#dragInterval);
+						if (this.isConnected) this.play();
+					}
+				}, 0);
+			}
+			if (this.#isProgrammaticSliderUpdate) return;
+			/* v8 ignore else -- @preserve */
+			if (this.#playerEl) this.currentTime = this.duration * Number(this.#sliderEl.value) / 100;
+		};
+		this.#setPausedState = () => {
+			_microsoft_fast_element.Observable.notify(this, "paused");
+		};
 	}
 	connectedCallback() {
 		super.connectedCallback();
@@ -172,68 +230,19 @@ var AudioPlayer = class extends require_localized.Localized(require_vivid_elemen
 	pause() {
 		this.#pausedChanged(PAUSE);
 	}
-	#onPlay = () => {
-		if (!this.#sliderEl?.isDragging) this.$emit("play", void 0, { bubbles: false });
-	};
-	#onPause = () => {
-		if (!this.#sliderEl?.isDragging) this.$emit("pause", void 0, { bubbles: false });
-	};
+	#onPlay;
+	#onPause;
 	#setSliderInteractionListeners(add = true) {
 		const action = add ? "addEventListener" : "removeEventListener";
 		/* v8 ignore else -- @preserve */
 		if (this.#sliderEl) this.#sliderEl[action]("change", this.#updateCurrentTimeOnSliderChange);
 	}
-	#pausedChanged = (pausing) => {
-		if (pausing === this.paused) {
-			this.#setPausedState();
-			return;
-		}
-		if (!this.paused) this.#playerEl.pause();
-		else {
-			this.#updateProgress();
-			this.#playerEl.play();
-		}
-		this.#setPausedState();
-	};
-	#updateProgress = () => {
-		_microsoft_fast_element.Observable.notify(this, "currentTime");
-		const duration = this.duration;
-		const currentTime = this.currentTime;
-		const isValid = Number.isFinite(duration) && duration > 0 && Number.isFinite(currentTime) && currentTime >= 0;
-		const percent = isValid ? currentTime / duration * 100 : 0;
-		/* v8 ignore else -- @preserve */
-		if (this.#sliderEl) {
-			this.#isProgrammaticSliderUpdate = true;
-			this.#sliderEl.value = percent.toString();
-			this.#isProgrammaticSliderUpdate = false;
-		}
-		if (isValid && percent === 100) this.pause();
-	};
-	#updateTotalTime = () => {
-		_microsoft_fast_element.Observable.notify(this, "duration");
-		if (!Number.isFinite(this.#playerEl.duration) || this.#playerEl.duration <= 0) {
-			if (this.durationFallback) this.#fetchAndCacheAudioBuffer();
-		}
-	};
+	#pausedChanged;
+	#updateProgress;
+	#updateTotalTime;
 	#dragInterval;
-	#updateCurrentTimeOnSliderChange = () => {
-		if (!this.paused && this.#sliderEl.isDragging) {
-			this.pause();
-			this.#dragInterval = window.setInterval(() => {
-				/* v8 ignore else -- @preserve */
-				if (!this.#sliderEl.isDragging || !this.isConnected) {
-					clearInterval(this.#dragInterval);
-					if (this.isConnected) this.play();
-				}
-			}, 0);
-		}
-		if (this.#isProgrammaticSliderUpdate) return;
-		/* v8 ignore else -- @preserve */
-		if (this.#playerEl) this.currentTime = this.duration * Number(this.#sliderEl.value) / 100;
-	};
-	#setPausedState = () => {
-		_microsoft_fast_element.Observable.notify(this, "paused");
-	};
+	#updateCurrentTimeOnSliderChange;
+	#setPausedState;
 	/**
 	* Skips the current time by the skipBy value
 	*

package/unbundled/definition14.js

@@ -1,4 +1,4 @@
-import { o as defineVividComponent, s as createRegisterFunction, t as VividElement } from "./vivid-element.js";
+import { d as createRegisterFunction, t as VividElement, u as defineVividComponent } from "./vivid-element.js";
 import { t as __decorate } from "./decorate.js";
 import { t as Localized } from "./localized.js";
 import { i as Button, t as buttonDefinition } from "./definition7.js";
@@ -130,8 +130,8 @@ var AudioPlayer = class extends Localized(VividElement) {
 	get #sliderEl() {
 		return this.shadowRoot.querySelector(".slider");
 	}
-	#playerEl = new Audio();
-	#isProgrammaticSliderUpdate = false;
+	#playerEl;
+	#isProgrammaticSliderUpdate;
 	constructor() {
 		super();
 		this.playButtonAriaLabel = null;
@@ -142,7 +142,65 @@ var AudioPlayer = class extends Localized(VividElement) {
 		this.disabled = false;
 		this.notime = false;
 		this.playbackRates = null;
+		this.#playerEl = new Audio();
+		this.#isProgrammaticSliderUpdate = false;
 		this.durationFallback = false;
+		this.#onPlay = () => {
+			if (!this.#sliderEl?.isDragging) this.$emit("play", void 0, { bubbles: false });
+		};
+		this.#onPause = () => {
+			if (!this.#sliderEl?.isDragging) this.$emit("pause", void 0, { bubbles: false });
+		};
+		this.#pausedChanged = (pausing) => {
+			if (pausing === this.paused) {
+				this.#setPausedState();
+				return;
+			}
+			if (!this.paused) this.#playerEl.pause();
+			else {
+				this.#updateProgress();
+				this.#playerEl.play();
+			}
+			this.#setPausedState();
+		};
+		this.#updateProgress = () => {
+			Observable.notify(this, "currentTime");
+			const duration = this.duration;
+			const currentTime = this.currentTime;
+			const isValid = Number.isFinite(duration) && duration > 0 && Number.isFinite(currentTime) && currentTime >= 0;
+			const percent = isValid ? currentTime / duration * 100 : 0;
+			/* v8 ignore else -- @preserve */
+			if (this.#sliderEl) {
+				this.#isProgrammaticSliderUpdate = true;
+				this.#sliderEl.value = percent.toString();
+				this.#isProgrammaticSliderUpdate = false;
+			}
+			if (isValid && percent === 100) this.pause();
+		};
+		this.#updateTotalTime = () => {
+			Observable.notify(this, "duration");
+			if (!Number.isFinite(this.#playerEl.duration) || this.#playerEl.duration <= 0) {
+				if (this.durationFallback) this.#fetchAndCacheAudioBuffer();
+			}
+		};
+		this.#updateCurrentTimeOnSliderChange = () => {
+			if (!this.paused && this.#sliderEl.isDragging) {
+				this.pause();
+				this.#dragInterval = window.setInterval(() => {
+					/* v8 ignore else -- @preserve */
+					if (!this.#sliderEl.isDragging || !this.isConnected) {
+						clearInterval(this.#dragInterval);
+						if (this.isConnected) this.play();
+					}
+				}, 0);
+			}
+			if (this.#isProgrammaticSliderUpdate) return;
+			/* v8 ignore else -- @preserve */
+			if (this.#playerEl) this.currentTime = this.duration * Number(this.#sliderEl.value) / 100;
+		};
+		this.#setPausedState = () => {
+			Observable.notify(this, "paused");
+		};
 	}
 	connectedCallback() {
 		super.connectedCallback();
@@ -171,68 +229,19 @@ var AudioPlayer = class extends Localized(VividElement) {
 	pause() {
 		this.#pausedChanged(PAUSE);
 	}
-	#onPlay = () => {
-		if (!this.#sliderEl?.isDragging) this.$emit("play", void 0, { bubbles: false });
-	};
-	#onPause = () => {
-		if (!this.#sliderEl?.isDragging) this.$emit("pause", void 0, { bubbles: false });
-	};
+	#onPlay;
+	#onPause;
 	#setSliderInteractionListeners(add = true) {
 		const action = add ? "addEventListener" : "removeEventListener";
 		/* v8 ignore else -- @preserve */
 		if (this.#sliderEl) this.#sliderEl[action]("change", this.#updateCurrentTimeOnSliderChange);
 	}
-	#pausedChanged = (pausing) => {
-		if (pausing === this.paused) {
-			this.#setPausedState();
-			return;
-		}
-		if (!this.paused) this.#playerEl.pause();
-		else {
-			this.#updateProgress();
-			this.#playerEl.play();
-		}
-		this.#setPausedState();
-	};
-	#updateProgress = () => {
-		Observable.notify(this, "currentTime");
-		const duration = this.duration;
-		const currentTime = this.currentTime;
-		const isValid = Number.isFinite(duration) && duration > 0 && Number.isFinite(currentTime) && currentTime >= 0;
-		const percent = isValid ? currentTime / duration * 100 : 0;
-		/* v8 ignore else -- @preserve */
-		if (this.#sliderEl) {
-			this.#isProgrammaticSliderUpdate = true;
-			this.#sliderEl.value = percent.toString();
-			this.#isProgrammaticSliderUpdate = false;
-		}
-		if (isValid && percent === 100) this.pause();
-	};
-	#updateTotalTime = () => {
-		Observable.notify(this, "duration");
-		if (!Number.isFinite(this.#playerEl.duration) || this.#playerEl.duration <= 0) {
-			if (this.durationFallback) this.#fetchAndCacheAudioBuffer();
-		}
-	};
+	#pausedChanged;
+	#updateProgress;
+	#updateTotalTime;
 	#dragInterval;
-	#updateCurrentTimeOnSliderChange = () => {
-		if (!this.paused && this.#sliderEl.isDragging) {
-			this.pause();
-			this.#dragInterval = window.setInterval(() => {
-				/* v8 ignore else -- @preserve */
-				if (!this.#sliderEl.isDragging || !this.isConnected) {
-					clearInterval(this.#dragInterval);
-					if (this.isConnected) this.play();
-				}
-			}, 0);
-		}
-		if (this.#isProgrammaticSliderUpdate) return;
-		/* v8 ignore else -- @preserve */
-		if (this.#playerEl) this.currentTime = this.duration * Number(this.#sliderEl.value) / 100;
-	};
-	#setPausedState = () => {
-		Observable.notify(this, "paused");
-	};
+	#updateCurrentTimeOnSliderChange;
+	#setPausedState;
 	/**
 	* Skips the current time by the skipBy value
 	*

package/unbundled/definition15.cjs

@@ -1,6 +1,6 @@
 require("./chunk.cjs");
 const require_vivid_element = require("./vivid-element.cjs");
-const require_definition = require("./definition2.cjs");
+const require_definition = require("./definition.cjs");
 const require_decorate = require("./decorate.cjs");
 const require_delegates_aria = require("./delegates-aria.cjs");
 const require_linkable = require("./linkable.cjs");

package/unbundled/definition15.js

@@ -1,5 +1,5 @@
-import { o as defineVividComponent, s as createRegisterFunction, t as VividElement } from "./vivid-element.js";
-import { r as Icon, t as iconDefinition } from "./definition2.js";
+import { d as createRegisterFunction, t as VividElement, u as defineVividComponent } from "./vivid-element.js";
+import { r as Icon, t as iconDefinition } from "./definition.js";
 import { t as __decorate } from "./decorate.js";
 import { n as delegateAria } from "./delegates-aria.js";
 import { t as Linkable } from "./linkable.js";

package/unbundled/definition16.cjs

@@ -1,6 +1,6 @@
 require("./chunk.cjs");
 const require_vivid_element = require("./vivid-element.cjs");
-const require_definition = require("./definition2.cjs");
+const require_definition = require("./definition.cjs");
 const require_decorate = require("./decorate.cjs");
 const require_affix = require("./affix.cjs");
 let _microsoft_fast_element = require("@microsoft/fast-element");

package/unbundled/definition16.js

@@ -1,5 +1,5 @@
-import { o as defineVividComponent, s as createRegisterFunction, t as VividElement } from "./vivid-element.js";
-import { t as iconDefinition } from "./definition2.js";
+import { d as createRegisterFunction, t as VividElement, u as defineVividComponent } from "./vivid-element.js";
+import { t as iconDefinition } from "./definition.js";
 import { t as __decorate } from "./decorate.js";
 import { a as affixIconTemplateFactory, i as IconWrapper, n as AffixIconWithTrailing } from "./affix.js";
 import { attr, html, when } from "@microsoft/fast-element";

package/unbundled/definition17.cjs

@@ -1,6 +1,6 @@
 require("./chunk.cjs");
 const require_vivid_element = require("./vivid-element.cjs");
-const require_definition = require("./definition2.cjs");
+const require_definition = require("./definition.cjs");
 const require_decorate = require("./decorate.cjs");
 const require_affix = require("./affix.cjs");
 const require_delegates_aria = require("./delegates-aria.cjs");
@@ -35,6 +35,14 @@ var Banner = class extends require_affix.AffixIcon(require_localized.Localized(r
 		super(..._args);
 		this.dismissButtonAriaLabel = null;
 		this.removable = false;
+		this.#handleRemoveEnd = () => {
+			this.$emit("removed");
+			this.parentElement && this.parentElement.removeChild(this);
+		};
+		this.#closeOnKeyDown = (e) => {
+			if (e.key !== "Escape" || !this.removable) return;
+			this.remove();
+		};
 	}
 	get conditionedIcon() {
 		return this.icon ?? getConnotationIcon(this.connotation);
@@ -53,14 +61,8 @@ var Banner = class extends require_affix.AffixIcon(require_localized.Localized(r
 		banner?.classList.add("removing");
 		banner?.addEventListener("transitionend", this.#handleRemoveEnd);
 	}
-	#handleRemoveEnd = () => {
-		this.$emit("removed");
-		this.parentElement && this.parentElement.removeChild(this);
-	};
-	#closeOnKeyDown = (e) => {
-		if (e.key !== "Escape" || !this.removable) return;
-		this.remove();
-	};
+	#handleRemoveEnd;
+	#closeOnKeyDown;
 };
 require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ attribute: "dismiss-aria-label" })], Banner.prototype, "dismissButtonAriaLabel", void 0);
 require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ mode: "boolean" })], Banner.prototype, "removable", void 0);

package/unbundled/definition17.js

@@ -1,5 +1,5 @@
-import { o as defineVividComponent, s as createRegisterFunction, t as VividElement } from "./vivid-element.js";
-import { t as iconDefinition } from "./definition2.js";
+import { d as createRegisterFunction, t as VividElement, u as defineVividComponent } from "./vivid-element.js";
+import { t as iconDefinition } from "./definition.js";
 import { t as __decorate } from "./decorate.js";
 import { a as affixIconTemplateFactory, i as IconWrapper, r as IconAriaHidden, t as AffixIcon } from "./affix.js";
 import { n as delegateAria, t as DelegatesAria } from "./delegates-aria.js";
@@ -34,6 +34,14 @@ var Banner = class extends AffixIcon(Localized(DelegatesAria(VividElement))) {
 		super(..._args);
 		this.dismissButtonAriaLabel = null;
 		this.removable = false;
+		this.#handleRemoveEnd = () => {
+			this.$emit("removed");
+			this.parentElement && this.parentElement.removeChild(this);
+		};
+		this.#closeOnKeyDown = (e) => {
+			if (e.key !== "Escape" || !this.removable) return;
+			this.remove();
+		};
 	}
 	get conditionedIcon() {
 		return this.icon ?? getConnotationIcon(this.connotation);
@@ -52,14 +60,8 @@ var Banner = class extends AffixIcon(Localized(DelegatesAria(VividElement))) {
 		banner?.classList.add("removing");
 		banner?.addEventListener("transitionend", this.#handleRemoveEnd);
 	}
-	#handleRemoveEnd = () => {
-		this.$emit("removed");
-		this.parentElement && this.parentElement.removeChild(this);
-	};
-	#closeOnKeyDown = (e) => {
-		if (e.key !== "Escape" || !this.removable) return;
-		this.remove();
-	};
+	#handleRemoveEnd;
+	#closeOnKeyDown;
 };
 __decorate([attr({ attribute: "dismiss-aria-label" })], Banner.prototype, "dismissButtonAriaLabel", void 0);
 __decorate([attr({ mode: "boolean" })], Banner.prototype, "removable", void 0);

package/unbundled/definition18.cjs

@@ -1,6 +1,6 @@
 require("./chunk.cjs");
 const require_vivid_element = require("./vivid-element.cjs");
-const require_definition = require("./definition2.cjs");
+const require_definition = require("./definition.cjs");
 const require_breadcrumb_item = require("./breadcrumb-item.cjs");
 let _microsoft_fast_element = require("@microsoft/fast-element");
 let _microsoft_fast_web_utilities = require("@microsoft/fast-web-utilities");

package/unbundled/definition18.js

@@ -1,5 +1,5 @@
-import { o as defineVividComponent, s as createRegisterFunction } from "./vivid-element.js";
-import { r as Icon, t as iconDefinition } from "./definition2.js";
+import { d as createRegisterFunction, u as defineVividComponent } from "./vivid-element.js";
+import { r as Icon, t as iconDefinition } from "./definition.js";
 import { t as BreadcrumbItem } from "./breadcrumb-item.js";
 import { html, when } from "@microsoft/fast-element";
 import { classNames } from "@microsoft/fast-web-utilities";

package/unbundled/definition19.js

@@ -1,4 +1,4 @@
-import { o as defineVividComponent, s as createRegisterFunction, t as VividElement } from "./vivid-element.js";
+import { d as createRegisterFunction, t as VividElement, u as defineVividComponent } from "./vivid-element.js";
 import { t as __decorate } from "./decorate.js";
 import { n as delegateAria, t as DelegatesAria } from "./delegates-aria.js";
 import { t as BreadcrumbItem } from "./breadcrumb-item.js";