@aigamo/hydrangean-diva 0.0.1-alpha.24 → 0.0.1-alpha.26

package/dist/features/media-player.play-queue/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './pages';
+export * from './stores';

package/dist/features/media-player.play-queue/stores/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PlayQueueItemStore';
+export * from './PlayQueueStore';

package/dist/features/media-player.player/index.d.ts

@@ -1 +1,3 @@
 export * from './components';
+export * from './interfaces';
+export * from './stores';

package/dist/features/media-player.player/interfaces/IBottomBarStore.d.ts

@@ -1,7 +1,9 @@
 import { IPlayQueueStore, RepeatMode } from '../../media-player.play-queue.abstractions';
 import { IPlayQueueItemStore } from '../../media-player.play-queue.abstractions/interfaces/IPlayQueueItemStore';
 import { IPlayerStore } from './IPlayerStore';
+import { IPlayerController } from '@aigamo/nostalgic-diva';
 export interface IBottomBarStore {
+    readonly controller: IPlayerController;
     readonly playing: boolean;
     readonly currentItem: IPlayQueueItemStore | undefined;
     readonly repeat: RepeatMode;

package/dist/features/media-player.player/interfaces/IMiniPlayerStore.d.ts

@@ -1,6 +1,7 @@
 import { IPlayQueueItemStore } from '../../media-player.play-queue.abstractions/interfaces/IPlayQueueItemStore';
 import { IPlayerController, TimeEvent } from '@aigamo/nostalgic-diva';
 export interface IMiniPlayerStore {
+    readonly controller: IPlayerController;
     readonly currentItem: IPlayQueueItemStore | undefined;
     onLoaded(): Promise<void>;
     onPlay(): void;

package/dist/features/media-player.player/interfaces/index.d.ts

@@ -0,0 +1,3 @@
+export * from './IBottomBarStore';
+export * from './IMiniPlayerStore';
+export * from './IPlayerStore';

package/dist/features/media-player.player/stores/BottomBarStore.d.ts

@@ -7,8 +7,8 @@ import { IPlayerController } from '@aigamo/nostalgic-diva';
 export declare class BottomBarStore implements IBottomBarStore {
     readonly playerStore: IPlayerStore;
     readonly playQueueStore: IPlayQueueStore;
-    private readonly diva;
-    constructor(observableStateProvider: IObservableStateProvider, playerStore: IPlayerStore, playQueueStore: IPlayQueueStore, diva: IPlayerController);
+    constructor(observableStateProvider: IObservableStateProvider, playerStore: IPlayerStore, playQueueStore: IPlayQueueStore);
+    get controller(): IPlayerController;
     get playing(): boolean;
     get currentItem(): IPlayQueueItemStore | undefined;
     get repeat(): RepeatMode;

package/dist/features/media-player.player/stores/MiniPlayerStore.d.ts

@@ -6,8 +6,8 @@ import { IPlayerController, TimeEvent } from '@aigamo/nostalgic-diva';
 export declare class MiniPlayerStore implements IMiniPlayerStore {
     private readonly playerStore;
     private readonly playQueueStore;
-    private readonly diva;
-    constructor(observableStateProvider: IObservableStateProvider, playerStore: IPlayerStore, playQueueStore: IPlayQueueStore, diva: IPlayerController);
+    constructor(observableStateProvider: IObservableStateProvider, playerStore: IPlayerStore, playQueueStore: IPlayQueueStore);
+    get controller(): IPlayerController;
     get currentItem(): IPlayQueueItemStore | undefined;
     onLoaded(): Promise<void>;
     onPlay(): void;

package/dist/features/media-player.player/stores/index.d.ts

@@ -0,0 +1,3 @@
+export * from './BottomBarStore';
+export * from './MiniPlayerStore';
+export * from './PlayerStore';

package/dist/index.cjs.js

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("mobx"),v=require("react"),sr=require("@emotion/cache"),l=require("@elastic/eui"),S=require("@fluentui/react-icons"),H=require("@aigamo/nostalgic-diva"),O=require("mobx-react-lite"),lr=require("react-sortablejs"),cr=require("ajv"),mt=require("lodash-es"),ur=require("@tanstack/react-router");function dr(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const K=dr(v),Qe=81;class Ke{makeObservable(t,r){return d.makeObservable(t,r)}}class fr{makeObservable(t,r){return t}}const Xe=v.createContext(void 0),Ze=()=>v.useContext(Xe);var $=(e=>(e.Off="Off",e.All="All",e.One="One",e))($||{}),ke={exports:{}},me={};var ht;function pr(){if(ht)return me;ht=1;var e=v,t=Symbol.for("react.element"),r=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,a=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function u(y,m,b){var E,I={},z=null,j=null;b!==void 0&&(z=""+b),m.key!==void 0&&(z=""+m.key),m.ref!==void 0&&(j=m.ref);for(E in m)i.call(m,E)&&!s.hasOwnProperty(E)&&(I[E]=m[E]);if(y&&y.defaultProps)for(E in m=y.defaultProps,m)I[E]===void 0&&(I[E]=m[E]);return{$$typeof:t,type:y,key:z,ref:j,props:I,_owner:a.current}}return me.Fragment=r,me.jsx=u,me.jsxs=u,me}var he={};var vt;function yr(){return vt||(vt=1,process.env.NODE_ENV!=="production"&&(function(){var e=v,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),u=Symbol.for("react.provider"),y=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),b=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),j=Symbol.for("react.offscreen"),F=Symbol.iterator,Y="@@iterator";function J(n){if(n===null||typeof n!="object")return null;var c=F&&n[F]||n[Y];return typeof c=="function"?c:null}var L=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function k(n){{for(var c=arguments.length,p=new Array(c>1?c-1:0),g=1;g<c;g++)p[g-1]=arguments[g];D("error",n,p)}}function D(n,c,p){{var g=L.ReactDebugCurrentFrame,R=g.getStackAddendum();R!==""&&(c+="%s",p=p.concat([R]));var x=p.map(function(w){return String(w)});x.unshift("Warning: "+c),Function.prototype.apply.call(console[n],console,x)}}var _=!1,f=!1,V=!1,se=!1,Pe=!1,Ee;Ee=Symbol.for("react.module.reference");function Me(n){return!!(typeof n=="string"||typeof n=="function"||n===i||n===s||Pe||n===a||n===b||n===E||se||n===j||_||f||V||typeof n=="object"&&n!==null&&(n.$$typeof===z||n.$$typeof===I||n.$$typeof===u||n.$$typeof===y||n.$$typeof===m||n.$$typeof===Ee||n.getModuleId!==void 0))}function Ne(n,c,p){var g=n.displayName;if(g)return g;var R=c.displayName||c.name||"";return R!==""?p+"("+R+")":p}function we(n){return n.displayName||"Context"}function B(n){if(n==null)return null;if(typeof n.tag=="number"&&k("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 i:return"Fragment";case r:return"Portal";case s:return"Profiler";case a:return"StrictMode";case b:return"Suspense";case E:return"SuspenseList"}if(typeof n=="object")switch(n.$$typeof){case y:var c=n;return we(c)+".Consumer";case u:var p=n;return we(p._context)+".Provider";case m:return Ne(n,n.render,"ForwardRef");case I:var g=n.displayName||null;return g!==null?g:B(n.type)||"Memo";case z:{var R=n,x=R._payload,w=R._init;try{return B(w(x))}catch{return null}}}return null}var Q=Object.assign,X=0,Se,Ie,le,Re,ce,Ce,Te;function xe(){}xe.__reactDisabledLog=!0;function $e(){{if(X===0){Se=console.log,Ie=console.info,le=console.warn,Re=console.error,ce=console.group,Ce=console.groupCollapsed,Te=console.groupEnd;var n={configurable:!0,enumerable:!0,value:xe,writable:!0};Object.defineProperties(console,{info:n,log:n,warn:n,error:n,group:n,groupCollapsed:n,groupEnd:n})}X++}}function je(){{if(X--,X===0){var n={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:Q({},n,{value:Se}),info:Q({},n,{value:Ie}),warn:Q({},n,{value:le}),error:Q({},n,{value:Re}),group:Q({},n,{value:ce}),groupCollapsed:Q({},n,{value:Ce}),groupEnd:Q({},n,{value:Te})})}X<0&&k("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ue=L.ReactCurrentDispatcher,de;function re(n,c,p){{if(de===void 0)try{throw Error()}catch(R){var g=R.stack.trim().match(/\n( *(at )?)/);de=g&&g[1]||""}return`
-`+de+n}}var fe=!1,ne;{var qe=typeof WeakMap=="function"?WeakMap:Map;ne=new qe}function h(n,c){if(!n||fe)return"";{var p=ne.get(n);if(p!==void 0)return p}var g;fe=!0;var R=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var x;x=ue.current,ue.current=null,$e();try{if(c){var w=function(){throw Error()};if(Object.defineProperty(w.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(w,[])}catch(U){g=U}Reflect.construct(n,[],w)}else{try{w.call()}catch(U){g=U}n.call(w.prototype)}}else{try{throw Error()}catch(U){g=U}n()}}catch(U){if(U&&g&&typeof U.stack=="string"){for(var P=U.stack.split(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("mobx"),v=require("react"),ur=require("@emotion/cache"),l=require("@elastic/eui"),w=require("@fluentui/react-icons"),B=require("@aigamo/nostalgic-diva"),O=require("mobx-react-lite"),cr=require("react-sortablejs"),dr=require("ajv"),ht=require("lodash-es"),fr=require("@tanstack/react-router");function pr(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const K=pr(v),Je=81;class Ke{makeObservable(t,r){return u.makeObservable(t,r)}}class yr{makeObservable(t,r){return t}}const Xe=v.createContext(void 0),Ze=()=>v.useContext(Xe);var _=(e=>(e.Off="Off",e.All="All",e.One="One",e))(_||{}),_e={exports:{}},he={};var mt;function hr(){if(mt)return he;mt=1;var e=v,t=Symbol.for("react.element"),r=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,a=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function d(y,h,b){var S,T={},z=null,j=null;b!==void 0&&(z=""+b),h.key!==void 0&&(z=""+h.key),h.ref!==void 0&&(j=h.ref);for(S in h)i.call(h,S)&&!s.hasOwnProperty(S)&&(T[S]=h[S]);if(y&&y.defaultProps)for(S in h=y.defaultProps,h)T[S]===void 0&&(T[S]=h[S]);return{$$typeof:t,type:y,key:z,ref:j,props:T,_owner:a.current}}return he.Fragment=r,he.jsx=d,he.jsxs=d,he}var me={};var vt;function mr(){return vt||(vt=1,process.env.NODE_ENV!=="production"&&(function(){var e=v,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),d=Symbol.for("react.provider"),y=Symbol.for("react.context"),h=Symbol.for("react.forward_ref"),b=Symbol.for("react.suspense"),S=Symbol.for("react.suspense_list"),T=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),j=Symbol.for("react.offscreen"),M=Symbol.iterator,V="@@iterator";function W(n){if(n===null||typeof n!="object")return null;var c=M&&n[M]||n[V];return typeof c=="function"?c:null}var L=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function k(n){{for(var c=arguments.length,p=new Array(c>1?c-1:0),g=1;g<c;g++)p[g-1]=arguments[g];D("error",n,p)}}function D(n,c,p){{var g=L.ReactDebugCurrentFrame,I=g.getStackAddendum();I!==""&&(c+="%s",p=p.concat([I]));var x=p.map(function(E){return String(E)});x.unshift("Warning: "+c),Function.prototype.apply.call(console[n],console,x)}}var A=!1,f=!1,Q=!1,se=!1,Se=!1,Ee;Ee=Symbol.for("react.module.reference");function De(n){return!!(typeof n=="string"||typeof n=="function"||n===i||n===s||Se||n===a||n===b||n===S||se||n===j||A||f||Q||typeof n=="object"&&n!==null&&(n.$$typeof===z||n.$$typeof===T||n.$$typeof===d||n.$$typeof===y||n.$$typeof===h||n.$$typeof===Ee||n.getModuleId!==void 0))}function Ne(n,c,p){var g=n.displayName;if(g)return g;var I=c.displayName||c.name||"";return I!==""?p+"("+I+")":p}function we(n){return n.displayName||"Context"}function G(n){if(n==null)return null;if(typeof n.tag=="number"&&k("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 i:return"Fragment";case r:return"Portal";case s:return"Profiler";case a:return"StrictMode";case b:return"Suspense";case S:return"SuspenseList"}if(typeof n=="object")switch(n.$$typeof){case y:var c=n;return we(c)+".Consumer";case d:var p=n;return we(p._context)+".Provider";case h:return Ne(n,n.render,"ForwardRef");case T:var g=n.displayName||null;return g!==null?g:G(n.type)||"Memo";case z:{var I=n,x=I._payload,E=I._init;try{return G(E(x))}catch{return null}}}return null}var J=Object.assign,X=0,Te,Ie,le,Ce,ue,Re,xe;function Oe(){}Oe.__reactDisabledLog=!0;function $e(){{if(X===0){Te=console.log,Ie=console.info,le=console.warn,Ce=console.error,ue=console.group,Re=console.groupCollapsed,xe=console.groupEnd;var n={configurable:!0,enumerable:!0,value:Oe,writable:!0};Object.defineProperties(console,{info:n,log:n,warn:n,error:n,group:n,groupCollapsed:n,groupEnd:n})}X++}}function je(){{if(X--,X===0){var n={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:J({},n,{value:Te}),info:J({},n,{value:Ie}),warn:J({},n,{value:le}),error:J({},n,{value:Ce}),group:J({},n,{value:ue}),groupCollapsed:J({},n,{value:Re}),groupEnd:J({},n,{value:xe})})}X<0&&k("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ce=L.ReactCurrentDispatcher,de;function re(n,c,p){{if(de===void 0)try{throw Error()}catch(I){var g=I.stack.trim().match(/\n( *(at )?)/);de=g&&g[1]||""}return`
+`+de+n}}var fe=!1,ne;{var qe=typeof WeakMap=="function"?WeakMap:Map;ne=new qe}function m(n,c){if(!n||fe)return"";{var p=ne.get(n);if(p!==void 0)return p}var g;fe=!0;var I=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var x;x=ce.current,ce.current=null,$e();try{if(c){var E=function(){throw Error()};if(Object.defineProperty(E.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(E,[])}catch(U){g=U}Reflect.construct(n,[],E)}else{try{E.call()}catch(U){g=U}n.call(E.prototype)}}else{try{throw Error()}catch(U){g=U}n()}}catch(U){if(U&&g&&typeof U.stack=="string"){for(var P=U.stack.split(`
 `),q=g.stack.split(`
-`),A=P.length-1,M=q.length-1;A>=1&&M>=0&&P[A]!==q[M];)M--;for(;A>=1&&M>=0;A--,M--)if(P[A]!==q[M]){if(A!==1||M!==1)do if(A--,M--,M<0||P[A]!==q[M]){var G=`
-`+P[A].replace(" at new "," at ");return n.displayName&&G.includes("<anonymous>")&&(G=G.replace("<anonymous>",n.displayName)),typeof n=="function"&&ne.set(n,G),G}while(A>=1&&M>=0);break}}}finally{fe=!1,ue.current=x,je(),Error.prepareStackTrace=R}var oe=n?n.displayName||n.name:"",ee=oe?re(oe):"";return typeof n=="function"&&ne.set(n,ee),ee}function pe(n,c,p){return h(n,!1)}function ie(n){var c=n.prototype;return!!(c&&c.isReactComponent)}function Z(n,c,p){if(n==null)return"";if(typeof n=="function")return h(n,ie(n));if(typeof n=="string")return re(n);switch(n){case b:return re("Suspense");case E:return re("SuspenseList")}if(typeof n=="object")switch(n.$$typeof){case m:return pe(n.render);case I:return Z(n.type,c,p);case z:{var g=n,R=g._payload,x=g._init;try{return Z(x(R),c,p)}catch{}}}return""}var ye=Object.prototype.hasOwnProperty,tt={},rt=L.ReactDebugCurrentFrame;function Oe(n){if(n){var c=n._owner,p=Z(n.type,n._source,c?c.type:null);rt.setExtraStackFrame(p)}else rt.setExtraStackFrame(null)}function qt(n,c,p,g,R){{var x=Function.call.bind(ye);for(var w in n)if(x(n,w)){var P=void 0;try{if(typeof n[w]!="function"){var q=Error((g||"React class")+": "+p+" type `"+w+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof n[w]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw q.name="Invariant Violation",q}P=n[w](c,w,g,p,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(A){P=A}P&&!(P instanceof Error)&&(Oe(R),k("%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).",g||"React class",p,w,typeof P),Oe(null)),P instanceof Error&&!(P.message in tt)&&(tt[P.message]=!0,Oe(R),k("Failed %s type: %s",p,P.message),Oe(null))}}}var zt=Array.isArray;function ze(n){return zt(n)}function Lt(n){{var c=typeof Symbol=="function"&&Symbol.toStringTag,p=c&&n[Symbol.toStringTag]||n.constructor.name||"Object";return p}}function Vt(n){try{return nt(n),!1}catch{return!0}}function nt(n){return""+n}function it(n){if(Vt(n))return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Lt(n)),nt(n)}var at=L.ReactCurrentOwner,Ut={key:!0,ref:!0,__self:!0,__source:!0},ot,st;function Yt(n){if(ye.call(n,"ref")){var c=Object.getOwnPropertyDescriptor(n,"ref").get;if(c&&c.isReactWarning)return!1}return n.ref!==void 0}function Gt(n){if(ye.call(n,"key")){var c=Object.getOwnPropertyDescriptor(n,"key").get;if(c&&c.isReactWarning)return!1}return n.key!==void 0}function Ht(n,c){typeof n.ref=="string"&&at.current}function Bt(n,c){{var p=function(){ot||(ot=!0,k("%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)",c))};p.isReactWarning=!0,Object.defineProperty(n,"key",{get:p,configurable:!0})}}function Wt(n,c){{var p=function(){st||(st=!0,k("%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)",c))};p.isReactWarning=!0,Object.defineProperty(n,"ref",{get:p,configurable:!0})}}var Jt=function(n,c,p,g,R,x,w){var P={$$typeof:t,type:n,key:c,ref:p,props:w,_owner:x};return P._store={},Object.defineProperty(P._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(P,"_self",{configurable:!1,enumerable:!1,writable:!1,value:g}),Object.defineProperty(P,"_source",{configurable:!1,enumerable:!1,writable:!1,value:R}),Object.freeze&&(Object.freeze(P.props),Object.freeze(P)),P};function Qt(n,c,p,g,R){{var x,w={},P=null,q=null;p!==void 0&&(it(p),P=""+p),Gt(c)&&(it(c.key),P=""+c.key),Yt(c)&&(q=c.ref,Ht(c,R));for(x in c)ye.call(c,x)&&!Ut.hasOwnProperty(x)&&(w[x]=c[x]);if(n&&n.defaultProps){var A=n.defaultProps;for(x in A)w[x]===void 0&&(w[x]=A[x])}if(P||q){var M=typeof n=="function"?n.displayName||n.name||"Unknown":n;P&&Bt(w,M),q&&Wt(w,M)}return Jt(n,P,q,R,g,at.current,w)}}var Le=L.ReactCurrentOwner,lt=L.ReactDebugCurrentFrame;function ae(n){if(n){var c=n._owner,p=Z(n.type,n._source,c?c.type:null);lt.setExtraStackFrame(p)}else lt.setExtraStackFrame(null)}var Ve;Ve=!1;function Ue(n){return typeof n=="object"&&n!==null&&n.$$typeof===t}function ct(){{if(Le.current){var n=B(Le.current.type);if(n)return`
+`),F=P.length-1,N=q.length-1;F>=1&&N>=0&&P[F]!==q[N];)N--;for(;F>=1&&N>=0;F--,N--)if(P[F]!==q[N]){if(F!==1||N!==1)do if(F--,N--,N<0||P[F]!==q[N]){var Y=`
+`+P[F].replace(" at new "," at ");return n.displayName&&Y.includes("<anonymous>")&&(Y=Y.replace("<anonymous>",n.displayName)),typeof n=="function"&&ne.set(n,Y),Y}while(F>=1&&N>=0);break}}}finally{fe=!1,ce.current=x,je(),Error.prepareStackTrace=I}var oe=n?n.displayName||n.name:"",ee=oe?re(oe):"";return typeof n=="function"&&ne.set(n,ee),ee}function pe(n,c,p){return m(n,!1)}function ie(n){var c=n.prototype;return!!(c&&c.isReactComponent)}function Z(n,c,p){if(n==null)return"";if(typeof n=="function")return m(n,ie(n));if(typeof n=="string")return re(n);switch(n){case b:return re("Suspense");case S:return re("SuspenseList")}if(typeof n=="object")switch(n.$$typeof){case h:return pe(n.render);case T:return Z(n.type,c,p);case z:{var g=n,I=g._payload,x=g._init;try{return Z(x(I),c,p)}catch{}}}return""}var ye=Object.prototype.hasOwnProperty,tt={},rt=L.ReactDebugCurrentFrame;function ke(n){if(n){var c=n._owner,p=Z(n.type,n._source,c?c.type:null);rt.setExtraStackFrame(p)}else rt.setExtraStackFrame(null)}function Lt(n,c,p,g,I){{var x=Function.call.bind(ye);for(var E in n)if(x(n,E)){var P=void 0;try{if(typeof n[E]!="function"){var q=Error((g||"React class")+": "+p+" type `"+E+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof n[E]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw q.name="Invariant Violation",q}P=n[E](c,E,g,p,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(F){P=F}P&&!(P instanceof Error)&&(ke(I),k("%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).",g||"React class",p,E,typeof P),ke(null)),P instanceof Error&&!(P.message in tt)&&(tt[P.message]=!0,ke(I),k("Failed %s type: %s",p,P.message),ke(null))}}}var Qt=Array.isArray;function ze(n){return Qt(n)}function Ut(n){{var c=typeof Symbol=="function"&&Symbol.toStringTag,p=c&&n[Symbol.toStringTag]||n.constructor.name||"Object";return p}}function Vt(n){try{return nt(n),!1}catch{return!0}}function nt(n){return""+n}function it(n){if(Vt(n))return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ut(n)),nt(n)}var at=L.ReactCurrentOwner,Yt={key:!0,ref:!0,__self:!0,__source:!0},ot,st;function Bt(n){if(ye.call(n,"ref")){var c=Object.getOwnPropertyDescriptor(n,"ref").get;if(c&&c.isReactWarning)return!1}return n.ref!==void 0}function Gt(n){if(ye.call(n,"key")){var c=Object.getOwnPropertyDescriptor(n,"key").get;if(c&&c.isReactWarning)return!1}return n.key!==void 0}function Ht(n,c){typeof n.ref=="string"&&at.current}function Wt(n,c){{var p=function(){ot||(ot=!0,k("%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)",c))};p.isReactWarning=!0,Object.defineProperty(n,"key",{get:p,configurable:!0})}}function Jt(n,c){{var p=function(){st||(st=!0,k("%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)",c))};p.isReactWarning=!0,Object.defineProperty(n,"ref",{get:p,configurable:!0})}}var Kt=function(n,c,p,g,I,x,E){var P={$$typeof:t,type:n,key:c,ref:p,props:E,_owner:x};return P._store={},Object.defineProperty(P._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(P,"_self",{configurable:!1,enumerable:!1,writable:!1,value:g}),Object.defineProperty(P,"_source",{configurable:!1,enumerable:!1,writable:!1,value:I}),Object.freeze&&(Object.freeze(P.props),Object.freeze(P)),P};function Xt(n,c,p,g,I){{var x,E={},P=null,q=null;p!==void 0&&(it(p),P=""+p),Gt(c)&&(it(c.key),P=""+c.key),Bt(c)&&(q=c.ref,Ht(c,I));for(x in c)ye.call(c,x)&&!Yt.hasOwnProperty(x)&&(E[x]=c[x]);if(n&&n.defaultProps){var F=n.defaultProps;for(x in F)E[x]===void 0&&(E[x]=F[x])}if(P||q){var N=typeof n=="function"?n.displayName||n.name||"Unknown":n;P&&Wt(E,N),q&&Jt(E,N)}return Kt(n,P,q,I,g,at.current,E)}}var Le=L.ReactCurrentOwner,lt=L.ReactDebugCurrentFrame;function ae(n){if(n){var c=n._owner,p=Z(n.type,n._source,c?c.type:null);lt.setExtraStackFrame(p)}else lt.setExtraStackFrame(null)}var Qe;Qe=!1;function Ue(n){return typeof n=="object"&&n!==null&&n.$$typeof===t}function ut(){{if(Le.current){var n=G(Le.current.type);if(n)return`
 
-Check the render method of \``+n+"`."}return""}}function Kt(n){return""}var ut={};function Xt(n){{var c=ct();if(!c){var p=typeof n=="string"?n:n.displayName||n.name;p&&(c=`
+Check the render method of \``+n+"`."}return""}}function Zt(n){return""}var ct={};function er(n){{var c=ut();if(!c){var p=typeof n=="string"?n:n.displayName||n.name;p&&(c=`
 
-Check the top-level render call using <`+p+">.")}return c}}function dt(n,c){{if(!n._store||n._store.validated||n.key!=null)return;n._store.validated=!0;var p=Xt(c);if(ut[p])return;ut[p]=!0;var g="";n&&n._owner&&n._owner!==Le.current&&(g=" It was passed a child from "+B(n._owner.type)+"."),ae(n),k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',p,g),ae(null)}}function ft(n,c){{if(typeof n!="object")return;if(ze(n))for(var p=0;p<n.length;p++){var g=n[p];Ue(g)&&dt(g,c)}else if(Ue(n))n._store&&(n._store.validated=!0);else if(n){var R=J(n);if(typeof R=="function"&&R!==n.entries)for(var x=R.call(n),w;!(w=x.next()).done;)Ue(w.value)&&dt(w.value,c)}}}function Zt(n){{var c=n.type;if(c==null||typeof c=="string")return;var p;if(typeof c=="function")p=c.propTypes;else if(typeof c=="object"&&(c.$$typeof===m||c.$$typeof===I))p=c.propTypes;else return;if(p){var g=B(c);qt(p,n.props,"prop",g,n)}else if(c.PropTypes!==void 0&&!Ve){Ve=!0;var R=B(c);k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",R||"Unknown")}typeof c.getDefaultProps=="function"&&!c.getDefaultProps.isReactClassApproved&&k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function er(n){{for(var c=Object.keys(n.props),p=0;p<c.length;p++){var g=c[p];if(g!=="children"&&g!=="key"){ae(n),k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",g),ae(null);break}}n.ref!==null&&(ae(n),k("Invalid attribute `ref` supplied to `React.Fragment`."),ae(null))}}var pt={};function yt(n,c,p,g,R,x){{var w=Me(n);if(!w){var P="";(n===void 0||typeof n=="object"&&n!==null&&Object.keys(n).length===0)&&(P+=" 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 q=Kt();q?P+=q:P+=ct();var A;n===null?A="null":ze(n)?A="array":n!==void 0&&n.$$typeof===t?(A="<"+(B(n.type)||"Unknown")+" />",P=" Did you accidentally export a JSX literal instead of a component?"):A=typeof n,k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",A,P)}var M=Qt(n,c,p,R,x);if(M==null)return M;if(w){var G=c.children;if(G!==void 0)if(g)if(ze(G)){for(var oe=0;oe<G.length;oe++)ft(G[oe],n);Object.freeze&&Object.freeze(G)}else k("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 ft(G,n)}if(ye.call(c,"key")){var ee=B(n),U=Object.keys(c).filter(function(or){return or!=="key"}),Ye=U.length>0?"{key: someKey, "+U.join(": ..., ")+": ...}":"{key: someKey}";if(!pt[ee+Ye]){var ar=U.length>0?"{"+U.join(": ..., ")+": ...}":"{}";k(`A props object containing a "key" prop is being spread into JSX:
+Check the top-level render call using <`+p+">.")}return c}}function dt(n,c){{if(!n._store||n._store.validated||n.key!=null)return;n._store.validated=!0;var p=er(c);if(ct[p])return;ct[p]=!0;var g="";n&&n._owner&&n._owner!==Le.current&&(g=" It was passed a child from "+G(n._owner.type)+"."),ae(n),k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',p,g),ae(null)}}function ft(n,c){{if(typeof n!="object")return;if(ze(n))for(var p=0;p<n.length;p++){var g=n[p];Ue(g)&&dt(g,c)}else if(Ue(n))n._store&&(n._store.validated=!0);else if(n){var I=W(n);if(typeof I=="function"&&I!==n.entries)for(var x=I.call(n),E;!(E=x.next()).done;)Ue(E.value)&&dt(E.value,c)}}}function tr(n){{var c=n.type;if(c==null||typeof c=="string")return;var p;if(typeof c=="function")p=c.propTypes;else if(typeof c=="object"&&(c.$$typeof===h||c.$$typeof===T))p=c.propTypes;else return;if(p){var g=G(c);Lt(p,n.props,"prop",g,n)}else if(c.PropTypes!==void 0&&!Qe){Qe=!0;var I=G(c);k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",I||"Unknown")}typeof c.getDefaultProps=="function"&&!c.getDefaultProps.isReactClassApproved&&k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function rr(n){{for(var c=Object.keys(n.props),p=0;p<c.length;p++){var g=c[p];if(g!=="children"&&g!=="key"){ae(n),k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",g),ae(null);break}}n.ref!==null&&(ae(n),k("Invalid attribute `ref` supplied to `React.Fragment`."),ae(null))}}var pt={};function yt(n,c,p,g,I,x){{var E=De(n);if(!E){var P="";(n===void 0||typeof n=="object"&&n!==null&&Object.keys(n).length===0)&&(P+=" 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 q=Zt();q?P+=q:P+=ut();var F;n===null?F="null":ze(n)?F="array":n!==void 0&&n.$$typeof===t?(F="<"+(G(n.type)||"Unknown")+" />",P=" Did you accidentally export a JSX literal instead of a component?"):F=typeof n,k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",F,P)}var N=Xt(n,c,p,I,x);if(N==null)return N;if(E){var Y=c.children;if(Y!==void 0)if(g)if(ze(Y)){for(var oe=0;oe<Y.length;oe++)ft(Y[oe],n);Object.freeze&&Object.freeze(Y)}else k("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 ft(Y,n)}if(ye.call(c,"key")){var ee=G(n),U=Object.keys(c).filter(function(lr){return lr!=="key"}),Ve=U.length>0?"{key: someKey, "+U.join(": ..., ")+": ...}":"{key: someKey}";if(!pt[ee+Ve]){var sr=U.length>0?"{"+U.join(": ..., ")+": ...}":"{}";k(`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} />`,Ye,ee,ar,ee),pt[ee+Ye]=!0}}return n===i?er(M):Zt(M),M}}function tr(n,c,p){return yt(n,c,p,!0)}function rr(n,c,p){return yt(n,c,p,!1)}var nr=rr,ir=tr;he.Fragment=i,he.jsx=nr,he.jsxs=ir})()),he}var gt;function mr(){return gt||(gt=1,process.env.NODE_ENV==="production"?ke.exports=pr():ke.exports=yr()),ke.exports}var ge=mr(),_e={exports:{}},C={};var bt;function hr(){if(bt)return C;bt=1;var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,i=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,u=e?Symbol.for("react.provider"):60109,y=e?Symbol.for("react.context"):60110,m=e?Symbol.for("react.async_mode"):60111,b=e?Symbol.for("react.concurrent_mode"):60111,E=e?Symbol.for("react.forward_ref"):60112,I=e?Symbol.for("react.suspense"):60113,z=e?Symbol.for("react.suspense_list"):60120,j=e?Symbol.for("react.memo"):60115,F=e?Symbol.for("react.lazy"):60116,Y=e?Symbol.for("react.block"):60121,J=e?Symbol.for("react.fundamental"):60117,L=e?Symbol.for("react.responder"):60118,k=e?Symbol.for("react.scope"):60119;function D(f){if(typeof f=="object"&&f!==null){var V=f.$$typeof;switch(V){case t:switch(f=f.type,f){case m:case b:case i:case s:case a:case I:return f;default:switch(f=f&&f.$$typeof,f){case y:case E:case F:case j:case u:return f;default:return V}}case r:return V}}}function _(f){return D(f)===b}return C.AsyncMode=m,C.ConcurrentMode=b,C.ContextConsumer=y,C.ContextProvider=u,C.Element=t,C.ForwardRef=E,C.Fragment=i,C.Lazy=F,C.Memo=j,C.Portal=r,C.Profiler=s,C.StrictMode=a,C.Suspense=I,C.isAsyncMode=function(f){return _(f)||D(f)===m},C.isConcurrentMode=_,C.isContextConsumer=function(f){return D(f)===y},C.isContextProvider=function(f){return D(f)===u},C.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===t},C.isForwardRef=function(f){return D(f)===E},C.isFragment=function(f){return D(f)===i},C.isLazy=function(f){return D(f)===F},C.isMemo=function(f){return D(f)===j},C.isPortal=function(f){return D(f)===r},C.isProfiler=function(f){return D(f)===s},C.isStrictMode=function(f){return D(f)===a},C.isSuspense=function(f){return D(f)===I},C.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===i||f===b||f===s||f===a||f===I||f===z||typeof f=="object"&&f!==null&&(f.$$typeof===F||f.$$typeof===j||f.$$typeof===u||f.$$typeof===y||f.$$typeof===E||f.$$typeof===J||f.$$typeof===L||f.$$typeof===k||f.$$typeof===Y)},C.typeOf=D,C}var T={};var Pt;function vr(){return Pt||(Pt=1,process.env.NODE_ENV!=="production"&&(function(){var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,i=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,u=e?Symbol.for("react.provider"):60109,y=e?Symbol.for("react.context"):60110,m=e?Symbol.for("react.async_mode"):60111,b=e?Symbol.for("react.concurrent_mode"):60111,E=e?Symbol.for("react.forward_ref"):60112,I=e?Symbol.for("react.suspense"):60113,z=e?Symbol.for("react.suspense_list"):60120,j=e?Symbol.for("react.memo"):60115,F=e?Symbol.for("react.lazy"):60116,Y=e?Symbol.for("react.block"):60121,J=e?Symbol.for("react.fundamental"):60117,L=e?Symbol.for("react.responder"):60118,k=e?Symbol.for("react.scope"):60119;function D(h){return typeof h=="string"||typeof h=="function"||h===i||h===b||h===s||h===a||h===I||h===z||typeof h=="object"&&h!==null&&(h.$$typeof===F||h.$$typeof===j||h.$$typeof===u||h.$$typeof===y||h.$$typeof===E||h.$$typeof===J||h.$$typeof===L||h.$$typeof===k||h.$$typeof===Y)}function _(h){if(typeof h=="object"&&h!==null){var pe=h.$$typeof;switch(pe){case t:var ie=h.type;switch(ie){case m:case b:case i:case s:case a:case I:return ie;default:var Z=ie&&ie.$$typeof;switch(Z){case y:case E:case F:case j:case u:return Z;default:return pe}}case r:return pe}}}var f=m,V=b,se=y,Pe=u,Ee=t,Me=E,Ne=i,we=F,B=j,Q=r,X=s,Se=a,Ie=I,le=!1;function Re(h){return le||(le=!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.")),ce(h)||_(h)===m}function ce(h){return _(h)===b}function Ce(h){return _(h)===y}function Te(h){return _(h)===u}function xe(h){return typeof h=="object"&&h!==null&&h.$$typeof===t}function $e(h){return _(h)===E}function je(h){return _(h)===i}function ue(h){return _(h)===F}function de(h){return _(h)===j}function re(h){return _(h)===r}function fe(h){return _(h)===s}function ne(h){return _(h)===a}function qe(h){return _(h)===I}T.AsyncMode=f,T.ConcurrentMode=V,T.ContextConsumer=se,T.ContextProvider=Pe,T.Element=Ee,T.ForwardRef=Me,T.Fragment=Ne,T.Lazy=we,T.Memo=B,T.Portal=Q,T.Profiler=X,T.StrictMode=Se,T.Suspense=Ie,T.isAsyncMode=Re,T.isConcurrentMode=ce,T.isContextConsumer=Ce,T.isContextProvider=Te,T.isElement=xe,T.isForwardRef=$e,T.isFragment=je,T.isLazy=ue,T.isMemo=de,T.isPortal=re,T.isProfiler=fe,T.isStrictMode=ne,T.isSuspense=qe,T.isValidElementType=D,T.typeOf=_})()),T}var Et;function gr(){return Et||(Et=1,process.env.NODE_ENV==="production"?_e.exports=hr():_e.exports=vr()),_e.exports}var Ge,wt;function br(){if(wt)return Ge;wt=1;var e=gr(),t={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},i={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[e.ForwardRef]=i,s[e.Memo]=a;function u(F){return e.isMemo(F)?a:s[F.$$typeof]||t}var y=Object.defineProperty,m=Object.getOwnPropertyNames,b=Object.getOwnPropertySymbols,E=Object.getOwnPropertyDescriptor,I=Object.getPrototypeOf,z=Object.prototype;function j(F,Y,J){if(typeof Y!="string"){if(z){var L=I(Y);L&&L!==z&&j(F,L,J)}var k=m(Y);b&&(k=k.concat(b(Y)));for(var D=u(F),_=u(Y),f=0;f<k.length;++f){var V=k[f];if(!r[V]&&!(J&&J[V])&&!(_&&_[V])&&!(D&&D[V])){var se=E(Y,V);try{y(F,V,se)}catch{}}}}return F}return Ge=j,Ge}br();var Pr=!0;function Er(e,t,r){var i="";return r.split(" ").forEach(function(a){e[a]!==void 0?t.push(e[a]+";"):a&&(i+=a+" ")}),i}var Tt=function(t,r,i){var a=t.key+"-"+r.name;(i===!1||Pr===!1)&&t.registered[a]===void 0&&(t.registered[a]=r.styles)},wr=function(t,r,i){Tt(t,r,i);var a=t.key+"-"+r.name;if(t.inserted[r.name]===void 0){var s=r;do t.insert(r===s?"."+a:"",s,t.sheet,!0),s=s.next;while(s!==void 0)}};function Sr(e){for(var t=0,r,i=0,a=e.length;a>=4;++i,a-=4)r=e.charCodeAt(i)&255|(e.charCodeAt(++i)&255)<<8|(e.charCodeAt(++i)&255)<<16|(e.charCodeAt(++i)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(i+2)&255)<<16;case 2:t^=(e.charCodeAt(i+1)&255)<<8;case 1:t^=e.charCodeAt(i)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var Ir={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,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function Rr(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var Cr=/[A-Z]|^ms/g,Tr=/_EMO_([^_]+?)_([^]*?)_EMO_/g,xt=function(t){return t.charCodeAt(1)===45},St=function(t){return t!=null&&typeof t!="boolean"},He=Rr(function(e){return xt(e)?e:e.replace(Cr,"-$&").toLowerCase()}),It=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(Tr,function(i,a,s){return W={name:a,styles:s,next:W},a})}return Ir[t]!==1&&!xt(t)&&typeof r=="number"&&r!==0?r+"px":r};function be(e,t,r){if(r==null)return"";var i=r;if(i.__emotion_styles!==void 0)return i;switch(typeof r){case"boolean":return"";case"object":{var a=r;if(a.anim===1)return W={name:a.name,styles:a.styles,next:W},a.name;var s=r;if(s.styles!==void 0){var u=s.next;if(u!==void 0)for(;u!==void 0;)W={name:u.name,styles:u.styles,next:W},u=u.next;var y=s.styles+";";return y}return xr(e,t,r)}case"function":{if(e!==void 0){var m=W,b=r(e);return W=m,be(e,t,b)}break}}var E=r;return E}function xr(e,t,r){var i="";if(Array.isArray(r))for(var a=0;a<r.length;a++)i+=be(e,t,r[a])+";";else for(var s in r){var u=r[s];if(typeof u!="object"){var y=u;St(y)&&(i+=He(s)+":"+It(s,y)+";")}else if(Array.isArray(u)&&typeof u[0]=="string"&&t==null)for(var m=0;m<u.length;m++)St(u[m])&&(i+=He(s)+":"+It(s,u[m])+";");else{var b=be(e,t,u);switch(s){case"animation":case"animationName":{i+=He(s)+":"+b+";";break}default:i+=s+"{"+b+"}"}}}return i}var Rt=/label:\s*([^\s;{]+)\s*(;|$)/g,W;function Or(e,t,r){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var i=!0,a="";W=void 0;var s=e[0];if(s==null||s.raw===void 0)i=!1,a+=be(r,t,s);else{var u=s;a+=u[0]}for(var y=1;y<e.length;y++)if(a+=be(r,t,e[y]),i){var m=s;a+=m[y]}Rt.lastIndex=0;for(var b="",E;(E=Rt.exec(a))!==null;)b+="-"+E[1];var I=Sr(a)+b;return{name:I,styles:a,next:W}}var kr=function(t){return t()},_r=K.useInsertionEffect?K.useInsertionEffect:!1,Ar=_r||kr,Ot=K.createContext(typeof HTMLElement<"u"?sr({key:"css"}):null);Ot.Provider;var Fr=function(t){return v.forwardRef(function(r,i){var a=v.useContext(Ot);return t(r,a,i)})},Dr=K.createContext({}),Fe={}.hasOwnProperty,We="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",kt=function(t,r){var i={};for(var a in r)Fe.call(r,a)&&(i[a]=r[a]);return i[We]=t,i},Mr=function(t){var r=t.cache,i=t.serialized,a=t.isStringTag;return Tt(r,i,a),Ar(function(){return wr(r,i,a)}),null},Nr=Fr(function(e,t,r){var i=e.css;typeof i=="string"&&t.registered[i]!==void 0&&(i=t.registered[i]);var a=e[We],s=[i],u="";typeof e.className=="string"?u=Er(t.registered,s,e.className):e.className!=null&&(u=e.className+" ");var y=Or(s,void 0,K.useContext(Dr));u+=t.key+"-"+y.name;var m={};for(var b in e)Fe.call(e,b)&&b!=="css"&&b!==We&&(m[b]=e[b]);return m.className=u,r&&(m.ref=r),K.createElement(K.Fragment,null,K.createElement(Mr,{cache:t,serialized:y,isStringTag:typeof a=="string"}),K.createElement(a,m))}),_t=Nr,De=ge.Fragment,o=function(t,r,i){return Fe.call(r,"css")?ge.jsx(_t,kt(t,r),i):ge.jsx(t,r,i)},N=function(t,r,i){return Fe.call(r,"css")?ge.jsxs(_t,kt(t,r),i):ge.jsxs(t,r,i)};const $r={mediaPlayer:{enablePlaylists:process.env.NODE_ENV!=="production"}},jr="http://localhost".replace(/\/+$/,"");class At{constructor(t={}){this.configuration=t}set config(t){this.configuration=t}get basePath(){return this.configuration.basePath!=null?this.configuration.basePath:jr}get fetchApi(){return this.configuration.fetchApi}get middleware(){return this.configuration.middleware||[]}get queryParamsStringify(){return this.configuration.queryParamsStringify||Ft}get username(){return this.configuration.username}get password(){return this.configuration.password}get apiKey(){const t=this.configuration.apiKey;if(t)return typeof t=="function"?t:()=>t}get accessToken(){const t=this.configuration.accessToken;if(t)return typeof t=="function"?t:async()=>t}get headers(){return this.configuration.headers}get credentials(){return this.configuration.credentials}}const qr=new At;class et{constructor(t=qr){this.configuration=t,this.middleware=t.middleware}static jsonRegex=new RegExp("^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$","i");middleware;withMiddleware(...t){const r=this.clone();return r.middleware=r.middleware.concat(...t),r}withPreMiddleware(...t){const r=t.map(i=>({pre:i}));return this.withMiddleware(...r)}withPostMiddleware(...t){const r=t.map(i=>({post:i}));return this.withMiddleware(...r)}isJsonMime(t){return t?et.jsonRegex.test(t):!1}async request(t,r){const{url:i,init:a}=await this.createFetchParams(t,r),s=await this.fetchApi(i,a);if(s&&s.status>=200&&s.status<300)return s;throw new Vr(s,"Response returned an error code")}async createFetchParams(t,r){let i=this.configuration.basePath+t.path;t.query!==void 0&&Object.keys(t.query).length!==0&&(i+="?"+this.configuration.queryParamsStringify(t.query));const a=Object.assign({},this.configuration.headers,t.headers);Object.keys(a).forEach(E=>a[E]===void 0?delete a[E]:{});const s=typeof r=="function"?r:async()=>r,u={method:t.method,headers:a,body:t.body,credentials:this.configuration.credentials},y={...u,...await s({init:u,context:t})};let m;Lr(y.body)||y.body instanceof URLSearchParams||zr(y.body)?m=y.body:this.isJsonMime(a["Content-Type"])?m=JSON.stringify(y.body):m=y.body;const b={...y,body:m};return{url:i,init:b}}fetchApi=async(t,r)=>{let i={url:t,init:r};for(const s of this.middleware)s.pre&&(i=await s.pre({fetch:this.fetchApi,...i})||i);let a;try{a=await(this.configuration.fetchApi||fetch)(i.url,i.init)}catch(s){for(const u of this.middleware)u.onError&&(a=await u.onError({fetch:this.fetchApi,url:i.url,init:i.init,error:s,response:a?a.clone():void 0})||a);if(a===void 0)throw s instanceof Error?new Ur(s,"The request failed and the interceptors did not return an alternative response"):s}for(const s of this.middleware)s.post&&(a=await s.post({fetch:this.fetchApi,url:i.url,init:i.init,response:a.clone()})||a);return a};clone(){const t=this.constructor,r=new t(this.configuration);return r.middleware=this.middleware.slice(),r}}function zr(e){return typeof Blob<"u"&&e instanceof Blob}function Lr(e){return typeof FormData<"u"&&e instanceof FormData}class Vr extends Error{constructor(t,r){super(r),this.response=t}name="ResponseError"}class Ur extends Error{constructor(t,r){super(r),this.cause=t}name="FetchError"}class ve extends Error{constructor(t,r){super(r),this.field=t}name="RequiredError"}function Ft(e,t=""){return Object.keys(e).map(r=>Dt(r,e[r],t)).filter(r=>r.length>0).join("&")}function Dt(e,t,r=""){const i=r+(r.length?`[${e}]`:e);if(t instanceof Array){const a=t.map(s=>encodeURIComponent(String(s))).join(`&${encodeURIComponent(i)}=`);return`${encodeURIComponent(i)}=${a}`}if(t instanceof Set){const a=Array.from(t);return Dt(e,a,r)}return t instanceof Date?`${encodeURIComponent(i)}=${encodeURIComponent(t.toISOString())}`:t instanceof Object?Ft(t,i):`${encodeURIComponent(i)}=${encodeURIComponent(String(t))}`}class te{constructor(t,r=i=>i){this.raw=t,this.transformer=r}async value(){return this.transformer(await this.raw.json())}}function Mt(e){return Yr(e)}function Yr(e,t){return e==null?e:{id:e.id,name:e.name}}function Gr(e){return Hr(e)}function Hr(e,t){return e==null?e:{playlist:Mt(e.playlist)}}function Br(e){return Wr(e)}function Wr(e,t){return e==null?e:{items:e.items.map(Mt)}}function Jr(e){return Qr(e)}function Qr(e,t){return e==null?e:{id:e.id,url:e.url,type:e.type,videoId:e.videoId,title:e.title}}function Kr(e){return Xr(e)}function Xr(e,t){return e==null?e:{items:e.items.map(Jr)}}function Zr(e){return en(e,!1)}function en(e,t=!1){return e==null?e:{name:e.name}}function tn(e){return rn(e,!1)}function rn(e,t=!1){return e==null?e:{name:e.name}}class nn extends et{async mediaPlayerPlaylistsGetRaw(t){const r={},i={},s=await this.request({path:"/media-player/playlists",method:"GET",headers:i,query:r},t);return new te(s,u=>Br(u))}async mediaPlayerPlaylistsGet(t){return await(await this.mediaPlayerPlaylistsGetRaw(t)).value()}async mediaPlayerPlaylistsIdDeleteRaw(t,r){if(t.id==null)throw new ve("id",'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdDelete().');const i={},a={};let s="/media-player/playlists/{id}";s=s.replace("{id}",encodeURIComponent(String(t.id)));const u=await this.request({path:s,method:"DELETE",headers:a,query:i},r);return new te(u)}async mediaPlayerPlaylistsIdDelete(t,r){return await(await this.mediaPlayerPlaylistsIdDeleteRaw(t,r)).value()}async mediaPlayerPlaylistsIdGetRaw(t,r){if(t.id==null)throw new ve("id",'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdGet().');const i={},a={};let s="/media-player/playlists/{id}";s=s.replace("{id}",encodeURIComponent(String(t.id)));const u=await this.request({path:s,method:"GET",headers:a,query:i},r);return new te(u,y=>Gr(y))}async mediaPlayerPlaylistsIdGet(t,r){return await(await this.mediaPlayerPlaylistsIdGetRaw(t,r)).value()}async mediaPlayerPlaylistsIdRenamePostRaw(t,r){if(t.id==null)throw new ve("id",'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdRenamePost().');const i={},a={};a["Content-Type"]="application/json";let s="/media-player/playlists/{id}:rename";s=s.replace("{id}",encodeURIComponent(String(t.id)));const u=await this.request({path:s,method:"POST",headers:a,query:i,body:tn(t.hydrangeanDivaMediaPlayerEndpointsPlaylistsRenamePlaylistRequest)},r);return new te(u)}async mediaPlayerPlaylistsIdRenamePost(t,r){return await(await this.mediaPlayerPlaylistsIdRenamePostRaw(t,r)).value()}async mediaPlayerPlaylistsIdTracksGetRaw(t,r){if(t.id==null)throw new ve("id",'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdTracksGet().');const i={},a={};let s="/media-player/playlists/{id}/tracks";s=s.replace("{id}",encodeURIComponent(String(t.id)));const u=await this.request({path:s,method:"GET",headers:a,query:i},r);return new te(u,y=>Kr(y))}async mediaPlayerPlaylistsIdTracksGet(t,r){return await(await this.mediaPlayerPlaylistsIdTracksGetRaw(t,r)).value()}async mediaPlayerPlaylistsIdTracksPutRaw(t,r){if(t.id==null)throw new ve("id",'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdTracksPut().');const i={},a={};let s="/media-player/playlists/{id}/tracks";s=s.replace("{id}",encodeURIComponent(String(t.id)));const u=await this.request({path:s,method:"PUT",headers:a,query:i},r);return new te(u)}async mediaPlayerPlaylistsIdTracksPut(t,r){return await(await this.mediaPlayerPlaylistsIdTracksPutRaw(t,r)).value()}async mediaPlayerPlaylistsPostRaw(t,r){const i={},a={};a["Content-Type"]="application/json";const u=await this.request({path:"/media-player/playlists",method:"POST",headers:a,query:i,body:Zr(t.hydrangeanDivaMediaPlayerEndpointsPlaylistsCreatePlaylistRequest)},r);return new te(u)}async mediaPlayerPlaylistsPost(t={},r){return await(await this.mediaPlayerPlaylistsPostRaw(t,r)).value()}}const an=new At({basePath:new URL("api",window.location.origin).toString()}),on=new nn(an),sn=({disabled:e,onAddToPlaylist:t})=>{const[r,i]=v.useState(!1),[a,s]=v.useState("loading");return v.useEffect(()=>{on.mediaPlayerPlaylistsGet().then(u=>s(u.items.map(y=>({key:y.id,label:y.name}))))},[]),o(l.EuiPopover,{panelPaddingSize:"none",button:o(l.EuiButton,{iconType:S.AddRegular,onClick:()=>i(!r),disabled:e,children:"Add to"}),isOpen:r,closePopover:()=>i(!1),children:o(l.EuiSelectable,{searchable:!0,searchProps:{compressed:!0},options:a==="loading"?void 0:a,isLoading:a==="loading",onChange:async(u,y,m)=>{i(!1),await t(m)},singleSelection:!0,children:(u,y)=>N("div",{style:{width:240},children:[o(l.EuiPopoverTitle,{paddingSize:"s",children:y}),u,o(l.EuiPopoverFooter,{paddingSize:"s",children:o(l.EuiButton,{size:"s",fullWidth:!0,iconType:S.AddRegular,children:"New playlist"})})]})})})},ln=({onCancel:e,onSave:t})=>{const r=l.useGeneratedHtmlId({prefix:"modalForm"}),[i,a]=v.useState(""),[s,u]=v.useState(""),[y,m]=v.useState(!1);return N(l.EuiModal,{onClose:e,initialFocus:"[name=url]",children:[o(l.EuiModalHeader,{children:o(l.EuiModalHeaderTitle,{children:"Add video"})}),o(l.EuiModalBody,{children:N(l.EuiForm,{id:r,component:"form",onSubmit:async b=>{b.preventDefault();try{m(!0),await t({url:i,title:s})}finally{m(!1)}},children:[o(l.EuiFormRow,{label:"URL",children:o(l.EuiFieldText,{name:"url",value:i,onChange:b=>a(b.target.value)})}),o(l.EuiFormRow,{label:"Title",children:o(l.EuiFieldText,{name:"title",value:s,onChange:b=>u(b.target.value)})})]})}),N(l.EuiModalFooter,{children:[o(l.EuiButtonEmpty,{onClick:e,children:"Cancel"}),o(l.EuiButton,{type:"submit",form:r,fill:!0,disabled:i.trim().length===0,isLoading:y,children:"Add video"})]})]})},Ct=v.memo(({onSave:e})=>{const[t,r]=v.useState(!1),i=v.useCallback(async a=>{await e(a),r(!1)},[e]);return N(De,{children:[o(l.EuiButton,{onClick:()=>r(!0),iconType:S.AddRegular,color:"primary",children:"Add video"}),t&&o(ln,{onCancel:()=>r(!1),onSave:i})]})}),Nt={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"},cn=O.observer(({playQueueStore:e})=>{const{euiTheme:t}=l.useEuiTheme();return N(l.EuiTableHeader,{style:{position:"sticky",top:112,zIndex:998,background:t.colors.backgroundBasePlain},children:[o(l.EuiTableHeaderCellCheckbox,{children:o(l.EuiCheckbox,{id:"",checked:e.allItemsSelected,onChange:r=>{e.allItemsSelected=r.target.checked}})}),o(l.EuiTableHeaderCell,{width:24}),o(l.EuiTableHeaderCell,{children:"Title"}),o(l.EuiTableHeaderCell,{})]})}),un=v.memo(({item:e,closePopover:t})=>{const r=v.useMemo(()=>[{id:0,items:[{name:"Play first",icon:o(l.EuiIcon,{type:""}),onClick:async()=>{t(),await e.playFirst()}},{name:"Play next",icon:o(l.EuiIcon,{type:""}),onClick:async()=>{t(),await e.playNext()}},{name:"Add to play queue",icon:o(l.EuiIcon,{type:S.AddRegular}),onClick:async()=>{t(),await e.addToPlayQueue()}},{isSeparator:!0},{name:"Move to the top",icon:o(l.EuiIcon,{type:S.ArrowUploadRegular}),onClick:async()=>{t(),e.moveToTop()},disabled:!e.canMoveToTop},{name:"Move to the bottom",icon:o(l.EuiIcon,{type:S.ArrowDownloadRegular}),onClick:async()=>{t(),e.moveToBottom()},disabled:!e.canMoveToBottom},{isSeparator:!0},{name:"Remove to the top",icon:o(l.EuiIcon,{type:""}),onClick:async()=>{t(),await e.removeToTop()},disabled:!e.canRemoveToTop},{name:"Remove others",icon:o(l.EuiIcon,{type:""}),onClick:async()=>{t(),await e.removeOthers()},disabled:!e.canRemoveOthers}]}],[t,e]);return o(l.EuiContextMenu,{initialPanelId:0,panels:r})}),dn=v.memo(({item:e})=>{const[t,r]=v.useState(!1),i=v.useCallback(()=>r(!t),[t]),a=v.useCallback(()=>r(!1),[]);return o(l.EuiPopover,{button:o(l.EuiButtonIcon,{title:"More options","aria-label":"More options",iconType:S.MoreHorizontalFilled,size:"s",color:"text",onClick:i}),isOpen:t,closePopover:a,panelPaddingSize:"none",anchorPosition:"leftCenter",children:o(un,{item:e,closePopover:a})})}),fn=O.observer(({item:e})=>{const t=H.useNostalgicDiva();return N(l.EuiTableRowCell,{textOnly:!1,hasActions:!0,align:"right",children:[o(l.EuiButton,{iconType:S.PlayRegular,size:"s",onClick:async()=>{e.isCurrent?await t.setCurrentTime(0):e.play()},children:"Play"}),o(l.EuiButton,{iconType:S.DismissRegular,size:"s",onClick:e.remove,children:"Remove"}),o(dn,{item:e})]})}),pn=O.observer(({item:e})=>{const t=H.useNostalgicDiva();return N(l.EuiTableRow,{isSelected:e.isCurrent,children:[o(l.EuiTableRowCellCheckbox,{children:o(l.EuiCheckbox,{id:e.id.toString(),checked:e.isSelected,onChange:e.toggleSelected})}),o(l.EuiTableRowCell,{textOnly:!1,children:o("img",{src:Nt[e.type],width:16,height:16,alt:e.type})}),o(l.EuiTableRowCell,{children:o(l.EuiLink,{href:e.url,target:"_blank",external:!0,onClick:()=>t.pause(),children:e.title})}),o(fn,{item:e})]},e.id)}),yn=O.observer(({playQueueStore:e})=>o(lr.ReactSortable,{tag:"tbody",list:e.items,setList:t=>e.setItems(t),children:e.items.map(t=>o(pn,{item:t},t.id))})),mn=O.observer(({playQueueStore:e})=>N(l.EuiTable,{children:[o(cn,{playQueueStore:e}),o(yn,{playQueueStore:e})]}));function hn(e){return e!==null&&typeof e=="object"&&"title"in e&&typeof e.title=="string"}const vn=O.observer(({playQueueStore:e})=>o(l.EuiButton,{iconType:S.AddRegular,onClick:e.addSelectedItems,disabled:e.isEmpty||e.selectedItems.length===0,children:"Add to play queue"}));O.observer(({playQueueStore:e})=>{const[t,r]=v.useState(!1);return N(De,{children:[t&&o(l.EuiFlyout,{type:"push",size:"s",onClose:()=>r(!1),children:o("div",{style:{blockSize:"100%"},children:o(l.EuiCodeBlock,{language:"json",overflowHeight:"100%",isCopyable:!0,isVirtualized:!0,children:JSON.stringify(e.localStorageState,void 0,2)})})}),o(l.EuiButton,{onClick:()=>r(i=>!i),iconType:S.WindowDevToolsRegular,children:"Developer tools"})]})});const $t=O.observer(({playQueueStore:e})=>{const{euiTheme:t}=l.useEuiTheme(),r=v.useCallback(async()=>{},[]),i=v.useCallback(async a=>{const s=H.findVideoService(a.url);if(s!==void 0){const u=s.extractVideoId(a.url);if(u!==void 0){const m=await(await fetch(`https://noembed.com/embed?url=${encodeURIComponent(a.url)}`)).json();await e.addItems([e.createItem({url:a.url,type:s.type,videoId:u,title:a.title||(hn(m)?m.title:u)})])}}},[e]);return N(De,{children:[N(l.EuiFlexGroup,{alignItems:"center",gutterSize:"m",style:{position:"sticky",top:48,zIndex:998,background:t.colors.backgroundBasePlain},children:[o(l.EuiFlexItem,{grow:!1,children:o(l.EuiButton,{disabled:e.isEmpty||e.selectedItems.length===0,onClick:e.playSelectedItemsNext,children:"Play next"})}),o(l.EuiFlexItem,{grow:!1,children:o(vn,{playQueueStore:e})}),o(l.EuiFlexItem,{grow:!1,children:o(sn,{disabled:!$r.mediaPlayer.enablePlaylists,onAddToPlaylist:r})}),o(l.EuiFlexItem,{grow:!1,children:o(l.EuiButton,{iconType:S.DismissRegular,onClick:e.removeSelectedItems,disabled:e.isEmpty||e.selectedItems.length===0,children:"Remove"})}),o(l.EuiFlexItem,{grow:!1,children:o(l.EuiButton,{iconType:S.DeleteRegular,onClick:e.clear,disabled:e.isEmpty,children:"Clear"})}),o(l.EuiFlexItem,{grow:!0}),N(l.EuiFlexItem,{grow:!1,children:[!1,o(Ct,{onSave:i})]})]}),o(l.EuiSpacer,{size:"l",style:{position:"sticky",top:88,zIndex:998,background:t.colors.backgroundBasePlain}}),e.isEmpty?o(l.EuiEmptyPrompt,{title:o("h2",{children:"We couldn't find any videos"}),body:o("p",{children:"Your video library doesn't contain any video content."}),actions:o(Ct,{onSave:i})}):o(mn,{playQueueStore:e})]})}),Be=new cr({coerceTypes:!0});function gn(e,t){let r;if(r=Be.getSchema(t),r===void 0&&(Be.addSchema(e,t),r=Be.getSchema(t)),r===void 0||r.schema!==e)throw new Error(`Invalid schema. Expected: '${JSON.stringify(e)}', but got '${JSON.stringify(r?.schema)}'.`);return r}const bn={type:"object",properties:{url:{type:"string"},type:{type:"string"},videoId:{type:"string"},title:{type:"string"}},required:["url","type","videoId","title"]},Pn={type:"object",properties:{version:{type:"string",nullable:!0},repeat:{type:"string",enum:Object.values($),nullable:!0},shuffle:{type:"boolean",nullable:!0},items:{type:"array",nullable:!0,items:bn},currentIndex:{type:"integer",nullable:!0}}};class Ae{constructor(t,r,i){this.observableStateProvider=t,this.playQueueStore=r,this.dto=i,this.id=Ae.nextId++,t.makeObservable(this,{isSelected:d.observable,isCurrent:d.computed,index:d.computed,isFirst:d.computed,isLast:d.computed,canMoveToTop:d.computed,canMoveToBottom:d.computed,canRemoveToTop:d.computed,canRemoveOthers:d.computed,unselect:d.action,toggleSelected:d.action.bound,play:d.action,remove:d.action.bound,playFirst:d.action.bound,playNext:d.action.bound,addToPlayQueue:d.action.bound,moveToTop:d.action.bound,moveToBottom:d.action.bound,removeToTop:d.action.bound,removeOthers:d.action.bound})}static nextId=1;id;isSelected=!1;static fromDto(t,r,i){return new Ae(t,r,i)}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.playQueueStore.currentItem===this}get index(){return this.playQueueStore.items.indexOf(this)}get isFirst(){return this.index===0}get isLast(){return this.index===this.playQueueStore.items.length-1}get canMoveToTop(){return!this.isFirst}get canMoveToBottom(){return!this.isLast}get canRemoveToTop(){return!this.isFirst}get canRemoveOthers(){return this.playQueueStore.hasMultipleItems}clone(){return this.playQueueStore.createItem(this.dto)}unselect(){this.isSelected=!1}toggleSelected(){this.isSelected=!this.isSelected}play(){this.playQueueStore.setCurrentItem(this)}remove(){return this.playQueueStore.removeItems([this])}async playFirst(){await this.playQueueStore.playFirst([this.clone()])}async playNext(){await this.playQueueStore.playNext([this.clone()])}async addToPlayQueue(){await this.playQueueStore.addItems([this.clone()])}moveToTop(){this.playQueueStore.moveItem(this,0)}moveToBottom(){this.playQueueStore.moveItem(this,this.playQueueStore.items.length-1)}removeToTop(){return this.playQueueStore.removeItemsAbove(this)}removeOthers(){return this.playQueueStore.removeOtherItems(this)}}class En{constructor(t){this.observableStateProvider=t,t.makeObservable(this,{interacted:d.observable,items:d.observable,currentId:d.observable,repeat:d.observable,shuffle:d.observable,localStorageState:d.computed.struct,isEmpty:d.computed,currentItem:d.computed,canPlay:d.computed,canPause:d.computed,hasMultipleItems:d.computed,currentIndex:d.computed,hasPreviousItem:d.computed,hasNextItem:d.computed,isLastItem:d.computed,selectedItems:d.computed,allItemsSelected:d.computed,selectedItemsOrAllItems:d.computed,setItems:d.action,interact:d.action,clear:d.action.bound,unselectAll:d.action,setCurrentItem:d.action,setNextItems:d.action,clearAndSetItems:d.action,playNext:d.action,playSelectedItemsNext:d.action.bound,addItems:d.action,addSelectedItems:d.action.bound,playFirst:d.action,moveItem:d.action,goToFirst:d.action,removeItems:d.action,removeSelectedItems:d.action.bound,removeOtherItems:d.action,removeItemsAbove:d.action,toggleRepeat:d.action.bound,toggleShuffle:d.action.bound,previous:d.action,next:d.action.bound})}interacted=!1;items=[];currentId;repeat=$.Off;shuffle=!1;createItem(t){return Ae.fromDto(this.observableStateProvider,this,{url:t.url,type:t.type,videoId:t.videoId,title:t.title})}get localStorageState(){return{version:"1.0",repeat:this.repeat,shuffle:this.shuffle,items:this.items.map(t=>t.dto),currentIndex:this.currentIndex}}set localStorageState(t){this.repeat=t.repeat??$.Off,this.shuffle=t.shuffle??!1,this.items=t.items?.map(r=>this.createItem(r))??[],this.currentIndex=t.currentIndex}validateLocalStorageState(t){return gn(Pn,"PlayQueueDto")(t)}get isEmpty(){return this.items.length===0}get currentItem(){return this.items.find(t=>t.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(t=>t.id===this.currentId):void 0}set currentIndex(t){this.currentId=t!==void 0?this.items.at(t)?.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(t=>t.isSelected)}get allItemsSelected(){return this.selectedItems.length===this.items.length}set allItemsSelected(t){for(const r of this.items)r.isSelected=t}get selectedItemsOrAllItems(){return this.selectedItems.length>0?this.selectedItems:this.items}setItems(t){this.items=t}interact(){this.interacted=!0}clear(){this.interact(),this.currentIndex=void 0,this.items=[]}unselectAll(){for(const t of this.items)t.unselect()}setCurrentItem(t){this.interact(),this.currentId=t?.id}setNextItems(t){this.currentIndex!==void 0&&this.items.splice(this.currentIndex+1,0,...t)}clearAndSetItems(t){this.clear(),this.setCurrentItem(t[0]),this.setNextItems(t)}async playNext(t){if(this.isEmpty){this.clearAndSetItems(t);return}this.setNextItems(t)}async playSelectedItemsNext(){await this.playNext(this.selectedItemsOrAllItems.map(t=>t.clone())),this.unselectAll()}async addItems(t){if(this.isEmpty){this.clearAndSetItems(t);return}this.items.push(...t)}async addSelectedItems(){await this.addItems(this.selectedItemsOrAllItems.map(t=>t.clone())),this.unselectAll()}async playFirst(t){if(this.isEmpty){this.clearAndSetItems(t);return}const{currentIndex:r}=this;r!==void 0&&(this.interact(),this.items.splice(r,0,...t),this.currentIndex=r)}moveItem(t,r){const i=this.items.splice(this.items.indexOf(t),1)[0];this.items.splice(r,0,i)}async goToFirst(){this.currentIndex!==void 0&&(this.currentIndex=0)}async removeItems(t){const{currentItem:r}=this;mt.pull(this.items,...t.filter(s=>s!==r));const{currentIndex:i,isLastItem:a}=this;mt.pull(this.items,t.find(s=>s===r)),this.currentItem!==r&&(this.interact(),a?await this.goToFirst():this.currentIndex=i)}async removeSelectedItems(){await this.removeItems(this.selectedItemsOrAllItems),this.unselectAll()}async removeOtherItems(t){const r=t.id;return this.removeItems(this.items.filter(i=>i.id!==r))}async removeItemsAbove(t){const r=this.items.indexOf(t);return this.removeItems(this.items.filter((i,a)=>a<r))}toggleRepeat(){switch(this.repeat){case $.Off:this.repeat=$.All;break;case $.All:this.repeat=$.One;break;case $.One:this.repeat=$.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 wn=({children:e})=>{const[t]=v.useState(()=>new En(new Ke)),r=H.useNostalgicDiva();return v.useEffect(()=>d.reaction(()=>t.currentItem,async(i,a)=>{i===void 0||a===void 0||i.type===a.type&&i.videoId===a.videoId&&await r.setCurrentTime(0)}),[t,r]),o(Xe.Provider,{value:t,children:e})},Sn=({breadcrumbs:e,tabs:t,...r})=>{const i=ur.useRouter();return o(l.EuiPageTemplate.Header,{...r,breadcrumbs:e?.map(({linkProps:a,...s})=>({...s,href:a===void 0?void 0:i.buildLocation(a).href,onClick:a===void 0?void 0:async u=>{u.preventDefault(),await i.navigate(a)}})),tabs:t?.map(({linkProps:a,...s})=>({...s,href:a===void 0?void 0:i.buildLocation(a).href,onClick:a===void 0?void 0:async u=>{u.preventDefault(),await i.navigate(a)}}))})},In=()=>{const e=Ze();return N(De,{children:[o(Sn,{pageTitle:"Play queue",rightSideItems:[]}),o(l.EuiPageTemplate.Section,{children:o($t,{playQueueStore:e})})]})},Rn=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:`Shuffle: ${e.shuffle?"On":"Off"}`,"aria-label":`Shuffle: ${e.shuffle?"On":"Off"}`,iconType:e.shuffle?S.ArrowShuffleFilled:S.ArrowShuffleOffFilled,size:"s",iconSize:"l",onClick:e.toggleShuffle,disabled:!e.canToggleShuffle})),Cn=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:"Previous","aria-label":"Previous",iconType:S.PreviousFilled,size:"s",iconSize:"l",onClick:e.previous,disabled:!e.canPrevious})),Tn=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:"Skip back 10 seconds","aria-label":"Skip back 10 seconds",iconType:S.SkipBack10Regular,size:"s",iconSize:"l",onClick:e.skipBack10,disabled:!e.canSkipBack10})),xn=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:"Pause","aria-label":"Pause",iconType:S.PauseFilled,size:"s",iconSize:"l",onClick:e.pause,disabled:!e.canPause})),On=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:"Play","aria-label":"Play",iconType:S.PlayFilled,size:"s",iconSize:"l",onClick:e.play,disabled:!e.canPlay})),kn=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:"Skip forward 30 seconds","aria-label":"Skip forward 30 seconds",iconType:S.SkipForward30Regular,size:"s",iconSize:"l",onClick:e.skipForward30,disabled:!e.canSkipForward30})),_n=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:"Next","aria-label":"Next",iconType:S.NextFilled,size:"s",iconSize:"l",onClick:e.next,disabled:!e.canNext})),An={[$.Off]:S.ArrowRepeatAllOffFilled,[$.All]:S.ArrowRepeatAllFilled,[$.One]:S.ArrowRepeat1Filled},Fn=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:`Repeat: ${e.repeat===$.All?"All":e.repeat===$.One?"One":"Off"}`,"aria-label":`Repeat: ${e.repeat===$.All?"All":e.repeat===$.One?"One":"Off"}`,iconType:An[e.repeat],size:"s",iconSize:"l",onClick:e.toggleRepeat,disabled:!e.canToggleRepeat})),Dn=O.observer(({bottomBarStore:e})=>N(l.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"center",alignItems:"center",children:[o(Rn,{bottomBarStore:e}),o(Cn,{bottomBarStore:e}),o(Tn,{bottomBarStore:e}),e.playing?o(xn,{bottomBarStore:e}):o(On,{bottomBarStore:e}),o(kn,{bottomBarStore:e}),o(_n,{bottomBarStore:e}),o(Fn,{bottomBarStore:e})]})),Mn=v.memo(({item:e,closePopover:t})=>{const r=H.useNostalgicDiva(),i=v.useMemo(()=>[{id:0,items:[{name:"Open in new tab",icon:o(l.EuiIcon,{type:S.OpenRegular}),onClick:async()=>{t(),await r.pause(),window.open(e.dto.url,"_blank")}},{name:"Copy link address",icon:o(l.EuiIcon,{type:""}),onClick:async()=>{t(),await navigator.clipboard.writeText(e.dto.url)}},{name:"Copy link text",icon:o(l.EuiIcon,{type:""}),onClick:async()=>{t(),await navigator.clipboard.writeText(e.dto.title)}}]}],[t,r,e]);return o(l.EuiContextMenu,{initialPanelId:0,panels:i})}),Nn=v.memo(({item:e})=>{const[t,r]=v.useState(!1),i=v.useCallback(()=>r(!t),[t]),a=v.useCallback(()=>r(!1),[]);return o(l.EuiPopover,{button:o(l.EuiButtonEmpty,{iconType:Nt[e.type],size:"s",onClick:i,children:e.title}),isOpen:t,closePopover:a,panelPaddingSize:"none",anchorPosition:"upLeft",children:o(Mn,{item:e,closePopover:a})})}),$n=O.observer(({bottomBarStore:e})=>o(l.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"flexStart",alignItems:"center",children:e.currentItem&&o(Nn,{item:e.currentItem})})),jn=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:"Mute","aria-label":"Mute",iconType:S.Speaker2Regular,size:"s",iconSize:"l",disabled:!e.playerStore.controller.supports("setMuted")})),qn=O.observer(({bottomBarStore:e,button:t,isOpen:r,closePopover:i})=>{const[a,s]=v.useState("0"),u=H.useNostalgicDiva();v.useLayoutEffect(()=>{r&&u.getVolume().then(m=>{m!==void 0&&s(Math.floor(m*100).toString())})},[r,u]);const y=v.useCallback(async m=>{s(m.currentTarget.value),await u.setVolume(Number(m.currentTarget.value)/100)},[u]);return o(l.EuiPopover,{button:t,isOpen:r,closePopover:i,anchorPosition:"upRight",children:o(l.EuiFormRow,{children:N(l.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"center",alignItems:"center",children:[o(jn,{bottomBarStore:e}),o(l.EuiRange,{min:0,max:100,step:1,value:a,onChange:y,css:{blockSize:32},disabled:!e.playerStore.controller.supports("setVolume")})]})})})}),zn=O.observer(({bottomBarStore:e})=>{const[t,r]=v.useState(!1),i=()=>r(!t);return o(qn,{bottomBarStore:e,button:o(l.EuiButtonIcon,{title:"Volume","aria-label":"Volume",iconType:S.Speaker2Regular,size:"s",iconSize:"l",onClick:i,disabled:!e.playerStore.controller.supports("getVolume")}),isOpen:t,closePopover:()=>r(!1)})}),Ln=({onClickPlayQueueButton:e})=>o(l.EuiButtonIcon,{title:"Play queue","aria-label":"Play queue",iconType:S.NavigationPlayRegular,size:"s",iconSize:"l",onClick:e}),Vn=O.observer(({bottomBarStore:e,closePopover:t})=>{const r=H.useNostalgicDiva(),i=v.useCallback(async()=>{await e.skipBack10(),t()},[e,t]),a=v.useCallback(async()=>{await e.skipForward30(),t()},[e,t]),s=v.useCallback(async I=>{await r.setPlaybackRate(I),t()},[r,t]),u=v.useCallback(async()=>{e.currentItem!==void 0&&await e.playQueueStore.removeItems([e.currentItem]),t()},[e,t]),[y,m]=v.useState(),b=v.useCallback(async()=>{await e.playerStore.controller.getPlaybackRate().then(I=>m(I))},[e]),E=v.useMemo(()=>[{id:0,items:[{name:"Speed",icon:o(l.EuiIcon,{type:S.TopSpeedRegular}),panel:1,onClick:b,disabled:!e.playerStore.controller.supports("getPlaybackRate")},{name:"Skip back 10 seconds",icon:o(l.EuiIcon,{type:S.SkipBack10Regular}),onClick:i,disabled:!e.canSkipBack10},{name:"Skip forward 30 seconds",icon:o(l.EuiIcon,{type:S.SkipForward30Regular}),onClick:a,disabled:!e.canSkipForward30},{isSeparator:!0},{name:"Remove from play queue",icon:o(l.EuiIcon,{type:S.DismissRegular}),onClick:u,disabled:e.playQueueStore.isEmpty}]},{id:1,title:"Speed",items:[.25,.5,.75,1,1.25,1.5,1.75,2].map(I=>({name:I.toString(),onClick:()=>s(I),icon:I===y?"check":"empty",disabled:!e.playerStore.controller.supports("setPlaybackRate")}))}],[e,b,i,a,u,s,y]);return o(l.EuiContextMenu,{initialPanelId:0,panels:E})}),Un=v.memo(({bottomBarStore:e,button:t,isOpen:r,closePopover:i})=>o(l.EuiPopover,{button:t,isOpen:r,closePopover:i,panelPaddingSize:"none",anchorPosition:"upRight",children:o(Vn,{bottomBarStore:e,closePopover:i})})),Yn=v.memo(({bottomBarStore:e})=>{const[t,r]=v.useState(!1),i=()=>r(!t);return o(Un,{bottomBarStore:e,button:o(l.EuiButtonIcon,{title:"More options","aria-label":"More options",iconType:S.MoreHorizontalFilled,size:"s",iconSize:"l",onClick:i}),isOpen:t,closePopover:()=>r(!1)})}),Gn=v.memo(({bottomBarStore:e,onClickPlayQueueButton:t})=>N(l.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"flexEnd",alignItems:"center",children:[o(zn,{bottomBarStore:e}),t&&o(Ln,{onClickPlayQueueButton:t}),o(Yn,{bottomBarStore:e})]})),Hn=O.observer(({bottomBarStore:e})=>{const t=H.useNostalgicDiva(),r=v.useCallback(s=>{const u=Number(s.currentTarget.value)/100;e.playerStore.setPercent(u)},[e]),i=v.useCallback(s=>{s.button===0&&e.playerStore.setSeeking(!0)},[e]),a=v.useCallback(async s=>{if(s.button===0){const u=Number(s.currentTarget.value)/100;e.playerStore.setSeeking(!1);const y=await t.getDuration();y!==void 0&&await t.setCurrentTime(y*u)}},[e,t]);return o(l.EuiRange,{min:0,max:100,step:1e-7,value:e.playerStore.percent*100,onChange:r,onMouseDown:i,onMouseUp:a,fullWidth:!0,showRange:!0,css:{blockSize:32},disabled:e.playQueueStore.isEmpty})}),Bn=O.observer(({bottomBarStore:e,onClickPlayQueueButton:t})=>o(l.EuiBottomBar,{paddingSize:"s",children:N(l.EuiFlexGroup,{direction:"column",gutterSize:"none",children:[o(l.EuiFlexItem,{children:o(Hn,{bottomBarStore:e})}),o(l.EuiFlexItem,{children:N(l.EuiFlexGroup,{responsive:!1,children:[o(l.EuiFlexItem,{css:{width:"calc(100% / 3)"},children:o($n,{bottomBarStore:e})}),o(l.EuiFlexItem,{css:{width:"calc(100% / 3)"},children:o(Dn,{bottomBarStore:e})}),o(l.EuiFlexItem,{css:{width:"calc(100% / 3)"},children:o(Gn,{bottomBarStore:e,onClickPlayQueueButton:t})})]})})]})})),Wn=e=>o(H.NostalgicDivaProvider,{...e}),Je={width:400,height:225},Jn=O.observer(({children:e})=>{const t=Ze();return N(l.EuiPageTemplate,{panelled:!0,style:{minBlockSize:`max(460px, 100vh - ${Qe}px)`},children:[e,!t.isEmpty&&o(l.EuiSpacer,{style:{blockSize:Je.height}})]})}),Qn=O.observer(({miniPlayerStore:e})=>{const t=v.useMemo(()=>({onLoaded:e.onLoaded,onPlay:e.onPlay,onPause:e.onPause,onEnded:e.onEnded,onTimeUpdate:e.onTimeUpdate}),[e]);return o("div",{css:{position:"fixed",right:0,bottom:Qe,width:Je.width,height:Je.height,zIndex:998,backgroundColor:"rgb(39, 39, 39)",display:"flex",flexDirection:"column"},children:o("div",{css:{flexGrow:1,backgroundColor:"black"},children:e.currentItem&&o(H.NostalgicDiva,{src:e.currentItem.url,options:t,onControllerChange:e.onControllerChange})})})});class Kn{controller=H.nullPlayerController;playing=!1;percent=0;seeking=!1;constructor(t){t.makeObservable(this,{controller:d.observable,playing:d.observable,percent:d.observable,seeking:d.observable,setPlaying:d.action,setPercent:d.action,setSeeking:d.action,onControllerChange:d.action.bound,onPlay:d.action.bound,onPause:d.action.bound,onEnded:d.action.bound,onTimeUpdate:d.action.bound})}setPlaying(t){this.playing=t}setPercent(t){this.percent=t}setSeeking(t){this.seeking=t}onControllerChange(t){this.controller=t}onPlay(){this.playing=!0}onPause(){this.playing=!1}onEnded(){this.playing=!1}onTimeUpdate({percent:t}){t!==void 0&&(this.seeking||(this.percent=t))}}const jt=v.createContext(void 0),Xn=({children:e})=>{const[t]=v.useState(()=>new Kn(new Ke));return o(jt.Provider,{value:t,children:e})},Zn=()=>v.useContext(jt);exports.BottomBar=Bn;exports.HydrangeanDivaProvider=Wn;exports.MediaPlayerLayout=Jn;exports.MiniPlayer=Qn;exports.MobXObservableStateProvider=Ke;exports.ObservableStateProvider=fr;exports.PlayQueue=$t;exports.PlayQueuePage=In;exports.PlayQueueStoreContext=Xe;exports.PlayQueueStoreProvider=wn;exports.PlayerStoreProvider=Xn;exports.RepeatMode=$;exports.bottomBarHeight=Qe;exports.usePlayQueueStore=Ze;exports.usePlayerStore=Zn;
+  <%s key={someKey} {...props} />`,Ve,ee,sr,ee),pt[ee+Ve]=!0}}return n===i?rr(N):tr(N),N}}function nr(n,c,p){return yt(n,c,p,!0)}function ir(n,c,p){return yt(n,c,p,!1)}var ar=ir,or=nr;me.Fragment=i,me.jsx=ar,me.jsxs=or})()),me}var gt;function vr(){return gt||(gt=1,process.env.NODE_ENV==="production"?_e.exports=hr():_e.exports=mr()),_e.exports}var ge=vr(),Ae={exports:{}},C={};var bt;function gr(){if(bt)return C;bt=1;var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,i=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,d=e?Symbol.for("react.provider"):60109,y=e?Symbol.for("react.context"):60110,h=e?Symbol.for("react.async_mode"):60111,b=e?Symbol.for("react.concurrent_mode"):60111,S=e?Symbol.for("react.forward_ref"):60112,T=e?Symbol.for("react.suspense"):60113,z=e?Symbol.for("react.suspense_list"):60120,j=e?Symbol.for("react.memo"):60115,M=e?Symbol.for("react.lazy"):60116,V=e?Symbol.for("react.block"):60121,W=e?Symbol.for("react.fundamental"):60117,L=e?Symbol.for("react.responder"):60118,k=e?Symbol.for("react.scope"):60119;function D(f){if(typeof f=="object"&&f!==null){var Q=f.$$typeof;switch(Q){case t:switch(f=f.type,f){case h:case b:case i:case s:case a:case T:return f;default:switch(f=f&&f.$$typeof,f){case y:case S:case M:case j:case d:return f;default:return Q}}case r:return Q}}}function A(f){return D(f)===b}return C.AsyncMode=h,C.ConcurrentMode=b,C.ContextConsumer=y,C.ContextProvider=d,C.Element=t,C.ForwardRef=S,C.Fragment=i,C.Lazy=M,C.Memo=j,C.Portal=r,C.Profiler=s,C.StrictMode=a,C.Suspense=T,C.isAsyncMode=function(f){return A(f)||D(f)===h},C.isConcurrentMode=A,C.isContextConsumer=function(f){return D(f)===y},C.isContextProvider=function(f){return D(f)===d},C.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===t},C.isForwardRef=function(f){return D(f)===S},C.isFragment=function(f){return D(f)===i},C.isLazy=function(f){return D(f)===M},C.isMemo=function(f){return D(f)===j},C.isPortal=function(f){return D(f)===r},C.isProfiler=function(f){return D(f)===s},C.isStrictMode=function(f){return D(f)===a},C.isSuspense=function(f){return D(f)===T},C.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===i||f===b||f===s||f===a||f===T||f===z||typeof f=="object"&&f!==null&&(f.$$typeof===M||f.$$typeof===j||f.$$typeof===d||f.$$typeof===y||f.$$typeof===S||f.$$typeof===W||f.$$typeof===L||f.$$typeof===k||f.$$typeof===V)},C.typeOf=D,C}var R={};var Pt;function br(){return Pt||(Pt=1,process.env.NODE_ENV!=="production"&&(function(){var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,i=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,d=e?Symbol.for("react.provider"):60109,y=e?Symbol.for("react.context"):60110,h=e?Symbol.for("react.async_mode"):60111,b=e?Symbol.for("react.concurrent_mode"):60111,S=e?Symbol.for("react.forward_ref"):60112,T=e?Symbol.for("react.suspense"):60113,z=e?Symbol.for("react.suspense_list"):60120,j=e?Symbol.for("react.memo"):60115,M=e?Symbol.for("react.lazy"):60116,V=e?Symbol.for("react.block"):60121,W=e?Symbol.for("react.fundamental"):60117,L=e?Symbol.for("react.responder"):60118,k=e?Symbol.for("react.scope"):60119;function D(m){return typeof m=="string"||typeof m=="function"||m===i||m===b||m===s||m===a||m===T||m===z||typeof m=="object"&&m!==null&&(m.$$typeof===M||m.$$typeof===j||m.$$typeof===d||m.$$typeof===y||m.$$typeof===S||m.$$typeof===W||m.$$typeof===L||m.$$typeof===k||m.$$typeof===V)}function A(m){if(typeof m=="object"&&m!==null){var pe=m.$$typeof;switch(pe){case t:var ie=m.type;switch(ie){case h:case b:case i:case s:case a:case T:return ie;default:var Z=ie&&ie.$$typeof;switch(Z){case y:case S:case M:case j:case d:return Z;default:return pe}}case r:return pe}}}var f=h,Q=b,se=y,Se=d,Ee=t,De=S,Ne=i,we=M,G=j,J=r,X=s,Te=a,Ie=T,le=!1;function Ce(m){return le||(le=!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.")),ue(m)||A(m)===h}function ue(m){return A(m)===b}function Re(m){return A(m)===y}function xe(m){return A(m)===d}function Oe(m){return typeof m=="object"&&m!==null&&m.$$typeof===t}function $e(m){return A(m)===S}function je(m){return A(m)===i}function ce(m){return A(m)===M}function de(m){return A(m)===j}function re(m){return A(m)===r}function fe(m){return A(m)===s}function ne(m){return A(m)===a}function qe(m){return A(m)===T}R.AsyncMode=f,R.ConcurrentMode=Q,R.ContextConsumer=se,R.ContextProvider=Se,R.Element=Ee,R.ForwardRef=De,R.Fragment=Ne,R.Lazy=we,R.Memo=G,R.Portal=J,R.Profiler=X,R.StrictMode=Te,R.Suspense=Ie,R.isAsyncMode=Ce,R.isConcurrentMode=ue,R.isContextConsumer=Re,R.isContextProvider=xe,R.isElement=Oe,R.isForwardRef=$e,R.isFragment=je,R.isLazy=ce,R.isMemo=de,R.isPortal=re,R.isProfiler=fe,R.isStrictMode=ne,R.isSuspense=qe,R.isValidElementType=D,R.typeOf=A})()),R}var St;function Pr(){return St||(St=1,process.env.NODE_ENV==="production"?Ae.exports=gr():Ae.exports=br()),Ae.exports}var Ye,Et;function Sr(){if(Et)return Ye;Et=1;var e=Pr(),t={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},i={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[e.ForwardRef]=i,s[e.Memo]=a;function d(M){return e.isMemo(M)?a:s[M.$$typeof]||t}var y=Object.defineProperty,h=Object.getOwnPropertyNames,b=Object.getOwnPropertySymbols,S=Object.getOwnPropertyDescriptor,T=Object.getPrototypeOf,z=Object.prototype;function j(M,V,W){if(typeof V!="string"){if(z){var L=T(V);L&&L!==z&&j(M,L,W)}var k=h(V);b&&(k=k.concat(b(V)));for(var D=d(M),A=d(V),f=0;f<k.length;++f){var Q=k[f];if(!r[Q]&&!(W&&W[Q])&&!(A&&A[Q])&&!(D&&D[Q])){var se=S(V,Q);try{y(M,Q,se)}catch{}}}}return M}return Ye=j,Ye}Sr();var Er=!0;function wr(e,t,r){var i="";return r.split(" ").forEach(function(a){e[a]!==void 0?t.push(e[a]+";"):a&&(i+=a+" ")}),i}var Rt=function(t,r,i){var a=t.key+"-"+r.name;(i===!1||Er===!1)&&t.registered[a]===void 0&&(t.registered[a]=r.styles)},Tr=function(t,r,i){Rt(t,r,i);var a=t.key+"-"+r.name;if(t.inserted[r.name]===void 0){var s=r;do t.insert(r===s?"."+a:"",s,t.sheet,!0),s=s.next;while(s!==void 0)}};function Ir(e){for(var t=0,r,i=0,a=e.length;a>=4;++i,a-=4)r=e.charCodeAt(i)&255|(e.charCodeAt(++i)&255)<<8|(e.charCodeAt(++i)&255)<<16|(e.charCodeAt(++i)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(i+2)&255)<<16;case 2:t^=(e.charCodeAt(i+1)&255)<<8;case 1:t^=e.charCodeAt(i)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var Cr={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,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function Rr(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var xr=/[A-Z]|^ms/g,Or=/_EMO_([^_]+?)_([^]*?)_EMO_/g,xt=function(t){return t.charCodeAt(1)===45},wt=function(t){return t!=null&&typeof t!="boolean"},Be=Rr(function(e){return xt(e)?e:e.replace(xr,"-$&").toLowerCase()}),Tt=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(Or,function(i,a,s){return H={name:a,styles:s,next:H},a})}return Cr[t]!==1&&!xt(t)&&typeof r=="number"&&r!==0?r+"px":r};function be(e,t,r){if(r==null)return"";var i=r;if(i.__emotion_styles!==void 0)return i;switch(typeof r){case"boolean":return"";case"object":{var a=r;if(a.anim===1)return H={name:a.name,styles:a.styles,next:H},a.name;var s=r;if(s.styles!==void 0){var d=s.next;if(d!==void 0)for(;d!==void 0;)H={name:d.name,styles:d.styles,next:H},d=d.next;var y=s.styles+";";return y}return kr(e,t,r)}case"function":{if(e!==void 0){var h=H,b=r(e);return H=h,be(e,t,b)}break}}var S=r;return S}function kr(e,t,r){var i="";if(Array.isArray(r))for(var a=0;a<r.length;a++)i+=be(e,t,r[a])+";";else for(var s in r){var d=r[s];if(typeof d!="object"){var y=d;wt(y)&&(i+=Be(s)+":"+Tt(s,y)+";")}else if(Array.isArray(d)&&typeof d[0]=="string"&&t==null)for(var h=0;h<d.length;h++)wt(d[h])&&(i+=Be(s)+":"+Tt(s,d[h])+";");else{var b=be(e,t,d);switch(s){case"animation":case"animationName":{i+=Be(s)+":"+b+";";break}default:i+=s+"{"+b+"}"}}}return i}var It=/label:\s*([^\s;{]+)\s*(;|$)/g,H;function _r(e,t,r){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var i=!0,a="";H=void 0;var s=e[0];if(s==null||s.raw===void 0)i=!1,a+=be(r,t,s);else{var d=s;a+=d[0]}for(var y=1;y<e.length;y++)if(a+=be(r,t,e[y]),i){var h=s;a+=h[y]}It.lastIndex=0;for(var b="",S;(S=It.exec(a))!==null;)b+="-"+S[1];var T=Ir(a)+b;return{name:T,styles:a,next:H}}var Ar=function(t){return t()},Fr=K.useInsertionEffect?K.useInsertionEffect:!1,Mr=Fr||Ar,Ot=K.createContext(typeof HTMLElement<"u"?ur({key:"css"}):null);Ot.Provider;var Dr=function(t){return v.forwardRef(function(r,i){var a=v.useContext(Ot);return t(r,a,i)})},Nr=K.createContext({}),Fe={}.hasOwnProperty,He="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",kt=function(t,r){var i={};for(var a in r)Fe.call(r,a)&&(i[a]=r[a]);return i[He]=t,i},$r=function(t){var r=t.cache,i=t.serialized,a=t.isStringTag;return Rt(r,i,a),Mr(function(){return Tr(r,i,a)}),null},jr=Dr(function(e,t,r){var i=e.css;typeof i=="string"&&t.registered[i]!==void 0&&(i=t.registered[i]);var a=e[He],s=[i],d="";typeof e.className=="string"?d=wr(t.registered,s,e.className):e.className!=null&&(d=e.className+" ");var y=_r(s,void 0,K.useContext(Nr));d+=t.key+"-"+y.name;var h={};for(var b in e)Fe.call(e,b)&&b!=="css"&&b!==He&&(h[b]=e[b]);return h.className=d,r&&(h.ref=r),K.createElement(K.Fragment,null,K.createElement($r,{cache:t,serialized:y,isStringTag:typeof a=="string"}),K.createElement(a,h))}),_t=jr,Me=ge.Fragment,o=function(t,r,i){return Fe.call(r,"css")?ge.jsx(_t,kt(t,r),i):ge.jsx(t,r,i)},$=function(t,r,i){return Fe.call(r,"css")?ge.jsxs(_t,kt(t,r),i):ge.jsxs(t,r,i)};const qr={mediaPlayer:{enablePlaylists:process.env.NODE_ENV!=="production"}},zr="http://localhost".replace(/\/+$/,"");class At{constructor(t={}){this.configuration=t}set config(t){this.configuration=t}get basePath(){return this.configuration.basePath!=null?this.configuration.basePath:zr}get fetchApi(){return this.configuration.fetchApi}get middleware(){return this.configuration.middleware||[]}get queryParamsStringify(){return this.configuration.queryParamsStringify||Ft}get username(){return this.configuration.username}get password(){return this.configuration.password}get apiKey(){const t=this.configuration.apiKey;if(t)return typeof t=="function"?t:()=>t}get accessToken(){const t=this.configuration.accessToken;if(t)return typeof t=="function"?t:async()=>t}get headers(){return this.configuration.headers}get credentials(){return this.configuration.credentials}}const Lr=new At;class et{constructor(t=Lr){this.configuration=t,this.middleware=t.middleware}static jsonRegex=new RegExp("^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$","i");middleware;withMiddleware(...t){const r=this.clone();return r.middleware=r.middleware.concat(...t),r}withPreMiddleware(...t){const r=t.map(i=>({pre:i}));return this.withMiddleware(...r)}withPostMiddleware(...t){const r=t.map(i=>({post:i}));return this.withMiddleware(...r)}isJsonMime(t){return t?et.jsonRegex.test(t):!1}async request(t,r){const{url:i,init:a}=await this.createFetchParams(t,r),s=await this.fetchApi(i,a);if(s&&s.status>=200&&s.status<300)return s;throw new Vr(s,"Response returned an error code")}async createFetchParams(t,r){let i=this.configuration.basePath+t.path;t.query!==void 0&&Object.keys(t.query).length!==0&&(i+="?"+this.configuration.queryParamsStringify(t.query));const a=Object.assign({},this.configuration.headers,t.headers);Object.keys(a).forEach(S=>a[S]===void 0?delete a[S]:{});const s=typeof r=="function"?r:async()=>r,d={method:t.method,headers:a,body:t.body,credentials:this.configuration.credentials},y={...d,...await s({init:d,context:t})};let h;Ur(y.body)||y.body instanceof URLSearchParams||Qr(y.body)?h=y.body:this.isJsonMime(a["Content-Type"])?h=JSON.stringify(y.body):h=y.body;const b={...y,body:h};return{url:i,init:b}}fetchApi=async(t,r)=>{let i={url:t,init:r};for(const s of this.middleware)s.pre&&(i=await s.pre({fetch:this.fetchApi,...i})||i);let a;try{a=await(this.configuration.fetchApi||fetch)(i.url,i.init)}catch(s){for(const d of this.middleware)d.onError&&(a=await d.onError({fetch:this.fetchApi,url:i.url,init:i.init,error:s,response:a?a.clone():void 0})||a);if(a===void 0)throw s instanceof Error?new Yr(s,"The request failed and the interceptors did not return an alternative response"):s}for(const s of this.middleware)s.post&&(a=await s.post({fetch:this.fetchApi,url:i.url,init:i.init,response:a.clone()})||a);return a};clone(){const t=this.constructor,r=new t(this.configuration);return r.middleware=this.middleware.slice(),r}}function Qr(e){return typeof Blob<"u"&&e instanceof Blob}function Ur(e){return typeof FormData<"u"&&e instanceof FormData}class Vr extends Error{constructor(t,r){super(r),this.response=t}name="ResponseError"}class Yr extends Error{constructor(t,r){super(r),this.cause=t}name="FetchError"}class ve extends Error{constructor(t,r){super(r),this.field=t}name="RequiredError"}function Ft(e,t=""){return Object.keys(e).map(r=>Mt(r,e[r],t)).filter(r=>r.length>0).join("&")}function Mt(e,t,r=""){const i=r+(r.length?`[${e}]`:e);if(t instanceof Array){const a=t.map(s=>encodeURIComponent(String(s))).join(`&${encodeURIComponent(i)}=`);return`${encodeURIComponent(i)}=${a}`}if(t instanceof Set){const a=Array.from(t);return Mt(e,a,r)}return t instanceof Date?`${encodeURIComponent(i)}=${encodeURIComponent(t.toISOString())}`:t instanceof Object?Ft(t,i):`${encodeURIComponent(i)}=${encodeURIComponent(String(t))}`}class te{constructor(t,r=i=>i){this.raw=t,this.transformer=r}async value(){return this.transformer(await this.raw.json())}}function Dt(e){return Br(e)}function Br(e,t){return e==null?e:{id:e.id,name:e.name}}function Gr(e){return Hr(e)}function Hr(e,t){return e==null?e:{playlist:Dt(e.playlist)}}function Wr(e){return Jr(e)}function Jr(e,t){return e==null?e:{items:e.items.map(Dt)}}function Kr(e){return Xr(e)}function Xr(e,t){return e==null?e:{id:e.id,url:e.url,type:e.type,videoId:e.videoId,title:e.title}}function Zr(e){return en(e)}function en(e,t){return e==null?e:{items:e.items.map(Kr)}}function tn(e){return rn(e,!1)}function rn(e,t=!1){return e==null?e:{name:e.name}}function nn(e){return an(e,!1)}function an(e,t=!1){return e==null?e:{name:e.name}}class on extends et{async mediaPlayerPlaylistsGetRaw(t){const r={},i={},s=await this.request({path:"/media-player/playlists",method:"GET",headers:i,query:r},t);return new te(s,d=>Wr(d))}async mediaPlayerPlaylistsGet(t){return await(await this.mediaPlayerPlaylistsGetRaw(t)).value()}async mediaPlayerPlaylistsIdDeleteRaw(t,r){if(t.id==null)throw new ve("id",'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdDelete().');const i={},a={};let s="/media-player/playlists/{id}";s=s.replace("{id}",encodeURIComponent(String(t.id)));const d=await this.request({path:s,method:"DELETE",headers:a,query:i},r);return new te(d)}async mediaPlayerPlaylistsIdDelete(t,r){return await(await this.mediaPlayerPlaylistsIdDeleteRaw(t,r)).value()}async mediaPlayerPlaylistsIdGetRaw(t,r){if(t.id==null)throw new ve("id",'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdGet().');const i={},a={};let s="/media-player/playlists/{id}";s=s.replace("{id}",encodeURIComponent(String(t.id)));const d=await this.request({path:s,method:"GET",headers:a,query:i},r);return new te(d,y=>Gr(y))}async mediaPlayerPlaylistsIdGet(t,r){return await(await this.mediaPlayerPlaylistsIdGetRaw(t,r)).value()}async mediaPlayerPlaylistsIdRenamePostRaw(t,r){if(t.id==null)throw new ve("id",'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdRenamePost().');const i={},a={};a["Content-Type"]="application/json";let s="/media-player/playlists/{id}:rename";s=s.replace("{id}",encodeURIComponent(String(t.id)));const d=await this.request({path:s,method:"POST",headers:a,query:i,body:nn(t.hydrangeanDivaMediaPlayerEndpointsPlaylistsRenamePlaylistRequest)},r);return new te(d)}async mediaPlayerPlaylistsIdRenamePost(t,r){return await(await this.mediaPlayerPlaylistsIdRenamePostRaw(t,r)).value()}async mediaPlayerPlaylistsIdTracksGetRaw(t,r){if(t.id==null)throw new ve("id",'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdTracksGet().');const i={},a={};let s="/media-player/playlists/{id}/tracks";s=s.replace("{id}",encodeURIComponent(String(t.id)));const d=await this.request({path:s,method:"GET",headers:a,query:i},r);return new te(d,y=>Zr(y))}async mediaPlayerPlaylistsIdTracksGet(t,r){return await(await this.mediaPlayerPlaylistsIdTracksGetRaw(t,r)).value()}async mediaPlayerPlaylistsIdTracksPutRaw(t,r){if(t.id==null)throw new ve("id",'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdTracksPut().');const i={},a={};let s="/media-player/playlists/{id}/tracks";s=s.replace("{id}",encodeURIComponent(String(t.id)));const d=await this.request({path:s,method:"PUT",headers:a,query:i},r);return new te(d)}async mediaPlayerPlaylistsIdTracksPut(t,r){return await(await this.mediaPlayerPlaylistsIdTracksPutRaw(t,r)).value()}async mediaPlayerPlaylistsPostRaw(t,r){const i={},a={};a["Content-Type"]="application/json";const d=await this.request({path:"/media-player/playlists",method:"POST",headers:a,query:i,body:tn(t.hydrangeanDivaMediaPlayerEndpointsPlaylistsCreatePlaylistRequest)},r);return new te(d)}async mediaPlayerPlaylistsPost(t={},r){return await(await this.mediaPlayerPlaylistsPostRaw(t,r)).value()}}const sn=new At({basePath:new URL("api",window.location.origin).toString()}),ln=new on(sn),un=({disabled:e,onAddToPlaylist:t})=>{const[r,i]=v.useState(!1),[a,s]=v.useState("loading");return v.useEffect(()=>{ln.mediaPlayerPlaylistsGet().then(d=>s(d.items.map(y=>({key:y.id,label:y.name}))))},[]),o(l.EuiPopover,{panelPaddingSize:"none",button:o(l.EuiButton,{iconType:w.AddRegular,onClick:()=>i(!r),disabled:e,children:"Add to"}),isOpen:r,closePopover:()=>i(!1),children:o(l.EuiSelectable,{searchable:!0,searchProps:{compressed:!0},options:a==="loading"?void 0:a,isLoading:a==="loading",onChange:async(d,y,h)=>{i(!1),await t(h)},singleSelection:!0,children:(d,y)=>$("div",{style:{width:240},children:[o(l.EuiPopoverTitle,{paddingSize:"s",children:y}),d,o(l.EuiPopoverFooter,{paddingSize:"s",children:o(l.EuiButton,{size:"s",fullWidth:!0,iconType:w.AddRegular,children:"New playlist"})})]})})})},cn=({onCancel:e,onSave:t})=>{const r=l.useGeneratedHtmlId({prefix:"modalForm"}),[i,a]=v.useState(""),[s,d]=v.useState(""),[y,h]=v.useState(!1);return $(l.EuiModal,{onClose:e,initialFocus:"[name=url]",children:[o(l.EuiModalHeader,{children:o(l.EuiModalHeaderTitle,{children:"Add video"})}),o(l.EuiModalBody,{children:$(l.EuiForm,{id:r,component:"form",onSubmit:async b=>{b.preventDefault();try{h(!0),await t({url:i,title:s})}finally{h(!1)}},children:[o(l.EuiFormRow,{label:"URL",children:o(l.EuiFieldText,{name:"url",value:i,onChange:b=>a(b.target.value)})}),o(l.EuiFormRow,{label:"Title",children:o(l.EuiFieldText,{name:"title",value:s,onChange:b=>d(b.target.value)})})]})}),$(l.EuiModalFooter,{children:[o(l.EuiButtonEmpty,{onClick:e,children:"Cancel"}),o(l.EuiButton,{type:"submit",form:r,fill:!0,disabled:i.trim().length===0,isLoading:y,children:"Add video"})]})]})},Ct=v.memo(({onSave:e})=>{const[t,r]=v.useState(!1),i=v.useCallback(async a=>{await e(a),r(!1)},[e]);return $(Me,{children:[o(l.EuiButton,{onClick:()=>r(!0),iconType:w.AddRegular,color:"primary",children:"Add video"}),t&&o(cn,{onCancel:()=>r(!1),onSave:i})]})}),Nt={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"},dn=O.observer(({playQueueStore:e})=>{const{euiTheme:t}=l.useEuiTheme();return $(l.EuiTableHeader,{style:{position:"sticky",top:112,zIndex:998,background:t.colors.backgroundBasePlain},children:[o(l.EuiTableHeaderCellCheckbox,{children:o(l.EuiCheckbox,{id:"",checked:e.allItemsSelected,onChange:r=>{e.allItemsSelected=r.target.checked}})}),o(l.EuiTableHeaderCell,{width:24}),o(l.EuiTableHeaderCell,{children:"Title"}),o(l.EuiTableHeaderCell,{})]})}),fn=v.memo(({item:e,closePopover:t})=>{const r=v.useMemo(()=>[{id:0,items:[{name:"Play first",icon:o(l.EuiIcon,{type:""}),onClick:async()=>{t(),await e.playFirst()}},{name:"Play next",icon:o(l.EuiIcon,{type:""}),onClick:async()=>{t(),await e.playNext()}},{name:"Add to play queue",icon:o(l.EuiIcon,{type:w.AddRegular}),onClick:async()=>{t(),await e.addToPlayQueue()}},{isSeparator:!0},{name:"Move to the top",icon:o(l.EuiIcon,{type:w.ArrowUploadRegular}),onClick:async()=>{t(),e.moveToTop()},disabled:!e.canMoveToTop},{name:"Move to the bottom",icon:o(l.EuiIcon,{type:w.ArrowDownloadRegular}),onClick:async()=>{t(),e.moveToBottom()},disabled:!e.canMoveToBottom},{isSeparator:!0},{name:"Remove to the top",icon:o(l.EuiIcon,{type:""}),onClick:async()=>{t(),await e.removeToTop()},disabled:!e.canRemoveToTop},{name:"Remove others",icon:o(l.EuiIcon,{type:""}),onClick:async()=>{t(),await e.removeOthers()},disabled:!e.canRemoveOthers}]}],[t,e]);return o(l.EuiContextMenu,{initialPanelId:0,panels:r})}),pn=v.memo(({item:e})=>{const[t,r]=v.useState(!1),i=v.useCallback(()=>r(!t),[t]),a=v.useCallback(()=>r(!1),[]);return o(l.EuiPopover,{button:o(l.EuiButtonIcon,{title:"More options","aria-label":"More options",iconType:w.MoreHorizontalFilled,size:"s",color:"text",onClick:i}),isOpen:t,closePopover:a,panelPaddingSize:"none",anchorPosition:"leftCenter",children:o(fn,{item:e,closePopover:a})})}),yn=O.observer(({item:e})=>{const t=B.useNostalgicDiva();return $(l.EuiTableRowCell,{textOnly:!1,hasActions:!0,align:"right",children:[o(l.EuiButton,{iconType:w.PlayRegular,size:"s",onClick:async()=>{e.isCurrent?await t.setCurrentTime(0):e.play()},children:"Play"}),o(l.EuiButton,{iconType:w.DismissRegular,size:"s",onClick:e.remove,children:"Remove"}),o(pn,{item:e})]})}),hn=O.observer(({item:e})=>{const t=B.useNostalgicDiva();return $(l.EuiTableRow,{isSelected:e.isCurrent,children:[o(l.EuiTableRowCellCheckbox,{children:o(l.EuiCheckbox,{id:e.id.toString(),checked:e.isSelected,onChange:e.toggleSelected})}),o(l.EuiTableRowCell,{textOnly:!1,children:o("img",{src:Nt[e.type],width:16,height:16,alt:e.type})}),o(l.EuiTableRowCell,{children:o(l.EuiLink,{href:e.url,target:"_blank",external:!0,onClick:()=>t.pause(),children:e.title})}),o(yn,{item:e})]},e.id)}),mn=O.observer(({playQueueStore:e})=>o(cr.ReactSortable,{tag:"tbody",list:e.items,setList:t=>e.setItems(t),children:e.items.map(t=>o(hn,{item:t},t.id))})),vn=O.observer(({playQueueStore:e})=>$(l.EuiTable,{children:[o(dn,{playQueueStore:e}),o(mn,{playQueueStore:e})]}));function gn(e){return e!==null&&typeof e=="object"&&"title"in e&&typeof e.title=="string"}const bn=O.observer(({playQueueStore:e})=>o(l.EuiButton,{iconType:w.AddRegular,onClick:e.addSelectedItems,disabled:e.isEmpty||e.selectedItems.length===0,children:"Add to play queue"}));O.observer(({playQueueStore:e})=>{const[t,r]=v.useState(!1);return $(Me,{children:[t&&o(l.EuiFlyout,{type:"push",size:"s",onClose:()=>r(!1),children:o("div",{style:{blockSize:"100%"},children:o(l.EuiCodeBlock,{language:"json",overflowHeight:"100%",isCopyable:!0,isVirtualized:!0,children:JSON.stringify(e.localStorageState,void 0,2)})})}),o(l.EuiButton,{onClick:()=>r(i=>!i),iconType:w.WindowDevToolsRegular,children:"Developer tools"})]})});const $t=O.observer(({playQueueStore:e})=>{const{euiTheme:t}=l.useEuiTheme(),r=v.useCallback(async()=>{},[]),i=v.useCallback(async a=>{const s=B.findVideoService(a.url);if(s!==void 0){const d=s.extractVideoId(a.url);if(d!==void 0){const h=await(await fetch(`https://noembed.com/embed?url=${encodeURIComponent(a.url)}`)).json();await e.addItems([e.createItem({url:a.url,type:s.type,videoId:d,title:a.title||(gn(h)?h.title:d)})])}}},[e]);return $(Me,{children:[$(l.EuiFlexGroup,{alignItems:"center",gutterSize:"m",style:{position:"sticky",top:48,zIndex:998,background:t.colors.backgroundBasePlain},children:[o(l.EuiFlexItem,{grow:!1,children:o(l.EuiButton,{disabled:e.isEmpty||e.selectedItems.length===0,onClick:e.playSelectedItemsNext,children:"Play next"})}),o(l.EuiFlexItem,{grow:!1,children:o(bn,{playQueueStore:e})}),o(l.EuiFlexItem,{grow:!1,children:o(un,{disabled:!qr.mediaPlayer.enablePlaylists,onAddToPlaylist:r})}),o(l.EuiFlexItem,{grow:!1,children:o(l.EuiButton,{iconType:w.DismissRegular,onClick:e.removeSelectedItems,disabled:e.isEmpty||e.selectedItems.length===0,children:"Remove"})}),o(l.EuiFlexItem,{grow:!1,children:o(l.EuiButton,{iconType:w.DeleteRegular,onClick:e.clear,disabled:e.isEmpty,children:"Clear"})}),o(l.EuiFlexItem,{grow:!0}),$(l.EuiFlexItem,{grow:!1,children:[!1,o(Ct,{onSave:i})]})]}),o(l.EuiSpacer,{size:"l",style:{position:"sticky",top:88,zIndex:998,background:t.colors.backgroundBasePlain}}),e.isEmpty?o(l.EuiEmptyPrompt,{title:o("h2",{children:"We couldn't find any videos"}),body:o("p",{children:"Your video library doesn't contain any video content."}),actions:o(Ct,{onSave:i})}):o(vn,{playQueueStore:e})]})}),Ge=new dr({coerceTypes:!0});function Pn(e,t){let r;if(r=Ge.getSchema(t),r===void 0&&(Ge.addSchema(e,t),r=Ge.getSchema(t)),r===void 0||r.schema!==e)throw new Error(`Invalid schema. Expected: '${JSON.stringify(e)}', but got '${JSON.stringify(r?.schema)}'.`);return r}const Sn={type:"object",properties:{url:{type:"string"},type:{type:"string"},videoId:{type:"string"},title:{type:"string"}},required:["url","type","videoId","title"]},En={type:"object",properties:{version:{type:"string",nullable:!0},repeat:{type:"string",enum:Object.values(_),nullable:!0},shuffle:{type:"boolean",nullable:!0},items:{type:"array",nullable:!0,items:Sn},currentIndex:{type:"integer",nullable:!0}}};class Pe{constructor(t,r,i){this.observableStateProvider=t,this.playQueueStore=r,this.dto=i,this.id=Pe.nextId++,t.makeObservable(this,{isSelected:u.observable,isCurrent:u.computed,index:u.computed,isFirst:u.computed,isLast:u.computed,canMoveToTop:u.computed,canMoveToBottom:u.computed,canRemoveToTop:u.computed,canRemoveOthers:u.computed,unselect:u.action,toggleSelected:u.action.bound,play:u.action,remove:u.action.bound,playFirst:u.action.bound,playNext:u.action.bound,addToPlayQueue:u.action.bound,moveToTop:u.action.bound,moveToBottom:u.action.bound,removeToTop:u.action.bound,removeOthers:u.action.bound})}static nextId=1;id;isSelected=!1;static fromDto(t,r,i){return new Pe(t,r,i)}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.playQueueStore.currentItem===this}get index(){return this.playQueueStore.items.indexOf(this)}get isFirst(){return this.index===0}get isLast(){return this.index===this.playQueueStore.items.length-1}get canMoveToTop(){return!this.isFirst}get canMoveToBottom(){return!this.isLast}get canRemoveToTop(){return!this.isFirst}get canRemoveOthers(){return this.playQueueStore.hasMultipleItems}clone(){return this.playQueueStore.createItem(this.dto)}unselect(){this.isSelected=!1}toggleSelected(){this.isSelected=!this.isSelected}play(){this.playQueueStore.setCurrentItem(this)}remove(){return this.playQueueStore.removeItems([this])}async playFirst(){await this.playQueueStore.playFirst([this.clone()])}async playNext(){await this.playQueueStore.playNext([this.clone()])}async addToPlayQueue(){await this.playQueueStore.addItems([this.clone()])}moveToTop(){this.playQueueStore.moveItem(this,0)}moveToBottom(){this.playQueueStore.moveItem(this,this.playQueueStore.items.length-1)}removeToTop(){return this.playQueueStore.removeItemsAbove(this)}removeOthers(){return this.playQueueStore.removeOtherItems(this)}}class jt{constructor(t){this.observableStateProvider=t,t.makeObservable(this,{interacted:u.observable,items:u.observable,currentId:u.observable,repeat:u.observable,shuffle:u.observable,localStorageState:u.computed.struct,isEmpty:u.computed,currentItem:u.computed,canPlay:u.computed,canPause:u.computed,hasMultipleItems:u.computed,currentIndex:u.computed,hasPreviousItem:u.computed,hasNextItem:u.computed,isLastItem:u.computed,selectedItems:u.computed,allItemsSelected:u.computed,selectedItemsOrAllItems:u.computed,setItems:u.action,interact:u.action,clear:u.action.bound,unselectAll:u.action,setCurrentItem:u.action,setNextItems:u.action,clearAndSetItems:u.action,playNext:u.action,playSelectedItemsNext:u.action.bound,addItems:u.action,addSelectedItems:u.action.bound,playFirst:u.action,moveItem:u.action,goToFirst:u.action,removeItems:u.action,removeSelectedItems:u.action.bound,removeOtherItems:u.action,removeItemsAbove:u.action,toggleRepeat:u.action.bound,toggleShuffle:u.action.bound,previous:u.action,next:u.action.bound})}interacted=!1;items=[];currentId;repeat=_.Off;shuffle=!1;createItem(t){return Pe.fromDto(this.observableStateProvider,this,{url:t.url,type:t.type,videoId:t.videoId,title:t.title})}get localStorageState(){return{version:"1.0",repeat:this.repeat,shuffle:this.shuffle,items:this.items.map(t=>t.dto),currentIndex:this.currentIndex}}set localStorageState(t){this.repeat=t.repeat??_.Off,this.shuffle=t.shuffle??!1,this.items=t.items?.map(r=>this.createItem(r))??[],this.currentIndex=t.currentIndex}validateLocalStorageState(t){return Pn(En,"PlayQueueDto")(t)}get isEmpty(){return this.items.length===0}get currentItem(){return this.items.find(t=>t.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(t=>t.id===this.currentId):void 0}set currentIndex(t){this.currentId=t!==void 0?this.items.at(t)?.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(t=>t.isSelected)}get allItemsSelected(){return this.selectedItems.length===this.items.length}set allItemsSelected(t){for(const r of this.items)r.isSelected=t}get selectedItemsOrAllItems(){return this.selectedItems.length>0?this.selectedItems:this.items}setItems(t){this.items=t}interact(){this.interacted=!0}clear(){this.interact(),this.currentIndex=void 0,this.items=[]}unselectAll(){for(const t of this.items)t.unselect()}setCurrentItem(t){this.interact(),this.currentId=t?.id}setNextItems(t){this.currentIndex!==void 0&&this.items.splice(this.currentIndex+1,0,...t)}clearAndSetItems(t){this.clear(),this.setCurrentItem(t[0]),this.setNextItems(t)}async playNext(t){if(this.isEmpty){this.clearAndSetItems(t);return}this.setNextItems(t)}async playSelectedItemsNext(){await this.playNext(this.selectedItemsOrAllItems.map(t=>t.clone())),this.unselectAll()}async addItems(t){if(this.isEmpty){this.clearAndSetItems(t);return}this.items.push(...t)}async addSelectedItems(){await this.addItems(this.selectedItemsOrAllItems.map(t=>t.clone())),this.unselectAll()}async playFirst(t){if(this.isEmpty){this.clearAndSetItems(t);return}const{currentIndex:r}=this;r!==void 0&&(this.interact(),this.items.splice(r,0,...t),this.currentIndex=r)}moveItem(t,r){const i=this.items.splice(this.items.indexOf(t),1)[0];this.items.splice(r,0,i)}async goToFirst(){this.currentIndex!==void 0&&(this.currentIndex=0)}async removeItems(t){const{currentItem:r}=this;ht.pull(this.items,...t.filter(s=>s!==r));const{currentIndex:i,isLastItem:a}=this;ht.pull(this.items,t.find(s=>s===r)),this.currentItem!==r&&(this.interact(),a?await this.goToFirst():this.currentIndex=i)}async removeSelectedItems(){await this.removeItems(this.selectedItemsOrAllItems),this.unselectAll()}async removeOtherItems(t){const r=t.id;return this.removeItems(this.items.filter(i=>i.id!==r))}async removeItemsAbove(t){const r=this.items.indexOf(t);return this.removeItems(this.items.filter((i,a)=>a<r))}toggleRepeat(){switch(this.repeat){case _.Off:this.repeat=_.All;break;case _.All:this.repeat=_.One;break;case _.One:this.repeat=_.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 wn=({children:e})=>{const[t]=v.useState(()=>new jt(new Ke)),r=B.useNostalgicDiva();return v.useEffect(()=>u.reaction(()=>t.currentItem,async(i,a)=>{i===void 0||a===void 0||i.type===a.type&&i.videoId===a.videoId&&await r.setCurrentTime(0)}),[t,r]),o(Xe.Provider,{value:t,children:e})},Tn=({breadcrumbs:e,tabs:t,...r})=>{const i=fr.useRouter();return o(l.EuiPageTemplate.Header,{...r,breadcrumbs:e?.map(({linkProps:a,...s})=>({...s,href:a===void 0?void 0:i.buildLocation(a).href,onClick:a===void 0?void 0:async d=>{d.preventDefault(),await i.navigate(a)}})),tabs:t?.map(({linkProps:a,...s})=>({...s,href:a===void 0?void 0:i.buildLocation(a).href,onClick:a===void 0?void 0:async d=>{d.preventDefault(),await i.navigate(a)}}))})},In=()=>{const e=Ze();return $(Me,{children:[o(Tn,{pageTitle:"Play queue",rightSideItems:[]}),o(l.EuiPageTemplate.Section,{children:o($t,{playQueueStore:e})})]})},Cn=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:`Shuffle: ${e.shuffle?"On":"Off"}`,"aria-label":`Shuffle: ${e.shuffle?"On":"Off"}`,iconType:e.shuffle?w.ArrowShuffleFilled:w.ArrowShuffleOffFilled,size:"s",iconSize:"l",onClick:e.toggleShuffle,disabled:!e.canToggleShuffle})),Rn=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:"Previous","aria-label":"Previous",iconType:w.PreviousFilled,size:"s",iconSize:"l",onClick:e.previous,disabled:!e.canPrevious})),xn=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:"Skip back 10 seconds","aria-label":"Skip back 10 seconds",iconType:w.SkipBack10Regular,size:"s",iconSize:"l",onClick:e.skipBack10,disabled:!e.canSkipBack10})),On=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:"Pause","aria-label":"Pause",iconType:w.PauseFilled,size:"s",iconSize:"l",onClick:e.pause,disabled:!e.canPause})),kn=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:"Play","aria-label":"Play",iconType:w.PlayFilled,size:"s",iconSize:"l",onClick:e.play,disabled:!e.canPlay})),_n=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:"Skip forward 30 seconds","aria-label":"Skip forward 30 seconds",iconType:w.SkipForward30Regular,size:"s",iconSize:"l",onClick:e.skipForward30,disabled:!e.canSkipForward30})),An=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:"Next","aria-label":"Next",iconType:w.NextFilled,size:"s",iconSize:"l",onClick:e.next,disabled:!e.canNext})),Fn={[_.Off]:w.ArrowRepeatAllOffFilled,[_.All]:w.ArrowRepeatAllFilled,[_.One]:w.ArrowRepeat1Filled},Mn=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:`Repeat: ${e.repeat===_.All?"All":e.repeat===_.One?"One":"Off"}`,"aria-label":`Repeat: ${e.repeat===_.All?"All":e.repeat===_.One?"One":"Off"}`,iconType:Fn[e.repeat],size:"s",iconSize:"l",onClick:e.toggleRepeat,disabled:!e.canToggleRepeat})),Dn=O.observer(({bottomBarStore:e})=>$(l.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"center",alignItems:"center",children:[o(Cn,{bottomBarStore:e}),o(Rn,{bottomBarStore:e}),o(xn,{bottomBarStore:e}),e.playing?o(On,{bottomBarStore:e}):o(kn,{bottomBarStore:e}),o(_n,{bottomBarStore:e}),o(An,{bottomBarStore:e}),o(Mn,{bottomBarStore:e})]})),Nn=v.memo(({item:e,closePopover:t})=>{const r=B.useNostalgicDiva(),i=v.useMemo(()=>[{id:0,items:[{name:"Open in new tab",icon:o(l.EuiIcon,{type:w.OpenRegular}),onClick:async()=>{t(),await r.pause(),window.open(e.dto.url,"_blank")}},{name:"Copy link address",icon:o(l.EuiIcon,{type:""}),onClick:async()=>{t(),await navigator.clipboard.writeText(e.dto.url)}},{name:"Copy link text",icon:o(l.EuiIcon,{type:""}),onClick:async()=>{t(),await navigator.clipboard.writeText(e.dto.title)}}]}],[t,r,e]);return o(l.EuiContextMenu,{initialPanelId:0,panels:i})}),$n=v.memo(({item:e})=>{const[t,r]=v.useState(!1),i=v.useCallback(()=>r(!t),[t]),a=v.useCallback(()=>r(!1),[]);return o(l.EuiPopover,{button:o(l.EuiButtonEmpty,{iconType:Nt[e.type],size:"s",onClick:i,children:e.title}),isOpen:t,closePopover:a,panelPaddingSize:"none",anchorPosition:"upLeft",children:o(Nn,{item:e,closePopover:a})})}),jn=O.observer(({bottomBarStore:e})=>o(l.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"flexStart",alignItems:"center",children:e.currentItem&&o($n,{item:e.currentItem})})),qn=O.observer(({bottomBarStore:e})=>o(l.EuiButtonIcon,{title:"Mute","aria-label":"Mute",iconType:w.Speaker2Regular,size:"s",iconSize:"l",disabled:!e.controller.supports("setMuted")})),zn=O.observer(({bottomBarStore:e,button:t,isOpen:r,closePopover:i})=>{const[a,s]=v.useState("0"),d=B.useNostalgicDiva();v.useLayoutEffect(()=>{r&&d.getVolume().then(h=>{h!==void 0&&s(Math.floor(h*100).toString())})},[r,d]);const y=v.useCallback(async h=>{s(h.currentTarget.value),await d.setVolume(Number(h.currentTarget.value)/100)},[d]);return o(l.EuiPopover,{button:t,isOpen:r,closePopover:i,anchorPosition:"upRight",children:o(l.EuiFormRow,{children:$(l.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"center",alignItems:"center",children:[o(qn,{bottomBarStore:e}),o(l.EuiRange,{min:0,max:100,step:1,value:a,onChange:y,css:{blockSize:32},disabled:!e.controller.supports("setVolume")})]})})})}),Ln=O.observer(({bottomBarStore:e})=>{const[t,r]=v.useState(!1),i=()=>r(!t);return o(zn,{bottomBarStore:e,button:o(l.EuiButtonIcon,{title:"Volume","aria-label":"Volume",iconType:w.Speaker2Regular,size:"s",iconSize:"l",onClick:i,disabled:!e.controller.supports("getVolume")}),isOpen:t,closePopover:()=>r(!1)})}),Qn=({onClickPlayQueueButton:e})=>o(l.EuiButtonIcon,{title:"Play queue","aria-label":"Play queue",iconType:w.NavigationPlayRegular,size:"s",iconSize:"l",onClick:e}),Un=O.observer(({bottomBarStore:e,closePopover:t})=>{const r=B.useNostalgicDiva(),i=v.useCallback(async()=>{await e.skipBack10(),t()},[e,t]),a=v.useCallback(async()=>{await e.skipForward30(),t()},[e,t]),s=v.useCallback(async T=>{await r.setPlaybackRate(T),t()},[r,t]),d=v.useCallback(async()=>{e.currentItem!==void 0&&await e.playQueueStore.removeItems([e.currentItem]),t()},[e,t]),[y,h]=v.useState(),b=v.useCallback(async()=>{await e.controller.getPlaybackRate().then(T=>h(T))},[e]),S=v.useMemo(()=>[{id:0,items:[{name:"Speed",icon:o(l.EuiIcon,{type:w.TopSpeedRegular}),panel:1,onClick:b,disabled:!e.controller.supports("getPlaybackRate")},{name:"Skip back 10 seconds",icon:o(l.EuiIcon,{type:w.SkipBack10Regular}),onClick:i,disabled:!e.canSkipBack10},{name:"Skip forward 30 seconds",icon:o(l.EuiIcon,{type:w.SkipForward30Regular}),onClick:a,disabled:!e.canSkipForward30},{isSeparator:!0},{name:"Remove from play queue",icon:o(l.EuiIcon,{type:w.DismissRegular}),onClick:d,disabled:e.playQueueStore.isEmpty}]},{id:1,title:"Speed",items:[.25,.5,.75,1,1.25,1.5,1.75,2].map(T=>({name:T.toString(),onClick:()=>s(T),icon:T===y?"check":"empty",disabled:!e.controller.supports("setPlaybackRate")}))}],[e,b,i,a,d,s,y]);return o(l.EuiContextMenu,{initialPanelId:0,panels:S})}),Vn=v.memo(({bottomBarStore:e,button:t,isOpen:r,closePopover:i})=>o(l.EuiPopover,{button:t,isOpen:r,closePopover:i,panelPaddingSize:"none",anchorPosition:"upRight",children:o(Un,{bottomBarStore:e,closePopover:i})})),Yn=v.memo(({bottomBarStore:e})=>{const[t,r]=v.useState(!1),i=()=>r(!t);return o(Vn,{bottomBarStore:e,button:o(l.EuiButtonIcon,{title:"More options","aria-label":"More options",iconType:w.MoreHorizontalFilled,size:"s",iconSize:"l",onClick:i}),isOpen:t,closePopover:()=>r(!1)})}),Bn=v.memo(({bottomBarStore:e,onClickPlayQueueButton:t})=>$(l.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"flexEnd",alignItems:"center",children:[o(Ln,{bottomBarStore:e}),t&&o(Qn,{onClickPlayQueueButton:t}),o(Yn,{bottomBarStore:e})]})),Gn=O.observer(({bottomBarStore:e})=>{const t=B.useNostalgicDiva(),r=v.useCallback(s=>{const d=Number(s.currentTarget.value)/100;e.playerStore.setPercent(d)},[e]),i=v.useCallback(s=>{s.button===0&&e.playerStore.setSeeking(!0)},[e]),a=v.useCallback(async s=>{if(s.button===0){const d=Number(s.currentTarget.value)/100;e.playerStore.setSeeking(!1);const y=await t.getDuration();y!==void 0&&await t.setCurrentTime(y*d)}},[e,t]);return o(l.EuiRange,{min:0,max:100,step:1e-7,value:e.playerStore.percent*100,onChange:r,onMouseDown:i,onMouseUp:a,fullWidth:!0,showRange:!0,css:{blockSize:32},disabled:e.playQueueStore.isEmpty})}),Hn=O.observer(({bottomBarStore:e,onClickPlayQueueButton:t})=>o(l.EuiBottomBar,{paddingSize:"s",children:$(l.EuiFlexGroup,{direction:"column",gutterSize:"none",children:[o(l.EuiFlexItem,{children:o(Gn,{bottomBarStore:e})}),o(l.EuiFlexItem,{children:$(l.EuiFlexGroup,{responsive:!1,children:[o(l.EuiFlexItem,{css:{width:"calc(100% / 3)"},children:o(jn,{bottomBarStore:e})}),o(l.EuiFlexItem,{css:{width:"calc(100% / 3)"},children:o(Dn,{bottomBarStore:e})}),o(l.EuiFlexItem,{css:{width:"calc(100% / 3)"},children:o(Bn,{bottomBarStore:e,onClickPlayQueueButton:t})})]})})]})})),Wn=e=>o(B.NostalgicDivaProvider,{...e}),We={width:400,height:225},Jn=O.observer(({children:e})=>{const t=Ze();return $(l.EuiPageTemplate,{panelled:!0,style:{minBlockSize:`max(460px, 100vh - ${Je}px)`},children:[e,!t.isEmpty&&o(l.EuiSpacer,{style:{blockSize:We.height}})]})}),Kn=O.observer(({miniPlayerStore:e})=>{const t=v.useMemo(()=>({onLoaded:e.onLoaded,onPlay:e.onPlay,onPause:e.onPause,onEnded:e.onEnded,onTimeUpdate:e.onTimeUpdate}),[e]);return o("div",{css:{position:"fixed",right:0,bottom:Je,width:We.width,height:We.height,zIndex:998,backgroundColor:"rgb(39, 39, 39)",display:"flex",flexDirection:"column"},children:o("div",{css:{flexGrow:1,backgroundColor:"black"},children:e.currentItem&&o(B.NostalgicDiva,{src:e.currentItem.url,options:t,onControllerChange:e.onControllerChange})})})});class qt{controller=B.nullPlayerController;playing=!1;percent=0;seeking=!1;constructor(t){t.makeObservable(this,{controller:u.observable,playing:u.observable,percent:u.observable,seeking:u.observable,setPlaying:u.action,setPercent:u.action,setSeeking:u.action,onControllerChange:u.action.bound,onPlay:u.action.bound,onPause:u.action.bound,onEnded:u.action.bound,onTimeUpdate:u.action.bound})}setPlaying(t){this.playing=t}setPercent(t){this.percent=t}setSeeking(t){this.seeking=t}onControllerChange(t){this.controller=t}onPlay(){this.playing=!0}onPause(){this.playing=!1}onEnded(){this.playing=!1}onTimeUpdate({percent:t}){t!==void 0&&(this.seeking||(this.percent=t))}}const zt=v.createContext(void 0),Xn=({children:e})=>{const[t]=v.useState(()=>new qt(new Ke));return o(zt.Provider,{value:t,children:e})},Zn=()=>v.useContext(zt);class ei{constructor(t,r,i){this.playerStore=r,this.playQueueStore=i,t.makeObservable(this,{controller:u.computed,playing:u.computed,currentItem:u.computed,repeat:u.computed,shuffle:u.computed,canToggleRepeat:u.computed,canToggleShuffle:u.computed,canPlay:u.computed,canPause:u.computed,canPrevious:u.computed,canNext:u.computed,canSkipBack10:u.computed,canSkipForward30:u.computed,toggleRepeat:u.action.bound,toggleShuffle:u.action.bound,play:u.action.bound,pause:u.action.bound,previous:u.action.bound,next:u.action.bound,skipBack10:u.action.bound,skipForward30:u.action.bound})}get controller(){return this.playerStore.controller}get playing(){return this.playerStore.playing}get currentItem(){return this.playQueueStore.currentItem}get repeat(){return this.playQueueStore.repeat}get shuffle(){return this.playQueueStore.shuffle}get canToggleRepeat(){return!0}get canToggleShuffle(){return!1}get canPlay(){return this.playQueueStore.canPlay&&this.controller.supports("play")}get canPause(){return this.playQueueStore.canPause&&this.controller.supports("pause")}get canPrevious(){return!this.playQueueStore.isEmpty}get canNext(){return this.playQueueStore.hasNextItem}get canSkipBack10(){return!this.playQueueStore.isEmpty&&this.controller.supports("setCurrentTime")}get canSkipForward30(){return!this.playQueueStore.isEmpty&&this.controller.supports("setCurrentTime")}toggleRepeat(){this.playQueueStore.toggleRepeat()}toggleShuffle(){this.playQueueStore.toggleShuffle()}play(){return this.controller.play()}pause(){return this.controller.pause()}async previous(){if(this.playQueueStore.hasPreviousItem){const t=await this.controller.getCurrentTime();t===void 0||t<5?await this.playQueueStore.previous():await this.controller.setCurrentTime(0)}else await this.controller.setCurrentTime(0)}next(){return this.playQueueStore.next()}async skipBack10(){const t=await this.controller.getCurrentTime();t!==void 0&&await this.controller.setCurrentTime(t-10)}async skipForward30(){const t=await this.controller.getCurrentTime();t!==void 0&&await this.controller.setCurrentTime(t+30)}}class ti{constructor(t,r,i){this.playerStore=r,this.playQueueStore=i,t.makeObservable(this,{controller:u.computed,currentItem:u.computed,onLoaded:u.action.bound,onPlay:u.action.bound,onPause:u.action.bound,onEnded:u.action.bound,onTimeUpdate:u.action.bound,onControllerChange:u.action.bound})}get controller(){return this.playerStore.controller}get currentItem(){return this.playQueueStore.currentItem}async onLoaded(){this.playQueueStore.interacted&&await this.controller.play()}onPlay(){this.playerStore.onPlay()}onPause(){this.playerStore.onPause()}async onEnded(){switch(this.playQueueStore.repeat){case _.One:await this.controller.setCurrentTime(0);break;case _.Off:case _.All:if(this.playQueueStore.isLastItem)switch(this.playQueueStore.repeat){case _.Off:this.playerStore.onEnded();break;case _.All:this.playQueueStore.hasMultipleItems?await this.playQueueStore.goToFirst():await this.controller.setCurrentTime(0);break}else await this.playQueueStore.next();break}}onTimeUpdate(t){this.playerStore.onTimeUpdate(t)}onControllerChange(t){this.playerStore.onControllerChange(t)}}exports.BottomBar=Hn;exports.BottomBarStore=ei;exports.HydrangeanDivaProvider=Wn;exports.MediaPlayerLayout=Jn;exports.MiniPlayer=Kn;exports.MiniPlayerStore=ti;exports.MobXObservableStateProvider=Ke;exports.ObservableStateProvider=yr;exports.PlayQueue=$t;exports.PlayQueueItemStore=Pe;exports.PlayQueuePage=In;exports.PlayQueueStore=jt;exports.PlayQueueStoreContext=Xe;exports.PlayQueueStoreProvider=wn;exports.PlayerStore=qt;exports.PlayerStoreProvider=Xn;exports.RepeatMode=_;exports.bottomBarHeight=Je;exports.usePlayQueueStore=Ze;exports.usePlayerStore=Zn;
 //# sourceMappingURL=index.cjs.js.map