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

package/dist/index.cjs.js

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