@deep-eye/core 0.9.1 → 1.1.0

package/dist/media-core-CkW37AYl.js

@@ -0,0 +1,3827 @@
+var ds = Object.defineProperty;
+var ps = (e, s, t) => s in e ? ds(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
+var l = (e, s, t) => ps(e, typeof s != "symbol" ? s + "" : s, t);
+const I = Symbol(0);
+let pt = !1, jt = !1, A = null, V = null, T = null, k = 0, F = [], Bt = {};
+const ms = () => {
+}, U = 0, xe = 1, st = 2, kt = 3;
+function ys() {
+  pt = !0, queueMicrotask(Pe);
+}
+function Pe() {
+  if (!F.length) {
+    pt = !1;
+    return;
+  }
+  jt = !0;
+  for (let e = 0; e < F.length; e++)
+    F[e].$st !== U && gs(F[e]);
+  F = [], pt = !1, jt = !1;
+}
+function gs(e) {
+  let s = [e];
+  for (; e = e[I]; )
+    e.$e && e.$st !== U && s.push(e);
+  for (let t = s.length - 1; t >= 0; t--)
+    Gt(s[t]);
+}
+function Ce(e) {
+  const s = ws();
+  return rt(s, e.length ? e.bind(null, B.bind(s)) : e, null);
+}
+function u(e) {
+  return rt(A, e, null);
+}
+function bs(e) {
+  return rt(null, e, null);
+}
+function W() {
+  jt || Pe();
+}
+function wt() {
+  return A;
+}
+function S(e, s) {
+  try {
+    return rt(s, e, null);
+  } catch (t) {
+    Ut(s, t);
+    return;
+  }
+}
+function Ie(e, s = A) {
+  return s == null ? void 0 : s.$cx[e];
+}
+function Es(e, s, t = A) {
+  t && (t.$cx = { ...t.$cx, [e]: s });
+}
+function L(e) {
+  if (!e || !A)
+    return e || ms;
+  const s = A;
+  return s.$d ? Array.isArray(s.$d) ? s.$d.push(e) : s.$d = [s.$d, e] : s.$d = e, function() {
+    s.$st !== kt && (e.call(null), N(s.$d) ? s.$d = null : Array.isArray(s.$d) && s.$d.splice(s.$d.indexOf(e), 1));
+  };
+}
+function B(e = !0) {
+  if (this.$st !== kt) {
+    if (this.$h)
+      if (Array.isArray(this.$h))
+        for (let s = this.$h.length - 1; s >= 0; s--)
+          B.call(this.$h[s]);
+      else
+        B.call(this.$h);
+    if (e) {
+      const s = this[I];
+      s && (Array.isArray(s.$h) ? s.$h.splice(s.$h.indexOf(this), 1) : s.$h = null), ks(this);
+    }
+  }
+}
+function ks(e) {
+  e.$st = kt, e.$d && Oe(e), e.$s && ft(e, 0), e[I] = null, e.$s = null, e.$o = null, e.$h = null, e.$cx = Bt, e.$eh = null;
+}
+function Oe(e) {
+  try {
+    if (Array.isArray(e.$d))
+      for (let s = e.$d.length - 1; s >= 0; s--) {
+        const t = e.$d[s];
+        t.call(t);
+      }
+    else
+      e.$d.call(e.$d);
+    e.$d = null;
+  } catch (s) {
+    Ut(e, s);
+  }
+}
+function rt(e, s, t) {
+  const i = A, n = V;
+  A = e, V = t;
+  try {
+    return s.call(e);
+  } finally {
+    A = i, V = n;
+  }
+}
+function Ut(e, s) {
+  if (!e || !e.$eh)
+    throw s;
+  let t = 0, i = e.$eh.length, n = ae(s);
+  for (t = 0; t < i; t++)
+    try {
+      e.$eh[t](n);
+      break;
+    } catch (r) {
+      n = ae(r);
+    }
+  if (t === i)
+    throw n;
+}
+function ae(e) {
+  return e instanceof Error ? e : Error(JSON.stringify(e));
+}
+function Zt() {
+  return this.$st === kt ? this.$v : (V && !this.$e && (!T && V.$s && V.$s[k] == this ? k++ : T ? T.push(this) : T = [this]), this.$c && Gt(this), this.$v);
+}
+function Ne(e) {
+  const s = N(e) ? e(this.$v) : e;
+  if (this.$ch(this.$v, s) && (this.$v = s, this.$o))
+    for (let t = 0; t < this.$o.length; t++)
+      je(this.$o[t], st);
+  return this.$v;
+}
+const Kt = function() {
+  this[I] = null, this.$h = null, A && A.append(this);
+}, R = Kt.prototype;
+R.$cx = Bt;
+R.$eh = null;
+R.$c = null;
+R.$d = null;
+R.append = function(e) {
+  e[I] = this, this.$h ? Array.isArray(this.$h) ? this.$h.push(e) : this.$h = [this.$h, e] : this.$h = e, e.$cx = e.$cx === Bt ? this.$cx : { ...this.$cx, ...e.$cx }, this.$eh && (e.$eh = e.$eh ? [...e.$eh, ...this.$eh] : this.$eh);
+};
+R.dispose = function() {
+  B.call(this);
+};
+function ws() {
+  return new Kt();
+}
+const _e = function(s, t, i) {
+  Kt.call(this), this.$st = t ? st : U, this.$i = !1, this.$e = !1, this.$s = null, this.$o = null, this.$v = s, t && (this.$c = t), i && i.dirty && (this.$ch = i.dirty);
+}, Xt = _e.prototype;
+Object.setPrototypeOf(Xt, R);
+Xt.$ch = Ts;
+Xt.call = Zt;
+function Yt(e, s, t) {
+  return new _e(e, s, t);
+}
+function Ts(e, s) {
+  return e !== s;
+}
+function N(e) {
+  return typeof e == "function";
+}
+function Gt(e) {
+  if (e.$st === xe)
+    for (let s = 0; s < e.$s.length && (Gt(e.$s[s]), e.$st !== st); s++)
+      ;
+  e.$st === st ? qe(e) : e.$st = U;
+}
+function oe(e) {
+  e.$h && B.call(e, !1), e.$d && Oe(e), e.$eh = e[I] ? e[I].$eh : null;
+}
+function qe(e) {
+  let s = T, t = k;
+  T = null, k = 0;
+  try {
+    oe(e);
+    const i = rt(e, e.$c, e);
+    if (T) {
+      if (e.$s && ft(e, k), e.$s && k > 0) {
+        e.$s.length = k + T.length;
+        for (let r = 0; r < T.length; r++)
+          e.$s[k + r] = T[r];
+      } else
+        e.$s = T;
+      let n;
+      for (let r = k; r < e.$s.length; r++)
+        n = e.$s[r], n.$o ? n.$o.push(e) : n.$o = [e];
+    } else e.$s && k < e.$s.length && (ft(e, k), e.$s.length = k);
+    !e.$e && e.$i ? Ne.call(e, i) : (e.$v = i, e.$i = !0);
+  } catch (i) {
+    Ut(e, i), e.$st === st && (oe(e), e.$s && ft(e, 0));
+    return;
+  }
+  T = s, k = t, e.$st = U;
+}
+function je(e, s) {
+  if (!(e.$st >= s) && (e.$e && e.$st === U && (F.push(e), pt || ys()), e.$st = s, e.$o))
+    for (let t = 0; t < e.$o.length; t++)
+      je(e.$o[t], xe);
+}
+function ft(e, s) {
+  let t, i;
+  for (let n = s; n < e.$s.length; n++)
+    t = e.$s[n], t.$o && (i = t.$o.indexOf(e), t.$o[i] = t.$o[t.$o.length - 1], t.$o.pop());
+}
+function _(e, s) {
+  const t = Yt(e, null, s), i = Zt.bind(t);
+  return i[I] = !0, i.set = Ne.bind(t), i;
+}
+function $s(e) {
+  return N(e) && I in e;
+}
+function Tt(e, s) {
+  const t = Yt(
+    s == null ? void 0 : s.initial,
+    e,
+    s
+  ), i = Zt.bind(t);
+  return i[I] = !0, i;
+}
+function K(e, s) {
+  const t = Yt(
+    null,
+    function() {
+      let n = e();
+      return N(n) && L(n), null;
+    },
+    void 0
+  );
+  return t.$e = !0, qe(t), B.bind(t, !0);
+}
+function ln(e) {
+  return $s(e) && "set" in e;
+}
+function $t(...e) {
+}
+function St(e) {
+  return e === null;
+}
+function x(e) {
+  return typeof e > "u";
+}
+function Ss(e) {
+  return St(e) || x(e);
+}
+function mt(e) {
+  return typeof e == "number" && !Number.isNaN(e);
+}
+function O(e) {
+  return typeof e == "string";
+}
+function De(e) {
+  return typeof e == "boolean";
+}
+function b(e) {
+  return typeof e == "function";
+}
+function P(e) {
+  return Array.isArray(e);
+}
+function vs(e) {
+  return { id: Symbol(), provide: e };
+}
+function As(e, s, t = wt()) {
+  var n;
+  const i = !x(s);
+  Es(e.id, i ? s : (n = e.provide) == null ? void 0 : n.call(e), t);
+}
+function Me(e) {
+  return Ie(e.id);
+}
+function cn(e) {
+  return !x(Ie(e.id));
+}
+var xs = class {
+  constructor(e) {
+    this.id = Symbol(0), this.record = e, this.v = Object.getOwnPropertyDescriptors(e);
+  }
+  create() {
+    const e = {}, s = new Proxy(e, { get: (t, i) => e[i]() });
+    for (const t of Object.keys(this.record)) {
+      const i = this.v[t].get;
+      e[t] = i ? Tt(i.bind(s)) : _(this.record[t]);
+    }
+    return e;
+  }
+  reset(e, s) {
+    for (const t of Object.keys(e))
+      !this.v[t].get && (!s || s(t)) && e[t].set(this.record[t]);
+  }
+};
+function hn(e) {
+  return Me(e);
+}
+var d = K;
+function Le(e) {
+  let s = e;
+  for (; typeof s == "function"; )
+    s = s();
+  return s;
+}
+var Ps = Event, Re = Symbol("DOM_EVENT"), Fe, y = class extends Ps {
+  constructor(e, ...s) {
+    var t, i;
+    super(e, s[0]), this[Fe] = !0, this.detail = (t = s[0]) == null ? void 0 : t.detail, this.trigger = (i = s[0]) == null ? void 0 : i.trigger;
+  }
+  /**
+   * Walks up the event chain (following each `trigger`) and returns the origin event
+   * that started the chain.
+   */
+  get originEvent() {
+    return yt(this) ?? this;
+  }
+  /**
+   * Walks up the event chain (following each `trigger`) and determines whether the initial
+   * event was triggered by the end user (ie: check whether `isTrusted` on the `originEvent` `true`).
+   */
+  get isOriginTrusted() {
+    var e;
+    return ((e = yt(this)) == null ? void 0 : e.isTrusted) ?? !1;
+  }
+};
+Fe = Re;
+function Cs(e) {
+  return !!(e != null && e[Re]);
+}
+function yt(e) {
+  let s = e.trigger;
+  for (; s && s.trigger; )
+    s = s.trigger;
+  return s;
+}
+function m(e, s) {
+  const t = yt(e) ?? e;
+  if (t === s)
+    throw Error(
+      ""
+    );
+  Object.defineProperty(t, "trigger", {
+    configurable: !0,
+    enumerable: !0,
+    get: () => s
+  });
+}
+var Qt = class extends EventTarget {
+  addEventListener(e, s, t) {
+    return super.addEventListener(e, s, t);
+  }
+  removeEventListener(e, s, t) {
+    return super.removeEventListener(e, s, t);
+  }
+};
+function f(e, s, t, i) {
+  return e.addEventListener(s, t, i), L(() => e.removeEventListener(s, t, i));
+}
+function Is(e) {
+  return !!(e != null && e.type.startsWith("pointer"));
+}
+function Os(e) {
+  return !!(e != null && e.type.startsWith("touch"));
+}
+function Ns(e) {
+  return /^(click|mouse)/.test((e == null ? void 0 : e.type) ?? "");
+}
+function Jt(e) {
+  return !!(e != null && e.type.startsWith("key"));
+}
+function te(e) {
+  return Jt(e) && (e.key === "Enter" || e.key === " ");
+}
+function vt(e) {
+  return e instanceof Node;
+}
+function He(e) {
+  return vt(e) && e.nodeType === 1;
+}
+function Ve() {
+  return document.createDocumentFragment();
+}
+function ee(e) {
+  return document.createComment(e);
+}
+function it(e, s, t) {
+  if (!t && t !== "" && t !== 0)
+    e.removeAttribute(s);
+  else {
+    const i = t + "";
+    e.getAttribute(s) !== i && e.setAttribute(s, i);
+  }
+}
+function nt(e, s, t) {
+  !t && t !== 0 ? e.style.removeProperty(s) : e.style.setProperty(s, t + "");
+}
+function ze(e, s) {
+  for (const t of e)
+    t(s);
+}
+function We(e) {
+  return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function _s(e) {
+  return e.replace(/-./g, (s) => s[1].toUpperCase());
+}
+function qs(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function se(e) {
+  const s = [];
+  for (let t = 0; t < e.length; t++)
+    P(e[t]) ? s.push(...se(e[t])) : (e[t] || e[t] === 0) && s.push(e[t]);
+  return s;
+}
+var C = class {
+  /**
+   * The custom element this component is attached to. This is safe to use server-side with the
+   * limited API listed below.
+   *
+   * **Important:** Only specific DOM APIs are safe to call server-side. This includes:
+   *
+   * - Attributes: `getAttribute`, `setAttribute`, `removeAttribute`, and `hasAttribute`
+   * - Classes: `classList` API
+   * - Styles: `style` API
+   * - Events (noop): `addEventListener`, `removeEventListener`, and `dispatchEvent`
+   */
+  get el() {
+    return this.instance.m;
+  }
+  /**
+   * Reactive component properties.
+   */
+  get $props() {
+    return this.instance.e;
+  }
+  /**
+   * Reactive component store.
+   */
+  get $store() {
+    return this.instance.k;
+  }
+  constructor(e) {
+    this.instance = e, this.onAttach && e.d.push(this.onAttach.bind(this)), this.onConnect && e.p.push(this.onConnect.bind(this)), this.onDisconnect && e.i.push(this.onDisconnect.bind(this)), this.onDestroy && e.x.push(this.onDestroy.bind(this));
+  }
+  /**
+   * This method can be used to specify attributes that should be set on the host element. Any
+   * attributes that are assigned to a function will be considered a signal and updated accordingly.
+   */
+  setAttributes(e) {
+    this.instance.f && Object.assign(this.instance.f, e);
+  }
+  /**
+   * This method can be used to specify styles that should set be set on the host element. Any
+   * styles that are assigned to a function will be considered a signal and updated accordingly.
+   */
+  setStyles(e) {
+    this.instance.q && Object.assign(this.instance.q, e);
+  }
+  /**
+   * This method is used to satisfy the CSS variables contract specified on the current
+   * custom element definition. Other CSS variables can be set via the `setStyles` method.
+   */
+  setCSSVars(e) {
+    this.setStyles(e);
+  }
+  /**
+   * Type-safe utility for creating component DOM events.
+   */
+  createEvent(e, ...s) {
+    return new y(e, s[0]);
+  }
+  /**
+   * Creates a `DOMEvent` and dispatches it from the host element. This method is typed to
+   * match all component events.
+   */
+  dispatch(e, ...s) {
+    if (!this.el)
+      return;
+    const t = new y(e, s[0]);
+    this.el.dispatchEvent(t);
+  }
+  /**
+   * Adds an event listener for the given `type` and returns a function which can be invoked to
+   * remove the event listener.
+   *
+   * - The listener is removed if the current scope is disposed.
+   * - This method is safe to use on the server (noop).
+   */
+  listen(e, s, t) {
+    return this.el ? f(this.el, e, s, t) : $t;
+  }
+}, js = class extends C {
+  constructor(e) {
+    super(e), this.render && !e.F && !e.h && (e.h = this.render.bind(this));
+  }
+  destroy() {
+    this.instance.y();
+  }
+}, Be = (e) => (
+  // @ts-expect-error - filter accepts `boolean` but not typed.
+  document.createTreeWalker(e, NodeFilter.SHOW_COMMENT, (s) => s.nodeValue === "$")
+), $ = null;
+function Ds(e, s) {
+  const t = $;
+  $ = { w: Be(s.target) };
+  const i = e();
+  return $ = t, i;
+}
+var Dt = /* @__PURE__ */ Symbol(0), Ms = ee("$$"), Mt = /* @__PURE__ */ Symbol(0), Ls = /* @__PURE__ */ ee("/$"), Rs = "/[]";
+function ie(e, s, t) {
+  let i = b(s);
+  i && s[Ws] && (s = s(), i = b(s)), i ? Ze(e, s, t) : !$ && (s || s === 0) && Ue(
+    e,
+    P(s) ? Ke(s) : vt(s) ? s : document.createTextNode(s + ""),
+    t
+  );
+}
+function Ue(e, s, t) {
+  s && (t ? e.insertBefore(s, t) : e.appendChild(s));
+}
+function Ze(e, s, t) {
+  const i = t && t.nodeType === 8 ? t : Ms.cloneNode();
+  i !== t && Ue(e, i, t), d(() => void Fs(i, Le(s)));
+}
+function Fs(e, s) {
+  const t = e[Mt];
+  if (P(s))
+    if ($)
+      e[Mt] = Hs(e);
+    else {
+      t && at(e, t);
+      const i = Ke(s);
+      if (!i)
+        return;
+      t || i.appendChild(Pt(e)), e.after(i);
+    }
+  else if (vt(s))
+    t && at(e, t), $ || e.after(s), t || s.after(Pt(e));
+  else if (O(s) || mt(s)) {
+    if (e[Dt]) {
+      e.nextSibling.data = s + "";
+      return;
+    }
+    t && at(e, t);
+    let i;
+    $ ? i = e.nextSibling : (i = document.createTextNode(s + ""), e.after(i)), e[Dt] = !0, t || i.after(Pt(e));
+  } else t && at(e, t);
+}
+function Pt(e) {
+  return e[Mt] = Ls.cloneNode();
+}
+function Hs(e) {
+  for (; e; ) {
+    if (e.nodeType === 8 && e.nodeValue === Rs)
+      return e;
+    e = e.nextSibling;
+  }
+}
+function at(e, s) {
+  for (; e.nextSibling !== s; )
+    e.nextSibling.remove();
+  e[Dt] = !1;
+}
+function Ke(e) {
+  const s = se(e);
+  if (!s.length)
+    return null;
+  const t = Ve();
+  for (let i = 0; i < s.length; i++) {
+    const n = s[i];
+    b(n) ? Ze(t, n) : t.append(n);
+  }
+  return t;
+}
+function un(e) {
+  Xe(e, {
+    insert: ie
+  });
+}
+var dt = Symbol(0);
+function Xe(e, s) {
+  const t = e.el.tagName;
+  window.customElements.get(t) || (window[dt] || (window[dt] = /* @__PURE__ */ new Map()), window[dt].set(t, e), window.customElements.define(t, Ys(e, s)));
+}
+function Ye(e) {
+  const s = document.createElement("template");
+  return s.innerHTML = e, s.content;
+}
+function At(e, s = $ == null ? void 0 : $.w) {
+  try {
+    return [Vs(s), s];
+  } catch {
+    return At(e, Be(document.importNode(e, !0)));
+  }
+}
+function fn(e) {
+  return At(e)[0];
+}
+function Vs(e) {
+  let s = e.nextNode().nextSibling;
+  if (s.localName.indexOf("-") > 0 && s.firstChild && s.firstChild.nodeName === "SHADOW-ROOT") {
+    let t = s.firstChild.nextSibling || s.nextSibling;
+    t && (e.currentNode = t);
+  }
+  return s;
+}
+var dn = $;
+function pn(e, s) {
+  var n;
+  const t = (n = window[dt]) == null ? void 0 : n.get(e.localName);
+  if (!t)
+    throw Error(
+      e.localName
+    );
+  const i = Qe(t, { props: s });
+  return e.attachComponent(i), i.instance.c;
+}
+function mn(e) {
+  return document.importNode(e, !0).firstElementChild;
+}
+function zs(e) {
+  return document.createElement(e);
+}
+var yn = ie;
+function gn(e, s) {
+  ie(e.parentElement, s, e);
+}
+function bn(e, s = {}) {
+  return u(() => e(s));
+}
+var Ws = /* @__PURE__ */ Symbol(0);
+function Ge(e, s) {
+  P(s) ? s.filter(b).forEach((t) => t(e)) : b(s) && s(e);
+}
+var X = it;
+function En(e, s, t, i = !1) {
+  b(t) && f(e, s, t, { capture: i });
+}
+var kn = u, wn = S, Y = d, Tn = Tt, z = /* @__PURE__ */ Symbol(0), G = /* @__PURE__ */ Symbol(0), Q = /* @__PURE__ */ Symbol(0);
+function Qe(e, s) {
+  const t = new Bs(e, s);
+  return S(() => new e(t), t.c);
+}
+var Bs = class {
+  constructor(e, s = {}) {
+    this.m = null, this.h = null, this.F = !1, this.j = !1, this.f = {}, this.q = {}, this.e = {}, this.z = null, this.k = null, this.d = [], this.p = [], this.i = [], this.x = [], Ce((t) => {
+      var r;
+      this.c = wt(), this.G = t, s.scope && s.scope.append(this.c);
+      const i = e.el.store;
+      i && (this.k = i.create(), this.z = new Proxy(this.k, {
+        get: (a, o) => this.k[o]()
+      }), As(i, this.k));
+      const n = e.el.props;
+      if (n && (this.e = Us(n), s.props)) {
+        for (const a of Object.keys(s.props))
+          if (a in n) {
+            const o = s.props[a];
+            N(o) ? K(() => void this.e[a].set(o())) : this.e[a].set(o);
+          }
+      }
+      (r = s.props) != null && r.innerHTML && (this.F = !0), L(this.y.bind(this));
+    });
+  }
+  y() {
+    var e;
+    if (!this.j) {
+      this.j = !0;
+      for (const s of this.x)
+        S(() => s(this.m), this.c);
+      (e = this.m) == null || e.destroy(), this.d.length = 0, this.p.length = 0, this.i.length = 0, this.x.length = 0, W(), this.G(), this.m = null, this.h = null;
+    }
+  }
+};
+function Us(e) {
+  const s = {};
+  for (const t of Object.keys(e)) {
+    const i = e[t];
+    s[t] = _(i.value, i);
+  }
+  return s;
+}
+async function Zs(e) {
+  var n;
+  const s = Xs(e), t = e.constructor, i = t.a;
+  s && (await customElements.whenDefined(s.localName), s[z] === !0 || await new Promise((r) => s[z].push(r))), e.isConnected && (s != null && s.keepAlive && (e.keepAlive = !0), e.attachComponent(
+    Qe(i, {
+      scope: (n = s == null ? void 0 : s.component) == null ? void 0 : n.instance.c
+    })
+  ));
+}
+function Ks(e) {
+  var n;
+  const s = e.constructor, t = s.a, i = {};
+  if (!s.f)
+    return i;
+  for (const r of e.attributes) {
+    let a = s.f.get(r.name), o = a && ((n = t.el.props[a].type) == null ? void 0 : n.from);
+    if (o) {
+      let h = e.getAttribute(r.name);
+      i[a] = o(h);
+    }
+  }
+  return i;
+}
+function Xs(e) {
+  let s = e.constructor, t = s.a, i = e.parentNode, n = t.el.tagName.split("-", 1)[0] + "-";
+  for (; i; ) {
+    if (i.nodeType === 1 && i.localName.startsWith(n))
+      return i;
+    i = i.parentNode;
+  }
+  return null;
+}
+function Ys(e, s) {
+  const t = e.register;
+  if (e.register) {
+    const o = P(t) ? t : t == null ? void 0 : t();
+    if (P(o))
+      for (const h of o)
+        Xe(h, s);
+  }
+  let i;
+  if (e.el.props) {
+    i = /* @__PURE__ */ new Map();
+    for (const o of Object.keys(e.el.props)) {
+      const c = e.el.props[o].attribute;
+      if (c !== !1) {
+        const p = c ?? We(o);
+        i.set(p, o);
+      }
+    }
+  }
+  class n extends Qs {
+    static get a() {
+      return e;
+    }
+  }
+  n.H = s, n.f = i;
+  const r = n.prototype, a = e.prototype;
+  if (e.el.props)
+    for (const o of Object.keys(e.el.props))
+      Object.defineProperty(r, o, {
+        enumerable: !0,
+        configurable: !0,
+        get() {
+          return this.component ? this.component.instance.e[o]() : e.el.props[o].value;
+        },
+        set(h) {
+          const c = () => this.component.instance.e[o].set(h);
+          if (!this.component) {
+            this.l.delete(o), this.l.set(o, c);
+            return;
+          }
+          c();
+        }
+      });
+  if (a[G])
+    for (const o of a[G])
+      Object.defineProperty(r, o, {
+        enumerable: !0,
+        configurable: !0,
+        get() {
+          return this.component ? this.component[o] : void 0;
+        },
+        set(h) {
+          if (!this.component) {
+            this.l.delete(o), this.l.set(o, () => {
+              this.component[o] = h;
+            });
+            return;
+          }
+          this.component[o] = h;
+        }
+      });
+  if (a[Q])
+    for (const o of a[Q])
+      r[o] = function(...h) {
+        return this.component[o](...h);
+      };
+  return n;
+}
+var Gs = HTMLElement, Je, Qs = class extends Gs {
+  constructor() {
+    super(...arguments), this.r = !1, this.j = !1, this.a = null, this.s = null, this.d = /* @__PURE__ */ new Set(), this.i = [], this.l = /* @__PURE__ */ new Map(), this.keepAlive = !1, this[Je] = [], this.B = !1;
+  }
+  get A() {
+    return this.hasAttribute("mk-d");
+  }
+  get component() {
+    return this.a;
+  }
+  get $store() {
+    var e;
+    return (e = this.a) == null ? void 0 : e.instance.k;
+  }
+  get state() {
+    return this.a.instance.z;
+  }
+  static get observedAttributes() {
+    return this.f ? Array.from(this.f.keys()) : [];
+  }
+  attributeChangedCallback(e, s, t) {
+    var a, o;
+    const i = this.constructor;
+    if (!this.a || !i.f)
+      return;
+    const n = i.f.get(e), r = (o = (a = i.a.el.props[n]) == null ? void 0 : a.type) == null ? void 0 : o.from;
+    r && this.a.instance.e[n].set(r(t));
+  }
+  connectedCallback() {
+    var s;
+    const e = (s = this.a) == null ? void 0 : s.instance;
+    if (!this.A && !e)
+      return this.N();
+    !e || !this.isConnected || this.r || this.j || (this.hasAttribute("keep-alive") && (this.keepAlive = !0), this.r = !0, e.p.length && S(() => {
+      Ce((t) => {
+        this.s = wt();
+        for (const i of e.p)
+          S(() => {
+            const n = i(this);
+            N(n) && this.i.push(n);
+          }, this.s);
+        this.i.push(t);
+      });
+    }, e.c), P(this[z]) && (ze(this[z], this), this[z] = !0));
+  }
+  disconnectedCallback() {
+    var s;
+    const e = (s = this.a) == null ? void 0 : s.instance;
+    if (!(!this.r || this.j)) {
+      this.r = !1;
+      for (const t of this.i)
+        S(t, this.s);
+      if (e != null && e.i.length)
+        for (const t of e.i)
+          S(() => t(this), e.c);
+      this.s = null, !this.A && !this.keepAlive && requestAnimationFrame(() => {
+        this.isConnected || (e == null || e.y(), this.j = !0);
+      });
+    }
+  }
+  attachComponent(e) {
+    const s = e.instance, t = this.constructor, i = t.a.el, n = t.H;
+    this.a || this.j || S(() => {
+      var h;
+      this.o = s.h ? i.shadowRoot ? this.shadowRoot ?? this.attachShadow(De(i.shadowRoot) ? { mode: "open" } : i.shadowRoot) : Js(this) : null, !$ && i.shadowRoot && i.css && (n != null && n.adoptCSS) && n.adoptCSS(this.o, i.css), s.m = this, this.a = e;
+      const r = Ks(this);
+      for (const c of Object.keys(r))
+        s.e[c].set(r[c]);
+      if ((h = this.l) != null && h.size)
+        for (const c of this.l.values())
+          c();
+      this.l = null;
+      for (const c of [...s.d, ...this.d])
+        S(() => c(this), s.c);
+      s.d.length = 0, this.d = null;
+      const a = s.f, o = s.q;
+      if (a)
+        for (const c of Object.keys(a))
+          N(a[c]) ? K(() => it(this, c, a[c]())) : it(this, c, a[c]);
+      if (o)
+        for (const c of Object.keys(o))
+          N(o[c]) ? K(() => nt(this, c, o[c]())) : nt(this, c, o[c]);
+      if (this.dispatchEvent(new Event("attached")), this.o && n && s.h) {
+        const c = () => n.insert(this.o, s.h);
+        this.hasAttribute("mk-h") && !t.a.el.nohydrate ? Ds(c, { target: this.o }) : c();
+      }
+      this.connectedCallback();
+    }, s.c);
+  }
+  subscribe(e) {
+    return S(() => K(() => e(this.a.instance.z)), this.a.instance.c);
+  }
+  onAttach(e) {
+    return this.a ? (e(this), $t) : (this.d.add(e), () => {
+      var s;
+      return (s = this.d) == null ? void 0 : s.delete(e);
+    });
+  }
+  onEventDispatch(e) {
+    const s = this.constructor;
+    if (s.n)
+      for (const t of s.n)
+        e(t);
+    this.I = e;
+  }
+  destroy() {
+    var e;
+    this.disconnectedCallback(), (e = this.a) == null || e.destroy(), this.a = null, this.j = !0;
+  }
+  dispatchEvent(e) {
+    var s;
+    if (this.A) {
+      const t = this.constructor;
+      t.n || (t.n = /* @__PURE__ */ new Set()), t.n.has(e.type) || ((s = this.I) == null || s.call(this, e.type), t.n.add(e.type));
+    }
+    return bs(() => super.dispatchEvent(e));
+  }
+  async N() {
+    this.B || (this.B = !0, await Zs(this), this.B = !1);
+  }
+  P(e) {
+  }
+};
+Je = z;
+function Js(e) {
+  if (e.firstChild && He(e.firstChild) && e.firstChild.localName === "shadow-root")
+    return e.firstChild;
+  {
+    const s = zs("shadow-root");
+    return e.prepend(s), s;
+  }
+}
+var Lt = Symbol(0);
+function Ct(e) {
+  return { [Lt]: !0, ...e };
+}
+function ti(e) {
+  var s;
+  if ("props" in e) {
+    const t = e.props;
+    for (const i of Object.keys(t)) {
+      const n = (s = t[i]) != null && s[Lt] ? t[i] : { [Lt]: !0, value: t[i] };
+      n.attribute !== !1 && !n.type && (n.type = ai(n.value)), t[i] = n;
+    }
+  }
+  return e;
+}
+var ot = {
+  from: (e) => e === null ? "" : e + ""
+}, ei = {
+  from: (e) => e === null ? 0 : Number(e)
+}, si = {
+  from: (e) => e !== null,
+  to: (e) => e ? "" : null
+}, ii = {
+  from: !1,
+  to: () => null
+}, ni = {
+  from: (e) => e === null ? [] : JSON.parse(e),
+  to: (e) => JSON.stringify(e)
+}, ri = {
+  from: (e) => e === null ? {} : JSON.parse(e),
+  to: (e) => JSON.stringify(e)
+};
+function ai(e) {
+  if (e === null)
+    return ot;
+  switch (typeof e) {
+    case "undefined":
+      return ot;
+    case "string":
+      return ot;
+    case "boolean":
+      return si;
+    case "number":
+      return ei;
+    case "function":
+      return ii;
+    case "object":
+      return P(e) ? ni : ri;
+    default:
+      return ot;
+  }
+}
+function $n(e, s, t) {
+  e[G] || (e[G] = /* @__PURE__ */ new Set()), e[G].add(s);
+}
+function Sn(e, s, t) {
+  e[Q] || (e[Q] = /* @__PURE__ */ new Set()), e[Q].add(s);
+}
+function oi(e) {
+  return e ? "true" : "false";
+}
+function ts() {
+  const e = /* @__PURE__ */ new Set();
+  return {
+    add(...s) {
+      for (const t of s)
+        e.add(t);
+    },
+    empty() {
+      for (const s of e)
+        s();
+      e.clear();
+    }
+  };
+}
+function li() {
+  const e = ts();
+  return L(e.empty), e;
+}
+function es() {
+  let e, s;
+  return { promise: new Promise((i, n) => {
+    e = i, s = n;
+  }), resolve: e, reject: s };
+}
+function ss(e) {
+  return new Promise((s) => setTimeout(s, e));
+}
+function is(e) {
+  let s = -1, t;
+  function i(...n) {
+    t = n, !(s >= 0) && (s = window.requestAnimationFrame(() => {
+      e.apply(this, t), s = -1, t = void 0;
+    }));
+  }
+  return i;
+}
+var ci = "requestIdleCallback" in window ? window.requestIdleCallback : (e) => window.requestAnimationFrame(e);
+function hi(e, s) {
+  return new Promise((t) => {
+    ci((i) => {
+      e == null || e(i), t();
+    }, s);
+  });
+}
+const ui = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DOMEvent: y,
+  EventsTarget: Qt,
+  animationFrameThrottle: is,
+  appendTriggerEvent: m,
+  ariaBool: oi,
+  camelToKebabCase: We,
+  createComment: ee,
+  createDisposalBin: ts,
+  createFragment: Ve,
+  deferredPromise: es,
+  flattenArray: se,
+  getOriginEvent: yt,
+  isArray: P,
+  isBoolean: De,
+  isDOMElement: He,
+  isDOMEvent: Cs,
+  isDOMNode: vt,
+  isFunction: b,
+  isKeyboardClick: te,
+  isKeyboardEvent: Jt,
+  isMouseEvent: Ns,
+  isNil: Ss,
+  isNull: St,
+  isNumber: mt,
+  isPointerEvent: Is,
+  isString: O,
+  isTouchEvent: Os,
+  isUndefined: x,
+  kebabToCamelCase: _s,
+  listenEvent: f,
+  noop: $t,
+  runAll: ze,
+  setAttribute: it,
+  setStyle: nt,
+  unwrapDeep: Le,
+  uppercaseFirstChar: qs,
+  useDisposalBin: li,
+  waitIdlePeriod: hi,
+  waitTimeout: ss
+}, Symbol.toStringTag, { value: "Module" }));
+function fi(e) {
+  return e instanceof HTMLAudioElement;
+}
+function di(e) {
+  return e instanceof HTMLVideoElement;
+}
+function pi(e) {
+  return fi(e) || di(e);
+}
+const mi = /\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i, yi = /* @__PURE__ */ new Set([
+  "audio/mpeg",
+  "audio/ogg",
+  "audio/3gp",
+  "audio/mp4",
+  "audio/webm",
+  "audio/flac"
+]), gi = /\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i, bi = /* @__PURE__ */ new Set([
+  "video/mp4",
+  "video/webm",
+  "video/3gp",
+  "video/ogg",
+  "video/avi",
+  "video/mpeg"
+]), ns = /\.(m3u8)($|\?)/i, rs = /* @__PURE__ */ new Set([
+  // Apple sanctioned
+  "application/vnd.apple.mpegurl",
+  // Apple sanctioned for backwards compatibility
+  "audio/mpegurl",
+  // Very common
+  "audio/x-mpegurl",
+  // Very common
+  "application/x-mpegurl",
+  // Included for completeness
+  "video/x-mpegurl",
+  "video/mpegurl",
+  "application/mpegurl"
+]);
+function Ei({ src: e, type: s }) {
+  return typeof e == "string" && ns.test(e) || rs.has(s);
+}
+function vn(e) {
+  return typeof window.MediaStream < "u" && e instanceof window.MediaStream;
+}
+const ki = /* @__PURE__ */ Ye('<!$><audio preload="none" aria-hidden="true"></audio>'), wi = ki;
+class Ti {
+  constructor() {
+    l(this, "kh");
+  }
+  canPlay({ src: s, type: t }) {
+    return O(s) ? mi.test(s) || yi.has(t) || s.startsWith("blob:") && t === "audio/object" : t === "audio/object";
+  }
+  mediaType() {
+    return "audio";
+  }
+  async load() {
+    return new (await import("./provider-EKFFiZS1.js")).AudioProvider(this.kh);
+  }
+  render(s) {
+    return (() => {
+      const [t, i] = At(wi);
+      return Y(() => X(t, "controls", s.controls())), Y(() => X(t, "crossorigin", s.crossorigin())), Ge(t, (n) => void (this.kh = n)), t;
+    })();
+  }
+}
+const $i = /* @__PURE__ */ Ye('<!$><video preload="none" aria-hidden="true"></video>'), Si = $i;
+class as {
+  constructor() {
+    l(this, "qa");
+  }
+  canPlay(s) {
+    return O(s.src) ? gi.test(s.src) || bi.has(s.type) || s.src.startsWith("blob:") && s.type === "video/object" || Ei(s) && Oi() : s.type === "video/object";
+  }
+  mediaType() {
+    return "video";
+  }
+  async load(s) {
+    return new (await import("./provider-DgSZc2dM.js")).VideoProvider(this.qa, s);
+  }
+  render(s) {
+    const t = Tt(() => s.poster() && s.controls() ? s.poster() : null);
+    return (() => {
+      const [i, n] = At(Si);
+      return Y(() => X(i, "controls", s.controls())), Y(() => X(i, "crossorigin", s.crossorigin())), Y(() => X(i, "poster", t())), Ge(i, (r) => void (this.qa = r)), i;
+    })();
+  }
+}
+const Et = class Et extends as {
+  preconnect() {
+    fs("https://cdn.jsdelivr.net", "preconnect");
+  }
+  canPlay({ src: s, type: t }) {
+    return Et.supported && O(s) && (ns.test(s) || rs.has(t));
+  }
+  async load(s) {
+    return new (await import("./provider-B7wAEcCR.js")).HLSProvider(this.qa, s);
+  }
+};
+l(Et, "supported", qi());
+let Rt = Et;
+const gt = Symbol(0), Ft = Symbol(0), Ht = Symbol(0), It = Symbol(0), lt = Symbol(0), le = Symbol(0), os = Symbol(0), ls = Symbol(0), cs = Symbol(0);
+var ke;
+class hs extends Qt {
+  constructor() {
+    super(...arguments);
+    l(this, "a", []);
+    /* @internal */
+    l(this, ke, !1);
+  }
+  get length() {
+    return this.a.length;
+  }
+  get readonly() {
+    return this[lt];
+  }
+  /**
+   * Transform list to an array.
+   */
+  toArray() {
+    return [...this.a];
+  }
+  [(ke = lt, Symbol.iterator)]() {
+    return this.a.values();
+  }
+  /* @internal */
+  [gt](t, i) {
+    const n = this.a.length;
+    "" + n in this || Object.defineProperty(this, n, {
+      get() {
+        return this.a[n];
+      }
+    }), !this.a.includes(t) && (this.a.push(t), this.dispatchEvent(new y("add", { detail: t, trigger: i })));
+  }
+  /* @internal */
+  [Ft](t, i) {
+    var r;
+    const n = this.a.indexOf(t);
+    n >= 0 && ((r = this[ls]) == null || r.call(this, t, i), this.a.splice(n, 1), this.dispatchEvent(new y("remove", { detail: t, trigger: i })));
+  }
+  /* @internal */
+  [Ht](t) {
+    var i;
+    for (const n of [...this.a])
+      this[Ft](n, t);
+    this.a = [], this[le](!1, t), (i = this[os]) == null || i.call(this);
+  }
+  /* @internal */
+  [le](t, i) {
+    this[lt] !== t && (this[lt] = t, this.dispatchEvent(new y("readonly-change", { detail: t, trigger: i })));
+  }
+}
+var E = {
+  fullscreenEnabled: 0,
+  fullscreenElement: 1,
+  requestFullscreen: 2,
+  exitFullscreen: 3,
+  fullscreenchange: 4,
+  fullscreenerror: 5,
+  fullscreen: 6
+}, ce = [
+  "webkitFullscreenEnabled",
+  "webkitFullscreenElement",
+  "webkitRequestFullscreen",
+  "webkitExitFullscreen",
+  "webkitfullscreenchange",
+  "webkitfullscreenerror",
+  "-webkit-full-screen"
+], he = [
+  "mozFullScreenEnabled",
+  "mozFullScreenElement",
+  "mozRequestFullScreen",
+  "mozCancelFullScreen",
+  "mozfullscreenchange",
+  "mozfullscreenerror",
+  "-moz-full-screen"
+], ue = [
+  "msFullscreenEnabled",
+  "msFullscreenElement",
+  "msRequestFullscreen",
+  "msExitFullscreen",
+  "MSFullscreenChange",
+  "MSFullscreenError",
+  "-ms-fullscreen"
+], g = typeof window < "u" && typeof window.document < "u" ? window.document : {}, w = "fullscreenEnabled" in g && Object.keys(E) || ce[0] in g && ce || he[0] in g && he || ue[0] in g && ue || [], vi = {
+  requestFullscreen: function(e) {
+    return e[w[E.requestFullscreen]]();
+  },
+  requestFullscreenFunction: function(e) {
+    return e[w[E.requestFullscreen]];
+  },
+  get exitFullscreen() {
+    return g[w[E.exitFullscreen]].bind(g);
+  },
+  get fullscreenPseudoClass() {
+    return ":" + w[E.fullscreen];
+  },
+  addEventListener: function(e, s, t) {
+    return g.addEventListener(w[E[e]], s, t);
+  },
+  removeEventListener: function(e, s, t) {
+    return g.removeEventListener(w[E[e]], s, t);
+  },
+  get fullscreenEnabled() {
+    return !!g[w[E.fullscreenEnabled]];
+  },
+  set fullscreenEnabled(e) {
+  },
+  get fullscreenElement() {
+    return g[w[E.fullscreenElement]];
+  },
+  set fullscreenElement(e) {
+  },
+  get onfullscreenchange() {
+    return g[("on" + w[E.fullscreenchange]).toLowerCase()];
+  },
+  set onfullscreenchange(e) {
+    return g[("on" + w[E.fullscreenchange]).toLowerCase()] = e;
+  },
+  get onfullscreenerror() {
+    return g[("on" + w[E.fullscreenerror]).toLowerCase()];
+  },
+  set onfullscreenerror(e) {
+    return g[("on" + w[E.fullscreenerror]).toLowerCase()] = e;
+  }
+}, D = vi;
+const bt = D.fullscreenEnabled;
+class Ai extends C {
+  constructor() {
+    super(...arguments);
+    /**
+     * Tracks whether we're the active fullscreen event listener. Fullscreen events can only be
+     * listened to globally on the document so we need to know if they relate to the current host
+     * element or not.
+     */
+    l(this, "b", !1);
+    l(this, "c", !1);
+  }
+  get active() {
+    return this.c;
+  }
+  get supported() {
+    return bt;
+  }
+  onConnect() {
+    f(D, "fullscreenchange", this.d.bind(this)), f(D, "fullscreenerror", this.e.bind(this));
+  }
+  async onDisconnect() {
+    bt && await this.exit();
+  }
+  d(t) {
+    const i = Ot(this.el);
+    i !== this.c && (i || (this.b = !1), this.c = i, this.dispatch("fullscreen-change", { detail: i, trigger: t }));
+  }
+  e(t) {
+    this.b && (this.dispatch("fullscreen-error", { detail: null, trigger: t }), this.b = !1);
+  }
+  async enter() {
+    try {
+      return this.b = !0, !this.el || Ot(this.el) ? void 0 : (fe(), D.requestFullscreen(this.el));
+    } catch (t) {
+      throw this.b = !1, t;
+    }
+  }
+  async exit() {
+    if (!(!this.el || !Ot(this.el)))
+      return fe(), D.exitFullscreen();
+  }
+}
+function An() {
+  return bt;
+}
+function Ot(e) {
+  if (D.fullscreenElement === e)
+    return !0;
+  try {
+    return e.matches(
+      // @ts-expect-error - `fullscreenPseudoClass` is missing from `@types/fscreen`.
+      D.fullscreenPseudoClass
+    );
+  } catch {
+    return !1;
+  }
+}
+function fe() {
+  if (!bt)
+    throw Error(
+      "[vidstack] no fullscreen API"
+    );
+}
+const xi = navigator == null ? void 0 : navigator.userAgent.toLowerCase(), Pi = /iphone|ipad|ipod|ios|crios|fxios/i.test(xi), xn = /(iphone|ipod)/gi.test(navigator == null ? void 0 : navigator.platform), Pn = !!window.chrome, Ci = !!window.safari || Pi;
+function Ii() {
+  return !x(screen.orientation) && b(screen.orientation.lock) && b(screen.orientation.unlock);
+}
+function Oi(e) {
+  return e || (e = document.createElement("video")), e.canPlayType("application/vnd.apple.mpegurl").length > 0;
+}
+function Cn(e) {
+  return !!document.pictureInPictureEnabled && !e.disablePictureInPicture;
+}
+function In(e) {
+  return b(e.webkitSupportsPresentationMode) && b(e.webkitSetPresentationMode);
+}
+async function On() {
+  const e = document.createElement("video");
+  return e.volume = 0.5, await ss(0), e.volume === 0.5;
+}
+function Ni() {
+  return (window == null ? void 0 : window.MediaSource) ?? (window == null ? void 0 : window.WebKitMediaSource);
+}
+function _i() {
+  return (window == null ? void 0 : window.SourceBuffer) ?? (window == null ? void 0 : window.WebKitSourceBuffer);
+}
+function qi() {
+  const e = Ni();
+  if (x(e))
+    return !1;
+  const s = e && b(e.isTypeSupported) && e.isTypeSupported('video/mp4; codecs="avc1.42E01E,mp4a.40.2"'), t = _i(), i = x(t) || !x(t.prototype) && b(t.prototype.appendBuffer) && b(t.prototype.remove);
+  return !!s && !!i;
+}
+const J = Ii();
+class ji extends C {
+  constructor() {
+    super(...arguments);
+    l(this, "g", _(pe()));
+    l(this, "f", _(!1));
+    l(this, "h");
+  }
+  /**
+   * The current screen orientation type.
+   *
+   * @signal
+   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/ScreenOrientation}
+   * @see https://w3c.github.io/screen-orientation/#screen-orientation-types-and-locks
+   */
+  get type() {
+    return this.g();
+  }
+  /**
+   * Whether the screen orientation is currently locked.
+   *
+   * @signal
+   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/ScreenOrientation}
+   * @see https://w3c.github.io/screen-orientation/#screen-orientation-types-and-locks
+   */
+  get locked() {
+    return this.f();
+  }
+  /**
+   * Whether the viewport is in a portrait orientation.
+   *
+   * @signal
+   */
+  get portrait() {
+    return this.g().startsWith("portrait");
+  }
+  /**
+   * Whether the viewport is in a landscape orientation.
+   *
+   * @signal
+   */
+  get landscape() {
+    return this.g().startsWith("landscape");
+  }
+  /**
+   * Whether the native Screen Orientation API is available.
+   */
+  get supported() {
+    return J;
+  }
+  onConnect() {
+    if (J)
+      f(screen.orientation, "change", this.i.bind(this));
+    else {
+      const t = window.matchMedia("(orientation: landscape)");
+      return t.onchange = this.i.bind(this), () => t.onchange = null;
+    }
+  }
+  async onDisconnect() {
+    J && this.f() && await this.unlock();
+  }
+  i(t) {
+    this.g.set(pe()), this.dispatch("orientation-change", {
+      detail: {
+        orientation: u(this.g),
+        lock: this.h
+      },
+      trigger: t
+    });
+  }
+  /**
+   * Locks the orientation of the screen to the desired orientation type using the
+   * Screen Orientation API.
+   *
+   * @param lockType - The screen lock orientation type.
+   * @throws Error - If screen orientation API is unavailable.
+   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation}
+   * @see {@link https://w3c.github.io/screen-orientation}
+   */
+  async lock(t) {
+    u(this.f) || this.h === t || (de(), await screen.orientation.lock(t), this.f.set(!0), this.h = t);
+  }
+  /**
+   * Unlocks the orientation of the screen to it's default state using the Screen Orientation
+   * API. This method will throw an error if the API is unavailable.
+   *
+   * @throws Error - If screen orientation API is unavailable.
+   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation}
+   * @see {@link https://w3c.github.io/screen-orientation}
+   */
+  async unlock() {
+    u(this.f) && (de(), this.h = void 0, await screen.orientation.unlock(), this.f.set(!1));
+  }
+}
+function de() {
+  if (!J)
+    throw Error(
+      "[vidstack] no orientation API"
+    );
+}
+function pe() {
+  return J ? window.screen.orientation.type : window.innerWidth >= window.innerHeight ? "landscape-primary" : "portrait-primary";
+}
+function Nn(e, s, t) {
+  e.hasAttribute(s) || e.setAttribute(s, t);
+}
+function _n(e, s) {
+  if (e.hasAttribute("aria-label") || e.hasAttribute("aria-describedby"))
+    return;
+  function t() {
+    it(e, "aria-label", s());
+  }
+  d(t);
+}
+function qn(e, s, t) {
+  for (; s; ) {
+    if (s === e)
+      return !0;
+    if (s.localName === e.localName || t != null && t(s))
+      break;
+    s = s.parentElement;
+  }
+  return !1;
+}
+function jn(e, s) {
+  f(e, "pointerup", (t) => {
+    t.button === 0 && s(t);
+  }), f(e, "keydown", (t) => {
+    te(t) && s(t);
+  });
+}
+function Di(e) {
+  const s = wt();
+  requestAnimationFrame(() => S(e, s));
+}
+const Mi = vs();
+function ne() {
+  return Me(Mi);
+}
+const Dn = [
+  "autoplay",
+  "autoplayError",
+  "canFullscreen",
+  "canPictureInPicture",
+  "canLoad",
+  "canPlay",
+  "canSeek",
+  "ended",
+  "error",
+  "fullscreen",
+  "loop",
+  "live",
+  "liveEdge",
+  "mediaType",
+  "muted",
+  "paused",
+  "pictureInPicture",
+  "playing",
+  "playsinline",
+  "seeking",
+  "started",
+  "streamType",
+  "userIdle",
+  "viewType",
+  "waiting"
+], Li = {
+  togglePaused: "k Space",
+  toggleMuted: "m",
+  toggleFullscreen: "f",
+  togglePictureInPicture: "i",
+  toggleCaptions: "c",
+  seekBackward: "ArrowLeft",
+  seekForward: "ArrowRight",
+  volumeUp: "ArrowUp",
+  volumeDown: "ArrowDown"
+}, me = /* @__PURE__ */ new Set(["Shift", "Alt", "Meta", "Control"]), Ri = 'button, [role="button"]', ye = 'input, textarea, select, [contenteditable], [role^="menuitem"]';
+class Mn extends C {
+  constructor(t, i) {
+    super(t);
+    l(this, "Ua");
+    l(this, "Ta", null);
+    this.j = i;
+  }
+  onConnect() {
+    d(this.Xa.bind(this));
+  }
+  Xa() {
+    const { keyDisabled: t, keyTarget: i } = this.$props;
+    if (t())
+      return;
+    const n = i() === "player" ? this.el : document, r = _(!1);
+    n === this.el ? (this.listen("focusin", () => r.set(!0)), this.listen("focusout", (a) => {
+      this.el.contains(a.target) || r.set(!1);
+    })) : (u(r) || r.set(document.querySelector("media-player") === this.el), f(document, "focusin", (a) => {
+      const o = a.composedPath().find((h) => h instanceof Element && h.localName === "media-player");
+      o !== void 0 && r.set(this.el === o);
+    })), d(() => {
+      r() && (f(n, "keyup", this.Ya.bind(this)), f(n, "keydown", this.Za.bind(this)), f(n, "keydown", this._a.bind(this), { capture: !0 }));
+    });
+  }
+  Ya(t) {
+    const i = document.activeElement, n = i == null ? void 0 : i.hasAttribute("data-media-slider");
+    if (!t.key || !this.$store.canSeek() || n || i != null && i.matches(ye))
+      return;
+    const r = this.Va(t);
+    if (r != null && r.startsWith("seek") && (t.preventDefault(), t.stopPropagation(), this.Ta ? (this.Wa(t), this.Ta = null) : (this.j.remote.seek(this.Ua, t), this.Ua = void 0)), r != null && r.startsWith("volume")) {
+      const a = this.el.querySelector("media-volume-slider");
+      a == null || a.dispatchEvent(new y("keyup", { trigger: t }));
+    }
+  }
+  Za(t) {
+    var a, o;
+    if (!t.key || me.has(t.key))
+      return;
+    const i = document.activeElement;
+    if (i != null && i.matches(ye) || te(t) && (i != null && i.matches(Ri)))
+      return;
+    const n = i == null ? void 0 : i.hasAttribute("data-media-slider"), r = this.Va(t);
+    if (!r && !t.metaKey && /[0-9]/.test(t.key) && !n) {
+      t.preventDefault(), t.stopPropagation(), this.j.remote.seek(this.$store.duration() / 10 * Number(t.key), t);
+      return;
+    }
+    if (!(!r || /volume|seek/.test(r) && n))
+      switch (t.preventDefault(), t.stopPropagation(), r) {
+        case "seekForward":
+        case "seekBackward":
+          this.$a(t, r);
+          break;
+        case "volumeUp":
+        case "volumeDown":
+          const h = this.el.querySelector("media-volume-slider");
+          if (h)
+            h.dispatchEvent(new y("keydown", { trigger: t }));
+          else {
+            const c = t.shiftKey ? 0.1 : 0.05;
+            this.j.remote.changeVolume(
+              this.$store.volume() + (r === "volumeUp" ? +c : -c),
+              t
+            );
+          }
+          break;
+        case "toggleFullscreen":
+          this.j.remote.toggleFullscreen("prefer-media", t);
+          break;
+        default:
+          (o = (a = this.j.remote)[r]) == null || o.call(a, t);
+      }
+  }
+  _a(t) {
+    pi(t.target) && this.Va(t) && t.preventDefault();
+  }
+  Va(t) {
+    const i = {
+      ...this.$props.keyShortcuts(),
+      ...this.j.ariaKeys
+    };
+    return Object.keys(i).find(
+      (n) => i[n].split(" ").some(
+        (r) => Hi(r).replace(/Control/g, "Ctrl").split("+").every(
+          (a) => me.has(a) ? t[a.toLowerCase() + "Key"] : t.key === a.replace("Space", " ")
+        )
+      )
+    );
+  }
+  ab(t, i) {
+    const n = t.shiftKey ? 10 : 5;
+    return this.Ua = Math.max(
+      0,
+      Math.min(
+        (this.Ua ?? this.$store.currentTime()) + (i === "seekForward" ? +n : -n),
+        this.$store.duration()
+      )
+    );
+  }
+  Wa(t) {
+    var i;
+    (i = this.Ta) == null || i.dispatchEvent(new y(t.type, { trigger: t }));
+  }
+  $a(t, i) {
+    this.$store.canSeek() && (this.Ta || (this.Ta = this.el.querySelector("media-time-slider")), this.Ta ? this.Wa(t) : this.j.remote.seeking(this.ab(t, i), t));
+  }
+}
+const Fi = ["!", "@", "#", "$", "%", "^", "&", "*", "(", ")"];
+function Hi(e) {
+  return e.replace(/Shift\+(\d)/g, (s, t) => Fi[t - 1]);
+}
+const Ln = {
+  autoplay: !1,
+  aspectRatio: Ct({
+    value: null,
+    type: {
+      from(e) {
+        if (!e)
+          return null;
+        if (!e.includes("/"))
+          return +e;
+        const [s, t] = e.split("/").map(Number);
+        return +(s / t).toFixed(4);
+      }
+    }
+  }),
+  controls: !1,
+  currentTime: 0,
+  crossorigin: null,
+  fullscreenOrientation: "landscape",
+  load: "visible",
+  logLevel: "silent",
+  loop: !1,
+  muted: !1,
+  paused: !0,
+  playsinline: !1,
+  playbackRate: 1,
+  poster: "",
+  preload: "metadata",
+  preferNativeHLS: Ct({
+    value: !1,
+    attribute: "prefer-native-hls"
+  }),
+  src: "",
+  userIdleDelay: 2e3,
+  viewType: "unknown",
+  streamType: "unknown",
+  volume: 1,
+  liveEdgeTolerance: 10,
+  minLiveDVRWindow: 60,
+  keyDisabled: !1,
+  keyTarget: "player",
+  keyShortcuts: Li,
+  title: "",
+  thumbnails: null,
+  textTracks: Ct({
+    value: [],
+    attribute: !1
+  }),
+  smallBreakpointX: 600,
+  largeBreakpointX: 980,
+  smallBreakpointY: 380,
+  largeBreakpointY: 600
+};
+class Nt {
+  constructor(s, t) {
+    l(this, "W");
+    P(s) ? this.W = s : !x(s) && !x(t) ? this.W = [[s, t]] : this.W = [];
+  }
+  get length() {
+    return this.W.length;
+  }
+  start(s) {
+    return this.W[s][0] ?? 1 / 0;
+  }
+  end(s) {
+    return this.W[s][1] ?? 1 / 0;
+  }
+}
+function ge(e) {
+  if (!e.length)
+    return null;
+  let s = e.start(0);
+  for (let t = 1; t < e.length; t++) {
+    const i = e.start(t);
+    i < s && (s = i);
+  }
+  return s;
+}
+function be(e) {
+  if (!e.length)
+    return null;
+  let s = e.end(0);
+  for (let t = 1; t < e.length; t++) {
+    const i = e.end(t);
+    i > s && (s = i);
+  }
+  return s;
+}
+const Vi = new xs({
+  audioTracks: [],
+  audioTrack: null,
+  autoplay: !1,
+  autoplayError: void 0,
+  buffered: new Nt(),
+  duration: 0,
+  canLoad: !1,
+  canFullscreen: !1,
+  canPictureInPicture: !1,
+  canPlay: !1,
+  controls: !1,
+  crossorigin: null,
+  poster: "",
+  currentTime: 0,
+  ended: !1,
+  error: void 0,
+  fullscreen: !1,
+  loop: !1,
+  logLevel: "silent",
+  mediaType: "unknown",
+  muted: !1,
+  paused: !0,
+  played: new Nt(),
+  playing: !1,
+  playsinline: !1,
+  pictureInPicture: !1,
+  preload: "metadata",
+  playbackRate: 1,
+  qualities: [],
+  quality: null,
+  autoQuality: !1,
+  canSetQuality: !0,
+  seekable: new Nt(),
+  seeking: !1,
+  source: { src: "", type: "" },
+  sources: [],
+  started: !1,
+  title: "",
+  textTracks: [],
+  textTrack: null,
+  thumbnails: null,
+  thumbnailCues: [],
+  volume: 1,
+  waiting: !1,
+  get viewType() {
+    return this.providedViewType !== "unknown" ? this.providedViewType : this.mediaType;
+  },
+  get streamType() {
+    return this.providedStreamType !== "unknown" ? this.providedStreamType : this.inferredStreamType;
+  },
+  get currentSrc() {
+    return this.source;
+  },
+  get bufferedStart() {
+    return ge(this.buffered) ?? 0;
+  },
+  get bufferedEnd() {
+    return be(this.buffered) ?? 0;
+  },
+  get seekableStart() {
+    return ge(this.seekable) ?? 0;
+  },
+  get seekableEnd() {
+    return this.canPlay ? be(this.seekable) ?? 1 / 0 : 0;
+  },
+  get seekableWindow() {
+    return Math.max(0, this.seekableEnd - this.seekableStart);
+  },
+  // ~~ responsive design ~~
+  touchPointer: !1,
+  orientation: "landscape",
+  mediaWidth: 0,
+  mediaHeight: 0,
+  breakpointX: "sm",
+  breakpointY: "sm",
+  // ~~ user props ~~
+  userIdle: !1,
+  userBehindLiveEdge: !1,
+  // ~~ live props ~~
+  liveEdgeTolerance: 10,
+  minLiveDVRWindow: 60,
+  get canSeek() {
+    return /unknown|on-demand|:dvr/.test(this.streamType) && Number.isFinite(this.seekableWindow) && (!this.live || /:dvr/.test(this.streamType) && this.seekableWindow >= this.minLiveDVRWindow);
+  },
+  get live() {
+    return this.streamType.includes("live") || !Number.isFinite(this.duration);
+  },
+  get liveEdgeStart() {
+    return this.live && Number.isFinite(this.seekableEnd) ? Math.max(0, (this.liveSyncPosition ?? this.seekableEnd) - this.liveEdgeTolerance) : 0;
+  },
+  get liveEdge() {
+    return this.live && (!this.canSeek || !this.userBehindLiveEdge && this.currentTime >= this.liveEdgeStart);
+  },
+  get liveEdgeWindow() {
+    return this.live && Number.isFinite(this.seekableEnd) ? this.seekableEnd - this.liveEdgeStart : 0;
+  },
+  // ~~ internal props ~~
+  autoplaying: !1,
+  providedViewType: "unknown",
+  providedStreamType: "unknown",
+  inferredStreamType: "unknown",
+  liveSyncPosition: null
+}), zi = /* @__PURE__ */ new Set([
+  "autoplay",
+  "breakpointX",
+  "breakpointY",
+  "canFullscreen",
+  "canLoad",
+  "canPictureInPicture",
+  "controls",
+  "fullscreen",
+  "logLevel",
+  "loop",
+  "mediaHeight",
+  "mediaWidth",
+  "muted",
+  "orientation",
+  "pictureInPicture",
+  "playsinline",
+  "poster",
+  "preload",
+  "providedStreamType",
+  "providedViewType",
+  "source",
+  "sources",
+  "textTrack",
+  "textTracks",
+  "thumbnailCues",
+  "thumbnails",
+  "title",
+  "touchPointer",
+  "volume"
+]);
+function Wi(e) {
+  Vi.reset(e, (s) => !zi.has(s)), W();
+}
+const Z = Symbol(0);
+class us extends hs {
+  get selected() {
+    return this.a.find((s) => s.selected) ?? null;
+  }
+  get selectedIndex() {
+    return this.a.findIndex((s) => s.selected);
+  }
+  /* @internal */
+  [ls](s, t) {
+    this[It](s, !1, t);
+  }
+  /* @internal */
+  [gt](s, t) {
+    s[Z] = !1, Object.defineProperty(s, "selected", {
+      get() {
+        return this[Z];
+      },
+      set: (i) => {
+        var n;
+        this.readonly || ((n = this[cs]) == null || n.call(this), this[It](s, i));
+      }
+    }), super[gt](s, t);
+  }
+  /* @internal */
+  [It](s, t, i) {
+    if (t === s[Z])
+      return;
+    const n = this.selected;
+    s[Z] = t, (t ? n !== s : n === s) && (n && (n[Z] = !1), this.dispatchEvent(
+      new y("change", {
+        detail: { prev: n, current: this.selected },
+        trigger: i
+      })
+    ));
+  }
+}
+const ct = Symbol(0), _t = Symbol(0);
+var we;
+class Rn extends us {
+  constructor() {
+    super(...arguments);
+    l(this, "Sa", !1);
+    /**
+     * Configures quality switching:
+     *
+     * - `current`: Trigger an immediate quality level switch. This will abort the current fragment
+     * request if any, flush the whole buffer, and fetch fragment matching with current position
+     * and requested quality level.
+     *
+     * - `next`: Trigger a quality level switch for next fragment. This could eventually flush
+     * already buffered next fragment.
+     *
+     * - `load`: Set quality level for next loaded fragment.
+     *
+     * @see {@link https://vidstack.io/docs/player/core-concepts/quality#switch}
+     * @see {@link https://github.com/video-dev/hls.js/blob/master/docs/API.md#quality-switch-control-api}
+     */
+    l(this, "switch", "current");
+    /* @internal */
+    l(this, we);
+  }
+  /**
+   * Whether automatic quality selection is enabled.
+   */
+  get auto() {
+    return this.Sa || this.readonly;
+  }
+  /* @internal */
+  [(we = _t, cs)]() {
+    this[ct](!1);
+  }
+  /* @internal */
+  [os](t) {
+    this[ct](!1, t);
+  }
+  /**
+   * Request automatic quality selection (if supported). This will be a no-op if the list is
+   * `readonly` as that already implies auto-selection.
+   */
+  autoSelect(t) {
+    this.readonly || this.Sa || !this[_t] || (this[_t](), this[ct](!0, t));
+  }
+  /* @internal */
+  [ct](t, i) {
+    this.Sa !== t && (this.Sa = t, this.dispatchEvent(
+      new y("auto-change", {
+        detail: t,
+        trigger: i
+      })
+    ));
+  }
+}
+class Fn extends C {
+  constructor(s, t) {
+    super(s), this.jf = t;
+  }
+  async onAttach(s) {
+    const t = this.$props.load();
+    if (t === "eager")
+      requestAnimationFrame(this.jf);
+    else if (t === "idle") {
+      const { waitIdlePeriod: i } = await Promise.resolve().then(() => ui);
+      i(this.jf);
+    } else if (t === "visible") {
+      const i = new IntersectionObserver((n) => {
+        n[0].isIntersecting && (i.disconnect(), this.jf());
+      });
+      return i.observe(s), i.disconnect.bind(i);
+    }
+  }
+}
+class Hn {
+  constructor(s, t) {
+    this.N = s, this.j = t;
+  }
+  p(s, ...t) {
+    this.N(new y(s, t == null ? void 0 : t[0]));
+  }
+  async lf(s, t) {
+    const { $store: i, logger: n } = this.j;
+    u(i.canPlay) || (this.p("can-play", { detail: s, trigger: t }), W(), i.canPlay() && i.autoplay() && !i.started() && await this.kf());
+  }
+  async kf() {
+    const { player: s, $store: t } = this.j;
+    t.autoplaying.set(!0);
+    try {
+      await s.play(), this.p("autoplay", { detail: { muted: t.muted() } });
+    } catch (i) {
+      this.p("autoplay-fail", {
+        detail: {
+          muted: t.muted(),
+          error: i
+        }
+      });
+    } finally {
+      t.autoplaying.set(!1);
+    }
+  }
+}
+class Bi {
+  constructor() {
+    l(this, "Ze", /* @__PURE__ */ new Map());
+  }
+  /**
+   * Queue the given `item` under the given `key` to be processed at a later time by calling
+   * `serve(key)`.
+   */
+  t(s, t) {
+    this.Ze.has(s) || this.Ze.set(s, /* @__PURE__ */ new Set()), this.Ze.get(s).add(t);
+  }
+  /**
+   * Process all items in queue for the given `key`.
+   */
+  cf(s, t) {
+    const i = this.Ze.get(s);
+    if (i)
+      for (const n of i)
+        t(n);
+    this.Ze.delete(s);
+  }
+  /**
+   * Removes all queued items under the given `key`.
+   */
+  yf(s) {
+    this.Ze.delete(s);
+  }
+  /**
+   * The number of items currently queued under the given `key`.
+   */
+  df(s) {
+    var t;
+    return ((t = this.Ze.get(s)) == null ? void 0 : t.size) ?? 0;
+  }
+  /**
+   * Clear all items in the queue.
+   */
+  gf() {
+    this.Ze.clear();
+  }
+}
+function ht(e) {
+  return e instanceof Error ? e : Error(JSON.stringify(e));
+}
+class Ui extends C {
+  constructor() {
+    super(...arguments);
+    l(this, "da", -2);
+    l(this, "ba", 2e3);
+    l(this, "ea", !1);
+    l(this, "ca", null);
+  }
+  /**
+   * Whether the media user is currently idle.
+   */
+  get idling() {
+    return this.$store.userIdle();
+  }
+  /**
+   * The amount of delay in milliseconds while media playback is progressing without user
+   * activity to indicate an idle state.
+   *
+   * @defaultValue 2000
+   */
+  get idleDelay() {
+    return this.ba;
+  }
+  set idleDelay(t) {
+    this.ba = t;
+  }
+  /**
+   * Change the user idle state.
+   */
+  idle(t, i = this.ba, n) {
+    this.fa(), this.ea || this.ga(t, i, n);
+  }
+  /**
+   * Whether all idle tracking should be paused until resumed again.
+   */
+  pauseIdleTracking(t, i) {
+    this.ea = t, t && (this.fa(), this.ga(!1, 0, i));
+  }
+  onConnect() {
+    d(this.C.bind(this)), f(this.el, "play", this.ia.bind(this)), f(this.el, "pause", this.ja.bind(this));
+  }
+  C() {
+    if (this.$store.paused())
+      return;
+    const t = this.ka.bind(this);
+    for (const i of ["pointerup", "keydown"])
+      f(this.el, i, t);
+    d(() => {
+      this.$store.touchPointer() || f(this.el, "pointermove", t);
+    });
+  }
+  ia(t) {
+    this.idle(!0, this.ba, t);
+  }
+  ja(t) {
+    this.idle(!1, 0, t);
+  }
+  fa() {
+    window.clearTimeout(this.da), this.da = -1;
+  }
+  ka(t) {
+    var i;
+    t.MEDIA_GESTURE || (Jt(t) && (t.key === "Escape" ? ((i = this.el) == null || i.focus(), this.ca = null) : this.ca && (t.preventDefault(), requestAnimationFrame(() => {
+      var n;
+      (n = this.ca) == null || n.focus(), this.ca = null;
+    }))), this.idle(!1, 0, t), this.idle(!0, this.ba, t));
+  }
+  ga(t, i, n) {
+    if (i === 0) {
+      this.ha(t, n);
+      return;
+    }
+    this.da = window.setTimeout(() => {
+      this.ha(t && !this.ea, n);
+    }, i);
+  }
+  ha(t, i) {
+    var n;
+    this.$store.userIdle() !== t && (this.$store.userIdle.set(t), t && document.activeElement && ((n = this.el) != null && n.contains(document.activeElement)) && (this.ca = document.activeElement, requestAnimationFrame(() => {
+      var r;
+      return (r = this.el) == null ? void 0 : r.focus();
+    })), this.dispatch("user-idle-change", {
+      detail: t,
+      trigger: i
+    }));
+  }
+}
+class Vn {
+  constructor() {
+    l(this, "$a", !1);
+    l(this, "rf", !1);
+    l(this, "pf", !1);
+    l(this, "Ze", new Bi());
+  }
+}
+class zn extends C {
+  constructor(t, i, n, r) {
+    super(t);
+    l(this, "Q");
+    l(this, "of");
+    l(this, "nb");
+    l(this, "nf");
+    l(this, "q");
+    l(this, "qf", !1);
+    this.u = i, this.mf = n, this.j = r, this.nf = r.$store, this.q = r.$provider, this.Q = new Ui(t), this.of = new Ai(t), this.nb = new ji(t);
+  }
+  onConnect() {
+    d(this.uf.bind(this)), d(this.vf.bind(this)), d(this.wf.bind(this));
+    const t = Object.getOwnPropertyNames(Object.getPrototypeOf(this)), i = this.xf.bind(this);
+    for (const n of t)
+      n.startsWith("media-") && this.listen(n, i);
+    this.listen("fullscreen-change", this.d.bind(this));
+  }
+  xf(t) {
+    var i;
+    t.stopPropagation(), u(this.q) && ((i = this[t.type]) == null || i.call(this, t));
+  }
+  async M() {
+    const { canPlay: t, paused: i, ended: n, autoplaying: r, seekableStart: a } = this.nf;
+    if (u(i))
+      try {
+        const o = u(this.q);
+        return qt(o, u(t)), u(n) && (o.currentTime = a() + 0.1), o.play();
+      } catch (o) {
+        const h = this.createEvent("play-fail", { detail: ht(o) });
+        throw h.autoplay = r(), this.u.N(h), o;
+      }
+  }
+  async L() {
+    const { canPlay: t, paused: i } = this.nf;
+    if (u(i))
+      return;
+    const n = u(this.q);
+    return qt(n, u(t)), n.pause();
+  }
+  V() {
+    const { canPlay: t, live: i, liveEdge: n, canSeek: r, liveSyncPosition: a, seekableEnd: o, userBehindLiveEdge: h } = this.nf;
+    if (h.set(!1), u(() => !i() || n() || !r()))
+      return;
+    const c = u(this.q);
+    qt(c, u(t)), c.currentTime = a() ?? o() - 2;
+  }
+  async R(t = "prefer-media") {
+    const i = u(this.q), n = t === "prefer-media" && this.of.supported || t === "media" ? this.of : i == null ? void 0 : i.fullscreen;
+    if (Ee(t, n), !n.active)
+      return u(this.nf.pictureInPicture) && (this.qf = !0, await this.U()), n.enter();
+  }
+  async S(t = "prefer-media") {
+    const i = u(this.q), n = t === "prefer-media" && this.of.supported || t === "media" ? this.of : i == null ? void 0 : i.fullscreen;
+    if (Ee(t, n), !!n.active) {
+      this.nb.locked && await this.nb.unlock();
+      try {
+        const r = await n.exit();
+        return this.qf && u(this.nf.canPictureInPicture) && await this.T(), r;
+      } finally {
+        this.qf = !1;
+      }
+    }
+  }
+  async T() {
+    if (this.sf(), !this.nf.pictureInPicture())
+      return await this.q().pictureInPicture.enter();
+  }
+  async U() {
+    if (this.sf(), !!this.nf.pictureInPicture())
+      return await this.q().pictureInPicture.exit();
+  }
+  sf() {
+    if (!this.nf.canPictureInPicture())
+      throw Error(
+        "[vidstack] no pip support"
+      );
+  }
+  uf() {
+    this.Q.idleDelay = this.$props.userIdleDelay();
+  }
+  vf() {
+    var r, a;
+    const { canLoad: t, canFullscreen: i } = this.nf, n = this.of.supported || ((a = (r = this.q()) == null ? void 0 : r.fullscreen) == null ? void 0 : a.supported) || !1;
+    t() && u(i) === n || i.set(n);
+  }
+  wf() {
+    var r, a;
+    const { canLoad: t, canPictureInPicture: i } = this.nf, n = ((a = (r = this.q()) == null ? void 0 : r.pictureInPicture) == null ? void 0 : a.supported) || !1;
+    t() && u(i) === n || i.set(n);
+  }
+  "media-audio-track-change-request"(t) {
+    if (this.j.audioTracks.readonly)
+      return;
+    const i = t.detail, n = this.j.audioTracks[i];
+    n && (this.mf.Ze.t("audioTrack", t), n.selected = !0);
+  }
+  async "media-enter-fullscreen-request"(t) {
+    try {
+      this.mf.Ze.t("fullscreen", t), await this.R(t.detail);
+    } catch (i) {
+      this.e(i);
+    }
+  }
+  async "media-exit-fullscreen-request"(t) {
+    try {
+      this.mf.Ze.t("fullscreen", t), await this.S(t.detail);
+    } catch (i) {
+      this.e(i);
+    }
+  }
+  async d(t) {
+    if (t.detail)
+      try {
+        const i = u(this.$props.fullscreenOrientation);
+        this.nb.supported && !x(i) && await this.nb.lock(i);
+      } catch {
+      }
+  }
+  e(t) {
+    this.u.N(
+      this.createEvent("fullscreen-error", {
+        detail: ht(t)
+      })
+    );
+  }
+  async "media-enter-pip-request"(t) {
+    try {
+      this.mf.Ze.t("pip", t), await this.T();
+    } catch (i) {
+      this.tf(i);
+    }
+  }
+  async "media-exit-pip-request"(t) {
+    try {
+      this.mf.Ze.t("pip", t), await this.U();
+    } catch (i) {
+      this.tf(i);
+    }
+  }
+  tf(t) {
+    this.u.N(
+      this.createEvent("picture-in-picture-error", {
+        detail: ht(t)
+      })
+    );
+  }
+  "media-live-edge-request"(t) {
+    const { live: i, liveEdge: n, canSeek: r } = this.nf;
+    if (!(!i() || n() || !r())) {
+      this.mf.Ze.t("seeked", t);
+      try {
+        this.V();
+      } catch {
+      }
+    }
+  }
+  "media-loop-request"() {
+    window.requestAnimationFrame(async () => {
+      try {
+        this.mf.rf = !0, this.mf.pf = !0, await this.M();
+      } catch {
+        this.mf.rf = !1, this.mf.pf = !1;
+      }
+    });
+  }
+  async "media-pause-request"(t) {
+    if (!this.nf.paused())
+      try {
+        this.mf.Ze.t("pause", t), await this.q().pause();
+      } catch {
+        this.mf.Ze.yf("pause");
+      }
+  }
+  async "media-play-request"(t) {
+    if (this.nf.paused())
+      try {
+        this.mf.Ze.t("play", t), await this.q().play();
+      } catch (i) {
+        const n = this.createEvent("play-fail", { detail: ht(i) });
+        this.u.N(n);
+      }
+  }
+  "media-rate-change-request"(t) {
+    this.nf.playbackRate() !== t.detail && (this.mf.Ze.t("rate", t), this.q().playbackRate = t.detail);
+  }
+  "media-quality-change-request"(t) {
+    if (this.j.qualities.readonly)
+      return;
+    this.mf.Ze.t("quality", t);
+    const i = t.detail;
+    if (i < 0)
+      this.j.qualities.autoSelect(t);
+    else {
+      const n = this.j.qualities[i];
+      n && (n.selected = !0);
+    }
+  }
+  "media-resume-user-idle-request"(t) {
+    this.mf.Ze.t("userIdle", t), this.Q.pauseIdleTracking(!1, t);
+  }
+  "media-pause-user-idle-request"(t) {
+    this.mf.Ze.t("userIdle", t), this.Q.pauseIdleTracking(!0, t);
+  }
+  "media-seek-request"(t) {
+    const { seekableStart: i, seekableEnd: n, ended: r, canSeek: a, live: o, userBehindLiveEdge: h } = this.nf;
+    r() && (this.mf.pf = !0), this.mf.$a = !1, this.mf.Ze.yf("seeking");
+    const c = Math.min(Math.max(i() + 0.1, t.detail), n() - 0.1);
+    !Number.isFinite(c) || !a() || (this.mf.Ze.t("seeked", t), this.q().currentTime = c, o() && t.isOriginTrusted && Math.abs(n() - c) >= 2 && h.set(!0));
+  }
+  "media-seeking-request"(t) {
+    this.mf.Ze.t("seeking", t), this.nf.seeking.set(!0), this.mf.$a = !0;
+  }
+  "media-start-loading"(t) {
+    this.nf.canLoad() || (this.mf.Ze.t("load", t), this.u.N(this.createEvent("can-load")));
+  }
+  "media-text-track-change-request"(t) {
+    const { index: i, mode: n } = t.detail, r = this.j.textTracks[i];
+    r && (this.mf.Ze.t("textTrack", t), r.setMode(n, t));
+  }
+  "media-mute-request"(t) {
+    this.nf.muted() || (this.mf.Ze.t("volume", t), this.q().muted = !0);
+  }
+  "media-unmute-request"(t) {
+    const { muted: i, volume: n } = this.nf;
+    i() && (this.mf.Ze.t("volume", t), this.j.$provider().muted = !1, n() === 0 && (this.mf.Ze.t("volume", t), this.q().volume = 0.25));
+  }
+  "media-volume-change-request"(t) {
+    const { muted: i, volume: n } = this.nf, r = t.detail;
+    n() !== r && (this.mf.Ze.t("volume", t), this.q().volume = r, r > 0 && i() && (this.mf.Ze.t("volume", t), this.q().muted = !1));
+  }
+}
+function qt(e, s) {
+  if (!(e && s))
+    throw Error(
+      "[vidstack] media not ready"
+    );
+}
+function Ee(e, s) {
+  if (!(s != null && s.supported))
+    throw Error(
+      "[vidstack] no fullscreen support"
+    );
+}
+var Zi = Ki;
+function Ki(e, s, t) {
+  var i = null, n = null, r = function() {
+    i && (clearTimeout(i), n = null, i = null);
+  }, a = function() {
+    var h = n;
+    r(), h && h();
+  }, o = function() {
+    if (!s)
+      return e.apply(this, arguments);
+    var h = this, c = arguments, p = t && !i;
+    if (r(), n = function() {
+      e.apply(h, c);
+    }, i = setTimeout(function() {
+      if (i = null, !p) {
+        var q = n;
+        return n = null, q();
+      }
+    }, s), p)
+      return n();
+  };
+  return o.cancel = r, o.flush = a, o;
+}
+var Xi = Yi;
+function Yi(e, s, t) {
+  var i = null, n = null, r = t && t.leading, a = t && t.trailing;
+  r == null && (r = !0), a == null && (a = !r), r == !0 && (a = !1);
+  var o = function() {
+    i && (clearTimeout(i), i = null);
+  }, h = function() {
+    var p = n;
+    o(), p && p();
+  }, c = function() {
+    var p = r && !i, q = this, xt = arguments;
+    if (n = function() {
+      return e.apply(q, xt);
+    }, i || (i = setTimeout(function() {
+      if (i = null, a)
+        return n();
+    }, s)), p)
+      return p = !1, n();
+  };
+  return c.cancel = o, c.flush = h, c;
+}
+const Gi = Symbol(0), tt = Symbol(0), j = Symbol(0), H = Symbol(0), et = Symbol(0), Vt = Symbol(0), v = Symbol(0), Qi = Symbol(0), Ji = /* @__PURE__ */ new Set([
+  "autoplay",
+  "autoplay-fail",
+  "can-load",
+  "sources-change",
+  "source-change",
+  "load-start",
+  "abort",
+  "error",
+  "loaded-metadata",
+  "loaded-data",
+  "can-play",
+  "play",
+  "play-fail",
+  "pause",
+  "playing",
+  "seeking",
+  "seeked",
+  "waiting"
+]);
+class Wn extends C {
+  constructor(t, i, n) {
+    super(t);
+    l(this, "nf");
+    l(this, "zf", /* @__PURE__ */ new Map());
+    l(this, "Gf", !0);
+    l(this, "Df", !1);
+    l(this, "Bf");
+    l(this, "seeking", Xi(
+      (t) => {
+        const { seeking: i, currentTime: n, paused: r } = this.nf;
+        i.set(!0), n.set(t.detail), this.Af("seeking", t), r() && (this.Bf = t, this.Ff());
+      },
+      150,
+      { leading: !0 }
+    ));
+    l(this, "Ff", Zi(() => {
+      if (!this.Bf)
+        return;
+      this.Df = !0;
+      const { waiting: t, playing: i } = this.nf;
+      t.set(!0), i.set(!1);
+      const n = this.createEvent("waiting", { trigger: this.Bf });
+      this.zf.set("waiting", n), this.el.dispatchEvent(n), this.Bf = void 0, this.Df = !1;
+    }, 300));
+    this.mf = i, this.j = n, this.nf = n.$store;
+  }
+  onAttach(t) {
+    t.setAttribute("aria-busy", "true");
+  }
+  onConnect(t) {
+    this.Mf(), this.Nf(), this.Of(), this.listen("fullscreen-change", this["fullscreen-change"].bind(this)), this.listen("fullscreen-error", this["fullscreen-error"].bind(this));
+  }
+  N(t) {
+    var n, r;
+    const i = t.type;
+    (n = this[t.type]) == null || n.call(this, t), Ji.has(i) && this.zf.set(i, t), (r = this.el) == null || r.dispatchEvent(t);
+  }
+  Cf() {
+    this.Hf(), this.mf.pf = !1, this.mf.rf = !1, this.Df = !1, this.Bf = void 0, this.zf.clear();
+  }
+  Af(t, i) {
+    this.mf.Ze.cf(t, (n) => {
+      i.request = n, m(i, n);
+    });
+  }
+  Mf() {
+    this.Ef(), this.If();
+    const t = this.j.textTracks;
+    f(t, "add", this.Ef.bind(this)), f(t, "remove", this.Ef.bind(this)), f(t, "mode-change", this.If.bind(this));
+  }
+  Nf() {
+    const t = this.j.qualities;
+    f(t, "add", this.Jf.bind(this)), f(t, "remove", this.Jf.bind(this)), f(t, "change", this.Pf.bind(this)), f(t, "auto-change", this.Qf.bind(this)), f(t, "readonly-change", this.Rf.bind(this));
+  }
+  Of() {
+    const t = this.j.audioTracks;
+    f(t, "add", this.Kf.bind(this)), f(t, "remove", this.Kf.bind(this)), f(t, "change", this.Sf.bind(this));
+  }
+  Ef(t) {
+    const { textTracks: i } = this.nf;
+    i.set(this.j.textTracks.toArray()), this.dispatch("text-tracks-change", {
+      detail: i(),
+      trigger: t
+    });
+  }
+  If(t) {
+    t && this.Af("textTrack", t);
+    const i = this.j.textTracks.selected, { textTrack: n } = this.nf;
+    n() !== i && (n.set(i), this.dispatch("text-track-change", {
+      detail: i,
+      trigger: t
+    }));
+  }
+  Kf(t) {
+    const { audioTracks: i } = this.nf;
+    i.set(this.j.audioTracks.toArray()), this.dispatch("audio-tracks-change", {
+      detail: i(),
+      trigger: t
+    });
+  }
+  Sf(t) {
+    const { audioTrack: i } = this.nf;
+    i.set(this.j.audioTracks.selected), this.Af("audioTrack", t), this.dispatch("audio-track-change", {
+      detail: i(),
+      trigger: t
+    });
+  }
+  Jf(t) {
+    const { qualities: i } = this.nf;
+    i.set(this.j.qualities.toArray()), this.dispatch("qualities-change", {
+      detail: i(),
+      trigger: t
+    });
+  }
+  Pf(t) {
+    const { quality: i } = this.nf;
+    i.set(this.j.qualities.selected), this.Af("quality", t), this.dispatch("quality-change", {
+      detail: i(),
+      trigger: t
+    });
+  }
+  Qf() {
+    this.nf.autoQuality.set(this.j.qualities.auto);
+  }
+  Rf() {
+    this.nf.canSetQuality.set(!this.j.qualities.readonly);
+  }
+  "provider-change"(t) {
+    this.j.$provider.set(t.detail);
+  }
+  autoplay(t) {
+    m(t, this.zf.get("play")), m(t, this.zf.get("can-play")), this.nf.autoplayError.set(void 0);
+  }
+  "autoplay-fail"(t) {
+    m(t, this.zf.get("play-fail")), m(t, this.zf.get("can-play")), this.nf.autoplayError.set(t.detail), this.Cf();
+  }
+  "can-load"(t) {
+    this.nf.canLoad.set(!0), this.zf.set("can-load", t), this.Af("load", t), this.j.textTracks[et]();
+  }
+  "media-type-change"(t) {
+    m(t, this.zf.get("source-change"));
+    const i = this.nf.viewType();
+    this.nf.mediaType.set(t.detail), i !== this.nf.viewType() && setTimeout(
+      () => this.dispatch("view-type-change", {
+        detail: this.nf.viewType(),
+        trigger: t
+      }),
+      0
+    );
+  }
+  "stream-type-change"(t) {
+    const { streamType: i, inferredStreamType: n } = this.nf;
+    m(t, this.zf.get("source-change")), n.set(t.detail), t.detail = i();
+  }
+  "rate-change"(t) {
+    this.nf.playbackRate.set(t.detail), this.Af("rate", t);
+  }
+  "sources-change"(t) {
+    this.nf.sources.set(t.detail);
+  }
+  "source-change"(t) {
+    var i;
+    if (m(t, this.zf.get("sources-change")), this.nf.source.set(t.detail), (i = this.el) == null || i.setAttribute("aria-busy", "true"), this.Gf) {
+      this.Gf = !1;
+      return;
+    }
+    this.j.audioTracks[Ht](t), this.j.qualities[Ht](t), this.Cf(), Wi(this.j.$store), this.zf.set(t.type, t);
+  }
+  abort(t) {
+    m(t, this.zf.get("source-change")), m(t, this.zf.get("can-load"));
+  }
+  "load-start"(t) {
+    m(t, this.zf.get("source-change"));
+  }
+  error(t) {
+    this.nf.error.set(t.detail), m(t, this.zf.get("abort"));
+  }
+  "loaded-metadata"(t) {
+    m(t, this.zf.get("load-start"));
+  }
+  "loaded-data"(t) {
+    m(t, this.zf.get("load-start"));
+  }
+  "can-play"(t) {
+    var i, n;
+    ((i = t.trigger) == null ? void 0 : i.type) !== "loadedmetadata" && m(t, this.zf.get("loaded-metadata")), this.Lf(t.detail), (n = this.el) == null || n.setAttribute("aria-busy", "false");
+  }
+  "can-play-through"(t) {
+    this.Lf(t.detail), m(t, this.zf.get("can-play"));
+  }
+  Lf(t) {
+    const { seekable: i, seekableEnd: n, buffered: r, duration: a, canPlay: o } = this.nf;
+    i.set(t.seekable), r.set(t.buffered), a.set(n), o.set(!0);
+  }
+  "duration-change"(t) {
+    const { live: i, duration: n } = this.nf, r = t.detail;
+    i() || n.set(Number.isNaN(r) ? 0 : r);
+  }
+  progress(t) {
+    const { buffered: i, seekable: n, live: r, duration: a, seekableEnd: o } = this.nf, h = t.detail;
+    i.set(h.buffered), n.set(h.seekable), r() && (a.set(o), this.dispatch("duration-change", {
+      detail: o(),
+      trigger: t
+    }));
+  }
+  play(t) {
+    const { paused: i, autoplayError: n, ended: r, autoplaying: a } = this.nf;
+    if (t.autoplay = a(), this.mf.rf || !i()) {
+      t.stopImmediatePropagation();
+      return;
+    }
+    m(t, this.zf.get("waiting")), this.Af("play", t), i.set(!1), n.set(void 0), (r() || this.mf.pf) && (this.mf.pf = !1, r.set(!1), this.N(this.createEvent("replay", { trigger: t })));
+  }
+  "play-fail"(t) {
+    m(t, this.zf.get("play")), this.Af("play", t);
+    const { paused: i, playing: n } = this.nf;
+    i.set(!0), n.set(!1), this.Cf();
+  }
+  playing(t) {
+    const i = this.zf.get("play");
+    i ? (m(t, this.zf.get("waiting")), m(t, i)) : m(t, this.zf.get("seeked")), setTimeout(() => this.Cf(), 0);
+    const { paused: n, playing: r, seeking: a, ended: o } = this.nf;
+    if (n.set(!1), r.set(!0), a.set(!1), o.set(!1), this.mf.rf) {
+      t.stopImmediatePropagation(), this.mf.rf = !1;
+      return;
+    }
+    this.started(t);
+  }
+  started(t) {
+    const { started: i, live: n, liveSyncPosition: r, seekableEnd: a } = this.nf;
+    if (!i()) {
+      if (n()) {
+        const o = r() ?? a() - 2;
+        Number.isFinite(o) && (this.j.$provider().currentTime = o);
+      }
+      i.set(!0), this.N(this.createEvent("started", { trigger: t }));
+    }
+  }
+  pause(t) {
+    if (this.mf.rf) {
+      t.stopImmediatePropagation();
+      return;
+    }
+    m(t, this.zf.get("seeked")), this.Af("pause", t);
+    const { paused: i, playing: n, seeking: r } = this.nf;
+    i.set(!0), n.set(!1), r.set(!1), this.Cf();
+  }
+  "time-update"(t) {
+    const { currentTime: i, played: n, waiting: r } = this.nf, a = t.detail;
+    i.set(a.currentTime), n.set(a.played), r.set(!1);
+    for (const o of this.j.textTracks)
+      o[H](a.currentTime, t);
+  }
+  "volume-change"(t) {
+    const { volume: i, muted: n } = this.nf, r = t.detail;
+    i.set(r.volume), n.set(r.muted || r.volume === 0), this.Af("volume", t);
+  }
+  seeked(t) {
+    var h;
+    const { seeking: i, currentTime: n, paused: r, duration: a, ended: o } = this.nf;
+    if (this.mf.$a)
+      i.set(!0), t.stopImmediatePropagation();
+    else if (i()) {
+      const c = this.zf.get("waiting");
+      m(t, c), ((h = c == null ? void 0 : c.trigger) == null ? void 0 : h.type) !== "seeking" && m(t, this.zf.get("seeking")), r() && this.Hf(), i.set(!1), t.detail !== a() && o.set(!1), n.set(t.detail), this.Af("seeked", t);
+      const p = t.originEvent;
+      p && p.isTrusted && !/seek/.test(p.type) && this.started(t);
+    }
+  }
+  waiting(t) {
+    this.Df || this.mf.$a || (t.stopImmediatePropagation(), this.Bf = t, this.Ff());
+  }
+  ended(t) {
+    if (this.mf.rf) {
+      t.stopImmediatePropagation();
+      return;
+    }
+    const { paused: i, playing: n, seeking: r, ended: a } = this.nf;
+    i.set(!0), n.set(!1), r.set(!1), a.set(!0), this.Cf();
+  }
+  Hf() {
+    this.Ff.cancel(), this.nf.waiting.set(!1);
+  }
+  "fullscreen-change"(t) {
+    this.nf.fullscreen.set(t.detail), this.Af("fullscreen", t);
+  }
+  "fullscreen-error"(t) {
+    this.Af("fullscreen", t);
+  }
+  "picture-in-picture-change"(t) {
+    this.nf.pictureInPicture.set(t.detail), this.Af("pip", t);
+  }
+  "picture-in-picture-error"(t) {
+    this.Af("pip", t);
+  }
+}
+class Bn extends C {
+  onAttach(s) {
+    d(this.Tf.bind(this)), d(this.Uf.bind(this)), d(this.Vf.bind(this)), d(this.Wf.bind(this)), d(this.Xf.bind(this)), d(this.Yf.bind(this)), d(this.Zf.bind(this)), d(this._f.bind(this)), d(this.$f.bind(this)), d(this.ag.bind(this));
+  }
+  bg() {
+  }
+  Tf() {
+    const s = this.$props.autoplay();
+    this.$store.autoplay.set(s), this.dispatch("autoplay-change", { detail: s });
+  }
+  Vf() {
+    const s = this.$props.loop();
+    this.$store.loop.set(s), this.dispatch("loop-change", { detail: s });
+  }
+  Wf() {
+    const s = this.$props.controls();
+    this.$store.controls.set(s), this.dispatch("controls-change", { detail: s });
+  }
+  Uf() {
+    const s = this.$props.poster();
+    this.$store.poster.set(s), this.dispatch("poster-change", { detail: s });
+  }
+  Xf() {
+    this.$store.crossorigin.set(this.$props.crossorigin());
+  }
+  Yf() {
+    const s = this.$props.playsinline();
+    this.$store.playsinline.set(s), this.dispatch("playsinline-change", { detail: s });
+  }
+  _f() {
+    this.dispatch("live-change", { detail: this.$store.live() });
+  }
+  Zf() {
+    this.$store.liveEdgeTolerance.set(this.$props.liveEdgeTolerance()), this.$store.minLiveDVRWindow.set(this.$props.minLiveDVRWindow());
+  }
+  $f() {
+    this.dispatch("live-edge-change", { detail: this.$store.liveEdge() });
+  }
+  ag() {
+    this.$store.thumbnails.set(this.$props.thumbnails());
+  }
+}
+function fs(e, s = "preconnect") {
+  const t = document.querySelector(`link[href="${e}"]`);
+  if (!St(t))
+    return !0;
+  const i = document.createElement("link");
+  return i.rel = s, i.href = e, i.crossOrigin = "true", document.head.append(i), !0;
+}
+const ut = {};
+function Un(e) {
+  if (ut[e])
+    return ut[e].promise;
+  const s = es(), t = document.querySelector(`script[src="${e}"]`);
+  if (!St(t))
+    return s.resolve(), s.promise;
+  const i = document.createElement("script");
+  return i.src = e, i.onload = () => {
+    s.resolve(), delete ut[e];
+  }, i.onerror = () => {
+    s.reject(), delete ut[e];
+  }, setTimeout(() => document.head.append(i), 0), s.promise;
+}
+function re(e) {
+  return e === "use-credentials" ? "include" : O(e) ? "same-origin" : void 0;
+}
+function Zn(e, s) {
+  for (let t = 0, i = s.length; t < i; t++)
+    if (zt(s[t], e))
+      return s[t];
+  return null;
+}
+function zt(e, s) {
+  return s >= e.startTime && s < e.endTime;
+}
+function Kn(e, s, t) {
+  const i = e.toArray().find((n) => n.kind === "chapters" && n.mode === "showing");
+  if (i !== s) {
+    if (!i) {
+      t(null);
+      return;
+    }
+    i.readyState == 2 ? t(i) : (t(null), i.addEventListener("load", () => t(i), { once: !0 }));
+  }
+}
+var Te, $e, Se, ve;
+class Wt extends Qt {
+  constructor(t) {
+    super();
+    l(this, "src");
+    l(this, "content");
+    l(this, "type");
+    l(this, "encoding");
+    l(this, "id", "");
+    l(this, "label", "");
+    l(this, "language", "");
+    l(this, "kind");
+    l(this, "default", !1);
+    l(this, "Ia", !1);
+    l(this, "Ea", 0);
+    l(this, "Ga", "disabled");
+    l(this, "Ja", {});
+    l(this, "Ha", []);
+    l(this, "Da", []);
+    l(this, "Fa", []);
+    /* @internal */
+    l(this, ve, 0);
+    /* @internal */
+    l(this, Se);
+    /* @internal */
+    l(this, $e, null);
+    /* @internal */
+    l(this, Te, null);
+    for (const i of Object.keys(t))
+      this[i] = t[i];
+    this.type || (this.type = "vtt"), t.content ? import("./prod-DBMM0zDd.js").then((i) => i.d).then(({ parseText: i, VTTCue: n, VTTRegion: r }) => {
+      t.type === "json" ? this.Ka(t.content, n, r) : i(t.content, { type: t.type }).then(({ cues: a, regions: o }) => {
+        this.Da = a, this.Ha = o, this.La();
+      });
+    }) : t.src || (this[j] = 2);
+  }
+  static createId(t) {
+    return `id::${t.type}-${t.kind}-${t.src ?? t.label}`;
+  }
+  get metadata() {
+    return this.Ja;
+  }
+  get regions() {
+    return this.Ha;
+  }
+  get cues() {
+    return this.Da;
+  }
+  get activeCues() {
+    return this.Fa;
+  }
+  /**
+   * - 0: Not Loading
+   * - 1: Loading
+   * - 2: Ready
+   * - 3: Error
+   */
+  get readyState() {
+    return this[j];
+  }
+  get mode() {
+    return this.Ga;
+  }
+  set mode(t) {
+    this.setMode(t);
+  }
+  addCue(t, i) {
+    var a;
+    let n = 0, r = this.Da.length;
+    for (n = 0; n < r && !(t.endTime <= this.Da[n].startTime); n++)
+      ;
+    n === r ? this.Da.push(t) : this.Da.splice(n, 0, t), (i == null ? void 0 : i.type) !== "cuechange" && ((a = this[v]) == null || a.track.addCue(t)), this.dispatchEvent(new y("add-cue", { detail: t, trigger: i })), zt(t, this.Ea) && this[H](this.Ea, i);
+  }
+  removeCue(t, i) {
+    var r;
+    const n = this.Da.indexOf(t);
+    if (n >= 0) {
+      const a = this.Fa.includes(t);
+      this.Da.splice(n, 1), (r = this[v]) == null || r.track.removeCue(t), this.dispatchEvent(new y("remove-cue", { detail: t, trigger: i })), a && this[H](this.Ea, i);
+    }
+  }
+  setMode(t, i) {
+    var n;
+    this.Ga !== t && (this.Ga = t, t === "disabled" ? (this.Fa = [], this.Ma()) : this.readyState === 2 ? this[H](this.Ea, i) : this.Na(), this.dispatchEvent(new y("mode-change", { detail: this, trigger: i })), (n = this[Vt]) == null || n.call(this));
+  }
+  /* @internal */
+  [(ve = j, Se = tt, $e = Vt, Te = v, H)](t, i) {
+    if (this.Ea = t, this.mode === "disabled" || !this.Da.length)
+      return;
+    const n = [];
+    for (let a = 0, o = this.Da.length; a < o; a++) {
+      const h = this.Da[a];
+      zt(h, t) && n.push(h);
+    }
+    let r = n.length !== this.Fa.length;
+    if (!r) {
+      for (let a = 0; a < n.length; a++)
+        if (!this.Fa.includes(n[a])) {
+          r = !0;
+          break;
+        }
+    }
+    this.Fa = n, r && this.Ma(i);
+  }
+  /* @internal */
+  [et]() {
+    this.Ia = !0, this.Ga !== "disabled" && this.Na();
+  }
+  async Na() {
+    var t, i;
+    if (!(!this.Ia || !this.src || this[j] > 0)) {
+      this[j] = 1, this.dispatchEvent(new y("load-start"));
+      try {
+        const { parseResponse: n, VTTCue: r, VTTRegion: a } = await import("./prod-DBMM0zDd.js").then((c) => c.d), o = (t = this[tt]) == null ? void 0 : t.call(this), h = fetch(this.src, {
+          headers: this.type === "json" ? { "Content-Type": "application/json" } : void 0,
+          credentials: re(o)
+        });
+        if (this.type === "json")
+          this.Ka(await (await h).text(), r, a);
+        else {
+          const { errors: c, metadata: p, regions: q, cues: xt } = await n(h, {
+            type: this.type,
+            encoding: this.encoding
+          });
+          if (((i = c[0]) == null ? void 0 : i.code) === 0)
+            throw c[0];
+          this.Ja = p, this.Ha = q, this.Da = xt;
+        }
+        this.La();
+      } catch (n) {
+        this.Oa(n);
+      }
+    }
+  }
+  La() {
+    var i;
+    if (this[j] = 2, !this.src || this.type !== "vtt") {
+      const n = (i = this[v]) == null ? void 0 : i.track;
+      if (n)
+        for (const r of this.Da)
+          n.addCue(r);
+    }
+    const t = new y("load");
+    this[H](this.Ea, t), this.dispatchEvent(t);
+  }
+  Oa(t) {
+    this[j] = 3, this.dispatchEvent(new y("error", { detail: t }));
+  }
+  Ka(t, i, n) {
+    try {
+      t = JSON.parse(t), t.regions && (this.Ha = t.regions.map((r) => Object.assign(new n(), r))), t.cues && (this.Da = t.cues.filter((r) => mt(r.startTime) && mt(r.endTime)).map((r) => Object.assign(new i(0, 0, ""), r)));
+    } catch (r) {
+      this.Oa(r);
+    }
+  }
+  Ma(t) {
+    this.dispatchEvent(new y("cue-change", { trigger: t }));
+  }
+}
+const tn = /captions|subtitles/;
+function M(e) {
+  return tn.test(e.kind);
+}
+class Xn {
+  constructor(s) {
+    l(this, "Z", null);
+    l(this, "Y", null);
+    l(this, "_", -1);
+    this.$ = s;
+  }
+  /**
+   * Set the target from which to dispatch media requests events from. The events should bubble
+   * up from this target to the `<media-player>` element.
+   *
+   * @example
+   * ```ts
+   * const button = document.querySelector('button');
+   * remote.setTarget(button);
+   * ```
+   */
+  setTarget(s) {
+    this.Z = s;
+  }
+  /**
+   * Returns the current `<media-player>` element. This method will attempt to find the player by
+   * searching up from either the given `target` or default target set via `remote.setTarget`.
+   *
+   * @example
+   * ```ts
+   * const player = remote.getPlayer();
+   * ```
+   */
+  getPlayer(s) {
+    var t;
+    return this.Y ? this.Y : ((t = s ?? this.Z) == null || t.dispatchEvent(
+      new y("find-media-player", {
+        detail: (i) => void (this.Y = i),
+        bubbles: !0,
+        composed: !0
+      })
+    ), this.Y);
+  }
+  /**
+   * Set the current `<media-player>` element so the remote can support toggle methods such as
+   * `togglePaused` as they rely on the current media state.
+   */
+  setPlayer(s) {
+    this.Y = s;
+  }
+  /**
+   * Dispatch a request to start the media loading process. This will only work if the media
+   * player has been initialized with a custom loading strategy `<media-player load="custom">`.
+   *
+   * @docs {@link https://www.vidstack.io/docs/player/core-concepts/loading#loading-strategies}
+   */
+  startLoading(s) {
+    this.X("media-start-loading", s);
+  }
+  /**
+   * Dispatch a request to begin/resume media playback.
+   */
+  play(s) {
+    this.X("media-play-request", s);
+  }
+  /**
+   * Dispatch a request to pause media playback.
+   */
+  pause(s) {
+    this.X("media-pause-request", s);
+  }
+  /**
+   * Dispatch a request to set the media volume to mute (0).
+   */
+  mute(s) {
+    this.X("media-mute-request", s);
+  }
+  /**
+   * Dispatch a request to unmute the media volume and set it back to it's previous state.
+   */
+  unmute(s) {
+    this.X("media-unmute-request", s);
+  }
+  /**
+   * Dispatch a request to enter fullscreen.
+   *
+   * @docs {@link https://www.vidstack.io/docs/player/core-concepts/fullscreen#media-remote}
+   */
+  enterFullscreen(s, t) {
+    this.X("media-enter-fullscreen-request", t, s);
+  }
+  /**
+   * Dispatch a request to exit fullscreen.
+   *
+   * @docs {@link https://www.vidstack.io/docs/player/core-concepts/fullscreen#media-remote}
+   */
+  exitFullscreen(s, t) {
+    this.X("media-exit-fullscreen-request", t, s);
+  }
+  /**
+   * Dispatch a request to enter picture-in-picture mode.
+   *
+   * @docs {@link https://www.vidstack.io/docs/player/core-concepts/picture-in-picture#media-remote}
+   */
+  enterPictureInPicture(s) {
+    this.X("media-enter-pip-request", s);
+  }
+  /**
+   * Dispatch a request to exit picture-in-picture mode.
+   *
+   * @docs {@link https://www.vidstack.io/docs/player/core-concepts/picture-in-picture#media-remote}
+   */
+  exitPictureInPicture(s) {
+    this.X("media-exit-pip-request", s);
+  }
+  /**
+   * Notify the media player that a seeking process is happening and to seek to the given `time`.
+   */
+  seeking(s, t) {
+    this.X("media-seeking-request", t, s);
+  }
+  /**
+   * Notify the media player that a seeking operation has completed and to seek to the given `time`.
+   * This is generally called after a series of `remote.seeking()` calls.
+   */
+  seek(s, t) {
+    this.X("media-seek-request", t, s);
+  }
+  seekToLiveEdge(s) {
+    this.X("media-live-edge-request", s);
+  }
+  /**
+   * Dispatch a request to update the media volume to the given `volume` level which is a value
+   * between 0 and 1.
+   *
+   * @example
+   * ```ts
+   * remote.changeVolume(0); // 0%
+   * remote.changeVolume(0.05); // 5%
+   * remote.changeVolume(0.5); // 50%
+   * remote.changeVolume(0.75); // 70%
+   * remote.changeVolume(1); // 100%
+   * ```
+   */
+  changeVolume(s, t) {
+    this.X("media-volume-change-request", t, Math.max(0, Math.min(1, s)));
+  }
+  /**
+   * Dispatch a request to change the current audio track.
+   *
+   * @example
+   * ```ts
+   * remote.changeAudioTrack(1); // track at index 1
+   * ```
+   */
+  changeAudioTrack(s, t) {
+    this.X("media-audio-track-change-request", t, s);
+  }
+  /**
+   * Dispatch a request to change the video quality. The special value `-1` represents auto quality
+   * selection.
+   *
+   * @example
+   * ```ts
+   * remote.changeQuality(-1); // auto
+   * remote.changeQuality(1); // quality at index 1
+   * ```
+   */
+  changeQuality(s, t) {
+    this.X("media-quality-change-request", t, s);
+  }
+  /**
+   * Dispatch a request to change the mode of the text track at the given index.
+   *
+   * @example
+   * ```ts
+   * remote.changeTextTrackMode(1, 'showing'); // track at index 1
+   * ```
+   */
+  changeTextTrackMode(s, t, i) {
+    this.X("media-text-track-change-request", i, {
+      index: s,
+      mode: t
+    });
+  }
+  /**
+   * Dispatch a request to change the media playback rate.
+   *
+   * @example
+   * ```ts
+   * remote.changePlaybackRate(0.5); // Half the normal speed
+   * remote.changePlaybackRate(1); // Normal speed
+   * remote.changePlaybackRate(1.5); // 50% faster than normal
+   * remote.changePlaybackRate(2); // Double the normal speed
+   * ```
+   */
+  changePlaybackRate(s, t) {
+    this.X("media-rate-change-request", t, s);
+  }
+  /**
+   * Dispatch a request to resume user idle tracking. Refer to {@link MediaRemoteControl.pauseUserIdle}
+   * for more information.
+   */
+  resumeUserIdle(s) {
+    this.X("media-resume-user-idle-request", s);
+  }
+  /**
+   * Dispatch a request to pause user idle tracking. Pausing tracking will result in the `user-idle`
+   * attribute and state being `false` until `remote.resumeUserIdle()` is called. This method
+   * is generally used when building custom controls and you'd like to prevent the UI from
+   * dissapearing.
+   *
+   * @example
+   * ```ts
+   * // Prevent user idling while menu is being interacted with.
+   * function onSettingsOpen() {
+   *   remote.pauseUserIdle();
+   * }
+   *
+   * function onSettingsClose() {
+   *   remote.resumeUserIdle();
+   * }
+   * ```
+   */
+  pauseUserIdle(s) {
+    this.X("media-pause-user-idle-request", s);
+  }
+  /**
+   * Dispatch a request to toggle the media playback state.
+   */
+  togglePaused(s) {
+    const t = this.getPlayer(s == null ? void 0 : s.target);
+    t && (t.state.paused ? this.play(s) : this.pause(s));
+  }
+  /**
+   * Dispatch a request to toggle the user idle state.
+   */
+  toggleUserIdle(s) {
+    const t = this.getPlayer(s == null ? void 0 : s.target);
+    t && t.user.idle(!t.user.idling, 0, s);
+  }
+  /**
+   * Dispatch a request to toggle the media muted state.
+   */
+  toggleMuted(s) {
+    const t = this.getPlayer(s == null ? void 0 : s.target);
+    t && (t.state.muted ? this.unmute(s) : this.mute(s));
+  }
+  /**
+   * Dispatch a request to toggle the media fullscreen state.
+   *
+   * @docs {@link https://www.vidstack.io/docs/player/core-concepts/fullscreen#media-remote}
+   */
+  toggleFullscreen(s, t) {
+    const i = this.getPlayer(t == null ? void 0 : t.target);
+    i && (i.state.fullscreen ? this.exitFullscreen(s, t) : this.enterFullscreen(s, t));
+  }
+  /**
+   * Dispatch a request to toggle the media picture-in-picture mode.
+   *
+   * @docs {@link https://www.vidstack.io/docs/player/core-concepts/picture-in-picture#media-remote}
+   */
+  togglePictureInPicture(s) {
+    const t = this.getPlayer(s == null ? void 0 : s.target);
+    t && (t.state.pictureInPicture ? this.exitPictureInPicture(s) : this.enterPictureInPicture(s));
+  }
+  /**
+   * Dispatch a request to toggle the current captions mode.
+   */
+  toggleCaptions(s) {
+    const t = this.getPlayer(s == null ? void 0 : s.target);
+    if (!t)
+      return;
+    const i = t.state.textTracks, n = t.state.textTrack;
+    if (n) {
+      const r = i.indexOf(n);
+      this.changeTextTrackMode(r, "disabled", s), this._ = r;
+    } else {
+      let r = this._;
+      (!i[r] || !M(i[r])) && (r = -1), r === -1 && (r = i.findIndex((a) => M(a) && a.default)), r === -1 && (r = i.findIndex((a) => M(a))), r >= 0 && this.changeTextTrackMode(r, "showing", s), this._ = -1;
+    }
+  }
+  X(s, t, i) {
+    const n = new y(s, {
+      bubbles: !0,
+      composed: !0,
+      detail: i,
+      trigger: t
+    }), a = (t == null ? void 0 : t.target) && (t.target === document || t.target === window || t.target === document.body || this.Y && !this.Y.contains(t.target)) ? this.Z ?? this.getPlayer() : (t == null ? void 0 : t.target) ?? this.Z;
+    a == null || a.dispatchEvent(n);
+  }
+  aa(s) {
+  }
+}
+class Yn extends C {
+  constructor() {
+    super(...arguments);
+    l(this, "j");
+  }
+  onConnect() {
+    this.j = ne(), d(this.cg.bind(this));
+  }
+  cg() {
+    const { canLoad: t, thumbnailCues: i } = this.j.$store;
+    if (!t())
+      return;
+    const n = new AbortController(), { crossorigin: r, thumbnails: a } = this.j.$store, o = a();
+    if (o)
+      return import("./prod-DBMM0zDd.js").then((h) => h.d).then(({ parseResponse: h }) => {
+        h(
+          fetch(o, {
+            signal: n.signal,
+            credentials: re(r())
+          })
+        ).then(({ cues: c }) => i.set(c)).catch($t);
+      }), () => {
+        n.abort(), i.set([]);
+      };
+  }
+}
+class Gn extends us {
+  getById(s) {
+    return s === "" ? null : this.a.find((t) => t.id === s) ?? null;
+  }
+}
+class en {
+  constructor() {
+    l(this, "priority", 0);
+    l(this, "eg", !0);
+    l(this, "qa", null);
+    l(this, "ya", null);
+    l(this, "dg", /* @__PURE__ */ new Set());
+  }
+  canRender() {
+    return !0;
+  }
+  attach(s) {
+    this.qa = s, s.textTracks.onchange = this.Hc.bind(this);
+  }
+  addTrack(s) {
+    this.dg.add(s), this.gg(s);
+  }
+  removeTrack(s) {
+    var t, i;
+    (i = (t = s[v]) == null ? void 0 : t.remove) == null || i.call(t), s[v] = null, this.dg.delete(s);
+  }
+  changeTrack(s) {
+    const t = s == null ? void 0 : s[v];
+    t && t.track.mode !== "showing" && (t.track.mode = "showing"), this.ya = s;
+  }
+  setDisplay(s) {
+    this.eg = s, this.Hc();
+  }
+  detach() {
+    this.qa && (this.qa.textTracks.onchange = null);
+    for (const s of this.dg)
+      this.removeTrack(s);
+    this.dg.clear(), this.qa = null, this.ya = null;
+  }
+  gg(s) {
+    if (!this.qa)
+      return;
+    const t = s[v] ?? (s[v] = this.hg(s));
+    t instanceof HTMLElement && (this.qa.append(t), t.track.mode = t.default ? "showing" : "hidden");
+  }
+  hg(s) {
+    const t = document.createElement("track"), i = s.default || s.mode === "showing", n = s.src && s.type === "vtt";
+    return t.id = s.id, t.src = n ? s.src : "https://cdn.jsdelivr.net/npm/vidstack@0.6.12/empty.vtt", t.label = s.label, t.kind = s.kind, t.default = i, s.language && (t.srclang = s.language), i && !n && this.fg(s, t.track), t;
+  }
+  fg(s, t) {
+    var i;
+    if (!(s.src && s.type === "vtt" || (i = t.cues) != null && i.length))
+      for (const n of s.cues)
+        t.addCue(n);
+  }
+  Hc(s) {
+    var t;
+    for (const i of this.dg) {
+      const n = (t = i[v]) == null ? void 0 : t.track;
+      if (!n)
+        continue;
+      if (!this.eg) {
+        n.mode = "disabled";
+        continue;
+      }
+      const r = n.mode === "showing";
+      r && this.fg(i, n), i.setMode(r ? "showing" : "disabled", s);
+    }
+  }
+}
+class Qn {
+  constructor(s) {
+    l(this, "qa", null);
+    l(this, "pa");
+    l(this, "oa", []);
+    l(this, "sa", !1);
+    l(this, "la", null);
+    l(this, "ma", null);
+    this.j = s;
+    const t = s.textTracks;
+    this.pa = t, d(this.ua.bind(this)), L(this.ra.bind(this)), f(t, "add", this.va.bind(this)), f(t, "remove", this.wa.bind(this)), f(t, "mode-change", this.na.bind(this));
+  }
+  ua() {
+    const { $store: s, $iosControls: t } = this.j;
+    this.sa = s.controls() || t(), this.na();
+  }
+  add(s) {
+    this.oa.push(s), this.na();
+  }
+  remove(s) {
+    s.detach(), this.oa.splice(this.oa.indexOf(s), 1), this.na();
+  }
+  /* @internal */
+  [Gi](s) {
+    requestAnimationFrame(() => {
+      if (this.qa = s, s) {
+        this.la = new en(), this.la.attach(s);
+        for (const t of this.pa)
+          this.ta(t);
+      }
+      this.na();
+    });
+  }
+  ta(s) {
+    var t;
+    M(s) && ((t = this.la) == null || t.addTrack(s));
+  }
+  xa(s) {
+    var t;
+    M(s) && ((t = this.la) == null || t.removeTrack(s));
+  }
+  va(s) {
+    this.ta(s.detail);
+  }
+  wa(s) {
+    this.xa(s.detail);
+  }
+  na() {
+    var i, n, r;
+    if (!this.qa) {
+      this.ra();
+      return;
+    }
+    const s = this.pa.selected;
+    if (this.sa || s != null && s[Qi]) {
+      (i = this.ma) == null || i.changeTrack(null), this.la.setDisplay(!0), this.la.changeTrack(s);
+      return;
+    }
+    if (this.la.setDisplay(!1), this.la.changeTrack(null), !s) {
+      (n = this.ma) == null || n.changeTrack(null);
+      return;
+    }
+    const t = this.oa.sort((a, o) => a.priority - o.priority).find((a) => a.canRender(s));
+    this.ma !== t && ((r = this.ma) == null || r.detach(), t == null || t.attach(this.qa), this.ma = t ?? null), t == null || t.changeTrack(s);
+  }
+  ra() {
+    var s, t;
+    (s = this.la) == null || s.detach(), this.la = null, (t = this.ma) == null || t.detach(), this.ma = null;
+  }
+}
+var Ae;
+class Jn extends hs {
+  constructor() {
+    super(...arguments);
+    l(this, "Ia", !1);
+    l(this, "Pa", {});
+    /** @internal */
+    l(this, Ae);
+    l(this, "Qa", this.Ra.bind(this));
+  }
+  get selected() {
+    return this.a.find((i) => i.mode === "showing" && M(i)) ?? null;
+  }
+  add(t, i) {
+    const n = t instanceof Wt, r = n ? t : new Wt(t);
+    return this.Pa[t.kind] && t.default && delete t.default, r.addEventListener("mode-change", this.Qa), this[gt](r, i), r[tt] = this[tt], this.Ia && r[et](), t.default && (this.Pa[t.kind] = r, r.mode = "showing"), this;
+  }
+  remove(t, i) {
+    if (this.a.includes(t))
+      return t === this.Pa[t.kind] && delete this.Pa[t.kind], t.mode = "disabled", t[Vt] = null, t.removeEventListener("mode-change", this.Qa), this[Ft](t, i), this;
+  }
+  clear(t) {
+    for (const i of this.a)
+      this.remove(i, t);
+    return this;
+  }
+  getById(t) {
+    return this.a.find((i) => i.id === t) ?? null;
+  }
+  getByKind(t) {
+    const i = Array.isArray(t) ? t : [t];
+    return this.a.filter((n) => i.includes(n.kind));
+  }
+  /* @internal */
+  [(Ae = tt, et)]() {
+    if (!this.Ia) {
+      for (const t of this.a)
+        t[et]();
+      this.Ia = !0;
+    }
+  }
+  Ra(t) {
+    const i = t.detail;
+    if (i.mode === "showing") {
+      const n = M(i) ? ["captions", "subtitles"] : [i.kind];
+      for (const r of this.a)
+        r.mode === "showing" && r != i && n.includes(r.kind) && (r.mode = "disabled");
+    }
+    this.dispatchEvent(
+      new y("mode-change", {
+        detail: t.detail,
+        trigger: t
+      })
+    );
+  }
+}
+class sn {
+  constructor(s, t, i) {
+    l(this, "Ie");
+    this.l = s, this.j = t, this.k = i;
+    const n = new Rt(), r = new as(), a = new Ti();
+    this.Ie = Tt(() => t.$props.preferNativeHLS() ? [r, a, n] : [n, r, a]), d(this.Ke.bind(this)), d(this.Le.bind(this)), d(this.Me.bind(this)), d(this.Ne.bind(this));
+  }
+  Ke() {
+    this.j.delegate.p("sources-change", {
+      detail: [...nn(this.j.$props.src()), ...this.l()]
+    });
+  }
+  Le() {
+    var a;
+    const { $store: s } = this.j, t = s.sources(), i = u(s.source), n = this.Je(i, t);
+    if (((a = t[0]) == null ? void 0 : a.src) && !n.src && !n.type) {
+      const { crossorigin: o } = s, h = re(o()), c = new AbortController();
+      return Promise.all(
+        t.map(
+          (p) => O(p.src) && p.type === "?" ? fetch(p.src, {
+            method: "HEAD",
+            credentials: h,
+            signal: c.signal
+          }).then((q) => (p.type = q.headers.get("content-type") || "??", p)).catch(() => p) : p
+        )
+      ).then((p) => {
+        c.signal.aborted || (this.Je(u(s.source), p), W());
+      }), () => c.abort();
+    }
+    W();
+  }
+  Je(s, t) {
+    let i = { src: "", type: "" }, n = null;
+    for (const r of t) {
+      const a = u(this.Ie).find((o) => o.canPlay(r));
+      a && (i = r, n = a);
+    }
+    return this.Oe(s, i, n), this.Pe(u(this.k), n), i;
+  }
+  Oe(s, t, i) {
+    t.src === s.src && t.type === s.type || (this.j.delegate.p("source-change", { detail: t }), this.j.delegate.p("media-type-change", {
+      detail: (i == null ? void 0 : i.mediaType(t)) || "unknown"
+    }));
+  }
+  Pe(s, t) {
+    t !== s && (this.j.delegate.p("provider-change", { detail: null }), t && u(() => {
+      var i;
+      return (i = t.preconnect) == null ? void 0 : i.call(t, this.j);
+    }), this.k.set(t), this.j.delegate.p("provider-loader-change", { detail: t }));
+  }
+  Me() {
+    const s = this.j.$provider();
+    if (s) {
+      if (this.j.$store.canLoad()) {
+        u(
+          () => s.setup({
+            ...this.j,
+            player: this.j.player
+          })
+        );
+        return;
+      }
+      u(() => {
+        var t;
+        return (t = s.preconnect) == null ? void 0 : t.call(s, this.j);
+      });
+    }
+  }
+  Ne() {
+    const s = this.j.$provider(), t = this.j.$store.source();
+    if (this.j.$store.canLoad()) {
+      u(() => s == null ? void 0 : s.loadSource(t, u(this.j.$store.preload)));
+      return;
+    }
+    try {
+      O(t.src) && fs(new URL(t.src).origin, "preconnect");
+    } catch {
+    }
+  }
+}
+function nn(e) {
+  return (P(e) ? e : [!O(e) && "src" in e ? e : { src: e }]).map(
+    ({ src: s, type: t }) => ({
+      src: s,
+      type: t ?? (!O(s) || s.startsWith("blob:") ? "video/object" : "?")
+    })
+  );
+}
+class rn {
+  constructor(s, t) {
+    l(this, "Ge", []);
+    this.m = s, this.j = t, d(this.He.bind(this));
+  }
+  He() {
+    const s = [...this.j.$props.textTracks(), ...this.m()];
+    for (const t of this.Ge)
+      if (!s.some((i) => i.id === t.id)) {
+        const i = t.id && this.j.textTracks.getById(t.id);
+        i && this.j.textTracks.remove(i);
+      }
+    for (const t of s) {
+      const i = t.id || Wt.createId(t);
+      this.j.textTracks.getById(i) || (t.id = i, this.j.textTracks.add(t));
+    }
+    this.Ge = s;
+  }
+}
+class an extends js {
+  constructor(t) {
+    super(t);
+    l(this, "j");
+    l(this, "l", _([]));
+    l(this, "m", _([]));
+    l(this, "k", _(null));
+    this.j = ne(), new sn(this.l, this.j, this.k), new rn(this.m, this.j);
+  }
+  onAttach(t) {
+    t.setAttribute("keep-alive", "");
+  }
+  onConnect(t) {
+    const i = new ResizeObserver(is(this.n.bind(this)));
+    i.observe(t);
+    const n = new MutationObserver(this.o.bind(this));
+    return n.observe(t, { attributes: !0, childList: !0 }), Ci && f(t, "touchstart", (r) => r.preventDefault(), { passive: !1 }), Di(() => {
+      this.n(), this.o();
+    }), () => {
+      i.disconnect(), n.disconnect();
+    };
+  }
+  onDestroy() {
+    this.j.$store.currentTime.set(0);
+  }
+  n() {
+    const t = this.j.player, i = this.el.offsetWidth, n = this.el.offsetHeight;
+    t && (t.$store.mediaWidth.set(i), t.$store.mediaHeight.set(n), nt(t, "--media-width", i + "px"), nt(t, "--media-height", n + "px"));
+  }
+  o() {
+    const t = [], i = [], n = this.el.children;
+    for (const r of n)
+      r instanceof HTMLSourceElement ? t.push({
+        src: r.src,
+        type: r.type
+      }) : r instanceof HTMLTrackElement && i.push({
+        id: r.id,
+        src: r.src,
+        kind: r.track.kind,
+        language: r.srclang,
+        label: r.label,
+        default: r.default,
+        type: r.getAttribute("data-type")
+      });
+    this.l.set(t), this.m.set(i), W();
+  }
+  render() {
+    let t;
+    return L(() => {
+      var i;
+      return (i = t == null ? void 0 : t.destroy) == null ? void 0 : i.call(t);
+    }), () => {
+      t == null || t.destroy();
+      const i = this.k();
+      if (!i)
+        return null;
+      const n = i.render(this.j.$store);
+      return u(() => {
+        i.load(this.j).then((r) => {
+          u(this.k) === i && (this.j.delegate.p("provider-change", {
+            detail: r
+          }), t = r);
+        });
+      }), n;
+    };
+  }
+}
+l(an, "el", ti({
+  tagName: "media-outlet"
+}));
+class tr extends C {
+  constructor(s, t) {
+    super(s), this.ig = t;
+  }
+  onAttach(s) {
+    const { $props: t, ariaKeys: i } = ne(), n = s.getAttribute("aria-keyshortcuts");
+    if (n) {
+      i[this.ig] = n, L(() => {
+        delete i[this.ig];
+      });
+      return;
+    }
+    const r = t.keyShortcuts()[this.ig];
+    r && s.setAttribute("aria-keyshortcuts", r);
+  }
+}
+export {
+  mn as $,
+  Gn as A,
+  $n as B,
+  js as C,
+  Sn as D,
+  wt as E,
+  Xn as F,
+  M as G,
+  es as H,
+  xn as I,
+  ne as J,
+  vs as K,
+  yn as L,
+  Vi as M,
+  bn as N,
+  an as O,
+  pn as P,
+  Ye as Q,
+  wn as R,
+  ji as S,
+  Jn as T,
+  X as U,
+  Rn as V,
+  Me as W,
+  x as X,
+  O as Y,
+  y as Z,
+  ht as _,
+  Bn as a,
+  Ss as a$,
+  Un as a0,
+  b as a1,
+  qi as a2,
+  fs as a3,
+  At as a4,
+  dn as a5,
+  C as a6,
+  Y as a7,
+  En as a8,
+  fn as a9,
+  W as aA,
+  Jt as aB,
+  qn as aC,
+  L as aD,
+  zt as aE,
+  mt as aF,
+  Ci as aG,
+  Cs as aH,
+  kn as aI,
+  He as aJ,
+  ts as aK,
+  Wt as aL,
+  v as aM,
+  j as aN,
+  Qi as aO,
+  Cn as aP,
+  In as aQ,
+  Oi as aR,
+  Gi as aS,
+  _t as aT,
+  Vt as aU,
+  It as aV,
+  ct as aW,
+  gt as aX,
+  Pn as aY,
+  li as aZ,
+  Ei as a_,
+  cn as aa,
+  Di as ab,
+  Zn as ac,
+  is as ad,
+  Ge as ae,
+  _n as af,
+  jn as ag,
+  xs as ah,
+  Vs as ai,
+  oi as aj,
+  nt as ak,
+  Ct as al,
+  Tn as am,
+  Xi as an,
+  Kn as ao,
+  On as ap,
+  hn as aq,
+  gn as ar,
+  St as as,
+  tr as at,
+  ln as au,
+  Is as av,
+  Ns as aw,
+  Os as ax,
+  _s as ay,
+  S as az,
+  tt as b,
+  Ft as b0,
+  vn as b1,
+  Tt as c,
+  ti as d,
+  Qn as e,
+  Mi as f,
+  Mn as g,
+  Yn as h,
+  Wn as i,
+  Vn as j,
+  zn as k,
+  Hn as l,
+  Ln as m,
+  Fn as n,
+  Nn as o,
+  As as p,
+  d as q,
+  un as r,
+  _ as s,
+  f as t,
+  it as u,
+  qs as v,
+  Dn as w,
+  We as x,
+  An as y,
+  u as z
+};