@vindral/web-sdk 3.3.1 → 3.3.2

package/index.js

@@ -1870,14 +1870,10 @@ class QI {
     return (s = this.overrides.get(e)) == null ? void 0 : s[A];
   }
 }
-const rI = "__vindral_debug_name__", EI = (i) => {
-  var g;
-  const e = new URLSearchParams((g = window == null ? void 0 : window.location) == null ? void 0 : g.search).get(rI);
-  if (!e)
-    return;
-  const s = window;
-  s[e] = i;
-}, hI = {
+const rI = (i) => {
+  const A = window;
+  A.vindralInstances = A.vindralInstances || {}, A.vindralInstances[i.getStatistics().clientId.substring(0, 8)] = i;
+}, EI = {
   sizeBasedResolutionCapEnabled: !0,
   pictureInPictureEnabled: !0,
   abrEnabled: !0,
@@ -1908,7 +1904,7 @@ const rI = "__vindral_debug_name__", EI = (i) => {
     }
   },
   videoCodecs: ["av1", "h264"]
-}, cI = (i) => {
+}, hI = (i) => {
   if (!navigator.mediaCapabilities)
     return Promise.resolve({ smooth: !0, supported: !0, powerEfficient: !0, failedToQuery: !0 });
   let A;
@@ -1930,7 +1926,7 @@ const rI = "__vindral_debug_name__", EI = (i) => {
       framerate: i.frameRate[0] / i.frameRate[1]
     }
   }, navigator.mediaCapabilities.decodingInfo(A);
