@aigamo/hydrangean-diva 0.0.1-alpha.16 → 0.0.1-alpha.18

package/dist/features/common/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './bottomBarHeight';

package/dist/features/common/index.d.ts

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

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

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

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

@@ -0,0 +1 @@
+export * from './PlayQueuePage';

package/dist/index.cjs.js

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