@aigamo/hydrangean-diva 0.0.1-alpha.32 → 0.0.1-alpha.33

package/dist/index.es.js

@@ -0,0 +1,3374 @@
+import { makeObservable as zr, action as m, computed as g, observable as Z, reaction as Lr } from "mobx";
+import * as re from "react";
+import Ut, { forwardRef as qr, useContext as Oe, createContext as Ue, useState as $, useEffect as Yt, memo as ne, useCallback as B, useMemo as Ye, useLayoutEffect as Qr } from "react";
+import Vr from "@emotion/cache";
+import Ur from "ajv";
+import { useNostalgicDiva as ce, nullPlayerController as Yr, NostalgicDivaProvider as Wr, findVideoService as Hr, NostalgicDiva as Gr } from "@aigamo/nostalgic-diva";
+import { pull as At } from "lodash-es";
+import { EuiSelectable as Jr, EuiPopoverTitle as Kr, EuiPopoverFooter as Xr, EuiButton as J, EuiPopover as ke, useGeneratedHtmlId as Zr, EuiModalHeaderTitle as en, EuiModalHeader as tn, EuiForm as rn, EuiFormRow as ut, EuiFieldText as Ft, EuiModalBody as nn, EuiModalFooter as an, EuiButtonEmpty as Wt, EuiModal as on, EuiCodeBlock as sn, EuiFlyout as ln, useEuiTheme as Ht, EuiCheckbox as Gt, EuiTableHeaderCellCheckbox as cn, EuiTableHeaderCell as ot, EuiTableHeader as un, EuiIcon as U, EuiContextMenu as mt, EuiButtonIcon as Y, EuiTableRowCell as dt, EuiTableRowCellCheckbox as dn, EuiLink as fn, EuiTableRow as pn, EuiTable as mn, EuiFlexGroup as le, EuiFlexItem as G, EuiSpacer as Jt, EuiEmptyPrompt as hn, EuiPageTemplate as ht, EuiRange as Kt, EuiBottomBar as yn } from "@elastic/eui";
+import { AddRegular as Ee, WindowDevToolsRegular as vn, ArrowUploadRegular as gn, ArrowDownloadRegular as bn, MoreHorizontalFilled as Xt, PlayRegular as Pn, DismissRegular as yt, DeleteRegular as Sn, ArrowShuffleFilled as wn, ArrowShuffleOffFilled as Tn, PreviousFilled as Rn, SkipBack10Regular as Zt, PauseFilled as Cn, PlayFilled as En, SkipForward30Regular as er, NextFilled as In, ArrowRepeat1Filled as xn, ArrowRepeatAllFilled as On, ArrowRepeatAllOffFilled as kn, OpenRegular as _n, Speaker2Regular as tr, TopSpeedRegular as An, NavigationPlayRegular as Fn } from "@fluentui/react-icons";
+import { observer as I } from "mobx-react-lite";
+import { ReactSortable as Mn } from "react-sortablejs";
+import { useRouter as Dn } from "@tanstack/react-router";
+const rr = 81;
+class We {
+  makeObservable(e, r) {
+    return zr(e, r);
+  }
+}
+class Mi {
+  makeObservable(e, r) {
+    return e;
+  }
+}
+var qe = { exports: {} }, Te = {};
+var Mt;
+function Nn() {
+  if (Mt) return Te;
+  Mt = 1;
+  var t = Ut, e = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(f, p, y) {
+    var P, w = {}, L = null, N = null;
+    y !== void 0 && (L = "" + y), p.key !== void 0 && (L = "" + p.key), p.ref !== void 0 && (N = p.ref);
+    for (P in p) a.call(p, P) && !s.hasOwnProperty(P) && (w[P] = p[P]);
+    if (f && f.defaultProps) for (P in p = f.defaultProps, p) w[P] === void 0 && (w[P] = p[P]);
+    return { $$typeof: e, type: f, key: L, ref: N, props: w, _owner: i.current };
+  }
+  return Te.Fragment = r, Te.jsx = c, Te.jsxs = c, Te;
+}
+var Re = {};
+var Dt;
+function $n() {
+  return Dt || (Dt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var t = Ut, e = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), a = /* @__PURE__ */ Symbol.for("react.fragment"), i = /* @__PURE__ */ Symbol.for("react.strict_mode"), s = /* @__PURE__ */ Symbol.for("react.profiler"), c = /* @__PURE__ */ Symbol.for("react.provider"), f = /* @__PURE__ */ Symbol.for("react.context"), p = /* @__PURE__ */ Symbol.for("react.forward_ref"), y = /* @__PURE__ */ Symbol.for("react.suspense"), P = /* @__PURE__ */ Symbol.for("react.suspense_list"), w = /* @__PURE__ */ Symbol.for("react.memo"), L = /* @__PURE__ */ Symbol.for("react.lazy"), N = /* @__PURE__ */ Symbol.for("react.offscreen"), A = Symbol.iterator, W = "@@iterator";
+    function ee(n) {
+      if (n === null || typeof n != "object")
+        return null;
+      var l = A && n[A] || n[W];
+      return typeof l == "function" ? l : null;
+    }
+    var q = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function x(n) {
+      {
+        for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), v = 1; v < l; v++)
+          d[v - 1] = arguments[v];
+        F("error", n, d);
+      }
+    }
+    function F(n, l, d) {
+      {
+        var v = q.ReactDebugCurrentFrame, T = v.getStackAddendum();
+        T !== "" && (l += "%s", d = d.concat([T]));
+        var E = d.map(function(S) {
+          return String(S);
+        });
+        E.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, E);
+      }
+    }
+    var k = !1, u = !1, Q = !1, he = !1, Ae = !1, Fe;
+    Fe = /* @__PURE__ */ Symbol.for("react.module.reference");
+    function Je(n) {
+      return !!(typeof n == "string" || typeof n == "function" || n === a || n === s || Ae || n === i || n === y || n === P || he || n === N || k || u || Q || typeof n == "object" && n !== null && (n.$$typeof === L || n.$$typeof === w || n.$$typeof === c || n.$$typeof === f || n.$$typeof === p || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      n.$$typeof === Fe || n.getModuleId !== void 0));
+    }
+    function Ke(n, l, d) {
+      var v = n.displayName;
+      if (v)
+        return v;
+      var T = l.displayName || l.name || "";
+      return T !== "" ? d + "(" + T + ")" : d;
+    }
+    function Me(n) {
+      return n.displayName || "Context";
+    }
+    function K(n) {
+      if (n == null)
+        return null;
+      if (typeof n.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
+        return n.displayName || n.name || null;
+      if (typeof n == "string")
+        return n;
+      switch (n) {
+        case a:
+          return "Fragment";
+        case r:
+          return "Portal";
+        case s:
+          return "Profiler";
+        case i:
+          return "StrictMode";
+        case y:
+          return "Suspense";
+        case P:
+          return "SuspenseList";
+      }
+      if (typeof n == "object")
+        switch (n.$$typeof) {
+          case f:
+            var l = n;
+            return Me(l) + ".Consumer";
+          case c:
+            var d = n;
+            return Me(d._context) + ".Provider";
+          case p:
+            return Ke(n, n.render, "ForwardRef");
+          case w:
+            var v = n.displayName || null;
+            return v !== null ? v : K(n.type) || "Memo";
+          case L: {
+            var T = n, E = T._payload, S = T._init;
+            try {
+              return K(S(E));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var te = Object.assign, ae = 0, De, Ne, ye, $e, ve, Be, je;
+    function ze() {
+    }
+    ze.__reactDisabledLog = !0;
+    function Xe() {
+      {
+        if (ae === 0) {
+          De = console.log, Ne = console.info, ye = console.warn, $e = console.error, ve = console.group, Be = console.groupCollapsed, je = console.groupEnd;
+          var n = {
+            configurable: !0,
+            enumerable: !0,
+            value: ze,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: n,
+            log: n,
+            warn: n,
+            error: n,
+            group: n,
+            groupCollapsed: n,
+            groupEnd: n
+          });
+        }
+        ae++;
+      }
+    }
+    function Ze() {
+      {
+        if (ae--, ae === 0) {
+          var n = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: te({}, n, {
+              value: De
+            }),
+            info: te({}, n, {
+              value: Ne
+            }),
+            warn: te({}, n, {
+              value: ye
+            }),
+            error: te({}, n, {
+              value: $e
+            }),
+            group: te({}, n, {
+              value: ve
+            }),
+            groupCollapsed: te({}, n, {
+              value: Be
+            }),
+            groupEnd: te({}, n, {
+              value: je
+            })
+          });
+        }
+        ae < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var ge = q.ReactCurrentDispatcher, be;
+    function ue(n, l, d) {
+      {
+        if (be === void 0)
+          try {
+            throw Error();
+          } catch (T) {
+            var v = T.stack.trim().match(/\n( *(at )?)/);
+            be = v && v[1] || "";
+          }
+        return `
+` + be + n;
+      }
+    }
+    var Pe = !1, de;
+    {
+      var et = typeof WeakMap == "function" ? WeakMap : Map;
+      de = new et();
+    }
+    function h(n, l) {
+      if (!n || Pe)
+        return "";
+      {
+        var d = de.get(n);
+        if (d !== void 0)
+          return d;
+      }
+      var v;
+      Pe = !0;
+      var T = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var E;
+      E = ge.current, ge.current = null, Xe();
+      try {
+        if (l) {
+          var S = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(S.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(S, []);
+            } catch (V) {
+              v = V;
+            }
+            Reflect.construct(n, [], S);
+          } else {
+            try {
+              S.call();
+            } catch (V) {
+              v = V;
+            }
+            n.call(S.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (V) {
+            v = V;
+          }
+          n();
+        }
+      } catch (V) {
+        if (V && v && typeof V.stack == "string") {
+          for (var b = V.stack.split(`
+`), j = v.stack.split(`
+`), _ = b.length - 1, M = j.length - 1; _ >= 1 && M >= 0 && b[_] !== j[M]; )
+            M--;
+          for (; _ >= 1 && M >= 0; _--, M--)
+            if (b[_] !== j[M]) {
+              if (_ !== 1 || M !== 1)
+                do
+                  if (_--, M--, M < 0 || b[_] !== j[M]) {
+                    var H = `
+` + b[_].replace(" at new ", " at ");
+                    return n.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", n.displayName)), typeof n == "function" && de.set(n, H), H;
+                  }
+                while (_ >= 1 && M >= 0);
+              break;
+            }
+        }
+      } finally {
+        Pe = !1, ge.current = E, Ze(), Error.prepareStackTrace = T;
+      }
+      var me = n ? n.displayName || n.name : "", oe = me ? ue(me) : "";
+      return typeof n == "function" && de.set(n, oe), oe;
+    }
+    function Se(n, l, d) {
+      return h(n, !1);
+    }
+    function fe(n) {
+      var l = n.prototype;
+      return !!(l && l.isReactComponent);
+    }
+    function ie(n, l, d) {
+      if (n == null)
+        return "";
+      if (typeof n == "function")
+        return h(n, fe(n));
+      if (typeof n == "string")
+        return ue(n);
+      switch (n) {
+        case y:
+          return ue("Suspense");
+        case P:
+          return ue("SuspenseList");
+      }
+      if (typeof n == "object")
+        switch (n.$$typeof) {
+          case p:
+            return Se(n.render);
+          case w:
+            return ie(n.type, l, d);
+          case L: {
+            var v = n, T = v._payload, E = v._init;
+            try {
+              return ie(E(T), l, d);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var we = Object.prototype.hasOwnProperty, gt = {}, bt = q.ReactDebugCurrentFrame;
+    function Le(n) {
+      if (n) {
+        var l = n._owner, d = ie(n.type, n._source, l ? l.type : null);
+        bt.setExtraStackFrame(d);
+      } else
+        bt.setExtraStackFrame(null);
+    }
+    function gr(n, l, d, v, T) {
+      {
+        var E = Function.call.bind(we);
+        for (var S in n)
+          if (E(n, S)) {
+            var b = void 0;
+            try {
+              if (typeof n[S] != "function") {
+                var j = Error((v || "React class") + ": " + d + " type `" + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[S] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw j.name = "Invariant Violation", j;
+              }
+              b = n[S](l, S, v, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (_) {
+              b = _;
+            }
+            b && !(b instanceof Error) && (Le(T), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", d, S, typeof b), Le(null)), b instanceof Error && !(b.message in gt) && (gt[b.message] = !0, Le(T), x("Failed %s type: %s", d, b.message), Le(null));
+          }
+      }
+    }
+    var br = Array.isArray;
+    function tt(n) {
+      return br(n);
+    }
+    function Pr(n) {
+      {
+        var l = typeof Symbol == "function" && Symbol.toStringTag, d = l && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return d;
+      }
+    }
+    function Sr(n) {
+      try {
+        return Pt(n), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Pt(n) {
+      return "" + n;
+    }
+    function St(n) {
+      if (Sr(n))
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Pr(n)), Pt(n);
+    }
+    var wt = q.ReactCurrentOwner, wr = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Tt, Rt;
+    function Tr(n) {
+      if (we.call(n, "ref")) {
+        var l = Object.getOwnPropertyDescriptor(n, "ref").get;
+        if (l && l.isReactWarning)
+          return !1;
+      }
+      return n.ref !== void 0;
+    }
+    function Rr(n) {
+      if (we.call(n, "key")) {
+        var l = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (l && l.isReactWarning)
+          return !1;
+      }
+      return n.key !== void 0;
+    }
+    function Cr(n, l) {
+      typeof n.ref == "string" && wt.current;
+    }
+    function Er(n, l) {
+      {
+        var d = function() {
+          Tt || (Tt = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+        };
+        d.isReactWarning = !0, Object.defineProperty(n, "key", {
+          get: d,
+          configurable: !0
+        });
+      }
+    }
+    function Ir(n, l) {
+      {
+        var d = function() {
+          Rt || (Rt = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+        };
+        d.isReactWarning = !0, Object.defineProperty(n, "ref", {
+          get: d,
+          configurable: !0
+        });
+      }
+    }
+    var xr = function(n, l, d, v, T, E, S) {
+      var b = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: e,
+        // Built-in properties that belong on the element
+        type: n,
+        key: l,
+        ref: d,
+        props: S,
+        // Record the component responsible for creating this element.
+        _owner: E
+      };
+      return b._store = {}, Object.defineProperty(b._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(b, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: v
+      }), Object.defineProperty(b, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: T
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+    };
+    function Or(n, l, d, v, T) {
+      {
+        var E, S = {}, b = null, j = null;
+        d !== void 0 && (St(d), b = "" + d), Rr(l) && (St(l.key), b = "" + l.key), Tr(l) && (j = l.ref, Cr(l, T));
+        for (E in l)
+          we.call(l, E) && !wr.hasOwnProperty(E) && (S[E] = l[E]);
+        if (n && n.defaultProps) {
+          var _ = n.defaultProps;
+          for (E in _)
+            S[E] === void 0 && (S[E] = _[E]);
+        }
+        if (b || j) {
+          var M = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          b && Er(S, M), j && Ir(S, M);
+        }
+        return xr(n, b, j, T, v, wt.current, S);
+      }
+    }
+    var rt = q.ReactCurrentOwner, Ct = q.ReactDebugCurrentFrame;
+    function pe(n) {
+      if (n) {
+        var l = n._owner, d = ie(n.type, n._source, l ? l.type : null);
+        Ct.setExtraStackFrame(d);
+      } else
+        Ct.setExtraStackFrame(null);
+    }
+    var nt;
+    nt = !1;
+    function at(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === e;
+    }
+    function Et() {
+      {
+        if (rt.current) {
+          var n = K(rt.current.type);
+          if (n)
+            return `
+
+Check the render method of \`` + n + "`.";
+        }
+        return "";
+      }
+    }
+    function kr(n) {
+      return "";
+    }
+    var It = {};
+    function _r(n) {
+      {
+        var l = Et();
+        if (!l) {
+          var d = typeof n == "string" ? n : n.displayName || n.name;
+          d && (l = `
+
+Check the top-level render call using <` + d + ">.");
+        }
+        return l;
+      }
+    }
+    function xt(n, l) {
+      {
+        if (!n._store || n._store.validated || n.key != null)
+          return;
+        n._store.validated = !0;
+        var d = _r(l);
+        if (It[d])
+          return;
+        It[d] = !0;
+        var v = "";
+        n && n._owner && n._owner !== rt.current && (v = " It was passed a child from " + K(n._owner.type) + "."), pe(n), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, v), pe(null);
+      }
+    }
+    function Ot(n, l) {
+      {
+        if (typeof n != "object")
+          return;
+        if (tt(n))
+          for (var d = 0; d < n.length; d++) {
+            var v = n[d];
+            at(v) && xt(v, l);
+          }
+        else if (at(n))
+          n._store && (n._store.validated = !0);
+        else if (n) {
+          var T = ee(n);
+          if (typeof T == "function" && T !== n.entries)
+            for (var E = T.call(n), S; !(S = E.next()).done; )
+              at(S.value) && xt(S.value, l);
+        }
+      }
+    }
+    function Ar(n) {
+      {
+        var l = n.type;
+        if (l == null || typeof l == "string")
+          return;
+        var d;
+        if (typeof l == "function")
+          d = l.propTypes;
+        else if (typeof l == "object" && (l.$$typeof === p || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        l.$$typeof === w))
+          d = l.propTypes;
+        else
+          return;
+        if (d) {
+          var v = K(l);
+          gr(d, n.props, "prop", v, n);
+        } else if (l.PropTypes !== void 0 && !nt) {
+          nt = !0;
+          var T = K(l);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
+        }
+        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Fr(n) {
+      {
+        for (var l = Object.keys(n.props), d = 0; d < l.length; d++) {
+          var v = l[d];
+          if (v !== "children" && v !== "key") {
+            pe(n), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), pe(null);
+            break;
+          }
+        }
+        n.ref !== null && (pe(n), x("Invalid attribute `ref` supplied to `React.Fragment`."), pe(null));
+      }
+    }
+    var kt = {};
+    function _t(n, l, d, v, T, E) {
+      {
+        var S = Je(n);
+        if (!S) {
+          var b = "";
+          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (b += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var j = kr();
+          j ? b += j : b += Et();
+          var _;
+          n === null ? _ = "null" : tt(n) ? _ = "array" : n !== void 0 && n.$$typeof === e ? (_ = "<" + (K(n.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof n, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _, b);
+        }
+        var M = Or(n, l, d, T, E);
+        if (M == null)
+          return M;
+        if (S) {
+          var H = l.children;
+          if (H !== void 0)
+            if (v)
+              if (tt(H)) {
+                for (var me = 0; me < H.length; me++)
+                  Ot(H[me], n);
+                Object.freeze && Object.freeze(H);
+              } else
+                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Ot(H, n);
+        }
+        if (we.call(l, "key")) {
+          var oe = K(n), V = Object.keys(l).filter(function(jr) {
+            return jr !== "key";
+          }), it = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!kt[oe + it]) {
+            var Br = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
+            x(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, it, oe, Br, oe), kt[oe + it] = !0;
+          }
+        }
+        return n === a ? Fr(M) : Ar(M), M;
+      }
+    }
+    function Mr(n, l, d) {
+      return _t(n, l, d, !0);
+    }
+    function Dr(n, l, d) {
+      return _t(n, l, d, !1);
+    }
+    var Nr = Dr, $r = Mr;
+    Re.Fragment = a, Re.jsx = Nr, Re.jsxs = $r;
+  })()), Re;
+}
+var Nt;
+function Bn() {
+  return Nt || (Nt = 1, process.env.NODE_ENV === "production" ? qe.exports = Nn() : qe.exports = $n()), qe.exports;
+}
+var Ie = Bn(), Qe = { exports: {} }, R = {};
+var $t;
+function jn() {
+  if ($t) return R;
+  $t = 1;
+  var t = typeof Symbol == "function" && Symbol.for, e = t ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = t ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, a = t ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = t ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, s = t ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = t ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = t ? /* @__PURE__ */ Symbol.for("react.context") : 60110, p = t ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, y = t ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, P = t ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, w = t ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, L = t ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, N = t ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, A = t ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, W = t ? /* @__PURE__ */ Symbol.for("react.block") : 60121, ee = t ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, q = t ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, x = t ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function F(u) {
+    if (typeof u == "object" && u !== null) {
+      var Q = u.$$typeof;
+      switch (Q) {
+        case e:
+          switch (u = u.type, u) {
+            case p:
+            case y:
+            case a:
+            case s:
+            case i:
+            case w:
+              return u;
+            default:
+              switch (u = u && u.$$typeof, u) {
+                case f:
+                case P:
+                case A:
+                case N:
+                case c:
+                  return u;
+                default:
+                  return Q;
+              }
+          }
+        case r:
+          return Q;
+      }
+    }
+  }
+  function k(u) {
+    return F(u) === y;
+  }
+  return R.AsyncMode = p, R.ConcurrentMode = y, R.ContextConsumer = f, R.ContextProvider = c, R.Element = e, R.ForwardRef = P, R.Fragment = a, R.Lazy = A, R.Memo = N, R.Portal = r, R.Profiler = s, R.StrictMode = i, R.Suspense = w, R.isAsyncMode = function(u) {
+    return k(u) || F(u) === p;
+  }, R.isConcurrentMode = k, R.isContextConsumer = function(u) {
+    return F(u) === f;
+  }, R.isContextProvider = function(u) {
+    return F(u) === c;
+  }, R.isElement = function(u) {
+    return typeof u == "object" && u !== null && u.$$typeof === e;
+  }, R.isForwardRef = function(u) {
+    return F(u) === P;
+  }, R.isFragment = function(u) {
+    return F(u) === a;
+  }, R.isLazy = function(u) {
+    return F(u) === A;
+  }, R.isMemo = function(u) {
+    return F(u) === N;
+  }, R.isPortal = function(u) {
+    return F(u) === r;
+  }, R.isProfiler = function(u) {
+    return F(u) === s;
+  }, R.isStrictMode = function(u) {
+    return F(u) === i;
+  }, R.isSuspense = function(u) {
+    return F(u) === w;
+  }, R.isValidElementType = function(u) {
+    return typeof u == "string" || typeof u == "function" || u === a || u === y || u === s || u === i || u === w || u === L || typeof u == "object" && u !== null && (u.$$typeof === A || u.$$typeof === N || u.$$typeof === c || u.$$typeof === f || u.$$typeof === P || u.$$typeof === ee || u.$$typeof === q || u.$$typeof === x || u.$$typeof === W);
+  }, R.typeOf = F, R;
+}
+var C = {};
+var Bt;
+function zn() {
+  return Bt || (Bt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var t = typeof Symbol == "function" && Symbol.for, e = t ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = t ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, a = t ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = t ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, s = t ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = t ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = t ? /* @__PURE__ */ Symbol.for("react.context") : 60110, p = t ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, y = t ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, P = t ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, w = t ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, L = t ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, N = t ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, A = t ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, W = t ? /* @__PURE__ */ Symbol.for("react.block") : 60121, ee = t ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, q = t ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, x = t ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function F(h) {
+      return typeof h == "string" || typeof h == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      h === a || h === y || h === s || h === i || h === w || h === L || typeof h == "object" && h !== null && (h.$$typeof === A || h.$$typeof === N || h.$$typeof === c || h.$$typeof === f || h.$$typeof === P || h.$$typeof === ee || h.$$typeof === q || h.$$typeof === x || h.$$typeof === W);
+    }
+    function k(h) {
+      if (typeof h == "object" && h !== null) {
+        var Se = h.$$typeof;
+        switch (Se) {
+          case e:
+            var fe = h.type;
+            switch (fe) {
+              case p:
+              case y:
+              case a:
+              case s:
+              case i:
+              case w:
+                return fe;
+              default:
+                var ie = fe && fe.$$typeof;
+                switch (ie) {
+                  case f:
+                  case P:
+                  case A:
+                  case N:
+                  case c:
+                    return ie;
+                  default:
+                    return Se;
+                }
+            }
+          case r:
+            return Se;
+        }
+      }
+    }
+    var u = p, Q = y, he = f, Ae = c, Fe = e, Je = P, Ke = a, Me = A, K = N, te = r, ae = s, De = i, Ne = w, ye = !1;
+    function $e(h) {
+      return ye || (ye = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), ve(h) || k(h) === p;
+    }
+    function ve(h) {
+      return k(h) === y;
+    }
+    function Be(h) {
+      return k(h) === f;
+    }
+    function je(h) {
+      return k(h) === c;
+    }
+    function ze(h) {
+      return typeof h == "object" && h !== null && h.$$typeof === e;
+    }
+    function Xe(h) {
+      return k(h) === P;
+    }
+    function Ze(h) {
+      return k(h) === a;
+    }
+    function ge(h) {
+      return k(h) === A;
+    }
+    function be(h) {
+      return k(h) === N;
+    }
+    function ue(h) {
+      return k(h) === r;
+    }
+    function Pe(h) {
+      return k(h) === s;
+    }
+    function de(h) {
+      return k(h) === i;
+    }
+    function et(h) {
+      return k(h) === w;
+    }
+    C.AsyncMode = u, C.ConcurrentMode = Q, C.ContextConsumer = he, C.ContextProvider = Ae, C.Element = Fe, C.ForwardRef = Je, C.Fragment = Ke, C.Lazy = Me, C.Memo = K, C.Portal = te, C.Profiler = ae, C.StrictMode = De, C.Suspense = Ne, C.isAsyncMode = $e, C.isConcurrentMode = ve, C.isContextConsumer = Be, C.isContextProvider = je, C.isElement = ze, C.isForwardRef = Xe, C.isFragment = Ze, C.isLazy = ge, C.isMemo = be, C.isPortal = ue, C.isProfiler = Pe, C.isStrictMode = de, C.isSuspense = et, C.isValidElementType = F, C.typeOf = k;
+  })()), C;
+}
+var jt;
+function Ln() {
+  return jt || (jt = 1, process.env.NODE_ENV === "production" ? Qe.exports = jn() : Qe.exports = zn()), Qe.exports;
+}
+var st, zt;
+function qn() {
+  if (zt) return st;
+  zt = 1;
+  var t = Ln(), e = {
+    childContextTypes: !0,
+    contextType: !0,
+    contextTypes: !0,
+    defaultProps: !0,
+    displayName: !0,
+    getDefaultProps: !0,
+    getDerivedStateFromError: !0,
+    getDerivedStateFromProps: !0,
+    mixins: !0,
+    propTypes: !0,
+    type: !0
+  }, r = {
+    name: !0,
+    length: !0,
+    prototype: !0,
+    caller: !0,
+    callee: !0,
+    arguments: !0,
+    arity: !0
+  }, a = {
+    $$typeof: !0,
+    render: !0,
+    defaultProps: !0,
+    displayName: !0,
+    propTypes: !0
+  }, i = {
+    $$typeof: !0,
+    compare: !0,
+    defaultProps: !0,
+    displayName: !0,
+    propTypes: !0,
+    type: !0
+  }, s = {};
+  s[t.ForwardRef] = a, s[t.Memo] = i;
+  function c(A) {
+    return t.isMemo(A) ? i : s[A.$$typeof] || e;
+  }
+  var f = Object.defineProperty, p = Object.getOwnPropertyNames, y = Object.getOwnPropertySymbols, P = Object.getOwnPropertyDescriptor, w = Object.getPrototypeOf, L = Object.prototype;
+  function N(A, W, ee) {
+    if (typeof W != "string") {
+      if (L) {
+        var q = w(W);
+        q && q !== L && N(A, q, ee);
+      }
+      var x = p(W);
+      y && (x = x.concat(y(W)));
+      for (var F = c(A), k = c(W), u = 0; u < x.length; ++u) {
+        var Q = x[u];
+        if (!r[Q] && !(ee && ee[Q]) && !(k && k[Q]) && !(F && F[Q])) {
+          var he = P(W, Q);
+          try {
+            f(A, Q, he);
+          } catch {
+          }
+        }
+      }
+    }
+    return A;
+  }
+  return st = N, st;
+}
+qn();
+var Qn = !0;
+function Vn(t, e, r) {
+  var a = "";
+  return r.split(" ").forEach(function(i) {
+    t[i] !== void 0 ? e.push(t[i] + ";") : i && (a += i + " ");
+  }), a;
+}
+var nr = function(e, r, a) {
+  var i = e.key + "-" + r.name;
+  // we only need to add the styles to the registered cache if the
+  // class name could be used further down
+  // the tree but if it's a string tag, we know it won't
+  // so we don't have to add it to registered cache.
+  // this improves memory usage since we can avoid storing the whole style string
+  (a === !1 || // we need to always store it if we're in compat mode and
+  // in node since emotion-server relies on whether a style is in
+  // the registered cache to know whether a style is global or not
+  // also, note that this check will be dead code eliminated in the browser
+  Qn === !1) && e.registered[i] === void 0 && (e.registered[i] = r.styles);
+}, Un = function(e, r, a) {
+  nr(e, r, a);
+  var i = e.key + "-" + r.name;
+  if (e.inserted[r.name] === void 0) {
+    var s = r;
+    do
+      e.insert(r === s ? "." + i : "", s, e.sheet, !0), s = s.next;
+    while (s !== void 0);
+  }
+};
+function Yn(t) {
+  for (var e = 0, r, a = 0, i = t.length; i >= 4; ++a, i -= 4)
+    r = t.charCodeAt(a) & 255 | (t.charCodeAt(++a) & 255) << 8 | (t.charCodeAt(++a) & 255) << 16 | (t.charCodeAt(++a) & 255) << 24, r = /* Math.imul(k, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
+    r >>> 24, e = /* Math.imul(k, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16);
+  switch (i) {
+    case 3:
+      e ^= (t.charCodeAt(a + 2) & 255) << 16;
+    case 2:
+      e ^= (t.charCodeAt(a + 1) & 255) << 8;
+    case 1:
+      e ^= t.charCodeAt(a) & 255, e = /* Math.imul(h, m): */
+      (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16);
+  }
+  return e ^= e >>> 13, e = /* Math.imul(h, m): */
+  (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16), ((e ^ e >>> 15) >>> 0).toString(36);
+}
+var Wn = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  scale: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+};
+function Hn(t) {
+  var e = /* @__PURE__ */ Object.create(null);
+  return function(r) {
+    return e[r] === void 0 && (e[r] = t(r)), e[r];
+  };
+}
+var Gn = /[A-Z]|^ms/g, Jn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ar = function(e) {
+  return e.charCodeAt(1) === 45;
+}, Lt = function(e) {
+  return e != null && typeof e != "boolean";
+}, lt = /* @__PURE__ */ Hn(function(t) {
+  return ar(t) ? t : t.replace(Gn, "-$&").toLowerCase();
+}), qt = function(e, r) {
+  switch (e) {
+    case "animation":
+    case "animationName":
+      if (typeof r == "string")
+        return r.replace(Jn, function(a, i, s) {
+          return X = {
+            name: i,
+            styles: s,
+            next: X
+          }, i;
+        });
+  }
+  return Wn[e] !== 1 && !ar(e) && typeof r == "number" && r !== 0 ? r + "px" : r;
+};
+function xe(t, e, r) {
+  if (r == null)
+    return "";
+  var a = r;
+  if (a.__emotion_styles !== void 0)
+    return a;
+  switch (typeof r) {
+    case "boolean":
+      return "";
+    case "object": {
+      var i = r;
+      if (i.anim === 1)
+        return X = {
+          name: i.name,
+          styles: i.styles,
+          next: X
+        }, i.name;
+      var s = r;
+      if (s.styles !== void 0) {
+        var c = s.next;
+        if (c !== void 0)
+          for (; c !== void 0; )
+            X = {
+              name: c.name,
+              styles: c.styles,
+              next: X
+            }, c = c.next;
+        var f = s.styles + ";";
+        return f;
+      }
+      return Kn(t, e, r);
+    }
+    case "function": {
+      if (t !== void 0) {
+        var p = X, y = r(t);
+        return X = p, xe(t, e, y);
+      }
+      break;
+    }
+  }
+  var P = r;
+  return P;
+}
+function Kn(t, e, r) {
+  var a = "";
+  if (Array.isArray(r))
+    for (var i = 0; i < r.length; i++)
+      a += xe(t, e, r[i]) + ";";
+  else
+    for (var s in r) {
+      var c = r[s];
+      if (typeof c != "object") {
+        var f = c;
+        Lt(f) && (a += lt(s) + ":" + qt(s, f) + ";");
+      } else if (Array.isArray(c) && typeof c[0] == "string" && e == null)
+        for (var p = 0; p < c.length; p++)
+          Lt(c[p]) && (a += lt(s) + ":" + qt(s, c[p]) + ";");
+      else {
+        var y = xe(t, e, c);
+        switch (s) {
+          case "animation":
+          case "animationName": {
+            a += lt(s) + ":" + y + ";";
+            break;
+          }
+          default:
+            a += s + "{" + y + "}";
+        }
+      }
+    }
+  return a;
+}
+var Qt = /label:\s*([^\s;{]+)\s*(;|$)/g, X;
+function Xn(t, e, r) {
+  if (t.length === 1 && typeof t[0] == "object" && t[0] !== null && t[0].styles !== void 0)
+    return t[0];
+  var a = !0, i = "";
+  X = void 0;
+  var s = t[0];
+  if (s == null || s.raw === void 0)
+    a = !1, i += xe(r, e, s);
+  else {
+    var c = s;
+    i += c[0];
+  }
+  for (var f = 1; f < t.length; f++)
+    if (i += xe(r, e, t[f]), a) {
+      var p = s;
+      i += p[f];
+    }
+  Qt.lastIndex = 0;
+  for (var y = "", P; (P = Qt.exec(i)) !== null; )
+    y += "-" + P[1];
+  var w = Yn(i) + y;
+  return {
+    name: w,
+    styles: i,
+    next: X
+  };
+}
+var Zn = function(e) {
+  return e();
+}, ea = re.useInsertionEffect ? re.useInsertionEffect : !1, ta = ea || Zn, ir = /* @__PURE__ */ re.createContext(
+  // we're doing this to avoid preconstruct's dead code elimination in this one case
+  // because this module is primarily intended for the browser and node
+  // but it's also required in react native and similar environments sometimes
+  // and we could have a special build just for that
+  // but this is much easier and the native packages
+  // might use a different theme context in the future anyway
+  typeof HTMLElement < "u" ? /* @__PURE__ */ Vr({
+    key: "css"
+  }) : null
+);
+ir.Provider;
+var ra = function(e) {
+  return /* @__PURE__ */ qr(function(r, a) {
+    var i = Oe(ir);
+    return e(r, i, a);
+  });
+}, na = /* @__PURE__ */ re.createContext({}), He = {}.hasOwnProperty, ft = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", or = function(e, r) {
+  var a = {};
+  for (var i in r)
+    He.call(r, i) && (a[i] = r[i]);
+  return a[ft] = e, a;
+}, aa = function(e) {
+  var r = e.cache, a = e.serialized, i = e.isStringTag;
+  return nr(r, a, i), ta(function() {
+    return Un(r, a, i);
+  }), null;
+}, ia = /* @__PURE__ */ ra(function(t, e, r) {
+  var a = t.css;
+  typeof a == "string" && e.registered[a] !== void 0 && (a = e.registered[a]);
+  var i = t[ft], s = [a], c = "";
+  typeof t.className == "string" ? c = Vn(e.registered, s, t.className) : t.className != null && (c = t.className + " ");
+  var f = Xn(s, void 0, re.useContext(na));
+  c += e.key + "-" + f.name;
+  var p = {};
+  for (var y in t)
+    He.call(t, y) && y !== "css" && y !== ft && (p[y] = t[y]);
+  return p.className = c, r && (p.ref = r), /* @__PURE__ */ re.createElement(re.Fragment, null, /* @__PURE__ */ re.createElement(aa, {
+    cache: e,
+    serialized: f,
+    isStringTag: typeof i == "string"
+  }), /* @__PURE__ */ re.createElement(i, p));
+}), sr = ia, _e = Ie.Fragment, o = function(e, r, a) {
+  return He.call(r, "css") ? Ie.jsx(sr, or(e, r), a) : Ie.jsx(e, r, a);
+}, D = function(e, r, a) {
+  return He.call(r, "css") ? Ie.jsxs(sr, or(e, r), a) : Ie.jsxs(e, r, a);
+};
+const oa = ({
+  components: t = [],
+  children: e
+}) => /* @__PURE__ */ o(_e, { children: t.reduceRight(
+  (r, a) => /* @__PURE__ */ o(a, { children: r }),
+  e
+) }), lr = Ue(void 0), Ge = () => Oe(lr), ct = new Ur({
+  coerceTypes: !0
+});
+function sa(t, e) {
+  let r;
+  if (r = ct.getSchema(e), r === void 0 && (ct.addSchema(t, e), r = ct.getSchema(e)), r === void 0 || r.schema !== t)
+    throw new Error(
+      `Invalid schema. Expected: '${JSON.stringify(
+        t
+      )}', but got '${JSON.stringify(r?.schema)}'.`
+    );
+  return r;
+}
+const la = {
+  type: "object",
+  properties: {
+    url: {
+      type: "string"
+    },
+    type: {
+      type: "string"
+    },
+    videoId: {
+      type: "string"
+    },
+    title: {
+      type: "string"
+    }
+  },
+  required: ["url", "type", "videoId", "title"]
+};
+var O = /* @__PURE__ */ ((t) => (t.Off = "Off", t.All = "All", t.One = "One", t))(O || {});
+const ca = {
+  type: "object",
+  properties: {
+    version: {
+      type: "string",
+      nullable: !0
+    },
+    repeat: {
+      type: "string",
+      enum: Object.values(O),
+      nullable: !0
+    },
+    shuffle: {
+      type: "boolean",
+      nullable: !0
+    },
+    items: {
+      type: "array",
+      nullable: !0,
+      items: la
+    },
+    currentIndex: {
+      type: "integer",
+      nullable: !0
+    }
+  }
+};
+class Ve {
+  constructor(e, r, a) {
+    this.observableStateProvider = e, this.playQueue = r, this.dto = a, this.id = Ve.nextId++, e.makeObservable(this, {
+      isSelected: Z,
+      isCurrent: g,
+      index: g,
+      isFirst: g,
+      isLast: g,
+      canMoveToTop: g,
+      canMoveToBottom: g,
+      canRemoveToTop: g,
+      canRemoveOthers: g,
+      unselect: m,
+      select: m,
+      toggleSelected: m.bound,
+      play: m,
+      remove: m.bound,
+      playFirst: m.bound,
+      playNext: m.bound,
+      addToPlayQueue: m.bound,
+      moveToTop: m.bound,
+      moveToBottom: m.bound,
+      removeToTop: m.bound,
+      removeOthers: m.bound
+    });
+  }
+  static nextId = 1;
+  id;
+  isSelected = !1;
+  static fromDto(e, r, a) {
+    return new Ve(e, r, a);
+  }
+  get url() {
+    return this.dto.url;
+  }
+  get type() {
+    return this.dto.type;
+  }
+  get videoId() {
+    return this.dto.videoId;
+  }
+  get title() {
+    return this.dto.title;
+  }
+  get isCurrent() {
+    return this.playQueue.currentItem === this;
+  }
+  get index() {
+    return this.playQueue.items.indexOf(this);
+  }
+  get isFirst() {
+    return this.index === 0;
+  }
+  get isLast() {
+    return this.index === this.playQueue.items.length - 1;
+  }
+  get canMoveToTop() {
+    return !this.isFirst;
+  }
+  get canMoveToBottom() {
+    return !this.isLast;
+  }
+  get canRemoveToTop() {
+    return !this.isFirst;
+  }
+  get canRemoveOthers() {
+    return this.playQueue.hasMultipleItems;
+  }
+  clone() {
+    return this.playQueue.createItem(this.dto);
+  }
+  unselect() {
+    this.isSelected = !1;
+  }
+  select() {
+    this.isSelected = !0;
+  }
+  toggleSelected() {
+    this.isSelected = !this.isSelected;
+  }
+  play() {
+    this.playQueue.setCurrentItem(this);
+  }
+  remove() {
+    return this.playQueue.removeItems([this]);
+  }
+  async playFirst() {
+    await this.playQueue.playFirst([this.clone()]);
+  }
+  async playNext() {
+    await this.playQueue.playNext([this.clone()]);
+  }
+  async addToPlayQueue() {
+    await this.playQueue.addItems([this.clone()]);
+  }
+  moveToTop() {
+    this.playQueue.moveItem(this, 0);
+  }
+  moveToBottom() {
+    this.playQueue.moveItem(this, this.playQueue.items.length - 1);
+  }
+  removeToTop() {
+    return this.playQueue.removeItemsAbove(this);
+  }
+  removeOthers() {
+    return this.playQueue.removeOtherItems(this);
+  }
+}
+class ua {
+  constructor(e) {
+    this.observableStateProvider = e, e.makeObservable(this, {
+      interacted: Z,
+      items: Z,
+      currentId: Z,
+      repeat: Z,
+      shuffle: Z,
+      localStorageState: g.struct,
+      isEmpty: g,
+      canClear: g,
+      currentItem: g,
+      canPlay: g,
+      canPause: g,
+      hasMultipleItems: g,
+      currentIndex: g,
+      hasPreviousItem: g,
+      hasNextItem: g,
+      isLastItem: g,
+      selectedItems: g,
+      allItemsSelected: g,
+      hasSelectedItems: g,
+      selectedItemsOrAllItems: g,
+      canAddSelectedItems: g,
+      canPlaySelectedItemsNext: g,
+      canRemoveSelectedItems: g,
+      setItems: m,
+      interact: m,
+      clear: m.bound,
+      unselectAll: m,
+      selectAll: m,
+      setCurrentItem: m,
+      setNextItems: m,
+      clearAndSetItems: m,
+      playNext: m,
+      playSelectedItemsNext: m.bound,
+      addItems: m,
+      addSelectedItems: m.bound,
+      playFirst: m,
+      moveItem: m,
+      goToFirst: m,
+      removeItems: m,
+      removeSelectedItems: m.bound,
+      removeOtherItems: m,
+      removeItemsAbove: m,
+      toggleRepeat: m.bound,
+      toggleShuffle: m.bound,
+      previous: m,
+      next: m.bound
+    });
+  }
+  interacted = !1;
+  items = [];
+  currentId;
+  repeat = O.Off;
+  shuffle = !1;
+  createItem(e) {
+    return Ve.fromDto(this.observableStateProvider, this, {
+      url: e.url,
+      type: e.type,
+      videoId: e.videoId,
+      title: e.title
+    });
+  }
+  get localStorageState() {
+    return {
+      version: "1.0",
+      repeat: this.repeat,
+      shuffle: this.shuffle,
+      items: this.items.map((e) => e.dto),
+      currentIndex: this.currentIndex
+    };
+  }
+  set localStorageState(e) {
+    this.repeat = e.repeat ?? O.Off, this.shuffle = e.shuffle ?? !1, this.items = e.items?.map((r) => this.createItem(r)) ?? [], this.currentIndex = e.currentIndex;
+  }
+  validateLocalStorageState(e) {
+    return sa(
+      ca,
+      "PlayQueueDto"
+    )(e);
+  }
+  get isEmpty() {
+    return this.items.length === 0;
+  }
+  get canClear() {
+    return !this.isEmpty;
+  }
+  get currentItem() {
+    return this.items.find((e) => e.id === this.currentId);
+  }
+  get canPlay() {
+    return this.currentItem !== void 0;
+  }
+  get canPause() {
+    return this.currentItem !== void 0;
+  }
+  get hasMultipleItems() {
+    return this.items.length > 1;
+  }
+  get currentIndex() {
+    return this.currentId !== void 0 ? this.items.findIndex((e) => e.id === this.currentId) : void 0;
+  }
+  set currentIndex(e) {
+    this.currentId = e !== void 0 ? this.items.at(e)?.id : void 0;
+  }
+  get hasPreviousItem() {
+    return this.hasMultipleItems && this.currentIndex !== void 0 && this.currentIndex > 0;
+  }
+  get hasNextItem() {
+    return this.hasMultipleItems && this.currentIndex !== void 0 && this.currentIndex < this.items.length - 1;
+  }
+  get isLastItem() {
+    return this.currentIndex !== void 0 && this.currentIndex === this.items.length - 1;
+  }
+  get selectedItems() {
+    return this.items.filter((e) => e.isSelected);
+  }
+  get allItemsSelected() {
+    return this.selectedItems.length === this.items.length;
+  }
+  get hasSelectedItems() {
+    return this.selectedItems.length > 0;
+  }
+  get selectedItemsOrAllItems() {
+    return this.hasSelectedItems ? this.selectedItems : this.items;
+  }
+  get canAddSelectedItems() {
+    return !this.isEmpty && this.hasSelectedItems;
+  }
+  get canPlaySelectedItemsNext() {
+    return !this.isEmpty && this.hasSelectedItems;
+  }
+  get canRemoveSelectedItems() {
+    return !this.isEmpty && this.hasSelectedItems;
+  }
+  setItems(e) {
+    this.items = e;
+  }
+  interact() {
+    this.interacted = !0;
+  }
+  clear() {
+    this.interact(), this.currentIndex = void 0, this.items = [];
+  }
+  unselectAll() {
+    for (const e of this.items)
+      e.unselect();
+  }
+  selectAll() {
+    for (const e of this.items)
+      e.select();
+  }
+  setCurrentItem(e) {
+    this.interact(), this.currentId = e?.id;
+  }
+  setNextItems(e) {
+    this.currentIndex !== void 0 && this.items.splice(this.currentIndex + 1, 0, ...e);
+  }
+  clearAndSetItems(e) {
+    this.clear(), this.setCurrentItem(e[0]), this.setNextItems(e);
+  }
+  async playNext(e) {
+    if (this.isEmpty) {
+      this.clearAndSetItems(e);
+      return;
+    }
+    this.setNextItems(e);
+  }
+  async playSelectedItemsNext() {
+    await this.playNext(
+      this.selectedItemsOrAllItems.map((e) => e.clone())
+    ), this.unselectAll();
+  }
+  async addItems(e) {
+    if (this.isEmpty) {
+      this.clearAndSetItems(e);
+      return;
+    }
+    this.items.push(...e);
+  }
+  async addSelectedItems() {
+    await this.addItems(
+      this.selectedItemsOrAllItems.map((e) => e.clone())
+    ), this.unselectAll();
+  }
+  async playFirst(e) {
+    if (this.isEmpty) {
+      this.clearAndSetItems(e);
+      return;
+    }
+    const { currentIndex: r } = this;
+    r !== void 0 && (this.interact(), this.items.splice(r, 0, ...e), this.currentIndex = r);
+  }
+  moveItem(e, r) {
+    const a = this.items.splice(this.items.indexOf(e), 1)[0];
+    this.items.splice(r, 0, a);
+  }
+  async goToFirst() {
+    this.currentIndex !== void 0 && (this.currentIndex = 0);
+  }
+  async removeItems(e) {
+    const { currentItem: r } = this;
+    At(this.items, ...e.filter((s) => s !== r));
+    const { currentIndex: a, isLastItem: i } = this;
+    At(
+      this.items,
+      e.find((s) => s === r)
+    ), this.currentItem !== r && (this.interact(), i ? await this.goToFirst() : this.currentIndex = a);
+  }
+  async removeSelectedItems() {
+    await this.removeItems(this.selectedItemsOrAllItems), this.unselectAll();
+  }
+  async removeOtherItems(e) {
+    const r = e.id;
+    return this.removeItems(
+      this.items.filter((a) => a.id !== r)
+    );
+  }
+  async removeItemsAbove(e) {
+    const r = this.items.indexOf(e);
+    return this.removeItems(
+      this.items.filter((a, i) => i < r)
+    );
+  }
+  toggleRepeat() {
+    switch (this.repeat) {
+      case O.Off:
+        this.repeat = O.All;
+        break;
+      case O.All:
+        this.repeat = O.One;
+        break;
+      case O.One:
+        this.repeat = O.Off;
+        break;
+    }
+  }
+  toggleShuffle() {
+    this.shuffle = !this.shuffle;
+  }
+  async previous() {
+    this.currentIndex !== void 0 && this.hasPreviousItem && (this.interact(), this.currentIndex--);
+  }
+  async next() {
+    this.currentIndex !== void 0 && this.hasNextItem && (this.interact(), this.currentIndex++);
+  }
+}
+const da = ({
+  children: t
+}) => {
+  const [e] = $(
+    () => new ua(new We())
+  ), r = ce();
+  return Yt(() => Lr(
+    () => e.currentItem,
+    async (a, i) => {
+      a === void 0 || i === void 0 || a.type === i.type && a.videoId === i.videoId && await r.setCurrentTime(0);
+    }
+  ), [e, r]), /* @__PURE__ */ o(lr.Provider, { value: e, children: t });
+}, cr = Ue(void 0), ur = () => Oe(cr);
+class fa {
+  controller = Yr;
+  playing = !1;
+  percent = 0;
+  seeking = !1;
+  constructor(e) {
+    e.makeObservable(this, {
+      controller: Z,
+      playing: Z,
+      percent: Z,
+      seeking: Z,
+      setPlaying: m,
+      setPercent: m,
+      setSeeking: m,
+      onControllerChange: m.bound,
+      onPlay: m.bound,
+      onPause: m.bound,
+      onEnded: m.bound,
+      onTimeUpdate: m.bound
+    });
+  }
+  setPlaying(e) {
+    this.playing = e;
+  }
+  setPercent(e) {
+    this.percent = e;
+  }
+  setSeeking(e) {
+    this.seeking = e;
+  }
+  onControllerChange(e) {
+    this.controller = e;
+  }
+  onPlay() {
+    this.playing = !0;
+  }
+  onPause() {
+    this.playing = !1;
+  }
+  onEnded() {
+    this.playing = !1;
+  }
+  onTimeUpdate({ percent: e }) {
+    e !== void 0 && (this.seeking || (this.percent = e));
+  }
+}
+const pa = ({
+  children: t
+}) => {
+  const [e] = $(
+    () => new fa(new We())
+  );
+  return /* @__PURE__ */ o(cr.Provider, { value: e, children: t });
+}, dr = Ue(void 0), z = () => Oe(dr);
+class ma {
+  constructor(e, r, a) {
+    this.player = r, this.playQueue = a, e.makeObservable(this, {
+      controller: g,
+      playing: g,
+      percent: g,
+      canSeek: g,
+      currentItem: g,
+      repeat: g,
+      shuffle: g,
+      canToggleRepeat: g,
+      canToggleShuffle: g,
+      canPlay: g,
+      canPause: g,
+      canPrevious: g,
+      canNext: g,
+      canSkipBack10: g,
+      canSkipForward30: g,
+      canRemoveFromPlayQueue: g,
+      setPercent: m.bound,
+      setSeeking: m.bound,
+      toggleRepeat: m.bound,
+      toggleShuffle: m.bound,
+      play: m.bound,
+      pause: m.bound,
+      previous: m.bound,
+      next: m.bound,
+      skipBack10: m.bound,
+      skipForward30: m.bound,
+      removeFromPlayQueue: m.bound
+    });
+  }
+  get controller() {
+    return this.player.controller;
+  }
+  get playing() {
+    return this.player.playing;
+  }
+  get percent() {
+    return this.player.percent;
+  }
+  get canSeek() {
+    return !this.playQueue.isEmpty && this.controller.supports("setCurrentTime");
+  }
+  get currentItem() {
+    return this.playQueue.currentItem;
+  }
+  get repeat() {
+    return this.playQueue.repeat;
+  }
+  get shuffle() {
+    return this.playQueue.shuffle;
+  }
+  get canToggleRepeat() {
+    return !0;
+  }
+  get canToggleShuffle() {
+    return !1;
+  }
+  get canPlay() {
+    return this.playQueue.canPlay && this.controller.supports("play");
+  }
+  get canPause() {
+    return this.playQueue.canPause && this.controller.supports("pause");
+  }
+  get canPrevious() {
+    return !this.playQueue.isEmpty;
+  }
+  get canNext() {
+    return this.playQueue.hasNextItem;
+  }
+  get canSkipBack10() {
+    return this.canSeek;
+  }
+  get canSkipForward30() {
+    return this.canSeek;
+  }
+  get canRemoveFromPlayQueue() {
+    return !this.playQueue.isEmpty;
+  }
+  setPercent(e) {
+    this.player.setPercent(e);
+  }
+  setSeeking(e) {
+    this.player.setSeeking(e);
+  }
+  toggleRepeat() {
+    this.playQueue.toggleRepeat();
+  }
+  toggleShuffle() {
+    this.playQueue.toggleShuffle();
+  }
+  play() {
+    return this.controller.play();
+  }
+  pause() {
+    return this.controller.pause();
+  }
+  async previous() {
+    if (this.playQueue.hasPreviousItem) {
+      const e = await this.controller.getCurrentTime();
+      e === void 0 || e < 5 ? await this.playQueue.previous() : await this.controller.setCurrentTime(0);
+    } else
+      await this.controller.setCurrentTime(0);
+  }
+  next() {
+    return this.playQueue.next();
+  }
+  async skipBack10() {
+    const e = await this.controller.getCurrentTime();
+    e !== void 0 && await this.controller.setCurrentTime(e - 10);
+  }
+  async skipForward30() {
+    const e = await this.controller.getCurrentTime();
+    e !== void 0 && await this.controller.setCurrentTime(e + 30);
+  }
+  async removeFromPlayQueue() {
+    this.currentItem !== void 0 && await this.playQueue.removeItems([this.currentItem]);
+  }
+}
+const ha = ({
+  children: t
+}) => {
+  const e = ur(), r = Ge(), [a] = $(
+    () => new ma(
+      new We(),
+      e,
+      r
+    )
+  );
+  return /* @__PURE__ */ o(dr.Provider, { value: a, children: t });
+}, fr = Ue(void 0), ya = () => Oe(fr);
+class va {
+  constructor(e, r, a) {
+    this.player = r, this.playQueue = a, e.makeObservable(this, {
+      controller: g,
+      currentItem: g,
+      onLoaded: m.bound,
+      onPlay: m.bound,
+      onPause: m.bound,
+      onEnded: m.bound,
+      onTimeUpdate: m.bound,
+      onControllerChange: m.bound
+    });
+  }
+  get controller() {
+    return this.player.controller;
+  }
+  get currentItem() {
+    return this.playQueue.currentItem;
+  }
+  async onLoaded() {
+    this.playQueue.interacted && await this.controller.play();
+  }
+  onPlay() {
+    this.player.onPlay();
+  }
+  onPause() {
+    this.player.onPause();
+  }
+  async onEnded() {
+    switch (this.playQueue.repeat) {
+      case O.One:
+        await this.controller.setCurrentTime(0);
+        break;
+      case O.Off:
+      case O.All:
+        if (this.playQueue.isLastItem)
+          switch (this.playQueue.repeat) {
+            case O.Off:
+              this.player.onEnded();
+              break;
+            case O.All:
+              this.playQueue.hasMultipleItems ? await this.playQueue.goToFirst() : await this.controller.setCurrentTime(0);
+              break;
+          }
+        else
+          await this.playQueue.next();
+        break;
+    }
+  }
+  onTimeUpdate(e) {
+    this.player.onTimeUpdate(e);
+  }
+  onControllerChange(e) {
+    this.player.onControllerChange(e);
+  }
+}
+const ga = ({
+  children: t
+}) => {
+  const e = ur(), r = Ge(), [a] = $(
+    () => new va(
+      new We(),
+      e,
+      r
+    )
+  );
+  return /* @__PURE__ */ o(fr.Provider, { value: a, children: t });
+}, Di = ({
+  children: t,
+  nostalgicDivaProps: e
+}) => /* @__PURE__ */ o(Wr, { ...e, children: /* @__PURE__ */ o(
+  oa,
+  {
+    components: [
+      pa,
+      da,
+      ga,
+      ha
+    ],
+    children: t
+  }
+) }), ba = {
+  mediaPlayer: {
+    enablePlaylists: process.env.NODE_ENV !== "production"
+  }
+}, Pa = "http://localhost".replace(/\/+$/, "");
+class pr {
+  constructor(e = {}) {
+    this.configuration = e;
+  }
+  set config(e) {
+    this.configuration = e;
+  }
+  get basePath() {
+    return this.configuration.basePath != null ? this.configuration.basePath : Pa;
+  }
+  get fetchApi() {
+    return this.configuration.fetchApi;
+  }
+  get middleware() {
+    return this.configuration.middleware || [];
+  }
+  get queryParamsStringify() {
+    return this.configuration.queryParamsStringify || mr;
+  }
+  get username() {
+    return this.configuration.username;
+  }
+  get password() {
+    return this.configuration.password;
+  }
+  get apiKey() {
+    const e = this.configuration.apiKey;
+    if (e)
+      return typeof e == "function" ? e : () => e;
+  }
+  get accessToken() {
+    const e = this.configuration.accessToken;
+    if (e)
+      return typeof e == "function" ? e : async () => e;
+  }
+  get headers() {
+    return this.configuration.headers;
+  }
+  get credentials() {
+    return this.configuration.credentials;
+  }
+}
+const Sa = new pr();
+class vt {
+  constructor(e = Sa) {
+    this.configuration = e, this.middleware = e.middleware;
+  }
+  static jsonRegex = new RegExp("^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$", "i");
+  middleware;
+  withMiddleware(...e) {
+    const r = this.clone();
+    return r.middleware = r.middleware.concat(...e), r;
+  }
+  withPreMiddleware(...e) {
+    const r = e.map((a) => ({ pre: a }));
+    return this.withMiddleware(...r);
+  }
+  withPostMiddleware(...e) {
+    const r = e.map((a) => ({ post: a }));
+    return this.withMiddleware(...r);
+  }
+  /**
+   * Check if the given MIME is a JSON MIME.
+   * JSON MIME examples:
+   *   application/json
+   *   application/json; charset=UTF8
+   *   APPLICATION/JSON
+   *   application/vnd.company+json
+   * @param mime - MIME (Multipurpose Internet Mail Extensions)
+   * @return True if the given MIME is JSON, false otherwise.
+   */
+  isJsonMime(e) {
+    return e ? vt.jsonRegex.test(e) : !1;
+  }
+  async request(e, r) {
+    const { url: a, init: i } = await this.createFetchParams(e, r), s = await this.fetchApi(a, i);
+    if (s && s.status >= 200 && s.status < 300)
+      return s;
+    throw new Ra(s, "Response returned an error code");
+  }
+  async createFetchParams(e, r) {
+    let a = this.configuration.basePath + e.path;
+    e.query !== void 0 && Object.keys(e.query).length !== 0 && (a += "?" + this.configuration.queryParamsStringify(e.query));
+    const i = Object.assign({}, this.configuration.headers, e.headers);
+    Object.keys(i).forEach((P) => i[P] === void 0 ? delete i[P] : {});
+    const s = typeof r == "function" ? r : async () => r, c = {
+      method: e.method,
+      headers: i,
+      body: e.body,
+      credentials: this.configuration.credentials
+    }, f = {
+      ...c,
+      ...await s({
+        init: c,
+        context: e
+      })
+    };
+    let p;
+    Ta(f.body) || f.body instanceof URLSearchParams || wa(f.body) ? p = f.body : this.isJsonMime(i["Content-Type"]) ? p = JSON.stringify(f.body) : p = f.body;
+    const y = {
+      ...f,
+      body: p
+    };
+    return { url: a, init: y };
+  }
+  fetchApi = async (e, r) => {
+    let a = { url: e, init: r };
+    for (const s of this.middleware)
+      s.pre && (a = await s.pre({
+        fetch: this.fetchApi,
+        ...a
+      }) || a);
+    let i;
+    try {
+      i = await (this.configuration.fetchApi || fetch)(a.url, a.init);
+    } catch (s) {
+      for (const c of this.middleware)
+        c.onError && (i = await c.onError({
+          fetch: this.fetchApi,
+          url: a.url,
+          init: a.init,
+          error: s,
+          response: i ? i.clone() : void 0
+        }) || i);
+      if (i === void 0)
+        throw s instanceof Error ? new Ca(s, "The request failed and the interceptors did not return an alternative response") : s;
+    }
+    for (const s of this.middleware)
+      s.post && (i = await s.post({
+        fetch: this.fetchApi,
+        url: a.url,
+        init: a.init,
+        response: i.clone()
+      }) || i);
+    return i;
+  };
+  /**
+   * Create a shallow clone of `this` by constructing a new instance
+   * and then shallow cloning data members.
+   */
+  clone() {
+    const e = this.constructor, r = new e(this.configuration);
+    return r.middleware = this.middleware.slice(), r;
+  }
+}
+function wa(t) {
+  return typeof Blob < "u" && t instanceof Blob;
+}
+function Ta(t) {
+  return typeof FormData < "u" && t instanceof FormData;
+}
+class Ra extends Error {
+  constructor(e, r) {
+    super(r), this.response = e;
+  }
+  name = "ResponseError";
+}
+class Ca extends Error {
+  constructor(e, r) {
+    super(r), this.cause = e;
+  }
+  name = "FetchError";
+}
+class Ce extends Error {
+  constructor(e, r) {
+    super(r), this.field = e;
+  }
+  name = "RequiredError";
+}
+function mr(t, e = "") {
+  return Object.keys(t).map((r) => hr(r, t[r], e)).filter((r) => r.length > 0).join("&");
+}
+function hr(t, e, r = "") {
+  const a = r + (r.length ? `[${t}]` : t);
+  if (e instanceof Array) {
+    const i = e.map((s) => encodeURIComponent(String(s))).join(`&${encodeURIComponent(a)}=`);
+    return `${encodeURIComponent(a)}=${i}`;
+  }
+  if (e instanceof Set) {
+    const i = Array.from(e);
+    return hr(t, i, r);
+  }
+  return e instanceof Date ? `${encodeURIComponent(a)}=${encodeURIComponent(e.toISOString())}` : e instanceof Object ? mr(e, a) : `${encodeURIComponent(a)}=${encodeURIComponent(String(e))}`;
+}
+class se {
+  constructor(e, r = (a) => a) {
+    this.raw = e, this.transformer = r;
+  }
+  async value() {
+    return this.transformer(await this.raw.json());
+  }
+}
+function yr(t) {
+  return Ea(t);
+}
+function Ea(t, e) {
+  return t == null ? t : {
+    id: t.id,
+    name: t.name
+  };
+}
+function Ia(t) {
+  return xa(t);
+}
+function xa(t, e) {
+  return t == null ? t : {
+    playlist: yr(t.playlist)
+  };
+}
+function Oa(t) {
+  return ka(t);
+}
+function ka(t, e) {
+  return t == null ? t : {
+    items: t.items.map(yr)
+  };
+}
+function _a(t) {
+  return Aa(t);
+}
+function Aa(t, e) {
+  return t == null ? t : {
+    id: t.id,
+    url: t.url,
+    type: t.type,
+    videoId: t.videoId,
+    title: t.title
+  };
+}
+function Fa(t) {
+  return Ma(t);
+}
+function Ma(t, e) {
+  return t == null ? t : {
+    items: t.items.map(_a)
+  };
+}
+function Da(t) {
+  return Na(t, !1);
+}
+function Na(t, e = !1) {
+  return t == null ? t : {
+    name: t.name
+  };
+}
+function $a(t) {
+  return Ba(t, !1);
+}
+function Ba(t, e = !1) {
+  return t == null ? t : {
+    name: t.name
+  };
+}
+class ja extends vt {
+  /**
+   */
+  async mediaPlayerPlaylistsGetRaw(e) {
+    const r = {}, a = {}, s = await this.request({
+      path: "/media-player/playlists",
+      method: "GET",
+      headers: a,
+      query: r
+    }, e);
+    return new se(s, (c) => Oa(c));
+  }
+  /**
+   */
+  async mediaPlayerPlaylistsGet(e) {
+    return await (await this.mediaPlayerPlaylistsGetRaw(e)).value();
+  }
+  /**
+   */
+  async mediaPlayerPlaylistsIdDeleteRaw(e, r) {
+    if (e.id == null)
+      throw new Ce(
+        "id",
+        'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdDelete().'
+      );
+    const a = {}, i = {};
+    let s = "/media-player/playlists/{id}";
+    s = s.replace("{id}", encodeURIComponent(String(e.id)));
+    const c = await this.request({
+      path: s,
+      method: "DELETE",
+      headers: i,
+      query: a
+    }, r);
+    return new se(c);
+  }
+  /**
+   */
+  async mediaPlayerPlaylistsIdDelete(e, r) {
+    return await (await this.mediaPlayerPlaylistsIdDeleteRaw(e, r)).value();
+  }
+  /**
+   */
+  async mediaPlayerPlaylistsIdGetRaw(e, r) {
+    if (e.id == null)
+      throw new Ce(
+        "id",
+        'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdGet().'
+      );
+    const a = {}, i = {};
+    let s = "/media-player/playlists/{id}";
+    s = s.replace("{id}", encodeURIComponent(String(e.id)));
+    const c = await this.request({
+      path: s,
+      method: "GET",
+      headers: i,
+      query: a
+    }, r);
+    return new se(c, (f) => Ia(f));
+  }
+  /**
+   */
+  async mediaPlayerPlaylistsIdGet(e, r) {
+    return await (await this.mediaPlayerPlaylistsIdGetRaw(e, r)).value();
+  }
+  /**
+   */
+  async mediaPlayerPlaylistsIdRenamePostRaw(e, r) {
+    if (e.id == null)
+      throw new Ce(
+        "id",
+        'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdRenamePost().'
+      );
+    const a = {}, i = {};
+    i["Content-Type"] = "application/json";
+    let s = "/media-player/playlists/{id}:rename";
+    s = s.replace("{id}", encodeURIComponent(String(e.id)));
+    const c = await this.request({
+      path: s,
+      method: "POST",
+      headers: i,
+      query: a,
+      body: $a(e.hydrangeanDivaMediaPlayerEndpointsPlaylistsRenamePlaylistRequest)
+    }, r);
+    return new se(c);
+  }
+  /**
+   */
+  async mediaPlayerPlaylistsIdRenamePost(e, r) {
+    return await (await this.mediaPlayerPlaylistsIdRenamePostRaw(e, r)).value();
+  }
+  /**
+   */
+  async mediaPlayerPlaylistsIdTracksGetRaw(e, r) {
+    if (e.id == null)
+      throw new Ce(
+        "id",
+        'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdTracksGet().'
+      );
+    const a = {}, i = {};
+    let s = "/media-player/playlists/{id}/tracks";
+    s = s.replace("{id}", encodeURIComponent(String(e.id)));
+    const c = await this.request({
+      path: s,
+      method: "GET",
+      headers: i,
+      query: a
+    }, r);
+    return new se(c, (f) => Fa(f));
+  }
+  /**
+   */
+  async mediaPlayerPlaylistsIdTracksGet(e, r) {
+    return await (await this.mediaPlayerPlaylistsIdTracksGetRaw(e, r)).value();
+  }
+  /**
+   */
+  async mediaPlayerPlaylistsIdTracksPutRaw(e, r) {
+    if (e.id == null)
+      throw new Ce(
+        "id",
+        'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdTracksPut().'
+      );
+    const a = {}, i = {};
+    let s = "/media-player/playlists/{id}/tracks";
+    s = s.replace("{id}", encodeURIComponent(String(e.id)));
+    const c = await this.request({
+      path: s,
+      method: "PUT",
+      headers: i,
+      query: a
+    }, r);
+    return new se(c);
+  }
+  /**
+   */
+  async mediaPlayerPlaylistsIdTracksPut(e, r) {
+    return await (await this.mediaPlayerPlaylistsIdTracksPutRaw(e, r)).value();
+  }
+  /**
+   */
+  async mediaPlayerPlaylistsPostRaw(e, r) {
+    const a = {}, i = {};
+    i["Content-Type"] = "application/json";
+    const c = await this.request({
+      path: "/media-player/playlists",
+      method: "POST",
+      headers: i,
+      query: a,
+      body: Da(e.hydrangeanDivaMediaPlayerEndpointsPlaylistsCreatePlaylistRequest)
+    }, r);
+    return new se(c);
+  }
+  /**
+   */
+  async mediaPlayerPlaylistsPost(e = {}, r) {
+    return await (await this.mediaPlayerPlaylistsPostRaw(e, r)).value();
+  }
+}
+const za = new pr({
+  basePath: new URL("api", window.location.origin).toString()
+}), La = new ja(
+  za
+), qa = ({
+  disabled: t,
+  onAddToPlaylist: e
+}) => {
+  const [r, a] = $(!1), [i, s] = $(
+    "loading"
+  );
+  return Yt(() => {
+    La.mediaPlayerPlaylistsGet().then(
+      (c) => s(
+        c.items.map((f) => ({
+          key: f.id,
+          label: f.name
+        }))
+      )
+    );
+  }, []), /* @__PURE__ */ o(
+    ke,
+    {
+      panelPaddingSize: "none",
+      button: /* @__PURE__ */ o(
+        J,
+        {
+          iconType: Ee,
+          onClick: () => a(!r),
+          disabled: t,
+          children: "Add to"
+        }
+      ),
+      isOpen: r,
+      closePopover: () => a(!1),
+      children: /* @__PURE__ */ o(
+        Jr,
+        {
+          searchable: !0,
+          searchProps: {
+            compressed: !0
+          },
+          options: i === "loading" ? void 0 : i,
+          isLoading: i === "loading",
+          onChange: async (c, f, p) => {
+            a(!1), await e(p);
+          },
+          singleSelection: !0,
+          children: (c, f) => /* @__PURE__ */ D("div", { style: { width: 240 }, children: [
+            /* @__PURE__ */ o(Kr, { paddingSize: "s", children: f }),
+            c,
+            /* @__PURE__ */ o(Xr, { paddingSize: "s", children: /* @__PURE__ */ o(J, { size: "s", fullWidth: !0, iconType: Ee, children: "New playlist" }) })
+          ] })
+        }
+      )
+    }
+  );
+}, Qa = ({
+  onCancel: t,
+  onSave: e
+}) => {
+  const r = Zr({ prefix: "modalForm" }), [a, i] = $(""), [s, c] = $(""), [f, p] = $(!1);
+  return /* @__PURE__ */ D(on, { onClose: t, initialFocus: "[name=url]", children: [
+    /* @__PURE__ */ o(tn, { children: /* @__PURE__ */ o(en, { children: "Add video" }) }),
+    /* @__PURE__ */ o(nn, { children: /* @__PURE__ */ D(
+      rn,
+      {
+        id: r,
+        component: "form",
+        onSubmit: async (y) => {
+          y.preventDefault();
+          try {
+            p(!0), await e({ url: a, title: s });
+          } finally {
+            p(!1);
+          }
+        },
+        children: [
+          /* @__PURE__ */ o(ut, { label: "URL", children: /* @__PURE__ */ o(
+            Ft,
+            {
+              name: "url",
+              value: a,
+              onChange: (y) => i(y.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ o(ut, { label: "Title", children: /* @__PURE__ */ o(
+            Ft,
+            {
+              name: "title",
+              value: s,
+              onChange: (y) => c(y.target.value)
+            }
+          ) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ D(an, { children: [
+      /* @__PURE__ */ o(Wt, { onClick: t, children: "Cancel" }),
+      /* @__PURE__ */ o(
+        J,
+        {
+          type: "submit",
+          form: r,
+          fill: !0,
+          disabled: a.trim().length === 0,
+          isLoading: f,
+          children: "Add video"
+        }
+      )
+    ] })
+  ] });
+}, Vt = ne(
+  ({ onSave: t }) => {
+    const [e, r] = $(!1), a = B(
+      async (i) => {
+        await t(i), r(!1);
+      },
+      [t]
+    );
+    return /* @__PURE__ */ D(_e, { children: [
+      /* @__PURE__ */ o(
+        J,
+        {
+          onClick: () => r(!0),
+          iconType: Ee,
+          color: "primary",
+          children: "Add video"
+        }
+      ),
+      e && /* @__PURE__ */ o(
+        Qa,
+        {
+          onCancel: () => r(!1),
+          onSave: a
+        }
+      )
+    ] });
+  }
+);
+I(
+  ({ playQueue: t }) => {
+    const [e, r] = $(!1);
+    return /* @__PURE__ */ D(_e, { children: [
+      e && /* @__PURE__ */ o(
+        ln,
+        {
+          type: "push",
+          size: "s",
+          onClose: () => r(!1),
+          children: /* @__PURE__ */ o("div", { style: { blockSize: "100%" }, children: /* @__PURE__ */ o(
+            sn,
+            {
+              language: "json",
+              overflowHeight: "100%",
+              isCopyable: !0,
+              isVirtualized: !0,
+              children: JSON.stringify(
+                t.localStorageState,
+                void 0,
+                2
+              )
+            }
+          ) })
+        }
+      ),
+      /* @__PURE__ */ o(
+        J,
+        {
+          onClick: () => r((a) => !a),
+          iconType: vn,
+          children: "Developer tools"
+        }
+      )
+    ] });
+  }
+);
+const vr = {
+  Audio: "",
+  Dailymotion: "https://www.dailymotion.com/favicon.ico",
+  Niconico: "https://www.nicovideo.jp/favicon.ico",
+  SoundCloud: "https://soundcloud.com/favicon.ico",
+  Twitch: "https://www.twitch.tv/favicon.ico",
+  Vimeo: "https://vimeo.com/favicon.ico",
+  YouTube: "https://www.youtube.com/favicon.ico"
+}, Va = I(
+  ({ playQueue: t }) => {
+    const { euiTheme: e } = Ht();
+    return /* @__PURE__ */ D(
+      un,
+      {
+        style: {
+          position: "sticky",
+          top: 112,
+          zIndex: 998,
+          background: e.colors.backgroundBasePlain
+        },
+        children: [
+          /* @__PURE__ */ o(cn, { children: /* @__PURE__ */ o(
+            Gt,
+            {
+              id: "",
+              checked: t.allItemsSelected,
+              onChange: (r) => {
+                r.target.checked ? t.selectAll() : t.unselectAll();
+              }
+            }
+          ) }),
+          /* @__PURE__ */ o(ot, { width: 24 }),
+          /* @__PURE__ */ o(ot, { children: "Title" }),
+          /* @__PURE__ */ o(ot, {})
+        ]
+      }
+    );
+  }
+), Ua = ne(
+  ({
+    item: t,
+    closePopover: e
+  }) => {
+    const r = Ye(
+      () => [
+        {
+          id: 0,
+          items: [
+            {
+              name: "Play first",
+              icon: /* @__PURE__ */ o(U, { type: "" }),
+              onClick: async () => {
+                e(), await t.playFirst();
+              }
+            },
+            {
+              name: "Play next",
+              icon: /* @__PURE__ */ o(U, { type: "" }),
+              onClick: async () => {
+                e(), await t.playNext();
+              }
+            },
+            {
+              name: "Add to play queue",
+              icon: /* @__PURE__ */ o(U, { type: Ee }),
+              onClick: async () => {
+                e(), await t.addToPlayQueue();
+              }
+            },
+            {
+              isSeparator: !0
+            },
+            {
+              name: "Move to the top",
+              icon: /* @__PURE__ */ o(U, { type: gn }),
+              onClick: async () => {
+                e(), t.moveToTop();
+              },
+              disabled: !t.canMoveToTop
+            },
+            {
+              name: "Move to the bottom",
+              icon: /* @__PURE__ */ o(U, { type: bn }),
+              onClick: async () => {
+                e(), t.moveToBottom();
+              },
+              disabled: !t.canMoveToBottom
+            },
+            {
+              isSeparator: !0
+            },
+            {
+              name: "Remove to the top",
+              icon: /* @__PURE__ */ o(U, { type: "" }),
+              onClick: async () => {
+                e(), await t.removeToTop();
+              },
+              disabled: !t.canRemoveToTop
+            },
+            {
+              name: "Remove others",
+              icon: /* @__PURE__ */ o(U, { type: "" }),
+              onClick: async () => {
+                e(), await t.removeOthers();
+              },
+              disabled: !t.canRemoveOthers
+            }
+          ]
+        }
+      ],
+      [e, t]
+    );
+    return /* @__PURE__ */ o(mt, { initialPanelId: 0, panels: r });
+  }
+), Ya = ne(
+  ({ item: t }) => {
+    const [e, r] = $(!1), a = B(() => r(!e), [e]), i = B(() => r(!1), []);
+    return /* @__PURE__ */ o(
+      ke,
+      {
+        button: /* @__PURE__ */ o(
+          Y,
+          {
+            title: "More options",
+            "aria-label": "More options",
+            iconType: Xt,
+            size: "s",
+            color: "text",
+            onClick: a
+          }
+        ),
+        isOpen: e,
+        closePopover: i,
+        panelPaddingSize: "none",
+        anchorPosition: "leftCenter",
+        children: /* @__PURE__ */ o(
+          Ua,
+          {
+            item: t,
+            closePopover: i
+          }
+        )
+      }
+    );
+  }
+), Wa = I(
+  ({ item: t }) => {
+    const e = ce();
+    return /* @__PURE__ */ D(dt, { textOnly: !1, hasActions: !0, align: "right", children: [
+      /* @__PURE__ */ o(
+        J,
+        {
+          iconType: Pn,
+          size: "s",
+          onClick: async () => {
+            t.isCurrent ? await e.setCurrentTime(0) : t.play();
+          },
+          children: "Play"
+        }
+      ),
+      /* @__PURE__ */ o(
+        J,
+        {
+          iconType: yt,
+          size: "s",
+          onClick: t.remove,
+          children: "Remove"
+        }
+      ),
+      /* @__PURE__ */ o(Ya, { item: t })
+    ] });
+  }
+), Ha = I(
+  ({ item: t }) => {
+    const e = ce();
+    return /* @__PURE__ */ D(pn, { isSelected: t.isCurrent, children: [
+      /* @__PURE__ */ o(dn, { children: /* @__PURE__ */ o(
+        Gt,
+        {
+          id: t.id.toString(),
+          checked: t.isSelected,
+          onChange: t.toggleSelected
+        }
+      ) }),
+      /* @__PURE__ */ o(dt, { textOnly: !1, children: /* @__PURE__ */ o(
+        "img",
+        {
+          src: vr[t.type],
+          width: 16,
+          height: 16,
+          alt: t.type
+        }
+      ) }),
+      /* @__PURE__ */ o(dt, { children: /* @__PURE__ */ o(
+        fn,
+        {
+          href: t.url,
+          target: "_blank",
+          external: !0,
+          onClick: () => e.pause(),
+          children: t.title
+        }
+      ) }),
+      /* @__PURE__ */ o(Wa, { item: t })
+    ] }, t.id);
+  }
+), Ga = I(
+  ({ playQueue: t }) => /* @__PURE__ */ o(
+    Mn,
+    {
+      tag: "tbody",
+      list: t.items,
+      setList: (e) => t.setItems(e),
+      children: t.items.map((e) => /* @__PURE__ */ o(Ha, { item: e }, e.id))
+    }
+  )
+), Ja = I(
+  ({ playQueue: t }) => /* @__PURE__ */ D(mn, { children: [
+    /* @__PURE__ */ o(Va, { playQueue: t }),
+    /* @__PURE__ */ o(Ga, { playQueue: t })
+  ] })
+);
+function Ka(t) {
+  return t !== null && typeof t == "object" && "title" in t && typeof t.title == "string";
+}
+const Xa = I(
+  ({ playQueue: t }) => /* @__PURE__ */ o(
+    J,
+    {
+      iconType: Ee,
+      onClick: t.addSelectedItems,
+      disabled: !t.canAddSelectedItems,
+      children: "Add to play queue"
+    }
+  )
+), Za = I(
+  ({ playQueue: t }) => {
+    const { euiTheme: e } = Ht(), r = B(async () => {
+    }, []), a = B(
+      async (i) => {
+        const s = Hr(i.url);
+        if (s === void 0)
+          return;
+        const c = s.extractVideoId(i.url);
+        if (c === void 0)
+          return;
+        const p = await (await fetch(
+          `https://noembed.com/embed?url=${encodeURIComponent(
+            i.url
+          )}`
+        )).json(), y = t.createItem({
+          url: i.url,
+          type: s.type,
+          videoId: c,
+          title: i.title || (Ka(p) ? p.title : c)
+        });
+        await t.addItems([y]);
+      },
+      [t]
+    );
+    return /* @__PURE__ */ D(_e, { children: [
+      /* @__PURE__ */ D(
+        le,
+        {
+          alignItems: "center",
+          gutterSize: "m",
+          style: {
+            position: "sticky",
+            top: 48,
+            zIndex: 998,
+            background: e.colors.backgroundBasePlain
+          },
+          children: [
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(
+              J,
+              {
+                disabled: !t.canPlaySelectedItemsNext,
+                onClick: t.playSelectedItemsNext,
+                children: "Play next"
+              }
+            ) }),
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(Xa, { playQueue: t }) }),
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(
+              qa,
+              {
+                disabled: !ba.mediaPlayer.enablePlaylists,
+                onAddToPlaylist: r
+              }
+            ) }),
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(
+              J,
+              {
+                iconType: yt,
+                onClick: t.removeSelectedItems,
+                disabled: !t.canRemoveSelectedItems,
+                children: "Remove"
+              }
+            ) }),
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(
+              J,
+              {
+                iconType: Sn,
+                onClick: t.clear,
+                disabled: !t.canClear,
+                children: "Clear"
+              }
+            ) }),
+            /* @__PURE__ */ o(G, { grow: !0 }),
+            /* @__PURE__ */ D(G, { grow: !1, children: [
+              !1,
+              /* @__PURE__ */ o(Vt, { onSave: a })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ o(
+        Jt,
+        {
+          size: "l",
+          style: {
+            position: "sticky",
+            top: 88,
+            zIndex: 998,
+            background: e.colors.backgroundBasePlain
+          }
+        }
+      ),
+      t.isEmpty ? /* @__PURE__ */ o(
+        hn,
+        {
+          title: /* @__PURE__ */ o("h2", { children: "We couldn't find any videos" }),
+          body: /* @__PURE__ */ o("p", { children: "Your video library doesn't contain any video content." }),
+          actions: /* @__PURE__ */ o(Vt, { onSave: a })
+        }
+      ) : /* @__PURE__ */ o(Ja, { playQueue: t })
+    ] });
+  }
+), ei = ({
+  breadcrumbs: t,
+  tabs: e,
+  ...r
+}) => {
+  const a = Dn();
+  return /* @__PURE__ */ o(
+    ht.Header,
+    {
+      ...r,
+      breadcrumbs: t?.map(({ linkProps: i, ...s }) => ({
+        ...s,
+        href: i === void 0 ? void 0 : a.buildLocation(
+          i
+          /* FIXME */
+        ).href,
+        onClick: i === void 0 ? void 0 : async (c) => {
+          c.preventDefault(), await a.navigate(i);
+        }
+      })),
+      tabs: e?.map(({ linkProps: i, ...s }) => ({
+        ...s,
+        href: i === void 0 ? void 0 : a.buildLocation(
+          i
+          /* FIXME */
+        ).href,
+        onClick: i === void 0 ? void 0 : async (c) => {
+          c.preventDefault(), await a.navigate(i);
+        }
+      }))
+    }
+  );
+}, Ni = () => {
+  const t = Ge();
+  return /* @__PURE__ */ D(_e, { children: [
+    /* @__PURE__ */ o(
+      ei,
+      {
+        pageTitle: "Play queue",
+        rightSideItems: []
+      }
+    ),
+    /* @__PURE__ */ o(ht.Section, { children: /* @__PURE__ */ o(Za, { playQueue: t }) })
+  ] });
+}, ti = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
+    Y,
+    {
+      title: `Shuffle: ${t.shuffle ? "On" : "Off"}`,
+      "aria-label": `Shuffle: ${t.shuffle ? "On" : "Off"}`,
+      iconType: t.shuffle ? wn : Tn,
+      size: "s",
+      iconSize: "l",
+      onClick: t.toggleShuffle,
+      disabled: !t.canToggleShuffle
+    }
+  );
+}), ri = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
+    Y,
+    {
+      title: "Previous",
+      "aria-label": "Previous",
+      iconType: Rn,
+      size: "s",
+      iconSize: "l",
+      onClick: t.previous,
+      disabled: !t.canPrevious
+    }
+  );
+}), ni = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
+    Y,
+    {
+      title: "Skip back 10 seconds",
+      "aria-label": "Skip back 10 seconds",
+      iconType: Zt,
+      size: "s",
+      iconSize: "l",
+      onClick: t.skipBack10,
+      disabled: !t.canSkipBack10
+    }
+  );
+}), ai = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
+    Y,
+    {
+      title: "Pause",
+      "aria-label": "Pause",
+      iconType: Cn,
+      size: "s",
+      iconSize: "l",
+      onClick: t.pause,
+      disabled: !t.canPause
+    }
+  );
+}), ii = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
+    Y,
+    {
+      title: "Play",
+      "aria-label": "Play",
+      iconType: En,
+      size: "s",
+      iconSize: "l",
+      onClick: t.play,
+      disabled: !t.canPlay
+    }
+  );
+}), oi = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
+    Y,
+    {
+      title: "Skip forward 30 seconds",
+      "aria-label": "Skip forward 30 seconds",
+      iconType: er,
+      size: "s",
+      iconSize: "l",
+      onClick: t.skipForward30,
+      disabled: !t.canSkipForward30
+    }
+  );
+}), si = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
+    Y,
+    {
+      title: "Next",
+      "aria-label": "Next",
+      iconType: In,
+      size: "s",
+      iconSize: "l",
+      onClick: t.next,
+      disabled: !t.canNext
+    }
+  );
+}), li = {
+  [O.Off]: kn,
+  [O.All]: On,
+  [O.One]: xn
+}, ci = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
+    Y,
+    {
+      title: `Repeat: ${t.repeat === O.All ? "All" : t.repeat === O.One ? "One" : "Off"}`,
+      "aria-label": `Repeat: ${t.repeat === O.All ? "All" : t.repeat === O.One ? "One" : "Off"}`,
+      iconType: li[t.repeat],
+      size: "s",
+      iconSize: "l",
+      onClick: t.toggleRepeat,
+      disabled: !t.canToggleRepeat
+    }
+  );
+}), ui = I(() => {
+  const t = z();
+  return /* @__PURE__ */ D(
+    le,
+    {
+      responsive: !1,
+      gutterSize: "s",
+      justifyContent: "center",
+      alignItems: "center",
+      children: [
+        /* @__PURE__ */ o(ti, {}),
+        /* @__PURE__ */ o(ri, {}),
+        /* @__PURE__ */ o(ni, {}),
+        t.playing ? /* @__PURE__ */ o(ai, {}) : /* @__PURE__ */ o(ii, {}),
+        /* @__PURE__ */ o(oi, {}),
+        /* @__PURE__ */ o(si, {}),
+        /* @__PURE__ */ o(ci, {})
+      ]
+    }
+  );
+}), di = ne(
+  ({ item: t, closePopover: e }) => {
+    const r = ce(), a = Ye(
+      () => [
+        {
+          id: 0,
+          items: [
+            {
+              name: "Open in new tab",
+              icon: /* @__PURE__ */ o(U, { type: _n }),
+              onClick: async () => {
+                e(), await r.pause(), window.open(t.dto.url, "_blank");
+              }
+            },
+            {
+              name: "Copy link address",
+              icon: /* @__PURE__ */ o(U, { type: "" }),
+              onClick: async () => {
+                e(), await navigator.clipboard.writeText(
+                  t.dto.url
+                );
+              }
+            },
+            {
+              name: "Copy link text",
+              icon: /* @__PURE__ */ o(U, { type: "" }),
+              onClick: async () => {
+                e(), await navigator.clipboard.writeText(
+                  t.dto.title
+                );
+              }
+            }
+          ]
+        }
+      ],
+      [e, r, t]
+    );
+    return /* @__PURE__ */ o(mt, { initialPanelId: 0, panels: a });
+  }
+), fi = ne(
+  ({ item: t }) => {
+    const [e, r] = $(!1), a = B(() => r(!e), [e]), i = B(() => r(!1), []);
+    return /* @__PURE__ */ o(
+      ke,
+      {
+        button: /* @__PURE__ */ o(
+          Wt,
+          {
+            iconType: vr[t.type],
+            size: "s",
+            onClick: a,
+            children: t.title
+          }
+        ),
+        isOpen: e,
+        closePopover: i,
+        panelPaddingSize: "none",
+        anchorPosition: "upLeft",
+        children: /* @__PURE__ */ o(
+          di,
+          {
+            item: t,
+            closePopover: i
+          }
+        )
+      }
+    );
+  }
+), pi = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
+    le,
+    {
+      responsive: !1,
+      gutterSize: "s",
+      justifyContent: "flexStart",
+      alignItems: "center",
+      children: t.currentItem && /* @__PURE__ */ o(fi, { item: t.currentItem })
+    }
+  );
+}), mi = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
+    Y,
+    {
+      title: "Mute",
+      "aria-label": "Mute",
+      iconType: tr,
+      size: "s",
+      iconSize: "l",
+      disabled: !t.controller.supports("setMuted")
+    }
+  );
+}), hi = I(
+  ({ button: t, isOpen: e, closePopover: r }) => {
+    const a = z(), [i, s] = $("0"), c = ce();
+    Qr(() => {
+      e && c.getVolume().then((p) => {
+        p !== void 0 && s(Math.floor(p * 100).toString());
+      });
+    }, [e, c]);
+    const f = B(
+      async (p) => {
+        s(p.currentTarget.value), await c.setVolume(Number(p.currentTarget.value) / 100);
+      },
+      [c]
+    );
+    return /* @__PURE__ */ o(
+      ke,
+      {
+        button: t,
+        isOpen: e,
+        closePopover: r,
+        anchorPosition: "upRight",
+        children: /* @__PURE__ */ o(ut, { children: /* @__PURE__ */ D(
+          le,
+          {
+            responsive: !1,
+            gutterSize: "s",
+            justifyContent: "center",
+            alignItems: "center",
+            children: [
+              /* @__PURE__ */ o(mi, {}),
+              /* @__PURE__ */ o(
+                Kt,
+                {
+                  min: 0,
+                  max: 100,
+                  step: 1,
+                  value: i,
+                  onChange: f,
+                  css: { blockSize: 32 },
+                  disabled: !a.controller.supports("setVolume")
+                }
+              )
+            ]
+          }
+        ) })
+      }
+    );
+  }
+), yi = I(() => {
+  const t = z(), [e, r] = $(!1);
+  return /* @__PURE__ */ o(
+    hi,
+    {
+      button: /* @__PURE__ */ o(
+        Y,
+        {
+          title: "Volume",
+          "aria-label": "Volume",
+          iconType: tr,
+          size: "s",
+          iconSize: "l",
+          onClick: () => r(!e),
+          disabled: !t.controller.supports("getVolume")
+        }
+      ),
+      isOpen: e,
+      closePopover: () => r(!1)
+    }
+  );
+}), vi = ({
+  onClickPlayQueueButton: t
+}) => /* @__PURE__ */ o(
+  Y,
+  {
+    title: "Play queue",
+    "aria-label": "Play queue",
+    iconType: Fn,
+    size: "s",
+    iconSize: "l",
+    onClick: t
+  }
+), gi = I(
+  ({ closePopover: t }) => {
+    const e = z(), r = ce(), a = B(async () => {
+      await e.skipBack10(), t();
+    }, [e, t]), i = B(async () => {
+      await e.skipForward30(), t();
+    }, [e, t]), s = B(
+      async (w) => {
+        await r.setPlaybackRate(w), t();
+      },
+      [r, t]
+    ), c = B(async () => {
+      await e.removeFromPlayQueue(), t();
+    }, [e, t]), [f, p] = $(), y = B(async () => {
+      await e.controller.getPlaybackRate().then((w) => p(w));
+    }, [e]), P = Ye(
+      () => [
+        {
+          id: 0,
+          items: [
+            {
+              name: "Speed",
+              icon: /* @__PURE__ */ o(U, { type: An }),
+              panel: 1,
+              onClick: y,
+              disabled: !e.controller.supports(
+                "getPlaybackRate"
+              )
+            },
+            {
+              name: "Skip back 10 seconds",
+              icon: /* @__PURE__ */ o(U, { type: Zt }),
+              onClick: a,
+              disabled: !e.canSkipBack10
+            },
+            {
+              name: "Skip forward 30 seconds",
+              icon: /* @__PURE__ */ o(U, { type: er }),
+              onClick: i,
+              disabled: !e.canSkipForward30
+            },
+            {
+              isSeparator: !0
+            },
+            {
+              name: "Remove from play queue",
+              icon: /* @__PURE__ */ o(U, { type: yt }),
+              onClick: c,
+              disabled: !e.canRemoveFromPlayQueue
+            }
+          ]
+        },
+        {
+          id: 1,
+          title: "Speed",
+          items: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2].map(
+            (w) => ({
+              name: w.toString(),
+              onClick: () => s(w),
+              icon: w === f ? "check" : "empty",
+              disabled: !e.controller.supports(
+                "setPlaybackRate"
+              )
+            })
+          )
+        }
+      ],
+      [
+        e,
+        y,
+        a,
+        i,
+        c,
+        s,
+        f
+      ]
+    );
+    return /* @__PURE__ */ o(mt, { initialPanelId: 0, panels: P });
+  }
+), bi = ne(
+  ({
+    button: t,
+    isOpen: e,
+    closePopover: r
+  }) => /* @__PURE__ */ o(
+    ke,
+    {
+      button: t,
+      isOpen: e,
+      closePopover: r,
+      panelPaddingSize: "none",
+      anchorPosition: "upRight",
+      children: /* @__PURE__ */ o(gi, { closePopover: r })
+    }
+  )
+), Pi = ne(() => {
+  const [t, e] = $(!1);
+  return /* @__PURE__ */ o(
+    bi,
+    {
+      button: /* @__PURE__ */ o(
+        Y,
+        {
+          title: "More options",
+          "aria-label": "More options",
+          iconType: Xt,
+          size: "s",
+          iconSize: "l",
+          onClick: () => e(!t)
+        }
+      ),
+      isOpen: t,
+      closePopover: () => e(!1)
+    }
+  );
+}), Si = ne(
+  ({ onClickPlayQueueButton: t }) => /* @__PURE__ */ D(
+    le,
+    {
+      responsive: !1,
+      gutterSize: "s",
+      justifyContent: "flexEnd",
+      alignItems: "center",
+      children: [
+        /* @__PURE__ */ o(yi, {}),
+        t && /* @__PURE__ */ o(
+          vi,
+          {
+            onClickPlayQueueButton: t
+          }
+        ),
+        /* @__PURE__ */ o(Pi, {})
+      ]
+    }
+  )
+), wi = I(() => {
+  const t = z(), e = ce(), r = B(
+    (s) => {
+      const c = Number(s.currentTarget.value) / 100;
+      t.setPercent(c);
+    },
+    [t]
+  ), a = B(
+    (s) => {
+      s.button === 0 && t.setSeeking(!0);
+    },
+    [t]
+  ), i = B(
+    async (s) => {
+      if (s.button === 0) {
+        const c = Number(s.currentTarget.value) / 100;
+        t.setSeeking(!1);
+        const f = await e.getDuration();
+        f !== void 0 && await e.setCurrentTime(f * c);
+      }
+    },
+    [t, e]
+  );
+  return /* @__PURE__ */ o(
+    Kt,
+    {
+      min: 0,
+      max: 100,
+      step: 1e-7,
+      value: t.percent * 100,
+      onChange: r,
+      onMouseDown: a,
+      onMouseUp: i,
+      fullWidth: !0,
+      showRange: !0,
+      css: { blockSize: 32 },
+      disabled: !t.canSeek
+    }
+  );
+}), $i = I(
+  ({ onClickPlayQueueButton: t }) => /* @__PURE__ */ o(yn, { paddingSize: "s", children: /* @__PURE__ */ D(le, { direction: "column", gutterSize: "none", children: [
+    /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(wi, {}) }),
+    /* @__PURE__ */ o(G, { children: /* @__PURE__ */ D(le, { responsive: !1, children: [
+      /* @__PURE__ */ o(G, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(pi, {}) }),
+      /* @__PURE__ */ o(G, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(ui, {}) }),
+      /* @__PURE__ */ o(G, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(
+        Si,
+        {
+          onClickPlayQueueButton: t
+        }
+      ) })
+    ] }) })
+  ] }) })
+), pt = {
+  width: 400,
+  height: 225
+}, Bi = I(() => {
+  const t = ya(), e = Ye(
+    () => ({
+      onLoaded: t.onLoaded,
+      onPlay: t.onPlay,
+      onPause: t.onPause,
+      onEnded: t.onEnded,
+      onTimeUpdate: t.onTimeUpdate
+    }),
+    [t]
+  );
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      css: {
+        position: "fixed",
+        right: 0,
+        bottom: rr,
+        width: pt.width,
+        height: pt.height,
+        zIndex: 998,
+        backgroundColor: "rgb(39, 39, 39)",
+        display: "flex",
+        flexDirection: "column"
+      },
+      children: /* @__PURE__ */ o("div", { css: { flexGrow: 1, backgroundColor: "black" }, children: t.currentItem && /* @__PURE__ */ o(
+        Gr,
+        {
+          src: t.currentItem.url,
+          options: e,
+          onControllerChange: t.onControllerChange
+        }
+      ) })
+    }
+  );
+}), ji = I(
+  ({ children: t }) => {
+    const e = Ge();
+    return /* @__PURE__ */ D(
+      ht,
+      {
+        panelled: !0,
+        style: {
+          minBlockSize: `max(460px, 100vh - ${rr}px)`
+        },
+        children: [
+          t,
+          !e.isEmpty && /* @__PURE__ */ o(Jt, { style: { blockSize: pt.height } })
+        ]
+      }
+    );
+  }
+);
+export {
+  $i as BottomBar,
+  Di as HydrangeanDivaProvider,
+  ji as MediaPlayerLayout,
+  Bi as MiniPlayer,
+  We as MobXObservableStateProvider,
+  Mi as ObservableStateProvider,
+  Za as PlayQueue,
+  lr as PlayQueueContext,
+  Ni as PlayQueuePage,
+  O as RepeatMode,
+  rr as bottomBarHeight,
+  Ge as usePlayQueue
+};
+//# sourceMappingURL=index.es.js.map