-}, dI = 0.15, lI = 0.2, Zt = 0.4, uI = 0.5, mI = 0.6, He = 15, wI = {
+}, cI = 0.15, dI = 0.2, Zt = 0.4, lI = 0.5, uI = 0.6, He = 15, mI = {
   cooldownTime: 3e3,
   maxBufferingEvents: {
     last10Seconds: 0
@@ -2002,7 +1998,7 @@ const rI = "__vindral_debug_name__", EI = (i) => {
       const { bufferFullness: e, general: s } = this.qualityOfServiceSource.getMetrics(), g = this.qualityOfServiceSource.getBufferFullnessRegression();
       if (!g)
         return;
-      const I = 10 * 1e3, { slope: n } = g, o = g.predict(He), B = n < 0, C = g.predict(He) < Zt && g.slope < 0, a = g.predict(He) > mI, Q = this.qualityOfServiceSource.timeSpentBufferingLast(30 * 1e3), r = this.qualityOfServiceSource.timeSpentActiveLast(30 * 1e3), c = Q / r;
+      const I = 10 * 1e3, { slope: n } = g, o = g.predict(He), B = n < 0, C = g.predict(He) < Zt && g.slope < 0, a = g.predict(He) > uI, Q = this.qualityOfServiceSource.timeSpentBufferingLast(30 * 1e3), r = this.qualityOfServiceSource.timeSpentActiveLast(30 * 1e3), c = Q / r;
       if (e < 0.15 && c > 0.8) {
         this.adaptLevel("reconnect");
         return;
@@ -2011,13 +2007,13 @@ const rI = "__vindral_debug_name__", EI = (i) => {
         this.adaptLevel("downgrade");
         return;
       }
-      C || e < dI ? B && e < Zt && o < lI && this.adaptLevel(A.playbackState === "buffering" ? "double downgrade" : "downgrade") : e > uI && a && !this.tooMuchTimeBuffering(I) && !this.tooManyBufferingEvents(I) && this.adaptLevel("upgrade");
+      C || e < cI ? B && e < Zt && o < dI && this.adaptLevel(A.playbackState === "buffering" ? "double downgrade" : "downgrade") : e > lI && a && !this.tooMuchTimeBuffering(I) && !this.tooManyBufferingEvents(I) && this.adaptLevel("upgrade");
     });
     t(this, "onAdaptedLevel", () => {
       this.reset();
     });
     t(this, "adaptLevel", (A) => this.emitter.emit("adapt level", A));
-    this.qualityOfServiceSource = s, this.config = h(h({}, wI), g), this.emitter = A, this.logger = e;
+    this.qualityOfServiceSource = s, this.config = h(h({}, mI), g), this.emitter = A, this.logger = e;
   }
   tooMuchTimeBuffering(A) {
     return this.qualityOfServiceSource.timeSpentBufferingLast(A) / this.qualityOfServiceSource.timeSpentActiveLast(A) > this.config.maxBufferingRatio.last10Seconds;
@@ -2028,7 +2024,7 @@ const rI = "__vindral_debug_name__", EI = (i) => {
 };
 t(Ie, "create", (A, e, s, g = {}) => new Ie(A, e, s, g));
 let je = Ie;
-const SI = {
+const wI = {
   minBufferTime: 1500,
   maxBufferTime: 1500,
   cooldownTime: 3e4,
@@ -2081,7 +2077,7 @@ const SI = {
         this.targetBufferTimeTarget.targetBufferTime + C
       ), this.bufferTimeAdjustmentCount++, this.reset());
     });
-    this.qualityOfServiceSource = s, this.targetBufferTimeTarget = g, this.config = h(h({}, SI), I), this.emitter = A, this.logger = e;
+    this.qualityOfServiceSource = s, this.targetBufferTimeTarget = g, this.config = h(h({}, wI), I), this.emitter = A, this.logger = e;
   }
   updateConfig(A) {
     this.config = h(h({}, this.config), A);
@@ -2089,7 +2085,7 @@ const SI = {
 };
 t(CA, "BUFFER_TIME_STEP_SIZE", 500), t(CA, "BUFFER_TIME_MAX_STEPS", 3), t(CA, "create", (A, e, s, g, I = {}) => new CA(A, e, s, g, I));
 let _e = CA;
-class fI extends $ {
+class SI extends $ {
   constructor(e, s) {
     super();
     t(this, "options");
@@ -2222,7 +2218,7 @@ class fI extends $ {
     return this._connectTime;
   }
 }
-const DI = 65536 * 8, pI = 0.9, $e = (i) => DI * pI * 1e3 / i, IA = class IA {
+const fI = 65536 * 8, DI = 0.9, $e = (i) => fI * DI * 1e3 / i, IA = class IA {
   constructor(A, e, s) {
     t(this, "timers", W.create());
     t(this, "emitter");
@@ -2322,7 +2318,7 @@ const DI = 65536 * 8, pI = 0.9, $e = (i) => DI * pI * 1e3 / i, IA = class IA {
       }
     });
     t(this, "connect", (A) => {
-      this.disconnect("user connected"), this._connectionsCount = A, this.transport = new fI(
+      this.disconnect("user connected"), this._connectionsCount = A, this.transport = new SI(
         {
           reconnectDelay: 1e3,
           connectionsCount: this._connectionsCount,
@@ -2415,7 +2411,7 @@ const Pe = () => ({
   audio: {
     bitRate: QA()
   }
-}), yI = () => ({
+}), pI = () => ({
   width: window.innerWidth,
   height: window.innerHeight,
   bitRate: QA()
@@ -2473,7 +2469,7 @@ const Pe = () => ({
     });
     t(this, "evaluateConstraintCap", () => {
       var n, o, B, C, a;
-      const A = this.sizeBasedResolutionCapEnabled ? J(h({}, Pe()), { video: yI() }) : Pe();
+      const A = this.sizeBasedResolutionCapEnabled ? J(h({}, Pe()), { video: pI() }) : Pe();
       if (!this.resizeObserver) {
         const Q = this.element.getBoundingClientRect();
         this.elementSize = { width: Q.width, height: Q.height };
@@ -2526,7 +2522,7 @@ const PA = class PA {
       this.decoder.postMessage({ type: "unload" }), this.decoder.removeEventListener("message", this.onDecoderEvent), this.decoder.terminate();
     });
     t(this, "enqueue", (A) => {
-      if (this.codedSamples.push(A), this.enqueuedSamplesCount === 0 || this.codedSamples.length >= this.targetSamplesInBatch) {
+      if (this.codedSamples.push(A), this.samplesInDecoder() === 0 || this.codedSamples.length >= this.targetSamplesInBatch) {
         const e = this.codedSamples.slice(0, this.targetSamplesInBatch);
         this.codedSamples = this.codedSamples.slice(this.targetSamplesInBatch), e.forEach((s) => {
           const g = Math.ceil(s.width / 16) * 16, I = Math.ceil(s.height / 16) * 16, n = g * I * 3 / 2;
@@ -2593,7 +2589,7 @@ t(PA, "create", (A) => u(PA, null, function* () {
   }), new PA(e, A);
 }));
 let tt = PA;
-var FI = function() {
+var yI = function() {
   var i = typeof document != "undefined" && document.currentScript ? document.currentScript.src : void 0;
   return function(A) {
     A = A || {};
@@ -2851,7 +2847,7 @@ const eA = class eA {
   }
 };
 t(eA, "MAX_OPUS_BUFFER", 1e3 * 1e3), t(eA, "MAX_SAMPLES", 6 * 960), t(eA, "create", (A, e) => u(eA, null, function* () {
-  return new eA(yield FI(), A, e);
+  return new eA(yield yI(), A, e);
 }));
 let it = eA;
 const qA = class qA {
@@ -3074,12 +3070,12 @@ const ne = class ne {
 };
 t(ne, "create", (A) => new ne(A));
 let It = ne;
-const RI = (i) => (A, e, s) => A.timestamp <= e || A.timestampAdded <= s - i, aA = class aA {
+const FI = (i) => (A, e, s) => A.timestamp <= e || A.timestampAdded <= s - i, aA = class aA {
   constructor(A, e, s) {
     t(this, "logger");
     t(this, "emitter");
     t(this, "waitingEvents", []);
-    t(this, "isTriggered", RI(aA.EVENT_TIMEOUT));
+    t(this, "isTriggered", FI(aA.EVENT_TIMEOUT));
     t(this, "timeSource");
     t(this, "timers", new W());
     t(this, "load", () => {
@@ -3174,11 +3170,11 @@ const iA = class iA {
 };
 t(iA, "NO_DATA_ERROR_TIMEOUT", 20 * 1e3), t(iA, "NO_DATA_TIMEOUT", 5 * 1e3), t(iA, "UPDATE_RECEIVED_BYTES_INTERVAL", 1e3), t(iA, "create", (A) => new iA(A));
 let ot = iA;
-const kI = () => window.AudioContext || window.webkitAudioContext, oe = class oe extends $ {
+const RI = () => window.AudioContext || window.webkitAudioContext, oe = class oe extends $ {
   constructor() {
     super();
     // TODO: Checkout what happens when limit is reached
-    t(this, "context", new (kI())());
+    t(this, "context", new (RI())());
     t(this, "timers", W.create());
     t(this, "previousCurrentTime", 0);
     t(this, "_isStuck", !1);
@@ -3391,7 +3387,7 @@ const hA = (i, A) => {
     e += A;
   return e;
 };
-class GI {
+class kI {
   constructor() {
     t(this, "audio");
     t(this, "unmute", () => this.audio.play().catch(sA));
@@ -3693,7 +3689,7 @@ const ae = class ae {
     t(this, "audioPlayer");
     t(this, "videoPlayer");
     t(this, "pool");
-    t(this, "unmuter", new GI());
+    t(this, "unmuter", new kI());
     t(this, "_isPaused", !1);
     t(this, "isDisconnected", !1);
     t(this, "reset", () => {
@@ -3966,8 +3962,8 @@ const re = class re {
 };
 t(re, "create", (A, e, s, g, I) => new re(A, e, s, g, I));
 let rt = re;
-const UI = () => (i) => Ri(i.buffered.start(0), i.buffered.end(i.buffered.length - 1)), Ri = (i, A) => (e) => e.remove(Math.max(0, i), Math.min(Number.POSITIVE_INFINITY, A)), bI = (i) => (A) => A.appendBuffer(i), vI = (i) => (A) => A.changeType(i), JI = (i) => (A) => i(A);
-class LI {
+const GI = () => (i) => Ri(i.buffered.start(0), i.buffered.end(i.buffered.length - 1)), Ri = (i, A) => (e) => e.remove(Math.max(0, i), Math.min(Number.POSITIVE_INFINITY, A)), UI = (i) => (A) => A.appendBuffer(i), bI = (i) => (A) => A.changeType(i), vI = (i) => (A) => i(A);
+class JI {
   constructor(A) {
     t(this, "commandQueue", []);
     t(this, "sourceBuffer");
@@ -3976,11 +3972,11 @@ class LI {
       this.sourceBuffer.updating || (A = this.commandQueue.shift()) == null || A.execute(this.sourceBuffer);
     });
     t(this, "appendBuffer", (A) => new Promise((e, s) => {
-      const g = new JA(bI(A), e, s);
+      const g = new JA(UI(A), e, s);
       this.commandQueue.push(g), this.handleQueue();
     }));
     t(this, "execute", (A) => new Promise((e, s) => {
-      const g = new JA(JI(A), e, s);
+      const g = new JA(vI(A), e, s);
       this.commandQueue.push(g), this.handleQueue();
     }));
     t(this, "buffered", () => this.sourceBuffer.buffered);
@@ -3988,7 +3984,7 @@ class LI {
       A.removeSourceBuffer(this.sourceBuffer);
     });
     t(this, "changeType", (A) => new Promise((e, s) => {
-      const g = new JA(vI(A), e, s);
+      const g = new JA(bI(A), e, s);
       this.commandQueue.push(g), this.handleQueue();
     }));
     t(this, "removeBuffer", (A, e) => new Promise((s, g) => {
@@ -3996,7 +3992,7 @@ class LI {
       this.commandQueue.push(I), this.handleQueue();
     }));
     t(this, "flush", () => new Promise((A, e) => {
-      const s = new JA(UI, A, e);
+      const s = new JA(GI, A, e);
       this.commandQueue.push(s), this.handleQueue();
     }));
     this.sourceBuffer = A, this.sourceBuffer.addEventListener("updateend", this.handleQueue);
@@ -4029,7 +4025,7 @@ class ki extends $ {
     });
     t(this, "addSourceBuffer", (e) => {
       const s = this.mediaSource.addSourceBuffer(e);
-      return new LI(s);
+      return new JI(s);
     });
     t(this, "removeSourceBuffer", (e) => {
       e.removeFromMediaSource(this.mediaSource);
@@ -4073,7 +4069,7 @@ class Gi {
     });
   }
 }
-function NI(i, { mediaSource: A, mimeType: e }) {
+function LI(i, { mediaSource: A, mimeType: e }) {
   return J(h({}, i), {
     state: "initialized",
     mimeType: e,
@@ -4171,7 +4167,7 @@ const Ee = class Ee {
         let g = this.trackContexts.get(s.type);
         g || (g = ti({ pendingSamples: [], initSegments: new Gi() }), this.trackContexts.set(s.type, g)), g.state === "initialized" ? s.mimeType !== g.mimeType && (yield g.sourceBuffer.changeType(s.mimeType)) : this.trackContexts.set(
           s.type,
-          NI(g, { mimeType: s.mimeType, mediaSource: this.mediaSource })
+          LI(g, { mimeType: s.mimeType, mediaSource: this.mediaSource })
         );
       }
     }));
@@ -4228,7 +4224,7 @@ const Ee = class Ee {
         }
         try {
           let o = g.sequenceNumber;
-          const B = HI(A.map((C) => eI(C, o++)));
+          const B = NI(A.map((C) => eI(C, o++)));
           yield g.sourceBuffer.appendBuffer(B), g.sequenceNumber = o, g.consecutiveQuotaExceededErrorCount = 0, g.successfulAppendCalls++;
         } catch (o) {
           throw o instanceof DOMException && (o.code === DOMException.QUOTA_EXCEEDED_ERR ? (this.quotaErrorCount++, g.consecutiveQuotaExceededErrorCount++, this.logger.error("quota exceeded error", { error: o }), g.pendingSamples.unshift(...A)) : this.mediaElement.error && g.pendingSamples.unshift(...A)), o;
@@ -4247,7 +4243,7 @@ const Ee = class Ee {
           const s = h({}, A);
           s.timestamp = 0, e.pendingSamples.push(s);
         }
-        e.hasFirstSync = !0, e.pendingSamples.push(A), e.state !== "uninitialized" && (e.isWorkingOnPendingSamples || MI(e, this.append, this.maxChunkSize).catch((s) => {
+        e.hasFirstSync = !0, e.pendingSamples.push(A), e.state !== "uninitialized" && (e.isWorkingOnPendingSamples || HI(e, this.append, this.maxChunkSize).catch((s) => {
           if (e.isWorkingOnPendingSamples = !1, s instanceof Error) {
             if (this.logger.error("append failed", { message: s.message, name: s.name }), s instanceof DOMException && s.code === DOMException.QUOTA_EXCEEDED_ERR) {
               if (e.consecutiveQuotaExceededErrorCount >= this.minConsecutiveErrorsBeforeEmit) {
@@ -4293,13 +4289,13 @@ const ii = (i, A) => {
   const e = i.renditionId !== A.renditionId, s = i.channelId !== A.channelId, g = ((n = i.timestamp) != null ? n : 0) > A.timestamp;
   let I = !1;
   return i.type === "video" && A.type === "video" && (I = A.width !== i.width || A.height !== i.height), s || e || g || I;
-}, HI = function(i) {
+}, NI = function(i) {
   const A = i.reduce((g, I) => g + I.byteLength, 0), e = new Uint8Array(A);
   let s = 0;
   return i.forEach((g) => {
     e.set(new Uint8Array(g), s), s += g.byteLength;
   }), e.buffer;
-}, MI = (i, A, e) => u(void 0, null, function* () {
+}, HI = (i, A, e) => u(void 0, null, function* () {
   for (i.isWorkingOnPendingSamples = !0; i.pendingSamples.length > 0; ) {
     const s = [];
     let g = 0;
@@ -4405,7 +4401,7 @@ const dt = () => ({
   bufferingRanges: [],
   activeRanges: [],
   decodeRate: Number.MAX_SAFE_INTEGER
-}), PI = () => ({
+}), MI = () => ({
   levels: {},
   levelDowngrades: [],
   levelUpgrades: [],
@@ -4417,7 +4413,7 @@ const dt = () => ({
     t(this, "logger");
     t(this, "emitter");
     t(this, "timers", W.create());
-    t(this, "metrics", PI());
+    t(this, "metrics", MI());
     t(this, "bufferFullness", new x(30));
     t(this, "bufferFullnessRegression");
     t(this, "currentLevel");
@@ -4755,7 +4751,7 @@ const si = (i) => JSON.parse(JSON.stringify(i)), ue = class ue {
 };
 t(ue, "create", (A, e, s) => new ue(A, s, e));
 let mt = ue;
-const qI = 5e3, TI = () => hi() || fe() || zi(), gi = () => TI() ? 100 : 0, Ii = (i) => (A) => A > i, me = class me {
+const PI = 5e3, qI = () => hi() || fe() || zi(), gi = () => qI() ? 100 : 0, Ii = (i) => (A) => A > i, me = class me {
   constructor(A, e, s, g, I) {
     t(this, "emitter");
     t(this, "logger");
@@ -4884,7 +4880,7 @@ const qI = 5e3, TI = () => hi() || fe() || zi(), gi = () => TI() ? 100 : 0, Ii =
       var g;
       if (!A.channelId)
         throw new Error("Sample must be assigned to a channel");
-      this.currentChannelId || (this.currentChannelId = A.channelId), this.timestampOffset || (this.timestampOffset = A.timestamp / A.timescale * 1e3 - qI);
+      this.currentChannelId || (this.currentChannelId = A.channelId), this.timestampOffset || (this.timestampOffset = A.timestamp / A.timescale * 1e3 - PI);
       const e = A.type === "video" && A.isSync;
       if (this.currentChannelId !== A.channelId) {
         let I = Number.MAX_SAFE_INTEGER;
@@ -5047,7 +5043,7 @@ const qI = 5e3, TI = () => hi() || fe() || zi(), gi = () => TI() ? 100 : 0, Ii =
 };
 t(me, "create", (A, e, s, g, I) => new me(A, e, s, g, I));
 let wt = me;
-const KI = {
+const TI = {
   enabled: !0,
   interval: 3e4,
   includeErrors: !0,
@@ -5137,7 +5133,7 @@ const KI = {
         );
       }
     });
-    this.logger = A, this.emitter = e, this.options = h(h({}, KI), s), this.parentContext = g;
+    this.logger = A, this.emitter = e, this.options = h(h({}, TI), s), this.parentContext = g;
   }
 };
 t(we, "create", (A, e, s, g) => new we(A, e, s, g));
@@ -5159,7 +5155,7 @@ const Se = class Se {
 };
 t(Se, "create", (A, e, s) => new Se(A, e, s));
 let se = Se;
-const YI = 6, xI = (i) => {
+const KI = 6, YI = (i) => {
   let A = [i], e = 0, s = 0, g = !1;
   const I = (o, B) => {
     var p, R, w;
@@ -5174,7 +5170,7 @@ const YI = 6, xI = (i) => {
     });
   };
   return (o, B = !1) => {
-    if (o.flags && HA(o.flags) && B && (g = !g), !(B && A.length < YI && g) && A.length > 0) {
+    if (o.flags && HA(o.flags) && B && (g = !g), !(B && A.length < KI && g) && A.length > 0) {
       g = !1;
       let a = o;
       for (let r = A.length - 1; r > 0; r--) {
@@ -5190,12 +5186,12 @@ const YI = 6, xI = (i) => {
     }
     return A.push(o), [];
   };
-}, WI = (i, A) => {
+}, xI = (i, A) => {
   if (!i)
     return;
   const e = new URL("/subscribe", i);
   return e.searchParams.append("channelId", A.channelId), e.searchParams.append("sessionId", A.sessionId), e.searchParams.append("clientId", A.clientId), A.audio && A.audio.codec && (e.searchParams.append("audio.bitRate", Math.round(A.audio.bitRate).toString()), e.searchParams.append("audio.codec", A.audio.codec), A.audio.language && e.searchParams.append("audio.language", A.audio.language)), A.video && A.video.codec && (e.searchParams.append("video.width", A.video.width.toString()), e.searchParams.append("video.height", A.video.height.toString()), e.searchParams.append("video.bitRate", Math.round(A.video.bitRate).toString()), e.searchParams.append("video.codec", A.video.codec)), A.expectAdditionalConnection && e.searchParams.append("expectAdditionalConnection", A.expectAdditionalConnection.toString()), A.burstMs && e.searchParams.append("burstMs", A.burstMs.toString()), A.channelGroupId && e.searchParams.append("channelGroupId", A.channelGroupId), A.authToken && (e.searchParams.append("auth.token", A.authToken), e.searchParams.append("auth.type", "jwt")), e.toString();
-}, VI = (i, A, e) => GA(A) ? h(J(h({}, i), {
+}, WI = (i, A, e) => GA(A) ? h(J(h({}, i), {
   type: "video",
   codec: A.codec,
   isSync: HA(i.flags),
@@ -5213,7 +5209,7 @@ const YI = 6, xI = (i) => {
   data: i.payload,
   duration: 0
 });
-class ZI {
+class VI {
   constructor() {
     t(this, "highEntropyValues");
     var A;
@@ -5222,15 +5218,21 @@ class ZI {
     });
   }
   getUserAgentInformation() {
-    var g, I, n, o, B, C, a;
-    const A = window.location.origin, s = !A || A == "null" ? "" : `${window.location.pathname}${window.location.search}`.substring(0, 1e3);
+    var I, n, o, B, C, a;
+    const A = window.location.origin, s = !A || A == "null" ? "" : `${window.location.pathname}${window.location.search}`.substring(0, 1e3), g = {
+      locationOrigin: window.location.origin,
+      locationPath: s,
+      ancestorOrigins: ((I = window.location.ancestorOrigins) == null ? void 0 : I.length) > 0 ? Array.from(window.location.ancestorOrigins) : void 0,
+      hardwareConcurrency: navigator.hardwareConcurrency,
+      deviceMemory: navigator.deviceMemory
+    };
     if (self.navigator.userAgentData && this.highEntropyValues) {
-      const Q = "1", r = [...(g = this.highEntropyValues.brands) != null ? g : []];
+      const Q = "1", r = [...(n = this.highEntropyValues.brands) != null ? n : []];
       r.sort((w, k) => w.brand.localeCompare(k.brand));
-      const c = [...(I = this.highEntropyValues.fullVersionList) != null ? I : []];
+      const c = [...(o = this.highEntropyValues.fullVersionList) != null ? o : []];
       c.sort((w, k) => w.brand.localeCompare(k.brand));
-      const l = c.map((w) => w.version), f = r.map((w) => w.brand), p = r.map((w) => w.version), R = parseInt((o = (n = this.highEntropyValues.platformVersion) == null ? void 0 : n.split(".")[0]) != null ? o : Q);
-      return {
+      const l = c.map((w) => w.version), f = r.map((w) => w.brand), p = r.map((w) => w.version), R = parseInt((C = (B = this.highEntropyValues.platformVersion) == null ? void 0 : B.split(".")[0]) != null ? C : Q);
+      return h({
         userAgentLegacy: window.navigator.userAgent,
         ua: {
           browser: {
@@ -5241,24 +5243,18 @@ class ZI {
           device: this.highEntropyValues.model || "Other",
           os: {
             family: this.highEntropyValues.platform || "Other",
-            version: (B = this.highEntropyValues.platformVersion) != null ? B : Q,
+            version: (a = this.highEntropyValues.platformVersion) != null ? a : Q,
             major_version: Number.isFinite(R) ? R : 0
           }
-        },
-        locationOrigin: window.location.origin,
-        locationPath: s,
-        ancestorOrigins: ((C = window.location.ancestorOrigins) == null ? void 0 : C.length) > 0 ? Array.from(window.location.ancestorOrigins) : void 0
-      };
+        }
+      }, g);
     } else
-      return {
-        userAgent: window.navigator.userAgent,
-        locationOrigin: window.location.origin,
-        locationPath: s,
-        ancestorOrigins: ((a = window.location.ancestorOrigins) == null ? void 0 : a.length) > 0 ? Array.from(window.location.ancestorOrigins) : void 0
-      };
+      return h({
+        userAgent: window.navigator.userAgent
+      }, g);
   }
 }
-const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i != "object" || !ni(i, "channelId") || typeof i.channelId != "string" || !ni(i, "url") || typeof i.url != "string" || i.channelId.length === 0 || i.url.length === 0), OI = (i) => {
+const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i != "object" || !ni(i, "channelId") || typeof i.channelId != "string" || !ni(i, "url") || typeof i.url != "string" || i.channelId.length === 0 || i.url.length === 0), ZI = (i) => {
   if (!Ui(i))
     throw new F("Invalid options", { isFatal: !0, code: "invalid_options" });
   const A = h({}, i);
@@ -5266,7 +5262,7 @@ const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i
     const s = A;
     typeof s[e] == "undefined" && delete s[e];
   }), A;
-}, XI = (i) => {
+}, OI = (i) => {
   if (typeof i != "object" || i === null)
     throw new Error("not an object");
   if (!("video" in i))
@@ -5302,7 +5298,7 @@ const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i
     t(this, "cachedEdges", []);
     t(this, "shiftedEdges", []);
     t(this, "pool", new Ut(j.MAX_POOL_SIZE));
-    t(this, "userAgentInformation", new ZI());
+    t(this, "userAgentInformation", new VI());
     t(this, "sampleProcessingSesssions", /* @__PURE__ */ new Map());
     t(this, "sizes", /* @__PURE__ */ new Map());
     t(this, "isSuspended", !0);
@@ -5419,7 +5415,7 @@ const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i
       }), this.targetBufferTime = this.options.get("minBufferTime", this.channelId)), this.options.get("burstEnabled", this.channelId) && this.modules.subscription.enableBurst(this.targetBufferTime), this.emit("is live", o.isLive), !o.isLive)
         throw new Error("Waiting for channel to go live");
       this.patchSubscription(o, n), yield this.initializeDecodingModule(), this.resetModules(), this.emit("rendition levels", this.modules.renditions.getRenditionLevels()), this.emit("channels", this.channels), this.emitLanguagesIfChanged(), this.sampleProcessingSesssions.clear(), this.cachedEdges = this.cachedEdges.length === 0 ? s.edges : this.cachedEdges;
-      const c = (this.options.get("edgeUrl") ? [this.options.get("edgeUrl")] : [this.cachedEdges.shift()])[0], l = this.options.get("burstEnabled", this.channelId), f = WI(c, {
+      const c = (this.options.get("edgeUrl") ? [this.options.get("edgeUrl")] : [this.cachedEdges.shift()])[0], l = this.options.get("burstEnabled", this.channelId), f = xI(c, {
         video: this.targetSubscription.video,
         audio: this.targetSubscription.audio,
         burstMs: l ? this.targetBufferTime : void 0,
@@ -5451,7 +5447,7 @@ const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i
             const c = this.options.get("advanced"), l = (a = c.wasmDecodingConstraint.bitRate) != null ? a : Number.MAX_SAFE_INTEGER, f = (Q = c.wasmDecodingConstraint.width) != null ? Q : Number.MAX_SAFE_INTEGER, p = (r = c.wasmDecodingConstraint.height) != null ? r : Number.MAX_SAFE_INTEGER;
             return o.bitRate <= l && o.width <= f && o.height <= p;
           }
-          const B = yield cI(o);
+          const B = yield hI(o);
           if (!B.supported || o.codec == "av1" && !B.smooth && !B.powerEfficient)
             return !1;
           const C = this.options.getOverride("maxVideoBitRate", this.channelId);
@@ -5459,7 +5455,7 @@ const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i
         }))
       );
       let g = e.filter((o, B) => s[B]);
-      const I = g.findLast((o) => o.codec === "h264"), n = g.findLast((o) => o.codec === "av1");
+      const I = g.filter((o) => o.codec === "h264").reverse()[0], n = g.filter((o) => o.codec === "av1").reverse()[0];
       return I && n && I.width > n.width && I.height > n.height && (g = g.filter((o) => o.codec !== "av1")), g;
     }));
     /**
@@ -5570,6 +5566,9 @@ const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i
     t(this, "pause", () => {
       this.options.get("pauseSupportEnabled") && (this.playbackSource.pause(), this.hasCalledConnect && this.suspend());
     });
+    t(this, "registerDebugInstance", () => {
+      rI(this);
+    });
     /**
      *
      * Start playing the stream.
@@ -5588,7 +5587,7 @@ const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i
      */
     t(this, "play", () => u(this, null, function* () {
       var e;
-      this.hasCalledConnect ? this.unsuspend() : this._connect(), (e = this.wakeLock) == null || e.enable(), this.playbackState === "paused" && (this.resetModules(), this.emitter.emit("flush buffers"));
+      this.hasCalledConnect ? this.unsuspend() : (this._connect(), self.addEventListener("__vindral_register_debug__", this.registerDebugInstance)), (e = this.wakeLock) == null || e.enable(), this.playbackState === "paused" && (this.resetModules(), this.emitter.emit("flush buffers"));
       try {
         yield this.playbackSource.play();
       } catch (s) {
@@ -5614,7 +5613,7 @@ const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i
       const e = this.modules.canvasModule ? this.options.get("iosMediaElementEnabled") : void 0;
       return h({
         uptime: Date.now() - this.createdAt,
-        version: "3.3.1",
+        version: "3.3.2",
         clientId: this.clientId,
         sessionId: this.sessionId,
         channelId: this.channelId,
@@ -5647,7 +5646,7 @@ const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i
       if (s && e)
         return e - s;
     });
-    this.options = new QI(h(h({}, hI), OI(e)));
+    this.options = new QI(h(h({}, EI), ZI(e)));
     const s = ["localhost", "127.0.0.1"];
     e.telemetryEnabled === void 0 && s.includes(location.hostname) && this.options.set("telemetryEnabled", !1);
     const g = {
@@ -5876,7 +5875,7 @@ const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i
           break;
         case "subscription changed":
           try {
-            XI(S.subscription);
+            OI(S.subscription);
           } catch (L) {
             this.emitter.emit(
               "error",
@@ -5930,10 +5929,10 @@ const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i
             const Y = FA({ codec: U.codec, codecString: U.codecString });
             this.emitter.emit("init segment", { initSegment: T, mimeType: Y }), this.emit("initialized media");
           } else {
-            const T = VI(E, U, this.sizes.get(E.renditionId));
+            const T = WI(E, U, this.sizes.get(E.renditionId));
             let H = this.sampleProcessingSesssions.get(L);
             if (!H)
-              H = xI(
+              H = YI(
                 this.modules.sync.processSample(T)
               ), this.sampleProcessingSesssions.set(L, H);
             else {
@@ -5950,7 +5949,7 @@ const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i
         }
       }
     };
-    this.options.get("maxVideoBitRate") !== Number.MAX_SAFE_INTEGER && (this.maxVideoBitRate = this.options.get("maxVideoBitRate")), this.options.get("maxAudioBitRate") !== Number.MAX_SAFE_INTEGER && (this.maxAudioBitRate = this.options.get("maxAudioBitRate")), uA(this.options.get("maxSize"), $A()) || (this.maxSize = this.options.get("maxSize")), this.options.get("burstEnabled") && C.enableBurst(this.targetBufferTime), EI(this);
+    this.options.get("maxVideoBitRate") !== Number.MAX_SAFE_INTEGER && (this.maxVideoBitRate = this.options.get("maxVideoBitRate")), this.options.get("maxAudioBitRate") !== Number.MAX_SAFE_INTEGER && (this.maxAudioBitRate = this.options.get("maxAudioBitRate")), uA(this.options.get("maxSize"), $A()) || (this.maxSize = this.options.get("maxSize")), this.options.get("burstEnabled") && C.enableBurst(this.targetBufferTime);
   }
   // TODO: volym blir nog fuckad när vi startar och mutear - måste testa om volume ändras när muted ändras
   /**
@@ -6313,77 +6312,77 @@ const ni = (i, A) => i && typeof i == "object" && A in i, Ui = (i) => !(typeof i
 };
 t(j, "MAX_POOL_SIZE", 10), t(j, "INITIAL_MAX_BIT_RATE", 2.5 * 1e3 * 1e3), t(j, "PING_TIMEOUT", 1e3), t(j, "DISCONNECT_TIMEOUT", 15 * 1e3);
 let St = j;
-const zI = "_bar_16xpe_1", jI = "_hidden_16xpe_46", bi = {
-  bar: zI,
-  hidden: jI
-}, _I = "_withThumbnails_suenn_19", WA = {
+const XI = "_bar_16xpe_1", zI = "_hidden_16xpe_46", bi = {
+  bar: XI,
+  hidden: zI
+}, jI = "_withThumbnails_suenn_19", WA = {
   "channel-selection-item": "_channel-selection-item_suenn_1",
   "channel-selection-item-selected": "_channel-selection-item-selected_suenn_8",
   "channel-selection-item-image": "_channel-selection-item-image_suenn_13",
-  withThumbnails: _I,
+  withThumbnails: jI,
   "hide-on-small": "_hide-on-small_suenn_27"
-}, $I = {
+}, _I = {
   "icon-button": "_icon-button_5fg7v_1"
-}, An = {
+}, $I = {
   viewBox: "-10 -10 44 44",
   content: `<g fill="none" stroke="white">
     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z" clip-rule="evenodd" />
     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2" />
   </g>`
-}, en = {
+}, An = {
   viewBox: "-160 -160 832 832",
   content: '<path fill="white" d="M208,432H160a16,16,0,0,1-16-16V96a16,16,0,0,1,16-16h48a16,16,0,0,1,16,16V416A16,16,0,0,1,208,432Z"/><path fill="white" d="M352,432H304a16,16,0,0,1-16-16V96a16,16,0,0,1,16-16h48a16,16,0,0,1,16,16V416A16,16,0,0,1,352,432Z"/>'
-}, tn = {
+}, en = {
   viewBox: "-6 -6 36 36",
   content: '<path d="M7 17.259V6.74104C7 5.96925 7.83721 5.48837 8.50387 5.87726L18.2596 11.5681C18.5904 11.761 18.5904 12.2389 18.2596 12.4319L8.50387 18.1227C7.83721 18.5116 7 18.0308 7 17.259Z" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>'
-}, sn = {
+}, tn = {
   viewBox: "-10 -10 44 44",
   content: `<g fill="none" stroke="white">
     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z" />
   </svg>`
-}, gn = {
+}, sn = {
   viewBox: "-10 -10 44 44",
   content: `
   <path stroke="white" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />`
-}, In = {
+}, gn = {
   viewBox: "-12 -12 38 38",
   content: `<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-5.000000, -5.000000)">
     <path d="M6,14 C5.45,14 5,14.45 5,15 L5,18 C5,18.55 5.45,19 6,19 L9,19 C9.55,19 10,18.55 10,18 C10,17.45 9.55,17 9,17 L7,17 L7,15 C7,14.45 6.55,14 6,14 Z M6,10 C6.55,10 7,9.55 7,9 L7,7 L9,7 C9.55,7 10,6.55 10,6 C10,5.45 9.55,5 9,5 L6,5 C5.45,5 5,5.45 5,6 L5,9 C5,9.55 5.45,10 6,10 Z M17,17 L15,17 C14.45,17 14,17.45 14,18 C14,18.55 14.45,19 15,19 L18,19 C18.55,19 19,18.55 19,18 L19,15 C19,14.45 18.55,14 18,14 C17.45,14 17,14.45 17,15 L17,17 Z M14,6 C14,6.55 14.45,7 15,7 L17,7 L17,9 C17,9.55 17.45,10 18,10 C18.55,10 19,9.55 19,9 L19,6 C19,5.45 18.55,5 18,5 L15,5 C14.45,5 14,5.45 14,6 Z" fill="white"></path>
 </g>`
-}, nn = {
+}, In = {
   viewBox: "-12 -12 38 38",
   content: `<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-5.000000, -5.000000)">
     <path d="M6,16 L8,16 L8,18 C8,18.55 8.45,19 9,19 C9.55,19 10,18.55 10,18 L10,15 C10,14.45 9.55,14 9,14 L6,14 C5.45,14 5,14.45 5,15 C5,15.55 5.45,16 6,16 Z M8,8 L6,8 C5.45,8 5,8.45 5,9 C5,9.55 5.45,10 6,10 L9,10 C9.55,10 10,9.55 10,9 L10,6 C10,5.45 9.55,5 9,5 C8.45,5 8,5.45 8,6 L8,8 Z M15,19 C15.55,19 16,18.55 16,18 L16,16 L18,16 C18.55,16 19,15.55 19,15 C19,14.45 18.55,14 18,14 L15,14 C14.45,14 14,14.45 14,15 L14,18 C14,18.55 14.45,19 15,19 Z M16,8 L16,6 C16,5.45 15.55,5 15,5 C14.45,5 14,5.45 14,6 L14,9 C14,9.55 14.45,10 15,10 L18,10 C18.55,10 19,9.55 19,9 C19,8.45 18.55,8 18,8 L16,8 Z" fill="white"></path>
 </g>`
-}, on = {
+}, nn = {
   viewBox: "-10 -10 44 44",
   content: '<path fill="white" d="M19 7h-8v6h8V7zm2-4H3c-1.1 0-2 .9-2 2v14c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98V5c0-1.1-.9-2-2-2zm0 16.01H3V4.98h18v14.03z"/>'
-}, Bn = {
+}, on = {
   viewBox: "-10 -10 45 45",
   content: '<path fill="white" d="M20 8H4V6h16v2zm-2-6H6v2h12V2zm4 10v8c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h16c1.1 0 2 .9 2 2zm-6 4l-6-3.27v6.53L16 16z"/>'
-}, Cn = {
+}, Bn = {
   viewBox: "-8 -8 40 40",
   content: '<path fill="white" d="M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 11H9.5v-2h-2v2H6V9h1.5v2.5h2V9H11v6zm7-1c0 .55-.45 1-1 1h-.75v1.5h-1.5V15H14c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v4zm-3.5-.5h2v-3h-2v3z"/>'
-}, an = {
+}, Cn = {
   viewBox: "-8 -8 40 40",
   content: '<path fill="white" d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/>'
-}, Qn = {
+}, an = {
   viewBox: "-8 -8 40 40",
   content: '<path fill="white" d="M12.8 13.4c-.1-.1-.1-.2-.2-.2c-.5-.3-1.1-.2-1.5.2l-4 6c0 .2-.1.4-.1.6c0 .6.4 1 1 1h8c.2 0 .4-.1.6-.2c.5-.3.6-.9.3-1.4zM19 3H5C3.3 3 2 4.3 2 6v9c0 1.7 1.3 3 3 3h.8c.6 0 1-.4 1-1s-.4-1-1-1H5c-.6 0-1-.4-1-1V6c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v9c0 .6-.4 1-1 1h-.8c-.6 0-1 .4-1 1s.4 1 1 1h.8c1.7 0 3-1.3 3-3V6c0-1.7-1.3-3-3-3"/>'
 }, oi = {
-  enter: In,
-  exit: nn,
-  pip: on,
-  channels: Bn,
-  languages: an,
-  levels: Cn,
-  oneToOne: gn,
-  mute: An,
-  unmute: sn,
-  pause: en,
-  play: tn,
-  airPlay: Qn
-}, rn = $I["icon-button"];
+  enter: gn,
+  exit: In,
+  pip: nn,
+  channels: on,
+  languages: Cn,
+  levels: Bn,
+  oneToOne: sn,
+  mute: $I,
+  unmute: tn,
+  pause: An,
+  play: en,
+  airPlay: an
+}, Qn = _I["icon-button"];
 class dA extends AA {
   constructor(e, s, g) {
     super(document.createElement("div"));
@@ -6395,16 +6394,16 @@ class dA extends AA {
     t(this, "setHidden", (e) => e ? this.hide() : this.show());
     t(this, "show", () => void (this.element.style.display = "block"));
     t(this, "hide", () => void (this.element.style.display = "none"));
-    this.element.style.cursor = "pointer", this.element.setAttribute("role", "button"), this.element.setAttribute("aria-label", e), this.iconElement = document.createElementNS("http://www.w3.org/2000/svg", "svg"), this.iconElement.setAttribute("width", "40px"), this.iconElement.setAttribute("height", "40px"), this.iconElement.setAttribute("class", rn), this.setIcon(s), this.element.addEventListener("click", g), this.element.appendChild(this.iconElement);
+    this.element.style.cursor = "pointer", this.element.setAttribute("role", "button"), this.element.setAttribute("aria-label", e), this.iconElement = document.createElementNS("http://www.w3.org/2000/svg", "svg"), this.iconElement.setAttribute("width", "40px"), this.iconElement.setAttribute("height", "40px"), this.iconElement.setAttribute("class", Qn), this.setIcon(s), this.element.addEventListener("click", g), this.element.appendChild(this.iconElement);
   }
 }
-const En = "_list_oecdq_1", hn = "_hidden_oecdq_19", Fe = {
-  list: En,
+const rn = "_list_oecdq_1", En = "_hidden_oecdq_19", Fe = {
+  list: rn,
   "list-item": "_list-item_oecdq_11",
   "list-item-disabled": "_list-item-disabled_oecdq_15",
-  hidden: hn
-}, Bi = Fe.hidden, cn = Fe.list, dn = Fe["list-item"], ln = Fe["list-item-disabled"];
-class un extends AA {
+  hidden: En
+}, Bi = Fe.hidden, hn = Fe.list, cn = Fe["list-item"], dn = Fe["list-item-disabled"];
+class ln extends AA {
   constructor({ items: e, onItemClick: s, classNames: g = [], maxHeight: I }) {
     super(document.createElement("div"));
     t(this, "onItemClick");
@@ -6414,19 +6413,19 @@ class un extends AA {
         (s = this.element.lastChild) == null || s.remove();
       e.forEach((g) => {
         const I = document.createElement("div");
-        g.disabled || I.addEventListener("click", () => this.onItemClick(g)), I.className = [dn, g.disabled ? ln : ""].join(" "), I.appendChild(g.element()), this.element.appendChild(I);
+        g.disabled || I.addEventListener("click", () => this.onItemClick(g)), I.className = [cn, g.disabled ? dn : ""].join(" "), I.appendChild(g.element()), this.element.appendChild(I);
       });
     });
     t(this, "hide", () => this.element.classList.add(Bi));
     t(this, "show", () => this.element.classList.remove(Bi));
-    this.element.className = [cn, ...g].join(" "), this.onItemClick = s, this.updateItems(e), I && (this.element.style.maxHeight = I);
+    this.element.className = [hn, ...g].join(" "), this.onItemClick = s, this.updateItems(e), I && (this.element.style.maxHeight = I);
   }
 }
-const mn = "_container_13xnz_1", wn = "_hidden_13xnz_6", Sn = "_list_13xnz_10", pt = {
-  container: mn,
-  hidden: wn,
-  list: Sn
-}, fn = pt.list, Ci = pt.hidden, Dn = pt.container;
+const un = "_container_13xnz_1", mn = "_hidden_13xnz_6", wn = "_list_13xnz_10", pt = {
+  container: un,
+  hidden: mn,
+  list: wn
+}, Sn = pt.list, Ci = pt.hidden, fn = pt.container;
 class yt extends AA {
   constructor({ label: e, items: s, onItemClick: g, iconButtonType: I, onToggle: n }) {
     super(document.createElement("div"));
@@ -6446,10 +6445,10 @@ class yt extends AA {
       this.toggleShowChannels(), this.onItemClick(e);
     });
     t(this, "showList", () => {
-      this.list = new un({
+      this.list = new ln({
         items: this.items,
         onItemClick: this.handleItemClick,
-        classNames: [fn],
+        classNames: [Sn],
         maxHeight: this.maxHeight
       }), this.list.attach(this.element);
     });
@@ -6468,11 +6467,11 @@ class yt extends AA {
     t(this, "show", () => {
       this.element.classList.remove(Ci);
     });
-    this.element.className = Dn, this.onItemClick = g, this.onToggle = n, this.items = s, this.iconButton = new dA(e, I, this.onButtonClick), this.iconButton.attach(this.element);
+    this.element.className = fn, this.onItemClick = g, this.onToggle = n, this.items = s, this.iconButton = new dA(e, I, this.onButtonClick), this.iconButton.attach(this.element);
   }
 }
-const pn = WA["hide-on-small"], yn = WA["channel-selection-item"], Fn = WA["channel-selection-item-selected"], Rn = WA["channel-selection-item-image"], kn = WA.withThumbnails;
-class Gn extends yt {
+const Dn = WA["hide-on-small"], pn = WA["channel-selection-item"], yn = WA["channel-selection-item-selected"], Fn = WA["channel-selection-item-image"], Rn = WA.withThumbnails;
+class kn extends yt {
   constructor({ vindral: A, enabled: e, thumbnailsEnabled: s, thumbnailModule: g }) {
     const I = () => {
       const o = A.channels.map((B) => ({
@@ -6481,14 +6480,14 @@ class Gn extends yt {
         element: () => {
           const C = document.createElement("div");
           if (C.className = [
-            yn,
-            B.channelId === A.channelId ? Fn : ""
+            pn,
+            B.channelId === A.channelId ? yn : ""
           ].join(" "), g && s) {
-            C.classList.add(kn);
+            C.classList.add(Rn);
             const a = document.createElement("p");
             a.innerHTML = B.name, C.appendChild(a);
             const Q = g.getImageUrl(B), r = document.createElement("img");
-            Q && (r.className = Rn, r.src = Q, C.style.backgroundImage = `url(${Q})`);
+            Q && (r.className = Fn, r.src = Q, C.style.backgroundImage = `url(${Q})`);
           } else
             C.innerHTML = B.name;
           return C;
@@ -6498,14 +6497,14 @@ class Gn extends yt {
     };
     A.on("channels", I);
     const n = (o) => A.channelId = o.channel.channelId;
-    super({ label: "Channel List", items: [], onItemClick: n, onToggle: sA, iconButtonType: "channels" }), this.element.classList.add(pn), this.hide();
+    super({ label: "Channel List", items: [], onItemClick: n, onToggle: sA, iconButtonType: "channels" }), this.element.classList.add(Dn), this.hide();
   }
 }
 const vi = {
   "language-button-item": "_language-button-item_1dov5_1",
   "language-button-item-selected": "_language-button-item-selected_1dov5_6"
-}, Un = vi["language-button-item"], bn = vi["language-button-item-selected"];
-class vn extends yt {
+}, Gn = vi["language-button-item"], Un = vi["language-button-item-selected"];
+class bn extends yt {
   constructor({ vindral: A }) {
     const e = () => {
       const g = A.languages.map((I) => ({
@@ -6514,8 +6513,8 @@ class vn extends yt {
         element: () => {
           const n = document.createElement("div");
           return n.className = [
-            Un,
-            I === A.language ? bn : ""
+            Gn,
+            I === A.language ? Un : ""
           ].join(" "), n.innerHTML = I, n;
         }
       }));
@@ -6526,7 +6525,7 @@ class vn extends yt {
     super({ label: "Language", items: [], onItemClick: s, onToggle: sA, iconButtonType: "languages" }), this.hide();
   }
 }
-class Jn extends AA {
+class vn extends AA {
   constructor({ vindral: e }) {
     super(document.createElement("div"));
     t(this, "vindral");
@@ -6541,14 +6540,14 @@ class Jn extends AA {
     this.element.style.cursor = "pointer", this.vindral = e, this.playButton = new dA("Play", this.playIcon(), this.onPlayClick), this.playButton.attach(this.element);
   }
 }
-const Ln = "_item_5vhyo_1", Nn = "_title_5vhyo_10", VA = {
-  item: Ln,
+const Jn = "_item_5vhyo_1", Ln = "_title_5vhyo_10", VA = {
+  item: Jn,
   "item-selected": "_item-selected_5vhyo_6",
-  title: Nn,
+  title: Ln,
   "sub-title": "_sub-title_5vhyo_14",
   "hide-on-small": "_hide-on-small_5vhyo_21"
-}, Hn = VA["hide-on-small"], Mn = VA.item, Pn = VA["item-selected"], qn = VA.title, Tn = VA["sub-title"];
-class Kn extends yt {
+}, Nn = VA["hide-on-small"], Hn = VA.item, Mn = VA["item-selected"], Pn = VA.title, qn = VA["sub-title"];
+class Tn extends yt {
   constructor({ vindral: A }) {
     const e = () => {
       const g = A.renditionLevels.map((I) => ({
@@ -6557,14 +6556,14 @@ class Kn extends yt {
         element: () => {
           var l, f, p;
           const n = document.createElement("div");
-          n.className = [Mn, I === A.currentRenditionLevel ? Pn : ""].join(" ");
+          n.className = [Hn, I === A.currentRenditionLevel ? Mn : ""].join(" ");
           const o = document.createElement("span"), B = document.createElement("span"), { audio: C, video: a } = I, Q = a ? es(a) : void 0, r = C ? ts(C.sampleRate) : void 0;
           let c = As(((l = a == null ? void 0 : a.bitRate) != null ? l : 0) + ((f = C == null ? void 0 : C.bitRate) != null ? f : 0));
           if (a) {
             const R = a.frameRate[0] / a.frameRate[1], w = a.frameRate[0] % a.frameRate[1] === 0 ? `${R}p` : `${R.toFixed(2)}p`;
             c += `, ${w}`;
           }
-          return o.innerHTML = (p = Q != null ? Q : r) != null ? p : "", o.className = qn, B.innerHTML = c, B.className = Tn, n.appendChild(o), n.appendChild(B), n;
+          return o.innerHTML = (p = Q != null ? Q : r) != null ? p : "", o.className = Pn, B.innerHTML = c, B.className = qn, n.appendChild(o), n.appendChild(B), n;
         }
       }));
       this.maxHeight = `calc(${Math.max(110, A.mediaElement.clientHeight)}px - 46px)`, this.updateItems(g);
@@ -6573,15 +6572,15 @@ class Kn extends yt {
     const s = ({ rendition: g }) => {
       g.audio && (A.maxAudioBitRate = g.audio.bitRate), g.video && (A.maxVideoBitRate = g.video.bitRate, A.maxSize = g.video);
     };
-    super({ label: "Rendition Levels", items: [], onItemClick: s, onToggle: sA, iconButtonType: "levels" }), this.element.classList.add(Hn);
+    super({ label: "Rendition Levels", items: [], onItemClick: s, onToggle: sA, iconButtonType: "levels" }), this.element.classList.add(Nn);
   }
 }
-class Yn extends AA {
+class Kn extends AA {
   constructor() {
     super(document.createElement("div")), this.element.style.flexGrow = "1";
   }
 }
-class xn extends AA {
+class Yn extends AA {
   constructor({ vindral: e }) {
     super(document.createElement("div"));
     t(this, "vindral");
@@ -6596,8 +6595,8 @@ class xn extends AA {
     this.element.style.cursor = "pointer", this.vindral = e, this.muteButton = new dA("Mute", this.muteIcon(), this.onMuteClick), this.muteButton.attach(this.element);
   }
 }
-const jA = bi.hidden, Wn = bi.bar;
-class Vn extends AA {
+const jA = bi.hidden, xn = bi.bar;
+class Wn extends AA {
   constructor({
     vindral: e,
     onFullscreenClicked: s,
@@ -6644,16 +6643,16 @@ class Vn extends AA {
     t(this, "onToggle", (e) => {
       this.listButtons().filter((s) => e !== s).forEach((s) => "hideList" in s && s.hideList());
     });
-    this.element.className = [Wn, jA].join(" ");
-    const p = new Yn();
+    this.element.className = [xn, jA].join(" ");
+    const p = new Kn();
     this.oneToOneButton = new dA("One to One", "oneToOne", g), this.fullscreenButton = new dA("Fullscreen", "enter", s), this.airPlayButton = new dA("AirPlay", "airPlay", n);
-    const R = new dA("Picture in Picture", "pip", I), w = new Gn({
+    const R = new dA("Picture in Picture", "pip", I), w = new kn({
       vindral: e,
       enabled: a,
       thumbnailsEnabled: Q,
       thumbnailModule: Q ? f : void 0
-    }), k = new Kn({ vindral: e }), P = new vn({ vindral: e });
-    this.volumeControls = new xn({ vindral: e }), this.playControls = new Jn({ vindral: e }), o && e.getOptions().pauseSupportEnabled && this.playControls.attach(this.element), e.getOptions().media !== "video" && this.volumeControls.attach(this.element), p.attach(this.element), P.attach(this.element), k.attach(this.element), w.attach(this.element), R.attach(this.element), this.oneToOneButton.attach(this.element), this.fullscreenButton.attach(this.element), this.items.push(
+    }), k = new Tn({ vindral: e }), P = new bn({ vindral: e });
+    this.volumeControls = new Yn({ vindral: e }), this.playControls = new vn({ vindral: e }), o && e.getOptions().pauseSupportEnabled && this.playControls.attach(this.element), e.getOptions().media !== "video" && this.volumeControls.attach(this.element), p.attach(this.element), P.attach(this.element), k.attach(this.element), w.attach(this.element), R.attach(this.element), this.oneToOneButton.attach(this.element), this.fullscreenButton.attach(this.element), this.items.push(
       p,
       P,
       k,
@@ -6663,11 +6662,11 @@ class Vn extends AA {
     ), this.items.forEach((N) => "onToggle" in N && (N.onToggle = this.onToggle)), l || this.oneToOneButton.hide(), B || this.fullscreenButton.hide(), C || R.hide(), a || w.hide(), r || k.hide(), c || P.hide(), navigator.maxTouchPoints < 1 && (this.element.addEventListener("mouseenter", () => this.isMouseInElement = !0), this.element.addEventListener("mouseleave", () => this.isMouseInElement = !1));
   }
 }
-const Zn = "_castoverlay_1n91l_1", On = "_hidden_1n91l_20", Ji = {
-  castoverlay: Zn,
-  hidden: On
-}, Te = Ji.hidden, Xn = Ji.castoverlay;
-class zn extends AA {
+const Vn = "_castoverlay_1n91l_1", Zn = "_hidden_1n91l_20", Ji = {
+  castoverlay: Vn,
+  hidden: Zn
+}, Te = Ji.hidden, On = Ji.castoverlay;
+class Xn extends AA {
   constructor() {
     super(document.createElement("div"));
     t(this, "onClick");
@@ -6676,19 +6675,19 @@ class zn extends AA {
     });
     t(this, "hide", () => this.element.classList.add(Te));
     t(this, "show", () => this.element.classList.remove(Te));
-    this.element.classList.add(Xn), this.element.classList.add(Te), this.element.innerText = "device";
+    this.element.classList.add(On), this.element.classList.add(Te), this.element.innerText = "device";
   }
 }
-const jn = "_button_137xm_21", _n = "_image_137xm_96", $n = "_overlay_137xm_116", Ao = "_selected_137xm_134", eo = "_hidden_137xm_139", to = "_disabled_137xm_143", ZA = {
-  button: jn,
+const zn = "_button_137xm_21", jn = "_image_137xm_96", _n = "_overlay_137xm_116", $n = "_selected_137xm_134", Ao = "_hidden_137xm_139", eo = "_disabled_137xm_143", ZA = {
+  button: zn,
   "show-and-scaleup": "_show-and-scaleup_137xm_1",
-  image: _n,
-  overlay: $n,
-  selected: Ao,
-  hidden: eo,
-  disabled: to
-}, io = ZA.button, Ke = ZA.hidden, so = ZA.overlay, ai = ZA.image, Qi = ZA.selected;
-class go extends AA {
+  image: jn,
+  overlay: _n,
+  selected: $n,
+  hidden: Ao,
+  disabled: eo
+}, to = ZA.button, Ke = ZA.hidden, io = ZA.overlay, ai = ZA.image, Qi = ZA.selected;
+class so extends AA {
   constructor({ title: e, onClick: s, imageUrl: g, selected: I }) {
     super(document.createElement("button"));
     t(this, "overlay");
@@ -6712,9 +6711,9 @@ class go extends AA {
     t(this, "setHidden", (e) => e ? this.hide() : this.show());
     t(this, "hide", () => this.element.classList.add(Ke));
     t(this, "show", () => this.element.classList.remove(Ke));
-    this.element.className = io, I && this.setSelected(I), this.element.onclick = () => {
+    this.element.className = to, I && this.setSelected(I), this.element.onclick = () => {
       this.loadingOverlay.show(), s();
-    }, this.imageHolder1 = document.createElement("div"), this.imageHolder1.className = ai, this.imageHolder1.style.animationFillMode = "forwards", this.imageHolder2 = document.createElement("div"), this.imageHolder2.className = ai, this.imageHolder2.style.animationFillMode = "forwards", g && (this.imageHolder1.style.backgroundImage = `url(${g})`, this.isImageHolder1Active = !0), this.loadingOverlay = new wi(), this.loadingOverlay.attach(this.element), this.loadingOverlay.hide(), this.element.appendChild(this.imageHolder1), this.element.appendChild(this.imageHolder2), this.overlay = document.createElement("div"), this.overlay.className = so, this.element.appendChild(this.overlay);
+    }, this.imageHolder1 = document.createElement("div"), this.imageHolder1.className = ai, this.imageHolder1.style.animationFillMode = "forwards", this.imageHolder2 = document.createElement("div"), this.imageHolder2.className = ai, this.imageHolder2.style.animationFillMode = "forwards", g && (this.imageHolder1.style.backgroundImage = `url(${g})`, this.isImageHolder1Active = !0), this.loadingOverlay = new wi(), this.loadingOverlay.attach(this.element), this.loadingOverlay.hide(), this.element.appendChild(this.imageHolder1), this.element.appendChild(this.imageHolder2), this.overlay = document.createElement("div"), this.overlay.className = io, this.element.appendChild(this.overlay);
     const n = document.createElement("span");
     n.innerHTML = e, this.element.appendChild(n), this.show();
   }
@@ -6728,13 +6727,13 @@ class go extends AA {
     }
   }
 }
-const Io = "_container_btpgd_13", no = "_hidden_btpgd_37", oo = "_disabled_btpgd_41", Li = {
+const go = "_container_btpgd_13", Io = "_hidden_btpgd_37", no = "_disabled_btpgd_41", Li = {
   "channel-selection-overlay": "_channel-selection-overlay_btpgd_1",
-  container: Io,
-  hidden: no,
-  disabled: oo
-}, Ye = Li.hidden, Bo = Li.container;
-class Co extends AA {
+  container: go,
+  hidden: Io,
+  disabled: no
+}, Ye = Li.hidden, oo = Li.container;
+class Bo extends AA {
   constructor({ vindral: e, thumbnailModule: s }) {
     var g;
     super(document.createElement("div"));
@@ -6766,7 +6765,7 @@ class Co extends AA {
         var C;
         if (!n.isLive)
           return;
-        const B = new go({
+        const B = new so({
           title: n.name,
           onClick: () => {
             this.setSelected(n);
@@ -6781,12 +6780,12 @@ class Co extends AA {
         var o;
         I.setImageUrl((o = this.thumbnailModule) == null ? void 0 : o.getImageUrl(n));
       });
-    }), this.element.className = Bo, this.show();
+    }), this.element.className = oo, this.show();
   }
 }
-const ao = "_fullscreen_1v9d8_1", Qo = {
-  fullscreen: ao
-}, xe = Qo.fullscreen, kA = class kA extends $ {
+const Co = "_fullscreen_1v9d8_1", ao = {
+  fullscreen: Co
+}, xe = ao.fullscreen, kA = class kA extends $ {
   constructor(e) {
     super();
     t(this, "container");
@@ -6821,16 +6820,16 @@ const ao = "_fullscreen_1v9d8_1", Qo = {
 };
 t(kA, "isFullscreenApiSupported", (e) => (e.requestFullscreen || e.webkitRequestFullscreen || e.webkitEnterFullscreen || e.mozRequestFullScreen) !== void 0);
 let MA = kA;
-const ro = "_player_1jt4y_1", Ft = {
-  player: ro,
+const Qo = "_player_1jt4y_1", Ft = {
+  player: Qo,
   "one-to-one": "_one-to-one_1jt4y_19",
   "audio-only": "_audio-only_1jt4y_28"
-}, Eo = "_playoverlay_1niji_1", ho = "_hidden_1niji_17", Rt = {
-  playoverlay: Eo,
-  hidden: ho,
+}, ro = "_playoverlay_1niji_1", Eo = "_hidden_1niji_17", Rt = {
+  playoverlay: ro,
+  hidden: Eo,
   "playoverlay-indicator": "_playoverlay-indicator_1niji_23"
-}, _A = Rt.hidden, co = Rt.playoverlay, lo = Rt["playoverlay-indicator"];
-class uo extends AA {
+}, _A = Rt.hidden, ho = Rt.playoverlay, co = Rt["playoverlay-indicator"];
+class lo extends AA {
   constructor() {
     super(document.createElement("div"));
     t(this, "onClick");
@@ -6839,12 +6838,12 @@ class uo extends AA {
     t(this, "setHidden", (e) => e ? this.hide() : this.show());
     t(this, "hide", () => this.element.classList.add(_A));
     t(this, "show", () => this.element.classList.remove(_A));
-    this.element.classList.add(co), this.element.classList.add(_A), this.indicator.className = lo, this.element.appendChild(this.indicator), this.element.onclick = () => {
+    this.element.classList.add(ho), this.element.classList.add(_A), this.indicator.className = co, this.element.appendChild(this.indicator), this.element.onclick = () => {
       this.onClick && this.onClick();
     };
   }
 }
-class mo extends $ {
+class uo extends $ {
   constructor({ vindral: e, refreshEveryMs: s }) {
     super();
     t(this, "thumbnails", /* @__PURE__ */ new Map());
@@ -6892,10 +6891,10 @@ class mo extends $ {
     });
   }
 }
-const wo = "_video_161ec_1", So = "_hidden_161ec_7", Ni = {
-  video: wo,
-  hidden: So
-}, We = Ni.hidden, fo = Ni.video;
+const mo = "_video_161ec_1", wo = "_hidden_161ec_7", Ni = {
+  video: mo,
+  hidden: wo
+}, We = Ni.hidden, So = Ni.video;
 class ri extends $ {
   constructor(e) {
     super();
@@ -6926,7 +6925,7 @@ class ri extends $ {
     t(this, "onAirPlayPlaybackChanged", () => {
       window.clearTimeout(this.connectingTimeout), this.element.webkitCurrentPlaybackTargetIsWireless ? (this.emit("connected"), this.element.classList.remove(We), this.element.paused && this.element.play()) : (this.emit("disconnected"), this.element.pause(), this.element.classList.add(We));
     });
-    this.hlsUrl = new URL(`/api/hls?channelId=${e.channelId}`, e.url).toString(), this.config = e, this.element = document.createElement("video"), this.element.classList.add(fo), this.element.classList.add(We), this.element.playsInline = !0, this.element.controls = !0, this.element.addEventListener("webkitplaybacktargetavailabilitychanged", this.onAirPlayAvailable), this.element.addEventListener("webkitcurrentplaybacktargetiswirelesschanged", this.onAirPlayPlaybackChanged), this.config.container.appendChild(this.element);
+    this.hlsUrl = new URL(`/api/hls?channelId=${e.channelId}`, e.url).toString(), this.config = e, this.element = document.createElement("video"), this.element.classList.add(So), this.element.classList.add(We), this.element.playsInline = !0, this.element.controls = !0, this.element.addEventListener("webkitplaybacktargetavailabilitychanged", this.onAirPlayAvailable), this.element.addEventListener("webkitcurrentplaybacktargetiswirelesschanged", this.onAirPlayPlaybackChanged), this.config.container.appendChild(this.element);
   }
   /**
    * True if the instance is casting right now.
@@ -6956,7 +6955,7 @@ class ri extends $ {
   }
   /* eslint-enable @typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-call */
 }
-const Do = Ft.player, Ve = Ft["one-to-one"], po = Ft["audio-only"], yo = {
+const fo = Ft.player, Ve = Ft["one-to-one"], Do = Ft["audio-only"], po = {
   controlsEnabled: !0,
   castEnabled: !0,
   channelSelectionEnabled: !0,
@@ -6967,8 +6966,8 @@ const Do = Ft.player, Ve = Ft["one-to-one"], po = Ft["audio-only"], yo = {
   hideTimeout: 2e3,
   pauseButtonEnabled: !0,
   airPlayButtonEnabled: !1
-}, Fo = (i) => !Ui(i);
-class ko {
+}, yo = (i) => !Ui(i);
+class Ro {
   constructor(A, e) {
     /**
      * The Vindral instance
@@ -6986,8 +6985,8 @@ class ko {
     t(this, "state");
     t(this, "playerElement", document.createElement("div"));
     t(this, "bufferingOverlay", new wi());
-    t(this, "playOverlay", new uo());
-    t(this, "castOverlay", new zn());
+    t(this, "playOverlay", new lo());
+    t(this, "castOverlay", new Xn());
     t(this, "channelSelectionList");
     t(this, "bar");
     t(this, "stateInterval");
@@ -7098,22 +7097,22 @@ class ko {
     });
     t(this, "bumpInteractTime", () => void (this.state.lastInteractionTime = Date.now()));
     var B, C, a, Q, r, c;
-    const s = h(h({}, yo), e);
-    this.options = s, this.playerElement.className = Do, Fo(A) ? this.core = A : this.core = new St(A);
+    const s = h(h({}, po), e);
+    this.options = s, this.playerElement.className = fo, yo(A) ? this.core = A : this.core = new St(A);
     const g = !MA.isFullscreenApiSupported(this.playerElement) && MA.isFullscreenApiSupported(this.core.mediaElement) ? this.core.mediaElement : this.playerElement;
     this.state = {
       isBuffering: !1,
       fullscreen: new MA(g),
       lastInteractionTime: 0
-    }, this.needsThumbnails() && (this.thumbnailModule = new mo({
+    }, this.needsThumbnails() && (this.thumbnailModule = new uo({
       vindral: this.core,
       refreshEveryMs: e == null ? void 0 : e.thumbnailUpdateInterval
-    }), this.thumbnailModule.start()), (C = (B = this.options.channelSelectionOptions) == null ? void 0 : B.list) != null && C.enabled && (this.channelSelectionList = new Co({
+    }), this.thumbnailModule.start()), (C = (B = this.options.channelSelectionOptions) == null ? void 0 : B.list) != null && C.enabled && (this.channelSelectionList = new Bo({
       vindral: this.core,
       thumbnailModule: this.thumbnailModule
     }));
     const I = (e == null ? void 0 : e.channelSelectionEnabled) || ((Q = (a = e == null ? void 0 : e.channelSelectionOptions) == null ? void 0 : a.barButton) == null ? void 0 : Q.enabled), n = (c = (r = e == null ? void 0 : e.channelSelectionOptions) == null ? void 0 : r.barButton) == null ? void 0 : c.thumbnails;
-    this.bar = new Vn(J(h({
+    this.bar = new Wn(J(h({
       vindral: this.core,
       thumbnailModule: this.thumbnailModule
     }, s), {
@@ -7126,7 +7125,7 @@ class ko {
       onOneToOneClicked: () => this.toggleOneToOne(),
       onPipClicked: () => void this.togglePip(),
       onAirPlayClicked: () => this.showAirPlayPicker()
-    })), this.core.media === "audio" && (this.playerElement.classList.add(po), this.options.controlsEnabled && this.bar.show());
+    })), this.core.media === "audio" && (this.playerElement.classList.add(Do), this.options.controlsEnabled && this.bar.show());
     const o = this.core.getCastOptions();
     this.castSender = new as({
       background: this.options.castBackground,
@@ -7182,7 +7181,7 @@ export {
   us as INACTIVITY_CODE,
   BA as Level,
   ls as NO_INCOMING_DATA,
-  ko as Player,
+  Ro as Player,
   St as Vindral,
   F as VindralError
 };