@vindral/web-sdk 4.6.0 → 4.7.0

package/{DbdwBdhd.js → Bo-fEHbb.js}

@@ -1,18 +1,18 @@
 import { n as e, t } from "./BsfwXDui.js";
 import { i as n, n as r, r as i, t as a } from "./DSw1XhvD.js";
-import { _ as o, b as s, g as c, i as l, r as ee, t as u, y as te } from "./DTs-C-0Z.js";
-import { t as d } from "./94-sTJd8.js";
-import { t as f } from "./BKeRxR4O.js";
+import { t as o } from "./D1kpe8tT.js";
+import { C as s, S as c, b as l, i as u, r as ee, t as d, y as f } from "./Ctk0PAlI.js";
+import { t as p } from "./Tj9xPXja.js";
 //#region \0rolldown/runtime.js
-var p = Object.defineProperty, m = (e, t) => {
+var m = Object.defineProperty, h = (e, t) => {
 	let n = {};
-	for (var r in e) p(n, r, {
+	for (var r in e) m(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || p(n, Symbol.toStringTag, { value: "Module" }), n;
-}, h, ne = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path d=\"m8 2 1.88 1.88\"/>\n  <path d=\"M14.12 3.88 16 2\"/>\n  <path d=\"M9 7.13v-1a3.003 3.003 0 1 1 6 0v1\"/>\n  <path d=\"M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6\"/>\n  <path d=\"M12 20v-9\"/>\n  <path d=\"M6.53 9C4.6 8.8 3 7.1 3 5\"/>\n  <path d=\"M6 13H2\"/>\n  <path d=\"M3 21c0-2.1 1.7-3.9 3.8-4\"/>\n  <path d=\"M20.97 5c0 2.1-1.6 3.8-3.5 4\"/>\n  <path d=\"M22 13h-4\"/>\n  <path d=\"M17.2 17c2.1.1 3.8 1.9 3.8 4\"/>\n</svg>\n", g = document.createElement("template");
-g.innerHTML = `
+	return t || m(n, Symbol.toStringTag, { value: "Module" }), n;
+}, g, te = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path d=\"m8 2 1.88 1.88\"/>\n  <path d=\"M14.12 3.88 16 2\"/>\n  <path d=\"M9 7.13v-1a3.003 3.003 0 1 1 6 0v1\"/>\n  <path d=\"M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6\"/>\n  <path d=\"M12 20v-9\"/>\n  <path d=\"M6.53 9C4.6 8.8 3 7.1 3 5\"/>\n  <path d=\"M6 13H2\"/>\n  <path d=\"M3 21c0-2.1 1.7-3.9 3.8-4\"/>\n  <path d=\"M20.97 5c0 2.1-1.6 3.8-3.5 4\"/>\n  <path d=\"M22 13h-4\"/>\n  <path d=\"M17.2 17c2.1.1 3.8 1.9 3.8 4\"/>\n</svg>\n", _ = document.createElement("template");
+_.innerHTML = `
   <style>
     :host {
       display: var(--debug-button-display);
@@ -20,37 +20,34 @@ g.innerHTML = `
       justify-content: center;
     }
 
-    :host([${o.DEBUG_PANEL_OPEN}]) {
+    :host([${l.DEBUG_PANEL_OPEN}]) {
       background: rgba(255, 255, 255, 0.15);
     }
   </style>
 
   <span id="icon">
-    <slot name="icon">${ne}</slot>
+    <slot name="icon">${te}</slot>
   </span>
 `;
-var re = class extends l {
+var ne = class extends u {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(g.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(_.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", "Toggle debug panel");
 	}
-	attributeChangedCallback(e, t, n) {
-		t !== n && e === "disabled" && (n === null ? this.enable() : this.disable());
-	}
 	handleClick(e) {
-		this.dispatchEvent(new CustomEvent(c.TOGGLE_DEBUG_PANEL, {
+		this.dispatchEvent(new CustomEvent(f.TOGGLE_DEBUG_PANEL, {
 			bubbles: !0,
 			composed: !0
 		}));
 	}
 };
-h = re, e(re, "observedAttributes", [...ee(h, "observedAttributes", h), o.DEBUG_PANEL_OPEN]);
+g = ne, e(ne, "observedAttributes", [...ee(g, "observedAttributes", g), l.DEBUG_PANEL_OPEN]);
 //#endregion
 //#region ../../libs/player-next/src/components/DebugPanel.constants.ts
-var ie = "Adaptive around current target", _ = [
+var re = "Adaptive around current target", v = [
 	{
 		label: "Ultra-Low",
 		value: 200,
@@ -71,15 +68,15 @@ var ie = "Adaptive around current target", _ = [
 		value: 3e3,
 		description: "Maximum stability"
 	}
-], ae = (e) => e <= 350 ? _[0] : e <= 800 ? _[1] : e <= 2e3 ? _[2] : _[3], oe = "vindral:debug-panel-layout:v1", se = [
+], ie = (e) => e <= 350 ? v[0] : e <= 800 ? v[1] : e <= 2e3 ? v[2] : v[3], ae = "vindral:debug-panel-layout:v1", oe = [
 	"latency-section",
 	"quality-section",
 	"playback-section",
 	"network-section",
 	"stats-section",
 	"events-section"
-], ce = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path d=\"M18 6 6 18\"/>\n  <path d=\"m6 6 12 12\"/>\n</svg>\n", le = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path d=\"m9 18 6-6-6-6\"/>\n</svg>\n", ue = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path d=\"m15 18-6-6 6-6\"/>\n</svg>\n", de = document.createElement("template");
-de.innerHTML = `
+], se = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path d=\"M18 6 6 18\"/>\n  <path d=\"m6 6 12 12\"/>\n</svg>\n", ce = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path d=\"m9 18 6-6-6-6\"/>\n</svg>\n", le = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path d=\"m15 18-6-6 6-6\"/>\n</svg>\n", ue = document.createElement("template");
+ue.innerHTML = `
   <style>
     :host {
       --debug-overlay-controls-reserved-space: var(
@@ -106,7 +103,7 @@ de.innerHTML = `
       padding-bottom: env(safe-area-inset-bottom);
     }
 
-    :host([${o.DEBUG_PANEL_OPEN}]) {
+    :host([${l.DEBUG_PANEL_OPEN}]) {
       display: block;
     }
 
@@ -818,8 +815,8 @@ de.innerHTML = `
         </button>
       </div>
     </div>
-    <button class="scroll-tabs-btn" type="button" aria-label="Scroll tabs">${le}</button>
-    <button class="close-btn" type="button" aria-label="Close debug panel">${ce}</button>
+    <button class="scroll-tabs-btn" type="button" aria-label="Scroll tabs">${ce}</button>
+    <button class="close-btn" type="button" aria-label="Close debug panel">${se}</button>
   </div>
 
   <!-- Latency Section -->
@@ -1020,9 +1017,9 @@ de.innerHTML = `
     </div>
   </div>
 `;
-var fe = de, v = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), pe = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakSet(), me = /* @__PURE__ */ new WeakMap(), he = /* @__PURE__ */ new WeakMap(), ge = /* @__PURE__ */ new WeakMap(), _e = /* @__PURE__ */ new WeakMap(), ve = /* @__PURE__ */ new WeakMap(), ye = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakMap(), xe = class extends HTMLElement {
+var de = ue, y = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakSet(), me = /* @__PURE__ */ new WeakMap(), he = /* @__PURE__ */ new WeakMap(), ge = /* @__PURE__ */ new WeakMap(), _e = /* @__PURE__ */ new WeakMap(), ve = /* @__PURE__ */ new WeakMap(), ye = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakMap(), xe = class extends HTMLElement {
 	constructor() {
-		super(), d(this, G), n(this, v, null), n(this, y, []), n(this, b, 2 ** 53 - 1), n(this, x, !0), n(this, S, !0), n(this, C, null), n(this, w, 1500), n(this, T, 0), n(this, E, null), n(this, D, !1), n(this, O, []), n(this, k, 0), n(this, A, !1), n(this, j, null), n(this, M, /* @__PURE__ */ new Map()), n(this, N, []), n(this, pe, []), n(this, P, []), n(this, F, []), n(this, I, null), n(this, L, null), n(this, R, null), n(this, z, null), n(this, B, null), n(this, V, !1), n(this, H, null), n(this, U, null), n(this, W, null), n(this, me, (e) => {
+		super(), p(this, G), n(this, y, null), n(this, b, []), n(this, x, 2 ** 53 - 1), n(this, S, !0), n(this, C, !0), n(this, w, null), n(this, T, 1500), n(this, E, 0), n(this, D, null), n(this, O, !1), n(this, k, []), n(this, A, 0), n(this, j, !1), n(this, M, null), n(this, N, /* @__PURE__ */ new Map()), n(this, P, []), n(this, F, []), n(this, fe, []), n(this, pe, []), n(this, I, null), n(this, L, null), n(this, R, null), n(this, z, null), n(this, B, null), n(this, V, !1), n(this, H, null), n(this, U, null), n(this, W, null), n(this, me, (e) => {
 			let t = e === "disconnected" ? "warn" : "info";
 			i(G, this, $).call(this, "Connection", `State: ${e}`, t);
 		}), n(this, he, (e) => {
@@ -1042,57 +1039,57 @@ var fe = de, v = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(
 			i(G, this, $).call(this, "Connection", `Channel ${e ? "live" : "offline"}`);
 		}), n(this, be, (e) => {
 			let { key: t, ctrlKey: n, altKey: r, metaKey: i } = e;
-			n || r || i || t === "Escape" && (e.preventDefault(), e.stopPropagation(), this.dispatchEvent(new CustomEvent(c.TOGGLE_DEBUG_PANEL, {
+			n || r || i || t === "Escape" && (e.preventDefault(), e.stopPropagation(), this.dispatchEvent(new CustomEvent(f.TOGGLE_DEBUG_PANEL, {
 				bubbles: !0,
 				composed: !0
 			})));
-		}), this.attachShadow({ mode: "open" }).appendChild(fe.content.cloneNode(!0));
+		}), this.attachShadow({ mode: "open" }).appendChild(de.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		var e;
-		r(v, this, this.closest("vindral-controller")), (e = a(v, this)) == null || e.connectListener(this), this.tabIndex = -1, i(G, this, Te).call(this), i(G, this, Ee).call(this), i(G, this, De).call(this), i(G, this, ze).call(this), i(G, this, Ye).call(this), i(G, this, Ot).call(this), i(G, this, St).call(this), i(G, this, qe).call(this), this.setAttribute("data-density", "compact"), i(G, this, Me).call(this), i(G, this, Le).call(this), i(G, this, Re).call(this), i(G, this, Et).call(this), i(G, this, ot).call(this), this.addEventListener("keydown", a(be, this)), this.addEventListener("dblclick", (e) => e.stopPropagation());
+		r(y, this, this.closest("vindral-controller")), (e = a(y, this)) == null || e.connectListener(this), this.tabIndex = -1, i(G, this, Te).call(this), i(G, this, Ee).call(this), i(G, this, De).call(this), i(G, this, ze).call(this), i(G, this, Ye).call(this), i(G, this, Ot).call(this), i(G, this, St).call(this), i(G, this, qe).call(this), this.setAttribute("data-density", "compact"), i(G, this, Me).call(this), i(G, this, Le).call(this), i(G, this, Re).call(this), i(G, this, Et).call(this), i(G, this, ot).call(this), this.addEventListener("keydown", a(be, this)), this.addEventListener("dblclick", (e) => e.stopPropagation());
 	}
 	disconnectedCallback() {
 		var e;
-		(e = a(v, this)) == null || e.disconnectListener(this), this.removeEventListener("keydown", a(be, this)), i(G, this, it).call(this), i(G, this, st).call(this), i(G, this, Ie).call(this), a(M, this).clear();
+		(e = a(y, this)) == null || e.disconnectListener(this), this.removeEventListener("keydown", a(be, this)), i(G, this, it).call(this), i(G, this, st).call(this), i(G, this, Ie).call(this), a(N, this).clear();
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) switch (e) {
-			case o.DEBUG_PANEL_OPEN:
+			case l.DEBUG_PANEL_OPEN:
 				n === null ? i(G, this, it).call(this) : (i(G, this, rt).call(this), this.focus({ preventScroll: !0 }));
 				break;
-			case o.TARGET_BUFFER_TIME:
+			case l.TARGET_BUFFER_TIME:
 				if (n) {
 					let e = parseInt(n, 10);
-					Number.isNaN(e) || (e !== a(w, this) && i(G, this, $).call(this, "Latency", `Target buffer set to ${e}ms`), r(w, this, e), i(G, this, Z).call(this));
+					Number.isNaN(e) || (e !== a(T, this) && i(G, this, $).call(this, "Latency", `Target buffer set to ${e}ms`), r(T, this, e), i(G, this, Z).call(this));
 				}
 				break;
-			case o.DRIFT:
+			case l.DRIFT:
 				if (n) {
 					let e = parseFloat(n);
-					Number.isNaN(e) || (r(T, this, e), i(G, this, Je).call(this));
+					Number.isNaN(e) || (r(E, this, e), i(G, this, Je).call(this));
 				}
 				break;
-			case o.RENDITION_LEVELS:
+			case l.RENDITION_LEVELS:
 				if (n) try {
 					let e = JSON.parse(n);
-					Array.isArray(e) && (r(y, this, e), i(G, this, $e).call(this));
+					Array.isArray(e) && (r(b, this, e), i(G, this, $e).call(this));
 				} catch (e) {}
 				break;
-			case o.MAX_VIDEO_BITRATE:
-				r(b, this, n ? parseInt(n, 10) : 2 ** 53 - 1), Number.isNaN(a(b, this)) && r(b, this, 2 ** 53 - 1), i(G, this, tt).call(this);
+			case l.MAX_VIDEO_BITRATE:
+				r(x, this, n ? parseInt(n, 10) : 2 ** 53 - 1), Number.isNaN(a(x, this)) && r(x, this, 2 ** 53 - 1), i(G, this, tt).call(this);
 				break;
-			case o.ABR_ENABLED:
-				r(x, this, n !== null && n !== "false"), i(G, this, Ze).call(this), i(G, this, Qe).call(this);
+			case l.ABR_ENABLED:
+				r(S, this, n !== null && n !== "false"), i(G, this, Ze).call(this), i(G, this, Qe).call(this);
 				break;
-			case o.SIZE_BASED_RESOLUTION_CAP_ENABLED:
-				r(S, this, n !== null && n !== "false"), i(G, this, Qe).call(this);
+			case l.SIZE_BASED_RESOLUTION_CAP_ENABLED:
+				r(C, this, n !== null && n !== "false"), i(G, this, Qe).call(this);
 				break;
-			case o.RENDITION_LEVEL:
+			case l.RENDITION_LEVEL:
 				if (n) try {
-					var s;
-					let e = JSON.parse(n), t = a(C, this);
-					if (r(C, this, e), i(G, this, tt).call(this), t && (s = e.video) != null && s.width && e.video.height) {
+					var o;
+					let e = JSON.parse(n), t = a(w, this);
+					if (r(w, this, e), i(G, this, tt).call(this), t && (o = e.video) != null && o.width && e.video.height) {
 						let n = t.video ? `${t.video.width}x${t.video.height}` : "?", r = `${e.video.width}x${e.video.height}`;
 						n !== r && i(G, this, $).call(this, "Quality", `Switched: ${n} → ${r}`);
 					}
@@ -1103,16 +1100,16 @@ var fe = de, v = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(
 };
 function K(e) {
 	if (!this.shadowRoot) return null;
-	if (a(M, this).has(e)) return a(M, this).get(e);
+	if (a(N, this).has(e)) return a(N, this).get(e);
 	let t = this.shadowRoot.querySelector(e);
-	return a(M, this).set(e, t), t;
+	return a(N, this).set(e, t), t;
 }
 function q(e, t) {
 	!e || e.textContent === t || (e.textContent = t);
 }
 function Se() {
 	var e, t, n, i, o, s, c;
-	r(N, this, Array.from(((e = this.shadowRoot) == null ? void 0 : e.querySelectorAll("#latency-strip-target")) || [])), r(pe, this, Array.from(((t = this.shadowRoot) == null ? void 0 : t.querySelectorAll("#latency-strip-decrease")) || [])), r(P, this, Array.from(((n = this.shadowRoot) == null ? void 0 : n.querySelectorAll("#latency-strip-increase")) || [])), r(F, this, Array.from(((i = this.shadowRoot) == null ? void 0 : i.querySelectorAll(".preset-btn[data-value]")) || [])), r(I, this, ((o = this.shadowRoot) == null ? void 0 : o.querySelector(".preset-btn[data-mode=\"dynamic\"]")) || null), r(L, this, ((s = a(I, this)) == null ? void 0 : s.querySelector(".dynamic-subtitle")) || null), r(R, this, ((c = a(I, this)) == null ? void 0 : c.querySelector(".dynamic-value")) || null);
+	r(P, this, Array.from(((e = this.shadowRoot) == null ? void 0 : e.querySelectorAll("#latency-strip-target")) || [])), r(F, this, Array.from(((t = this.shadowRoot) == null ? void 0 : t.querySelectorAll("#latency-strip-decrease")) || [])), r(fe, this, Array.from(((n = this.shadowRoot) == null ? void 0 : n.querySelectorAll("#latency-strip-increase")) || [])), r(pe, this, Array.from(((i = this.shadowRoot) == null ? void 0 : i.querySelectorAll(".preset-btn[data-value]")) || [])), r(I, this, ((o = this.shadowRoot) == null ? void 0 : o.querySelector(".preset-btn[data-mode=\"dynamic\"]")) || null), r(L, this, ((s = a(I, this)) == null ? void 0 : s.querySelector(".dynamic-subtitle")) || null), r(R, this, ((c = a(I, this)) == null ? void 0 : c.querySelector(".dynamic-value")) || null);
 }
 function Ce(e) {
 	var t;
@@ -1120,13 +1117,13 @@ function Ce(e) {
 	return !!n && !n.hidden;
 }
 function we() {
-	let e = `${a(O, this).length} event${a(O, this).length === 1 ? "" : "s"}`;
-	i(G, this, q).call(this, a(B, this), e), i(G, this, J).call(this, "events-section", String(a(O, this).length));
+	let e = `${a(k, this).length} event${a(k, this).length === 1 ? "" : "s"}`;
+	i(G, this, q).call(this, a(B, this), e), i(G, this, J).call(this, "events-section", String(a(k, this).length));
 }
 function Te() {
 	let e = i(G, this, K).call(this, ".close-btn");
 	e == null || e.addEventListener("click", (e) => {
-		e.stopPropagation(), this.dispatchEvent(new CustomEvent(c.TOGGLE_DEBUG_PANEL, {
+		e.stopPropagation(), this.dispatchEvent(new CustomEvent(f.TOGGLE_DEBUG_PANEL, {
 			bubbles: !0,
 			composed: !0
 		}));
@@ -1156,7 +1153,7 @@ function De() {
 function Oe() {
 	if (!a(H, this) || !a(W, this) || !a(U, this)) return;
 	let { scrollLeft: e, scrollWidth: t, clientWidth: n } = a(W, this), r = t > n + 4, i = e + n >= t - 4;
-	a(H, this).setAttribute("data-visible", String(r)), a(H, this).innerHTML = i ? ue : le, a(U, this).toggleAttribute("data-can-scroll-right", r && !i);
+	a(H, this).setAttribute("data-visible", String(r)), a(H, this).innerHTML = i ? le : ce, a(U, this).toggleAttribute("data-can-scroll-right", r && !i);
 }
 function ke(e) {
 	let t = i(G, this, K).call(this, `.section#${e}`);
@@ -1168,7 +1165,7 @@ function Ae(e, t) {
 	let r = !n.hidden;
 	n.hidden = !t;
 	let o = i(G, this, K).call(this, `.section-tab[data-target="${e}"]`);
-	o && (o.setAttribute("data-active", String(t)), o.setAttribute("aria-pressed", String(t)), !a(D, this) && r !== t && i(G, this, Ie).call(this), e === "events-section" && t && a(V, this) && i(G, this, Et).call(this, !0), i(G, this, je).call(this));
+	o && (o.setAttribute("data-active", String(t)), o.setAttribute("aria-pressed", String(t)), !a(O, this) && r !== t && i(G, this, Ie).call(this), e === "events-section" && t && a(V, this) && i(G, this, Et).call(this, !0), i(G, this, je).call(this));
 }
 function je() {
 	this.toggleAttribute("data-collapsed", i(G, this, Ne).call(this).length === 0);
@@ -1189,7 +1186,7 @@ function J(e, t) {
 	r.getAttribute("aria-label") !== a && r.setAttribute("aria-label", a);
 }
 function Y(e) {
-	return se.includes(e);
+	return oe.includes(e);
 }
 function Ne() {
 	var e;
@@ -1207,12 +1204,12 @@ function Fe(e) {
 	Array.from(n.querySelectorAll(".section-tab[data-target]")).forEach((e) => {
 		let t = e.getAttribute("data-target");
 		t && i(G, this, Y).call(this, t) && r.set(t, e);
-	}), se.forEach((e) => {
+	}), oe.forEach((e) => {
 		var t;
 		let n = (t = this.shadowRoot) == null ? void 0 : t.querySelector(`.section#${e}`);
 		n && a.set(e, n);
 	});
-	let o = [...e, ...se.filter((t) => !e.includes(t))];
+	let o = [...e, ...oe.filter((t) => !e.includes(t))];
 	o.forEach((e) => {
 		let t = r.get(e);
 		t && n.appendChild(t);
@@ -1232,13 +1229,13 @@ function Ie() {
 		sectionOrder: i(G, this, Pe).call(this)
 	};
 	try {
-		sessionStorage.setItem(oe, JSON.stringify(e));
+		sessionStorage.setItem(ae, JSON.stringify(e));
 	} catch (e) {}
 }
 function Le() {
 	let e = null;
 	try {
-		e = sessionStorage.getItem(oe);
+		e = sessionStorage.getItem(ae);
 	} catch (e) {
 		return;
 	}
@@ -1251,50 +1248,50 @@ function Le() {
 	}
 	if (!t || typeof t != "object") return;
 	let n = Array.isArray(t.openSections) ? t.openSections.filter((e) => typeof e == "string" && i(G, this, Y).call(this, e)) : [], a = Array.isArray(t.sectionOrder) ? t.sectionOrder.filter((e) => typeof e == "string" && i(G, this, Y).call(this, e)) : [];
-	r(D, this, !0);
+	r(O, this, !0);
 	try {
 		if (a.length > 0 && i(G, this, Fe).call(this, a), Array.isArray(t.openSections)) {
 			let e = new Set(n);
-			se.forEach((t) => {
+			oe.forEach((t) => {
 				i(G, this, Ae).call(this, t, e.has(t));
 			});
 		}
 		i(G, this, Me).call(this);
 	} finally {
-		r(D, this, !1);
+		r(O, this, !1);
 	}
 	i(G, this, Ie).call(this);
 }
 function Re() {
-	i(G, this, J).call(this, "latency-section", "Drift -"), i(G, this, J).call(this, "quality-section", "Auto"), i(G, this, J).call(this, "playback-section", "Buffer -"), i(G, this, J).call(this, "network-section", "RTT -"), i(G, this, J).call(this, "stats-section", "Up -"), i(G, this, J).call(this, "events-section", `${a(O, this).length}`);
+	i(G, this, J).call(this, "latency-section", "Drift -"), i(G, this, J).call(this, "quality-section", "Auto"), i(G, this, J).call(this, "playback-section", "Buffer -"), i(G, this, J).call(this, "network-section", "RTT -"), i(G, this, J).call(this, "stats-section", "Up -"), i(G, this, J).call(this, "events-section", `${a(k, this).length}`);
 }
 function ze() {
-	i(G, this, Se).call(this), a(pe, this).forEach((e) => {
+	i(G, this, Se).call(this), a(F, this).forEach((e) => {
 		e.addEventListener("click", (e) => {
 			e.stopPropagation(), i(G, this, Ve).call(this, -i(G, this, Be).call(this, !1));
 		});
-	}), a(P, this).forEach((e) => {
+	}), a(fe, this).forEach((e) => {
 		e.addEventListener("click", (e) => {
 			e.stopPropagation(), i(G, this, Ve).call(this, i(G, this, Be).call(this, !0));
 		});
 	});
 }
 function Be(e) {
-	let t = a(w, this);
+	let t = a(T, this);
 	return e ? t >= 1e3 ? 250 : t >= 500 ? 100 : 50 : t > 1e3 ? 250 : t > 500 ? 100 : 50;
 }
 function Ve(e) {
-	let t = Math.max(50, Math.min(u, a(w, this) + e));
-	t !== a(w, this) && (r(w, this, t), i(G, this, He).call(this, t), i(G, this, X).call(this), i(G, this, Z).call(this));
+	let t = Math.max(50, Math.min(d, a(T, this) + e));
+	t !== a(T, this) && (r(T, this, t), i(G, this, He).call(this, t), i(G, this, Ue).call(this), i(G, this, Z).call(this));
 }
 function He(e) {
-	if (!a(v, this)) return;
-	let { isDynamic: t, minBuffer: n, maxBuffer: r } = i(G, this, Ue).call(this);
-	t && (e < n ? a(v, this).setAttribute("min-buffer-time", String(e)) : e > r && a(v, this).setAttribute("max-buffer-time", String(e)));
+	if (!a(y, this)) return;
+	let { isDynamic: t, minBuffer: n, maxBuffer: r } = i(G, this, X).call(this);
+	t && (e < n ? a(y, this).setAttribute("min-buffer-time", String(e)) : e > r && a(y, this).setAttribute("max-buffer-time", String(e)));
 }
-function Ue() {
+function X() {
 	var e, t;
-	let n = (e = a(v, this)) == null ? void 0 : e.getAttribute("min-buffer-time"), r = (t = a(v, this)) == null ? void 0 : t.getAttribute("max-buffer-time");
+	let n = (e = a(y, this)) == null ? void 0 : e.getAttribute("min-buffer-time"), r = (t = a(y, this)) == null ? void 0 : t.getAttribute("max-buffer-time");
 	if (!n || !r) return {
 		isDynamic: !1,
 		minBuffer: 0,
@@ -1311,36 +1308,36 @@ function Ue() {
 		maxBuffer: o
 	};
 }
-function X() {
-	this.dispatchEvent(new CustomEvent(c.SET_TARGET_BUFFER_TIME, {
+function Ue() {
+	this.dispatchEvent(new CustomEvent(f.SET_TARGET_BUFFER_TIME, {
 		bubbles: !0,
 		composed: !0,
-		detail: a(w, this)
+		detail: a(T, this)
 	}));
 }
 function We(e) {
-	if (i(G, this, Ue).call(this).isDynamic) {
+	if (i(G, this, X).call(this).isDynamic) {
 		i(G, this, Ke).call(this, e), i(G, this, Z).call(this);
 		return;
 	}
-	r(w, this, e), i(G, this, X).call(this), i(G, this, Z).call(this);
+	r(T, this, e), i(G, this, Ue).call(this), i(G, this, Z).call(this);
 }
 function Ge() {
-	if (i(G, this, Ue).call(this).isDynamic || !a(v, this)) return;
-	let e = Math.max(50, Math.min(u, a(w, this))), t = Math.max(50, e - 100), n = Math.min(u, e + 100);
-	t === n && n < 5e3 ? n = Math.min(u, n + 100) : t === n && t > 50 && (t = Math.max(50, t - 100)), a(v, this).setAttribute("min-buffer-time", String(t)), a(v, this).setAttribute("max-buffer-time", String(n)), i(G, this, X).call(this), i(G, this, Z).call(this);
+	if (i(G, this, X).call(this).isDynamic || !a(y, this)) return;
+	let e = Math.max(50, Math.min(d, a(T, this))), t = Math.max(50, e - 100), n = Math.min(d, e + 100);
+	t === n && n < 5e3 ? n = Math.min(d, n + 100) : t === n && t > 50 && (t = Math.max(50, t - 100)), a(y, this).setAttribute("min-buffer-time", String(t)), a(y, this).setAttribute("max-buffer-time", String(n)), i(G, this, Ue).call(this), i(G, this, Z).call(this);
 }
 function Ke(e) {
-	if (!a(v, this)) return;
-	let t = Math.max(50, Math.min(u, e));
-	r(w, this, t);
+	if (!a(y, this)) return;
+	let t = Math.max(50, Math.min(d, e));
+	r(T, this, t);
 	let n = String(t);
-	a(v, this).setAttribute("min-buffer-time", n), a(v, this).setAttribute("max-buffer-time", n), i(G, this, X).call(this);
+	a(y, this).setAttribute("min-buffer-time", n), a(y, this).setAttribute("max-buffer-time", n), i(G, this, Ue).call(this);
 }
 function qe() {
 	let e = i(G, this, K).call(this, "#latency-presets");
 	if (!e) return;
-	e.innerHTML = "", _.forEach((t) => {
+	e.innerHTML = "", v.forEach((t) => {
 		let n = document.createElement("button");
 		n.className = "preset-btn", n.type = "button", n.setAttribute("data-value", String(t.value)), n.setAttribute("aria-label", `${t.label} preset (${t.value}ms)`);
 		let r = document.createElement("span");
@@ -1364,39 +1361,39 @@ function qe() {
 	}), e.appendChild(t), i(G, this, Se).call(this), i(G, this, Z).call(this);
 }
 function Z() {
-	a(N, this).length === 0 && i(G, this, Se).call(this);
-	let { isDynamic: e, minBuffer: t, maxBuffer: n } = i(G, this, Ue).call(this);
-	if (a(N, this).forEach((e) => {
-		i(G, this, q).call(this, e, `${a(w, this)}ms`);
-	}), a(pe, this).forEach((e) => {
-		e.disabled = a(w, this) <= 50;
-	}), a(P, this).forEach((e) => {
-		e.disabled = a(w, this) >= u;
-	}), a(I, this) && a(I, this).setAttribute("data-active", String(e)), a(L, this) && i(G, this, q).call(this, a(L, this), e ? `${t}ms - ${n}ms` : ie), a(R, this) && i(G, this, q).call(this, a(R, this), e ? "range" : ""), a(F, this).length === 0) return;
+	a(P, this).length === 0 && i(G, this, Se).call(this);
+	let { isDynamic: e, minBuffer: t, maxBuffer: n } = i(G, this, X).call(this);
+	if (a(P, this).forEach((e) => {
+		i(G, this, q).call(this, e, `${a(T, this)}ms`);
+	}), a(F, this).forEach((e) => {
+		e.disabled = a(T, this) <= 50;
+	}), a(fe, this).forEach((e) => {
+		e.disabled = a(T, this) >= d;
+	}), a(I, this) && a(I, this).setAttribute("data-active", String(e)), a(L, this) && i(G, this, q).call(this, a(L, this), e ? `${t}ms - ${n}ms` : re), a(R, this) && i(G, this, q).call(this, a(R, this), e ? "range" : ""), a(pe, this).length === 0) return;
 	let r = null;
 	if (!e) {
-		let e = _.find((e) => e.value === a(w, this)), t = ae(a(w, this)), n = _.reduce((e, t) => Math.abs(t.value - a(w, this)) < Math.abs(e.value - a(w, this)) ? t : e);
+		let e = v.find((e) => e.value === a(T, this)), t = ie(a(T, this)), n = v.reduce((e, t) => Math.abs(t.value - a(T, this)) < Math.abs(e.value - a(T, this)) ? t : e);
 		r = e || t || n;
 	}
-	a(F, this).forEach((t) => {
+	a(pe, this).forEach((t) => {
 		let n = parseInt(t.getAttribute("data-value") || "0", 10), i = !e && (r == null ? void 0 : r.value) === n;
 		t.setAttribute("data-active", String(i));
 	});
 }
 function Je() {
-	let e = i(G, this, K).call(this, "#current-drift"), t = `${a(T, this).toFixed(1)}ms`;
+	let e = i(G, this, K).call(this, "#current-drift"), t = `${a(E, this).toFixed(1)}ms`;
 	if (e) {
 		i(G, this, q).call(this, e, t);
-		let n = Math.abs(a(T, this));
+		let n = Math.abs(a(E, this));
 		n > 200 ? e.setAttribute("data-status", "error") : n > 100 ? e.setAttribute("data-status", "warning") : e.setAttribute("data-status", "good");
 	}
-	let n = a(T, this) > 0 ? `+${t}` : t;
+	let n = a(E, this) > 0 ? `+${t}` : t;
 	i(G, this, J).call(this, "latency-section", `Drift ${n}`);
 }
 function Ye() {
 	let e = i(G, this, K).call(this, "#abr-auto-btn"), t = i(G, this, K).call(this, "#abr-fixed-btn");
 	e == null || e.addEventListener("click", (e) => {
-		e.stopPropagation(), r(x, this, !0), i(G, this, Ze).call(this), this.dispatchEvent(new CustomEvent(c.SET_ABR_MODE, {
+		e.stopPropagation(), r(S, this, !0), i(G, this, Ze).call(this), this.dispatchEvent(new CustomEvent(f.SET_ABR_MODE, {
 			bubbles: !0,
 			composed: !0,
 			detail: !0
@@ -1404,11 +1401,11 @@ function Ye() {
 	}), t == null || t.addEventListener("click", (e) => {
 		e.stopPropagation();
 		let t = i(G, this, Xe).call(this);
-		t && this.dispatchEvent(new CustomEvent(c.SET_RENDITION, {
+		t && this.dispatchEvent(new CustomEvent(f.SET_RENDITION, {
 			bubbles: !0,
 			composed: !0,
 			detail: t
-		})), r(x, this, !1), i(G, this, Ze).call(this), this.dispatchEvent(new CustomEvent(c.SET_ABR_MODE, {
+		})), r(S, this, !1), i(G, this, Ze).call(this), this.dispatchEvent(new CustomEvent(f.SET_ABR_MODE, {
 			bubbles: !0,
 			composed: !0,
 			detail: !1
@@ -1416,52 +1413,52 @@ function Ye() {
 	});
 	let n = i(G, this, K).call(this, "#size-cap-toggle");
 	n == null || n.addEventListener("click", (e) => {
-		e.stopPropagation(), r(S, this, !a(S, this)), i(G, this, Qe).call(this), this.dispatchEvent(new CustomEvent(c.SET_SIZE_BASED_RESOLUTION_CAP_MODE, {
+		e.stopPropagation(), r(C, this, !a(C, this)), i(G, this, Qe).call(this), this.dispatchEvent(new CustomEvent(f.SET_SIZE_BASED_RESOLUTION_CAP_MODE, {
 			bubbles: !0,
 			composed: !0,
-			detail: a(S, this)
-		})), i(G, this, $).call(this, "Quality", `Size cap: ${a(S, this) ? "On" : "Off"}`);
+			detail: a(C, this)
+		})), i(G, this, $).call(this, "Quality", `Size cap: ${a(C, this) ? "On" : "Off"}`);
 	});
 }
 function Xe() {
-	let e = [...a(y, this)].sort((e, t) => {
+	let e = [...a(b, this)].sort((e, t) => {
 		var n, r;
 		return (n = e.video) != null && n.bitRate && (r = t.video) != null && r.bitRate ? t.video.bitRate - e.video.bitRate : 0;
 	});
 	return e.find((e) => {
 		var t;
-		return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= a(b, this);
+		return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= a(x, this);
 	}) || e[e.length - 1] || null;
 }
 function Ze() {
 	let e = i(G, this, K).call(this, "#abr-auto-btn"), t = i(G, this, K).call(this, "#abr-fixed-btn"), n = i(G, this, K).call(this, "#quality-status-text");
-	e == null || e.setAttribute("data-active", String(a(x, this))), t == null || t.setAttribute("data-active", String(!a(x, this))), n && i(G, this, q).call(this, n, a(x, this) ? "Select maximum allowed quality" : "Select specific quality (may cause buffering)"), i(G, this, tt).call(this);
+	e == null || e.setAttribute("data-active", String(a(S, this))), t == null || t.setAttribute("data-active", String(!a(S, this))), n && i(G, this, q).call(this, n, a(S, this) ? "Select maximum allowed quality" : "Select specific quality (may cause buffering)"), i(G, this, tt).call(this);
 }
 function Qe() {
 	let e = i(G, this, K).call(this, "#size-cap-toggle");
-	e && (e.textContent = a(S, this) ? "On" : "Off", e.setAttribute("data-active", String(a(S, this))), e.disabled = !a(x, this));
+	e && (e.textContent = a(C, this) ? "On" : "Off", e.setAttribute("data-active", String(a(C, this))), e.disabled = !a(S, this));
 }
 function $e() {
 	var e;
 	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("#quality-menu");
-	t && (t.innerHTML = "", a(y, this).sort((e, t) => {
+	t && (t.innerHTML = "", a(b, this).sort((e, t) => {
 		var n, r;
 		return (n = e.video) != null && n.bitRate && (r = t.video) != null && r.bitRate ? t.video.bitRate - e.video.bitRate : 0;
 	}).forEach((e) => {
-		var n, r, a, o, l, ee, u;
+		var n, r, a, o, l, u, ee;
 		let d = document.createElement("button");
 		d.className = "quality-item", d.type = "button", d.setAttribute("data-id", String(((n = e.video) == null ? void 0 : n.id) || 0)), d.setAttribute("data-bitrate", String(((r = e.video) == null ? void 0 : r.bitRate) || 0)), d.setAttribute("aria-label", e.video ? `Set quality to ${s(e.video)}` : "Set quality");
-		let f = document.createElement("div");
-		f.className = "quality-item-info";
-		let p = document.createElement("span");
-		p.className = "quality-item-title", p.textContent = e.video ? s(e.video) : "";
+		let p = document.createElement("div");
+		p.className = "quality-item-info";
 		let m = document.createElement("span");
-		m.className = "quality-item-subtitle";
-		let h = i(G, this, et).call(this, (a = e.video) == null ? void 0 : a.frameRate), ne = h ? `, ${h}fps` : "";
-		m.textContent = `${te(((o = (l = e.video) == null ? void 0 : l.bitRate) == null ? 0 : o) + ((ee = (u = e.audio) == null ? void 0 : u.bitRate) == null ? 0 : ee))}${ne}`, f.appendChild(p), f.appendChild(m), d.appendChild(f);
-		let g = document.createElement("span");
-		g.className = "quality-current-label", g.textContent = "Current", d.appendChild(g), d.addEventListener("click", (t) => {
-			t.stopPropagation(), this.dispatchEvent(new CustomEvent(c.SET_RENDITION, {
+		m.className = "quality-item-title", m.textContent = e.video ? s(e.video) : "";
+		let h = document.createElement("span");
+		h.className = "quality-item-subtitle";
+		let g = i(G, this, et).call(this, (a = e.video) == null ? void 0 : a.frameRate), te = g ? `, ${g}fps` : "";
+		h.textContent = `${c(((o = (l = e.video) == null ? void 0 : l.bitRate) == null ? 0 : o) + ((u = (ee = e.audio) == null ? void 0 : ee.bitRate) == null ? 0 : u))}${te}`, p.appendChild(m), p.appendChild(h), d.appendChild(p);
+		let _ = document.createElement("span");
+		_.className = "quality-current-label", _.textContent = "Current", d.appendChild(_), d.addEventListener("click", (t) => {
+			t.stopPropagation(), this.dispatchEvent(new CustomEvent(f.SET_RENDITION, {
 				bubbles: !0,
 				composed: !0,
 				detail: e
@@ -1476,23 +1473,23 @@ function et(e) {
 }
 function tt() {
 	var e, t, n;
-	let r = (e = this.shadowRoot) == null ? void 0 : e.querySelectorAll(".quality-item"), o = (t = a(C, this)) == null || (t = t.video) == null ? void 0 : t.id, s = a(b, this), c = i(G, this, nt).call(this, r, s);
+	let r = (e = this.shadowRoot) == null ? void 0 : e.querySelectorAll(".quality-item"), o = (t = a(w, this)) == null || (t = t.video) == null ? void 0 : t.id, s = a(x, this), l = i(G, this, nt).call(this, r, s);
 	r == null || r.forEach((e) => {
 		let t = parseInt(e.getAttribute("data-id") || "0", 10), n = parseInt(e.getAttribute("data-bitrate") || "0", 10);
 		e.setAttribute("data-playing", String(t === o));
-		let r = c !== null && n === c;
-		e.setAttribute("data-selected", String(r)), e.setAttribute("aria-pressed", String(r)), a(x, this) ? e.setAttribute("data-capped", String(n > s)) : e.removeAttribute("data-capped");
+		let r = l !== null && n === l;
+		e.setAttribute("data-selected", String(r)), e.setAttribute("aria-pressed", String(r)), a(S, this) ? e.setAttribute("data-capped", String(n > s)) : e.removeAttribute("data-capped");
 	});
-	let l = (n = a(C, this)) == null ? void 0 : n.video;
-	if (l != null && l.width && l.height) {
-		i(G, this, J).call(this, "quality-section", `${l.width}x${l.height}`);
+	let u = (n = a(w, this)) == null ? void 0 : n.video;
+	if (u != null && u.width && u.height) {
+		i(G, this, J).call(this, "quality-section", `${u.width}x${u.height}`);
 		return;
 	}
-	if (typeof c == "number" && c > 0) {
-		i(G, this, J).call(this, "quality-section", te(c, 1));
+	if (typeof l == "number" && l > 0) {
+		i(G, this, J).call(this, "quality-section", c(l, 1));
 		return;
 	}
-	i(G, this, J).call(this, "quality-section", a(x, this) ? "Auto" : "Fixed");
+	i(G, this, J).call(this, "quality-section", a(S, this) ? "Auto" : "Fixed");
 }
 function nt(e, t) {
 	var n;
@@ -1504,14 +1501,14 @@ function nt(e, t) {
 	}), (n = r) == null ? i : n;
 }
 function rt() {
-	i(G, this, it).call(this), i(G, this, ot).call(this), i(G, this, at).call(this), r(E, this, window.setInterval(() => i(G, this, at).call(this), 1e3));
+	i(G, this, it).call(this), i(G, this, ot).call(this), i(G, this, at).call(this), r(D, this, window.setInterval(() => i(G, this, at).call(this), 1e3));
 }
 function it() {
-	a(E, this) !== null && (clearInterval(a(E, this)), r(E, this, null));
+	a(D, this) !== null && (clearInterval(a(D, this)), r(D, this, null));
 }
 function at() {
 	var e;
-	let t = (e = a(v, this)) == null ? void 0 : e.instance;
+	let t = (e = a(y, this)) == null ? void 0 : e.instance;
 	if (t) try {
 		let e = t.getStatistics();
 		i(G, this, Z).call(this), i(G, this, Q).call(this, "#sdk-version", e.version || "-"), i(G, this, Q).call(this, "#session-id", e.sessionId || "-"), i(G, this, Q).call(this, "#client-id", e.clientId || "-"), i(G, this, Q).call(this, "#channel-id", e.channelId || "-"), i(G, this, Q).call(this, "#channel-group-id", e.channelGroupId || "-"), i(G, this, Q).call(this, "#uptime", i(G, this, ct).call(this, e.uptime)), i(G, this, Q).call(this, "#ttff", e.timeToFirstFrame ? `${e.timeToFirstFrame}ms` : "-"), i(G, this, Q).call(this, "#connection-state", t.connectionState || "-"), i(G, this, Q).call(this, "#playback-state", t.playbackState || "-");
@@ -1528,19 +1525,19 @@ function at() {
 		let s = i(G, this, ht).call(this, e.rtt);
 		i(G, this, Q).call(this, "#network-rtt", s), i(G, this, Q).call(this, "#network-estimated-bandwidth", i(G, this, dt).call(this, e.estimatedBandwidth)), i(G, this, Q).call(this, "#network-video-bitrate", i(G, this, dt).call(this, e.videoBitRate)), i(G, this, Q).call(this, "#network-audio-bitrate", i(G, this, dt).call(this, e.audioBitRate)), i(G, this, Q).call(this, "#network-bitrate", i(G, this, dt).call(this, e.averageBitRate)), i(G, this, Q).call(this, "#network-audio-jitter", i(G, this, _t).call(this, e.audioJitter)), i(G, this, Q).call(this, "#network-video-jitter", i(G, this, _t).call(this, e.videoJitter)), i(G, this, Q).call(this, "#network-connect-success", i(G, this, vt).call(this, e.connectCount, e.connectionAttemptCount, e.connectionSuccessRatio)), i(G, this, Q).call(this, "#network-reconnects-per-hour", i(G, this, ft).call(this, e.reconnectsPerHour, "h")), i(G, this, J).call(this, "network-section", i(G, this, gt).call(this, e.rtt));
 		let c = i(G, this, ct).call(this, e.uptime);
-		i(G, this, J).call(this, "stats-section", c === "-" ? "Up -" : `Up ${c}`), a(A, this) && (r(A, this, !1), i(G, this, $).call(this, "System", "Statistics stream recovered"));
+		i(G, this, J).call(this, "stats-section", c === "-" ? "Up -" : `Up ${c}`), a(j, this) && (r(j, this, !1), i(G, this, $).call(this, "System", "Statistics stream recovered"));
 	} catch (e) {
-		a(A, this) || (r(A, this, !0), i(G, this, $).call(this, "System", "Failed to read statistics", "error"));
+		a(j, this) || (r(j, this, !0), i(G, this, $).call(this, "System", "Failed to read statistics", "error"));
 	}
 }
 function ot() {
 	var e;
-	let t = (e = a(v, this)) == null ? void 0 : e.instance;
-	!t || a(j, this) === t || (i(G, this, st).call(this), r(j, this, t), t.on("connection state", a(me, this)), t.on("playback state", a(he, this)), t.on("buffer state event", a(ge, this)), t.on("error", a(_e, this)), t.on("rendition level", a(ve, this)), t.on("is live", a(ye, this)));
+	let t = (e = a(y, this)) == null ? void 0 : e.instance;
+	!t || a(M, this) === t || (i(G, this, st).call(this), r(M, this, t), t.on("connection state", a(me, this)), t.on("playback state", a(he, this)), t.on("buffer state event", a(ge, this)), t.on("error", a(_e, this)), t.on("rendition level", a(ve, this)), t.on("is live", a(ye, this)));
 }
 function st() {
-	let e = a(j, this);
-	e && (e.off("connection state", a(me, this)), e.off("playback state", a(he, this)), e.off("buffer state event", a(ge, this)), e.off("error", a(_e, this)), e.off("rendition level", a(ve, this)), e.off("is live", a(ye, this)), r(j, this, null));
+	let e = a(M, this);
+	e && (e.off("connection state", a(me, this)), e.off("playback state", a(he, this)), e.off("buffer state event", a(ge, this)), e.off("error", a(_e, this)), e.off("rendition level", a(ve, this)), e.off("is live", a(ye, this)), r(M, this, null));
 }
 function Q(e, t) {
 	i(G, this, q).call(this, i(G, this, K).call(this, e), t);
@@ -1557,7 +1554,7 @@ function ut(e, t = 1) {
 	return typeof e != "number" || Number.isNaN(e) ? "-" : `${(e * 100).toFixed(t)}%`;
 }
 function dt(e) {
-	return typeof e != "number" || e <= 0 || Number.isNaN(e) ? "-" : te(e, 2);
+	return typeof e != "number" || e <= 0 || Number.isNaN(e) ? "-" : c(e, 2);
 }
 function ft(e, t) {
 	return typeof e != "number" || Number.isNaN(e) ? "-" : `${e.toFixed(2)}/${t}`;
@@ -1599,20 +1596,20 @@ function xt(e) {
 }
 function St() {
 	var e = this;
-	let n = i(G, this, K).call(this, "#events-clear"), o = i(G, this, K).call(this, "#copy-events");
+	let n = i(G, this, K).call(this, "#events-clear"), s = i(G, this, K).call(this, "#copy-events");
 	r(z, this, i(G, this, K).call(this, "#events-list")), r(B, this, i(G, this, K).call(this, "#events-count")), n == null || n.addEventListener("click", (e) => {
-		e.stopPropagation(), r(O, this, []), i(G, this, Et).call(this, !0);
-	}), o == null || o.addEventListener("click", function() {
+		e.stopPropagation(), r(k, this, []), i(G, this, Et).call(this, !0);
+	}), s == null || s.addEventListener("click", function() {
 		var n = t(function* (t) {
 			t.stopPropagation();
-			let n = JSON.stringify(a(O, e).map((e) => f(f({}, e), {}, { isoTimestamp: new Date(e.timestamp).toISOString() })), null, 2);
+			let n = JSON.stringify(a(k, e).map((e) => o(o({}, e), {}, { isoTimestamp: new Date(e.timestamp).toISOString() })), null, 2);
 			try {
-				yield navigator.clipboard.writeText(n), o.textContent = "Copied", setTimeout(() => {
-					o.textContent = "Copy";
+				yield navigator.clipboard.writeText(n), s.textContent = "Copied", setTimeout(() => {
+					s.textContent = "Copy";
 				}, 2e3);
 			} catch (e) {
-				o.textContent = "Copy unavailable", setTimeout(() => {
-					o.textContent = "Copy";
+				s.textContent = "Copy unavailable", setTimeout(() => {
+					s.textContent = "Copy";
 				}, 2e3);
 			}
 		});
@@ -1622,15 +1619,15 @@ function St() {
 	}());
 }
 function $(e, t, n = "info") {
-	r(k, this, a(k, this) + 1);
+	r(A, this, a(A, this) + 1);
 	let o = {
-		id: a(k, this),
+		id: a(A, this),
 		timestamp: Date.now(),
 		category: e,
 		message: t,
 		level: n
 	};
-	if (a(O, this).push(o), a(O, this).length > 250 && a(O, this).splice(0, a(O, this).length - 250), i(G, this, we).call(this), i(G, this, Ce).call(this, "events-section")) {
+	if (a(k, this).push(o), a(k, this).length > 250 && a(k, this).splice(0, a(k, this).length - 250), i(G, this, we).call(this), i(G, this, Ce).call(this, "events-section")) {
 		i(G, this, wt).call(this, o), i(G, this, Tt).call(this);
 		return;
 	}
@@ -1667,14 +1664,14 @@ function Et(e = !1) {
 		r(V, this, !0);
 		return;
 	}
-	if (r(V, this, !1), a(O, this).length === 0) {
+	if (r(V, this, !1), a(k, this).length === 0) {
 		a(z, this).innerHTML = "<div class=\"events-empty\">No events yet</div>";
 		return;
 	}
 	a(z, this).innerHTML = "";
 	let t = document.createDocumentFragment();
-	for (let e = a(O, this).length - 1; e >= 0; e--) {
-		let n = a(O, this)[e];
+	for (let e = a(k, this).length - 1; e >= 0; e--) {
+		let n = a(k, this)[e];
 		n && t.appendChild(i(G, this, Ct).call(this, n));
 	}
 	a(z, this).appendChild(t);
@@ -1711,28 +1708,28 @@ function Ot() {
 }
 function kt() {
 	var e;
-	let t = (e = a(v, this)) == null ? void 0 : e.instance;
+	let t = (e = a(y, this)) == null ? void 0 : e.instance;
 	if (!t) return {
 		error: "Vindral instance not available",
 		timestamp: (/* @__PURE__ */ new Date()).toISOString()
 	};
 	try {
-		return f(f({}, t.getStatistics()), {}, {
+		return o(o({}, t.getStatistics()), {}, {
 			connectionState: t.connectionState,
 			playbackState: t.playbackState,
 			playbackLatency: t.playbackLatency,
 			bufferFullness: t.bufferFullness,
 			lastBufferEvent: t.lastBufferEvent,
 			timeSpentBuffering: t.timeSpentBuffering,
-			currentRendition: a(C, this),
-			targetBufferTime: a(w, this),
-			drift: a(T, this),
-			abrEnabled: a(x, this),
+			currentRendition: a(w, this),
+			targetBufferTime: a(T, this),
+			drift: a(E, this),
+			abrEnabled: a(S, this),
 			debugLayout: {
 				openSections: i(G, this, Ne).call(this),
 				sectionOrder: i(G, this, Pe).call(this)
 			},
-			debugEvents: a(O, this).map((e) => f(f({}, e), {}, { isoTimestamp: new Date(e.timestamp).toISOString() })),
+			debugEvents: a(k, this).map((e) => o(o({}, e), {}, { isoTimestamp: new Date(e.timestamp).toISOString() })),
 			timestamp: (/* @__PURE__ */ new Date()).toISOString()
 		});
 	} catch (e) {
@@ -1743,20 +1740,20 @@ function kt() {
 	}
 }
 e(xe, "observedAttributes", [
-	o.DEBUG_PANEL_OPEN,
-	o.TARGET_BUFFER_TIME,
-	o.DRIFT,
-	o.RENDITION_LEVELS,
-	o.MAX_VIDEO_BITRATE,
-	o.ABR_ENABLED,
-	o.SIZE_BASED_RESOLUTION_CAP_ENABLED,
-	o.RENDITION_LEVEL
+	l.DEBUG_PANEL_OPEN,
+	l.TARGET_BUFFER_TIME,
+	l.DRIFT,
+	l.RENDITION_LEVELS,
+	l.MAX_VIDEO_BITRATE,
+	l.ABR_ENABLED,
+	l.SIZE_BASED_RESOLUTION_CAP_ENABLED,
+	l.RENDITION_LEVEL
 ]);
 //#endregion
 //#region ../../libs/player-next/src/registerDebugComponents.ts
-var At = /* @__PURE__ */ m({ registerDebugComponents: () => jt });
+var At = /* @__PURE__ */ h({ registerDebugComponents: () => jt });
 function jt() {
-	customElements.get("vindral-debug-button") || customElements.define("vindral-debug-button", re), customElements.get("vindral-debug-panel") || customElements.define("vindral-debug-panel", xe);
+	customElements.get("vindral-debug-button") || customElements.define("vindral-debug-button", ne), customElements.get("vindral-debug-panel") || customElements.define("vindral-debug-panel", xe);
 }
 //#endregion
 export { At as n, jt as t };