@deep-eye/core 0.9.1 → 1.0.0

package/dist/media-ui-DfPbRfFS.js

@@ -0,0 +1,2832 @@
+var ne = Object.defineProperty;
+var ae = (o, i, t) => i in o ? ne(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
+var n = (o, i, t) => ae(o, typeof i != "symbol" ? i + "" : i, t);
+import { a4 as g, U as v, a5 as oe, Q as p, a6 as Ct, s as f, q as l, u as b, C as j, d as u, J as C, c as P, a3 as he, a7 as _, a8 as O, a9 as st, aa as it, ab as rt, W as I, ac as ce, z as m, ad as W, ae as Bt, af as R, N as x, G as E, o as H, ag as B, ah as le, p as Y, ai as de, aj as ft, ak as M, al as K, t as $, am as $t, an as vt, ao as Gt, ap as ue, aq as jt, P as nt, ar as L, as as xt, at as pe, au as Vt, av as Tt, aw as be, ax as Mt, ay as me, az as ge, aA as dt, aB as q, aC as zt, aD as at, aE as Ce, aF as Qt, K as ot, aG as fe, aH as Pt, X as $e, aI as ve, $ as Nt, L as je, aJ as xe, aK as we, R as Ut, B as ht, D as Wt } from "./media-core-CkW37AYl.js";
+import { C as ke, r as ye, u as _e } from "./prod-DBMM0zDd.js";
+const He = /* @__PURE__ */ p('<!$><svg viewBox="0 0 32 32" fill="none" aria-hidden="true" focusable="false" data-media-icon="true"></svg>');
+function w({ slot: o, part: i, paths: t, rotate: e }) {
+  return (() => {
+    const [s, r] = g(He);
+    return v(s, "data-rotate", e), v(s, "slot", o), v(s, "part", i), oe || (s.innerHTML = t), s;
+  })();
+}
+function A(o, i = 2) {
+  return Number(o.toFixed(i));
+}
+function Le(o) {
+  var i;
+  return ((i = String(o).split(".")[1]) == null ? void 0 : i.length) ?? 0;
+}
+function Yt(o, i, t) {
+  return Math.max(o, Math.min(t, i));
+}
+let pt = f(!1);
+$(document, "pointerdown", () => {
+  pt.set(!1);
+}), $(document, "keydown", (o) => {
+  o.metaKey || o.altKey || o.ctrlKey || pt.set(!0);
+});
+class D extends Ct {
+  constructor() {
+    super(...arguments);
+    n(this, "Qe", f(!1));
+  }
+  onConnect(t) {
+    l(() => {
+      if (!pt()) {
+        this.Qe.set(!1), et(t, !1), this.listen("pointerenter", this.Re.bind(this)), this.listen("pointerleave", this.Se.bind(this));
+        return;
+      }
+      const e = document.activeElement === t;
+      this.Qe.set(e), et(t, e), this.listen("focus", this.Te.bind(this)), this.listen("blur", this.Ue.bind(this));
+    });
+  }
+  focused() {
+    return this.Qe();
+  }
+  Te() {
+    this.Qe.set(!0), et(this.el, !0);
+  }
+  Ue() {
+    this.Qe.set(!1), et(this.el, !1);
+  }
+  Re() {
+    Et(this.el, !0);
+  }
+  Se() {
+    Et(this.el, !1);
+  }
+}
+function et(o, i) {
+  b(o, "data-focus", i), b(o, "data-hocus", i);
+}
+function Et(o, i) {
+  b(o, "data-hocus", i), b(o, "data-hover", i);
+}
+const bt = ot();
+class Ae extends j {
+  onAttach(i) {
+    it(bt) && rt(() => {
+      if (!i.isConnected)
+        return;
+      I(bt).bb(i);
+    }), this.setAttributes({
+      position: this.$props.position
+    });
+  }
+}
+n(Ae, "el", u({
+  tagName: "media-tooltip",
+  props: { position: "top center" }
+}));
+let Ve = 0;
+class wt extends Ct {
+  constructor(i) {
+    super(i), Y(bt, {
+      bb: this.bb.bind(this)
+    });
+  }
+  bb(i) {
+    const t = `media-tooltip-${++Ve}`;
+    b(this.el, "aria-describedby", t), b(i, "id", t), b(i, "role", "tooltip"), this.el.removeAttribute("aria-label");
+  }
+}
+var Te = Object.defineProperty, Me = Object.getOwnPropertyDescriptor, Pe = (o, i, t, e) => {
+  for (var s = Me(i, t), r = o.length - 1, a; r >= 0; r--)
+    (a = o[r]) && (s = a(i, t, s) || s);
+  return s && Te(i, t, s), s;
+};
+const G = {
+  disabled: !1,
+  defaultPressed: !1,
+  defaultAppearance: !1
+};
+class F extends j {
+  constructor(t) {
+    super(t);
+    n(this, "cb", f(!1));
+    n(this, "db");
+    new D(t), new wt(t), this.db && new pe(t, this.db);
+  }
+  get pressed() {
+    return m(this.cb);
+  }
+  onAttach(t) {
+    Vt(this.cb) && this.cb.set(this.$props.defaultPressed()), H(t, "tabindex", "0"), H(t, "role", "button");
+    const { disabled: e, defaultAppearance: s } = this.$props;
+    this.setAttributes({
+      disabled: e,
+      "default-appearance": s,
+      "data-pressed": this.cb,
+      "aria-pressed": this.eb.bind(this),
+      "data-media-button": !0
+    });
+  }
+  onConnect(t) {
+    B(t, this.fb.bind(this));
+  }
+  eb() {
+    return ft(this.cb());
+  }
+  gb(t) {
+    Vt(this.cb) && this.cb.set((e) => !e);
+  }
+  fb(t) {
+    const e = this.$props.disabled();
+    if (e) {
+      e && t.stopImmediatePropagation();
+      return;
+    }
+    t.preventDefault(), this.gb(t);
+  }
+}
+n(F, "el", u({
+  tagName: "media-toggle-button",
+  props: G
+}));
+Pe([
+  ht
+], F.prototype, "pressed");
+var Ne = '<path d="M8.66667 6.66667C8.29848 6.66667 8 6.96514 8 7.33333V24.6667C8 25.0349 8.29848 25.3333 8.66667 25.3333H12.6667C13.0349 25.3333 13.3333 25.0349 13.3333 24.6667V7.33333C13.3333 6.96514 13.0349 6.66667 12.6667 6.66667H8.66667Z" fill="currentColor"/> <path d="M19.3333 6.66667C18.9651 6.66667 18.6667 6.96514 18.6667 7.33333V24.6667C18.6667 25.0349 18.9651 25.3333 19.3333 25.3333H23.3333C23.7015 25.3333 24 25.0349 24 24.6667V7.33333C24 6.96514 23.7015 6.66667 23.3333 6.66667H19.3333Z" fill="currentColor"/>', Ee = '<path d="M10.6667 6.6548C10.6667 6.10764 11.2894 5.79346 11.7295 6.11862L24.377 15.4634C24.7377 15.7298 24.7377 16.2692 24.3771 16.5357L11.7295 25.8813C11.2895 26.2065 10.6667 25.8923 10.6667 25.3451L10.6667 6.6548Z" fill="currentColor"/>', Se = '<path d="M15.6038 12.2147C16.0439 12.5399 16.6667 12.2257 16.6667 11.6786V10.1789C16.6667 10.1001 16.7351 10.0384 16.8134 10.0479C20.1116 10.4494 22.6667 13.2593 22.6667 16.6659C22.6667 20.3481 19.6817 23.3332 15.9995 23.3332C12.542 23.3332 9.69927 20.7014 9.36509 17.332C9.32875 16.9655 9.03371 16.6662 8.66548 16.6662L6.66655 16.6666C6.29841 16.6666 5.99769 16.966 6.02187 17.3334C6.36494 22.5454 10.7012 26.6667 16 26.6667C21.5228 26.6667 26 22.1895 26 16.6667C26 11.4103 21.9444 7.10112 16.7916 6.69757C16.7216 6.69209 16.6667 6.63396 16.6667 6.56372V4.98824C16.6667 4.44106 16.0439 4.12689 15.6038 4.45206L11.0765 7.79738C10.7159 8.06387 10.7159 8.60326 11.0766 8.86973L15.6038 12.2147Z" fill="currentColor"/>';
+class Ie extends F {
+  constructor() {
+    super(...arguments);
+    n(this, "j");
+    n(this, "db", "togglePaused");
+  }
+  onAttach(t) {
+    this.j = C(), this.cb = this.hb.bind(this), super.onAttach(t), R(t, this.ib.bind(this));
+    const { paused: e, ended: s } = this.j.$store;
+    this.setAttributes({
+      "data-paused": e,
+      "data-ended": s
+    });
+  }
+  gb(t) {
+    const e = this.j.remote;
+    this.cb() ? e.pause(t) : e.play(t);
+  }
+  hb() {
+    const { paused: t } = this.j.$store;
+    return !t();
+  }
+  ib() {
+    const { paused: t } = this.j.$store;
+    return t() ? "Play" : "Pause";
+  }
+  render() {
+    return [
+      x(w, { paths: Ee, slot: "play" }),
+      x(w, { paths: Se, slot: "replay" }),
+      x(w, { paths: Ne, slot: "pause" })
+    ];
+  }
+}
+n(Ie, "el", u({
+  tagName: "media-play-button",
+  props: G
+}));
+var Re = '<path d="M8 28.0003C8 27.6321 8.29848 27.3336 8.66667 27.3336H23.3333C23.7015 27.3336 24 27.6321 24 28.0003V29.3336C24 29.7018 23.7015 30.0003 23.3333 30.0003H8.66667C8.29848 30.0003 8 29.7018 8 29.3336V28.0003Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66602 6.66699C4.29783 6.66699 3.99935 6.96547 3.99935 7.33366V24.667C3.99935 25.0352 4.29783 25.3337 4.66602 25.3337H27.3327C27.7009 25.3337 27.9994 25.0352 27.9994 24.667V7.33366C27.9994 6.96547 27.7009 6.66699 27.3327 6.66699H4.66602ZM8.66659 21.3333C8.2984 21.3333 7.99992 21.0349 7.99992 20.6667V11.3333C7.99992 10.9651 8.2984 10.6667 8.66659 10.6667H13.9999C14.3681 10.6667 14.6666 10.9651 14.6666 11.3333V12.6667C14.6666 13.0349 14.3681 13.3333 13.9999 13.3333H10.7999C10.7263 13.3333 10.6666 13.393 10.6666 13.4667V18.5333C10.6666 18.607 10.7263 18.6667 10.7999 18.6667H13.9999C14.3681 18.6667 14.6666 18.9651 14.6666 19.3333V20.6667C14.6666 21.0349 14.3681 21.3333 13.9999 21.3333H8.66659ZM17.9999 21.3333C17.6317 21.3333 17.3333 21.0349 17.3333 20.6667V11.3333C17.3333 10.9651 17.6317 10.6667 17.9999 10.6667H23.3333C23.7014 10.6667 23.9999 10.9651 23.9999 11.3333V12.6667C23.9999 13.0349 23.7014 13.3333 23.3333 13.3333H20.1333C20.0596 13.3333 19.9999 13.393 19.9999 13.4667V18.5333C19.9999 18.607 20.0596 18.6667 20.1333 18.6667H23.3333C23.7014 18.6667 23.9999 18.9651 23.9999 19.3333V20.6667C23.9999 21.0349 23.7014 21.3333 23.3333 21.3333H17.9999Z" fill="currentColor"/>', Xt = '<path fill-rule="evenodd" clip-rule="evenodd" d="M4.6661 6.66699C4.29791 6.66699 3.99943 6.96547 3.99943 7.33366V24.667C3.99943 25.0352 4.29791 25.3337 4.6661 25.3337H27.3328C27.701 25.3337 27.9994 25.0352 27.9994 24.667V7.33366C27.9994 6.96547 27.701 6.66699 27.3328 6.66699H4.6661ZM8.66667 21.3333C8.29848 21.3333 8 21.0349 8 20.6667V11.3333C8 10.9651 8.29848 10.6667 8.66667 10.6667H14C14.3682 10.6667 14.6667 10.9651 14.6667 11.3333V12.6667C14.6667 13.0349 14.3682 13.3333 14 13.3333H10.8C10.7264 13.3333 10.6667 13.393 10.6667 13.4667V18.5333C10.6667 18.607 10.7264 18.6667 10.8 18.6667H14C14.3682 18.6667 14.6667 18.9651 14.6667 19.3333V20.6667C14.6667 21.0349 14.3682 21.3333 14 21.3333H8.66667ZM18 21.3333C17.6318 21.3333 17.3333 21.0349 17.3333 20.6667V11.3333C17.3333 10.9651 17.6318 10.6667 18 10.6667H23.3333C23.7015 10.6667 24 10.9651 24 11.3333V12.6667C24 13.0349 23.7015 13.3333 23.3333 13.3333H20.1333C20.0597 13.3333 20 13.393 20 13.4667V18.5333C20 18.607 20.0597 18.6667 20.1333 18.6667H23.3333C23.7015 18.6667 24 18.9651 24 19.3333V20.6667C24 21.0349 23.7015 21.3333 23.3333 21.3333H18Z" fill="currentColor"/>';
+function De(o) {
+  return o ? "true" : "false";
+}
+function V(o) {
+  return () => De(o());
+}
+class Fe extends F {
+  constructor() {
+    super(...arguments);
+    n(this, "j");
+    n(this, "db", "toggleCaptions");
+  }
+  onAttach(t) {
+    this.j = C(), this.cb = this.hb.bind(this), super.onAttach(t), R(t, this.ib.bind(this)), this.setAttributes({
+      "aria-hidden": V(this.jb.bind(this))
+    });
+  }
+  gb(t) {
+    this.j.remote.toggleCaptions(t);
+  }
+  hb() {
+    const { textTrack: t } = this.j.$store, e = t();
+    return !!e && E(e);
+  }
+  jb() {
+    const { textTracks: t } = this.j.$store;
+    return t().filter(E).length == 0;
+  }
+  ib() {
+    const { textTrack: t } = this.j.$store;
+    return t() ? "Closed-Captions Off" : "Closed-Captions On";
+  }
+  render() {
+    return [
+      x(w, { paths: Re, slot: "on" }),
+      x(w, { paths: Xt, slot: "off" })
+    ];
+  }
+}
+n(Fe, "el", u({
+  tagName: "media-caption-button",
+  props: G
+}));
+var Ze = '<path d="M19.3334 13.3333C18.9652 13.3333 18.6667 13.0349 18.6667 12.6667L18.6667 7.33333C18.6667 6.96514 18.9652 6.66666 19.3334 6.66666H21.3334C21.7015 6.66666 22 6.96514 22 7.33333V9.86666C22 9.9403 22.0597 10 22.1334 10L24.6667 10C25.0349 10 25.3334 10.2985 25.3334 10.6667V12.6667C25.3334 13.0349 25.0349 13.3333 24.6667 13.3333L19.3334 13.3333Z" fill="currentColor"/> <path d="M13.3334 19.3333C13.3334 18.9651 13.0349 18.6667 12.6667 18.6667H7.33335C6.96516 18.6667 6.66669 18.9651 6.66669 19.3333V21.3333C6.66669 21.7015 6.96516 22 7.33335 22H9.86669C9.94032 22 10 22.0597 10 22.1333L10 24.6667C10 25.0349 10.2985 25.3333 10.6667 25.3333H12.6667C13.0349 25.3333 13.3334 25.0349 13.3334 24.6667L13.3334 19.3333Z" fill="currentColor"/> <path d="M18.6667 24.6667C18.6667 25.0349 18.9652 25.3333 19.3334 25.3333H21.3334C21.7015 25.3333 22 25.0349 22 24.6667V22.1333C22 22.0597 22.0597 22 22.1334 22H24.6667C25.0349 22 25.3334 21.7015 25.3334 21.3333V19.3333C25.3334 18.9651 25.0349 18.6667 24.6667 18.6667L19.3334 18.6667C18.9652 18.6667 18.6667 18.9651 18.6667 19.3333L18.6667 24.6667Z" fill="currentColor"/> <path d="M10.6667 13.3333H12.6667C13.0349 13.3333 13.3334 13.0349 13.3334 12.6667L13.3334 10.6667V7.33333C13.3334 6.96514 13.0349 6.66666 12.6667 6.66666H10.6667C10.2985 6.66666 10 6.96514 10 7.33333L10 9.86666C10 9.9403 9.94033 10 9.86669 10L7.33335 10C6.96516 10 6.66669 10.2985 6.66669 10.6667V12.6667C6.66669 13.0349 6.96516 13.3333 7.33335 13.3333L10.6667 13.3333Z" fill="currentColor"/>', qe = '<path d="M25.3299 7.26517C25.2958 6.929 25.0119 6.66666 24.6667 6.66666H19.3334C18.9652 6.66666 18.6667 6.96514 18.6667 7.33333V9.33333C18.6667 9.70152 18.9652 10 19.3334 10L21.8667 10C21.9403 10 22 10.0597 22 10.1333V12.6667C22 13.0349 22.2985 13.3333 22.6667 13.3333H24.6667C25.0349 13.3333 25.3334 13.0349 25.3334 12.6667V7.33333C25.3334 7.31032 25.3322 7.28758 25.3299 7.26517Z" fill="currentColor"/> <path d="M22 21.8667C22 21.9403 21.9403 22 21.8667 22L19.3334 22C18.9652 22 18.6667 22.2985 18.6667 22.6667V24.6667C18.6667 25.0349 18.9652 25.3333 19.3334 25.3333L24.6667 25.3333C25.0349 25.3333 25.3334 25.0349 25.3334 24.6667V19.3333C25.3334 18.9651 25.0349 18.6667 24.6667 18.6667H22.6667C22.2985 18.6667 22 18.9651 22 19.3333V21.8667Z" fill="currentColor"/> <path d="M12.6667 22H10.1334C10.0597 22 10 21.9403 10 21.8667V19.3333C10 18.9651 9.70154 18.6667 9.33335 18.6667H7.33335C6.96516 18.6667 6.66669 18.9651 6.66669 19.3333V24.6667C6.66669 25.0349 6.96516 25.3333 7.33335 25.3333H12.6667C13.0349 25.3333 13.3334 25.0349 13.3334 24.6667V22.6667C13.3334 22.2985 13.0349 22 12.6667 22Z" fill="currentColor"/> <path d="M10 12.6667V10.1333C10 10.0597 10.0597 10 10.1334 10L12.6667 10C13.0349 10 13.3334 9.70152 13.3334 9.33333V7.33333C13.3334 6.96514 13.0349 6.66666 12.6667 6.66666H7.33335C6.96516 6.66666 6.66669 6.96514 6.66669 7.33333V12.6667C6.66669 13.0349 6.96516 13.3333 7.33335 13.3333H9.33335C9.70154 13.3333 10 13.0349 10 12.6667Z" fill="currentColor"/>';
+class Ke extends F {
+  constructor() {
+    super(...arguments);
+    n(this, "j");
+    n(this, "db", "toggleFullscreen");
+  }
+  onAttach(t) {
+    this.j = C(), this.cb = this.hb.bind(this), super.onAttach(t), R(t, this.ib.bind(this));
+    const { fullscreen: e } = this.j.$store;
+    this.setAttributes({
+      "aria-hidden": V(this.jb.bind(this)),
+      "data-fullscreen": e
+    });
+  }
+  gb(t) {
+    const e = this.j.remote, s = this.$props.target();
+    this.cb() ? e.exitFullscreen(s, t) : e.enterFullscreen(s, t);
+  }
+  hb() {
+    const { fullscreen: t } = this.j.$store;
+    return t();
+  }
+  jb() {
+    const { canFullscreen: t } = this.j.$store;
+    return !t();
+  }
+  ib() {
+    const { fullscreen: t } = this.j.$store;
+    return t() ? "Exit Fullscreen" : "Enter Fullscreen";
+  }
+  render() {
+    return [
+      x(w, { paths: qe, slot: "enter" }),
+      x(w, { paths: Ze, slot: "exit" })
+    ];
+  }
+}
+n(Ke, "el", u({
+  tagName: "media-fullscreen-button",
+  props: {
+    ...G,
+    target: "prefer-media"
+  }
+}));
+var Oe = '<path d="M17.5091 24.6594C17.5091 25.2066 16.8864 25.5208 16.4463 25.1956L9.44847 20.0252C9.42553 20.0083 9.39776 19.9991 9.36923 19.9991H4.66667C4.29848 19.9991 4 19.7006 4 19.3325V12.6658C4 12.2976 4.29848 11.9991 4.66667 11.9991H9.37115C9.39967 11.9991 9.42745 11.99 9.45039 11.973L16.4463 6.8036C16.8863 6.47842 17.5091 6.79259 17.5091 7.33977L17.5091 24.6594Z" fill="currentColor"/> <path d="M28.8621 13.6422C29.1225 13.3818 29.1225 12.9597 28.8621 12.6994L27.9193 11.7566C27.659 11.4962 27.2368 11.4962 26.9765 11.7566L24.7134 14.0197C24.6613 14.0717 24.5769 14.0717 24.5248 14.0197L22.262 11.7568C22.0016 11.4964 21.5795 11.4964 21.3191 11.7568L20.3763 12.6996C20.116 12.9599 20.116 13.382 20.3763 13.6424L22.6392 15.9053C22.6913 15.9573 22.6913 16.0418 22.6392 16.0938L20.3768 18.3562C20.1165 18.6166 20.1165 19.0387 20.3768 19.299L21.3196 20.2419C21.58 20.5022 22.0021 20.5022 22.2624 20.2418L24.5248 17.9795C24.5769 17.9274 24.6613 17.9274 24.7134 17.9795L26.976 20.2421C27.2363 20.5024 27.6585 20.5024 27.9188 20.2421L28.8616 19.2992C29.122 19.0389 29.122 18.6168 28.8616 18.3564L26.599 16.0938C26.547 16.0418 26.547 15.9573 26.599 15.9053L28.8621 13.6422Z" fill="currentColor"/>', Be = '<path d="M17.5091 24.6595C17.5091 25.2066 16.8864 25.5208 16.4463 25.1956L9.44847 20.0252C9.42553 20.0083 9.39776 19.9992 9.36923 19.9992H4.66667C4.29848 19.9992 4 19.7007 4 19.3325V12.6658C4 12.2976 4.29848 11.9992 4.66667 11.9992H9.37115C9.39967 11.9992 9.42745 11.99 9.45039 11.9731L16.4463 6.80363C16.8863 6.47845 17.5091 6.79262 17.5091 7.3398L17.5091 24.6595Z" fill="currentColor"/> <path d="M27.5091 9.33336C27.8773 9.33336 28.1758 9.63184 28.1758 10V22C28.1758 22.3682 27.8773 22.6667 27.5091 22.6667H26.1758C25.8076 22.6667 25.5091 22.3682 25.5091 22V10C25.5091 9.63184 25.8076 9.33336 26.1758 9.33336L27.5091 9.33336Z" fill="currentColor"/> <path d="M22.1758 12C22.544 12 22.8424 12.2985 22.8424 12.6667V19.3334C22.8424 19.7016 22.544 20 22.1758 20H20.8424C20.4743 20 20.1758 19.7016 20.1758 19.3334V12.6667C20.1758 12.2985 20.4743 12 20.8424 12H22.1758Z" fill="currentColor"/>', Ge = '<path d="M17.5091 24.6594C17.5091 25.2066 16.8864 25.5207 16.4463 25.1956L9.44847 20.0252C9.42553 20.0083 9.39776 19.9991 9.36923 19.9991H4.66667C4.29848 19.9991 4 19.7006 4 19.3324V12.6658C4 12.2976 4.29848 11.9991 4.66667 11.9991H9.37115C9.39967 11.9991 9.42745 11.99 9.45039 11.973L16.4463 6.80358C16.8863 6.4784 17.5091 6.79258 17.5091 7.33975L17.5091 24.6594Z" fill="currentColor"/> <path d="M22.8424 12.6667C22.8424 12.2985 22.544 12 22.1758 12H20.8424C20.4743 12 20.1758 12.2985 20.1758 12.6667V19.3333C20.1758 19.7015 20.4743 20 20.8424 20H22.1758C22.544 20 22.8424 19.7015 22.8424 19.3333V12.6667Z" fill="currentColor"/>';
+class ze extends F {
+  constructor() {
+    super(...arguments);
+    n(this, "j");
+    n(this, "db", "toggleMuted");
+  }
+  onAttach(t) {
+    this.j = C(), this.cb = this.hb.bind(this), R(t, this.ib.bind(this)), this.setAttributes({
+      "data-muted": this.cb,
+      "data-volume": this.kb.bind(this)
+    }), super.onAttach(t);
+  }
+  gb(t) {
+    const e = this.j.remote;
+    this.cb() ? e.unmute(t) : e.mute(t);
+  }
+  hb() {
+    const { muted: t, volume: e } = this.j.$store;
+    return t() || e() === 0;
+  }
+  ib() {
+    return this.cb() ? "Unmute" : "Mute";
+  }
+  kb() {
+    const { muted: t, volume: e } = this.j.$store, s = e();
+    if (t() || s === 0)
+      return "muted";
+    if (s >= 0.5)
+      return "high";
+    if (s < 0.5)
+      return "low";
+  }
+  render() {
+    return [
+      x(w, { paths: Be, slot: "volume-high" }),
+      x(w, { paths: Ge, slot: "volume-low" }),
+      x(w, { paths: Oe, slot: "volume-muted" })
+    ];
+  }
+}
+n(ze, "el", u({
+  tagName: "media-mute-button",
+  props: G
+}));
+var Qe = '<path d="M5.33334 26V19.4667C5.33334 19.393 5.39304 19.3333 5.46668 19.3333H7.86668C7.94031 19.3333 8.00001 19.393 8.00001 19.4667V23.3333C8.00001 23.7015 8.29849 24 8.66668 24H23.3333C23.7015 24 24 23.7015 24 23.3333V8.66666C24 8.29847 23.7015 7.99999 23.3333 7.99999H19.4667C19.393 7.99999 19.3333 7.9403 19.3333 7.86666V5.46666C19.3333 5.39302 19.393 5.33333 19.4667 5.33333H26C26.3682 5.33333 26.6667 5.63181 26.6667 5.99999V26C26.6667 26.3682 26.3682 26.6667 26 26.6667H6.00001C5.63182 26.6667 5.33334 26.3682 5.33334 26Z" fill="currentColor"/> <path d="M14.0098 8.42359H10.806C10.6872 8.42359 10.6277 8.56721 10.7117 8.6512L16.5491 14.4886C16.8094 14.7489 16.8094 15.171 16.5491 15.4314L15.3234 16.657C15.0631 16.9174 14.641 16.9174 14.3806 16.657L8.63739 10.9138C8.55339 10.8298 8.40978 10.8893 8.40978 11.0081V14.0236C8.40978 14.3918 8.1113 14.6903 7.74311 14.6903H6.00978C5.64159 14.6903 5.34311 14.3918 5.34311 14.0236L5.34311 6.02359C5.34311 5.6554 5.64159 5.35692 6.00978 5.35692L14.0098 5.35692C14.378 5.35692 14.6764 5.6554 14.6764 6.02359V7.75692C14.6764 8.12511 14.378 8.42359 14.0098 8.42359Z" fill="currentColor"/>', Ue = '<path d="M16 15.3333C15.6318 15.3333 15.3333 15.6318 15.3333 16V20C15.3333 20.3682 15.6318 20.6667 16 20.6667H21.3333C21.7015 20.6667 22 20.3682 22 20V16C22 15.6318 21.7015 15.3333 21.3333 15.3333H16Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.33333 7.33334C5.33333 6.96515 5.63181 6.66667 5.99999 6.66667H26C26.3682 6.66667 26.6667 6.96515 26.6667 7.33334V24.6667C26.6667 25.0349 26.3682 25.3333 26 25.3333H5.99999C5.63181 25.3333 5.33333 25.0349 5.33333 24.6667V7.33334ZM7.99999 10C7.99999 9.63182 8.29847 9.33334 8.66666 9.33334H23.3333C23.7015 9.33334 24 9.63182 24 10V22C24 22.3682 23.7015 22.6667 23.3333 22.6667H8.66666C8.29847 22.6667 7.99999 22.3682 7.99999 22V10Z" fill="currentColor"/>';
+class We extends F {
+  constructor() {
+    super(...arguments);
+    n(this, "j");
+    n(this, "db", "togglePictureInPicture");
+  }
+  onAttach(t) {
+    this.j = C(), this.cb = this.hb.bind(this), super.onAttach(t), R(t, this.ib.bind(this));
+    const { pictureInPicture: e } = this.j.$store;
+    this.setAttributes({
+      "aria-hidden": V(this.jb.bind(this)),
+      "data-pip": e
+    });
+  }
+  gb(t) {
+    const e = this.j.remote;
+    this.cb() ? e.exitPictureInPicture(t) : e.enterPictureInPicture(t);
+  }
+  hb() {
+    const { pictureInPicture: t } = this.j.$store;
+    return t();
+  }
+  jb() {
+    const { canPictureInPicture: t } = this.j.$store;
+    return !t();
+  }
+  ib() {
+    const { pictureInPicture: t } = this.j.$store;
+    return t() ? "Exit Picture In Picture" : "Enter Picture In Picture";
+  }
+  render() {
+    return [
+      x(w, { paths: Ue, slot: "enter" }),
+      x(w, { paths: Qe, slot: "exit" })
+    ];
+  }
+}
+n(We, "el", u({
+  tagName: "media-pip-button",
+  props: G
+}));
+var Ye = '<path d="M15.6038 12.2148C16.0439 12.5399 16.6667 12.2257 16.6667 11.6786V10.1789C16.6667 10.1001 16.7351 10.0384 16.8134 10.0479C20.1116 10.4494 22.6667 13.2593 22.6667 16.6659C22.6667 20.3481 19.6817 23.3332 15.9995 23.3332C12.542 23.3332 9.69927 20.7015 9.36509 17.332C9.32875 16.9655 9.03371 16.6662 8.66548 16.6662L6.66655 16.6666C6.29841 16.6666 5.99769 16.966 6.02187 17.3334C6.36494 22.5454 10.7012 26.6667 16 26.6667C21.5228 26.6667 26 22.1895 26 16.6667C26 11.4103 21.9444 7.10112 16.7916 6.69758C16.7216 6.69209 16.6667 6.63396 16.6667 6.56372V4.98824C16.6667 4.44106 16.0439 4.12689 15.6038 4.45207L11.0765 7.79738C10.7159 8.06387 10.7159 8.60327 11.0766 8.86974L15.6038 12.2148Z" fill="currentColor"/>', Xe = '<path d="M16.4167 12.2148C15.9766 12.5399 15.3538 12.2257 15.3538 11.6786V10.1789C15.3538 10.1001 15.2854 10.0384 15.2072 10.0479C11.9089 10.4494 9.35384 13.2593 9.35384 16.6659C9.35384 20.3481 12.3389 23.3332 16.0211 23.3332C19.4785 23.3332 22.3212 20.7015 22.6554 17.332C22.6918 16.9655 22.9868 16.6662 23.355 16.6662L25.354 16.6666C25.7221 16.6666 26.0228 16.966 25.9986 17.3334C25.6556 22.5454 21.3193 26.6667 16.0205 26.6667C10.4977 26.6667 6.02051 22.1895 6.02051 16.6667C6.02051 11.4103 10.0761 7.10112 15.2289 6.69758C15.2989 6.69209 15.3538 6.63396 15.3538 6.56372V4.98824C15.3538 4.44106 15.9766 4.12689 16.4167 4.45207L20.944 7.79738C21.3046 8.06387 21.3046 8.60327 20.9439 8.86974L16.4167 12.2148Z" fill="currentColor"/>';
+class Je extends j {
+  constructor(t) {
+    super(t);
+    n(this, "j");
+    this.j = C(), new D(t), new wt(t);
+  }
+  onAttach(t) {
+    H(t, "tabindex", "0"), H(t, "role", "button"), R(t, this.ib.bind(this));
+    const { seconds: e, defaultAppearance: s } = this.$props;
+    this.setAttributes({
+      seconds: e,
+      "default-appearance": s,
+      "aria-hidden": V(this.jb.bind(this)),
+      "data-media-button": !0
+    });
+  }
+  onConnect(t) {
+    B(t, this.gb.bind(this));
+  }
+  jb() {
+    const { canSeek: t } = this.j.$store;
+    return !t();
+  }
+  ib() {
+    const { seconds: t } = this.$props;
+    return `Seek ${t() > 0 ? "forward" : "backward"} ${t()} seconds`;
+  }
+  gb(t) {
+    const { seconds: e, disabled: s } = this.$props;
+    if (s())
+      return;
+    const { currentTime: r } = this.j.$store, a = r() + e();
+    this.j.remote.seek(a, t);
+  }
+  render() {
+    return [
+      x(w, { paths: Ye, slot: "backward" }),
+      x(w, { paths: Xe, slot: "forward" })
+    ];
+  }
+}
+n(Je, "el", u({
+  tagName: "media-seek-button",
+  props: {
+    disabled: !1,
+    defaultAppearance: !1,
+    seconds: 30
+  }
+}));
+const z = new le({
+  min: 0,
+  max: 100,
+  value: 50,
+  pointerValue: 0,
+  focused: !1,
+  dragging: !1,
+  pointing: !1,
+  get interactive() {
+    return this.dragging || this.focused || this.pointing;
+  },
+  get fillRate() {
+    return St(this.min, this.max, this.value);
+  },
+  get fillPercent() {
+    return this.fillRate * 100;
+  },
+  get pointerRate() {
+    return St(this.min, this.max, this.pointerValue);
+  },
+  get pointerPercent() {
+    return this.pointerRate * 100;
+  }
+});
+function St(o, i, t) {
+  const e = i - o, s = t - o;
+  return e > 0 ? s / e : 0;
+}
+const kt = {
+  min: 0,
+  max: 100,
+  disabled: !1,
+  value: 100,
+  step: 1,
+  keyStep: 1,
+  shiftKeyMultiplier: 5,
+  trackClass: null,
+  trackFillClass: null,
+  trackProgressClass: null,
+  thumbContainerClass: null,
+  thumbClass: null
+};
+function ts(o, i, t, e) {
+  return Yt(o, A(t, Le(e)), i);
+}
+function es(o, i, t, e) {
+  const s = Yt(0, t, 1), r = i - o, a = r * s, h = a / e, c = e * h;
+  return o + c;
+}
+const It = {
+  Left: -1,
+  ArrowLeft: -1,
+  Up: 1,
+  ArrowUp: 1,
+  Right: 1,
+  ArrowRight: 1,
+  Down: -1,
+  ArrowDown: -1
+};
+class ss extends Ct {
+  constructor(t, e, s) {
+    super(t);
+    n(this, "Id", null);
+    n(this, "lg", null);
+    n(this, "ng", null);
+    n(this, "mg", null);
+    n(this, "og", null);
+    // -------------------------------------------------------------------------------------------
+    // Keyboard Events
+    // -------------------------------------------------------------------------------------------
+    n(this, "sg");
+    n(this, "Cg", vt(
+      (t) => {
+        this.kg(this.pg(t), t);
+      },
+      20,
+      { leading: !0 }
+    ));
+    this.jg = e, this.j = s;
+  }
+  onConnect() {
+    l(this.vg.bind(this)), l(this.wg.bind(this)), this.jg.tc && rt(() => {
+      var e;
+      const t = (e = this.j.player) == null ? void 0 : e.querySelector("media-outlet");
+      t && (this.Id = t, $(t, "touchstart", this.xg.bind(this)), $(t, "touchmove", this.yg.bind(this)));
+    });
+  }
+  xg(t) {
+    this.lg = t.touches[0].clientX;
+  }
+  yg(t) {
+    if (xt(this.lg) || (t.preventDefault(), this.$store.dragging()))
+      return;
+    const e = t.touches[0].clientX - this.lg;
+    Math.abs(e) > 20 && (this.lg = t.touches[0].clientX, this.ng = this.$store.value(), this.qg(this.ng, t));
+  }
+  vg() {
+    this.jg.mb() || (this.listen("focus", this.Te.bind(this)), this.listen("pointerenter", this.Re.bind(this)), this.listen("pointermove", this.zg.bind(this)), this.listen("pointerleave", this.Se.bind(this)), this.listen("pointerdown", this.Ag.bind(this)), this.listen("keydown", this.Za.bind(this)), this.listen("keyup", this.Ya.bind(this)));
+  }
+  wg() {
+    this.jg.mb() || !this.$store.dragging() || ($(document, "pointerup", this.Bg.bind(this)), $(document, "pointermove", this.Cg.bind(this)), fe && $(document, "touchmove", this.Dg.bind(this), {
+      passive: !1
+    }));
+  }
+  Te() {
+    this.kg(this.$store.value());
+  }
+  rg(t, e) {
+    const { value: s, min: r, max: a, dragging: h } = this.$store, c = Math.max(r(), Math.min(t, a()));
+    s.set(c);
+    const d = this.createEvent("value-change", { detail: c, trigger: e });
+    if (this.el.dispatchEvent(d), this.jg.Hb(d), h()) {
+      const k = this.createEvent("drag-value-change", { detail: c, trigger: e });
+      this.el.dispatchEvent(k), this.jg.Kb(k);
+    }
+  }
+  kg(t, e) {
+    var a;
+    const { pointerValue: s, dragging: r } = this.$store;
+    if (s.set(t), this.dispatch("pointer-value-change", { detail: t, trigger: e }), r()) {
+      const h = this.jg.nb === "vertical" ? "bottom" : "left", c = this.jg.nb === "vertical" ? "height" : "width";
+      this.og && !((a = this.el) != null && a.hasAttribute("data-chapters")) && (this.og.style[c] = t + "%"), this.mg && (this.mg.style[h] = t + "%"), this.rg(t, e);
+    }
+  }
+  pg(t) {
+    let e, s = this.el.getBoundingClientRect(), { min: r, max: a } = this.$store;
+    if (this.jg.nb === "vertical") {
+      const { bottom: h, height: c } = s;
+      e = (h - t.clientY) / c;
+    } else if (this.lg && Qt(this.ng)) {
+      const { width: h } = this.Id.getBoundingClientRect(), c = (t.clientX - this.lg) / h, d = a() - r(), k = d * Math.abs(c);
+      e = (c < 0 ? this.ng - k : this.ng + k) / d;
+    } else {
+      const { left: h, width: c } = s;
+      e = (t.clientX - h) / c;
+    }
+    return Math.max(
+      r(),
+      Math.min(
+        a(),
+        this.jg.Gb(
+          es(r(), a(), e, this.jg.vb())
+        )
+      )
+    );
+  }
+  Re(t) {
+    this.$store.pointing.set(!0);
+  }
+  zg(t) {
+    const { dragging: e } = this.$store;
+    e() || this.kg(this.pg(t), t);
+  }
+  Se(t) {
+    this.$store.pointing.set(!1);
+  }
+  Ag(t) {
+    if (t.button !== 0)
+      return;
+    const e = this.pg(t);
+    this.qg(e, t), this.kg(e, t);
+  }
+  qg(t, e) {
+    const { dragging: s } = this.$store;
+    if (s())
+      return;
+    s.set(!0), this.mg = this.el.querySelector(
+      'shadow-root > div[part="thumb-container"]'
+    ), this.og = this.el.querySelector(
+      'shadow-root > div[part~="track-fill"]'
+    ), this.j.remote.pauseUserIdle(e);
+    const r = this.createEvent("drag-start", { detail: t, trigger: e });
+    this.el.dispatchEvent(r), this.jg.Ib(r);
+  }
+  tg(t, e) {
+    const { dragging: s } = this.$store;
+    if (!s())
+      return;
+    s.set(!1), this.og && (M(this.og, "width", null), this.og = null), this.mg && (M(this.mg, "left", null), M(this.mg, "bottom", null), this.mg = null), this.j.remote.resumeUserIdle(e);
+    const r = this.createEvent("drag-end", { detail: t, trigger: e });
+    this.el.dispatchEvent(r), this.jg.Jb(r), this.lg = null, this.ng = null;
+  }
+  Za(t) {
+    if (Pt(t)) {
+      const d = t.trigger;
+      if (q(d))
+        t = d;
+      else
+        return;
+    }
+    const { key: e } = t, { min: s, max: r } = this.$store;
+    let a;
+    if (e === "Home" || e === "PageUp" ? a = s() : e === "End" || e === "PageDown" ? a = r() : !t.metaKey && /[0-9]/.test(e) && (a = (r() - s()) / 10 * Number(e)), !$e(a)) {
+      this.kg(a, t), this.rg(a, t);
+      return;
+    }
+    const h = this.ug(t);
+    if (!h)
+      return;
+    const c = e === this.sg;
+    !this.$store.dragging() && c && this.qg(h, t), this.kg(h, t), c || this.rg(h, t), this.sg = e;
+  }
+  Ya(t) {
+    if (Pt(t)) {
+      const a = t.trigger;
+      if (q(a))
+        t = a;
+      else
+        return;
+    }
+    this.sg = "";
+    const { dragging: e, value: s } = this.$store;
+    if (!e())
+      return;
+    const r = this.ug(t) ?? s();
+    this.kg(r), this.tg(r, t);
+  }
+  ug(t) {
+    const { key: e, shiftKey: s } = t;
+    if (!Object.keys(It).includes(e))
+      return;
+    const { shiftKeyMultiplier: a } = this.$props, { value: h } = this.$store, c = this.jg.vb(), d = this.jg.Fb(), k = s ? d * a() : d, T = Number(It[e]), y = k * T, tt = (h() + y) / c;
+    return Number((c * tt).toFixed(3));
+  }
+  // -------------------------------------------------------------------------------------------
+  // Document (Pointer Events)
+  // -------------------------------------------------------------------------------------------
+  Bg(t) {
+    if (t.button !== 0)
+      return;
+    const e = this.pg(t);
+    this.kg(e, t), this.tg(e, t);
+  }
+  Dg(t) {
+    t.preventDefault();
+  }
+}
+const yt = ot(() => ({})), is = /* @__PURE__ */ p('<!$><div part="track"></div>'), rs = /* @__PURE__ */ p('<!$><div part="track track-fill"></div>'), ns = /* @__PURE__ */ p('<!$><div part="track track-progress"></div>'), as = /* @__PURE__ */ p('<!$><div part="thumb-container"><!$><div part="thumb"></div></div>');
+class _t extends j {
+  constructor(t) {
+    super(t);
+    n(this, "j");
+    n(this, "pb", !1);
+    n(this, "nb", "");
+    n(this, "Db", W(
+      (t, e) => {
+        var s, r;
+        (s = this.el) == null || s.style.setProperty("--slider-fill-percent", t + "%"), (r = this.el) == null || r.style.setProperty("--slider-pointer-percent", e + "%");
+      }
+    ));
+    // -------------------------------------------------------------------------------------------
+    // Preview
+    // -------------------------------------------------------------------------------------------
+    n(this, "lb", null);
+    n(this, "ob", W(() => {
+      if (!this.lb)
+        return;
+      const t = this.lb.getBoundingClientRect();
+      M(this.lb, "--computed-width", t.width + "px"), M(this.lb, "--computed-height", t.height + "px");
+    }));
+    Y(yt), this.j = C(), new ss(t, this, this.j);
+    const e = new D(t);
+    this.$store.focused = e.focused.bind(e);
+  }
+  onAttach(t) {
+    H(t, "role", "slider"), H(t, "tabindex", "0"), H(t, "aria-orientation", "horizontal"), H(t, "autocomplete", "off"), this.nb = t.getAttribute("aria-orientation") || "", this.pb || (l(this.qb.bind(this)), l(this.rb.bind(this))), l(this.sb.bind(this)), this.tb();
+  }
+  onConnect(t) {
+    this.ub();
+  }
+  render() {
+    const { trackClass: t, trackFillClass: e, trackProgressClass: s, thumbContainerClass: r, thumbClass: a } = this.$props;
+    return [
+      (() => {
+        const [h, c] = g(is);
+        return _(() => v(h, "class", t())), h;
+      })(),
+      (() => {
+        const [h, c] = g(rs);
+        return _(() => v(h, "class", e())), h;
+      })(),
+      (() => {
+        const [h, c] = g(ns);
+        return _(() => v(h, "class", s())), h;
+      })(),
+      (() => {
+        const [h, c] = g(as), d = de(c);
+        return _(() => v(h, "class", r())), _(() => v(d, "class", a())), h;
+      })()
+    ];
+  }
+  // -------------------------------------------------------------------------------------------
+  // Props
+  // -------------------------------------------------------------------------------------------
+  vb() {
+    return this.$props.step();
+  }
+  Fb() {
+    return this.$props.keyStep();
+  }
+  Gb(t) {
+    return Math.round(t);
+  }
+  mb() {
+    return this.$props.disabled();
+  }
+  // -------------------------------------------------------------------------------------------
+  // Watch
+  // -------------------------------------------------------------------------------------------
+  qb() {
+    const { min: t, max: e } = this.$props;
+    this.$store.min.set(t()), this.$store.max.set(e());
+  }
+  rb() {
+    if (!this.mb())
+      return;
+    const { dragging: t, pointing: e } = this.$store;
+    t.set(!1), e.set(!1);
+  }
+  sb() {
+    const { dragging: t, value: e, min: s, max: r } = this.$store;
+    m(t) || e.set(ts(s(), r(), e(), this.vb()));
+  }
+  // -------------------------------------------------------------------------------------------
+  // ARIA
+  // -------------------------------------------------------------------------------------------
+  wb() {
+    return ft(this.mb());
+  }
+  xb() {
+    return this.$props.min();
+  }
+  yb() {
+    return this.$props.max();
+  }
+  zb() {
+    const { value: t } = this.$store;
+    return Math.round(t());
+  }
+  Ab() {
+    const { value: t, max: e } = this.$store;
+    return A(t() / e() * 100, 2) + "%";
+  }
+  // -------------------------------------------------------------------------------------------
+  // Attributes
+  // -------------------------------------------------------------------------------------------
+  tb() {
+    const { disabled: t } = this.$props, { dragging: e, interactive: s, pointing: r } = this.$store;
+    this.setAttributes({
+      disabled: t,
+      "data-dragging": e,
+      "data-pointing": r,
+      "data-interactive": s,
+      "aria-disabled": this.wb.bind(this),
+      "aria-valuemin": this.xb.bind(this),
+      "aria-valuemax": this.yb.bind(this),
+      "aria-valuenow": this.zb.bind(this),
+      "aria-valuetext": this.Ab.bind(this),
+      "data-styled": this.Bb.bind(this),
+      "data-media-slider": !0
+    }), l(this.Cb.bind(this));
+  }
+  Bb() {
+    return !!this.$props.trackClass();
+  }
+  Cb() {
+    const { fillPercent: t, pointerPercent: e } = this.$store;
+    this.Db(A(t(), 3), A(e(), 3));
+  }
+  ub() {
+    this.lb = this.el.querySelector('[slot="preview"]'), this.lb && (l(this.Eb.bind(this)), Promise.resolve().then(function() {
+      return ci;
+    }).then(({ setupPreviewStyles: t }) => {
+      t(this.lb, this.nb);
+    }));
+  }
+  Eb() {
+    if (this.mb() || !this.lb)
+      return;
+    window.requestAnimationFrame(this.ob);
+    const t = new ResizeObserver(this.ob);
+    return t.observe(this.lb), () => t.disconnect();
+  }
+  // -------------------------------------------------------------------------------------------
+  // Events
+  // -------------------------------------------------------------------------------------------
+  Hb(t) {
+  }
+  Ib(t) {
+  }
+  Jb(t) {
+  }
+  Kb(t) {
+  }
+}
+n(_t, "el", u({
+  tagName: "media-slider",
+  props: kt,
+  store: z
+}));
+const os = /* @__PURE__ */ p('<!$><img part="img" loading="eager" decoding="async" aria-hidden="true" />');
+class Ht extends j {
+  constructor(t) {
+    super(t);
+    n(this, "j");
+    n(this, "ke", null);
+    n(this, "me", null);
+    n(this, "ne", []);
+    n(this, "Pb", f(""));
+    n(this, "oe", f(!1));
+    n(this, "pe", f(null));
+    n(this, "qe", W(this.ye.bind(this)));
+    this.j = C();
+  }
+  onAttach() {
+    this.setAttributes({
+      "data-loading": this.Tb.bind(this),
+      "aria-hidden": V(this.jb.bind(this))
+    });
+  }
+  onConnect() {
+    l(this.ge.bind(this)), l(this.se.bind(this)), l(this.te.bind(this));
+  }
+  ge() {
+    this.Pb(), this.j.$store.thumbnails(), this.oe.set(!1);
+  }
+  ue() {
+    this.oe.set(!0), this.qe();
+  }
+  Tb() {
+    return !this.jb() && !this.oe();
+  }
+  jb() {
+    const { duration: t, thumbnailCues: e } = this.j.$store;
+    return !Number.isFinite(t()) || e().length === 0;
+  }
+  se() {
+    const { time: t } = this.$props, { duration: e, thumbnailCues: s } = this.j.$store, r = s(), a = t();
+    if (!r || !Number.isFinite(e())) {
+      this.pe.set(null);
+      return;
+    }
+    this.pe.set(ce(a, r));
+  }
+  ve(t) {
+    this.ke = t;
+  }
+  te() {
+    const t = this.pe(), e = m(this.j.$store.thumbnails);
+    if (!e || !t) {
+      this.Pb.set(""), this.re();
+      return;
+    }
+    const [s, r = ""] = (t.text || "").split("#");
+    if (this.me = this.we(r), !this.me) {
+      this.re();
+      return;
+    }
+    this.Pb.set(this.xe(e, s)), this.qe();
+  }
+  xe(t, e) {
+    return /https?:/.test(e) ? e : `${t.split("/").slice(0, -1).join("/")}${e.replace(/^\/?/, "/")}`.replace(
+      /^\/\//,
+      "/"
+    );
+  }
+  we(t) {
+    const [e, s] = t.split("="), r = {}, a = s == null ? void 0 : s.split(",");
+    if (!e || !s)
+      return null;
+    for (let h = 0; h < e.length; h++)
+      r[e[h]] = +a[h];
+    return r;
+  }
+  ye() {
+    if (!this.ke || !this.me || !this.el)
+      return;
+    const { w: t, h: e, x: s, y: r } = this.me, { maxWidth: a, maxHeight: h, minWidth: c, minHeight: d } = getComputedStyle(this.el), k = Math.max(parseInt(c) / t, parseInt(d) / e), T = Math.min(parseInt(a) / t, parseInt(h) / e), y = T < 1 ? T : k > 1 ? k : 1;
+    this.le(this.el, "--thumbnail-width", `${t * y}px`), this.le(this.el, "--thumbnail-height", `${e * y}px`), this.le(this.ke, "width", `${this.ke.naturalWidth * y}px`), this.le(this.ke, "height", `${this.ke.naturalHeight * y}px`), this.le(this.ke, "transform", `translate(-${s * y}px, -${r * y}px)`);
+  }
+  le(t, e, s) {
+    t.style.setProperty(e, s), this.ne.push(() => t.style.removeProperty(e));
+  }
+  re() {
+    for (const t of this.ne)
+      t();
+    this.ne = [];
+  }
+  render() {
+    const { crossorigin: t } = this.j.$store;
+    return (() => {
+      const [e, s] = g(os);
+      return _(() => v(e, "src", this.Pb())), _(() => v(e, "crossorigin", t())), O(e, "load", this.ue.bind(this)), Bt(e, this.ve.bind(this)), e;
+    })();
+  }
+}
+n(Ht, "el", u({
+  tagName: "media-thumbnail",
+  props: { time: 0 }
+}));
+const hs = /* @__PURE__ */ p('<!$><media-thumbnail part="thumbnail" mk-d></media-thumbnail>');
+class Rt extends j {
+  constructor(t) {
+    super(t);
+    n(this, "j");
+    n(this, "Lb");
+    this.j = C(), this.Lb = jt(z);
+  }
+  Mb() {
+    const { duration: t } = this.j.$store;
+    return this.Lb.pointerRate() * t();
+  }
+  render() {
+    const t = this.Mb.bind(this);
+    return (() => {
+      const [e, s] = g(hs);
+      return _(() => v(e, "time", t())), nt(e), e;
+    })();
+  }
+}
+n(Rt, "el", u({
+  tagName: "media-slider-thumbnail"
+})), n(Rt, "register", [Ht]);
+const cs = /* @__PURE__ */ p('<!$><video muted="" playsinline="" preload="auto" part="video" style="max-width: unset"></video>');
+class ls extends j {
+  constructor() {
+    super(...arguments);
+    n(this, "j");
+    n(this, "Lb");
+    n(this, "qa", null);
+    n(this, "Nb", f(!1));
+    n(this, "Ob", f(!1));
+    n(this, "Pb");
+    n(this, "Qb");
+  }
+  onAttach() {
+    this.j = C(), this.Lb = jt(z), this.Pb = P(this.Sb.bind(this)), this.Qb = P(this.jb.bind(this)), this.setAttributes({
+      "data-loading": this.Tb.bind(this),
+      "aria-hidden": V(this.Qb)
+    }), l(this.Ub.bind(this)), l(this.Vb.bind(this));
+  }
+  onConnect() {
+    this.qa.readyState >= 2 && this.Rb();
+  }
+  render() {
+    const { crossorigin: t } = this.j.$store;
+    return (() => {
+      const [e, s] = g(cs);
+      return _(() => v(e, "src", this.Pb())), _(() => v(e, "crossorigin", t())), O(e, "canplay", this.Rb.bind(this)), O(e, "error", this.Wb.bind(this)), Bt(e, this.Xb.bind(this)), e;
+    })();
+  }
+  Sb() {
+    const { canLoad: t } = this.j.$store;
+    return t() ? this.$props.src() : null;
+  }
+  Tb() {
+    return !this.Nb() && !this.Qb();
+  }
+  jb() {
+    const { duration: t } = this.j.$store;
+    return !!this.Ob() || !this.Nb() || !Number.isFinite(t());
+  }
+  Ub() {
+    this.Pb(), this.Nb.set(!1), this.Ob.set(!1);
+  }
+  Rb(t) {
+    this.Nb.set(!0), this.dispatch("can-play", { trigger: t });
+  }
+  Wb(t) {
+    this.Ob.set(!0), this.dispatch("error", { trigger: t });
+  }
+  Vb() {
+    const { duration: t } = this.j.$store, { pointerRate: e } = this.Lb;
+    this.Nb() && this.qa && Number.isFinite(t()) && Number.isFinite(e()) && (this.qa.currentTime = e() * t());
+  }
+  Xb(t) {
+    this.qa = t;
+  }
+}
+n(ls, "el", u({
+  tagName: "media-slider-video",
+  props: { src: void 0 }
+}));
+function ut(o, i) {
+  const t = String(o), e = t.length;
+  if (e < i) {
+    const r = i - e;
+    return `${"0".repeat(r)}${o}`;
+  }
+  return t;
+}
+function Jt(o) {
+  const i = Math.trunc(o / 3600), t = Math.trunc(o % 3600 / 60), e = Math.trunc(o % 60), s = Number((o - Math.trunc(o)).toPrecision(3));
+  return {
+    hours: i,
+    minutes: t,
+    seconds: e,
+    fraction: s
+  };
+}
+function ct(o, i = !1, t = !1, e = !1) {
+  const { hours: s, minutes: r, seconds: a } = Jt(o), h = i ? ut(s, 2) : s, c = t ? ut(r, 2) : r, d = ut(a, 2);
+  return s > 0 || e ? `${h}:${c}:${d}` : `${c}:${d}`;
+}
+function mt(o) {
+  const i = [], { hours: t, minutes: e, seconds: s } = Jt(o);
+  return t > 0 && i.push(`${t} hour`), e > 0 && i.push(`${e} min`), (s > 0 || i.length === 0) && i.push(`${s} sec`), i.join(" ");
+}
+const ds = /* @__PURE__ */ p("<!$><span><!$></span>");
+class us extends j {
+  constructor() {
+    super(...arguments);
+    n(this, "Yb");
+    n(this, "Zb");
+    n(this, "Lb");
+  }
+  onAttach() {
+    this.Lb = jt(z), this.Yb = I(yt), this.Zb = P(this._b.bind(this));
+  }
+  _b() {
+    var tt, At;
+    const { type: t, format: e, decimalPlaces: s, padHours: r, padMinutes: a, showHours: h } = this.$props, { value: c, pointerValue: d, min: k, max: T } = this.Lb, y = t() === "current" ? c() : d();
+    if (e() === "percent") {
+      const ie = T() - k(), re = y / ie * 100;
+      return (this.Yb.percent ?? A)(re, s()) + "﹪";
+    } else return e() === "time" ? (this.Yb.time ?? ct)(y, r(), a(), h()) : ((At = (tt = this.Yb).value) == null ? void 0 : At.call(tt, y)) ?? y.toFixed(2);
+  }
+  render() {
+    return (() => {
+      const [t, e] = g(ds), s = e.nextNode();
+      return L(s, this.Zb), t;
+    })();
+  }
+}
+n(us, "el", u({
+  tagName: "media-slider-value",
+  props: {
+    type: "current",
+    format: void 0,
+    showHours: !1,
+    padHours: !1,
+    padMinutes: !1,
+    decimalPlaces: 2
+  }
+}));
+class ps extends _t {
+  constructor() {
+    super(...arguments);
+    n(this, "pb", !0);
+    n(this, "$b", vt(this.ac.bind(this), 25));
+  }
+  onAttach(t) {
+    H(t, "aria-label", "Media volume"), super.onAttach(t), ue().then((e) => {
+      e || b(t, "aria-hidden", "true");
+    }), l(this.D.bind(this));
+  }
+  D() {
+    const { muted: t, volume: e } = this.j.$store, s = t() ? 0 : e() * 100;
+    this.$store.value.set(s), this.dispatch("value-change", { detail: s });
+  }
+  ac(t) {
+    if (!t.trigger)
+      return;
+    const e = A(t.detail / 100, 3);
+    this.j.remote.changeVolume(e, t);
+  }
+  Hb(t) {
+    this.$b(t);
+  }
+  Kb(t) {
+    this.$b(t);
+  }
+  xb() {
+    return 0;
+  }
+  yb() {
+    return 100;
+  }
+}
+n(ps, "el", u({
+  tagName: "media-volume-slider",
+  props: {
+    ...kt,
+    min: K({ value: 0, attribute: !1 }),
+    max: K({ value: 100, attribute: !1 }),
+    value: K({ value: 100, attribute: !1 })
+  },
+  store: z
+}));
+class Q {
+  constructor(i) {
+    n(this, "Fg");
+    n(this, "Gg");
+    n(this, "Eg", /* @__PURE__ */ new Map());
+    n(this, "Hg", f([]));
+    n(this, "uc", W(this.na.bind(this)));
+    this.Fg = i.firstChild, this.Gg = new MutationObserver(this.o.bind(this)), this.Gg.observe(this.Fg, { subtree: !0, childList: !0 }), l(this.Ig.bind(this)), at(this.Jg.bind(this));
+  }
+  o(i) {
+    const t = Array.from(this.Eg.keys()).join(",");
+    for (const e of i)
+      for (const s of e.addedNodes)
+        xe(s) && s.matches(t) && this.uc();
+  }
+  dc(i, t) {
+    return this.Eg.set(i, t), this.Hg.set((e) => [...e, t]), this;
+  }
+  na() {
+    for (const [i, t] of this.Eg) {
+      const e = m(t);
+      for (const s of this.Fg.querySelectorAll(i))
+        b(s, "class", e);
+    }
+  }
+  Ig() {
+    for (const i of this.Hg())
+      i();
+    this.uc();
+  }
+  Jg() {
+    this.Hg.set([]), this.Eg.clear(), this.Gg.disconnect();
+  }
+}
+const bs = /* @__PURE__ */ p('<div part="chapters"></div>'), ms = /* @__PURE__ */ p('<div part="chapter-container"><div part="chapter"><div part="track"></div><div part="track track-fill" style="width: 0%"></div><div part="track track-progress" style="width: 0%"></div></div></div>');
+class gs {
+  constructor(i, t, e) {
+    n(this, "Kg", []);
+    n(this, "Mg", []);
+    n(this, "Lg", 0);
+    n(this, "Ng", 0);
+    n(this, "$g", W((i) => {
+      let t;
+      for (let e = this.Ng; e < this.Mg.length; e++)
+        if (t = this.Og(this.Kg[e], i), this.Zg(this.Mg[e]).style.width = t + "%", t < 100) {
+          this.Ng = e;
+          break;
+        }
+    }));
+    n(this, "ah", P(this.bh.bind(this)));
+    this.j = i, this.Lb = t, this.Hc = e;
+  }
+  render(i, t) {
+    return i != null && i.length ? ve(
+      () => (() => {
+        const e = Nt(bs);
+        return _(() => v(e, "class", t())), je(e, () => this.Sg(i)), e;
+      })()
+    ) : null;
+  }
+  Sg(i) {
+    this.Kg = this.Tg(i);
+    const t = this.Kg[0];
+    this.Hc(t.startTime === 0 ? t.text : "");
+    for (let e = 0; e < this.Kg.length; e++)
+      this.Mg.push(this.Ug());
+    return this.Vg(), l(this.Wg.bind(this)), l(this.Xg.bind(this)), l(this.Yg.bind(this)), at(() => {
+      this.Mg = [], this.Lg = 0, this.Ng = 0;
+    }), this.Mg;
+  }
+  Ug() {
+    return Nt(ms);
+  }
+  Pg(i) {
+    return i.firstChild.firstChild.nextSibling;
+  }
+  Zg(i) {
+    return i.firstChild.lastChild;
+  }
+  _g() {
+    return this.Kg[this.Kg.length - 1].endTime;
+  }
+  Vg() {
+    let i, t = this._g();
+    for (let e = 0; e < this.Kg.length; e++)
+      i = this.Kg[e], this.Mg[e].style.width = A((i.endTime - i.startTime) / t * 100, 3) + "%";
+  }
+  Wg() {
+    let { fillPercent: i, value: t, pointing: e } = this.Lb, s = this.Kg[this.Lg], r = this.Qg(
+      s.startTime <= m(t) ? this.Lg : 0,
+      i()
+    );
+    r > this.Lg ? this.Rg(this.Lg, r, "100%") : r < this.Lg && this.Rg(r + 1, this.Lg + 1, "0%"), !m(e) && this.Lg !== r && this.Hc(this.Kg[r].text);
+    let a = this.Pg(this.Mg[r]), h = this.Og(this.Kg[r], i()) + "%";
+    a.style.width !== h && (a.style.width = h), this.Lg = r;
+  }
+  Xg() {
+    let { pointing: i, pointerPercent: t } = this.Lb;
+    if (!i())
+      return;
+    const e = this.Qg(0, t());
+    this.Hc(this.Kg[e].text);
+  }
+  Rg(i, t, e) {
+    for (let s = i; s < t; s++)
+      this.Pg(this.Mg[s]).style.width = e;
+  }
+  Qg(i, t) {
+    let e = 0;
+    for (let s = i; s < this.Kg.length; s++)
+      if (e = this.Og(this.Kg[s], t), e >= 0 && e < 100)
+        return s;
+    return 0;
+  }
+  Yg() {
+    this.$g(this.ah());
+  }
+  bh() {
+    const { bufferedEnd: i, duration: t } = this.j;
+    return A(Math.min(i() / Math.max(t(), 1), 1), 3) * 100;
+  }
+  Og(i, t) {
+    const e = this.Kg[this.Kg.length - 1], s = i.startTime / e.endTime * 100, r = i.endTime / e.endTime * 100;
+    return Math.max(
+      0,
+      A(
+        t >= r ? 100 : (t - s) / (r - s) * 100,
+        3
+      )
+    );
+  }
+  Tg(i) {
+    const t = [];
+    for (let e = 0; e < i.length - 1; e++) {
+      const s = i[e], r = i[e + 1];
+      if (t.push(s), r) {
+        const a = r.startTime - s.endTime;
+        a > 0 && t.push(new window.VTTCue(s.endTime, s.endTime + a, ""));
+      }
+    }
+    return t.push(i[i.length - 1]), t;
+  }
+}
+class Cs extends _t {
+  constructor(t) {
+    super(t);
+    n(this, "pb", !0);
+    n(this, "tc", !0);
+    n(this, "ec");
+    n(this, "ya", f(null));
+    n(this, "gc");
+    n(this, "hc");
+    n(this, "fc", !1);
+    // -------------------------------------------------------------------------------------------
+    // Chapters
+    // -------------------------------------------------------------------------------------------
+    n(this, "cc", null);
+    n(this, "ic", f(""));
+    Y(yt, {
+      value: this.jc.bind(this),
+      time: this.kc.bind(this)
+    });
+  }
+  onAttach(t) {
+    H(t, "aria-label", "Media time"), super.onAttach(t), this.gc = new gs(
+      this.j.$store,
+      this.$store,
+      this.ic.set
+    ), this.setAttributes({
+      "data-chapters": this.lc.bind(this)
+    }), this.setStyles({
+      "--media-buffered-percent": this.mc.bind(this)
+    }), l(this.E.bind(this)), l(this.nc.bind(this)), l(this.oc.bind(this)), rt(() => {
+      l(this.pc.bind(this));
+    });
+  }
+  mc() {
+    const { bufferedEnd: t, duration: e } = this.j.$store;
+    return A(Math.min(t() / Math.max(e(), 1), 1) * 100, 3) + "%";
+  }
+  lc() {
+    var e, s;
+    const { duration: t } = this.j.$store;
+    return (e = this.hc) == null || e.uc(), ((s = this.ya()) == null ? void 0 : s.cues.length) && Number.isFinite(t()) && t() > 0;
+  }
+  onConnect(t) {
+    super.onConnect(t), this.Ra(), $(this.j.textTracks, "mode-change", this.Ra.bind(this));
+    const { chapterContainerClass: e, chapterClass: s, trackClass: r, trackFillClass: a, trackProgressClass: h } = this.$props;
+    this.hc = new Q(t).dc('[part="chapter-container"]', e).dc('[part="chapter"]', s).dc('[part="track"]', r).dc('[part~="track-fill"]', a).dc('[part~="track-progress"]', h);
+  }
+  render() {
+    const t = super.render(), { chaptersClass: e } = this.$props;
+    return [$t(() => {
+      var s;
+      return this.gc.render((s = this.ya()) == null ? void 0 : s.cues, e);
+    }), t];
+  }
+  nc() {
+    this.ec = vt(
+      this.$a.bind(this),
+      this.$props.seekingRequestThrottle()
+    );
+  }
+  E() {
+    const { currentTime: t } = this.j.$store, { value: e, dragging: s } = this.$store, r = this.qc(t());
+    m(s) || (e.set(r), this.dispatch("value-change", { detail: r }));
+  }
+  pc() {
+    const t = this.j.player;
+    t && this.lb && b(t, "data-preview", this.$store.interactive());
+  }
+  $a(t, e) {
+    this.j.remote.seeking(t, e);
+  }
+  rc(t, e, s) {
+    this.ec.cancel();
+    const { live: r } = this.j.$store;
+    if (r() && e >= 99) {
+      this.j.remote.seekToLiveEdge(s);
+      return;
+    }
+    this.j.remote.seek(t, s);
+  }
+  Ib(t) {
+    const { pauseWhileDragging: e } = this.$props;
+    if (e()) {
+      const { paused: s } = this.j.$store;
+      this.fc = !s(), this.j.remote.pause(t);
+    }
+  }
+  Kb(t) {
+    this.ec(this.bc(t.detail), t);
+  }
+  Jb(t) {
+    const e = t.detail;
+    this.rc(this.bc(e), e, t);
+    const { pauseWhileDragging: s } = this.$props;
+    s() && this.fc && (this.j.remote.play(t), this.fc = !1);
+  }
+  Hb(t) {
+    const { dragging: e } = this.$store;
+    e() || !t.trigger || this.Jb(t);
+  }
+  // -------------------------------------------------------------------------------------------
+  // Props
+  // -------------------------------------------------------------------------------------------
+  vb() {
+    const t = this.$props.step() / this.j.$store.duration() * 100;
+    return Number.isFinite(t) ? t : 1;
+  }
+  Fb() {
+    const t = this.$props.keyStep() / this.j.$store.duration() * 100;
+    return Number.isFinite(t) ? t : 1;
+  }
+  Gb(t) {
+    return A(t, 3);
+  }
+  mb() {
+    const { canSeek: t } = this.j.$store;
+    return super.mb() || !t();
+  }
+  // -------------------------------------------------------------------------------------------
+  // ARIA
+  // -------------------------------------------------------------------------------------------
+  xb() {
+    return 0;
+  }
+  yb() {
+    return 100;
+  }
+  Ab() {
+    const t = this.bc(this.$store.value()), { duration: e } = this.j.$store;
+    return Number.isFinite(t) ? `${mt(t)} out of ${mt(e())}` : "live";
+  }
+  // -------------------------------------------------------------------------------------------
+  // Format
+  // -------------------------------------------------------------------------------------------
+  bc(t) {
+    const { duration: e } = this.j.$store;
+    return Math.round(t / 100 * e());
+  }
+  qc(t) {
+    const { liveEdge: e, duration: s } = this.j.$store, r = Math.max(0, Math.min(1, e() ? 1 : Math.min(t, s()) / s()));
+    return Number.isNaN(r) ? 0 : Number.isFinite(r) ? r * 100 : 100;
+  }
+  jc(t) {
+    const e = this.bc(t), { live: s, duration: r } = this.j.$store;
+    return Number.isFinite(e) ? (s() ? e - r() : e).toFixed(0) : "LIVE";
+  }
+  kc(t, e, s, r) {
+    const a = this.bc(t), { live: h, duration: c } = this.j.$store, d = h() ? a - c() : a;
+    return Number.isFinite(a) ? `${d < 0 ? "-" : ""}${ct(
+      Math.abs(d),
+      e,
+      xt(s) ? Math.abs(d) >= 3600 : s,
+      r
+    )}` : "LIVE";
+  }
+  Ra() {
+    Gt(this.j.textTracks, m(this.ya), this.ya.set);
+  }
+  oc() {
+    var t;
+    if (this.ya(), this.cc = ((t = this.el) == null ? void 0 : t.querySelector('[part="chapter-title"]')) ?? null, !!this.cc)
+      return l(this.sc.bind(this)), () => {
+        this.cc.textContent = "", this.cc = null;
+      };
+  }
+  sc() {
+    this.cc.textContent = this.ic();
+  }
+}
+n(Cs, "el", u({
+  tagName: "media-time-slider",
+  props: {
+    ...kt,
+    min: K({ value: 0, attribute: !1 }),
+    max: K({ value: 100, attribute: !1 }),
+    value: K({ value: 0, attribute: !1 }),
+    pauseWhileDragging: !1,
+    seekingRequestThrottle: 100,
+    chaptersClass: null,
+    chapterContainerClass: null,
+    chapterClass: null
+  },
+  store: z
+}));
+const S = ot(), fs = /* @__PURE__ */ [
+  "a[href]",
+  "[tabindex]",
+  "input",
+  "select",
+  "button"
+].map((o) => `${o}:not([aria-hidden])`).join(","), Dt = /* @__PURE__ */ new Set([
+  "Escape",
+  "Tab",
+  "ArrowUp",
+  "ArrowDown",
+  "Home",
+  "PageUp",
+  "End",
+  "PageDown",
+  "Enter",
+  " "
+]);
+class $s {
+  constructor(i) {
+    n(this, "zd", 0);
+    n(this, "dh", null);
+    n(this, "ch", []);
+    this.jg = i;
+  }
+  get a() {
+    return this.ch;
+  }
+  hd(i) {
+    $(i, "focus", this.Te.bind(this)), this.dh = i;
+  }
+  gd() {
+    this.dh && (this.na(), $(this.dh, "keyup", this.Ya.bind(this)), $(this.dh, "keydown", this.Za.bind(this)), at(() => {
+      this.zd = 0, this.ch = [];
+    }));
+  }
+  na() {
+    this.zd = 0, this.ch = this.hh();
+  }
+  kd(i = this.gh()) {
+    const t = this.ch[i], e = this.jg.dd();
+    t && e && requestAnimationFrame(() => {
+      e.scrollTop = t.offsetTop - e.offsetHeight / 2 + t.offsetHeight / 2;
+    });
+  }
+  eh(i) {
+    var t;
+    this.zd = i, (t = this.ch[i]) == null || t.focus(), this.kd(i);
+  }
+  gh() {
+    return this.ch.findIndex((i) => i.getAttribute("aria-checked") === "true");
+  }
+  Te() {
+    setTimeout(() => {
+      const i = this.gh();
+      this.eh(i >= 0 ? i : 0);
+    }, 100);
+  }
+  Ya(i) {
+    Dt.has(i.key) && (i.stopPropagation(), i.preventDefault());
+  }
+  Za(i) {
+    if (Dt.has(i.key))
+      switch (i.stopPropagation(), i.preventDefault(), i.key) {
+        case "Escape":
+          this.jg.ed(i);
+          break;
+        case "Tab":
+          this.eh(this.fh(i.shiftKey ? -1 : 1));
+          break;
+        case "ArrowUp":
+          this.eh(this.fh(-1));
+          break;
+        case "ArrowDown":
+          this.eh(this.fh(1));
+          break;
+        case "Home":
+        case "PageUp":
+          this.eh(0);
+          break;
+        case "End":
+        case "PageDown":
+          this.eh(this.ch.length - 1);
+          break;
+      }
+  }
+  fh(i) {
+    let t = this.zd;
+    do
+      t = (t + i + this.ch.length) % this.ch.length;
+    while (this.ch[t].offsetParent === null);
+    return t;
+  }
+  hh() {
+    if (!this.dh)
+      return [];
+    const i = this.dh.querySelectorAll(fs), t = [], e = (s) => s.hasAttribute("data-media-menu-items");
+    for (const s of i)
+      s instanceof HTMLElement && s.offsetParent !== null && // does not have display: none
+      zt(this.dh, s, e) && t.push(s);
+    return t;
+  }
+}
+var vs = Object.defineProperty, js = Object.getOwnPropertyDescriptor, te = (o, i, t, e) => {
+  for (var s = js(i, t), r = o.length - 1, a; r >= 0; r--)
+    (a = o[r]) && (s = a(i, t, s) || s);
+  return s && vs(i, t, s), s;
+};
+let xs = 0;
+class Lt extends j {
+  constructor(t) {
+    super(t);
+    n(this, "j");
+    n(this, "Bc");
+    n(this, "Cc");
+    n(this, "wc", f(!1));
+    n(this, "Ic", f(!1));
+    n(this, "Jc", f(!1));
+    n(this, "xc");
+    n(this, "yc", /* @__PURE__ */ new Set());
+    n(this, "Dc", null);
+    n(this, "vc", null);
+    n(this, "Ac", null);
+    n(this, "zc");
+    n(this, "ld", this.Ec.bind(this));
+    n(this, "$c", this.ad.bind(this));
+    n(this, "Zc", this.bd.bind(this));
+    n(this, "_c", this.cd.bind(this));
+    this.j = C();
+    const e = ++xs;
+    this.Bc = `media-menu-${e}`, this.Cc = `media-menu-button-${e}`, it(S) && (this.xc = I(S)), this.zc = new $s({
+      dd: this.Sc.bind(this),
+      ed: this.close.bind(this)
+    }), Y(S, {
+      wc: this.wc,
+      fd: f(""),
+      Ec: this.Ec.bind(this),
+      Kc: this.Kc.bind(this),
+      Lc: this.Lc.bind(this),
+      Mc: this.Mc.bind(this),
+      Nc: this.Nc.bind(this),
+      Fc: this.Fc.bind(this)
+    });
+  }
+  onAttach(t) {
+    const { position: e } = this.$props;
+    this.setAttributes({
+      position: e,
+      "data-open": this.wc,
+      "data-submenu": !!this.xc,
+      "data-disabled": this.mb.bind(this),
+      "data-media-menu": !0
+    });
+  }
+  onConnect(t) {
+    var e;
+    this.xc || l(this.Oc.bind(this)), l(this.Tc.bind(this)), (e = this.xc) == null || e.Fc(t), requestAnimationFrame(() => this.n());
+  }
+  onDestroy() {
+    this.Pc(), this.Dc = null, this.vc = null, this.Ac = null;
+  }
+  Pc() {
+    var e, s;
+    if (!this.vc || (e = this.el) != null && e.contains(this.vc))
+      return;
+    const t = (s = this.vc) == null ? void 0 : s.parentElement;
+    this.el.append(this.vc), (t == null ? void 0 : t.localName) === "media-menu" && (t.destroy(), t.remove());
+  }
+  Oc() {
+    var c, d;
+    if (!this.el)
+      return;
+    const { breakpointX: t, breakpointY: e, viewType: s, orientation: r, fullscreen: a } = this.j.$store, h = s() === "audio" ? t() === "sm" : e() === "sm";
+    if (!(!this.vc || this.xc)) {
+      if (b(this.el, "data-popup", h), b(this.el, "data-popup-wide", h && r() === "landscape"), h && !a() && (d = (c = this.el).contains) != null && d.call(c, this.vc)) {
+        const k = this.el.cloneNode();
+        k.appendChild(this.vc), requestAnimationFrame(() => {
+          if (!this.el)
+            return;
+          const T = "--media-focus-ring", y = getComputedStyle(this.el).getPropertyValue(T);
+          y && M(k, T, y);
+        }), ge(() => {
+          document.body.append(k);
+        }, this.j.scope);
+      }
+      return this.n(), () => this.Pc();
+    }
+  }
+  Tc() {
+    const t = this.Qc();
+    if (this.n(), this.Rc(t), !t)
+      return;
+    this.zc.gd();
+    const e = this.Uc();
+    e && B(e, this.Vc.bind(this)), this.listen("pointerup", this.Wc.bind(this)), $(window, "pointerup", this.Xc.bind(this));
+  }
+  Kc(t) {
+    const e = !!this.xc, s = this.Qc.bind(this), r = V(s), a = V(this.mb.bind(this));
+    H(t, "tabindex", e ? "-1" : "0"), H(t, "role", e ? "menuitem" : "button"), b(t, "id", this.Cc), b(t, "aria-controls", this.Bc), b(t, "aria-haspopup", "true"), l(() => {
+      b(t, "aria-disabled", a()), b(t, "aria-expanded", r()), e || b(t, "aria-pressed", r()), b(t, "data-pressed", s());
+    }), b(t, "data-media-button", !e), b(t, "data-media-menu-button", ""), B(t, this.Yc.bind(this)), this.Dc = t;
+  }
+  Lc(t) {
+    H(t, "role", "menu"), H(t, "tabindex", "-1"), b(t, "id", this.Bc), b(t, "aria-describedby", this.Cc), b(t, "data-media-menu-items", ""), this.vc = t, this.zc.hd(t), this.Oc(), this.Rc(m(this.wc));
+  }
+  Mc(t) {
+    this.Ac = t;
+  }
+  Rc(t) {
+    this.vc && b(this.vc, "aria-hidden", ft(!t));
+  }
+  Nc(t) {
+    this.Jc.set(t);
+  }
+  Yc(t) {
+    var e;
+    this.xc && t.stopPropagation(), !this.mb() && (this.wc.set((s) => !s), this.Gc(), dt(), q(t) && ((e = this.vc) == null || e.focus()), this.Hc(t));
+  }
+  Hc(t) {
+    var s, r, a, h, c;
+    const e = m(this.wc);
+    this.dispatch(e ? "open" : "close", { trigger: t }), e ? (this.xc || ((s = this.j.activeMenu) == null || s.close(t), this.j.activeMenu = this), (a = (r = this.Ac) == null ? void 0 : r.id) == null || a.call(r, t)) : (this.xc || (setTimeout(() => {
+      for (const d of this.yc)
+        d.close(t);
+    }, 300), this.j.activeMenu = null), (c = (h = this.Ac) == null ? void 0 : h.jd) == null || c.call(h, t)), e && !q(t) && requestAnimationFrame(() => {
+      this.zc.na(), setTimeout(() => {
+        this.zc.kd();
+      }, 100);
+    });
+  }
+  Qc() {
+    return !this.mb() && this.wc();
+  }
+  mb() {
+    return this.Ic() || this.Jc();
+  }
+  Ec(t) {
+    this.Ic.set(t);
+  }
+  Wc(t) {
+    t.stopPropagation();
+  }
+  Xc() {
+    if (this.xc)
+      return setTimeout(this.close.bind(this), 800);
+    this.close();
+  }
+  Vc(t) {
+    t.stopPropagation(), this.close(t);
+  }
+  Uc() {
+    const t = this.el.querySelector('[slot="close-target"]');
+    return zt(this.el, t) ? t : null;
+  }
+  Sc() {
+    if (this.xc) {
+      let t = this.el;
+      for (; t && t.tagName !== "media-menu" && t.hasAttribute("data-submenu"); )
+        t = t.parentNode;
+      return t;
+    } else
+      return this.vc;
+  }
+  Gc(t) {
+    this.xc || (this.wc() ? this.j.remote.pauseUserIdle(t) : this.j.remote.resumeUserIdle(t));
+  }
+  Fc(t) {
+    this.yc.add(t), $(t, "open", this.Zc), $(t, "close", this._c), at(this.$c);
+  }
+  ad(t) {
+    this.yc.delete(t);
+  }
+  bd(t) {
+    for (const e of this.yc)
+      e !== t.target && e.setAttribute("aria-hidden", "true");
+    this.n();
+  }
+  cd() {
+    for (const t of this.yc)
+      t.removeAttribute("aria-hidden");
+    this.n();
+  }
+  n() {
+    var r;
+    if (!this.vc)
+      return;
+    let t = getComputedStyle(this.vc), e = parseFloat(t.paddingTop) + parseFloat(t.paddingBottom), s = [...this.vc.children];
+    ((r = s[0]) == null ? void 0 : r.localName) === "shadow-root" && s.push(...s[0].children);
+    for (const a of s)
+      e += a.offsetHeight;
+    requestAnimationFrame(() => {
+      this.vc && (b(this.vc, "data-resizing", ""), setTimeout(() => {
+        this.vc && b(this.vc, "data-resizing", !1);
+      }, 250), M(this.vc, "--menu-height", e + "px"));
+    });
+  }
+  open(t) {
+    var e;
+    m(this.wc) || (this.wc.set(!0), dt(), this.Hc(t), q(t) && ((e = this.vc) == null || e.focus()), this.Gc(t));
+  }
+  close(t) {
+    m(this.wc) && (this.wc.set(!1), dt(), q(t) && requestAnimationFrame(() => {
+      var e;
+      (e = this.Dc) == null || e.focus();
+    }), this.Hc(t), this.Gc(t));
+  }
+}
+n(Lt, "el", u({
+  tagName: "media-menu",
+  props: { position: null }
+}));
+te([
+  Wt
+], Lt.prototype, "open");
+te([
+  Wt
+], Lt.prototype, "close");
+class X extends j {
+  constructor(t) {
+    super(t);
+    n(this, "md");
+    this.md = I(S), new D(t), new wt(t);
+  }
+  onAttach(t) {
+    this.md.Kc(t), l(this.rb.bind(this));
+  }
+  onConnect(t) {
+    const e = Array.from(t.querySelectorAll('[slot="hint"]')).pop();
+    e && l(() => {
+      const s = this.md.fd();
+      s && (e.textContent = s);
+    });
+  }
+  rb() {
+    this.md.Nc(this.$props.disabled());
+  }
+}
+n(X, "el", u({
+  tagName: "media-menu-button",
+  props: { disabled: !1 }
+}));
+class U extends j {
+  constructor(t) {
+    super(t);
+    n(this, "md");
+    this.md = I(S), new D(t);
+  }
+  onAttach(t) {
+    this.md.Lc(t);
+  }
+}
+n(U, "el", u({
+  tagName: "media-menu-items"
+}));
+const gt = ot();
+var ws = Object.defineProperty, ks = Object.getOwnPropertyDescriptor, ee = (o, i, t, e) => {
+  for (var s = ks(i, t), r = o.length - 1, a; r >= 0; r--)
+    (a = o[r]) && (s = a(i, t, s) || s);
+  return s && ws(i, t, s), s;
+};
+class N extends j {
+  constructor(t) {
+    super(t);
+    n(this, "td", /* @__PURE__ */ new Set());
+    n(this, "sd", f(""));
+    n(this, "yd", this.Hc.bind(this));
+    Y(gt, {
+      add: this.wd.bind(this),
+      remove: this.xd.bind(this)
+    });
+  }
+  get values() {
+    return Array.from(this.td).map((t) => t.sd());
+  }
+  get value() {
+    return this.sd();
+  }
+  set value(t) {
+    this.Hc(t);
+  }
+  onAttach(t) {
+    it(S) || H(t, "role", "radiogroup"), this.ud(), this.setAttributes({ value: this.sd });
+  }
+  onConnect() {
+    l(this.ud.bind(this));
+  }
+  onDestroy() {
+    this.td.clear();
+  }
+  wd(t) {
+    this.td.has(t) || (this.td.add(t), t.qd = this.yd, t.pd(t.sd() === this.sd()));
+  }
+  xd(t) {
+    t.qd = null, this.td.delete(t);
+  }
+  ud() {
+    this.Hc(this.$props.value());
+  }
+  Hc(t, e) {
+    const s = m(this.sd);
+    if (!t || t === s)
+      return;
+    const r = this.vd(s), a = this.vd(t);
+    r == null || r.pd(!1, e), a == null || a.pd(!0, e), this.sd.set(t), this.dispatch("change", { trigger: e });
+  }
+  vd(t) {
+    for (const e of this.td)
+      if (t === m(e.sd))
+        return e;
+    return null;
+  }
+}
+n(N, "el", u({
+  tagName: "media-radio-group",
+  props: { value: "" }
+}));
+ee([
+  ht
+], N.prototype, "values");
+ee([
+  ht
+], N.prototype, "value");
+var ys = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, Hs = (o, i, t, e) => {
+  for (var s = _s(i, t), r = o.length - 1, a; r >= 0; r--)
+    (a = o[r]) && (s = a(i, t, s) || s);
+  return s && ys(i, t, s), s;
+};
+const Ls = /* @__PURE__ */ p('<!$><div part="check"></div>');
+class Z extends j {
+  constructor(t) {
+    super(t);
+    n(this, "nd", f(!1));
+    n(this, "od", {
+      sd: this.$props.value,
+      pd: this.pd.bind(this),
+      qd: null
+    });
+    new D(t);
+  }
+  get checked() {
+    return this.nd();
+  }
+  onAttach() {
+    l(this.sb.bind(this)), this.rd();
+    const t = it(S);
+    this.setAttributes({
+      value: this.$props.value,
+      role: t ? "menuitemradio" : "radio",
+      tabindex: t ? -1 : 0,
+      "aria-checked": V(this.nd)
+    });
+  }
+  onConnect(t) {
+    this.rd(), B(t, this.gb.bind(this));
+  }
+  onDisconnect() {
+    I(gt).remove(this.od);
+  }
+  rd() {
+    I(gt).add(this.od);
+  }
+  sb() {
+    var s, r;
+    const { value: t } = this.$props, e = t();
+    m(this.nd) && ((r = (s = this.od).qd) == null || r.call(s, e));
+  }
+  gb(t) {
+    var e, s;
+    m(this.nd) || (this.nd.set(!0), this.dispatch("change", { trigger: t }), (s = (e = this.od).qd) == null || s.call(e, m(this.$props.value), t));
+  }
+  pd(t, e) {
+    m(this.nd) !== t && (this.nd.set(t), this.dispatch("change", { trigger: e }));
+  }
+  render() {
+    return st(Ls);
+  }
+}
+n(Z, "el", u({
+  tagName: "media-radio",
+  props: { value: "" }
+}));
+Hs([
+  ht
+], Z.prototype, "checked");
+const As = /* @__PURE__ */ p("<!$><media-radio-group mk-d><!$></media-radio-group>"), Vs = /* @__PURE__ */ p("<!$><media-radio mk-d><!$></media-radio>");
+function J(o) {
+  const { value: i, onChange: t, radioGroupClass: e } = o;
+  return (() => {
+    const [s, r] = g(As), a = r.nextNode();
+    return _(() => v(s, "class", e())), O(s, "change", t), Ut(() => {
+      L(a, () => Ts(o));
+    }, nt(s, { value: i })), s;
+  })();
+}
+function Ts(o) {
+  const { options: i } = o;
+  return i().map((t) => (() => {
+    const [e, s] = g(Vs), r = s.nextNode();
+    return v(e, "part", o.part), Ut(() => {
+      L(r, t.content);
+    }, nt(e, { value: t.value })), e;
+  })());
+}
+const Ms = /* @__PURE__ */ p('<!$><media-thumbnail part="thumbnail" mk-d></media-thumbnail>'), Ps = /* @__PURE__ */ p('<!$><div part="content"><div part="title"><!$></div><div part="start-time"><!$></div><div part="duration"><!$></div></div>');
+class Ft extends U {
+  constructor(t) {
+    super(t);
+    n(this, "j");
+    n(this, "zd", f(0));
+    n(this, "ya", f(null));
+    this.j = C();
+  }
+  onAttach(t) {
+    super.onAttach(t), this.md.Mc({
+      id: this.id.bind(this)
+    }), this.setAttributes({
+      "data-thumbnails": this.Ad.bind(this)
+    });
+  }
+  id() {
+    m(() => this.E());
+  }
+  onConnect(t) {
+    l(this.E.bind(this)), l(this.Bd.bind(this)), this.Ra(), $(this.j.textTracks, "mode-change", this.Ra.bind(this));
+    const {
+      chapterClass: e,
+      thumbnailClass: s,
+      contentClass: r,
+      titleClass: a,
+      startTimeClass: h,
+      durationClass: c
+    } = this.$props;
+    new Q(t).dc('[part="chapter"]', e).dc('[part="thumbnail"]', s).dc('[part="content"]', r).dc('[part="title"]', a).dc('[part="start-time"]', h).dc('[part="duration"]', c);
+  }
+  Ad() {
+    const { thumbnailCues: t } = this.j.$store;
+    return t().length > 0;
+  }
+  E() {
+    if (!this.md.wc())
+      return;
+    const t = this.ya();
+    if (!t) {
+      this.zd.set(-1);
+      return;
+    }
+    const { currentTime: e } = this.j.$store, s = e(), r = t.cues.findIndex((a) => Ce(a, s));
+    if (this.zd.set(r), r >= 0) {
+      const a = t.cues[r], h = this.el.querySelector("shadow-root media-radio[aria-checked='true']"), c = (s - a.startTime) / (a.endTime - a.startTime) * 100;
+      h && M(h, "--played-percent", A(c, 3) + "%");
+    }
+  }
+  Bd() {
+    this.md.Ec(this.mb());
+  }
+  mb() {
+    const t = this.ya();
+    return !t || !t.cues.length;
+  }
+  Hc(t) {
+    var r;
+    if (this.mb() || !t.trigger)
+      return;
+    const e = +t.target.value, s = (r = this.ya()) == null ? void 0 : r.cues;
+    Qt(e) && (s != null && s[e]) && (this.zd.set(e), this.j.remote.seek(s[e].startTime, t));
+  }
+  Ra() {
+    Gt(this.j.textTracks, m(this.ya), this.ya.set);
+  }
+  Cd() {
+    return this.zd() + "";
+  }
+  Dd() {
+    const t = this.ya();
+    return t ? t.cues.map((e, s) => ({
+      value: s + "",
+      content: () => [
+        (() => {
+          const r = $t(
+            () => this.Ad() && (() => {
+              const [a, h] = g(Ms);
+              return nt(a, { time: e.startTime }), a;
+            })()
+          );
+          return r(), r;
+        })(),
+        (() => {
+          const [r, a] = g(Ps), h = a.nextNode(), c = a.nextNode(), d = a.nextNode();
+          return L(h, e.text), L(c, () => ct(e.startTime, !1, e.startTime >= 3600)), L(d, () => mt(e.endTime - e.startTime)), r;
+        })()
+      ]
+    })) : [];
+  }
+  render() {
+    const { containerClass: t } = this.$props;
+    return J({
+      part: "chapter",
+      value: this.Cd.bind(this),
+      options: this.Dd.bind(this),
+      radioGroupClass: t,
+      onChange: this.Hc.bind(this)
+    });
+  }
+}
+n(Ft, "el", u({
+  tagName: "media-chapters-menu-items",
+  props: {
+    containerClass: null,
+    chapterClass: null,
+    thumbnailClass: null,
+    contentClass: null,
+    titleClass: null,
+    startTimeClass: null,
+    durationClass: null
+  }
+})), n(Ft, "register", [Ht, N, Z]);
+const Ns = /* @__PURE__ */ p('<!$><span part="label"><!$></span>');
+class Zt extends U {
+  constructor(t) {
+    super(t);
+    n(this, "j");
+    this.j = C();
+  }
+  onConnect(t) {
+    l(this.Bd.bind(this)), l(this.Ed.bind(this));
+    const { radioClass: e, radioCheckClass: s } = this.$props;
+    new Q(t).dc("media-radio", e).dc('[part="check"]', s);
+  }
+  Ed() {
+    const { emptyLabel: t } = this.$props, { audioTrack: e } = this.j.$store, s = e();
+    this.md.fd.set((s == null ? void 0 : s.label) ?? t());
+  }
+  Bd() {
+    this.md.Ec(this.mb());
+  }
+  mb() {
+    const { audioTracks: t } = this.j.$store;
+    return t().length === 0;
+  }
+  Hc(t) {
+    if (this.mb())
+      return;
+    const s = t.target.value, r = this.j.audioTracks.toArray().findIndex((a) => a.label.toLowerCase() === s);
+    r >= 0 && this.j.remote.changeAudioTrack(r, t);
+  }
+  Cd() {
+    const { audioTrack: t } = this.j.$store, e = t();
+    return e ? e.label.toLowerCase() : "";
+  }
+  Dd() {
+    const { audioTracks: t } = this.j.$store;
+    return t().map((e) => ({
+      value: e.label.toLowerCase(),
+      content: () => (() => {
+        const [s, r] = g(Ns), a = r.nextNode();
+        return L(a, e.label), s;
+      })()
+    }));
+  }
+  render() {
+    const { radioGroupClass: t } = this.$props;
+    return J({
+      value: this.Cd.bind(this),
+      options: this.Dd.bind(this),
+      radioGroupClass: t,
+      onChange: this.Hc.bind(this)
+    });
+  }
+}
+n(Zt, "el", u({
+  tagName: "media-audio-menu-items",
+  props: {
+    emptyLabel: "Default",
+    radioClass: null,
+    radioGroupClass: null,
+    radioCheckClass: null
+  }
+})), n(Zt, "register", [N, Z]);
+var Es = '<path fill-rule="evenodd" clip-rule="evenodd" d="M26.6667 5.99998C26.6667 5.63179 26.3682 5.33331 26 5.33331H11.3333C10.9651 5.33331 10.6667 5.63179 10.6667 5.99998V17.5714C10.6667 17.6694 10.5644 17.7342 10.4741 17.6962C9.91823 17.4625 9.30754 17.3333 8.66667 17.3333C6.08934 17.3333 4 19.4226 4 22C4 24.5773 6.08934 26.6666 8.66667 26.6666C11.244 26.6666 13.3333 24.5773 13.3333 22V8.66665C13.3333 8.29846 13.6318 7.99998 14 7.99998L23.3333 7.99998C23.7015 7.99998 24 8.29846 24 8.66665V14.9048C24 15.0027 23.8978 15.0675 23.8075 15.0296C23.2516 14.7958 22.6409 14.6666 22 14.6666C19.4227 14.6666 17.3333 16.756 17.3333 19.3333C17.3333 21.9106 19.4227 24 22 24C24.5773 24 26.6667 21.9106 26.6667 19.3333V5.99998ZM22 21.3333C23.1046 21.3333 24 20.4379 24 19.3333C24 18.2287 23.1046 17.3333 22 17.3333C20.8954 17.3333 20 18.2287 20 19.3333C20 20.4379 20.8954 21.3333 22 21.3333ZM8.66667 24C9.77124 24 10.6667 23.1045 10.6667 22C10.6667 20.8954 9.77124 20 8.66667 20C7.5621 20 6.66667 20.8954 6.66667 22C6.66667 23.1045 7.5621 24 8.66667 24Z" fill="currentColor"/>', Ss = '<path d="M13.0908 14.3334C12.972 14.3334 12.9125 14.1898 12.9965 14.1058L17.7021 9.40022C17.9625 9.13987 17.9625 8.71776 17.7021 8.45741L16.2879 7.04319C16.0275 6.78284 15.6054 6.78284 15.3451 7.04319L6.8598 15.5285C6.59945 15.7888 6.59945 16.2109 6.8598 16.4713L8.27401 17.8855L8.27536 17.8868L15.3453 24.9568C15.6057 25.2172 16.0278 25.2172 16.2881 24.9568L17.7024 23.5426C17.9627 23.2822 17.9627 22.8601 17.7024 22.5998L12.9969 17.8944C12.9129 17.8104 12.9724 17.6668 13.0912 17.6668L26 17.6668C26.3682 17.6668 26.6667 17.3683 26.6667 17.0001V15.0001C26.6667 14.6319 26.3682 14.3334 26 14.3334L13.0908 14.3334Z" fill="currentColor"/>', Is = '<path d="M15.905 17.4809C15.9571 17.533 16.0415 17.533 16.0936 17.4809L22.4111 11.1635C22.6714 10.9031 23.0935 10.9031 23.3539 11.1635L24.9567 12.7662C25.217 13.0266 25.217 13.4487 24.9567 13.709L18.1028 20.5629C18.0937 20.5732 18.0842 20.5833 18.0744 20.5931L16.4716 22.1959C16.2113 22.4562 15.7892 22.4562 15.5288 22.1959L7.04353 13.7106C6.78318 13.4503 6.78318 13.0281 7.04353 12.7678L8.6463 11.165C8.90665 10.9047 9.32876 10.9047 9.58911 11.165L15.905 17.4809Z" fill="currentColor"/>';
+const Rs = /* @__PURE__ */ p('<!$><span slot="label"><!$></span>'), Ds = /* @__PURE__ */ p('<!$><div slot="hint"></div>');
+function lt({ label: o, iconPaths: i }) {
+  return [
+    x(w, { slot: "close-icon", paths: Ss }),
+    x(w, { slot: "icon", paths: i }),
+    (() => {
+      const [t, e] = g(Rs), s = e.nextNode();
+      return L(s, o), t;
+    })(),
+    st(Ds),
+    x(w, { slot: "open-icon", paths: Is })
+  ];
+}
+class Fs extends X {
+  render() {
+    const { label: i } = this.$props;
+    return lt({
+      label: i,
+      iconPaths: Es
+    });
+  }
+}
+n(Fs, "el", u({
+  tagName: "media-audio-menu-button",
+  props: { disabled: !1, label: "Audio" }
+}));
+const se = /* @__PURE__ */ p('<!$><span part="label"><!$></span>'), Zs = se;
+class qt extends U {
+  constructor(t) {
+    super(t);
+    n(this, "j");
+    this.j = C();
+  }
+  onConnect(t) {
+    l(this.Bd.bind(this)), l(this.Ed.bind(this));
+    const { radioClass: e, radioCheckClass: s } = this.$props;
+    new Q(t).dc("media-radio", e).dc('[part="check"]', s);
+  }
+  Ed() {
+    const { offLabel: t } = this.$props, { textTrack: e } = this.j.$store, s = e();
+    this.md.fd.set(
+      s && E(s) && s.mode === "showing" ? s.label : t()
+    );
+  }
+  Bd() {
+    this.md.Ec(this.mb());
+  }
+  mb() {
+    const { textTracks: t } = this.j.$store;
+    return t().filter(E).length === 0;
+  }
+  Hc(t) {
+    if (this.mb())
+      return;
+    const s = t.target.value;
+    if (s === "off") {
+      const a = this.j.textTracks.selected;
+      if (a) {
+        const h = this.j.textTracks.toArray().indexOf(a);
+        this.j.remote.changeTextTrackMode(h, "disabled", t);
+      }
+      return;
+    }
+    const r = this.j.textTracks.toArray().findIndex((a) => a.label.toLowerCase() === s);
+    r >= 0 && this.j.remote.changeTextTrackMode(r, "showing", t);
+  }
+  Cd() {
+    const { textTrack: t, textTracks: e } = this.j.$store, s = t();
+    return s && E(s) && s.mode === "showing" ? s.label.toLowerCase() : "off";
+  }
+  Dd() {
+    const { offLabel: t } = this.$props, { textTracks: e } = this.j.$store;
+    return [
+      { value: "off", content: () => (() => {
+        const [s, r] = g(se), a = r.nextNode();
+        return L(a, t), s;
+      })() },
+      ...e().filter(E).map((s) => ({
+        value: s.label.toLowerCase(),
+        content: () => (() => {
+          const [r, a] = g(Zs), h = a.nextNode();
+          return L(h, s.label), r;
+        })()
+      }))
+    ];
+  }
+  render() {
+    const { radioGroupClass: t } = this.$props;
+    return J({
+      value: this.Cd.bind(this),
+      options: this.Dd.bind(this),
+      radioGroupClass: t,
+      onChange: this.Hc.bind(this)
+    });
+  }
+}
+n(qt, "el", u({
+  tagName: "media-captions-menu-items",
+  props: {
+    offLabel: "Off",
+    radioClass: null,
+    radioGroupClass: null,
+    radioCheckClass: null
+  }
+})), n(qt, "register", [N, Z]);
+class qs extends X {
+  render() {
+    const { label: i } = this.$props;
+    return lt({
+      label: i,
+      iconPaths: Xt
+    });
+  }
+}
+n(qs, "el", u({
+  tagName: "media-captions-menu-button",
+  props: { disabled: !1, label: "Captions" }
+}));
+const Ks = /* @__PURE__ */ p('<!$><span part="label"><!$></span>');
+class Kt extends U {
+  constructor(t) {
+    super(t);
+    n(this, "j");
+    this.j = C();
+  }
+  onConnect(t) {
+    l(this.Ed.bind(this));
+    const { radioClass: e, radioCheckClass: s } = this.$props;
+    new Q(t).dc("media-radio", e).dc('[part="check"]', s);
+  }
+  Ed() {
+    const { normalLabel: t } = this.$props, { playbackRate: e } = this.j.$store, s = e();
+    this.md.fd.set(s === 1 ? t() : s + "×");
+  }
+  Hc(t) {
+    const e = t.target;
+    this.j.remote.changePlaybackRate(+e.value, t);
+  }
+  Cd() {
+    const { playbackRate: t } = this.j.$store;
+    return t() + "";
+  }
+  Dd() {
+    const { rates: t, normalLabel: e } = this.$props;
+    return t().map((s) => ({
+      value: s + "",
+      content: () => (() => {
+        const [r, a] = g(Ks), h = a.nextNode();
+        return L(h, () => s === 1 ? e() : s + "×"), r;
+      })()
+    }));
+  }
+  render() {
+    const { radioGroupClass: t } = this.$props;
+    return J({
+      value: this.Cd.bind(this),
+      options: this.Dd.bind(this),
+      radioGroupClass: t,
+      onChange: this.Hc.bind(this)
+    });
+  }
+}
+n(Kt, "el", u({
+  tagName: "media-playback-rate-menu-items",
+  props: {
+    normalLabel: "Normal",
+    rates: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2],
+    radioGroupClass: null,
+    radioClass: null,
+    radioCheckClass: null
+  }
+})), n(Kt, "register", [N, Z]);
+var Os = '<path d="M25.14 25.1089C25.0171 25.2532 24.8356 25.3333 24.646 25.3333H22.8124C22.1084 25.3333 21.7734 24.1872 22.2745 23.6927C23.9161 22.0729 24.9336 19.822 24.9336 17.3333C24.9336 12.3997 20.9336 8.39973 16 8.39973C11.0664 8.39973 7.06641 12.3997 7.06641 17.3333C7.06641 19.822 8.08389 22.0729 9.72555 23.6927C10.2266 24.1872 9.89155 25.3333 9.18762 25.3333H7.35398C7.16436 25.3333 6.98294 25.2532 6.86001 25.1089C5.07703 23.015 4 20.2991 4 17.3333C4 10.7057 9.3724 5.33333 16 5.33333C22.6276 5.33333 28 10.7057 28 17.3333C28 20.2991 26.923 23.015 25.14 25.1089Z" fill="currentColor"/> <path d="M21.1992 14.3399C21.4595 14.0796 21.4595 13.6575 21.1992 13.3971L20.2564 12.4543C19.996 12.194 19.5739 12.194 19.3136 12.4543L16.4492 15.3187C16.4185 15.3493 16.3749 15.3629 16.332 15.3568C16.2236 15.3414 16.1127 15.3334 16 15.3334C14.7113 15.3334 13.6667 16.378 13.6667 17.6667C13.6667 18.9554 14.7113 20 16 20C17.2887 20 18.3333 18.9554 18.3333 17.6667C18.3333 17.5464 18.3242 17.4283 18.3067 17.313C18.3001 17.2696 18.3136 17.2255 18.3446 17.1945L21.1992 14.3399Z" fill="currentColor"/>';
+class Bs extends X {
+  render() {
+    const { label: i } = this.$props;
+    return lt({
+      label: i,
+      iconPaths: Os
+    });
+  }
+}
+n(Bs, "el", u({
+  tagName: "media-playback-rate-menu-button",
+  props: { disabled: !1, label: "Speed" }
+}));
+const Gs = /* @__PURE__ */ p("<!$><span><!$></span>"), zs = /* @__PURE__ */ p('<!$><span part="label"><!$></span>'), Qs = /* @__PURE__ */ p('<!$><span part="info"><!$></span>');
+class Ot extends U {
+  constructor(t) {
+    super(t);
+    n(this, "j");
+    n(this, "Gd", P(() => {
+      const { qualities: t } = this.j.$store;
+      return [...t()].sort(
+        (e, s) => s.height === e.height ? s.bitrate - e.bitrate : s.height - e.height
+      );
+    }));
+    this.j = C();
+  }
+  onConnect(t) {
+    l(this.Bd.bind(this)), l(this.Ed.bind(this));
+    const { radioClass: e, radioCheckClass: s } = this.$props;
+    new Q(t).dc("media-radio", e).dc('[part="check"]', s);
+  }
+  Ed() {
+    const { autoLabel: t } = this.$props, { autoQuality: e, quality: s } = this.j.$store, r = s() ? s().height + "p" : "";
+    this.md.fd.set(e() ? t() + ` (${r})` : r);
+  }
+  Bd() {
+    const { qualities: t } = this.j.$store;
+    this.md.Ec(t().length === 0);
+  }
+  mb() {
+    const { canSetQuality: t, qualities: e } = this.j.$store;
+    return !t() || e().length === 0;
+  }
+  Hc(t) {
+    if (this.mb())
+      return;
+    const e = t.target, s = e.value;
+    if (s === "auto") {
+      this.j.remote.changeQuality(-1, t);
+      return;
+    }
+    const { qualities: r } = this.j.$store, a = m(r).findIndex((h) => this.Fd(h) === s);
+    a >= 0 && this.j.remote.changeQuality(a, t);
+  }
+  Cd() {
+    const { quality: t, autoQuality: e } = this.j.$store;
+    if (e())
+      return "auto";
+    const s = t();
+    return s ? this.Fd(s) : "auto";
+  }
+  Fd(t) {
+    return t.height + "_" + t.bitrate;
+  }
+  Dd() {
+    const { autoLabel: t, hideBitrate: e } = this.$props;
+    return [
+      { value: "auto", content: () => (() => {
+        const [s, r] = g(Gs), a = r.nextNode();
+        return L(a, t), s;
+      })() },
+      ...this.Gd().map((s) => {
+        const r = `${A(s.bitrate / 1e6, 2)} Mbps`;
+        return {
+          value: this.Fd(s),
+          content: () => [
+            (() => {
+              const [a, h] = g(zs), c = h.nextNode();
+              return L(c, s.height + "p"), a;
+            })(),
+            (() => {
+              const a = $t(
+                () => !e() && (() => {
+                  const [h, c] = g(Qs), d = c.nextNode();
+                  return L(d, r), h;
+                })()
+              );
+              return a(), a;
+            })()
+          ]
+        };
+      })
+    ];
+  }
+  render() {
+    const { radioGroupClass: t } = this.$props;
+    return J({
+      value: this.Cd.bind(this),
+      options: this.Dd.bind(this),
+      radioGroupClass: t,
+      onChange: this.Hc.bind(this)
+    });
+  }
+}
+n(Ot, "el", u({
+  tagName: "media-quality-menu-items",
+  props: {
+    autoLabel: "Auto",
+    hideBitrate: !1,
+    radioGroupClass: null,
+    radioClass: null,
+    radioCheckClass: null
+  }
+})), n(Ot, "register", [N, Z]);
+var Us = '<path d="M18.6669 10.4001C18.6669 10.7683 18.3684 11.0667 18.0002 11.0667H16.2668C15.8987 11.0667 15.6002 10.7683 15.6002 10.4001V9.86674C15.6002 9.7931 15.5405 9.73341 15.4669 9.73341H5.99998C5.63179 9.73341 5.33331 9.43493 5.33331 9.06674V7.33341C5.33331 6.96522 5.63179 6.66674 5.99998 6.66674H15.4669C15.5405 6.66674 15.6002 6.60704 15.6002 6.53341V6.00007C15.6002 5.63188 15.8987 5.3334 16.2668 5.3334H18.0002C18.3684 5.3334 18.6669 5.63188 18.6669 6.00007V10.4001Z" fill="currentColor"/> <path d="M11.3334 18.8668C11.7016 18.8668 12.0001 18.5683 12.0001 18.2001V13.8001C12.0001 13.4319 11.7016 13.1335 11.3334 13.1335H9.60006C9.23187 13.1335 8.93339 13.4319 8.93339 13.8001V14.3335C8.93339 14.4071 8.8737 14.4668 8.80006 14.4668H6.00006C5.63187 14.4668 5.33339 14.7653 5.33339 15.1335V16.8668C5.33339 17.235 5.63187 17.5335 6.00006 17.5335H8.80006C8.8737 17.5335 8.93339 17.5932 8.93339 17.6668V18.2001C8.93339 18.5683 9.23187 18.8668 9.60006 18.8668H11.3334Z" fill="currentColor"/> <path d="M18.6667 26.0001C18.6667 26.3683 18.3682 26.6668 18 26.6668H16.2667C15.8985 26.6668 15.6 26.3683 15.6 26.0001V25.4668C15.6 25.3931 15.5403 25.3334 15.4667 25.3334H6.00014C5.63195 25.3334 5.33348 25.0349 5.33348 24.6668V22.9334C5.33348 22.5652 5.63195 22.2668 6.00014 22.2668H15.4667C15.5403 22.2668 15.6 22.2071 15.6 22.1334V21.6001C15.6 21.2319 15.8985 20.9334 16.2667 20.9334H18C18.3682 20.9334 18.6667 21.2319 18.6667 21.6001V26.0001Z" fill="currentColor"/> <path d="M22 24.6668C22 25.0349 22.2985 25.3334 22.6667 25.3334H26.0001C26.3683 25.3334 26.6668 25.0349 26.6668 24.6668V22.9334C26.6668 22.5652 26.3683 22.2668 26.0001 22.2668H22.6667C22.2985 22.2668 22 22.5652 22 22.9334V24.6668Z" fill="currentColor"/> <path d="M16.0001 17.5335C15.6319 17.5335 15.3334 17.235 15.3334 16.8668V15.1335C15.3334 14.7653 15.6319 14.4668 16.0001 14.4668H26.0001C26.3683 14.4668 26.6667 14.7653 26.6667 15.1335V16.8668C26.6667 17.235 26.3683 17.5335 26.0001 17.5335H16.0001Z" fill="currentColor"/> <path d="M22.0002 9.06674C22.0002 9.43493 22.2987 9.73341 22.6669 9.73341H26C26.3682 9.73341 26.6666 9.43493 26.6666 9.06674V7.3334C26.6666 6.96521 26.3682 6.66674 26 6.66674H22.6669C22.2987 6.66674 22.0002 6.96522 22.0002 7.33341V9.06674Z" fill="currentColor"/>';
+class Ws extends X {
+  render() {
+    const { label: i } = this.$props;
+    return lt({
+      label: i,
+      iconPaths: Us
+    });
+  }
+}
+n(Ws, "el", u({
+  tagName: "media-quality-menu-button",
+  props: { disabled: !1, label: "Quality" }
+}));
+class Ys extends j {
+  constructor() {
+    super(...arguments);
+    n(this, "j");
+    n(this, "Id", null);
+    n(this, "Hd", 0);
+    n(this, "Jd", -1);
+  }
+  onAttach() {
+    const { event: t, action: e } = this.$props;
+    this.setAttributes({
+      event: t,
+      action: e
+    });
+  }
+  onConnect() {
+    this.j = C(), rt(() => {
+      this.Id = this.j.player.querySelector("media-outlet"), l(this.Ld.bind(this));
+    });
+  }
+  Ld() {
+    let t = this.$props.event();
+    !this.Id || !t || (/^dbl/.test(t) && (t = t.split(/^dbl/)[1]), $(this.Id, t, this.Md.bind(this)));
+  }
+  Md(t) {
+    var s;
+    if (!this.Nd(t) || Tt(t) && (t.button !== 0 || this.j.activeMenu))
+      return;
+    if (t.MEDIA_GESTURE = !0, t.preventDefault(), !((s = m(this.$props.event)) == null ? void 0 : s.startsWith("dbl")))
+      this.Hd === 0 && setTimeout(() => {
+        this.Hd === 1 && this.Kd(t);
+      }, 250);
+    else if (this.Hd === 1) {
+      queueMicrotask(() => this.Kd(t)), clearTimeout(this.Jd), this.Hd = 0;
+      return;
+    }
+    this.Hd === 0 && (this.Jd = window.setTimeout(() => {
+      this.Hd = 0;
+    }, 275)), this.Hd++;
+  }
+  Kd(t) {
+    this.el.setAttribute("data-triggered", ""), requestAnimationFrame(() => {
+      this.Od() && this.Pd(m(this.$props.action), t), requestAnimationFrame(() => {
+        this.el.removeAttribute("data-triggered");
+      });
+    });
+  }
+  /** Validate event occurred in gesture bounds. */
+  Nd(t) {
+    if (!this.el)
+      return !1;
+    if (Tt(t) || be(t) || Mt(t)) {
+      const e = Mt(t) ? t.touches[0] : void 0, s = (e == null ? void 0 : e.clientX) ?? t.clientX, r = (e == null ? void 0 : e.clientY) ?? t.clientY, a = this.el.getBoundingClientRect(), h = r >= a.top && r <= a.bottom && s >= a.left && s <= a.right;
+      return t.type.includes("leave") ? !h : h;
+    }
+    return !0;
+  }
+  /** Validate gesture has the highest z-index in this triggered group. */
+  Od() {
+    var e;
+    const t = this.j.player.querySelectorAll(
+      "media-gesture[data-triggered]"
+    );
+    return ((e = Array.from(t).sort(
+      (s, r) => +getComputedStyle(r).zIndex - +getComputedStyle(s).zIndex
+    )[0]) == null ? void 0 : e.component) === this;
+  }
+  Pd(t, e) {
+    if (!t)
+      return;
+    const [s, r] = t.replace(/:([a-z])/, "-$1").split(":");
+    t.includes(":fullscreen") ? this.j.remote.toggleFullscreen("prefer-media", e) : t.includes("seek:") ? this.j.remote.seek(m(this.j.$store.currentTime) + (+r || 0), e) : this.j.remote[me(s)](e);
+  }
+}
+n(Ys, "el", u({
+  tagName: "media-gesture",
+  props: {
+    event: void 0,
+    action: void 0
+  }
+}));
+const Xs = /* @__PURE__ */ p('<!$><svg part="icon" fill="none" viewBox="0 0 120 120" aria-hidden="true"><circle part="track" cx="60" cy="60" r="54" stroke="currentColor"></circle><circle part="track-fill" cx="60" cy="60" r="54" stroke="currentColor" pathLength="100"></circle></svg>');
+class Js extends j {
+  constructor() {
+    super(...arguments);
+    n(this, "j");
+  }
+  onAttach() {
+    this.j = C(), this.setAttributes({
+      "data-buffering": P(this.Qd.bind(this))
+    });
+  }
+  Qd() {
+    const { canPlay: t, waiting: e } = this.j.$store;
+    return !t() || e();
+  }
+  render() {
+    return st(Xs);
+  }
+}
+n(Js, "el", u({
+  tagName: "media-buffering-indicator"
+}));
+class ti {
+  constructor(i) {
+    n(this, "priority", 10);
+    n(this, "ya", null);
+    n(this, "ih", we());
+    this.Sd = i;
+  }
+  attach() {
+  }
+  canRender() {
+    return !0;
+  }
+  detach() {
+    this.ih.empty(), this.Sd.reset(), this.ya = null;
+  }
+  changeTrack(i) {
+    !i || this.ya === i || (this.ih.empty(), i.readyState < 2 ? (this.Sd.reset(), this.ih.add(
+      $(i, "load", () => this.jh(i), { once: !0 })
+    )) : this.jh(i), this.ih.add(
+      $(i, "add-cue", (t) => {
+        this.Sd.addCue(t.detail);
+      }),
+      $(i, "remove-cue", (t) => {
+        this.Sd.removeCue(t.detail);
+      })
+    ), this.ya = i);
+  }
+  jh(i) {
+    this.Sd.changeTrack({
+      cues: [...i.cues],
+      regions: [...i.regions]
+    });
+  }
+}
+class ei extends j {
+  constructor() {
+    super(...arguments);
+    n(this, "j");
+    n(this, "Sd");
+    n(this, "Rd");
+  }
+  onAttach() {
+    this.j = C(), this.setAttributes({
+      "aria-hidden": V(this.jb.bind(this))
+    });
+  }
+  onConnect(t) {
+    this.Sd = new ke(t), this.Rd = new ti(this.Sd), l(this.Ud.bind(this));
+  }
+  onDisconnect() {
+    var t;
+    this.Rd && (this.Rd.detach(), this.j.textRenderers.remove(this.Rd)), (t = this.Sd) == null || t.destroy();
+  }
+  jb() {
+    const { textTrack: t } = this.j.$store, e = t();
+    return !e || !E(e);
+  }
+  Ud() {
+    const { viewType: t } = this.j.$store;
+    return t() === "audio" ? this.Vd() : this.Wd();
+  }
+  Vd() {
+    return l(this.oc.bind(this)), () => {
+      this.el.textContent = "";
+    };
+  }
+  oc() {
+    if (this.jb())
+      return;
+    const { textTrack: t } = this.j.$store;
+    this.Td(), $(t(), "cue-change", this.Td.bind(this)), l(this.Xd.bind(this));
+  }
+  Td() {
+    this.el.textContent = "";
+    const { currentTime: t, textTrack: e } = this.j.$store, s = m(t), r = m(e).activeCues;
+    for (const a of r) {
+      const h = document.createElement("div");
+      h.setAttribute("part", "cue"), h.innerHTML = ye(a, s), this.el.append(h);
+    }
+  }
+  Xd() {
+    const { currentTime: t } = this.j.$store;
+    _e(this.el, t());
+  }
+  Wd() {
+    return l(this.Yd.bind(this)), l(this.Zd.bind(this)), this.j.textRenderers.add(this.Rd), () => {
+      this.el.textContent = "", this.Rd.detach(), this.j.textRenderers.remove(this.Rd);
+    };
+  }
+  Yd() {
+    this.Sd.dir = this.$props.textDir();
+  }
+  Zd() {
+    if (this.jb())
+      return;
+    const { currentTime: t } = this.j.$store;
+    this.Sd.currentTime = t();
+  }
+}
+n(ei, "el", u({
+  tagName: "media-captions",
+  props: { textDir: "ltr" }
+}));
+const si = /* @__PURE__ */ p('<!$><div part="container"><div part="text">LIVE</div></div>');
+class ii extends j {
+  constructor(t) {
+    super(t);
+    n(this, "j");
+    this.j = C(), new D(t);
+  }
+  onAttach(t) {
+    const { live: e, liveEdge: s } = this.j.$store;
+    R(t, this.ib.bind(this)), this.setAttributes({
+      tabindex: this._d.bind(this),
+      role: this.$d.bind(this),
+      "data-live": e,
+      "data-live-edge": s,
+      "data-media-button": !0
+    });
+  }
+  onConnect(t) {
+    B(t, this.gb.bind(this));
+  }
+  ib() {
+    const { live: t } = this.j.$store;
+    return t() ? "Go live" : null;
+  }
+  _d() {
+    const { live: t } = this.j.$store;
+    return t() ? 0 : null;
+  }
+  $d() {
+    const { live: t } = this.j.$store;
+    return t() ? "button" : null;
+  }
+  gb(t) {
+    const { liveEdge: e } = this.j.$store;
+    e() || this.j.remote.seekToLiveEdge(t);
+  }
+  render() {
+    return st(si);
+  }
+}
+n(ii, "el", u({
+  tagName: "media-live-indicator"
+}));
+const ri = /* @__PURE__ */ p('<!$><img part="img" />');
+class ni extends j {
+  constructor() {
+    super(...arguments);
+    n(this, "j");
+    n(this, "ae", f(!0));
+    n(this, "be", f(!1));
+    n(this, "ce");
+    n(this, "de");
+  }
+  onAttach(t) {
+    this.j = C(), this.ce = P(this.ee.bind(this)), this.de = this.fe.bind(this), this.setAttributes({
+      "data-loading": this.ae,
+      "aria-hidden": V(this.jb.bind(this))
+    });
+  }
+  onConnect(t) {
+    const { canLoad: e, poster: s } = this.j.$store;
+    window.requestAnimationFrame(() => {
+      e() || he(s());
+    }), l(this.ge.bind(this));
+  }
+  jb() {
+    const { poster: t } = this.j.$store;
+    return this.be() || !t();
+  }
+  ee() {
+    const { canLoad: t, poster: e } = this.j.$store;
+    return t() && e().length ? e() : null;
+  }
+  fe() {
+    return this.ce() ? this.$props.alt() : null;
+  }
+  ge() {
+    const { canLoad: t, poster: e } = this.j.$store, s = t() && !!e();
+    this.ae.set(s), this.be.set(!1);
+  }
+  he() {
+    this.ae.set(!1);
+  }
+  Wb() {
+    this.ae.set(!1), this.be.set(!0);
+  }
+  render() {
+    const { crossorigin: t } = this.j.$store;
+    return (() => {
+      const [e, s] = g(ri);
+      return _(() => v(e, "src", this.ce())), _(() => v(e, "alt", this.de())), _(() => v(e, "crossorigin", t())), O(e, "load", this.he.bind(this)), O(e, "error", this.Wb.bind(this)), e;
+    })();
+  }
+}
+n(ni, "el", u({
+  tagName: "media-poster",
+  props: { alt: void 0 }
+}));
+const ai = /* @__PURE__ */ p("<!$><span><!$></span>");
+class oi extends j {
+  constructor() {
+    super(...arguments);
+    n(this, "j");
+    n(this, "ie");
+  }
+  onAttach() {
+    this.j = C(), this.ie = P(this.Mb.bind(this));
+  }
+  Mb() {
+    const { type: t, remainder: e, padHours: s, padMinutes: r, showHours: a } = this.$props, h = this.je(t()), c = this.j.$store.duration();
+    if (!Number.isFinite(h + c))
+      return "LIVE";
+    const d = e() ? Math.max(0, c - h) : h;
+    return ct(
+      d,
+      s(),
+      xt(r()) ? d >= 3600 : r(),
+      a()
+    );
+  }
+  je(t) {
+    const { bufferedEnd: e, duration: s, currentTime: r } = this.j.$store;
+    switch (t) {
+      case "buffered":
+        return e();
+      case "duration":
+        return s();
+      default:
+        return r();
+    }
+  }
+  render() {
+    return (() => {
+      const [t, e] = g(ai), s = e.nextNode();
+      return L(s, this.ie), t;
+    })();
+  }
+}
+n(oi, "el", u({
+  tagName: "media-time",
+  props: {
+    type: "current",
+    showHours: !1,
+    padHours: null,
+    padMinutes: null,
+    remainder: !1
+  }
+}));
+function hi(o, i) {
+  let t = o.getBoundingClientRect(), e = {
+    "--computed-width": t.width + "px",
+    "--computed-height": t.height + "px",
+    "--preview-width": "var(--media-slider-preview-width, var(--computed-width))",
+    "--preview-height": "var(--media-slider-preview-height, var(--computed-height))"
+  };
+  i !== "vertical" ? e = {
+    ...e,
+    "--preview-width-half": "calc(var(--preview-width) / 2)",
+    "--preview-left-clamp": "max(var(--preview-width-half), var(--slider-pointer-percent))",
+    "--preview-right-clamp": "calc(100% - var(--preview-width-half))",
+    "--preview-left": "min(var(--preview-left-clamp), var(--preview-right-clamp))"
+  } : e = {
+    ...e,
+    "--preview-height-half": "calc(var(--preview-height) / 2)",
+    "--preview-top-clamp": "max(var(--preview-height-half), var(--slider-pointer-percent))",
+    "--preview-bottom-clamp": "calc(100% - var(--preview-height-half))",
+    "--preview-bottom": "min(var(--preview-top-clamp), var(--preview-bottom-clamp))"
+  };
+  for (const s of Object.keys(e))
+    o.style.setProperty(s, e[s]);
+}
+var ci = /* @__PURE__ */ Object.freeze({
+  __proto__: null,
+  setupPreviewStyles: hi
+});
+export {
+  Fs as A,
+  Js as B,
+  Fe as C,
+  D as F,
+  Ys as G,
+  w as I,
+  ii as L,
+  ze as M,
+  ni as P,
+  Ws as Q,
+  N as R,
+  Je as S,
+  Ae as T,
+  ps as V,
+  Ht as a,
+  Ie as b,
+  Yt as c,
+  We as d,
+  Ke as e,
+  _t as f,
+  Cs as g,
+  Rt as h,
+  us as i,
+  ls as j,
+  oi as k,
+  F as l,
+  ei as m,
+  Lt as n,
+  X as o,
+  U as p,
+  Z as q,
+  Zt as r,
+  qs as s,
+  qt as t,
+  Ft as u,
+  Ot as v,
+  Bs as w,
+  Kt as x,
+  Le as y
+};