@vindral/web-sdk 4.5.0 → 4.5.1-10-g5556eb794

package/{C2-H3s2r.js → DbdwBdhd.js}

@@ -1,17 +1,18 @@
 import { n as e, t } from "./BsfwXDui.js";
-import { a as n, i as r, n as i, r as a, t as o } from "./B7hT-BKr.js";
-import { g as s, h as c, n as l, r as ee, t as u, v as te, y as ne } from "./D7vM_Gpt.js";
-import { t as d } from "./RxoWWyzp.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";
 //#region \0rolldown/runtime.js
-var f = Object.defineProperty, p = (e, t) => {
+var p = Object.defineProperty, m = (e, t) => {
 	let n = {};
-	for (var r in e) f(n, r, {
+	for (var r in e) p(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || f(n, Symbol.toStringTag, { value: "Module" }), n;
-}, m, re = "\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", h = document.createElement("template");
-h.innerHTML = `
+	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 = `
   <style>
     :host {
       display: var(--debug-button-display);
@@ -19,19 +20,19 @@ h.innerHTML = `
       justify-content: center;
     }
 
-    :host([${s.DEBUG_PANEL_OPEN}]) {
+    :host([${o.DEBUG_PANEL_OPEN}]) {
       background: rgba(255, 255, 255, 0.15);
     }
   </style>
 
   <span id="icon">
-    <slot name="icon">${re}</slot>
+    <slot name="icon">${ne}</slot>
   </span>
 `;
-var ie = class extends ee {
+var re = class extends l {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(h.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(g.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", "Toggle debug panel");
@@ -46,10 +47,10 @@ var ie = class extends ee {
 		}));
 	}
 };
-m = ie, e(ie, "observedAttributes", [...l(m, "observedAttributes", m), s.DEBUG_PANEL_OPEN]);
+h = re, e(re, "observedAttributes", [...ee(h, "observedAttributes", h), o.DEBUG_PANEL_OPEN]);
 //#endregion
 //#region ../../libs/player-next/src/components/DebugPanel.constants.ts
-var ae = "Adaptive around current target", g = [
+var ie = "Adaptive around current target", _ = [
 	{
 		label: "Ultra-Low",
 		value: 200,
@@ -70,7 +71,7 @@ var ae = "Adaptive around current target", g = [
 		value: 3e3,
 		description: "Maximum stability"
 	}
-], oe = (e) => e <= 350 ? g[0] : e <= 800 ? g[1] : e <= 2e3 ? g[2] : g[3], se = "vindral:debug-panel-layout:v1", _ = [
+], ae = (e) => e <= 350 ? _[0] : e <= 800 ? _[1] : e <= 2e3 ? _[2] : _[3], oe = "vindral:debug-panel-layout:v1", se = [
 	"latency-section",
 	"quality-section",
 	"playback-section",
@@ -105,7 +106,7 @@ de.innerHTML = `
       padding-bottom: env(safe-area-inset-bottom);
     }
 
-    :host([${s.DEBUG_PANEL_OPEN}]) {
+    :host([${o.DEBUG_PANEL_OPEN}]) {
       display: block;
     }
 
@@ -1019,27 +1020,27 @@ 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(), 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 WeakMap(), K = /* @__PURE__ */ new WeakSet(), pe = /* @__PURE__ */ new WeakMap(), 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 = class extends HTMLElement {
+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 {
 	constructor() {
-		super(), o(this, K), 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, P, []), n(this, F, []), n(this, I, []), n(this, L, null), n(this, R, null), n(this, z, null), n(this, B, null), n(this, V, null), n(this, H, !1), n(this, U, null), n(this, W, null), n(this, G, null), n(this, pe, (e) => {
+		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) => {
 			let t = e === "disconnected" ? "warn" : "info";
-			r(K, this, $).call(this, "Connection", `State: ${e}`, t);
-		}), n(this, me, (e) => {
-			r(K, this, $).call(this, "Playback", `State: ${e}`);
+			i(G, this, $).call(this, "Connection", `State: ${e}`, t);
 		}), n(this, he, (e) => {
-			r(K, this, $).call(this, "Buffer", `${e}`, "warn");
+			i(G, this, $).call(this, "Playback", `State: ${e}`);
 		}), n(this, ge, (e) => {
-			let t = e.isFatal() ? "Fatal" : "Non-fatal";
-			r(K, this, $).call(this, "Error", `${t}: ${e.message} (${e.code()})`, e.isFatal() ? "error" : "warn");
+			i(G, this, $).call(this, "Buffer", `${e}`, "warn");
 		}), n(this, _e, (e) => {
+			let t = e.isFatal() ? "Fatal" : "Non-fatal";
+			i(G, this, $).call(this, "Error", `${t}: ${e.message} (${e.code()})`, e.isFatal() ? "error" : "warn");
+		}), n(this, ve, (e) => {
 			let t = e.video;
 			if (t != null && t.width && t.height) {
-				let e = r(K, this, et).call(this, t.frameRate), n = e ? ` @ ${e}fps` : "";
-				r(K, this, $).call(this, "Quality", `Rendition: ${t.width}x${t.height}${n}`);
+				let e = i(G, this, et).call(this, t.frameRate), n = e ? ` @ ${e}fps` : "";
+				i(G, this, $).call(this, "Quality", `Rendition: ${t.width}x${t.height}${n}`);
 			}
-		}), n(this, ve, (e) => {
-			r(K, this, $).call(this, "Connection", `Channel ${e ? "live" : "offline"}`);
 		}), n(this, ye, (e) => {
+			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, {
 				bubbles: !0,
@@ -1049,81 +1050,81 @@ var fe = de, v = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(
 	}
 	connectedCallback() {
 		var e;
-		a(v, this, this.closest("vindral-controller")), (e = i(v, this)) == null || e.connectListener(this), this.tabIndex = -1, r(K, this, we).call(this), r(K, this, Te).call(this), r(K, this, Ee).call(this), r(K, this, Re).call(this), r(K, this, Ye).call(this), r(K, this, Ot).call(this), r(K, this, St).call(this), r(K, this, qe).call(this), this.setAttribute("data-density", "compact"), r(K, this, je).call(this), r(K, this, Ie).call(this), r(K, this, Le).call(this), r(K, this, Et).call(this), r(K, this, ot).call(this), this.addEventListener("keydown", i(ye, this)), this.addEventListener("dblclick", (e) => e.stopPropagation());
+		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());
 	}
 	disconnectedCallback() {
 		var e;
-		(e = i(v, this)) == null || e.disconnectListener(this), this.removeEventListener("keydown", i(ye, this)), r(K, this, it).call(this), r(K, this, st).call(this), r(K, this, Fe).call(this), i(M, this).clear();
+		(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();
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) switch (e) {
-			case s.DEBUG_PANEL_OPEN:
-				n === null ? r(K, this, it).call(this) : (r(K, this, rt).call(this), this.focus({ preventScroll: !0 }));
+			case o.DEBUG_PANEL_OPEN:
+				n === null ? i(G, this, it).call(this) : (i(G, this, rt).call(this), this.focus({ preventScroll: !0 }));
 				break;
-			case s.TARGET_BUFFER_TIME:
+			case o.TARGET_BUFFER_TIME:
 				if (n) {
 					let e = parseInt(n, 10);
-					Number.isNaN(e) || (e !== i(w, this) && r(K, this, $).call(this, "Latency", `Target buffer set to ${e}ms`), a(w, this, e), r(K, this, Z).call(this));
+					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));
 				}
 				break;
-			case s.DRIFT:
+			case o.DRIFT:
 				if (n) {
 					let e = parseFloat(n);
-					Number.isNaN(e) || (a(T, this, e), r(K, this, Je).call(this));
+					Number.isNaN(e) || (r(T, this, e), i(G, this, Je).call(this));
 				}
 				break;
-			case s.RENDITION_LEVELS:
+			case o.RENDITION_LEVELS:
 				if (n) try {
 					let e = JSON.parse(n);
-					Array.isArray(e) && (a(y, this, e), r(K, this, $e).call(this));
+					Array.isArray(e) && (r(y, this, e), i(G, this, $e).call(this));
 				} catch (e) {}
 				break;
-			case s.MAX_VIDEO_BITRATE:
-				a(b, this, n ? parseInt(n, 10) : 2 ** 53 - 1), Number.isNaN(i(b, this)) && a(b, this, 2 ** 53 - 1), r(K, this, tt).call(this);
+			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);
 				break;
-			case s.ABR_ENABLED:
-				a(x, this, n !== null && n !== "false"), r(K, this, Ze).call(this), r(K, this, Qe).call(this);
+			case o.ABR_ENABLED:
+				r(x, this, n !== null && n !== "false"), i(G, this, Ze).call(this), i(G, this, Qe).call(this);
 				break;
-			case s.SIZE_BASED_RESOLUTION_CAP_ENABLED:
-				a(S, this, n !== null && n !== "false"), r(K, this, Qe).call(this);
+			case o.SIZE_BASED_RESOLUTION_CAP_ENABLED:
+				r(S, this, n !== null && n !== "false"), i(G, this, Qe).call(this);
 				break;
-			case s.RENDITION_LEVEL:
+			case o.RENDITION_LEVEL:
 				if (n) try {
-					var o;
-					let e = JSON.parse(n), t = i(C, this);
-					if (a(C, this, e), r(K, 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}` : "?", i = `${e.video.width}x${e.video.height}`;
-						n !== i && r(K, this, $).call(this, "Quality", `Switched: ${n} → ${i}`);
+					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) {
+						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}`);
 					}
 				} catch (e) {}
 				break;
 		}
 	}
 };
-function q(e) {
+function K(e) {
 	if (!this.shadowRoot) return null;
-	if (i(M, this).has(e)) return i(M, this).get(e);
+	if (a(M, this).has(e)) return a(M, this).get(e);
 	let t = this.shadowRoot.querySelector(e);
-	return i(M, this).set(e, t), t;
+	return a(M, this).set(e, t), t;
 }
-function J(e, t) {
+function q(e, t) {
 	!e || e.textContent === t || (e.textContent = t);
 }
-function xe() {
-	var e, t, n, r, o, s, c;
-	a(N, this, Array.from(((e = this.shadowRoot) == null ? void 0 : e.querySelectorAll("#latency-strip-target")) || [])), a(P, this, Array.from(((t = this.shadowRoot) == null ? void 0 : t.querySelectorAll("#latency-strip-decrease")) || [])), a(F, this, Array.from(((n = this.shadowRoot) == null ? void 0 : n.querySelectorAll("#latency-strip-increase")) || [])), a(I, this, Array.from(((r = this.shadowRoot) == null ? void 0 : r.querySelectorAll(".preset-btn[data-value]")) || [])), a(L, this, ((o = this.shadowRoot) == null ? void 0 : o.querySelector(".preset-btn[data-mode=\"dynamic\"]")) || null), a(R, this, ((s = i(L, this)) == null ? void 0 : s.querySelector(".dynamic-subtitle")) || null), a(z, this, ((c = i(L, this)) == null ? void 0 : c.querySelector(".dynamic-value")) || null);
+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);
 }
-function Se(e) {
+function Ce(e) {
 	var t;
 	let n = (t = this.shadowRoot) == null ? void 0 : t.querySelector(`.section#${e}`);
 	return !!n && !n.hidden;
 }
-function Ce() {
-	let e = `${i(O, this).length} event${i(O, this).length === 1 ? "" : "s"}`;
-	r(K, this, J).call(this, i(V, this), e), r(K, this, Y).call(this, "events-section", String(i(O, this).length));
-}
 function we() {
-	let e = r(K, this, q).call(this, ".close-btn");
+	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));
+}
+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, {
 			bubbles: !0,
@@ -1131,89 +1132,89 @@ function we() {
 		}));
 	});
 }
