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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs.js +2 -2
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.es.js +239 -234
  4. package/dist/index.es.js.map +1 -1
  5. package/package.json +2 -2
package/dist/index.cjs.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("mobx"),h=require("react"),er=require("@emotion/cache"),z=require("@aigamo/nostalgic-diva"),s=require("@elastic/eui"),x=require("@fluentui/react-icons"),O=require("mobx-react-lite"),tr=require("react-sortablejs"),dt=require("lodash-es"),rr=require("ajv"),nr=require("@tanstack/react-router");function ir(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const X=ir(h),Ge=81;class Je{makeObservable(t,n){return c.makeObservable(t,n)}}class or{makeObservable(t,n){return t}}var we={exports:{}},ve={};var ft;function ar(){if(ft)return ve;ft=1;var e=h,t=Symbol.for("react.element"),n=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,a=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u={key:!0,ref:!0,__self:!0,__source:!0};function m(b,p,g){var T,_={},R=null,B=null;g!==void 0&&(R=""+g),p.key!==void 0&&(R=""+p.key),p.ref!==void 0&&(B=p.ref);for(T in p)i.call(p,T)&&!u.hasOwnProperty(T)&&(_[T]=p[T]);if(b&&b.defaultProps)for(T in p=b.defaultProps,p)_[T]===void 0&&(_[T]=p[T]);return{$$typeof:t,type:b,key:R,ref:B,props:_,_owner:a.current}}return ve.Fragment=n,ve.jsx=m,ve.jsxs=m,ve}var he={};var mt;function sr(){return mt||(mt=1,process.env.NODE_ENV!=="production"&&(function(){var e=h,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),u=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),b=Symbol.for("react.context"),p=Symbol.for("react.forward_ref"),g=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),R=Symbol.for("react.lazy"),B=Symbol.for("react.offscreen"),N=Symbol.iterator,W="@@iterator";function J(r){if(r===null||typeof r!="object")return null;var l=N&&r[N]||r[W];return typeof l=="function"?l:null}var V=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function k(r){{for(var l=arguments.length,f=new Array(l>1?l-1:0),y=1;y<l;y++)f[y-1]=arguments[y];D("error",r,f)}}function D(r,l,f){{var y=V.ReactDebugCurrentFrame,I=y.getStackAddendum();I!==""&&(l+="%s",f=f.concat([I]));var w=f.map(function(C){return String(C)});w.unshift("Warning: "+l),Function.prototype.apply.call(console[r],console,w)}}var F=!1,d=!1,Y=!1,ae=!1,ye=!1,ge;ge=Symbol.for("react.module.reference");function Fe(r){return!!(typeof r=="string"||typeof r=="function"||r===i||r===u||ye||r===a||r===g||r===T||ae||r===B||F||d||Y||typeof r=="object"&&r!==null&&(r.$$typeof===R||r.$$typeof===_||r.$$typeof===m||r.$$typeof===b||r.$$typeof===p||r.$$typeof===ge||r.getModuleId!==void 0))}function Me(r,l,f){var y=r.displayName;if(y)return y;var I=l.displayName||l.name||"";return I!==""?f+"("+I+")":f}function Ee(r){return r.displayName||"Context"}function H(r){if(r==null)return null;if(typeof r.tag=="number"&&k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof r=="function")return r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case i:return"Fragment";case n:return"Portal";case u:return"Profiler";case a:return"StrictMode";case g:return"Suspense";case T:return"SuspenseList"}if(typeof r=="object")switch(r.$$typeof){case b:var l=r;return Ee(l)+".Consumer";case m:var f=r;return Ee(f._context)+".Provider";case p:return Me(r,r.render,"ForwardRef");case _:var y=r.displayName||null;return y!==null?y:H(r.type)||"Memo";case R:{var I=r,w=I._payload,C=I._init;try{return H(C(w))}catch{return null}}}return null}var K=Object.assign,Z=0,Ce,Te,se,xe,le,Ie,Se;function Pe(){}Pe.__reactDisabledLog=!0;function Ne(){{if(Z===0){Ce=console.log,Te=console.info,se=console.warn,xe=console.error,le=console.group,Ie=console.groupCollapsed,Se=console.groupEnd;var r={configurable:!0,enumerable:!0,value:Pe,writable:!0};Object.defineProperties(console,{info:r,log:r,warn:r,error:r,group:r,groupCollapsed:r,groupEnd:r})}Z++}}function De(){{if(Z--,Z===0){var r={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:K({},r,{value:Ce}),info:K({},r,{value:Te}),warn:K({},r,{value:se}),error:K({},r,{value:xe}),group:K({},r,{value:le}),groupCollapsed:K({},r,{value:Ie}),groupEnd:K({},r,{value:Se})})}Z<0&&k("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ce=V.ReactCurrentDispatcher,ue;function te(r,l,f){{if(ue===void 0)try{throw Error()}catch(I){var y=I.stack.trim().match(/\n( *(at )?)/);ue=y&&y[1]||""}return`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("mobx"),h=require("react"),er=require("@emotion/cache"),B=require("@aigamo/nostalgic-diva"),s=require("@elastic/eui"),x=require("@fluentui/react-icons"),O=require("mobx-react-lite"),tr=require("react-sortablejs"),dt=require("lodash-es"),rr=require("ajv"),nr=require("@tanstack/react-router");function ir(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const X=ir(h),Ge=81;class Je{makeObservable(t,n){return c.makeObservable(t,n)}}class or{makeObservable(t,n){return t}}var we={exports:{}},ve={};var ft;function ar(){if(ft)return ve;ft=1;var e=h,t=Symbol.for("react.element"),n=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,a=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u={key:!0,ref:!0,__self:!0,__source:!0};function m(b,p,g){var T,_={},R=null,z=null;g!==void 0&&(R=""+g),p.key!==void 0&&(R=""+p.key),p.ref!==void 0&&(z=p.ref);for(T in p)i.call(p,T)&&!u.hasOwnProperty(T)&&(_[T]=p[T]);if(b&&b.defaultProps)for(T in p=b.defaultProps,p)_[T]===void 0&&(_[T]=p[T]);return{$$typeof:t,type:b,key:R,ref:z,props:_,_owner:a.current}}return ve.Fragment=n,ve.jsx=m,ve.jsxs=m,ve}var he={};var mt;function sr(){return mt||(mt=1,process.env.NODE_ENV!=="production"&&(function(){var e=h,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),u=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),b=Symbol.for("react.context"),p=Symbol.for("react.forward_ref"),g=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),R=Symbol.for("react.lazy"),z=Symbol.for("react.offscreen"),N=Symbol.iterator,W="@@iterator";function J(r){if(r===null||typeof r!="object")return null;var l=N&&r[N]||r[W];return typeof l=="function"?l:null}var V=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function k(r){{for(var l=arguments.length,f=new Array(l>1?l-1:0),y=1;y<l;y++)f[y-1]=arguments[y];D("error",r,f)}}function D(r,l,f){{var y=V.ReactDebugCurrentFrame,I=y.getStackAddendum();I!==""&&(l+="%s",f=f.concat([I]));var w=f.map(function(C){return String(C)});w.unshift("Warning: "+l),Function.prototype.apply.call(console[r],console,w)}}var F=!1,d=!1,Y=!1,ae=!1,ye=!1,ge;ge=Symbol.for("react.module.reference");function Fe(r){return!!(typeof r=="string"||typeof r=="function"||r===i||r===u||ye||r===a||r===g||r===T||ae||r===z||F||d||Y||typeof r=="object"&&r!==null&&(r.$$typeof===R||r.$$typeof===_||r.$$typeof===m||r.$$typeof===b||r.$$typeof===p||r.$$typeof===ge||r.getModuleId!==void 0))}function Me(r,l,f){var y=r.displayName;if(y)return y;var I=l.displayName||l.name||"";return I!==""?f+"("+I+")":f}function Ee(r){return r.displayName||"Context"}function H(r){if(r==null)return null;if(typeof r.tag=="number"&&k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof r=="function")return r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case i:return"Fragment";case n:return"Portal";case u:return"Profiler";case a:return"StrictMode";case g:return"Suspense";case T:return"SuspenseList"}if(typeof r=="object")switch(r.$$typeof){case b:var l=r;return Ee(l)+".Consumer";case m:var f=r;return Ee(f._context)+".Provider";case p:return Me(r,r.render,"ForwardRef");case _:var y=r.displayName||null;return y!==null?y:H(r.type)||"Memo";case R:{var I=r,w=I._payload,C=I._init;try{return H(C(w))}catch{return null}}}return null}var K=Object.assign,Z=0,Ce,Te,se,xe,le,Ie,Se;function Pe(){}Pe.__reactDisabledLog=!0;function Ne(){{if(Z===0){Ce=console.log,Te=console.info,se=console.warn,xe=console.error,le=console.group,Ie=console.groupCollapsed,Se=console.groupEnd;var r={configurable:!0,enumerable:!0,value:Pe,writable:!0};Object.defineProperties(console,{info:r,log:r,warn:r,error:r,group:r,groupCollapsed:r,groupEnd:r})}Z++}}function De(){{if(Z--,Z===0){var r={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:K({},r,{value:Ce}),info:K({},r,{value:Te}),warn:K({},r,{value:se}),error:K({},r,{value:xe}),group:K({},r,{value:le}),groupCollapsed:K({},r,{value:Ie}),groupEnd:K({},r,{value:Se})})}Z<0&&k("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ce=V.ReactCurrentDispatcher,ue;function te(r,l,f){{if(ue===void 0)try{throw Error()}catch(I){var y=I.stack.trim().match(/\n( *(at )?)/);ue=y&&y[1]||""}return`
2
2
  `+ue+r}}var de=!1,re;{var je=typeof WeakMap=="function"?WeakMap:Map;re=new je}function v(r,l){if(!r||de)return"";{var f=re.get(r);if(f!==void 0)return f}var y;de=!0;var I=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var w;w=ce.current,ce.current=null,Ne();try{if(l){var C=function(){throw Error()};if(Object.defineProperty(C.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(C,[])}catch(q){y=q}Reflect.construct(r,[],C)}else{try{C.call()}catch(q){y=q}r.call(C.prototype)}}else{try{throw Error()}catch(q){y=q}r()}}catch(q){if(q&&y&&typeof q.stack=="string"){for(var E=q.stack.split(`
3
3
  `),L=y.stack.split(`
4
4
  `),M=E.length-1,j=L.length-1;M>=1&&j>=0&&E[M]!==L[j];)j--;for(;M>=1&&j>=0;M--,j--)if(E[M]!==L[j]){if(M!==1||j!==1)do if(M--,j--,j<0||E[M]!==L[j]){var U=`
@@ -11,5 +11,5 @@ Check the top-level render call using <`+f+">.")}return l}}function st(r,l){{if(
11
11
  <%s {...props} />
12
12
  React keys must be passed directly to JSX without using spread:
13
13
  let props = %s;
14
- <%s key={someKey} {...props} />`,Ve,ee,Zt,ee),ct[ee+Ve]=!0}}return r===i?Ht(j):Ut(j),j}}function Gt(r,l,f){return ut(r,l,f,!0)}function Jt(r,l,f){return ut(r,l,f,!1)}var Kt=Jt,Xt=Gt;he.Fragment=i,he.jsx=Kt,he.jsxs=Xt})()),he}var vt;function lr(){return vt||(vt=1,process.env.NODE_ENV==="production"?we.exports=ar():we.exports=sr()),we.exports}var pe=lr(),Oe={exports:{}},S={};var ht;function cr(){if(ht)return S;ht=1;var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,i=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,u=e?Symbol.for("react.profiler"):60114,m=e?Symbol.for("react.provider"):60109,b=e?Symbol.for("react.context"):60110,p=e?Symbol.for("react.async_mode"):60111,g=e?Symbol.for("react.concurrent_mode"):60111,T=e?Symbol.for("react.forward_ref"):60112,_=e?Symbol.for("react.suspense"):60113,R=e?Symbol.for("react.suspense_list"):60120,B=e?Symbol.for("react.memo"):60115,N=e?Symbol.for("react.lazy"):60116,W=e?Symbol.for("react.block"):60121,J=e?Symbol.for("react.fundamental"):60117,V=e?Symbol.for("react.responder"):60118,k=e?Symbol.for("react.scope"):60119;function D(d){if(typeof d=="object"&&d!==null){var Y=d.$$typeof;switch(Y){case t:switch(d=d.type,d){case p:case g:case i:case u:case a:case _:return d;default:switch(d=d&&d.$$typeof,d){case b:case T:case N:case B:case m:return d;default:return Y}}case n:return Y}}}function F(d){return D(d)===g}return S.AsyncMode=p,S.ConcurrentMode=g,S.ContextConsumer=b,S.ContextProvider=m,S.Element=t,S.ForwardRef=T,S.Fragment=i,S.Lazy=N,S.Memo=B,S.Portal=n,S.Profiler=u,S.StrictMode=a,S.Suspense=_,S.isAsyncMode=function(d){return F(d)||D(d)===p},S.isConcurrentMode=F,S.isContextConsumer=function(d){return D(d)===b},S.isContextProvider=function(d){return D(d)===m},S.isElement=function(d){return typeof d=="object"&&d!==null&&d.$$typeof===t},S.isForwardRef=function(d){return D(d)===T},S.isFragment=function(d){return D(d)===i},S.isLazy=function(d){return D(d)===N},S.isMemo=function(d){return D(d)===B},S.isPortal=function(d){return D(d)===n},S.isProfiler=function(d){return D(d)===u},S.isStrictMode=function(d){return D(d)===a},S.isSuspense=function(d){return D(d)===_},S.isValidElementType=function(d){return typeof d=="string"||typeof d=="function"||d===i||d===g||d===u||d===a||d===_||d===R||typeof d=="object"&&d!==null&&(d.$$typeof===N||d.$$typeof===B||d.$$typeof===m||d.$$typeof===b||d.$$typeof===T||d.$$typeof===J||d.$$typeof===V||d.$$typeof===k||d.$$typeof===W)},S.typeOf=D,S}var P={};var pt;function ur(){return pt||(pt=1,process.env.NODE_ENV!=="production"&&(function(){var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,i=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,u=e?Symbol.for("react.profiler"):60114,m=e?Symbol.for("react.provider"):60109,b=e?Symbol.for("react.context"):60110,p=e?Symbol.for("react.async_mode"):60111,g=e?Symbol.for("react.concurrent_mode"):60111,T=e?Symbol.for("react.forward_ref"):60112,_=e?Symbol.for("react.suspense"):60113,R=e?Symbol.for("react.suspense_list"):60120,B=e?Symbol.for("react.memo"):60115,N=e?Symbol.for("react.lazy"):60116,W=e?Symbol.for("react.block"):60121,J=e?Symbol.for("react.fundamental"):60117,V=e?Symbol.for("react.responder"):60118,k=e?Symbol.for("react.scope"):60119;function D(v){return typeof v=="string"||typeof v=="function"||v===i||v===g||v===u||v===a||v===_||v===R||typeof v=="object"&&v!==null&&(v.$$typeof===N||v.$$typeof===B||v.$$typeof===m||v.$$typeof===b||v.$$typeof===T||v.$$typeof===J||v.$$typeof===V||v.$$typeof===k||v.$$typeof===W)}function F(v){if(typeof v=="object"&&v!==null){var fe=v.$$typeof;switch(fe){case t:var ne=v.type;switch(ne){case p:case g:case i:case u:case a:case _:return ne;default:var Q=ne&&ne.$$typeof;switch(Q){case b:case T:case N:case B:case m:return Q;default:return fe}}case n:return fe}}}var d=p,Y=g,ae=b,ye=m,ge=t,Fe=T,Me=i,Ee=N,H=B,K=n,Z=u,Ce=a,Te=_,se=!1;function xe(v){return se||(se=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),le(v)||F(v)===p}function le(v){return F(v)===g}function Ie(v){return F(v)===b}function Se(v){return F(v)===m}function Pe(v){return typeof v=="object"&&v!==null&&v.$$typeof===t}function Ne(v){return F(v)===T}function De(v){return F(v)===i}function ce(v){return F(v)===N}function ue(v){return F(v)===B}function te(v){return F(v)===n}function de(v){return F(v)===u}function re(v){return F(v)===a}function je(v){return F(v)===_}P.AsyncMode=d,P.ConcurrentMode=Y,P.ContextConsumer=ae,P.ContextProvider=ye,P.Element=ge,P.ForwardRef=Fe,P.Fragment=Me,P.Lazy=Ee,P.Memo=H,P.Portal=K,P.Profiler=Z,P.StrictMode=Ce,P.Suspense=Te,P.isAsyncMode=xe,P.isConcurrentMode=le,P.isContextConsumer=Ie,P.isContextProvider=Se,P.isElement=Pe,P.isForwardRef=Ne,P.isFragment=De,P.isLazy=ce,P.isMemo=ue,P.isPortal=te,P.isProfiler=de,P.isStrictMode=re,P.isSuspense=je,P.isValidElementType=D,P.typeOf=F})()),P}var bt;function dr(){return bt||(bt=1,process.env.NODE_ENV==="production"?Oe.exports=cr():Oe.exports=ur()),Oe.exports}var Ye,yt;function fr(){if(yt)return Ye;yt=1;var e=dr(),t={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},n={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},u={};u[e.ForwardRef]=i,u[e.Memo]=a;function m(N){return e.isMemo(N)?a:u[N.$$typeof]||t}var b=Object.defineProperty,p=Object.getOwnPropertyNames,g=Object.getOwnPropertySymbols,T=Object.getOwnPropertyDescriptor,_=Object.getPrototypeOf,R=Object.prototype;function B(N,W,J){if(typeof W!="string"){if(R){var V=_(W);V&&V!==R&&B(N,V,J)}var k=p(W);g&&(k=k.concat(g(W)));for(var D=m(N),F=m(W),d=0;d<k.length;++d){var Y=k[d];if(!n[Y]&&!(J&&J[Y])&&!(F&&F[Y])&&!(D&&D[Y])){var ae=T(W,Y);try{b(N,Y,ae)}catch{}}}}return N}return Ye=B,Ye}fr();var mr=!0;function vr(e,t,n){var i="";return n.split(" ").forEach(function(a){e[a]!==void 0?t.push(e[a]+";"):a&&(i+=a+" ")}),i}var xt=function(t,n,i){var a=t.key+"-"+n.name;(i===!1||mr===!1)&&t.registered[a]===void 0&&(t.registered[a]=n.styles)},hr=function(t,n,i){xt(t,n,i);var a=t.key+"-"+n.name;if(t.inserted[n.name]===void 0){var u=n;do t.insert(n===u?"."+a:"",u,t.sheet,!0),u=u.next;while(u!==void 0)}};function pr(e){for(var t=0,n,i=0,a=e.length;a>=4;++i,a-=4)n=e.charCodeAt(i)&255|(e.charCodeAt(++i)&255)<<8|(e.charCodeAt(++i)&255)<<16|(e.charCodeAt(++i)&255)<<24,n=(n&65535)*1540483477+((n>>>16)*59797<<16),n^=n>>>24,t=(n&65535)*1540483477+((n>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(i+2)&255)<<16;case 2:t^=(e.charCodeAt(i+1)&255)<<8;case 1:t^=e.charCodeAt(i)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var br={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function yr(e){var t=Object.create(null);return function(n){return t[n]===void 0&&(t[n]=e(n)),t[n]}}var gr=/[A-Z]|^ms/g,Er=/_EMO_([^_]+?)_([^]*?)_EMO_/g,It=function(t){return t.charCodeAt(1)===45},gt=function(t){return t!=null&&typeof t!="boolean"},qe=yr(function(e){return It(e)?e:e.replace(gr,"-$&").toLowerCase()}),Et=function(t,n){switch(t){case"animation":case"animationName":if(typeof n=="string")return n.replace(Er,function(i,a,u){return G={name:a,styles:u,next:G},a})}return br[t]!==1&&!It(t)&&typeof n=="number"&&n!==0?n+"px":n};function be(e,t,n){if(n==null)return"";var i=n;if(i.__emotion_styles!==void 0)return i;switch(typeof n){case"boolean":return"";case"object":{var a=n;if(a.anim===1)return G={name:a.name,styles:a.styles,next:G},a.name;var u=n;if(u.styles!==void 0){var m=u.next;if(m!==void 0)for(;m!==void 0;)G={name:m.name,styles:m.styles,next:G},m=m.next;var b=u.styles+";";return b}return Cr(e,t,n)}case"function":{if(e!==void 0){var p=G,g=n(e);return G=p,be(e,t,g)}break}}var T=n;return T}function Cr(e,t,n){var i="";if(Array.isArray(n))for(var a=0;a<n.length;a++)i+=be(e,t,n[a])+";";else for(var u in n){var m=n[u];if(typeof m!="object"){var b=m;gt(b)&&(i+=qe(u)+":"+Et(u,b)+";")}else if(Array.isArray(m)&&typeof m[0]=="string"&&t==null)for(var p=0;p<m.length;p++)gt(m[p])&&(i+=qe(u)+":"+Et(u,m[p])+";");else{var g=be(e,t,m);switch(u){case"animation":case"animationName":{i+=qe(u)+":"+g+";";break}default:i+=u+"{"+g+"}"}}}return i}var Ct=/label:\s*([^\s;{]+)\s*(;|$)/g,G;function Tr(e,t,n){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var i=!0,a="";G=void 0;var u=e[0];if(u==null||u.raw===void 0)i=!1,a+=be(n,t,u);else{var m=u;a+=m[0]}for(var b=1;b<e.length;b++)if(a+=be(n,t,e[b]),i){var p=u;a+=p[b]}Ct.lastIndex=0;for(var g="",T;(T=Ct.exec(a))!==null;)g+="-"+T[1];var _=pr(a)+g;return{name:_,styles:a,next:G}}var xr=function(t){return t()},Ir=X.useInsertionEffect?X.useInsertionEffect:!1,Sr=Ir||xr,St=X.createContext(typeof HTMLElement<"u"?er({key:"css"}):null);St.Provider;var Pr=function(t){return h.forwardRef(function(n,i){var a=h.useContext(St);return t(n,a,i)})},Rr=X.createContext({}),ke={}.hasOwnProperty,Ue="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",Pt=function(t,n){var i={};for(var a in n)ke.call(n,a)&&(i[a]=n[a]);return i[Ue]=t,i},wr=function(t){var n=t.cache,i=t.serialized,a=t.isStringTag;return xt(n,i,a),Sr(function(){return hr(n,i,a)}),null},Or=Pr(function(e,t,n){var i=e.css;typeof i=="string"&&t.registered[i]!==void 0&&(i=t.registered[i]);var a=e[Ue],u=[i],m="";typeof e.className=="string"?m=vr(t.registered,u,e.className):e.className!=null&&(m=e.className+" ");var b=Tr(u,void 0,X.useContext(Rr));m+=t.key+"-"+b.name;var p={};for(var g in e)ke.call(e,g)&&g!=="css"&&g!==Ue&&(p[g]=e[g]);return p.className=m,n&&(p.ref=n),X.createElement(X.Fragment,null,X.createElement(wr,{cache:t,serialized:b,isStringTag:typeof a=="string"}),X.createElement(a,p))}),Rt=Or,Ae=pe.Fragment,o=function(t,n,i){return ke.call(n,"css")?pe.jsx(Rt,Pt(t,n),i):pe.jsx(t,n,i)},$=function(t,n,i){return ke.call(n,"css")?pe.jsxs(Rt,Pt(t,n),i):pe.jsxs(t,n,i)};const _r=({onCancel:e,onSave:t})=>{const n=s.useGeneratedHtmlId({prefix:"modalForm"}),[i,a]=h.useState(""),[u,m]=h.useState(""),[b,p]=h.useState(!1);return $(s.EuiModal,{onClose:e,initialFocus:"[name=url]",children:[o(s.EuiModalHeader,{children:o(s.EuiModalHeaderTitle,{children:"Add video"})}),o(s.EuiModalBody,{children:$(s.EuiForm,{id:n,component:"form",onSubmit:async g=>{g.preventDefault();try{p(!0),await t({url:i,title:u})}finally{p(!1)}},children:[o(s.EuiFormRow,{label:"URL",children:o(s.EuiFieldText,{name:"url",value:i,onChange:g=>a(g.target.value)})}),o(s.EuiFormRow,{label:"Title",children:o(s.EuiFieldText,{name:"title",value:u,onChange:g=>m(g.target.value)})})]})}),$(s.EuiModalFooter,{children:[o(s.EuiButtonEmpty,{onClick:e,children:"Cancel"}),o(s.EuiButton,{type:"submit",form:n,fill:!0,disabled:i.trim().length===0,isLoading:b,children:"Add video"})]})]})},Tt=h.memo(({onSave:e})=>{const[t,n]=h.useState(!1),i=h.useCallback(async a=>{await e(a),n(!1)},[e]);return $(Ae,{children:[o(s.EuiButton,{onClick:()=>n(!0),iconType:x.AddRegular,color:"primary",children:"Add video"}),t&&o(_r,{onCancel:()=>n(!1),onSave:i})]})}),wt={Audio:"",Dailymotion:"https://www.dailymotion.com/favicon.ico",Niconico:"https://www.nicovideo.jp/favicon.ico",SoundCloud:"https://soundcloud.com/favicon.ico",Twitch:"https://www.twitch.tv/favicon.ico",Vimeo:"https://vimeo.com/favicon.ico",YouTube:"https://www.youtube.com/favicon.ico"},kr=O.observer(({playQueueStore:e})=>{const{euiTheme:t}=s.useEuiTheme();return $(s.EuiTableHeader,{style:{position:"sticky",top:112,zIndex:998,background:t.colors.backgroundBasePlain},children:[o(s.EuiTableHeaderCellCheckbox,{children:o(s.EuiCheckbox,{id:"",checked:e.allItemsSelected,onChange:n=>{e.allItemsSelected=n.target.checked}})}),o(s.EuiTableHeaderCell,{width:24}),o(s.EuiTableHeaderCell,{children:"Title"}),o(s.EuiTableHeaderCell,{})]})}),Ar=h.memo(({item:e,closePopover:t})=>{const n=h.useMemo(()=>[{id:0,items:[{name:"Play first",icon:o(s.EuiIcon,{type:""}),onClick:async()=>{t(),await e.playFirst()}},{name:"Play next",icon:o(s.EuiIcon,{type:""}),onClick:async()=>{t(),await e.playNext()}},{name:"Add to play queue",icon:o(s.EuiIcon,{type:x.AddRegular}),onClick:async()=>{t(),await e.addToPlayQueue()}},{isSeparator:!0},{name:"Move to the top",icon:o(s.EuiIcon,{type:x.ArrowUploadRegular}),onClick:async()=>{t(),e.moveToTop()},disabled:!e.canMoveToTop},{name:"Move to the bottom",icon:o(s.EuiIcon,{type:x.ArrowDownloadRegular}),onClick:async()=>{t(),e.moveToBottom()},disabled:!e.canMoveToBottom},{isSeparator:!0},{name:"Remove to the top",icon:o(s.EuiIcon,{type:""}),onClick:async()=>{t(),await e.removeToTop()},disabled:!e.canRemoveToTop},{name:"Remove others",icon:o(s.EuiIcon,{type:""}),onClick:async()=>{t(),await e.removeOthers()},disabled:!e.canRemoveOthers}]}],[t,e]);return o(s.EuiContextMenu,{initialPanelId:0,panels:n})}),Fr=h.memo(({item:e})=>{const[t,n]=h.useState(!1),i=h.useCallback(()=>n(!t),[t]),a=h.useCallback(()=>n(!1),[]);return o(s.EuiPopover,{button:o(s.EuiButtonIcon,{title:"More options","aria-label":"More options",iconType:x.MoreHorizontalFilled,size:"s",color:"text",onClick:i}),isOpen:t,closePopover:a,panelPaddingSize:"none",anchorPosition:"leftCenter",children:o(Ar,{item:e,closePopover:a})})}),Mr=O.observer(({item:e})=>{const t=z.useNostalgicDiva();return $(s.EuiTableRowCell,{textOnly:!1,hasActions:!0,align:"right",children:[o(s.EuiButton,{iconType:x.PlayRegular,size:"s",onClick:async()=>{e.isCurrent?await t.setCurrentTime(0):e.play()},children:"Play"}),o(s.EuiButton,{iconType:x.DismissRegular,size:"s",onClick:e.remove,children:"Remove"}),o(Fr,{item:e})]})}),Nr=O.observer(({item:e})=>{const t=z.useNostalgicDiva();return $(s.EuiTableRow,{isSelected:e.isCurrent,children:[o(s.EuiTableRowCellCheckbox,{children:o(s.EuiCheckbox,{id:e.id.toString(),checked:e.isSelected,onChange:e.toggleSelected})}),o(s.EuiTableRowCell,{textOnly:!1,children:o("img",{src:wt[e.type],width:16,height:16,alt:e.type})}),o(s.EuiTableRowCell,{children:o(s.EuiLink,{href:e.url,target:"_blank",external:!0,onClick:()=>t.pause(),children:e.title})}),o(Mr,{item:e})]},e.id)}),Dr=O.observer(({playQueueStore:e})=>o(tr.ReactSortable,{tag:"tbody",list:e.items,setList:t=>e.setItems(t),children:e.items.map(t=>o(Nr,{item:t},t.id))})),jr=O.observer(({playQueueStore:e})=>$(s.EuiTable,{children:[o(kr,{playQueueStore:e}),o(Dr,{playQueueStore:e})]}));function $r(e){return e!==null&&typeof e=="object"&&"title"in e&&typeof e.title=="string"}const Br=O.observer(({playQueueStore:e})=>o(s.EuiButton,{iconType:x.AddRegular,onClick:e.addSelectedItems,disabled:e.isEmpty||e.selectedItems.length===0,children:"Add to play queue"}));O.observer(({playQueueStore:e})=>{const[t,n]=h.useState(!1);return $(Ae,{children:[t&&o(s.EuiFlyout,{type:"push",size:"s",onClose:()=>n(!1),children:o("div",{style:{blockSize:"100%"},children:o(s.EuiCodeBlock,{language:"json",overflowHeight:"100%",isCopyable:!0,isVirtualized:!0,children:JSON.stringify(e.localStorageState,void 0,2)})})}),o(s.EuiButton,{onClick:()=>n(i=>!i),iconType:x.WindowDevToolsRegular,children:"Developer tools"})]})});const Ot=O.observer(({playQueueStore:e})=>{const{euiTheme:t}=s.useEuiTheme(),n=h.useCallback(async i=>{const a=z.findVideoService(i.url);if(a!==void 0){const u=a.extractVideoId(i.url);if(u!==void 0){const b=await(await fetch(`https://noembed.com/embed?url=${encodeURIComponent(i.url)}`)).json();await e.addItems([e.createItem({url:i.url,type:a.type,videoId:u,title:i.title||($r(b)?b.title:u)})])}}},[e]);return $(Ae,{children:[$(s.EuiFlexGroup,{alignItems:"center",gutterSize:"m",style:{position:"sticky",top:48,zIndex:998,background:t.colors.backgroundBasePlain},children:[o(s.EuiFlexItem,{grow:!1,children:o(s.EuiButton,{disabled:e.isEmpty||e.selectedItems.length===0,onClick:e.playSelectedItemsNext,children:"Play next"})}),o(s.EuiFlexItem,{grow:!1,children:o(Br,{playQueueStore:e})}),o(s.EuiFlexItem,{grow:!1,children:o(s.EuiButton,{iconType:x.DismissRegular,onClick:e.removeSelectedItems,disabled:e.isEmpty||e.selectedItems.length===0,children:"Remove"})}),o(s.EuiFlexItem,{grow:!1,children:o(s.EuiButton,{iconType:x.DeleteRegular,onClick:e.clear,disabled:e.isEmpty,children:"Clear"})}),o(s.EuiFlexItem,{grow:!0}),$(s.EuiFlexItem,{grow:!1,children:[!1,o(Tt,{onSave:n})]})]}),o(s.EuiSpacer,{size:"l",style:{position:"sticky",top:88,zIndex:998,background:t.colors.backgroundBasePlain}}),e.isEmpty?o(s.EuiEmptyPrompt,{title:o("h2",{children:"We couldn't find any videos"}),body:o("p",{children:"Your video library doesn't contain any video content."}),actions:o(Tt,{onSave:n})}):o(jr,{playQueueStore:e})]})}),We=new rr({coerceTypes:!0});function zr(e,t){let n;if(n=We.getSchema(t),n===void 0&&(We.addSchema(e,t),n=We.getSchema(t)),n===void 0||n.schema!==e)throw new Error(`Invalid schema. Expected: '${JSON.stringify(e)}', but got '${JSON.stringify(n?.schema)}'.`);return n}const Lr={type:"object",properties:{url:{type:"string"},type:{type:"string"},videoId:{type:"string"},title:{type:"string"}},required:["url","type","videoId","title"]};var A=(e=>(e.Off="Off",e.All="All",e.One="One",e))(A||{});const Vr={type:"object",properties:{version:{type:"string",nullable:!0},repeat:{type:"string",enum:Object.values(A),nullable:!0},shuffle:{type:"boolean",nullable:!0},items:{type:"array",nullable:!0,items:Lr},currentIndex:{type:"integer",nullable:!0}}};class _e{constructor(t,n,i){this.observableStateProvider=t,this.playQueueStore=n,this.dto=i,this.id=_e.nextId++,t.makeObservable(this,{isSelected:c.observable,isCurrent:c.computed,index:c.computed,isFirst:c.computed,isLast:c.computed,canMoveToTop:c.computed,canMoveToBottom:c.computed,canRemoveToTop:c.computed,canRemoveOthers:c.computed,unselect:c.action,toggleSelected:c.action.bound,play:c.action,remove:c.action.bound,playFirst:c.action.bound,playNext:c.action.bound,addToPlayQueue:c.action.bound,moveToTop:c.action.bound,moveToBottom:c.action.bound,removeToTop:c.action.bound,removeOthers:c.action.bound})}static nextId=1;id;isSelected=!1;static fromDto(t,n,i){return new _e(t,n,i)}get url(){return this.dto.url}get type(){return this.dto.type}get videoId(){return this.dto.videoId}get title(){return this.dto.title}get isCurrent(){return this.playQueueStore.currentItem===this}get index(){return this.playQueueStore.items.indexOf(this)}get isFirst(){return this.index===0}get isLast(){return this.index===this.playQueueStore.items.length-1}get canMoveToTop(){return!this.isFirst}get canMoveToBottom(){return!this.isLast}get canRemoveToTop(){return!this.isFirst}get canRemoveOthers(){return this.playQueueStore.hasMultipleItems}clone(){return this.playQueueStore.createItem(this.dto)}unselect(){this.isSelected=!1}toggleSelected(){this.isSelected=!this.isSelected}play(){this.playQueueStore.setCurrentItem(this)}remove(){return this.playQueueStore.removeItems([this])}async playFirst(){await this.playQueueStore.playFirst([this.clone()])}async playNext(){await this.playQueueStore.playNext([this.clone()])}async addToPlayQueue(){await this.playQueueStore.addItems([this.clone()])}moveToTop(){this.playQueueStore.moveItem(this,0)}moveToBottom(){this.playQueueStore.moveItem(this,this.playQueueStore.items.length-1)}removeToTop(){return this.playQueueStore.removeItemsAbove(this)}removeOthers(){return this.playQueueStore.removeOtherItems(this)}}class Yr{constructor(t){this.observableStateProvider=t,t.makeObservable(this,{interacted:c.observable,items:c.observable,currentId:c.observable,repeat:c.observable,shuffle:c.observable,localStorageState:c.computed.struct,isEmpty:c.computed,currentItem:c.computed,canPlay:c.computed,canPause:c.computed,hasMultipleItems:c.computed,currentIndex:c.computed,hasPreviousItem:c.computed,hasNextItem:c.computed,isLastItem:c.computed,selectedItems:c.computed,allItemsSelected:c.computed,selectedItemsOrAllItems:c.computed,setItems:c.action,interact:c.action,clear:c.action.bound,unselectAll:c.action,setCurrentItem:c.action,setNextItems:c.action,clearAndSetItems:c.action,playNext:c.action,playSelectedItemsNext:c.action.bound,addItems:c.action,addSelectedItems:c.action.bound,playFirst:c.action,moveItem:c.action,removeItems:c.action,removeSelectedItems:c.action.bound,removeOtherItems:c.action,removeItemsAbove:c.action,toggleRepeat:c.action.bound,toggleShuffle:c.action.bound,previous:c.action,next:c.action.bound,goToFirst:c.action})}interacted=!1;items=[];currentId;repeat=A.Off;shuffle=!1;createItem(t){return _e.fromDto(this.observableStateProvider,this,t)}get localStorageState(){return{version:"1.0",repeat:this.repeat,shuffle:this.shuffle,items:this.items.map(t=>t.dto),currentIndex:this.currentIndex}}set localStorageState(t){this.repeat=t.repeat??A.Off,this.shuffle=t.shuffle??!1,this.items=t.items?.map(n=>this.createItem(n))??[],this.currentIndex=t.currentIndex}validateLocalStorageState(t){return zr(Vr,"PlayQueueDto")(t)}get isEmpty(){return this.items.length===0}get currentItem(){return this.items.find(t=>t.id===this.currentId)}get canPlay(){return this.currentItem!==void 0}get canPause(){return this.currentItem!==void 0}get hasMultipleItems(){return this.items.length>1}get currentIndex(){return this.currentId!==void 0?this.items.findIndex(t=>t.id===this.currentId):void 0}set currentIndex(t){this.currentId=t!==void 0?this.items.at(t)?.id:void 0}get hasPreviousItem(){return this.hasMultipleItems&&this.currentIndex!==void 0&&this.currentIndex>0}get hasNextItem(){return this.hasMultipleItems&&this.currentIndex!==void 0&&this.currentIndex<this.items.length-1}get isLastItem(){return this.currentIndex!==void 0&&this.currentIndex===this.items.length-1}get selectedItems(){return this.items.filter(t=>t.isSelected)}get allItemsSelected(){return this.selectedItems.length===this.items.length}set allItemsSelected(t){for(const n of this.items)n.isSelected=t}get selectedItemsOrAllItems(){return this.selectedItems.length>0?this.selectedItems:this.items}setItems(t){this.items=t}interact(){this.interacted=!0}clear(){this.interact(),this.currentIndex=void 0,this.items=[]}unselectAll(){for(const t of this.items)t.unselect()}setCurrentItem(t){this.interact(),this.currentId=t?.id}setNextItems(t){this.currentIndex!==void 0&&this.items.splice(this.currentIndex+1,0,...t)}clearAndSetItems(t){this.clear(),this.setCurrentItem(t[0]),this.setNextItems(t)}async playNext(t){if(this.isEmpty){this.clearAndSetItems(t);return}this.setNextItems(t)}async playSelectedItemsNext(){await this.playNext(this.selectedItemsOrAllItems.map(t=>t.clone())),this.unselectAll()}async addItems(t){if(this.isEmpty){this.clearAndSetItems(t);return}this.items.push(...t)}async addSelectedItems(){await this.addItems(this.selectedItemsOrAllItems.map(t=>t.clone())),this.unselectAll()}async playFirst(t){if(this.isEmpty){this.clearAndSetItems(t);return}const{currentIndex:n}=this;n!==void 0&&(this.interact(),this.items.splice(n,0,...t),this.currentIndex=n)}moveItem(t,n){const i=this.items.splice(this.items.indexOf(t),1)[0];this.items.splice(n,0,i)}async removeItems(t){const{currentItem:n}=this;dt.pull(this.items,...t.filter(u=>u!==n));const{currentIndex:i,isLastItem:a}=this;dt.pull(this.items,t.find(u=>u===n)),this.currentItem!==n&&(this.interact(),a?await this.goToFirst():this.currentIndex=i)}async removeSelectedItems(){await this.removeItems(this.selectedItemsOrAllItems),this.unselectAll()}async removeOtherItems(t){const n=t.id;return this.removeItems(this.items.filter(i=>i.id!==n))}async removeItemsAbove(t){const n=this.items.indexOf(t);return this.removeItems(this.items.filter((i,a)=>a<n))}toggleRepeat(){switch(this.repeat){case A.Off:this.repeat=A.All;break;case A.All:this.repeat=A.One;break;case A.One:this.repeat=A.Off;break}}toggleShuffle(){this.shuffle=!this.shuffle}async previous(){this.currentIndex!==void 0&&this.hasPreviousItem&&(this.interact(),this.currentIndex--)}async next(){this.currentIndex!==void 0&&this.hasNextItem&&(this.interact(),this.currentIndex++)}async goToFirst(){this.currentIndex!==void 0&&(this.currentIndex=0)}}const _t=h.createContext(void 0),qr=({children:e})=>{const[t]=h.useState(()=>new Yr(new Je)),n=z.useNostalgicDiva();return h.useEffect(()=>c.reaction(()=>t.currentItem,async(i,a)=>{i===void 0||a===void 0||i.type===a.type&&i.videoId===a.videoId&&await n.setCurrentTime(0)}),[t,n]),o(_t.Provider,{value:t,children:e})},Ke=()=>h.useContext(_t),Wr=({breadcrumbs:e,tabs:t,...n})=>{const i=nr.useRouter();return o(s.EuiPageTemplate.Header,{...n,breadcrumbs:e?.map(({linkProps:a,...u})=>({...u,href:a===void 0?void 0:i.buildLocation(a).href,onClick:a===void 0?void 0:async m=>{m.preventDefault(),await i.navigate(a)}})),tabs:t?.map(({linkProps:a,...u})=>({...u,href:a===void 0?void 0:i.buildLocation(a).href,onClick:a===void 0?void 0:async m=>{m.preventDefault(),await i.navigate(a)}}))})},Ur=()=>{const e=Ke();return $(Ae,{children:[o(Wr,{pageTitle:"Play queue",rightSideItems:[]}),o(s.EuiPageTemplate.Section,{children:o(Ot,{playQueueStore:e})})]})},Hr=O.observer(({playQueueStore:e})=>o(s.EuiButtonIcon,{title:`Shuffle: ${e.shuffle?"On":"Off"}`,"aria-label":`Shuffle: ${e.shuffle?"On":"Off"}`,iconType:e.shuffle?x.ArrowShuffleFilled:x.ArrowShuffleOffFilled,size:"s",iconSize:"l",onClick:e.toggleShuffle,disabled:!0})),Gr=O.observer(({playQueueStore:e})=>{const t=z.useNostalgicDiva(),n=h.useCallback(async()=>{if(e.hasPreviousItem){const i=await t.getCurrentTime();i===void 0||i<5?await e.previous():await t.setCurrentTime(0)}else await t.setCurrentTime(0)},[e,t]);return o(s.EuiButtonIcon,{title:"Previous","aria-label":"Previous",iconType:x.PreviousFilled,size:"s",iconSize:"l",onClick:n,disabled:e.isEmpty})}),Jr=O.observer(({playerStore:e,playQueueStore:t})=>{const n=z.useNostalgicDiva(),i=h.useCallback(async()=>{const a=await n.getCurrentTime();a!==void 0&&await n.setCurrentTime(a-10)},[n]);return o(s.EuiButtonIcon,{title:"Skip back 10 seconds","aria-label":"Skip back 10 seconds",iconType:x.SkipBack10Regular,size:"s",iconSize:"l",onClick:i,disabled:t.isEmpty||!e.controller.supports("setCurrentTime")})}),Kr=O.observer(({playerStore:e,playQueueStore:t})=>{const n=z.useNostalgicDiva();return o(s.EuiButtonIcon,{title:"Pause","aria-label":"Pause",iconType:x.PauseFilled,size:"s",iconSize:"l",onClick:()=>n.pause(),disabled:!t.canPause||!e.controller.supports("pause")})}),Xr=O.observer(({playerStore:e,playQueueStore:t})=>{const n=z.useNostalgicDiva();return o(s.EuiButtonIcon,{title:"Play","aria-label":"Play",iconType:x.PlayFilled,size:"s",iconSize:"l",onClick:()=>n.play(),disabled:!t.canPlay||!e.controller.supports("play")})}),Zr=O.observer(({playerStore:e,playQueueStore:t})=>{const n=z.useNostalgicDiva(),i=h.useCallback(async()=>{const a=await n.getCurrentTime();a!==void 0&&await n.setCurrentTime(a+30)},[n]);return o(s.EuiButtonIcon,{title:"Skip forward 30 seconds","aria-label":"Skip forward 30 seconds",iconType:x.SkipForward30Regular,size:"s",iconSize:"l",onClick:i,disabled:t.isEmpty||!e.controller.supports("setCurrentTime")})}),Qr=O.observer(({playQueueStore:e})=>o(s.EuiButtonIcon,{title:"Next","aria-label":"Next",iconType:x.NextFilled,size:"s",iconSize:"l",onClick:e.next,disabled:!e.hasNextItem})),en={[A.Off]:x.ArrowRepeatAllOffFilled,[A.All]:x.ArrowRepeatAllFilled,[A.One]:x.ArrowRepeat1Filled},tn=O.observer(({playQueueStore:e})=>o(s.EuiButtonIcon,{title:`Repeat: ${e.repeat===A.All?"All":e.repeat===A.One?"One":"Off"}`,"aria-label":`Repeat: ${e.repeat===A.All?"All":e.repeat===A.One?"One":"Off"}`,iconType:en[e.repeat],size:"s",iconSize:"l",onClick:e.toggleRepeat})),rn=O.observer(({playerStore:e,playQueueStore:t})=>$(s.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"center",alignItems:"center",children:[o(Hr,{playQueueStore:t}),o(Gr,{playQueueStore:t}),o(Jr,{playerStore:e,playQueueStore:t}),e.playing?o(Kr,{playerStore:e,playQueueStore:t}):o(Xr,{playerStore:e,playQueueStore:t}),o(Zr,{playerStore:e,playQueueStore:t}),o(Qr,{playQueueStore:t}),o(tn,{playQueueStore:t})]})),nn=h.memo(({item:e,closePopover:t})=>{const n=z.useNostalgicDiva(),i=h.useMemo(()=>[{id:0,items:[{name:"Open in new tab",icon:o(s.EuiIcon,{type:x.OpenRegular}),onClick:async()=>{t(),await n.pause(),window.open(e.dto.url,"_blank")}},{name:"Copy link address",icon:o(s.EuiIcon,{type:""}),onClick:async()=>{t(),await navigator.clipboard.writeText(e.dto.url)}},{name:"Copy link text",icon:o(s.EuiIcon,{type:""}),onClick:async()=>{t(),await navigator.clipboard.writeText(e.dto.title)}}]}],[t,n,e]);return o(s.EuiContextMenu,{initialPanelId:0,panels:i})}),on=h.memo(({item:e})=>{const[t,n]=h.useState(!1),i=h.useCallback(()=>n(!t),[t]),a=h.useCallback(()=>n(!1),[]);return o(s.EuiPopover,{button:o(s.EuiButtonEmpty,{iconType:wt[e.type],size:"s",onClick:i,children:e.title}),isOpen:t,closePopover:a,panelPaddingSize:"none",anchorPosition:"upLeft",children:o(nn,{item:e,closePopover:a})})}),an=O.observer(({playQueueStore:e})=>o(s.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"flexStart",alignItems:"center",children:e.currentItem&&o(on,{item:e.currentItem})})),sn=O.observer(({playerStore:e})=>o(s.EuiButtonIcon,{title:"Mute","aria-label":"Mute",iconType:x.Speaker2Regular,size:"s",iconSize:"l",disabled:!e.controller.supports("setMuted")})),ln=O.observer(({playerStore:e,button:t,isOpen:n,closePopover:i})=>{const[a,u]=h.useState("0"),m=z.useNostalgicDiva();h.useLayoutEffect(()=>{n&&m.getVolume().then(p=>{p!==void 0&&u(Math.floor(p*100).toString())})},[n,m]);const b=h.useCallback(async p=>{u(p.currentTarget.value),await m.setVolume(Number(p.currentTarget.value)/100)},[m]);return o(s.EuiPopover,{button:t,isOpen:n,closePopover:i,anchorPosition:"upRight",children:o(s.EuiFormRow,{children:$(s.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"center",alignItems:"center",children:[o(sn,{playerStore:e}),o(s.EuiRange,{min:0,max:100,step:1,value:a,onChange:b,css:{blockSize:32},disabled:!e.controller.supports("setVolume")})]})})})}),cn=O.observer(({playerStore:e})=>{const[t,n]=h.useState(!1),i=()=>n(!t);return o(ln,{playerStore:e,button:o(s.EuiButtonIcon,{title:"Volume","aria-label":"Volume",iconType:x.Speaker2Regular,size:"s",iconSize:"l",onClick:i,disabled:!e.controller.supports("getVolume")}),isOpen:t,closePopover:()=>n(!1)})}),un=({onClickPlayQueueButton:e})=>o(s.EuiButtonIcon,{title:"Play queue","aria-label":"Play queue",iconType:x.NavigationPlayRegular,size:"s",iconSize:"l",onClick:e}),dn=O.observer(({playerStore:e,playQueueStore:t,closePopover:n})=>{const i=z.useNostalgicDiva(),a=h.useCallback(async()=>{const R=await i.getCurrentTime();R!==void 0&&await i.setCurrentTime(R-10),n()},[i,n]),u=h.useCallback(async()=>{const R=await i.getCurrentTime();R!==void 0&&await i.setCurrentTime(R+30),n()},[i,n]),m=h.useCallback(async R=>{await i.setPlaybackRate(R),n()},[i,n]),b=h.useCallback(async()=>{t.currentItem!==void 0&&await t.removeItems([t.currentItem]),n()},[t,n]),[p,g]=h.useState(),T=h.useCallback(async()=>{await e.controller.getPlaybackRate().then(R=>g(R))},[e]),_=h.useMemo(()=>[{id:0,items:[{name:"Speed",icon:o(s.EuiIcon,{type:x.TopSpeedRegular}),panel:1,onClick:T,disabled:!e.controller.supports("getPlaybackRate")},{name:"Skip back 10 seconds",icon:o(s.EuiIcon,{type:x.SkipBack10Regular}),onClick:a,disabled:t.isEmpty||!e.controller.supports("setCurrentTime")},{name:"Skip forward 30 seconds",icon:o(s.EuiIcon,{type:x.SkipForward30Regular}),onClick:u,disabled:t.isEmpty||!e.controller.supports("setCurrentTime")},{isSeparator:!0},{name:"Remove from play queue",icon:o(s.EuiIcon,{type:x.DismissRegular}),onClick:b,disabled:t.isEmpty}]},{id:1,title:"Speed",items:[.25,.5,.75,1,1.25,1.5,1.75,2].map(R=>({name:R.toString(),onClick:()=>m(R),icon:R===p?"check":"empty",disabled:!e.controller.supports("setPlaybackRate")}))}],[e,t,T,a,u,b,m,p]);return o(s.EuiContextMenu,{initialPanelId:0,panels:_})}),fn=h.memo(({playerStore:e,playQueueStore:t,button:n,isOpen:i,closePopover:a})=>o(s.EuiPopover,{button:n,isOpen:i,closePopover:a,panelPaddingSize:"none",anchorPosition:"upRight",children:o(dn,{playerStore:e,playQueueStore:t,closePopover:a})})),mn=h.memo(({playerStore:e,playQueueStore:t})=>{const[n,i]=h.useState(!1),a=()=>i(!n);return o(fn,{playerStore:e,playQueueStore:t,button:o(s.EuiButtonIcon,{title:"More options","aria-label":"More options",iconType:x.MoreHorizontalFilled,size:"s",iconSize:"l",onClick:a}),isOpen:n,closePopover:()=>i(!1)})}),vn=h.memo(({playerStore:e,playQueueStore:t,onClickPlayQueueButton:n})=>$(s.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"flexEnd",alignItems:"center",children:[o(cn,{playerStore:e}),n&&o(un,{onClickPlayQueueButton:n}),o(mn,{playerStore:e,playQueueStore:t})]})),hn=O.observer(({playerStore:e,playQueueStore:t})=>{const n=z.useNostalgicDiva(),i=h.useCallback(m=>{const b=Number(m.currentTarget.value)/100;e.setPercent(b)},[e]),a=h.useCallback(m=>{m.button===0&&e.setSeeking(!0)},[e]),u=h.useCallback(async m=>{if(m.button===0){const b=Number(m.currentTarget.value)/100;e.setSeeking(!1);const p=await n.getDuration();p!==void 0&&await n.setCurrentTime(p*b)}},[e,n]);return o(s.EuiRange,{min:0,max:100,step:1e-7,value:e.percent*100,onChange:i,onMouseDown:a,onMouseUp:u,fullWidth:!0,showRange:!0,css:{blockSize:32},disabled:t.isEmpty})}),pn=O.observer(({playerStore:e,playQueueStore:t,onClickPlayQueueButton:n})=>o(s.EuiBottomBar,{paddingSize:"s",children:$(s.EuiFlexGroup,{direction:"column",gutterSize:"none",children:[o(s.EuiFlexItem,{children:o(hn,{playerStore:e,playQueueStore:t})}),o(s.EuiFlexItem,{children:$(s.EuiFlexGroup,{responsive:!1,children:[o(s.EuiFlexItem,{css:{width:"calc(100% / 3)"},children:o(an,{playQueueStore:t})}),o(s.EuiFlexItem,{css:{width:"calc(100% / 3)"},children:o(rn,{playerStore:e,playQueueStore:t})}),o(s.EuiFlexItem,{css:{width:"calc(100% / 3)"},children:o(vn,{playerStore:e,playQueueStore:t,onClickPlayQueueButton:n})})]})})]})})),bn=e=>o(z.NostalgicDivaProvider,{...e}),He={width:400,height:225},yn=O.observer(({children:e})=>{const t=Ke();return $(s.EuiPageTemplate,{panelled:!0,style:{minBlockSize:`max(460px, 100vh - ${Ge}px)`},children:[e,!t.isEmpty&&o(s.EuiSpacer,{style:{blockSize:He.height}})]})}),gn=O.observer(({playerStore:e,playQueueStore:t})=>{const n=z.useNostalgicDiva(),i=h.useCallback(async()=>{t.interacted&&await n.play()},[t,n]),a=h.useCallback(async()=>{switch(t.repeat){case A.One:await n.setCurrentTime(0);break;case A.Off:case A.All:if(t.isLastItem)switch(t.repeat){case A.Off:e.onEnded();break;case A.All:t.hasMultipleItems?await t.goToFirst():await n.setCurrentTime(0);break}else await t.next();break}},[t,e,n]),u=h.useMemo(()=>({onLoaded:i,onPlay:e.onPlay,onPause:e.onPause,onEnded:a,onTimeUpdate:e.onTimeUpdate}),[e,i,a]);return o("div",{css:{position:"fixed",right:0,bottom:Ge,width:He.width,height:He.height,zIndex:998,backgroundColor:"rgb(39, 39, 39)",display:"flex",flexDirection:"column"},children:o("div",{css:{flexGrow:1,backgroundColor:"black"},children:t.currentItem&&o(z.NostalgicDiva,{src:t.currentItem.url,options:u,onControllerChange:e.onControllerChange})})})});class En{controller=z.nullPlayerController;playing=!1;percent=0;seeking=!1;constructor(t){t.makeObservable(this,{controller:c.observable,playing:c.observable,percent:c.observable,seeking:c.observable,setPlaying:c.action,setPercent:c.action,setSeeking:c.action,onControllerChange:c.action.bound,onPlay:c.action.bound,onPause:c.action.bound,onEnded:c.action.bound,onTimeUpdate:c.action.bound})}setPlaying(t){this.playing=t}setPercent(t){this.percent=t}setSeeking(t){this.seeking=t}onControllerChange(t){this.controller=t}onPlay(){this.playing=!0}onPause(){this.playing=!1}onEnded(){this.playing=!1}onTimeUpdate({percent:t}){t!==void 0&&(this.seeking||(this.percent=t))}}const kt=h.createContext(void 0),Cn=({children:e})=>{const[t]=h.useState(()=>new En(new Je));return o(kt.Provider,{value:t,children:e})},Tn=()=>h.useContext(kt);exports.BottomBar=pn;exports.HydrangeanDivaProvider=bn;exports.MediaPlayerLayout=yn;exports.MiniPlayer=gn;exports.MobXObservableStateProvider=Je;exports.ObservableStateProvider=or;exports.PlayQueue=Ot;exports.PlayQueuePage=Ur;exports.PlayQueueStoreProvider=qr;exports.PlayerStoreProvider=Cn;exports.RepeatMode=A;exports.bottomBarHeight=Ge;exports.usePlayQueueStore=Ke;exports.usePlayerStore=Tn;
14
+ <%s key={someKey} {...props} />`,Ve,ee,Zt,ee),ct[ee+Ve]=!0}}return r===i?Ht(j):Ut(j),j}}function Gt(r,l,f){return ut(r,l,f,!0)}function Jt(r,l,f){return ut(r,l,f,!1)}var Kt=Jt,Xt=Gt;he.Fragment=i,he.jsx=Kt,he.jsxs=Xt})()),he}var vt;function lr(){return vt||(vt=1,process.env.NODE_ENV==="production"?we.exports=ar():we.exports=sr()),we.exports}var pe=lr(),Oe={exports:{}},S={};var ht;function cr(){if(ht)return S;ht=1;var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,i=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,u=e?Symbol.for("react.profiler"):60114,m=e?Symbol.for("react.provider"):60109,b=e?Symbol.for("react.context"):60110,p=e?Symbol.for("react.async_mode"):60111,g=e?Symbol.for("react.concurrent_mode"):60111,T=e?Symbol.for("react.forward_ref"):60112,_=e?Symbol.for("react.suspense"):60113,R=e?Symbol.for("react.suspense_list"):60120,z=e?Symbol.for("react.memo"):60115,N=e?Symbol.for("react.lazy"):60116,W=e?Symbol.for("react.block"):60121,J=e?Symbol.for("react.fundamental"):60117,V=e?Symbol.for("react.responder"):60118,k=e?Symbol.for("react.scope"):60119;function D(d){if(typeof d=="object"&&d!==null){var Y=d.$$typeof;switch(Y){case t:switch(d=d.type,d){case p:case g:case i:case u:case a:case _:return d;default:switch(d=d&&d.$$typeof,d){case b:case T:case N:case z:case m:return d;default:return Y}}case n:return Y}}}function F(d){return D(d)===g}return S.AsyncMode=p,S.ConcurrentMode=g,S.ContextConsumer=b,S.ContextProvider=m,S.Element=t,S.ForwardRef=T,S.Fragment=i,S.Lazy=N,S.Memo=z,S.Portal=n,S.Profiler=u,S.StrictMode=a,S.Suspense=_,S.isAsyncMode=function(d){return F(d)||D(d)===p},S.isConcurrentMode=F,S.isContextConsumer=function(d){return D(d)===b},S.isContextProvider=function(d){return D(d)===m},S.isElement=function(d){return typeof d=="object"&&d!==null&&d.$$typeof===t},S.isForwardRef=function(d){return D(d)===T},S.isFragment=function(d){return D(d)===i},S.isLazy=function(d){return D(d)===N},S.isMemo=function(d){return D(d)===z},S.isPortal=function(d){return D(d)===n},S.isProfiler=function(d){return D(d)===u},S.isStrictMode=function(d){return D(d)===a},S.isSuspense=function(d){return D(d)===_},S.isValidElementType=function(d){return typeof d=="string"||typeof d=="function"||d===i||d===g||d===u||d===a||d===_||d===R||typeof d=="object"&&d!==null&&(d.$$typeof===N||d.$$typeof===z||d.$$typeof===m||d.$$typeof===b||d.$$typeof===T||d.$$typeof===J||d.$$typeof===V||d.$$typeof===k||d.$$typeof===W)},S.typeOf=D,S}var P={};var pt;function ur(){return pt||(pt=1,process.env.NODE_ENV!=="production"&&(function(){var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,i=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,u=e?Symbol.for("react.profiler"):60114,m=e?Symbol.for("react.provider"):60109,b=e?Symbol.for("react.context"):60110,p=e?Symbol.for("react.async_mode"):60111,g=e?Symbol.for("react.concurrent_mode"):60111,T=e?Symbol.for("react.forward_ref"):60112,_=e?Symbol.for("react.suspense"):60113,R=e?Symbol.for("react.suspense_list"):60120,z=e?Symbol.for("react.memo"):60115,N=e?Symbol.for("react.lazy"):60116,W=e?Symbol.for("react.block"):60121,J=e?Symbol.for("react.fundamental"):60117,V=e?Symbol.for("react.responder"):60118,k=e?Symbol.for("react.scope"):60119;function D(v){return typeof v=="string"||typeof v=="function"||v===i||v===g||v===u||v===a||v===_||v===R||typeof v=="object"&&v!==null&&(v.$$typeof===N||v.$$typeof===z||v.$$typeof===m||v.$$typeof===b||v.$$typeof===T||v.$$typeof===J||v.$$typeof===V||v.$$typeof===k||v.$$typeof===W)}function F(v){if(typeof v=="object"&&v!==null){var fe=v.$$typeof;switch(fe){case t:var ne=v.type;switch(ne){case p:case g:case i:case u:case a:case _:return ne;default:var Q=ne&&ne.$$typeof;switch(Q){case b:case T:case N:case z:case m:return Q;default:return fe}}case n:return fe}}}var d=p,Y=g,ae=b,ye=m,ge=t,Fe=T,Me=i,Ee=N,H=z,K=n,Z=u,Ce=a,Te=_,se=!1;function xe(v){return se||(se=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),le(v)||F(v)===p}function le(v){return F(v)===g}function Ie(v){return F(v)===b}function Se(v){return F(v)===m}function Pe(v){return typeof v=="object"&&v!==null&&v.$$typeof===t}function Ne(v){return F(v)===T}function De(v){return F(v)===i}function ce(v){return F(v)===N}function ue(v){return F(v)===z}function te(v){return F(v)===n}function de(v){return F(v)===u}function re(v){return F(v)===a}function je(v){return F(v)===_}P.AsyncMode=d,P.ConcurrentMode=Y,P.ContextConsumer=ae,P.ContextProvider=ye,P.Element=ge,P.ForwardRef=Fe,P.Fragment=Me,P.Lazy=Ee,P.Memo=H,P.Portal=K,P.Profiler=Z,P.StrictMode=Ce,P.Suspense=Te,P.isAsyncMode=xe,P.isConcurrentMode=le,P.isContextConsumer=Ie,P.isContextProvider=Se,P.isElement=Pe,P.isForwardRef=Ne,P.isFragment=De,P.isLazy=ce,P.isMemo=ue,P.isPortal=te,P.isProfiler=de,P.isStrictMode=re,P.isSuspense=je,P.isValidElementType=D,P.typeOf=F})()),P}var bt;function dr(){return bt||(bt=1,process.env.NODE_ENV==="production"?Oe.exports=cr():Oe.exports=ur()),Oe.exports}var Ye,yt;function fr(){if(yt)return Ye;yt=1;var e=dr(),t={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},n={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},u={};u[e.ForwardRef]=i,u[e.Memo]=a;function m(N){return e.isMemo(N)?a:u[N.$$typeof]||t}var b=Object.defineProperty,p=Object.getOwnPropertyNames,g=Object.getOwnPropertySymbols,T=Object.getOwnPropertyDescriptor,_=Object.getPrototypeOf,R=Object.prototype;function z(N,W,J){if(typeof W!="string"){if(R){var V=_(W);V&&V!==R&&z(N,V,J)}var k=p(W);g&&(k=k.concat(g(W)));for(var D=m(N),F=m(W),d=0;d<k.length;++d){var Y=k[d];if(!n[Y]&&!(J&&J[Y])&&!(F&&F[Y])&&!(D&&D[Y])){var ae=T(W,Y);try{b(N,Y,ae)}catch{}}}}return N}return Ye=z,Ye}fr();var mr=!0;function vr(e,t,n){var i="";return n.split(" ").forEach(function(a){e[a]!==void 0?t.push(e[a]+";"):a&&(i+=a+" ")}),i}var xt=function(t,n,i){var a=t.key+"-"+n.name;(i===!1||mr===!1)&&t.registered[a]===void 0&&(t.registered[a]=n.styles)},hr=function(t,n,i){xt(t,n,i);var a=t.key+"-"+n.name;if(t.inserted[n.name]===void 0){var u=n;do t.insert(n===u?"."+a:"",u,t.sheet,!0),u=u.next;while(u!==void 0)}};function pr(e){for(var t=0,n,i=0,a=e.length;a>=4;++i,a-=4)n=e.charCodeAt(i)&255|(e.charCodeAt(++i)&255)<<8|(e.charCodeAt(++i)&255)<<16|(e.charCodeAt(++i)&255)<<24,n=(n&65535)*1540483477+((n>>>16)*59797<<16),n^=n>>>24,t=(n&65535)*1540483477+((n>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(i+2)&255)<<16;case 2:t^=(e.charCodeAt(i+1)&255)<<8;case 1:t^=e.charCodeAt(i)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var br={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function yr(e){var t=Object.create(null);return function(n){return t[n]===void 0&&(t[n]=e(n)),t[n]}}var gr=/[A-Z]|^ms/g,Er=/_EMO_([^_]+?)_([^]*?)_EMO_/g,It=function(t){return t.charCodeAt(1)===45},gt=function(t){return t!=null&&typeof t!="boolean"},qe=yr(function(e){return It(e)?e:e.replace(gr,"-$&").toLowerCase()}),Et=function(t,n){switch(t){case"animation":case"animationName":if(typeof n=="string")return n.replace(Er,function(i,a,u){return G={name:a,styles:u,next:G},a})}return br[t]!==1&&!It(t)&&typeof n=="number"&&n!==0?n+"px":n};function be(e,t,n){if(n==null)return"";var i=n;if(i.__emotion_styles!==void 0)return i;switch(typeof n){case"boolean":return"";case"object":{var a=n;if(a.anim===1)return G={name:a.name,styles:a.styles,next:G},a.name;var u=n;if(u.styles!==void 0){var m=u.next;if(m!==void 0)for(;m!==void 0;)G={name:m.name,styles:m.styles,next:G},m=m.next;var b=u.styles+";";return b}return Cr(e,t,n)}case"function":{if(e!==void 0){var p=G,g=n(e);return G=p,be(e,t,g)}break}}var T=n;return T}function Cr(e,t,n){var i="";if(Array.isArray(n))for(var a=0;a<n.length;a++)i+=be(e,t,n[a])+";";else for(var u in n){var m=n[u];if(typeof m!="object"){var b=m;gt(b)&&(i+=qe(u)+":"+Et(u,b)+";")}else if(Array.isArray(m)&&typeof m[0]=="string"&&t==null)for(var p=0;p<m.length;p++)gt(m[p])&&(i+=qe(u)+":"+Et(u,m[p])+";");else{var g=be(e,t,m);switch(u){case"animation":case"animationName":{i+=qe(u)+":"+g+";";break}default:i+=u+"{"+g+"}"}}}return i}var Ct=/label:\s*([^\s;{]+)\s*(;|$)/g,G;function Tr(e,t,n){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var i=!0,a="";G=void 0;var u=e[0];if(u==null||u.raw===void 0)i=!1,a+=be(n,t,u);else{var m=u;a+=m[0]}for(var b=1;b<e.length;b++)if(a+=be(n,t,e[b]),i){var p=u;a+=p[b]}Ct.lastIndex=0;for(var g="",T;(T=Ct.exec(a))!==null;)g+="-"+T[1];var _=pr(a)+g;return{name:_,styles:a,next:G}}var xr=function(t){return t()},Ir=X.useInsertionEffect?X.useInsertionEffect:!1,Sr=Ir||xr,St=X.createContext(typeof HTMLElement<"u"?er({key:"css"}):null);St.Provider;var Pr=function(t){return h.forwardRef(function(n,i){var a=h.useContext(St);return t(n,a,i)})},Rr=X.createContext({}),ke={}.hasOwnProperty,Ue="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",Pt=function(t,n){var i={};for(var a in n)ke.call(n,a)&&(i[a]=n[a]);return i[Ue]=t,i},wr=function(t){var n=t.cache,i=t.serialized,a=t.isStringTag;return xt(n,i,a),Sr(function(){return hr(n,i,a)}),null},Or=Pr(function(e,t,n){var i=e.css;typeof i=="string"&&t.registered[i]!==void 0&&(i=t.registered[i]);var a=e[Ue],u=[i],m="";typeof e.className=="string"?m=vr(t.registered,u,e.className):e.className!=null&&(m=e.className+" ");var b=Tr(u,void 0,X.useContext(Rr));m+=t.key+"-"+b.name;var p={};for(var g in e)ke.call(e,g)&&g!=="css"&&g!==Ue&&(p[g]=e[g]);return p.className=m,n&&(p.ref=n),X.createElement(X.Fragment,null,X.createElement(wr,{cache:t,serialized:b,isStringTag:typeof a=="string"}),X.createElement(a,p))}),Rt=Or,Ae=pe.Fragment,o=function(t,n,i){return ke.call(n,"css")?pe.jsx(Rt,Pt(t,n),i):pe.jsx(t,n,i)},$=function(t,n,i){return ke.call(n,"css")?pe.jsxs(Rt,Pt(t,n),i):pe.jsxs(t,n,i)};const _r=({onCancel:e,onSave:t})=>{const n=s.useGeneratedHtmlId({prefix:"modalForm"}),[i,a]=h.useState(""),[u,m]=h.useState(""),[b,p]=h.useState(!1);return $(s.EuiModal,{onClose:e,initialFocus:"[name=url]",children:[o(s.EuiModalHeader,{children:o(s.EuiModalHeaderTitle,{children:"Add video"})}),o(s.EuiModalBody,{children:$(s.EuiForm,{id:n,component:"form",onSubmit:async g=>{g.preventDefault();try{p(!0),await t({url:i,title:u})}finally{p(!1)}},children:[o(s.EuiFormRow,{label:"URL",children:o(s.EuiFieldText,{name:"url",value:i,onChange:g=>a(g.target.value)})}),o(s.EuiFormRow,{label:"Title",children:o(s.EuiFieldText,{name:"title",value:u,onChange:g=>m(g.target.value)})})]})}),$(s.EuiModalFooter,{children:[o(s.EuiButtonEmpty,{onClick:e,children:"Cancel"}),o(s.EuiButton,{type:"submit",form:n,fill:!0,disabled:i.trim().length===0,isLoading:b,children:"Add video"})]})]})},Tt=h.memo(({onSave:e})=>{const[t,n]=h.useState(!1),i=h.useCallback(async a=>{await e(a),n(!1)},[e]);return $(Ae,{children:[o(s.EuiButton,{onClick:()=>n(!0),iconType:x.AddRegular,color:"primary",children:"Add video"}),t&&o(_r,{onCancel:()=>n(!1),onSave:i})]})}),wt={Audio:"",Dailymotion:"https://www.dailymotion.com/favicon.ico",Niconico:"https://www.nicovideo.jp/favicon.ico",SoundCloud:"https://soundcloud.com/favicon.ico",Twitch:"https://www.twitch.tv/favicon.ico",Vimeo:"https://vimeo.com/favicon.ico",YouTube:"https://www.youtube.com/favicon.ico"},kr=O.observer(({playQueueStore:e})=>{const{euiTheme:t}=s.useEuiTheme();return $(s.EuiTableHeader,{style:{position:"sticky",top:112,zIndex:998,background:t.colors.backgroundBasePlain},children:[o(s.EuiTableHeaderCellCheckbox,{children:o(s.EuiCheckbox,{id:"",checked:e.allItemsSelected,onChange:n=>{e.allItemsSelected=n.target.checked}})}),o(s.EuiTableHeaderCell,{width:24}),o(s.EuiTableHeaderCell,{children:"Title"}),o(s.EuiTableHeaderCell,{})]})}),Ar=h.memo(({item:e,closePopover:t})=>{const n=h.useMemo(()=>[{id:0,items:[{name:"Play first",icon:o(s.EuiIcon,{type:""}),onClick:async()=>{t(),await e.playFirst()}},{name:"Play next",icon:o(s.EuiIcon,{type:""}),onClick:async()=>{t(),await e.playNext()}},{name:"Add to play queue",icon:o(s.EuiIcon,{type:x.AddRegular}),onClick:async()=>{t(),await e.addToPlayQueue()}},{isSeparator:!0},{name:"Move to the top",icon:o(s.EuiIcon,{type:x.ArrowUploadRegular}),onClick:async()=>{t(),e.moveToTop()},disabled:!e.canMoveToTop},{name:"Move to the bottom",icon:o(s.EuiIcon,{type:x.ArrowDownloadRegular}),onClick:async()=>{t(),e.moveToBottom()},disabled:!e.canMoveToBottom},{isSeparator:!0},{name:"Remove to the top",icon:o(s.EuiIcon,{type:""}),onClick:async()=>{t(),await e.removeToTop()},disabled:!e.canRemoveToTop},{name:"Remove others",icon:o(s.EuiIcon,{type:""}),onClick:async()=>{t(),await e.removeOthers()},disabled:!e.canRemoveOthers}]}],[t,e]);return o(s.EuiContextMenu,{initialPanelId:0,panels:n})}),Fr=h.memo(({item:e})=>{const[t,n]=h.useState(!1),i=h.useCallback(()=>n(!t),[t]),a=h.useCallback(()=>n(!1),[]);return o(s.EuiPopover,{button:o(s.EuiButtonIcon,{title:"More options","aria-label":"More options",iconType:x.MoreHorizontalFilled,size:"s",color:"text",onClick:i}),isOpen:t,closePopover:a,panelPaddingSize:"none",anchorPosition:"leftCenter",children:o(Ar,{item:e,closePopover:a})})}),Mr=O.observer(({item:e})=>{const t=B.useNostalgicDiva();return $(s.EuiTableRowCell,{textOnly:!1,hasActions:!0,align:"right",children:[o(s.EuiButton,{iconType:x.PlayRegular,size:"s",onClick:async()=>{e.isCurrent?await t.setCurrentTime(0):e.play()},children:"Play"}),o(s.EuiButton,{iconType:x.DismissRegular,size:"s",onClick:e.remove,children:"Remove"}),o(Fr,{item:e})]})}),Nr=O.observer(({item:e})=>{const t=B.useNostalgicDiva();return $(s.EuiTableRow,{isSelected:e.isCurrent,children:[o(s.EuiTableRowCellCheckbox,{children:o(s.EuiCheckbox,{id:e.id.toString(),checked:e.isSelected,onChange:e.toggleSelected})}),o(s.EuiTableRowCell,{textOnly:!1,children:o("img",{src:wt[e.type],width:16,height:16,alt:e.type})}),o(s.EuiTableRowCell,{children:o(s.EuiLink,{href:e.url,target:"_blank",external:!0,onClick:()=>t.pause(),children:e.title})}),o(Mr,{item:e})]},e.id)}),Dr=O.observer(({playQueueStore:e})=>o(tr.ReactSortable,{tag:"tbody",list:e.items,setList:t=>e.setItems(t),children:e.items.map(t=>o(Nr,{item:t},t.id))})),jr=O.observer(({playQueueStore:e})=>$(s.EuiTable,{children:[o(kr,{playQueueStore:e}),o(Dr,{playQueueStore:e})]}));function $r(e){return e!==null&&typeof e=="object"&&"title"in e&&typeof e.title=="string"}const Br=O.observer(({playQueueStore:e})=>o(s.EuiButton,{iconType:x.AddRegular,onClick:e.addSelectedItems,disabled:e.isEmpty||e.selectedItems.length===0,children:"Add to play queue"}));O.observer(({playQueueStore:e})=>{const[t,n]=h.useState(!1);return $(Ae,{children:[t&&o(s.EuiFlyout,{type:"push",size:"s",onClose:()=>n(!1),children:o("div",{style:{blockSize:"100%"},children:o(s.EuiCodeBlock,{language:"json",overflowHeight:"100%",isCopyable:!0,isVirtualized:!0,children:JSON.stringify(e.localStorageState,void 0,2)})})}),o(s.EuiButton,{onClick:()=>n(i=>!i),iconType:x.WindowDevToolsRegular,children:"Developer tools"})]})});const Ot=O.observer(({playQueueStore:e})=>{const{euiTheme:t}=s.useEuiTheme(),n=h.useCallback(async i=>{const a=B.findVideoService(i.url);if(a!==void 0){const u=a.extractVideoId(i.url);if(u!==void 0){const b=await(await fetch(`https://noembed.com/embed?url=${encodeURIComponent(i.url)}`)).json();await e.addItems([e.createItem({url:i.url,type:a.type,videoId:u,title:i.title||($r(b)?b.title:u)})])}}},[e]);return $(Ae,{children:[$(s.EuiFlexGroup,{alignItems:"center",gutterSize:"m",style:{position:"sticky",top:48,zIndex:998,background:t.colors.backgroundBasePlain},children:[o(s.EuiFlexItem,{grow:!1,children:o(s.EuiButton,{disabled:e.isEmpty||e.selectedItems.length===0,onClick:e.playSelectedItemsNext,children:"Play next"})}),o(s.EuiFlexItem,{grow:!1,children:o(Br,{playQueueStore:e})}),o(s.EuiFlexItem,{grow:!1,children:o(s.EuiButton,{iconType:x.DismissRegular,onClick:e.removeSelectedItems,disabled:e.isEmpty||e.selectedItems.length===0,children:"Remove"})}),o(s.EuiFlexItem,{grow:!1,children:o(s.EuiButton,{iconType:x.DeleteRegular,onClick:e.clear,disabled:e.isEmpty,children:"Clear"})}),o(s.EuiFlexItem,{grow:!0}),$(s.EuiFlexItem,{grow:!1,children:[!1,o(Tt,{onSave:n})]})]}),o(s.EuiSpacer,{size:"l",style:{position:"sticky",top:88,zIndex:998,background:t.colors.backgroundBasePlain}}),e.isEmpty?o(s.EuiEmptyPrompt,{title:o("h2",{children:"We couldn't find any videos"}),body:o("p",{children:"Your video library doesn't contain any video content."}),actions:o(Tt,{onSave:n})}):o(jr,{playQueueStore:e})]})}),We=new rr({coerceTypes:!0});function zr(e,t){let n;if(n=We.getSchema(t),n===void 0&&(We.addSchema(e,t),n=We.getSchema(t)),n===void 0||n.schema!==e)throw new Error(`Invalid schema. Expected: '${JSON.stringify(e)}', but got '${JSON.stringify(n?.schema)}'.`);return n}const Lr={type:"object",properties:{url:{type:"string"},type:{type:"string"},videoId:{type:"string"},title:{type:"string"}},required:["url","type","videoId","title"]};var A=(e=>(e.Off="Off",e.All="All",e.One="One",e))(A||{});const Vr={type:"object",properties:{version:{type:"string",nullable:!0},repeat:{type:"string",enum:Object.values(A),nullable:!0},shuffle:{type:"boolean",nullable:!0},items:{type:"array",nullable:!0,items:Lr},currentIndex:{type:"integer",nullable:!0}}};class _e{constructor(t,n,i){this.observableStateProvider=t,this.playQueueStore=n,this.dto=i,this.id=_e.nextId++,t.makeObservable(this,{isSelected:c.observable,isCurrent:c.computed,index:c.computed,isFirst:c.computed,isLast:c.computed,canMoveToTop:c.computed,canMoveToBottom:c.computed,canRemoveToTop:c.computed,canRemoveOthers:c.computed,unselect:c.action,toggleSelected:c.action.bound,play:c.action,remove:c.action.bound,playFirst:c.action.bound,playNext:c.action.bound,addToPlayQueue:c.action.bound,moveToTop:c.action.bound,moveToBottom:c.action.bound,removeToTop:c.action.bound,removeOthers:c.action.bound})}static nextId=1;id;isSelected=!1;static fromDto(t,n,i){return new _e(t,n,i)}get url(){return this.dto.url}get type(){return this.dto.type}get videoId(){return this.dto.videoId}get title(){return this.dto.title}get isCurrent(){return this.playQueueStore.currentItem===this}get index(){return this.playQueueStore.items.indexOf(this)}get isFirst(){return this.index===0}get isLast(){return this.index===this.playQueueStore.items.length-1}get canMoveToTop(){return!this.isFirst}get canMoveToBottom(){return!this.isLast}get canRemoveToTop(){return!this.isFirst}get canRemoveOthers(){return this.playQueueStore.hasMultipleItems}clone(){return this.playQueueStore.createItem(this.dto)}unselect(){this.isSelected=!1}toggleSelected(){this.isSelected=!this.isSelected}play(){this.playQueueStore.setCurrentItem(this)}remove(){return this.playQueueStore.removeItems([this])}async playFirst(){await this.playQueueStore.playFirst([this.clone()])}async playNext(){await this.playQueueStore.playNext([this.clone()])}async addToPlayQueue(){await this.playQueueStore.addItems([this.clone()])}moveToTop(){this.playQueueStore.moveItem(this,0)}moveToBottom(){this.playQueueStore.moveItem(this,this.playQueueStore.items.length-1)}removeToTop(){return this.playQueueStore.removeItemsAbove(this)}removeOthers(){return this.playQueueStore.removeOtherItems(this)}}class Yr{constructor(t){this.observableStateProvider=t,t.makeObservable(this,{interacted:c.observable,items:c.observable,currentId:c.observable,repeat:c.observable,shuffle:c.observable,localStorageState:c.computed.struct,isEmpty:c.computed,currentItem:c.computed,canPlay:c.computed,canPause:c.computed,hasMultipleItems:c.computed,currentIndex:c.computed,hasPreviousItem:c.computed,hasNextItem:c.computed,isLastItem:c.computed,selectedItems:c.computed,allItemsSelected:c.computed,selectedItemsOrAllItems:c.computed,setItems:c.action,interact:c.action,clear:c.action.bound,unselectAll:c.action,setCurrentItem:c.action,setNextItems:c.action,clearAndSetItems:c.action,playNext:c.action,playSelectedItemsNext:c.action.bound,addItems:c.action,addSelectedItems:c.action.bound,playFirst:c.action,moveItem:c.action,removeItems:c.action,removeSelectedItems:c.action.bound,removeOtherItems:c.action,removeItemsAbove:c.action,toggleRepeat:c.action.bound,toggleShuffle:c.action.bound,previous:c.action,next:c.action.bound,goToFirst:c.action})}interacted=!1;items=[];currentId;repeat=A.Off;shuffle=!1;createItem(t){return _e.fromDto(this.observableStateProvider,this,t)}get localStorageState(){return{version:"1.0",repeat:this.repeat,shuffle:this.shuffle,items:this.items.map(t=>t.dto),currentIndex:this.currentIndex}}set localStorageState(t){this.repeat=t.repeat??A.Off,this.shuffle=t.shuffle??!1,this.items=t.items?.map(n=>this.createItem(n))??[],this.currentIndex=t.currentIndex}validateLocalStorageState(t){return zr(Vr,"PlayQueueDto")(t)}get isEmpty(){return this.items.length===0}get currentItem(){return this.items.find(t=>t.id===this.currentId)}get canPlay(){return this.currentItem!==void 0}get canPause(){return this.currentItem!==void 0}get hasMultipleItems(){return this.items.length>1}get currentIndex(){return this.currentId!==void 0?this.items.findIndex(t=>t.id===this.currentId):void 0}set currentIndex(t){this.currentId=t!==void 0?this.items.at(t)?.id:void 0}get hasPreviousItem(){return this.hasMultipleItems&&this.currentIndex!==void 0&&this.currentIndex>0}get hasNextItem(){return this.hasMultipleItems&&this.currentIndex!==void 0&&this.currentIndex<this.items.length-1}get isLastItem(){return this.currentIndex!==void 0&&this.currentIndex===this.items.length-1}get selectedItems(){return this.items.filter(t=>t.isSelected)}get allItemsSelected(){return this.selectedItems.length===this.items.length}set allItemsSelected(t){for(const n of this.items)n.isSelected=t}get selectedItemsOrAllItems(){return this.selectedItems.length>0?this.selectedItems:this.items}setItems(t){this.items=t}interact(){this.interacted=!0}clear(){this.interact(),this.currentIndex=void 0,this.items=[]}unselectAll(){for(const t of this.items)t.unselect()}setCurrentItem(t){this.interact(),this.currentId=t?.id}setNextItems(t){this.currentIndex!==void 0&&this.items.splice(this.currentIndex+1,0,...t)}clearAndSetItems(t){this.clear(),this.setCurrentItem(t[0]),this.setNextItems(t)}async playNext(t){if(this.isEmpty){this.clearAndSetItems(t);return}this.setNextItems(t)}async playSelectedItemsNext(){await this.playNext(this.selectedItemsOrAllItems.map(t=>t.clone())),this.unselectAll()}async addItems(t){if(this.isEmpty){this.clearAndSetItems(t);return}this.items.push(...t)}async addSelectedItems(){await this.addItems(this.selectedItemsOrAllItems.map(t=>t.clone())),this.unselectAll()}async playFirst(t){if(this.isEmpty){this.clearAndSetItems(t);return}const{currentIndex:n}=this;n!==void 0&&(this.interact(),this.items.splice(n,0,...t),this.currentIndex=n)}moveItem(t,n){const i=this.items.splice(this.items.indexOf(t),1)[0];this.items.splice(n,0,i)}async removeItems(t){const{currentItem:n}=this;dt.pull(this.items,...t.filter(u=>u!==n));const{currentIndex:i,isLastItem:a}=this;dt.pull(this.items,t.find(u=>u===n)),this.currentItem!==n&&(this.interact(),a?await this.goToFirst():this.currentIndex=i)}async removeSelectedItems(){await this.removeItems(this.selectedItemsOrAllItems),this.unselectAll()}async removeOtherItems(t){const n=t.id;return this.removeItems(this.items.filter(i=>i.id!==n))}async removeItemsAbove(t){const n=this.items.indexOf(t);return this.removeItems(this.items.filter((i,a)=>a<n))}toggleRepeat(){switch(this.repeat){case A.Off:this.repeat=A.All;break;case A.All:this.repeat=A.One;break;case A.One:this.repeat=A.Off;break}}toggleShuffle(){this.shuffle=!this.shuffle}async previous(){this.currentIndex!==void 0&&this.hasPreviousItem&&(this.interact(),this.currentIndex--)}async next(){this.currentIndex!==void 0&&this.hasNextItem&&(this.interact(),this.currentIndex++)}async goToFirst(){this.currentIndex!==void 0&&(this.currentIndex=0)}}const _t=h.createContext(void 0),qr=({children:e})=>{const[t]=h.useState(()=>new Yr(new Je)),n=B.useNostalgicDiva();return h.useEffect(()=>c.reaction(()=>t.currentItem,async(i,a)=>{i===void 0||a===void 0||i.type===a.type&&i.videoId===a.videoId&&await n.setCurrentTime(0)}),[t,n]),o(_t.Provider,{value:t,children:e})},Ke=()=>h.useContext(_t),Wr=({breadcrumbs:e,tabs:t,...n})=>{const i=nr.useRouter();return o(s.EuiPageTemplate.Header,{...n,breadcrumbs:e?.map(({linkProps:a,...u})=>({...u,href:a===void 0?void 0:i.buildLocation(a).href,onClick:a===void 0?void 0:async m=>{m.preventDefault(),await i.navigate(a)}})),tabs:t?.map(({linkProps:a,...u})=>({...u,href:a===void 0?void 0:i.buildLocation(a).href,onClick:a===void 0?void 0:async m=>{m.preventDefault(),await i.navigate(a)}}))})},Ur=()=>{const e=Ke();return $(Ae,{children:[o(Wr,{pageTitle:"Play queue",rightSideItems:[]}),o(s.EuiPageTemplate.Section,{children:o(Ot,{playQueueStore:e})})]})},Hr=O.observer(({playQueueStore:e})=>o(s.EuiButtonIcon,{title:`Shuffle: ${e.shuffle?"On":"Off"}`,"aria-label":`Shuffle: ${e.shuffle?"On":"Off"}`,iconType:e.shuffle?x.ArrowShuffleFilled:x.ArrowShuffleOffFilled,size:"s",iconSize:"l",onClick:e.toggleShuffle,disabled:!0})),Gr=O.observer(({playQueueStore:e})=>{const t=B.useNostalgicDiva(),n=h.useCallback(async()=>{if(e.hasPreviousItem){const i=await t.getCurrentTime();i===void 0||i<5?await e.previous():await t.setCurrentTime(0)}else await t.setCurrentTime(0)},[e,t]);return o(s.EuiButtonIcon,{title:"Previous","aria-label":"Previous",iconType:x.PreviousFilled,size:"s",iconSize:"l",onClick:n,disabled:e.isEmpty})}),Jr=O.observer(({playerStore:e,playQueueStore:t})=>{const n=B.useNostalgicDiva(),i=h.useCallback(async()=>{const a=await n.getCurrentTime();a!==void 0&&await n.setCurrentTime(a-10)},[n]);return o(s.EuiButtonIcon,{title:"Skip back 10 seconds","aria-label":"Skip back 10 seconds",iconType:x.SkipBack10Regular,size:"s",iconSize:"l",onClick:i,disabled:t.isEmpty||!e.controller.supports("setCurrentTime")})}),Kr=O.observer(({playerStore:e,playQueueStore:t})=>{const n=B.useNostalgicDiva();return o(s.EuiButtonIcon,{title:"Pause","aria-label":"Pause",iconType:x.PauseFilled,size:"s",iconSize:"l",onClick:()=>n.pause(),disabled:!t.canPause||!e.controller.supports("pause")})}),Xr=O.observer(({playerStore:e,playQueueStore:t})=>{const n=B.useNostalgicDiva();return o(s.EuiButtonIcon,{title:"Play","aria-label":"Play",iconType:x.PlayFilled,size:"s",iconSize:"l",onClick:()=>n.play(),disabled:!t.canPlay||!e.controller.supports("play")})}),Zr=O.observer(({playerStore:e,playQueueStore:t})=>{const n=B.useNostalgicDiva(),i=h.useCallback(async()=>{const a=await n.getCurrentTime();a!==void 0&&await n.setCurrentTime(a+30)},[n]);return o(s.EuiButtonIcon,{title:"Skip forward 30 seconds","aria-label":"Skip forward 30 seconds",iconType:x.SkipForward30Regular,size:"s",iconSize:"l",onClick:i,disabled:t.isEmpty||!e.controller.supports("setCurrentTime")})}),Qr=O.observer(({playQueueStore:e})=>o(s.EuiButtonIcon,{title:"Next","aria-label":"Next",iconType:x.NextFilled,size:"s",iconSize:"l",onClick:e.next,disabled:!e.hasNextItem})),en={[A.Off]:x.ArrowRepeatAllOffFilled,[A.All]:x.ArrowRepeatAllFilled,[A.One]:x.ArrowRepeat1Filled},tn=O.observer(({playQueueStore:e})=>o(s.EuiButtonIcon,{title:`Repeat: ${e.repeat===A.All?"All":e.repeat===A.One?"One":"Off"}`,"aria-label":`Repeat: ${e.repeat===A.All?"All":e.repeat===A.One?"One":"Off"}`,iconType:en[e.repeat],size:"s",iconSize:"l",onClick:e.toggleRepeat})),rn=O.observer(({playerStore:e,playQueueStore:t})=>$(s.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"center",alignItems:"center",children:[o(Hr,{playQueueStore:t}),o(Gr,{playQueueStore:t}),o(Jr,{playerStore:e,playQueueStore:t}),e.playing?o(Kr,{playerStore:e,playQueueStore:t}):o(Xr,{playerStore:e,playQueueStore:t}),o(Zr,{playerStore:e,playQueueStore:t}),o(Qr,{playQueueStore:t}),o(tn,{playQueueStore:t})]})),nn=h.memo(({item:e,closePopover:t})=>{const n=B.useNostalgicDiva(),i=h.useMemo(()=>[{id:0,items:[{name:"Open in new tab",icon:o(s.EuiIcon,{type:x.OpenRegular}),onClick:async()=>{t(),await n.pause(),window.open(e.dto.url,"_blank")}},{name:"Copy link address",icon:o(s.EuiIcon,{type:""}),onClick:async()=>{t(),await navigator.clipboard.writeText(e.dto.url)}},{name:"Copy link text",icon:o(s.EuiIcon,{type:""}),onClick:async()=>{t(),await navigator.clipboard.writeText(e.dto.title)}}]}],[t,n,e]);return o(s.EuiContextMenu,{initialPanelId:0,panels:i})}),on=h.memo(({item:e})=>{const[t,n]=h.useState(!1),i=h.useCallback(()=>n(!t),[t]),a=h.useCallback(()=>n(!1),[]);return o(s.EuiPopover,{button:o(s.EuiButtonEmpty,{iconType:wt[e.type],size:"s",onClick:i,children:e.title}),isOpen:t,closePopover:a,panelPaddingSize:"none",anchorPosition:"upLeft",children:o(nn,{item:e,closePopover:a})})}),an=O.observer(({playQueueStore:e})=>o(s.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"flexStart",alignItems:"center",children:e.currentItem&&o(on,{item:e.currentItem})})),sn=O.observer(({playerStore:e})=>o(s.EuiButtonIcon,{title:"Mute","aria-label":"Mute",iconType:x.Speaker2Regular,size:"s",iconSize:"l",disabled:!e.controller.supports("setMuted")})),ln=O.observer(({playerStore:e,button:t,isOpen:n,closePopover:i})=>{const[a,u]=h.useState("0"),m=B.useNostalgicDiva();h.useLayoutEffect(()=>{n&&m.getVolume().then(p=>{p!==void 0&&u(Math.floor(p*100).toString())})},[n,m]);const b=h.useCallback(async p=>{u(p.currentTarget.value),await m.setVolume(Number(p.currentTarget.value)/100)},[m]);return o(s.EuiPopover,{button:t,isOpen:n,closePopover:i,anchorPosition:"upRight",children:o(s.EuiFormRow,{children:$(s.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"center",alignItems:"center",children:[o(sn,{playerStore:e}),o(s.EuiRange,{min:0,max:100,step:1,value:a,onChange:b,css:{blockSize:32},disabled:!e.controller.supports("setVolume")})]})})})}),cn=O.observer(({playerStore:e})=>{const[t,n]=h.useState(!1),i=()=>n(!t);return o(ln,{playerStore:e,button:o(s.EuiButtonIcon,{title:"Volume","aria-label":"Volume",iconType:x.Speaker2Regular,size:"s",iconSize:"l",onClick:i,disabled:!e.controller.supports("getVolume")}),isOpen:t,closePopover:()=>n(!1)})}),un=({onClickPlayQueueButton:e})=>o(s.EuiButtonIcon,{title:"Play queue","aria-label":"Play queue",iconType:x.NavigationPlayRegular,size:"s",iconSize:"l",onClick:e}),dn=O.observer(({playerStore:e,playQueueStore:t,closePopover:n})=>{const i=B.useNostalgicDiva(),a=h.useCallback(async()=>{const R=await i.getCurrentTime();R!==void 0&&await i.setCurrentTime(R-10),n()},[i,n]),u=h.useCallback(async()=>{const R=await i.getCurrentTime();R!==void 0&&await i.setCurrentTime(R+30),n()},[i,n]),m=h.useCallback(async R=>{await i.setPlaybackRate(R),n()},[i,n]),b=h.useCallback(async()=>{t.currentItem!==void 0&&await t.removeItems([t.currentItem]),n()},[t,n]),[p,g]=h.useState(),T=h.useCallback(async()=>{await e.controller.getPlaybackRate().then(R=>g(R))},[e]),_=h.useMemo(()=>[{id:0,items:[{name:"Speed",icon:o(s.EuiIcon,{type:x.TopSpeedRegular}),panel:1,onClick:T,disabled:!e.controller.supports("getPlaybackRate")},{name:"Skip back 10 seconds",icon:o(s.EuiIcon,{type:x.SkipBack10Regular}),onClick:a,disabled:t.isEmpty||!e.controller.supports("setCurrentTime")},{name:"Skip forward 30 seconds",icon:o(s.EuiIcon,{type:x.SkipForward30Regular}),onClick:u,disabled:t.isEmpty||!e.controller.supports("setCurrentTime")},{isSeparator:!0},{name:"Remove from play queue",icon:o(s.EuiIcon,{type:x.DismissRegular}),onClick:b,disabled:t.isEmpty}]},{id:1,title:"Speed",items:[.25,.5,.75,1,1.25,1.5,1.75,2].map(R=>({name:R.toString(),onClick:()=>m(R),icon:R===p?"check":"empty",disabled:!e.controller.supports("setPlaybackRate")}))}],[e,t,T,a,u,b,m,p]);return o(s.EuiContextMenu,{initialPanelId:0,panels:_})}),fn=h.memo(({playerStore:e,playQueueStore:t,button:n,isOpen:i,closePopover:a})=>o(s.EuiPopover,{button:n,isOpen:i,closePopover:a,panelPaddingSize:"none",anchorPosition:"upRight",children:o(dn,{playerStore:e,playQueueStore:t,closePopover:a})})),mn=h.memo(({playerStore:e,playQueueStore:t})=>{const[n,i]=h.useState(!1),a=()=>i(!n);return o(fn,{playerStore:e,playQueueStore:t,button:o(s.EuiButtonIcon,{title:"More options","aria-label":"More options",iconType:x.MoreHorizontalFilled,size:"s",iconSize:"l",onClick:a}),isOpen:n,closePopover:()=>i(!1)})}),vn=h.memo(({playerStore:e,playQueueStore:t,onClickPlayQueueButton:n})=>$(s.EuiFlexGroup,{responsive:!1,gutterSize:"s",justifyContent:"flexEnd",alignItems:"center",children:[o(cn,{playerStore:e}),n&&o(un,{onClickPlayQueueButton:n}),o(mn,{playerStore:e,playQueueStore:t})]})),hn=O.observer(({playerStore:e,playQueueStore:t})=>{const n=B.useNostalgicDiva(),i=h.useCallback(m=>{const b=Number(m.currentTarget.value)/100;e.setPercent(b)},[e]),a=h.useCallback(m=>{m.button===0&&e.setSeeking(!0)},[e]),u=h.useCallback(async m=>{if(m.button===0){const b=Number(m.currentTarget.value)/100;e.setSeeking(!1);const p=await n.getDuration();p!==void 0&&await n.setCurrentTime(p*b)}},[e,n]);return o(s.EuiRange,{min:0,max:100,step:1e-7,value:e.percent*100,onChange:i,onMouseDown:a,onMouseUp:u,fullWidth:!0,showRange:!0,css:{blockSize:32},disabled:t.isEmpty})}),pn=O.observer(({playerStore:e,playQueueStore:t,onClickPlayQueueButton:n})=>o(s.EuiBottomBar,{paddingSize:"s",children:$(s.EuiFlexGroup,{direction:"column",gutterSize:"none",children:[o(s.EuiFlexItem,{children:o(hn,{playerStore:e,playQueueStore:t})}),o(s.EuiFlexItem,{children:$(s.EuiFlexGroup,{responsive:!1,children:[o(s.EuiFlexItem,{css:{width:"calc(100% / 3)"},children:o(an,{playQueueStore:t})}),o(s.EuiFlexItem,{css:{width:"calc(100% / 3)"},children:o(rn,{playerStore:e,playQueueStore:t})}),o(s.EuiFlexItem,{css:{width:"calc(100% / 3)"},children:o(vn,{playerStore:e,playQueueStore:t,onClickPlayQueueButton:n})})]})})]})})),bn=e=>o(B.NostalgicDivaProvider,{...e}),He={width:400,height:225},yn=O.observer(({children:e})=>{const t=Ke();return $(s.EuiPageTemplate,{panelled:!0,style:{minBlockSize:`max(460px, 100vh - ${Ge}px)`},children:[e,!t.isEmpty&&o(s.EuiSpacer,{style:{blockSize:He.height}})]})}),gn=O.observer(({playerStore:e,playQueueStore:t})=>{const n=B.useNostalgicDiva(),i=h.useCallback(async()=>{t.interacted&&await n.play()},[t,n]),a=h.useCallback(async()=>{switch(t.repeat){case A.One:await n.setCurrentTime(0);break;case A.Off:case A.All:if(t.isLastItem)switch(t.repeat){case A.Off:e.onEnded();break;case A.All:t.hasMultipleItems?await t.goToFirst():await n.setCurrentTime(0);break}else await t.next();break}},[t,e,n]),u=h.useMemo(()=>({services:{[B.PlayerType.YouTube]:{host:"https://www.youtube.com"}},onLoaded:i,onPlay:e.onPlay,onPause:e.onPause,onEnded:a,onTimeUpdate:e.onTimeUpdate}),[e,i,a]);return o("div",{css:{position:"fixed",right:0,bottom:Ge,width:He.width,height:He.height,zIndex:998,backgroundColor:"rgb(39, 39, 39)",display:"flex",flexDirection:"column"},children:o("div",{css:{flexGrow:1,backgroundColor:"black"},children:t.currentItem&&o(B.NostalgicDiva,{src:t.currentItem.url,options:u,onControllerChange:e.onControllerChange})})})});class En{controller=B.nullPlayerController;playing=!1;percent=0;seeking=!1;constructor(t){t.makeObservable(this,{controller:c.observable,playing:c.observable,percent:c.observable,seeking:c.observable,setPlaying:c.action,setPercent:c.action,setSeeking:c.action,onControllerChange:c.action.bound,onPlay:c.action.bound,onPause:c.action.bound,onEnded:c.action.bound,onTimeUpdate:c.action.bound})}setPlaying(t){this.playing=t}setPercent(t){this.percent=t}setSeeking(t){this.seeking=t}onControllerChange(t){this.controller=t}onPlay(){this.playing=!0}onPause(){this.playing=!1}onEnded(){this.playing=!1}onTimeUpdate({percent:t}){t!==void 0&&(this.seeking||(this.percent=t))}}const kt=h.createContext(void 0),Cn=({children:e})=>{const[t]=h.useState(()=>new En(new Je));return o(kt.Provider,{value:t,children:e})},Tn=()=>h.useContext(kt);exports.BottomBar=pn;exports.HydrangeanDivaProvider=bn;exports.MediaPlayerLayout=yn;exports.MiniPlayer=gn;exports.MobXObservableStateProvider=Je;exports.ObservableStateProvider=or;exports.PlayQueue=Ot;exports.PlayQueuePage=Ur;exports.PlayQueueStoreProvider=qr;exports.PlayerStoreProvider=Cn;exports.RepeatMode=A;exports.bottomBarHeight=Ge;exports.usePlayQueueStore=Ke;exports.usePlayerStore=Tn;
15
15
  //# sourceMappingURL=index.cjs.js.map