@aigamo/hydrangean-diva 0.0.1-alpha.7 → 0.0.1-alpha.9

package/dist/index.cjs.js

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