-function Te() {
+function Ee() {
 	var e;
 	let t = Array.from(((e = this.shadowRoot) == null ? void 0 : e.querySelectorAll(".section-tab[data-target]")) || []);
 	t.length !== 0 && t.forEach((e) => {
 		e.addEventListener("click", (t) => {
 			t.stopPropagation();
 			let n = e.getAttribute("data-target");
-			n && r(K, this, X).call(this, n) && r(K, this, Oe).call(this, n);
+			n && i(G, this, Y).call(this, n) && i(G, this, ke).call(this, n);
 		});
 	});
 }
-function Ee() {
-	a(U, this, r(K, this, q).call(this, ".scroll-tabs-btn")), a(W, this, r(K, this, q).call(this, ".section-tabs-wrap")), a(G, this, r(K, this, q).call(this, ".section-tabs")), !(!i(U, this) || !i(G, this) || !i(W, this)) && (i(G, this).addEventListener("scroll", () => r(K, this, De).call(this), { passive: !0 }), i(U, this).addEventListener("click", (e) => {
-		if (e.stopPropagation(), !i(G, this)) return;
-		let { scrollLeft: t, scrollWidth: n, clientWidth: r } = i(G, this), a = t + r >= n - 4;
-		i(G, this).scrollTo({
-			left: a ? 0 : n,
+function De() {
+	r(H, this, i(G, this, K).call(this, ".scroll-tabs-btn")), r(U, this, i(G, this, K).call(this, ".section-tabs-wrap")), r(W, this, i(G, this, K).call(this, ".section-tabs")), !(!a(H, this) || !a(W, this) || !a(U, this)) && (a(W, this).addEventListener("scroll", () => i(G, this, Oe).call(this), { passive: !0 }), a(H, this).addEventListener("click", (e) => {
+		if (e.stopPropagation(), !a(W, this)) return;
+		let { scrollLeft: t, scrollWidth: n, clientWidth: r } = a(W, this), i = t + r >= n - 4;
+		a(W, this).scrollTo({
+			left: i ? 0 : n,
 			behavior: "smooth"
 		});
-	}), r(K, this, De).call(this));
+	}), i(G, this, Oe).call(this));
 }
-function De() {
-	if (!i(U, this) || !i(G, this) || !i(W, this)) return;
-	let { scrollLeft: e, scrollWidth: t, clientWidth: n } = i(G, this), r = t > n + 4, a = e + n >= t - 4;
-	i(U, this).setAttribute("data-visible", String(r)), i(U, this).innerHTML = a ? ue : le, i(W, this).toggleAttribute("data-can-scroll-right", r && !a);
+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);
 }
-function Oe(e) {
-	let t = r(K, this, q).call(this, `.section#${e}`);
-	t && r(K, this, ke).call(this, e, t.hidden);
+function ke(e) {
+	let t = i(G, this, K).call(this, `.section#${e}`);
+	t && i(G, this, Ae).call(this, e, t.hidden);
 }
-function ke(e, t) {
-	let n = r(K, this, q).call(this, `.section#${e}`);
+function Ae(e, t) {
+	let n = i(G, this, K).call(this, `.section#${e}`);
 	if (!n) return;
-	let a = !n.hidden;
+	let r = !n.hidden;
 	n.hidden = !t;
-	let o = r(K, this, q).call(this, `.section-tab[data-target="${e}"]`);
-	o && (o.setAttribute("data-active", String(t)), o.setAttribute("aria-pressed", String(t)), !i(D, this) && a !== t && r(K, this, Fe).call(this), e === "events-section" && t && i(H, this) && r(K, this, Et).call(this, !0), r(K, this, Ae).call(this));
-}
-function Ae() {
-	this.toggleAttribute("data-collapsed", r(K, this, Me).call(this).length === 0);
+	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));
 }
 function je() {
+	this.toggleAttribute("data-collapsed", i(G, this, Ne).call(this).length === 0);
+}
+function Me() {
 	var e;
 	Array.from(((e = this.shadowRoot) == null ? void 0 : e.querySelectorAll(".section[id]")) || []).forEach((e) => {
-		r(K, this, X).call(this, e.id) && r(K, this, ke).call(this, e.id, !e.hidden);
+		i(G, this, Y).call(this, e.id) && i(G, this, Ae).call(this, e.id, !e.hidden);
 	});
 }
-function Y(e, t) {
-	let n = r(K, this, q).call(this, `.section-badge[data-badge-for="${e}"]`);
+function J(e, t) {
+	let n = i(G, this, K).call(this, `.section-badge[data-badge-for="${e}"]`);
 	if (!n) return;
-	r(K, this, J).call(this, n, t);
-	let i = r(K, this, q).call(this, `.section-tab[data-target="${e}"]`);
-	if (!i) return;
-	let a = `${i.getAttribute("title") || e} section (${t})`;
-	i.getAttribute("aria-label") !== a && i.setAttribute("aria-label", a);
+	i(G, this, q).call(this, n, t);
+	let r = i(G, this, K).call(this, `.section-tab[data-target="${e}"]`);
+	if (!r) return;
+	let a = `${r.getAttribute("title") || e} section (${t})`;
+	r.getAttribute("aria-label") !== a && r.setAttribute("aria-label", a);
 }
-function X(e) {
-	return _.includes(e);
+function Y(e) {
+	return se.includes(e);
 }
-function Me() {
+function Ne() {
 	var e;
-	return Array.from(((e = this.shadowRoot) == null ? void 0 : e.querySelectorAll(".section[id]")) || []).filter((e) => r(K, this, X).call(this, e.id) && !e.hidden).map((e) => e.id);
+	return Array.from(((e = this.shadowRoot) == null ? void 0 : e.querySelectorAll(".section[id]")) || []).filter((e) => i(G, this, Y).call(this, e.id) && !e.hidden).map((e) => e.id);
 }
-function Ne() {
+function Pe() {
 	var e;
-	return Array.from(((e = this.shadowRoot) == null ? void 0 : e.querySelectorAll(".section-tab[data-target]")) || []).map((e) => e.getAttribute("data-target")).filter((e) => typeof e == "string" && r(K, this, X).call(this, e));
+	return Array.from(((e = this.shadowRoot) == null ? void 0 : e.querySelectorAll(".section-tab[data-target]")) || []).map((e) => e.getAttribute("data-target")).filter((e) => typeof e == "string" && i(G, this, Y).call(this, e));
 }
-function Pe(e) {
+function Fe(e) {
 	var t;
 	let n = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".section-tabs");
 	if (!n || !this.shadowRoot) return;
-	let i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+	let r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
 	Array.from(n.querySelectorAll(".section-tab[data-target]")).forEach((e) => {
 		let t = e.getAttribute("data-target");
-		t && r(K, this, X).call(this, t) && i.set(t, e);
-	}), _.forEach((e) => {
+		t && i(G, this, Y).call(this, t) && r.set(t, e);
+	}), se.forEach((e) => {
 		var t;
 		let n = (t = this.shadowRoot) == null ? void 0 : t.querySelector(`.section#${e}`);
 		n && a.set(e, n);
 	});
-	let o = [...e, ..._.filter((t) => !e.includes(t))];
+	let o = [...e, ...se.filter((t) => !e.includes(t))];
 	o.forEach((e) => {
-		let t = i.get(e);
+		let t = r.get(e);
 		t && n.appendChild(t);
 	}), o.forEach((e) => {
 		let t = a.get(e);
@@ -1223,21 +1224,21 @@ function Pe(e) {
 		}
 	});
 }
-function Fe() {
+function Ie() {
 	if (!this.shadowRoot) return;
 	let e = {
 		version: 1,
-		openSections: r(K, this, Me).call(this),
-		sectionOrder: r(K, this, Ne).call(this)
+		openSections: i(G, this, Ne).call(this),
+		sectionOrder: i(G, this, Pe).call(this)
 	};
 	try {
-		sessionStorage.setItem(se, JSON.stringify(e));
+		sessionStorage.setItem(oe, JSON.stringify(e));
 	} catch (e) {}
 }
-function Ie() {
+function Le() {
 	let e = null;
 	try {
-		e = sessionStorage.getItem(se);
+		e = sessionStorage.getItem(oe);
 	} catch (e) {
 		return;
 	}
@@ -1249,249 +1250,249 @@ function Ie() {
 		return;
 	}
 	if (!t || typeof t != "object") return;
-	let n = Array.isArray(t.openSections) ? t.openSections.filter((e) => typeof e == "string" && r(K, this, X).call(this, e)) : [], i = Array.isArray(t.sectionOrder) ? t.sectionOrder.filter((e) => typeof e == "string" && r(K, this, X).call(this, e)) : [];
-	a(D, this, !0);
+	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);
 	try {
-		if (i.length > 0 && r(K, this, Pe).call(this, i), Array.isArray(t.openSections)) {
+		if (a.length > 0 && i(G, this, Fe).call(this, a), Array.isArray(t.openSections)) {
 			let e = new Set(n);
-			_.forEach((t) => {
-				r(K, this, ke).call(this, t, e.has(t));
+			se.forEach((t) => {
+				i(G, this, Ae).call(this, t, e.has(t));
 			});
 		}
-		r(K, this, je).call(this);
+		i(G, this, Me).call(this);
 	} finally {
-		a(D, this, !1);
+		r(D, this, !1);
 	}
-	r(K, this, Fe).call(this);
-}
-function Le() {
-	r(K, this, Y).call(this, "latency-section", "Drift -"), r(K, this, Y).call(this, "quality-section", "Auto"), r(K, this, Y).call(this, "playback-section", "Buffer -"), r(K, this, Y).call(this, "network-section", "RTT -"), r(K, this, Y).call(this, "stats-section", "Up -"), r(K, this, Y).call(this, "events-section", `${i(O, this).length}`);
+	i(G, this, Ie).call(this);
 }
 function Re() {
-	r(K, this, xe).call(this), i(P, this).forEach((e) => {
+	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}`);
+}
+function ze() {
+	i(G, this, Se).call(this), a(pe, this).forEach((e) => {
 		e.addEventListener("click", (e) => {
-			e.stopPropagation(), r(K, this, Be).call(this, -r(K, this, ze).call(this, !1));
+			e.stopPropagation(), i(G, this, Ve).call(this, -i(G, this, Be).call(this, !1));
 		});
-	}), i(F, this).forEach((e) => {
+	}), a(P, this).forEach((e) => {
 		e.addEventListener("click", (e) => {
-			e.stopPropagation(), r(K, this, Be).call(this, r(K, this, ze).call(this, !0));
+			e.stopPropagation(), i(G, this, Ve).call(this, i(G, this, Be).call(this, !0));
 		});
 	});
 }
-function ze(e) {
-	let t = i(w, this);
-	return e ? t >= 1e3 ? 250 : t >= 500 ? 100 : 50 : t > 1e3 ? 250 : t > 500 ? 100 : 50;
-}
 function Be(e) {
-	let t = Math.max(50, Math.min(u, i(w, this) + e));
-	t !== i(w, this) && (a(w, this, t), r(K, this, Ve).call(this, t), r(K, this, Ue).call(this), r(K, this, Z).call(this));
+	let t = a(w, this);
+	return e ? t >= 1e3 ? 250 : t >= 500 ? 100 : 50 : t > 1e3 ? 250 : t > 500 ? 100 : 50;
 }
 function Ve(e) {
-	if (!i(v, this)) return;
-	let { isDynamic: t, minBuffer: n, maxBuffer: a } = r(K, this, He).call(this);
-	t && (e < n ? i(v, this).setAttribute("min-buffer-time", String(e)) : e > a && i(v, this).setAttribute("max-buffer-time", String(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));
+}
+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)));
 }
-function He() {
+function Ue() {
 	var e, t;
-	let n = (e = i(v, this)) == null ? void 0 : e.getAttribute("min-buffer-time"), r = (t = i(v, this)) == null ? void 0 : t.getAttribute("max-buffer-time");
+	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");
 	if (!n || !r) return {
 		isDynamic: !1,
 		minBuffer: 0,
 		maxBuffer: 0
 	};
-	let a = Number(n), o = Number(r);
-	return Number.isNaN(a) || Number.isNaN(o) ? {
+	let i = Number(n), o = Number(r);
+	return Number.isNaN(i) || Number.isNaN(o) ? {
 		isDynamic: !1,
 		minBuffer: 0,
 		maxBuffer: 0
 	} : {
-		isDynamic: a !== o,
-		minBuffer: a,
+		isDynamic: i !== o,
+		minBuffer: i,
 		maxBuffer: o
 	};
 }
-function Ue() {
+function X() {
 	this.dispatchEvent(new CustomEvent(c.SET_TARGET_BUFFER_TIME, {
 		bubbles: !0,
 		composed: !0,
-		detail: i(w, this)
+		detail: a(w, this)
 	}));
 }
 function We(e) {
-	if (r(K, this, He).call(this).isDynamic) {
-		r(K, this, Ke).call(this, e), r(K, this, Z).call(this);
+	if (i(G, this, Ue).call(this).isDynamic) {
+		i(G, this, Ke).call(this, e), i(G, this, Z).call(this);
 		return;
 	}
-	a(w, this, e), r(K, this, Ue).call(this), r(K, this, Z).call(this);
+	r(w, this, e), i(G, this, X).call(this), i(G, this, Z).call(this);
 }
 function Ge() {
-	if (r(K, this, He).call(this).isDynamic || !i(v, this)) return;
-	let e = Math.max(50, Math.min(u, i(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)), i(v, this).setAttribute("min-buffer-time", String(t)), i(v, this).setAttribute("max-buffer-time", String(n)), r(K, this, Ue).call(this), r(K, this, Z).call(this);
+	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);
 }
 function Ke(e) {
-	if (!i(v, this)) return;
+	if (!a(v, this)) return;
 	let t = Math.max(50, Math.min(u, e));
-	a(w, this, t);
+	r(w, this, t);
 	let n = String(t);
-	i(v, this).setAttribute("min-buffer-time", n), i(v, this).setAttribute("max-buffer-time", n), r(K, this, Ue).call(this);
+	a(v, this).setAttribute("min-buffer-time", n), a(v, this).setAttribute("max-buffer-time", n), i(G, this, X).call(this);
 }
 function qe() {
-	let e = r(K, this, q).call(this, "#latency-presets");
+	let e = i(G, this, K).call(this, "#latency-presets");
 	if (!e) return;
-	e.innerHTML = "", g.forEach((t) => {
+	e.innerHTML = "", _.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 i = document.createElement("span");
-		i.className = "preset-title", i.textContent = t.label, n.appendChild(i);
+		let r = document.createElement("span");
+		r.className = "preset-title", r.textContent = t.label, n.appendChild(r);
 		let a = document.createElement("span");
 		a.className = "preset-subtitle", a.textContent = t.description, n.appendChild(a);
 		let o = document.createElement("span");
 		o.className = "preset-value", o.textContent = `${t.value}ms`, n.appendChild(o), n.addEventListener("click", (e) => {
-			e.stopPropagation(), r(K, this, We).call(this, t.value);
+			e.stopPropagation(), i(G, this, We).call(this, t.value);
 		}), e.appendChild(n);
 	});
 	let t = document.createElement("button");
 	t.type = "button", t.className = "preset-btn dynamic-btn", t.setAttribute("data-mode", "dynamic"), t.setAttribute("aria-label", "Enable dynamic buffer mode");
 	let n = document.createElement("span");
 	n.className = "preset-title", n.textContent = "Dynamic", t.appendChild(n);
-	let i = document.createElement("span");
-	i.className = "preset-subtitle dynamic-subtitle", t.appendChild(i);
+	let r = document.createElement("span");
+	r.className = "preset-subtitle dynamic-subtitle", t.appendChild(r);
 	let a = document.createElement("span");
 	a.className = "preset-value dynamic-value", t.appendChild(a), t.addEventListener("click", (e) => {
-		e.stopPropagation(), r(K, this, Ge).call(this);
-	}), e.appendChild(t), r(K, this, xe).call(this), r(K, this, Z).call(this);
+		e.stopPropagation(), i(G, this, Ge).call(this);
+	}), e.appendChild(t), i(G, this, Se).call(this), i(G, this, Z).call(this);
 }
 function Z() {
-	i(N, this).length === 0 && r(K, this, xe).call(this);
-	let { isDynamic: e, minBuffer: t, maxBuffer: n } = r(K, this, He).call(this);
-	if (i(N, this).forEach((e) => {
-		r(K, this, J).call(this, e, `${i(w, this)}ms`);
-	}), i(P, this).forEach((e) => {
-		e.disabled = i(w, this) <= 50;
-	}), i(F, this).forEach((e) => {
-		e.disabled = i(w, this) >= u;
-	}), i(L, this) && i(L, this).setAttribute("data-active", String(e)), i(R, this) && r(K, this, J).call(this, i(R, this), e ? `${t}ms - ${n}ms` : ae), i(z, this) && r(K, this, J).call(this, i(z, this), e ? "range" : ""), i(I, this).length === 0) return;
-	let a = null;
+	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;
+	let r = null;
 	if (!e) {
-		let e = g.find((e) => e.value === i(w, this)), t = oe(i(w, this)), n = g.reduce((e, t) => Math.abs(t.value - i(w, this)) < Math.abs(e.value - i(w, this)) ? t : e);
-		a = e || t || n;
+		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);
+		r = e || t || n;
 	}
-	i(I, this).forEach((t) => {
-		let n = parseInt(t.getAttribute("data-value") || "0", 10), r = !e && (a == null ? void 0 : a.value) === n;
-		t.setAttribute("data-active", String(r));
+	a(F, 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 = r(K, this, q).call(this, "#current-drift"), t = `${i(T, this).toFixed(1)}ms`;
+	let e = i(G, this, K).call(this, "#current-drift"), t = `${a(T, this).toFixed(1)}ms`;
 	if (e) {
-		r(K, this, J).call(this, e, t);
-		let n = Math.abs(i(T, this));
+		i(G, this, q).call(this, e, t);
+		let n = Math.abs(a(T, this));
 		n > 200 ? e.setAttribute("data-status", "error") : n > 100 ? e.setAttribute("data-status", "warning") : e.setAttribute("data-status", "good");
 	}
-	let n = i(T, this) > 0 ? `+${t}` : t;
-	r(K, this, Y).call(this, "latency-section", `Drift ${n}`);
+	let n = a(T, this) > 0 ? `+${t}` : t;
+	i(G, this, J).call(this, "latency-section", `Drift ${n}`);
 }
 function Ye() {
-	let e = r(K, this, q).call(this, "#abr-auto-btn"), t = r(K, this, q).call(this, "#abr-fixed-btn");
+	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(), a(x, this, !0), r(K, this, Ze).call(this), this.dispatchEvent(new CustomEvent(c.SET_ABR_MODE, {
+		e.stopPropagation(), r(x, this, !0), i(G, this, Ze).call(this), this.dispatchEvent(new CustomEvent(c.SET_ABR_MODE, {
 			bubbles: !0,
 			composed: !0,
 			detail: !0
-		})), r(K, this, $).call(this, "Quality", "ABR mode: Auto");
+		})), i(G, this, $).call(this, "Quality", "ABR mode: Auto");
 	}), t == null || t.addEventListener("click", (e) => {
 		e.stopPropagation();
-		let t = r(K, this, Xe).call(this);
+		let t = i(G, this, Xe).call(this);
 		t && this.dispatchEvent(new CustomEvent(c.SET_RENDITION, {
 			bubbles: !0,
 			composed: !0,
 			detail: t
-		})), a(x, this, !1), r(K, this, Ze).call(this), this.dispatchEvent(new CustomEvent(c.SET_ABR_MODE, {
+		})), r(x, this, !1), i(G, this, Ze).call(this), this.dispatchEvent(new CustomEvent(c.SET_ABR_MODE, {
 			bubbles: !0,
 			composed: !0,
 			detail: !1
-		})), r(K, this, $).call(this, "Quality", "ABR mode: Fixed");
+		})), i(G, this, $).call(this, "Quality", "ABR mode: Fixed");
 	});
-	let n = r(K, this, q).call(this, "#size-cap-toggle");
+	let n = i(G, this, K).call(this, "#size-cap-toggle");
 	n == null || n.addEventListener("click", (e) => {
-		e.stopPropagation(), a(S, this, !i(S, this)), r(K, this, Qe).call(this), this.dispatchEvent(new CustomEvent(c.SET_SIZE_BASED_RESOLUTION_CAP_MODE, {
+		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, {
 			bubbles: !0,
 			composed: !0,
-			detail: i(S, this)
-		})), r(K, this, $).call(this, "Quality", `Size cap: ${i(S, this) ? "On" : "Off"}`);
+			detail: a(S, this)
+		})), i(G, this, $).call(this, "Quality", `Size cap: ${a(S, this) ? "On" : "Off"}`);
 	});
 }
 function Xe() {
-	let e = [...i(y, this)].sort((e, t) => {
+	let e = [...a(y, 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 <= i(b, this);
+		return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= a(b, this);
 	}) || e[e.length - 1] || null;
 }
 function Ze() {
-	let e = r(K, this, q).call(this, "#abr-auto-btn"), t = r(K, this, q).call(this, "#abr-fixed-btn"), n = r(K, this, q).call(this, "#quality-status-text");
-	e == null || e.setAttribute("data-active", String(i(x, this))), t == null || t.setAttribute("data-active", String(!i(x, this))), n && r(K, this, J).call(this, n, i(x, this) ? "Select maximum allowed quality" : "Select specific quality (may cause buffering)"), r(K, this, tt).call(this);
+	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);
 }
 function Qe() {
-	let e = r(K, this, q).call(this, "#size-cap-toggle");
-	e && (e.textContent = i(S, this) ? "On" : "Off", e.setAttribute("data-active", String(i(S, this))), e.disabled = !i(x, this));
+	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));
 }
 function $e() {
 	var e;
 	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("#quality-menu");
-	t && (t.innerHTML = "", i(y, this).sort((e, t) => {
+	t && (t.innerHTML = "", a(y, 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, i, a, o, s, l, ee;
-		let u = document.createElement("button");
-		u.className = "quality-item", u.type = "button", u.setAttribute("data-id", String(((n = e.video) == null ? void 0 : n.id) || 0)), u.setAttribute("data-bitrate", String(((i = e.video) == null ? void 0 : i.bitRate) || 0)), u.setAttribute("aria-label", e.video ? `Set quality to ${ne(e.video)}` : "Set quality");
-		let d = document.createElement("div");
-		d.className = "quality-item-info";
-		let f = document.createElement("span");
-		f.className = "quality-item-title", f.textContent = e.video ? ne(e.video) : "";
+		var n, r, a, o, l, ee, u;
+		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-subtitle";
-		let m = r(K, this, et).call(this, (a = e.video) == null ? void 0 : a.frameRate), re = m ? `, ${m}fps` : "";
-		p.textContent = `${te(((o = (s = e.video) == null ? void 0 : s.bitRate) == null ? 0 : o) + ((l = (ee = e.audio) == null ? void 0 : ee.bitRate) == null ? 0 : l))}${re}`, d.appendChild(f), d.appendChild(p), u.appendChild(d);
-		let h = document.createElement("span");
-		h.className = "quality-current-label", h.textContent = "Current", u.appendChild(h), u.addEventListener("click", (t) => {
+		p.className = "quality-item-title", p.textContent = e.video ? s(e.video) : "";
+		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, {
 				bubbles: !0,
 				composed: !0,
 				detail: e
 			}));
-			let n = e.video ? ne(e.video) : "unknown";
-			r(K, this, $).call(this, "Quality", `Selected: ${n}`);
-		}), t.appendChild(u);
-	}), r(K, this, tt).call(this));
+			let n = e.video ? s(e.video) : "unknown";
+			i(G, this, $).call(this, "Quality", `Selected: ${n}`);
+		}), t.appendChild(d);
+	}), i(G, this, tt).call(this));
 }
 function et(e) {
 	return e ? e[0] % e[1] === 0 ? (e[0] / e[1]).toString() : (e[0] / e[1]).toFixed(2) : "";
 }
 function tt() {
 	var e, t, n;
-	let a = (e = this.shadowRoot) == null ? void 0 : e.querySelectorAll(".quality-item"), o = (t = i(C, this)) == null || (t = t.video) == null ? void 0 : t.id, s = i(b, this), c = r(K, this, nt).call(this, a, s);
-	a == null || a.forEach((e) => {
+	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);
+	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)), i(x, this) ? e.setAttribute("data-capped", String(n > s)) : e.removeAttribute("data-capped");
+		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 l = (n = i(C, this)) == null ? void 0 : n.video;
+	let l = (n = a(C, this)) == null ? void 0 : n.video;
 	if (l != null && l.width && l.height) {
-		r(K, this, Y).call(this, "quality-section", `${l.width}x${l.height}`);
+		i(G, this, J).call(this, "quality-section", `${l.width}x${l.height}`);
 		return;
 	}
 	if (typeof c == "number" && c > 0) {
-		r(K, this, Y).call(this, "quality-section", te(c, 1));
+		i(G, this, J).call(this, "quality-section", te(c, 1));
 		return;
 	}
-	r(K, this, Y).call(this, "quality-section", i(x, this) ? "Auto" : "Fixed");
+	i(G, this, J).call(this, "quality-section", a(x, this) ? "Auto" : "Fixed");
 }
 function nt(e, t) {
 	var n;
@@ -1503,46 +1504,46 @@ function nt(e, t) {
 	}), (n = r) == null ? i : n;
 }
 function rt() {
-	r(K, this, it).call(this), r(K, this, ot).call(this), r(K, this, at).call(this), a(E, this, window.setInterval(() => r(K, this, at).call(this), 1e3));
+	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));
 }
 function it() {
-	i(E, this) !== null && (clearInterval(i(E, this)), a(E, this, null));
+	a(E, this) !== null && (clearInterval(a(E, this)), r(E, this, null));
 }
 function at() {
 	var e;
-	let t = (e = i(v, this)) == null ? void 0 : e.instance;
+	let t = (e = a(v, this)) == null ? void 0 : e.instance;
 	if (t) try {
 		let e = t.getStatistics();
-		r(K, this, Z).call(this), r(K, this, Q).call(this, "#sdk-version", e.version || "-"), r(K, this, Q).call(this, "#session-id", e.sessionId || "-"), r(K, this, Q).call(this, "#client-id", e.clientId || "-"), r(K, this, Q).call(this, "#channel-id", e.channelId || "-"), r(K, this, Q).call(this, "#channel-group-id", e.channelGroupId || "-"), r(K, this, Q).call(this, "#uptime", r(K, this, ct).call(this, e.uptime)), r(K, this, Q).call(this, "#ttff", e.timeToFirstFrame ? `${e.timeToFirstFrame}ms` : "-"), r(K, this, Q).call(this, "#connection-state", t.connectionState || "-"), r(K, this, Q).call(this, "#playback-state", t.playbackState || "-");
+		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 || "-");
 		let n = typeof t.playbackLatency == "number" ? `${Math.round(t.playbackLatency)}ms` : "-";
-		r(K, this, Q).call(this, "#playback-latency", n), r(K, this, Q).call(this, "#average-drift", r(K, this, lt).call(this, e.averageDrift, 1));
+		i(G, this, Q).call(this, "#playback-latency", n), i(G, this, Q).call(this, "#average-drift", i(G, this, lt).call(this, e.averageDrift, 1));
 		let o = `${Math.max(0, t.bufferFullness * 100).toFixed(0)}%`;
-		if (r(K, this, Q).call(this, "#playback-buffer-fullness", o), r(K, this, Y).call(this, "playback-section", `Buffer ${o}`), r(K, this, Q).call(this, "#playback-last-buffer-event", t.lastBufferEvent || "-"), r(K, this, Q).call(this, "#playback-buffering-events", typeof e.bufferingEventsCount == "number" ? e.bufferingEventsCount.toString() : "-"), r(K, this, Q).call(this, "#playback-buffering-ratio", r(K, this, ut).call(this, e.bufferingRatio)), r(K, this, Q).call(this, "#playback-time-spent-buffering", r(K, this, ct).call(this, t.timeSpentBuffering)), r(K, this, Q).call(this, "#playback-rendition-changes", r(K, this, pt).call(this, e.renditionLevelChangeCount, e.renditionChangesPerMinute)), r(K, this, Q).call(this, "#playback-seek-adjustments-rate", r(K, this, ft).call(this, e.seekAdjustmentsPerMinute, "min")), r(K, this, Q).call(this, "#playback-timeshift-adjustments-rate", r(K, this, ft).call(this, e.timeshiftAdjustmentsPerMinute, "min")), r(K, this, Q).call(this, "#playback-current-rendition", r(K, this, yt).call(this, e)), r(K, this, Q).call(this, "#playback-codecs", r(K, this, bt).call(this, e)), r(K, this, Q).call(this, "#playback-frame-drops", r(K, this, xt).call(this, e)), e.edgeUrl) try {
-			r(K, this, Q).call(this, "#network-edge-url", new URL(e.edgeUrl).hostname);
+		if (i(G, this, Q).call(this, "#playback-buffer-fullness", o), i(G, this, J).call(this, "playback-section", `Buffer ${o}`), i(G, this, Q).call(this, "#playback-last-buffer-event", t.lastBufferEvent || "-"), i(G, this, Q).call(this, "#playback-buffering-events", typeof e.bufferingEventsCount == "number" ? e.bufferingEventsCount.toString() : "-"), i(G, this, Q).call(this, "#playback-buffering-ratio", i(G, this, ut).call(this, e.bufferingRatio)), i(G, this, Q).call(this, "#playback-time-spent-buffering", i(G, this, ct).call(this, t.timeSpentBuffering)), i(G, this, Q).call(this, "#playback-rendition-changes", i(G, this, pt).call(this, e.renditionLevelChangeCount, e.renditionChangesPerMinute)), i(G, this, Q).call(this, "#playback-seek-adjustments-rate", i(G, this, ft).call(this, e.seekAdjustmentsPerMinute, "min")), i(G, this, Q).call(this, "#playback-timeshift-adjustments-rate", i(G, this, ft).call(this, e.timeshiftAdjustmentsPerMinute, "min")), i(G, this, Q).call(this, "#playback-current-rendition", i(G, this, yt).call(this, e)), i(G, this, Q).call(this, "#playback-codecs", i(G, this, bt).call(this, e)), i(G, this, Q).call(this, "#playback-frame-drops", i(G, this, xt).call(this, e)), e.edgeUrl) try {
+			i(G, this, Q).call(this, "#network-edge-url", new URL(e.edgeUrl).hostname);
 		} catch (t) {
-			r(K, this, Q).call(this, "#network-edge-url", e.edgeUrl);
+			i(G, this, Q).call(this, "#network-edge-url", e.edgeUrl);
 		}
-		else r(K, this, Q).call(this, "#network-edge-url", "-");
-		r(K, this, Q).call(this, "#network-protocol", r(K, this, mt).call(this, e.connectionProtocol));
-		let s = r(K, this, ht).call(this, e.rtt);
-		r(K, this, Q).call(this, "#network-rtt", s), r(K, this, Q).call(this, "#network-estimated-bandwidth", r(K, this, dt).call(this, e.estimatedBandwidth)), r(K, this, Q).call(this, "#network-video-bitrate", r(K, this, dt).call(this, e.videoBitRate)), r(K, this, Q).call(this, "#network-audio-bitrate", r(K, this, dt).call(this, e.audioBitRate)), r(K, this, Q).call(this, "#network-bitrate", r(K, this, dt).call(this, e.averageBitRate)), r(K, this, Q).call(this, "#network-audio-jitter", r(K, this, _t).call(this, e.audioJitter)), r(K, this, Q).call(this, "#network-video-jitter", r(K, this, _t).call(this, e.videoJitter)), r(K, this, Q).call(this, "#network-connect-success", r(K, this, vt).call(this, e.connectCount, e.connectionAttemptCount, e.connectionSuccessRatio)), r(K, this, Q).call(this, "#network-reconnects-per-hour", r(K, this, ft).call(this, e.reconnectsPerHour, "h")), r(K, this, Y).call(this, "network-section", r(K, this, gt).call(this, e.rtt));
-		let c = r(K, this, ct).call(this, e.uptime);
-		r(K, this, Y).call(this, "stats-section", c === "-" ? "Up -" : `Up ${c}`), i(A, this) && (a(A, this, !1), r(K, this, $).call(this, "System", "Statistics stream recovered"));
+		else i(G, this, Q).call(this, "#network-edge-url", "-");
+		i(G, this, Q).call(this, "#network-protocol", i(G, this, mt).call(this, e.connectionProtocol));
+		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"));
 	} catch (e) {
-		i(A, this) || (a(A, this, !0), r(K, this, $).call(this, "System", "Failed to read statistics", "error"));
+		a(A, this) || (r(A, this, !0), i(G, this, $).call(this, "System", "Failed to read statistics", "error"));
 	}
 }
 function ot() {
 	var e;
-	let t = (e = i(v, this)) == null ? void 0 : e.instance;
-	!t || i(j, this) === t || (r(K, this, st).call(this), a(j, this, t), t.on("connection state", i(pe, this)), t.on("playback state", i(me, this)), t.on("buffer state event", i(he, this)), t.on("error", i(ge, this)), t.on("rendition level", i(_e, this)), t.on("is live", i(ve, this)));
+	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)));
 }
 function st() {
-	let e = i(j, this);
-	e && (e.off("connection state", i(pe, this)), e.off("playback state", i(me, this)), e.off("buffer state event", i(he, this)), e.off("error", i(ge, this)), e.off("rendition level", i(_e, this)), e.off("is live", i(ve, this)), a(j, this, null));
+	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));
 }
 function Q(e, t) {
-	r(K, this, J).call(this, r(K, this, q).call(this, e), t);
+	i(G, this, q).call(this, i(G, this, K).call(this, e), t);
 }
 function ct(e) {
 	if (!e) return "-";
@@ -1586,7 +1587,7 @@ function vt(e, t, n) {
 }
 function yt(e) {
 	if (!(typeof e.videoWidth == "number" && typeof e.videoHeight == "number")) return e.audioCodec ? "Audio only" : "-";
-	let t = r(K, this, et).call(this, e.frameRate), n = t ? ` @ ${t}fps` : "";
+	let t = i(G, this, et).call(this, e.frameRate), n = t ? ` @ ${t}fps` : "";
 	return `${e.videoWidth}x${e.videoHeight}${n}`;
 }
 function bt(e) {
@@ -1598,13 +1599,13 @@ function xt(e) {
 }
 function St() {
 	var e = this;
-	let n = r(K, this, q).call(this, "#events-clear"), o = r(K, this, q).call(this, "#copy-events");
-	a(B, this, r(K, this, q).call(this, "#events-list")), a(V, this, r(K, this, q).call(this, "#events-count")), n == null || n.addEventListener("click", (e) => {
-		e.stopPropagation(), a(O, this, []), r(K, this, Et).call(this, !0);
+	let n = i(G, this, K).call(this, "#events-clear"), o = 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() {
 		var n = t(function* (t) {
 			t.stopPropagation();
-			let n = JSON.stringify(i(O, e).map((e) => d(d({}, e), {}, { isoTimestamp: new Date(e.timestamp).toISOString() })), null, 2);
+			let n = JSON.stringify(a(O, e).map((e) => f(f({}, e), {}, { isoTimestamp: new Date(e.timestamp).toISOString() })), null, 2);
 			try {
 				yield navigator.clipboard.writeText(n), o.textContent = "Copied", setTimeout(() => {
 					o.textContent = "Copy";
@@ -1621,62 +1622,62 @@ function St() {
 	}());
 }
 function $(e, t, n = "info") {
-	a(k, this, i(k, this) + 1);
+	r(k, this, a(k, this) + 1);
 	let o = {
-		id: i(k, this),
+		id: a(k, this),
 		timestamp: Date.now(),
 		category: e,
 		message: t,
 		level: n
 	};
-	if (i(O, this).push(o), i(O, this).length > 250 && i(O, this).splice(0, i(O, this).length - 250), r(K, this, Ce).call(this), r(K, this, Se).call(this, "events-section")) {
-		r(K, this, wt).call(this, o), r(K, this, Tt).call(this);
+	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")) {
+		i(G, this, wt).call(this, o), i(G, this, Tt).call(this);
 		return;
 	}
-	a(H, this, !0);
+	r(V, this, !0);
 }
 function Ct(e) {
 	let t = document.createElement("div");
 	t.className = "event-row", t.setAttribute("data-level", e.level);
 	let n = document.createElement("span");
-	n.className = "event-time", n.textContent = r(K, this, Dt).call(this, e.timestamp);
-	let i = document.createElement("span");
-	i.className = "event-category", i.textContent = e.category;
+	n.className = "event-time", n.textContent = i(G, this, Dt).call(this, e.timestamp);
+	let r = document.createElement("span");
+	r.className = "event-category", r.textContent = e.category;
 	let a = document.createElement("span");
-	return a.className = "event-message", a.textContent = e.message, t.appendChild(n), t.appendChild(i), t.appendChild(a), t;
+	return a.className = "event-message", a.textContent = e.message, t.appendChild(n), t.appendChild(r), t.appendChild(a), t;
 }
 function wt(e) {
-	if (!i(B, this)) return;
-	let t = i(B, this).querySelector(".events-empty");
+	if (!a(z, this)) return;
+	let t = a(z, this).querySelector(".events-empty");
 	t && t.remove();
-	let n = r(K, this, Ct).call(this, e);
-	i(B, this).prepend(n);
+	let n = i(G, this, Ct).call(this, e);
+	a(z, this).prepend(n);
 }
 function Tt() {
-	if (!i(B, this)) return;
-	let e = i(B, this).querySelectorAll(".event-row");
+	if (!a(z, this)) return;
+	let e = a(z, this).querySelectorAll(".event-row");
 	for (let n = e.length - 1; n >= 250; n--) {
 		var t;
 		(t = e[n]) == null || t.remove();
 	}
 }
 function Et(e = !1) {
-	if (!i(B, this) || !i(V, this)) return;
-	if (r(K, this, Ce).call(this), !e && !r(K, this, Se).call(this, "events-section")) {
-		a(H, this, !0);
+	if (!a(z, this) || !a(B, this)) return;
+	if (i(G, this, we).call(this), !e && !i(G, this, Ce).call(this, "events-section")) {
+		r(V, this, !0);
 		return;
 	}
-	if (a(H, this, !1), i(O, this).length === 0) {
-		i(B, this).innerHTML = "<div class=\"events-empty\">No events yet</div>";
+	if (r(V, this, !1), a(O, this).length === 0) {
+		a(z, this).innerHTML = "<div class=\"events-empty\">No events yet</div>";
 		return;
 	}
-	i(B, this).innerHTML = "";
+	a(z, this).innerHTML = "";
 	let t = document.createDocumentFragment();
-	for (let e = i(O, this).length - 1; e >= 0; e--) {
-		let n = i(O, this)[e];
-		n && t.appendChild(r(K, this, Ct).call(this, n));
+	for (let e = a(O, this).length - 1; e >= 0; e--) {
+		let n = a(O, this)[e];
+		n && t.appendChild(i(G, this, Ct).call(this, n));
 	}
-	i(B, this).appendChild(t);
+	a(z, this).appendChild(t);
 }
 function Dt(e) {
 	return new Date(e).toLocaleTimeString([], {
@@ -1688,13 +1689,13 @@ function Dt(e) {
 }
 function Ot() {
 	var e = this;
-	let n = r(K, this, q).call(this, "#copy-stats");
+	let n = i(G, this, K).call(this, "#copy-stats");
 	n == null || n.addEventListener("click", function() {
-		var i = t(function* (t) {
+		var r = t(function* (t) {
 			t.stopPropagation();
-			let i = r(K, e, kt).call(e);
+			let r = i(G, e, kt).call(e);
 			try {
-				yield navigator.clipboard.writeText(JSON.stringify(i, null, 2)), n.setAttribute("data-copied", "true"), n.textContent = "Copied!", setTimeout(() => {
+				yield navigator.clipboard.writeText(JSON.stringify(r, null, 2)), n.setAttribute("data-copied", "true"), n.textContent = "Copied!", setTimeout(() => {
 					n.setAttribute("data-copied", "false"), n.textContent = "Copy Stats to Clipboard";
 				}, 2e3);
 			} catch (e) {
@@ -1704,34 +1705,34 @@ function Ot() {
 			}
 		});
 		return function(e) {
-			return i.apply(this, arguments);
+			return r.apply(this, arguments);
 		};
 	}());
 }
 function kt() {
 	var e;
-	let t = (e = i(v, this)) == null ? void 0 : e.instance;
+	let t = (e = a(v, this)) == null ? void 0 : e.instance;
 	if (!t) return {
 		error: "Vindral instance not available",
 		timestamp: (/* @__PURE__ */ new Date()).toISOString()
 	};
 	try {
-		return d(d({}, t.getStatistics()), {}, {
+		return f(f({}, t.getStatistics()), {}, {
 			connectionState: t.connectionState,
 			playbackState: t.playbackState,
 			playbackLatency: t.playbackLatency,
 			bufferFullness: t.bufferFullness,
 			lastBufferEvent: t.lastBufferEvent,
 			timeSpentBuffering: t.timeSpentBuffering,
-			currentRendition: i(C, this),
-			targetBufferTime: i(w, this),
-			drift: i(T, this),
-			abrEnabled: i(x, this),
+			currentRendition: a(C, this),
+			targetBufferTime: a(w, this),
+			drift: a(T, this),
+			abrEnabled: a(x, this),
 			debugLayout: {
-				openSections: r(K, this, Me).call(this),
-				sectionOrder: r(K, this, Ne).call(this)
+				openSections: i(G, this, Ne).call(this),
+				sectionOrder: i(G, this, Pe).call(this)
 			},
-			debugEvents: i(O, this).map((e) => d(d({}, e), {}, { isoTimestamp: new Date(e.timestamp).toISOString() })),
+			debugEvents: a(O, this).map((e) => f(f({}, e), {}, { isoTimestamp: new Date(e.timestamp).toISOString() })),
 			timestamp: (/* @__PURE__ */ new Date()).toISOString()
 		});
 	} catch (e) {
@@ -1741,21 +1742,21 @@ function kt() {
 		};
 	}
 }
-e(be, "observedAttributes", [
-	s.DEBUG_PANEL_OPEN,
-	s.TARGET_BUFFER_TIME,
-	s.DRIFT,
-	s.RENDITION_LEVELS,
-	s.MAX_VIDEO_BITRATE,
-	s.ABR_ENABLED,
-	s.SIZE_BASED_RESOLUTION_CAP_ENABLED,
-	s.RENDITION_LEVEL
+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
 ]);
 //#endregion
 //#region ../../libs/player-next/src/registerDebugComponents.ts
-var At = /* @__PURE__ */ p({ registerDebugComponents: () => jt });
+var At = /* @__PURE__ */ m({ registerDebugComponents: () => jt });
 function jt() {
-	customElements.get("vindral-debug-button") || customElements.define("vindral-debug-button", ie), customElements.get("vindral-debug-panel") || customElements.define("vindral-debug-panel", be);
+	customElements.get("vindral-debug-button") || customElements.define("vindral-debug-button", re), customElements.get("vindral-debug-panel") || customElements.define("vindral-debug-panel", xe);
 }
 //#endregion
 export { At as n, jt as t };