diff --git a/404.html b/404.html index 3ae5349..6a09d1b 100644 --- a/404.html +++ b/404.html @@ -4,13 +4,13 @@ Page Not Found | Custoplayer - - + +
Skip to main content

Page Not Found

We could not find what you were looking for.

Please contact the owner of the site that linked you to the original URL and let them know their link is broken.

- - + + \ No newline at end of file diff --git a/assets/js/02e3a03e.32f4b159.js b/assets/js/02e3a03e.32f4b159.js deleted file mode 100644 index dc0862e..0000000 --- a/assets/js/02e3a03e.32f4b159.js +++ /dev/null @@ -1,563 +0,0 @@ -/*! For license information please see 02e3a03e.32f4b159.js.LICENSE.txt */ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[243],{6474:(t,e,n)=>{n.d(e,{DT:()=>cd,FF:()=>ad,L2:()=>ld,NT:()=>sd,O8:()=>id,Pv:()=>ud});var o=n(2784),r=n(9453);let i=0;const s=Symbol(),a=t=>!!t[s],l=t=>!t[s].c,u=t=>{var e;const{b:n,c:o}=t[s];o&&(o(),null==(e=h.get(n))||e())},c=(t,e)=>{const n=t[s].o,o=e[s].o;return n===o||t===o||a(n)&&c(n,e)},d=(t,e)=>{const n={b:t,o:e,c:null},o=new Promise((t=>{n.c=()=>{n.c=null,t()},e.finally(n.c)}));return o[s]=n,o},h=new WeakMap,p=t=>"init"in t,m="r",f="w",g="c",v="s",y=t=>{const e=new WeakMap,n=new WeakMap,o=new Map;let r,i;if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&(r=new Set,i=new Set),t)for(const[s,a]of t){const t={v:a,r:0,y:!0,d:new Map};"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&(Object.freeze(t),p(s)||console.warn("Found initial value for derived atom which can cause unexpected behavior",s)),e.set(s,t)}const h=new WeakMap,y=new WeakMap,b=t=>{let e=y.get(t);return e||(e=new Map,y.set(t,e)),e},x=(t,n)=>{if(t){const e=b(t);let o=e.get(n);return o||(o=x(t.p,n),o&&"p"in o&&l(o.p)&&(o=void 0),o&&e.set(n,o)),o}return e.get(n)},w=(t,n,r)=>{if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&Object.freeze(r),t)b(t).set(n,r);else{const t=e.get(n);e.set(n,r),o.has(n)||o.set(n,t)}},C=function(t,e,n){if(void 0===e&&(e=new Map),!n)return e;const o=new Map;let r=!1;return n.forEach((n=>{var i;const s=(null==(i=x(t,n))?void 0:i.r)||0;o.set(n,s),e.get(n)!==s&&(r=!0)})),e.size!==o.size||r?o:e},k=(t,e,n,o,r)=>{const i=x(t,e);if(i){if(r&&(!("p"in i)||!c(i.p,r)))return i;"p"in i&&u(i.p)}const s={v:n,r:(null==i?void 0:i.r)||0,y:!0,d:C(t,null==i?void 0:i.d,o)};let a=!(null!=i&&i.y);return i&&"v"in i&&Object.is(i.v,n)?s.d!==i.d&&(s.d.size!==i.d.size||!Array.from(s.d.keys()).every((t=>i.d.has(t))))&&(a=!0,Promise.resolve().then((()=>{F(t)}))):(a=!0,++s.r,s.d.has(e)&&(s.d=new Map(s.d).set(e,s.r))),i&&!a?i:(w(t,e,s),s)},E=(t,e,n,o,r)=>{const i=x(t,e);if(i){if(r&&(!("p"in i)||!c(i.p,r)))return i;"p"in i&&u(i.p)}const s={e:n,r:((null==i?void 0:i.r)||0)+1,y:!0,d:C(t,null==i?void 0:i.d,o)};return w(t,e,s),s},M=(t,e,n,o)=>{const r=x(t,e);if(r&&"p"in r){if(c(r.p,n)&&!l(r.p))return r.y?r:{...r,y:!0};u(r.p)}((t,e,n)=>{let o=h.get(e);o||(o=new Map,h.set(e,o)),n.then((()=>{o.get(t)===n&&(o.delete(t),o.size||h.delete(e))})),o.set(t,n)})(t,e,n);const i={p:n,r:((null==r?void 0:r.r)||0)+1,y:!0,d:C(t,null==r?void 0:r.d,o)};return w(t,e,i),i},P=(t,e,n,o)=>{if(n instanceof Promise){const r=d(n,n.then((n=>{k(t,e,n,o,r)})).catch((n=>{if(n instanceof Promise)return a(n)?n.then((()=>{S(t,e,!0)})):n;E(t,e,n,o,r)})));return M(t,e,r,o)}return k(t,e,n,o)},S=(t,e,o)=>{if(!o){const o=x(t,e);if(o){if(o.y&&"p"in o&&!l(o.p))return o;if(o.d.forEach(((o,r)=>{if(r!==e)if(n.has(r)){const e=x(t,r);e&&!e.y&&S(t,r)}else S(t,r)})),Array.from(o.d).every((e=>{let[n,o]=e;const r=x(t,n);return r&&!("p"in r)&&r.r===o})))return o.y?o:{...o,y:!0}}}const r=new Set;try{const n=e.read((n=>{r.add(n);const o=n===e?x(t,n):S(t,n);if(o){if("e"in o)throw o.e;if("p"in o)throw o.p;return o.v}if(p(n))return n.init;throw new Error("no atom init")}));return P(t,e,n,r)}catch(i){if(i instanceof Promise){const n=a(i)&&l(i)?(t=>d(t[s].b,t[s].o))(i):d(i,i);return M(t,e,n,r)}return E(t,e,i,r)}},B=(t,e)=>S(e,t),T=(t,e)=>!e.l.size&&(!e.t.size||1===e.t.size&&e.t.has(t)),A=(t,e)=>{const o=n.get(e);null==o||o.t.forEach((n=>{n!==e&&(((t,e)=>{const n=x(t,e);if(n){const o={...n,y:!1};w(t,e,o)}else"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] could not invalidate non existing atom",e)})(t,n),A(t,n))}))},V=(t,e,n)=>{let o=!0;const r=(e,n)=>{const o=S(t,e);if("e"in o)throw o.e;if("p"in o){if(null!=n&&n.unstable_promise)return o.p.then((()=>{const i=x(t,e);return i&&"p"in i&&i.p===o.p?new Promise((t=>setTimeout(t))).then((()=>r(e,n))):r(e,n)}));throw"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.info("Reading pending atom state in write operation. We throw a promise for now.",e),o.p}if("v"in o)return o.v;throw"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] no value found while reading atom in write operation. This is probably a bug.",e),new Error("no value found")},i=e.write(r,((n,r)=>{let i;if(n===e){if(!p(n))throw new Error("atom not writable");(t=>{const e=new Set,n=h.get(t);return n&&(h.delete(t),n.forEach(((t,n)=>{u(t),e.add(n)}))),e})(n).forEach((e=>{e!==t&&P(e,n,r)}));x(t,n)!==P(t,n,r)&&A(t,n)}else i=V(t,n,r);return o||F(t),i}),n);return o=!1,i},L=(t,e,n)=>{const o=V(n,t,e);return F(n),o},R=(t,e,o)=>{const r={t:new Set(o&&[o]),l:new Set};if(n.set(e,r),"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&i.add(e),S(void 0,e).d.forEach(((o,r)=>{const i=n.get(r);i?i.t.add(e):r!==e&&R(t,r,e)})),(t=>!!t.write)(e)&&e.onMount){const n=n=>L(e,n,t),o=e.onMount(n);t=void 0,o&&(r.u=o)}return r},D=(t,e)=>{var o;const r=null==(o=n.get(e))?void 0:o.u;r&&r(),n.delete(e),"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&i.delete(e);const s=x(t,e);s?("p"in s&&u(s.p),s.d.forEach(((o,r)=>{if(r!==e){const o=n.get(r);o&&(o.t.delete(e),T(r,o)&&D(t,r))}}))):"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] could not find atom state to unmount",e)},I=(t,e,o,r)=>{const i=new Set(o.d.keys());null==r||r.forEach(((o,r)=>{if(i.has(r))return void i.delete(r);const s=n.get(r);s&&(s.t.delete(e),T(r,s)&&D(t,r))})),i.forEach((o=>{const r=n.get(o);r?r.t.add(e):n.has(e)&&R(t,o,e)}))},F=t=>{if(t)b(t).forEach(((o,r)=>{if(o!==e.get(r)){const e=n.get(r);null==e||e.l.forEach((e=>e(t)))}}));else{for(;o.size;){const t=Array.from(o);o.clear(),t.forEach((t=>{let[e,o]=t;const r=x(void 0,e);if(r&&r.d!==(null==o?void 0:o.d)&&I(void 0,e,r,null==o?void 0:o.d),o&&!o.y&&null!=r&&r.y)return;const i=n.get(e);null==i||i.l.forEach((t=>t()))}))}"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&r.forEach((t=>t()))}},O=(t,n)=>{n&&(t=>{b(t).forEach(((n,o)=>{const r=e.get(o);(!r||n.r>r.r||n.y!==r.y||n.r===r.r&&n.d!==r.d)&&(e.set(o,n),n.d!==(null==r?void 0:r.d)&&I(t,o,n,null==r?void 0:r.d))}))})(n),F(void 0)},j=(t,e,o)=>{const r=((t,e)=>{let o=n.get(e);return o||(o=R(t,e)),o})(o,t).l;return r.add(e),()=>{r.delete(e),((t,e)=>{const o=n.get(e);o&&T(e,o)&&D(t,e)})(o,t)}},$=(t,e)=>{for(const[n,o]of t)p(n)&&(P(e,n,o),A(e,n));F(e)};return"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")?{[m]:B,[f]:L,[g]:O,[v]:j,h:$,n:t=>(r.add(t),()=>{r.delete(t)}),l:()=>i.values(),a:t=>e.get(t),m:t=>n.get(t)}:{[m]:B,[f]:L,[g]:O,[v]:j,h:$}},b=(t,e)=>({s:e?e(t).SECRET_INTERNAL_store:y(t)}),x=new Map,w=t=>(x.has(t)||x.set(t,(0,o.createContext)(b())),x.get(t)),C=t=>{let{children:e,initialValues:n,scope:r,unstable_createStore:i,unstable_enableVersionedWrite:s}=t;const[a,l]=(0,o.useState)({});(0,o.useEffect)((()=>{const t=u.current;t.w&&(t.s[g](null,a),delete a.p,t.v=a)}),[a]);const u=(0,o.useRef)();if(!u.current){const t=b(n,i);if(s){let e=0;t.w=t=>{l((n=>{const o=e?n:{p:n};return t(o),o}))},t.v=a,t.r=t=>{++e,t(),--e}}u.current=t}const c=w(r);return(0,o.createElement)(c.Provider,{value:u.current},e)};function k(t,e){return function(t,e){const n="atom"+ ++i,o={toString:()=>n};return"function"==typeof t?o.read=t:(o.init=t,o.read=t=>t(o),o.write=(t,e,n)=>e(o,"function"==typeof n?n(t(o)):n)),e&&(o.write=e),o}(t,e)}function E(t,e){const n=w(e),r=(0,o.useContext)(n),{s:i,v:s}=r,a=e=>{const n=i[m](t,e);if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&!n.y)throw new Error("should not be invalidated");if("e"in n)throw n.e;if("p"in n)throw n.p;if("v"in n)return n.v;throw new Error("no atom value")},[[l,u,c],d]=(0,o.useReducer)(((e,n)=>{const o=a(n);return Object.is(e[1],o)&&e[2]===t?e:[n,o,t]}),s,(e=>[e,a(e),t]));let h=u;return c!==t&&(d(l),h=a(l)),(0,o.useEffect)((()=>{const{v:e}=r;e&&i[g](t,e);const n=i[v](t,d,e);return d(e),n}),[i,t,r]),(0,o.useEffect)((()=>{i[g](t,l)})),(0,o.useDebugValue)(h),h}function M(t,e){const n=w(e),{s:r,w:i}=(0,o.useContext)(n);return(0,o.useCallback)((e=>{if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&!("write"in t))throw new Error("not writable atom");const n=n=>r[f](t,e,n);return i?i(n):n()}),[r,i,t])}function P(t,e){return"scope"in t&&(console.warn("atom.scope is deprecated. Please do useAtom(atom, scope) instead."),e=t.scope),[E(t,e),M(t,e)]}function S(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var B={exports:{}},T={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},A={exports:{}},V=function(t){return!(!t||"string"==typeof t)&&(t instanceof Array||Array.isArray(t)||t.length>=0&&(t.splice instanceof Function||Object.getOwnPropertyDescriptor(t,t.length-1)&&"String"!==t.constructor.name))},L=Array.prototype.concat,R=Array.prototype.slice,D=A.exports=function(t){for(var e=[],n=0,o=t.length;n=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},N.to.keyword=function(t){return $[t.slice(0,3)]};var H=B.exports;const W=T,q={};for(const dd of Object.keys(W))q[W[dd]]=dd;const _={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var X=_;for(const dd of Object.keys(_)){if(!("channels"in _[dd]))throw new Error("missing channels property: "+dd);if(!("labels"in _[dd]))throw new Error("missing channel labels property: "+dd);if(_[dd].labels.length!==_[dd].channels)throw new Error("channel and label counts mismatch: "+dd);const{channels:t,labels:e}=_[dd];delete _[dd].channels,delete _[dd].labels,Object.defineProperty(_[dd],"channels",{value:t}),Object.defineProperty(_[dd],"labels",{value:e})}function Y(t,e){return(t[0]-e[0])**2+(t[1]-e[1])**2+(t[2]-e[2])**2}_.rgb.hsl=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.min(e,n,o),i=Math.max(e,n,o),s=i-r;let a,l;i===r?a=0:e===i?a=(n-o)/s:n===i?a=2+(o-e)/s:o===i&&(a=4+(e-n)/s),a=Math.min(60*a,360),a<0&&(a+=360);const u=(r+i)/2;return l=i===r?0:u<=.5?s/(i+r):s/(2-i-r),[a,100*l,100*u]},_.rgb.hsv=function(t){let e,n,o,r,i;const s=t[0]/255,a=t[1]/255,l=t[2]/255,u=Math.max(s,a,l),c=u-Math.min(s,a,l),d=function(t){return(u-t)/6/c+.5};return 0===c?(r=0,i=0):(i=c/u,e=d(s),n=d(a),o=d(l),s===u?r=o-n:a===u?r=1/3+e-o:l===u&&(r=2/3+n-e),r<0?r+=1:r>1&&(r-=1)),[360*r,100*i,100*u]},_.rgb.hwb=function(t){const e=t[0],n=t[1];let o=t[2];const r=_.rgb.hsl(t)[0],i=1/255*Math.min(e,Math.min(n,o));return o=1-1/255*Math.max(e,Math.max(n,o)),[r,100*i,100*o]},_.rgb.cmyk=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.min(1-e,1-n,1-o);return[100*((1-e-r)/(1-r)||0),100*((1-n-r)/(1-r)||0),100*((1-o-r)/(1-r)||0),100*r]},_.rgb.keyword=function(t){const e=q[t];if(e)return e;let n,o=1/0;for(const r of Object.keys(W)){const e=Y(t,W[r]);e.04045?((e+.055)/1.055)**2.4:e/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,o=o>.04045?((o+.055)/1.055)**2.4:o/12.92;return[100*(.4124*e+.3576*n+.1805*o),100*(.2126*e+.7152*n+.0722*o),100*(.0193*e+.1192*n+.9505*o)]},_.rgb.lab=function(t){const e=_.rgb.xyz(t);let n=e[0],o=e[1],r=e[2];n/=95.047,o/=100,r/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,o=o>.008856?o**(1/3):7.787*o+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;return[116*o-16,500*(n-o),200*(o-r)]},_.hsl.rgb=function(t){const e=t[0]/360,n=t[1]/100,o=t[2]/100;let r,i,s;if(0===n)return s=255*o,[s,s,s];r=o<.5?o*(1+n):o+n-o*n;const a=2*o-r,l=[0,0,0];for(let u=0;u<3;u++)i=e+1/3*-(u-1),i<0&&i++,i>1&&i--,s=6*i<1?a+6*(r-a)*i:2*i<1?r:3*i<2?a+(r-a)*(2/3-i)*6:a,l[u]=255*s;return l},_.hsl.hsv=function(t){const e=t[0];let n=t[1]/100,o=t[2]/100,r=n;const i=Math.max(o,.01);o*=2,n*=o<=1?o:2-o,r*=i<=1?i:2-i;return[e,100*(0===o?2*r/(i+r):2*n/(o+n)),100*((o+n)/2)]},_.hsv.rgb=function(t){const e=t[0]/60,n=t[1]/100;let o=t[2]/100;const r=Math.floor(e)%6,i=e-Math.floor(e),s=255*o*(1-n),a=255*o*(1-n*i),l=255*o*(1-n*(1-i));switch(o*=255,r){case 0:return[o,l,s];case 1:return[a,o,s];case 2:return[s,o,l];case 3:return[s,a,o];case 4:return[l,s,o];case 5:return[o,s,a]}},_.hsv.hsl=function(t){const e=t[0],n=t[1]/100,o=t[2]/100,r=Math.max(o,.01);let i,s;s=(2-n)*o;const a=(2-n)*r;return i=n*r,i/=a<=1?a:2-a,i=i||0,s/=2,[e,100*i,100*s]},_.hwb.rgb=function(t){const e=t[0]/360;let n=t[1]/100,o=t[2]/100;const r=n+o;let i;r>1&&(n/=r,o/=r);const s=Math.floor(6*e),a=1-o;i=6*e-s,1&s&&(i=1-i);const l=n+i*(a-n);let u,c,d;switch(s){default:case 6:case 0:u=a,c=l,d=n;break;case 1:u=l,c=a,d=n;break;case 2:u=n,c=a,d=l;break;case 3:u=n,c=l,d=a;break;case 4:u=l,c=n,d=a;break;case 5:u=a,c=n,d=l}return[255*u,255*c,255*d]},_.cmyk.rgb=function(t){const e=t[0]/100,n=t[1]/100,o=t[2]/100,r=t[3]/100;return[255*(1-Math.min(1,e*(1-r)+r)),255*(1-Math.min(1,n*(1-r)+r)),255*(1-Math.min(1,o*(1-r)+r))]},_.xyz.rgb=function(t){const e=t[0]/100,n=t[1]/100,o=t[2]/100;let r,i,s;return r=3.2406*e+-1.5372*n+-.4986*o,i=-.9689*e+1.8758*n+.0415*o,s=.0557*e+-.204*n+1.057*o,r=r>.0031308?1.055*r**(1/2.4)-.055:12.92*r,i=i>.0031308?1.055*i**(1/2.4)-.055:12.92*i,s=s>.0031308?1.055*s**(1/2.4)-.055:12.92*s,r=Math.min(Math.max(0,r),1),i=Math.min(Math.max(0,i),1),s=Math.min(Math.max(0,s),1),[255*r,255*i,255*s]},_.xyz.lab=function(t){let e=t[0],n=t[1],o=t[2];e/=95.047,n/=100,o/=108.883,e=e>.008856?e**(1/3):7.787*e+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;return[116*n-16,500*(e-n),200*(n-o)]},_.lab.xyz=function(t){let e,n,o;n=(t[0]+16)/116,e=t[1]/500+n,o=n-t[2]/200;const r=n**3,i=e**3,s=o**3;return n=r>.008856?r:(n-16/116)/7.787,e=i>.008856?i:(e-16/116)/7.787,o=s>.008856?s:(o-16/116)/7.787,e*=95.047,n*=100,o*=108.883,[e,n,o]},_.lab.lch=function(t){const e=t[0],n=t[1],o=t[2];let r;r=360*Math.atan2(o,n)/2/Math.PI,r<0&&(r+=360);return[e,Math.sqrt(n*n+o*o),r]},_.lch.lab=function(t){const e=t[0],n=t[1],o=t[2]/360*2*Math.PI;return[e,n*Math.cos(o),n*Math.sin(o)]},_.rgb.ansi16=function(t,e){void 0===e&&(e=null);const[n,o,r]=t;let i=null===e?_.rgb.hsv(t)[2]:e;if(i=Math.round(i/50),0===i)return 30;let s=30+(Math.round(r/255)<<2|Math.round(o/255)<<1|Math.round(n/255));return 2===i&&(s+=60),s},_.hsv.ansi16=function(t){return _.rgb.ansi16(_.hsv.rgb(t),t[2])},_.rgb.ansi256=function(t){const e=t[0],n=t[1],o=t[2];return e===n&&n===o?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(n/255*5)+Math.round(o/255*5)},_.ansi16.rgb=function(t){let e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),e=e/10.5*255,[e,e,e];const n=.5*(1+~~(t>50));return[(1&e)*n*255,(e>>1&1)*n*255,(e>>2&1)*n*255]},_.ansi256.rgb=function(t){if(t>=232){const e=10*(t-232)+8;return[e,e,e]}let e;t-=16;return[Math.floor(t/36)/5*255,Math.floor((e=t%36)/6)/5*255,e%6/5*255]},_.rgb.hex=function(t){const e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},_.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];let n=e[0];3===e[0].length&&(n=n.split("").map((t=>t+t)).join(""));const o=parseInt(n,16);return[o>>16&255,o>>8&255,255&o]},_.rgb.hcg=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.max(Math.max(e,n),o),i=Math.min(Math.min(e,n),o),s=r-i;let a,l;return a=s<1?i/(1-s):0,l=s<=0?0:r===e?(n-o)/s%6:r===n?2+(o-e)/s:4+(e-n)/s,l/=6,l%=1,[360*l,100*s,100*a]},_.hsl.hcg=function(t){const e=t[1]/100,n=t[2]/100,o=n<.5?2*e*n:2*e*(1-n);let r=0;return o<1&&(r=(n-.5*o)/(1-o)),[t[0],100*o,100*r]},_.hsv.hcg=function(t){const e=t[1]/100,n=t[2]/100,o=e*n;let r=0;return o<1&&(r=(n-o)/(1-o)),[t[0],100*o,100*r]},_.hcg.rgb=function(t){const e=t[0]/360,n=t[1]/100,o=t[2]/100;if(0===n)return[255*o,255*o,255*o];const r=[0,0,0],i=e%1*6,s=i%1,a=1-s;let l=0;switch(Math.floor(i)){case 0:r[0]=1,r[1]=s,r[2]=0;break;case 1:r[0]=a,r[1]=1,r[2]=0;break;case 2:r[0]=0,r[1]=1,r[2]=s;break;case 3:r[0]=0,r[1]=a,r[2]=1;break;case 4:r[0]=s,r[1]=0,r[2]=1;break;default:r[0]=1,r[1]=0,r[2]=a}return l=(1-n)*o,[255*(n*r[0]+l),255*(n*r[1]+l),255*(n*r[2]+l)]},_.hcg.hsv=function(t){const e=t[1]/100,n=e+t[2]/100*(1-e);let o=0;return n>0&&(o=e/n),[t[0],100*o,100*n]},_.hcg.hsl=function(t){const e=t[1]/100,n=t[2]/100*(1-e)+.5*e;let o=0;return n>0&&n<.5?o=e/(2*n):n>=.5&&n<1&&(o=e/(2*(1-n))),[t[0],100*o,100*n]},_.hcg.hwb=function(t){const e=t[1]/100,n=e+t[2]/100*(1-e);return[t[0],100*(n-e),100*(1-n)]},_.hwb.hcg=function(t){const e=t[1]/100,n=1-t[2]/100,o=n-e;let r=0;return o<1&&(r=(n-o)/(1-o)),[t[0],100*o,100*r]},_.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},_.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},_.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},_.gray.hsl=function(t){return[0,0,t[0]]},_.gray.hsv=_.gray.hsl,_.gray.hwb=function(t){return[0,100,t[0]]},_.gray.cmyk=function(t){return[0,0,0,t[0]]},_.gray.lab=function(t){return[t[0],0,0]},_.gray.hex=function(t){const e=255&Math.round(t[0]/100*255),n=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(n.length)+n},_.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]};const G=X;function K(t){const e=function(){const t={},e=Object.keys(G);for(let n=e.length,o=0;o{nt[t]={},Object.defineProperty(nt[t],"channels",{value:tt[t].channels}),Object.defineProperty(nt[t],"labels",{value:tt[t].labels});const e=et(t);Object.keys(e).forEach((n=>{const o=e[n];nt[t][n]=function(t){const e=function(){for(var e=arguments.length,n=new Array(e),o=0;o1&&(n=r);const i=t(n);if("object"==typeof i)for(let t=i.length,s=0;s1&&(n=r),t(n))};return"conversion"in t&&(e.conversion=t.conversion),e}(o)}))}));const ot=H,rt=nt,it=["keyword","gray","hex"],st={};for(const dd of Object.keys(rt))st[[...rt[dd].labels].sort().join("")]=dd;const at={};function lt(t,e){if(!(this instanceof lt))return new lt(t,e);if(e&&e in it&&(e=null),e&&!(e in rt))throw new Error("Unknown model: "+e);let n,o;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof lt)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if("string"==typeof t){const e=ot.get(t);if(null===e)throw new Error("Unable to parse color from string: "+t);this.model=e.model,o=rt[this.model].channels,this.color=e.value.slice(0,o),this.valpha="number"==typeof e.value[o]?e.value[o]:1}else if(t.length>0){this.model=e||"rgb",o=rt[this.model].channels;const n=Array.prototype.slice.call(t,0,o);this.color=pt(n,o),this.valpha="number"==typeof t[o]?t[o]:1}else if("number"==typeof t)this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;const e=Object.keys(t);"alpha"in t&&(e.splice(e.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);const o=e.sort().join("");if(!(o in st))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=st[o];const{labels:r}=rt[this.model],i=[];for(n=0;n(t%360+360)%360)),saturationl:ct("hsl",1,dt(100)),lightness:ct("hsl",2,dt(100)),saturationv:ct("hsv",1,dt(100)),value:ct("hsv",2,dt(100)),chroma:ct("hcg",1,dt(100)),gray:ct("hcg",2,dt(100)),white:ct("hwb",1,dt(100)),wblack:ct("hwb",2,dt(100)),cyan:ct("cmyk",0,dt(100)),magenta:ct("cmyk",1,dt(100)),yellow:ct("cmyk",2,dt(100)),black:ct("cmyk",3,dt(100)),x:ct("xyz",0,dt(95.047)),y:ct("xyz",1,dt(100)),z:ct("xyz",2,dt(108.833)),l:ct("lab",0,dt(100)),a:ct("lab",1),b:ct("lab",2),keyword(t){return void 0!==t?new lt(t):rt[this.model].keyword(this.color)},hex(t){return void 0!==t?new lt(t):ot.to.hex(this.rgb().round().color)},hexa(t){if(void 0!==t)return new lt(t);const e=this.rgb().round().color;let n=Math.round(255*this.valpha).toString(16).toUpperCase();return 1===n.length&&(n="0"+n),ot.to.hex(e)+n},rgbNumber(){const t=this.rgb().color;return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},luminosity(){const t=this.rgb().color,e=[];for(const[n,o]of t.entries()){const t=o/255;e[n]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity(),n=t.luminosity();return e>n?(e+.05)/(n+.05):(n+.05)/(e+.05)},level(t){const e=this.contrast(t);return e>=7?"AAA":e>=4.5?"AA":""},isDark(){const t=this.rgb().color;return(2126*t[0]+7152*t[1]+722*t[2])/1e4<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten(t){const e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken(t){const e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate(t){const e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate(t){const e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten(t){const e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken(t){const e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale(){const t=this.rgb().color,e=.3*t[0]+.59*t[1]+.11*t[2];return lt.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let n=e.color[0];return n=(n+t)%360,n=n<0?360+n:n,e.color[0]=n,e},mix(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);const n=t.rgb(),o=this.rgb(),r=void 0===e?.5:e,i=2*r-1,s=n.alpha()-o.alpha(),a=((i*s==-1?i:(i+s)/(1+i*s))+1)/2,l=1-a;return lt.rgb(a*n.red()+l*o.red(),a*n.green()+l*o.green(),a*n.blue()+l*o.blue(),n.alpha()*r+o.alpha()*(1-r))}};for(const dd of Object.keys(rt)){if(it.includes(dd))continue;const{channels:t}=rt[dd];lt.prototype[dd]=function(){for(var t=arguments.length,e=new Array(t),n=0;n0?new lt(e,dd):new lt([...ht(rt[this.model][dd].raw(this.color)),this.valpha],dd)},lt[dd]=function(){for(var e=arguments.length,n=new Array(e),o=0;o0?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),t.pause()):(t.paused||t.ended)&&(Dt.promise=t.play()))}function kt(t,e,n){return Math.min(Math.max(t,e),n)}function Et(t,e,n,o,r){function i(t){r&&t.preventDefault(),t.target&&function(t,e,n){const o=null==n?void 0:n.getBoundingClientRect();o&&e(t,o)}(t,e,n)}function s(){o(!1),r?(document.removeEventListener("touchmove",i),document.removeEventListener("touchend",s)):(document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",s))}i(t),t.stopPropagation(),r?(document.addEventListener("touchmove",i,{passive:!1}),document.addEventListener("touchend",s)):(document.addEventListener("mousemove",i),document.addEventListener("mouseup",s))}function Mt(t,e,n,o,r,i,s,a,l,u,c){if(l(!0),o&&o.current){let l=0;Bt(t)?l=t.touches[0].clientX:Tt(t)&&(l=t.clientX);const d=o.current.getBoundingClientRect(),[h,p,m]=function(t,e){const n=e.left-t.left,o=Math.abs(e.right-t.right);return[t.width-n-o,n,o]}(e,d),f=l-e.left;Pt(t,n,o,r,i,s,u,c);const g=kt(f-p,0,h)/o.current.clientWidth;if(i&&i.duration){const t=i.duration*g;i.currentTime=t,u(t)}a(g)}}function Pt(t,e,n,o,r,i,s,a){var l;if(e||!n||!n.current||!o)return;let u=0;Bt(t)?u=t.touches[0].clientX:Tt(t)&&(u=t.clientX);const c=n.current.getBoundingClientRect(),d=n.current.getBoundingClientRect().left-(null==o?void 0:o.getBoundingClientRect().left),h=(null==o?void 0:o.getBoundingClientRect().right)-n.current.getBoundingClientRect().right,p=u-c.left;let m=u-c.left-i/2;const f=(null==(l=n.current)?void 0:l.clientWidth)-i/2+h,g=n.current.clientWidth-i/2;p>f&&(m=f-i/2),m=kt(m,Math.max(-1*i/2,-1*d),g),a(m);const v=u-n.current.getBoundingClientRect().left;if(r&&r.duration){const t=kt(v/n.current.clientWidth,0,1);s(r.duration*t)}}function St(t){const e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),o=Math.floor(t-3600*e-60*n);let r="";return e>0&&(r+=`${e}:`),r+=n<10?`0${n}:`:`${n}:`,r+=o<10?`0${o}`:`${o}`,r}function Bt(t){return void 0!==t.touches}function Tt(t){return void 0!==t.clientX}function At(){return!(!("ontouchstart"in window)&&!navigator.maxTouchPoints)}function Vt(t){return mt(t).lighten(.3)}function Lt(t){let e,n,o;const r=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(t);if(r)e=parseInt(r[1],10),n=parseInt(r[2],10),o=parseInt(r[3],10);else{const r=document.createElement("div");r.style.color=t,document.body.appendChild(r);const i=getComputedStyle(r).color;document.body.removeChild(r);const s=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(i);s?(e=parseInt(s[1],10),n=parseInt(s[2],10),o=parseInt(s[3],10)):(e=parseInt(t.slice(1,3),16),n=parseInt(t.slice(3,5),16),o=parseInt(t.slice(5,7),16))}return(.299*e+.587*n+.114*o)/255>.5?"#000000":"#FFFFFF"}const Rt=Symbol(),Dt={promise:null},It=Symbol("draggable"),Ft=k(null),Ot=k(null);k(null,((t,e,n)=>{e(Ot,n)}));const jt=k({});var $t=(t=>(t[t.paused=0]="paused",t[t.playing=1]="playing",t[t.ended=2]="ended",t))($t||{});const Ut=k(!1),Nt=k(0),zt=k(0),Zt=k((t=>St(t(zt)))),Ht=k(0),Wt=k((t=>St(t(Ht)))),qt=k(1),_t=k("progressBar"),Xt=k(null),Yt=k(null),Gt=k(null),Kt=k(1080),Qt=new Set([144,240,360,480,720,1080,1440,2160]),Jt=k({2160:null,1440:null,1080:null,720:null,480:null,360:null,240:null,144:null}),te=k(!1),ee=k(null),ne=k({height:0,width:0}),oe=k({}),re=k([]),ie=k(0),se=k((t=>{const e=t(ie);return parseFloat((100*e).toFixed(1))+"%"})),ae=k(!1),le=k(0),ue=k(0),ce=k((t=>St(t(ue)))),de=k(0),he=k(null),pe=k(1),me=k((t=>{const e=t(pe);return parseFloat((100*e).toFixed(1))+"%"})),fe=k(!1),ge=k(!1);k(null),k(null);const ve=k(!1),ye=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],be=(()=>{if(typeof document>"u")return!1;const t=ye[0],e={};for(const n of ye)if((null==n?void 0:n[1])in document){for(const[o,r]of n.entries())e[t[o]]=r;return e}return!1})(),xe={change:be.fullscreenchange,error:be.fullscreenerror};let we={request:(t,e)=>(void 0===t&&(t=document.documentElement),new Promise(((n,o)=>{const r=()=>{we.off("change",r),n()};we.on("change",r);const i=t[be.requestFullscreen](e);i instanceof Promise&&i.then(r).catch(o)}))),exit:()=>new Promise(((t,e)=>{if(!we.isFullscreen)return void t();const n=()=>{we.off("change",n),t()};we.on("change",n);const o=document[be.exitFullscreen]();o instanceof Promise&&o.then(n).catch(e)})),toggle:(t,e)=>we.isFullscreen?we.exit():we.request(t,e),onchange(t){we.on("change",t)},onerror(t){we.on("error",t)},on(t,e){const n=xe[t];n&&document.addEventListener(n,e,!1)},off(t,e){const n=xe[t];n&&document.removeEventListener(n,e,!1)},raw:be};Object.defineProperties(we,{isFullscreen:{get:()=>!!document[be.fullscreenElement]},element:{enumerable:!0,get:()=>document[be.fullscreenElement]??void 0},isEnabled:{enumerable:!0,get:()=>!!document[be.fullscreenEnabled]}}),be||(we={isEnabled:!1});const Ce=we;function ke(t,e,n,r,i){(0,o.useEffect)((()=>{n?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),r(i),null==e||e.pause()):t===$t.paused||t===$t.ended?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),null==e||e.pause()):t===$t.playing&&(Dt.promise=(null==e?void 0:e.play())??null)}),[n])}function Ee(t,e,n,r){let i;const s=()=>{n(),clearTimeout(i),i=setTimeout((()=>{r()}),2500)};(0,o.useEffect)((()=>{if(e&&t)return t.addEventListener("mousemove",s),()=>{t.removeEventListener("mousemove",s),clearTimeout(i)}}),[t,e])}const Me=(t,e,n,r,i)=>{(0,o.useEffect)((()=>{var n;null!=i&&i.controlsBar&&!(null!=(n=null==i?void 0:i.controlsBar)&&n.barColor)&&(i.controlsBar.barColor="rgba(28, 28, 28, 0.7)"),t(i),e([i.item1,i.item2,i.item3,i.item4,i.item5,i.item6,i.item7])}),[i]),(0,o.useEffect)((()=>{n(r)}),[r])};var Pe,Se={exports:{}},Be={};Se.exports=function(){if(Pe)return Be;Pe=1;var t=o,e=Symbol.for("react.element"),n=Symbol.for("react.fragment"),r=Object.prototype.hasOwnProperty,i=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function a(t,n,o){var a,l={},u=null,c=null;for(a in void 0!==o&&(u=""+o),void 0!==n.key&&(u=""+n.key),void 0!==n.ref&&(c=n.ref),n)r.call(n,a)&&!s.hasOwnProperty(a)&&(l[a]=n[a]);if(t&&t.defaultProps)for(a in n=t.defaultProps)void 0===l[a]&&(l[a]=n[a]);return{$$typeof:e,type:t,key:u,ref:c,props:l,_owner:i.current}}return Be.Fragment=n,Be.jsx=a,Be.jsxs=a,Be}();var Te=Se.exports;const Ae=Te.jsx,Ve=Te.jsxs,Le=Te.Fragment;function Re(){const[t,e]=P(Ft,Rt),[n,r]=P(oe,Rt),i=M(Nt,Rt),s=M(qt,Rt),a=E(te,Rt),l=M(ie,Rt),u=M(pe,Rt),c=M(Ht,Rt),d=M(Ut,Rt),h=M(zt,Rt),p=M(fe,Rt),m=M(Kt,Rt),f=M(le,Rt),g=M(te,Rt),v=M(Yt,Rt),y=M(Xt,Rt),b=M(Gt,Rt),x=M(Jt,Rt),w=M(he,Rt),C=E(ae,Rt),k=E(ge,Rt),S=E(ve,Rt),B=E(jt,Rt),T=E(Ot,Rt),{playsInline:A,onClick:V,onPause:L,onPlay:R,onEnded:D,onTimeUpdate:I,onVolumeChange:F,onLoadedData:O,onLoadStart:j,onSeeking:$,onSeeked:U,preload:N,tabIndex:z,onDurationChange:Z,onProgress:H,onRateChange:W,children:q,..._}=B;(function(t,e){(0,o.useEffect)((()=>{if(t instanceof Object){const n={2160:null,1440:null,1080:null,720:null,480:null,360:null,240:null,144:null};if("props"in t&&"source"===t.type){const e=t.props.id;if(e){const o=parseInt(e.split("-")[1]);o in n&&(n[o]=t.props.src)}}else Array.isArray(t)&&t.filter((t=>"source"===t.type)).map((t=>t.props)).filter((t=>void 0!==t)).forEach((t=>{const e=t.id;if(e){const o=parseInt(e.split("-")[1]);o in n&&(n[o]=t.src)}}));e(n)}}),[t])})(q,x),function(t,e,n,r,i){(0,o.useEffect)((()=>{if(null!==e){const o=e.textTracks;if(t instanceof Object&&(!("props"in t)||"track"!==t.type)&&Array.isArray(t)){const e=t.filter((t=>"track"===t.type)).findIndex((t=>!0===t.props.default));-1!==e&&(o[e].mode="showing",i(o[e]))}o.onchange=t=>{const e=Array.from(t.target);i(e.find((t=>"showing"===t.mode))??null)};const s=[];for(let t=0;t{t.oncuechange=t=>{const e=t.target;if("showing"===e.mode){const t=e.activeCues?e.activeCues[0]:null;r(t)}}})),n(s)}}),[e])}(q,t,v,y,b),function(t,e){(0,o.useEffect)((()=>{if(null!==t){const n=t.textTracks;let o=null;for(let t=0;t{function n(t){const n=t.target;document.fullscreenElement===n&&e&&document.exitFullscreen().then((()=>{e.requestFullscreen()}))}return t&&t.addEventListener("fullscreenchange",n),()=>{t&&t.removeEventListener("fullscreenchange",n)}}),[t])}(t,T),Ee(t,S,(()=>g(!0)),(()=>g(!1)));function X(t){if(!a)return;const e=t.target;if(4===e.readyState){const t=e.buffered.length,n=t-1;if(t<=0)return;const o=e.buffered.end(n)/e.duration*100;f(o)}}return Ae(De,{..._,className:It.toString(),playsInline:A??!0,onClick:e=>{Ct(t),V&&V(e)},onPause:t=>{i($t.paused),L&&L(t)},onPlay:t=>{i($t.playing),R&&R(t)},onEnded:t=>{i($t.ended),D&&D(t)},onLoadedData:t=>{e(t.target),m(function(t,e){const n=t.target.currentSrc;if(e instanceof Object){if("props"in e&&"source"===e.type){const t=e.props.id;if(t){const o=parseInt(t.split("-")[1]);if(Qt.has(o)&&e.props.src===n)return o}}else if(Array.isArray(e)){const t=e.filter((t=>"source"===t.type)).map((t=>t.props)).filter((t=>void 0!==t)).map((t=>{if(t.id){const e=parseInt(t.id.split("-")[1]);if(Qt.has(e)&&t.src===n)return e}})).filter((t=>void 0!==t));if(1===t.length)return t[0]}return 1080}return 1080}(t,q)),O&&O(t)},onLoadStart:t=>{e(t.target),r({...n}),j&&j(t)},onVolumeChange:t=>{u(t.target.volume),p(t.target.muted),F&&F(t)},onSeeking:t=>{d(!0),$&&$(t)},onSeeked:t=>{d(!1),X(t),U&&U(t)},onTimeUpdate:t=>{(function(t){const e=t.target;l(e.currentTime/e.duration),h(e.currentTime)})(t),I&&I(t)},onProgress:t=>{X(t),H&&H(t)},onDurationChange:t=>{c(t.target.duration),Z&&Z(t)},onRateChange:t=>{s(t.target.playbackRate),W&&W(t)},preload:N??"metadata",tabIndex:z??-1,"data-cy":"HTMLVideoPlayer",isDragging:C||k,children:q})}const De=r.ZP.video` - width: 100%; - height: 100%; - background-color: black; - ::cue { - visibility: hidden; - background-color: transparent; - display: none; - opacity: 0; - text-shadow: 0; - } - cursor: ${t=>t.isDragging?"vertical"===t.isDragging?"row-resize":"col-resize":"pointer"}; -`,Ie=(0,o.createContext)({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),Fe=(0,o.createContext)({});const Oe=(0,o.createContext)(null),je=typeof document<"u",$e=je?o.useLayoutEffect:o.useEffect,Ue=(0,o.createContext)({strict:!1});function Ne(t,e,n,r){const i=(0,o.useContext)(Fe).visualElement,s=(0,o.useContext)(Ue),a=(0,o.useContext)(Oe),l=(0,o.useContext)(Ie).reducedMotion,u=(0,o.useRef)();r=r||s.renderer,!u.current&&r&&(u.current=r(t,{visualState:e,parent:i,props:n,presenceId:a?a.id:void 0,blockInitialAnimation:!!a&&!1===a.initial,reducedMotionConfig:l}));const c=u.current;return $e((()=>{c&&c.render()})),(window.HandoffAppearAnimations?$e:o.useEffect)((()=>{c&&c.animationState&&c.animationState.animateChanges()})),c}function ze(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function Ze(t){return"string"==typeof t||Array.isArray(t)}function He(t){return"object"==typeof t&&"function"==typeof t.start}const We=["initial","animate","exit","whileHover","whileDrag","whileTap","whileFocus","whileInView"];function qe(t){return He(t.animate)||We.some((e=>Ze(t[e])))}function _e(t){return!(!qe(t)&&!t.variants)}function Xe(t){const{initial:e,animate:n}=function(t,e){if(qe(t)){const{initial:e,animate:n}=t;return{initial:!1===e||Ze(e)?e:void 0,animate:Ze(n)?n:void 0}}return!1!==t.inherit?e:{}}(t,(0,o.useContext)(Fe));return(0,o.useMemo)((()=>({initial:e,animate:n})),[Ye(e),Ye(n)])}function Ye(t){return Array.isArray(t)?t.join(" "):t}const Ge=t=>({isEnabled:e=>t.some((t=>!!e[t]))}),Ke={measureLayout:Ge(["layout","layoutId","drag"]),animation:Ge(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:Ge(["exit"]),drag:Ge(["drag","dragControls"]),focus:Ge(["whileFocus"]),hover:Ge(["whileHover","onHoverStart","onHoverEnd"]),tap:Ge(["whileTap","onTap","onTapStart","onTapCancel"]),pan:Ge(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:Ge(["whileInView","onViewportEnter","onViewportLeave"])};function Qe(t){const e=(0,o.useRef)(null);return null===e.current&&(e.current=t()),e.current}const Je={hasAnimatedSinceResize:!0,hasEverUpdated:!1};let tn=1;const en=(0,o.createContext)({});class nn extends o.Component{getSnapshotBeforeUpdate(){const{visualElement:t,props:e}=this.props;return t&&t.setProps(e),null}componentDidUpdate(){}render(){return this.props.children}}const on=(0,o.createContext)({}),rn=Symbol.for("motionComponentSymbol");function sn(t){let{preloadedFeatures:e,createVisualElement:n,projectionNodeConstructor:r,useRender:i,useVisualState:s,Component:a}=t;function l(t,l){const u={...(0,o.useContext)(Ie),...t,layoutId:an(t)},{isStatic:c}=u;let d=null;const h=Xe(t),p=c?void 0:Qe((()=>{if(Je.hasEverUpdated)return tn++})),m=s(t,c);if(!c&&je){h.visualElement=Ne(a,m,u,n);const t=(0,o.useContext)(Ue).strict,i=(0,o.useContext)(on);h.visualElement&&(d=h.visualElement.loadFeatures(u,t,e,p,r||Ke.projectionNodeConstructor,i))}return o.createElement(nn,{visualElement:h.visualElement,props:u},d,o.createElement(Fe.Provider,{value:h},i(a,t,p,function(t,e,n){return(0,o.useCallback)((o=>{o&&t.mount&&t.mount(o),e&&(o?e.mount(o):e.unmount()),n&&("function"==typeof n?n(o):ze(n)&&(n.current=o))}),[e])}(m,h.visualElement,l),m,c,h.visualElement)))}e&&function(t){for(const e in t)"projectionNodeConstructor"===e?Ke.projectionNodeConstructor=t[e]:Ke[e].Component=t[e]}(e);const u=(0,o.forwardRef)(l);return u[rn]=a,u}function an(t){let{layoutId:e}=t;const n=(0,o.useContext)(en).id;return n&&void 0!==e?n+"-"+e:e}function ln(t){function e(e,n){return void 0===n&&(n={}),sn(t(e,n))}if(typeof Proxy>"u")return e;const n=new Map;return new Proxy(e,{get:(t,o)=>(n.has(o)||n.set(o,e(o)),n.get(o))})}const un=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function cn(t){return"string"==typeof t&&!t.includes("-")&&!!(un.indexOf(t)>-1||/[A-Z]/.test(t))}const dn={};const hn=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],pn=new Set(hn);function mn(t,e){let{layout:n,layoutId:o}=e;return pn.has(t)||t.startsWith("origin")||(n||void 0!==o)&&(!!dn[t]||"opacity"===t)}const fn=t=>!(null==t||!t.getVelocity),gn={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},vn=(t,e)=>hn.indexOf(t)-hn.indexOf(e);function yn(t){return t.startsWith("--")}const bn=(t,e)=>e&&"number"==typeof t?e.transform(t):t,xn=(t,e,n)=>Math.min(Math.max(n,t),e),wn={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},Cn={...wn,transform:t=>xn(0,1,t)},kn={...wn,default:1},En=t=>Math.round(1e5*t)/1e5,Mn=/(-)?([\d]*\.?[\d])+/g,Pn=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,Sn=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function Bn(t){return"string"==typeof t}const Tn=t=>({test:e=>Bn(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),An=Tn("deg"),Vn=Tn("%"),Ln=Tn("px"),Rn=Tn("vh"),Dn=Tn("vw"),In={...Vn,parse:t=>Vn.parse(t)/100,transform:t=>Vn.transform(100*t)},Fn={...wn,transform:Math.round},On={borderWidth:Ln,borderTopWidth:Ln,borderRightWidth:Ln,borderBottomWidth:Ln,borderLeftWidth:Ln,borderRadius:Ln,radius:Ln,borderTopLeftRadius:Ln,borderTopRightRadius:Ln,borderBottomRightRadius:Ln,borderBottomLeftRadius:Ln,width:Ln,maxWidth:Ln,height:Ln,maxHeight:Ln,size:Ln,top:Ln,right:Ln,bottom:Ln,left:Ln,padding:Ln,paddingTop:Ln,paddingRight:Ln,paddingBottom:Ln,paddingLeft:Ln,margin:Ln,marginTop:Ln,marginRight:Ln,marginBottom:Ln,marginLeft:Ln,rotate:An,rotateX:An,rotateY:An,rotateZ:An,scale:kn,scaleX:kn,scaleY:kn,scaleZ:kn,skew:An,skewX:An,skewY:An,distance:Ln,translateX:Ln,translateY:Ln,translateZ:Ln,x:Ln,y:Ln,z:Ln,perspective:Ln,transformPerspective:Ln,opacity:Cn,originX:In,originY:In,originZ:Ln,zIndex:Fn,fillOpacity:Cn,strokeOpacity:Cn,numOctaves:Fn};function jn(t,e,n,o){const{style:r,vars:i,transform:s,transformKeys:a,transformOrigin:l}=t;a.length=0;let u=!1,c=!1,d=!0;for(const h in e){const t=e[h];if(yn(h)){i[h]=t;continue}const n=On[h],o=bn(t,n);if(pn.has(h)){if(u=!0,s[h]=o,a.push(h),!d)continue;t!==(n.default||0)&&(d=!1)}else h.startsWith("origin")?(c=!0,l[h]=o):r[h]=o}if(e.transform||(u||o?r.transform=function(t,e,n,o){let{transform:r,transformKeys:i}=t,{enableHardwareAcceleration:s=!0,allowTransformNone:a=!0}=e,l="";i.sort(vn);for(const u of i)l+=`${gn[u]||u}(${r[u]}) `;return s&&!r.z&&(l+="translateZ(0)"),l=l.trim(),o?l=o(r,n?"":l):a&&n&&(l="none"),l}(t,n,d,o):r.transform&&(r.transform="none")),c){const{originX:t="50%",originY:e="50%",originZ:n=0}=l;r.transformOrigin=`${t} ${e} ${n}`}}const $n=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}});function Un(t,e,n){for(const o in e)!fn(e[o])&&!mn(o,n)&&(t[o]=e[o])}function Nn(t,e,n){const r={};return Un(r,t.style||{},t),Object.assign(r,function(t,e,n){let{transformTemplate:r}=t;return(0,o.useMemo)((()=>{const t=$n();return jn(t,e,{enableHardwareAcceleration:!n},r),Object.assign({},t.vars,t.style)}),[e])}(t,e,n)),t.transformValues?t.transformValues(r):r}function zn(t,e,n){const o={},r=Nn(t,e,n);return t.drag&&!1!==t.dragListener&&(o.draggable=!1,r.userSelect=r.WebkitUserSelect=r.WebkitTouchCallout="none",r.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),o.style=r,o}const Zn=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","viewport"]);function Hn(t){return t.startsWith("while")||t.startsWith("drag")&&"draggable"!==t||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||Zn.has(t)}let Wn=t=>!Hn(t);try{(qn=n(9138).Z)&&(Wn=t=>t.startsWith("on")?!Hn(t):qn(t))}catch{}var qn;function _n(t,e,n){const o={};for(const r in t)"values"===r&&"object"==typeof t.values||(Wn(r)||!0===n&&Hn(r)||!e&&!Hn(r)||t.draggable&&r.startsWith("onDrag"))&&(o[r]=t[r]);return o}function Xn(t,e,n){return"string"==typeof t?t:Ln.transform(e+n*t)}const Yn={offset:"stroke-dashoffset",array:"stroke-dasharray"},Gn={offset:"strokeDashoffset",array:"strokeDasharray"};function Kn(t,e,n,o,r){let{attrX:i,attrY:s,originX:a,originY:l,pathLength:u,pathSpacing:c=1,pathOffset:d=0,...h}=e;if(jn(t,h,n,r),o)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:p,style:m,dimensions:f}=t;p.transform&&(f&&(m.transform=p.transform),delete p.transform),f&&(void 0!==a||void 0!==l||m.transform)&&(m.transformOrigin=function(t,e,n){return`${Xn(e,t.x,t.width)} ${Xn(n,t.y,t.height)}`}(f,void 0!==a?a:.5,void 0!==l?l:.5)),void 0!==i&&(p.x=i),void 0!==s&&(p.y=s),void 0!==u&&function(t,e,n,o,r){void 0===n&&(n=1),void 0===o&&(o=0),void 0===r&&(r=!0),t.pathLength=1;const i=r?Yn:Gn;t[i.offset]=Ln.transform(-o);const s=Ln.transform(e),a=Ln.transform(n);t[i.array]=`${s} ${a}`}(p,u,c,d,!1)}const Qn=()=>({...$n(),attrs:{}}),Jn=t=>"string"==typeof t&&"svg"===t.toLowerCase();function to(t,e,n,r){const i=(0,o.useMemo)((()=>{const n=Qn();return Kn(n,e,{enableHardwareAcceleration:!1},Jn(r),t.transformTemplate),{...n.attrs,style:{...n.style}}}),[e]);if(t.style){const e={};Un(e,t.style,t),i.style={...e,...i.style}}return i}function eo(t){return void 0===t&&(t=!1),(e,n,r,i,s,a)=>{let{latestValues:l}=s;const u=(cn(e)?to:zn)(n,l,a,e),c={..._n(n,"string"==typeof e,t),...u,ref:i},{children:d}=n,h=(0,o.useMemo)((()=>fn(d)?d.get():d),[d]);return r&&(c["data-projection-id"]=r),(0,o.createElement)(e,{...c,children:h})}}const no=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();function oo(t,e,n,o){let{style:r,vars:i}=e;Object.assign(t.style,r,o&&o.getProjectionStyles(n));for(const s in i)t.style.setProperty(s,i[s])}const ro=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function io(t,e,n,o){oo(t,e,void 0,o);for(const r in e.attrs)t.setAttribute(ro.has(r)?r:no(r),e.attrs[r])}function so(t,e){const{style:n}=t,o={};for(const r in n)(fn(n[r])||e.style&&fn(e.style[r])||mn(r,t))&&(o[r]=n[r]);return o}function ao(t,e){const n=so(t,e);for(const o in t)if(fn(t[o])||fn(e[o])){n["x"===o||"y"===o?"attr"+o.toUpperCase():o]=t[o]}return n}function lo(t,e,n,o,r){return void 0===o&&(o={}),void 0===r&&(r={}),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,o,r)),"string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,o,r)),e}const uo=t=>Array.isArray(t),co=t=>!!(t&&"object"==typeof t&&t.mix&&t.toValue),ho=t=>uo(t)?t[t.length-1]||0:t;function po(t){const e=fn(t)?t.get():t;return co(e)?e.toValue():e}const mo=t=>(e,n)=>{const r=(0,o.useContext)(Fe),i=(0,o.useContext)(Oe),s=()=>function(t,e,n,o){let{scrapeMotionValuesFromProps:r,createRenderState:i,onMount:s}=t;const a={latestValues:fo(e,n,o,r),renderState:i()};return s&&(a.mount=t=>s(e,t,a)),a}(t,e,r,i);return n?s():Qe(s)};function fo(t,e,n,o){const r={},i=o(t,{});for(const h in i)r[h]=po(i[h]);let{initial:s,animate:a}=t;const l=qe(t),u=_e(t);e&&u&&!l&&!1!==t.inherit&&(void 0===s&&(s=e.initial),void 0===a&&(a=e.animate));let c=!!n&&!1===n.initial;c=c||!1===s;const d=c?a:s;return d&&"boolean"!=typeof d&&!He(d)&&(Array.isArray(d)?d:[d]).forEach((e=>{const n=lo(t,e);if(!n)return;const{transitionEnd:o,transition:i,...s}=n;for(const t in s){let e=s[t];if(Array.isArray(e)){e=e[c?e.length-1:0]}null!==e&&(r[t]=e)}for(const t in o)r[t]=o[t]})),r}const go={useVisualState:mo({scrapeMotionValuesFromProps:ao,createRenderState:Qn,onMount:(t,e,n)=>{let{renderState:o,latestValues:r}=n;try{o.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch{o.dimensions={x:0,y:0,width:0,height:0}}Kn(o,r,{enableHardwareAcceleration:!1},Jn(e.tagName),t.transformTemplate),io(e,o)}})},vo={useVisualState:mo({scrapeMotionValuesFromProps:so,createRenderState:$n})};var yo;function bo(t,e,n,o){return void 0===o&&(o={passive:!0}),t.addEventListener(e,n,o),()=>t.removeEventListener(e,n)}function xo(t,e,n,r){(0,o.useEffect)((()=>{const o=t.current;if(n&&o)return bo(o,e,n,r)}),[t,e,n,r])}!function(t){t.Animate="animate",t.Hover="whileHover",t.Tap="whileTap",t.Drag="whileDrag",t.Focus="whileFocus",t.InView="whileInView",t.Exit="exit"}(yo||(yo={}));const wo=t=>"mouse"===t.pointerType?"number"!=typeof t.button||t.button<=0:!1!==t.isPrimary;function Co(t,e){return void 0===e&&(e="page"),{point:{x:t[e+"X"],y:t[e+"Y"]}}}const ko=t=>e=>wo(e)&&t(e,Co(e));function Eo(t,e,n,o){return bo(t,e,ko(n),o)}function Mo(t,e,n,o){return xo(t,e,n&&ko(n),o)}function Po(t){let e=null;return()=>null===e&&(e=t,()=>{e=null})}const So=Po("dragHorizontal"),Bo=Po("dragVertical");function To(t){let e=!1;if("y"===t)e=Bo();else if("x"===t)e=So();else{const t=So(),n=Bo();t&&n?e=()=>{t(),n()}:(t&&t(),n&&n())}return e}function Ao(){const t=To(!0);return!t||(t(),!1)}function Vo(t,e,n,o){return(r,i)=>{"touch"===r.type||Ao()||(n&&t.animationState&&t.animationState.setActive(yo.Hover,e),o&&o(r,i))}}const Lo=(t,e)=>!!e&&(t===e||Lo(t,e.parentElement));function Ro(t){return(0,o.useEffect)((()=>()=>t()),[])}const Do=(t,e)=>n=>e(t(n)),Io=function(){for(var t=arguments.length,e=new Array(t),n=0;n{const e=Fo.get(t.target);e&&e(t)},$o=t=>{t.forEach(jo)};function Uo(t,e,n){const o=function(t){let{root:e,...n}=t;const o=e||document;Oo.has(o)||Oo.set(o,{});const r=Oo.get(o),i=JSON.stringify(n);return r[i]||(r[i]=new IntersectionObserver($o,{root:e,...n})),r[i]}(e);return Fo.set(t,n),o.observe(t),()=>{Fo.delete(t),o.unobserve(t)}}const No={some:0,all:1};function zo(t,e,n,r){let{root:i,margin:s,amount:a="some",once:l}=r;(0,o.useEffect)((()=>{if(!t||!n.current)return;const o={root:null==i?void 0:i.current,rootMargin:s,threshold:"number"==typeof a?a:No[a]};return Uo(n.current,o,(t=>{const{isIntersecting:o}=t;if(e.isInView===o||(e.isInView=o,l&&!o&&e.hasEnteredView))return;o&&(e.hasEnteredView=!0),n.animationState&&n.animationState.setActive(yo.InView,o);const r=n.getProps(),i=o?r.onViewportEnter:r.onViewportLeave;i&&i(t)}))}),[t,i,s,a])}function Zo(t,e,n,r){let{fallback:i=!0}=r;(0,o.useEffect)((()=>{!t||!i||requestAnimationFrame((()=>{e.hasEnteredView=!0;const{onViewportEnter:t}=n.getProps();t&&t(null),n.animationState&&n.animationState.setActive(yo.InView,!0)}))}),[t])}const Ho=t=>e=>(t(e),null),Wo={inView:Ho((function(t){let{visualElement:e,whileInView:n,onViewportEnter:r,onViewportLeave:i,viewport:s={}}=t;const a=(0,o.useRef)({hasEnteredView:!1,isInView:!1});let l=!!(n||r||i);s.once&&a.current.hasEnteredView&&(l=!1),(typeof IntersectionObserver>"u"?Zo:zo)(l,a.current,e,s)})),tap:Ho((function(t){let{onTap:e,onTapStart:n,onTapCancel:r,whileTap:i,visualElement:s,...a}=t;const l=e||n||r||i,u=(0,o.useRef)(!1),c=(0,o.useRef)(null),d={passive:!(n||e||r||a.onPointerDown)};function h(){c.current&&c.current(),c.current=null}function p(){return h(),u.current=!1,s.getProps().whileTap&&s.animationState&&s.animationState.setActive(yo.Tap,!1),!Ao()}function m(t,e){var n,o,r,i;p()&&(Lo(s.current,t.target)?null===(i=(r=s.getProps()).onTap)||void 0===i||i.call(r,t,e):null===(o=(n=s.getProps()).onTapCancel)||void 0===o||o.call(n,t,e))}function f(t,e){var n,o;p()&&(null===(o=(n=s.getProps()).onTapCancel)||void 0===o||o.call(n,t,e))}const g=(0,o.useCallback)(((t,e)=>{var n;if(h(),u.current)return;u.current=!0,c.current=Io(Eo(window,"pointerup",m,d),Eo(window,"pointercancel",f,d));const o=s.getProps();o.whileTap&&s.animationState&&s.animationState.setActive(yo.Tap,!0),null===(n=o.onTapStart)||void 0===n||n.call(o,t,e)}),[!!n,s]);Mo(s,"pointerdown",l?g:void 0,d),Ro(h)})),focus:Ho((function(t){let{whileFocus:e,visualElement:n}=t;const{animationState:r}=n,i=(0,o.useCallback)((()=>{r&&r.setActive(yo.Focus,!0)}),[r]),s=(0,o.useCallback)((()=>{r&&r.setActive(yo.Focus,!1)}),[r]);xo(n,"focus",e?i:void 0),xo(n,"blur",e?s:void 0)})),hover:Ho((function(t){let{onHoverStart:e,onHoverEnd:n,whileHover:r,visualElement:i}=t;Mo(i,"pointerenter",(0,o.useMemo)((()=>e||r?Vo(i,!0,!!r,e):void 0),[e,!!r,i]),{passive:!e}),Mo(i,"pointerleave",(0,o.useMemo)((()=>n||r?Vo(i,!1,!!r,n):void 0),[e,!!r,i]),{passive:!n})}))};function qo(){const t=(0,o.useContext)(Oe);if(null===t)return[!0,null];const{isPresent:e,onExitComplete:n,register:r}=t,i=(0,o.useId)();return(0,o.useEffect)((()=>r(i)),[]),!e&&n?[!1,()=>n&&n(i)]:[!0]}function _o(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let o=0;o/^\-?\d*\.?\d+$/.test(t),Yo=t=>/^0[^.\s]+$/.test(t),Go={delta:0,timestamp:0},Ko=1/60*1e3,Qo=typeof performance<"u"?()=>performance.now():()=>Date.now(),Jo=typeof window<"u"?t=>window.requestAnimationFrame(t):t=>setTimeout((()=>t(Qo())),Ko);let tr=!0,er=!1,nr=!1;const or=["read","update","preRender","render","postRender"],rr=or.reduce(((t,e)=>(t[e]=function(t){let e=[],n=[],o=0,r=!1,i=!1;const s=new WeakSet,a={schedule:function(t,i,a){void 0===i&&(i=!1),void 0===a&&(a=!1);const l=a&&r,u=l?e:n;return i&&s.add(t),-1===u.indexOf(t)&&(u.push(t),l&&r&&(o=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),s.delete(t)},process:l=>{if(r)i=!0;else{if(r=!0,[e,n]=[n,e],n.length=0,o=e.length,o)for(let n=0;ner=!0)),t)),{}),ir=or.reduce(((t,e)=>{const n=rr[e];return t[e]=function(t,e,o){return void 0===e&&(e=!1),void 0===o&&(o=!1),er||cr(),n.schedule(t,e,o)},t}),{}),sr=or.reduce(((t,e)=>(t[e]=rr[e].cancel,t)),{}),ar=or.reduce(((t,e)=>(t[e]=()=>rr[e].process(Go),t)),{}),lr=t=>rr[t].process(Go),ur=t=>{er=!1,Go.delta=tr?Ko:Math.max(Math.min(t-Go.timestamp,40),1),Go.timestamp=t,nr=!0,or.forEach(lr),nr=!1,er&&(tr=!1,Jo(ur))},cr=()=>{er=!0,tr=!0,nr||Jo(ur)};function dr(t,e){-1===t.indexOf(e)&&t.push(e)}function hr(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}class pr{constructor(){this.subscriptions=[]}add(t){return dr(this.subscriptions,t),()=>hr(this.subscriptions,t)}notify(t,e,n){const o=this.subscriptions.length;if(o)if(1===o)this.subscriptions[0](t,e,n);else for(let r=0;rir.postRender(this.velocityCheck),this.velocityCheck=t=>{let{timestamp:e}=t;e!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=(t=>!isNaN(parseFloat(t)))(this.current),this.owner=e.owner}onChange(t){return this.on("change",t)}on(t,e){this.events[t]||(this.events[t]=new pr);const n=this.events[t].add(e);return"change"===t?()=>{n(),ir.read((()=>{this.events.change.getSize()||this.stop()}))}:n}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,e){this.passiveEffect=t,this.stopPassiveEffect=e}set(t,e){void 0===e&&(e=!0),e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)}setWithVelocity(t,e,n){this.set(e),this.prev=t,this.timeDelta=n}jump(t){this.updateAndNotify(t),this.prev=t,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?mr(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise((e=>{this.hasAnimated=!0,this.animation=t(e)||null,this.events.animationStart&&this.events.animationStart.notify()})).then((()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()}))}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){this.animation=null}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function gr(t,e){return new fr(t,e)}const vr=(t,e)=>n=>!!(Bn(n)&&Sn.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),yr=(t,e,n)=>o=>{if(!Bn(o))return o;const[r,i,s,a]=o.match(Mn);return{[t]:parseFloat(r),[e]:parseFloat(i),[n]:parseFloat(s),alpha:void 0!==a?parseFloat(a):1}},br={...wn,transform:t=>Math.round((t=>xn(0,255,t))(t))},xr={test:vr("rgb","red"),parse:yr("red","green","blue"),transform:t=>{let{red:e,green:n,blue:o,alpha:r=1}=t;return"rgba("+br.transform(e)+", "+br.transform(n)+", "+br.transform(o)+", "+En(Cn.transform(r))+")"}};const wr={test:vr("#"),parse:function(t){let e="",n="",o="",r="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),o=t.substring(5,7),r=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),o=t.substring(3,4),r=t.substring(4,5),e+=e,n+=n,o+=o,r+=r),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(o,16),alpha:r?parseInt(r,16)/255:1}},transform:xr.transform},Cr={test:vr("hsl","hue"),parse:yr("hue","saturation","lightness"),transform:t=>{let{hue:e,saturation:n,lightness:o,alpha:r=1}=t;return"hsla("+Math.round(e)+", "+Vn.transform(En(n))+", "+Vn.transform(En(o))+", "+En(Cn.transform(r))+")"}},kr={test:t=>xr.test(t)||wr.test(t)||Cr.test(t),parse:t=>xr.test(t)?xr.parse(t):Cr.test(t)?Cr.parse(t):wr.parse(t),transform:t=>Bn(t)?t:t.hasOwnProperty("red")?xr.transform(t):Cr.transform(t)},Er="${c}",Mr="${n}";function Pr(t){"number"==typeof t&&(t=`${t}`);const e=[];let n=0,o=0;const r=t.match(Pn);r&&(n=r.length,t=t.replace(Pn,Er),e.push(...r.map(kr.parse)));const i=t.match(Mn);return i&&(o=i.length,t=t.replace(Mn,Mr),e.push(...i.map(wn.parse))),{values:e,numColors:n,numNumbers:o,tokenised:t}}function Sr(t){return Pr(t).values}function Br(t){const{values:e,numColors:n,tokenised:o}=Pr(t),r=e.length;return t=>{let e=o;for(let o=0;o"number"==typeof t?0:t;const Ar={test:function(t){var e,n;return isNaN(t)&&Bn(t)&&((null===(e=t.match(Mn))||void 0===e?void 0:e.length)||0)+((null===(n=t.match(Pn))||void 0===n?void 0:n.length)||0)>0},parse:Sr,createTransformer:Br,getAnimatableNone:function(t){const e=Sr(t);return Br(t)(e.map(Tr))}},Vr=new Set(["brightness","contrast","saturate","opacity"]);function Lr(t){const[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[o]=n.match(Mn)||[];if(!o)return t;const r=n.replace(o,"");let i=Vr.has(e)?1:0;return o!==n&&(i*=100),e+"("+i+r+")"}const Rr=/([a-z-]*)\(.*?\)/g,Dr={...Ar,getAnimatableNone:t=>{const e=t.match(Rr);return e?e.map(Lr).join(" "):t}},Ir={...On,color:kr,backgroundColor:kr,outlineColor:kr,fill:kr,stroke:kr,borderColor:kr,borderTopColor:kr,borderRightColor:kr,borderBottomColor:kr,borderLeftColor:kr,filter:Dr,WebkitFilter:Dr},Fr=t=>Ir[t];function Or(t,e){var n;let o=Fr(t);return o!==Dr&&(o=Ar),null===(n=o.getAnimatableNone)||void 0===n?void 0:n.call(o,e)}const jr=t=>e=>e.test(t),$r=[wn,Ln,Vn,An,Dn,Rn,{test:t=>"auto"===t,parse:t=>t}],Ur=t=>$r.find(jr(t)),Nr=[...$r,kr,Ar],zr=t=>Nr.find(jr(t));function Zr(t,e,n){const o=t.getProps();return lo(o,e,void 0!==n?n:o.custom,function(t){const e={};return t.values.forEach(((t,n)=>e[n]=t.get())),e}(t),function(t){const e={};return t.values.forEach(((t,n)=>e[n]=t.getVelocity())),e}(t))}function Hr(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,gr(n))}function Wr(t,e){return e?(e[t]||e.default||e).from:void 0}function qr(t){return!(!fn(t)||!t.add)}const _r="data-"+no("framerAppearId");var Xr=function(){},Yr=function(){};const Gr=t=>1e3*t,Kr=!1,Qr=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Jr=t=>e=>1-t(1-e),ti=t=>t*t,ei=Jr(ti),ni=Qr(ti),oi=(t,e,n)=>-n*t+n*e+t;function ri(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}const ii=(t,e,n)=>{const o=t*t;return Math.sqrt(Math.max(0,n*(e*e-o)+o))},si=[wr,xr,Cr];function ai(t){const e=(t=>si.find((e=>e.test(t))))(t);Yr(!!e,`'${t}' is not an animatable color. Use the equivalent color code instead.`);let n=e.parse(t);return e===Cr&&(n=function(t){let{hue:e,saturation:n,lightness:o,alpha:r}=t;e/=360,n/=100,o/=100;let i=0,s=0,a=0;if(n){const t=o<.5?o*(1+n):o+n-o*n,r=2*o-t;i=ri(r,t,e+1/3),s=ri(r,t,e),a=ri(r,t,e-1/3)}else i=s=a=o;return{red:Math.round(255*i),green:Math.round(255*s),blue:Math.round(255*a),alpha:r}}(n)),n}const li=(t,e)=>{const n=ai(t),o=ai(e),r={...n};return t=>(r.red=ii(n.red,o.red,t),r.green=ii(n.green,o.green,t),r.blue=ii(n.blue,o.blue,t),r.alpha=oi(n.alpha,o.alpha,t),xr.transform(r))};function ui(t,e){return"number"==typeof t?n=>oi(t,e,n):kr.test(t)?li(t,e):hi(t,e)}const ci=(t,e)=>{const n=[...t],o=n.length,r=t.map(((t,n)=>ui(t,e[n])));return t=>{for(let e=0;e{const n={...t,...e},o={};for(const r in n)void 0!==t[r]&&void 0!==e[r]&&(o[r]=ui(t[r],e[r]));return t=>{for(const e in o)n[e]=o[e](t);return n}},hi=(t,e)=>{const n=Ar.createTransformer(e),o=Pr(t),r=Pr(e);return o.numColors===r.numColors&&o.numNumbers>=r.numNumbers?Io(ci(o.values,r.values),n):(Xr(!0,`Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),n=>`${n>0?e:t}`)},pi=(t,e,n)=>{const o=e-t;return 0===o?1:(n-t)/o},mi=(t,e)=>n=>oi(t,e,n);function fi(t,e,n){const o=[],r=n||function(t){return"number"==typeof t?mi:"string"==typeof t?kr.test(t)?li:hi:Array.isArray(t)?ci:"object"==typeof t?di:mi}(t[0]),i=t.length-1;for(let s=0;st[s-1]&&(t=[...t].reverse(),e=[...e].reverse());const a=fi(e,r,i),l=a.length,u=e=>{let n=0;if(l>1)for(;nu(xn(t[0],t[s-1],e)):u}const vi=t=>t,yi=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,bi=1e-7,xi=12;function wi(t,e,n,o){if(t===e&&n===o)return vi;const r=e=>function(t,e,n,o,r){let i,s,a=0;do{s=e+(n-e)/2,i=yi(s,o,r)-t,i>0?n=s:e=s}while(Math.abs(i)>bi&&++a0===t||1===t?t:yi(r(t),e,o)}const Ci=t=>1-Math.sin(Math.acos(t)),ki=Jr(Ci),Ei=Qr(ki),Mi=wi(.33,1.53,.69,.99),Pi=Jr(Mi),Si=Qr(Pi),Bi={linear:vi,easeIn:ti,easeInOut:ni,easeOut:ei,circIn:Ci,circInOut:Ei,circOut:ki,backIn:Pi,backInOut:Si,backOut:Mi,anticipate:t=>(t*=2)<1?.5*Pi(t):.5*(2-Math.pow(2,-10*(t-1)))},Ti=t=>{if(Array.isArray(t)){Yr(4===t.length,"Cubic bezier arrays must contain four numerical values.");const[e,n,o,r]=t;return wi(e,n,o,r)}return"string"==typeof t?(Yr(void 0!==Bi[t],`Invalid easing type '${t}'`),Bi[t]):t},Ai=t=>Array.isArray(t)&&"number"!=typeof t[0];function Vi(t,e){return t.map((()=>e||ni)).splice(0,t.length-1)}function Li(t){let{keyframes:e,ease:n=ni,times:o,duration:r=300}=t;e=[...e];const i=Ai(n)?n.map(Ti):Ti(n),s={done:!1,value:e[0]},a=function(t,e){return t.map((t=>t*e))}(o&&o.length===e.length?o:function(t){const e=t.length;return t.map(((t,n)=>0!==n?n/(e-1):0))}(e),r);function l(){return gi(a,e,{ease:Array.isArray(i)?i:Vi(e,i)})}let u=l();return{next:t=>(s.value=u(t),s.done=t>=r,s),flipTarget:()=>{e.reverse(),u=l()}}}const Ri=.001,Di=.01,Ii=10,Fi=.05,Oi=1;function ji(t){let e,n,{duration:o=800,bounce:r=.25,velocity:i=0,mass:s=1}=t;Xr(o<=1e3*Ii,"Spring duration must be 10 seconds or less");let a=1-r;a=xn(Fi,Oi,a),o=xn(Di,Ii,o/1e3),a<1?(e=t=>{const e=t*a,n=e*o,r=e-i,s=Ui(t,a),l=Math.exp(-n);return Ri-r/s*l},n=t=>{const n=t*a*o,r=n*i+i,s=Math.pow(a,2)*Math.pow(t,2)*o,l=Math.exp(-n),u=Ui(Math.pow(t,2),a);return(-e(t)+Ri>0?-1:1)*((r-s)*l)/u}):(e=t=>Math.exp(-t*o)*((t-i)*o+1)-Ri,n=t=>Math.exp(-t*o)*(o*o*(i-t)));const l=function(t,e,n){let o=n;for(let r=1;r<$i;r++)o-=t(o)/e(o);return o}(e,n,5/o);if(o*=1e3,isNaN(l))return{stiffness:100,damping:10,duration:o};{const t=Math.pow(l,2)*s;return{stiffness:t,damping:2*a*Math.sqrt(s*t),duration:o}}}const $i=12;function Ui(t,e){return t*Math.sqrt(1-e*e)}const Ni=["duration","bounce"],zi=["stiffness","damping","mass"];function Zi(t,e){return e.some((e=>void 0!==t[e]))}function Hi(t){let{keyframes:e,restDelta:n,restSpeed:o,...r}=t,i=e[0],s=e[e.length-1];const a={done:!1,value:i},{stiffness:l,damping:u,mass:c,velocity:d,duration:h,isResolvedFromDuration:p}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!Zi(t,zi)&&Zi(t,Ni)){const n=ji(t);e={...e,...n,velocity:0,mass:1},e.isResolvedFromDuration=!0}return e}(r);let m=Wi,f=d?-d/1e3:0;const g=u/(2*Math.sqrt(l*c));function v(){const t=s-i,e=Math.sqrt(l/c)/1e3,r=Math.abs(t)<5;if(o||(o=r?.01:2),n||(n=r?.005:.5),g<1){const n=Ui(e,g);m=o=>{const r=Math.exp(-g*e*o);return s-r*((f+g*e*t)/n*Math.sin(n*o)+t*Math.cos(n*o))}}else if(1===g)m=n=>s-Math.exp(-e*n)*(t+(f+e*t)*n);else{const n=e*Math.sqrt(g*g-1);m=o=>{const r=Math.exp(-g*e*o),i=Math.min(n*o,300);return s-r*((f+g*e*t)*Math.sinh(i)+n*t*Math.cosh(i))/n}}}return v(),{next:t=>{const e=m(t);if(p)a.done=t>=h;else{let r=f;if(0!==t)if(g<1){const n=Math.max(0,t-5);r=mr(e-m(n),t-n)}else r=0;const i=Math.abs(r)<=o,l=Math.abs(s-e)<=n;a.done=i&&l}return a.value=a.done?s:e,a},flipTarget:()=>{f=-f,[i,s]=[s,i],v()}}}Hi.needsInterpolation=(t,e)=>"string"==typeof t||"string"==typeof e;const Wi=t=>0;const qi={decay:function(t){let{keyframes:e=[0],velocity:n=0,power:o=.8,timeConstant:r=350,restDelta:i=.5,modifyTarget:s}=t;const a=e[0],l={done:!1,value:a};let u=o*n;const c=a+u,d=void 0===s?c:s(c);return d!==c&&(u=d-a),{next:t=>{const e=-u*Math.exp(-t/r);return l.done=!(e>i||e<-i),l.value=l.done?d:d+e,l},flipTarget:()=>{}}},keyframes:Li,tween:Li,spring:Hi};function _i(t,e,n){return void 0===n&&(n=0),t-e-n}const Xi=t=>{const e=e=>{let{delta:n}=e;return t(n)};return{start:()=>ir.update(e,!0),stop:()=>sr.update(e)}};function Yi(t){let{duration:e,driver:n=Xi,elapsed:o=0,repeat:r=0,repeatType:i="loop",repeatDelay:s=0,keyframes:a,autoplay:l=!0,onPlay:u,onStop:c,onComplete:d,onRepeat:h,onUpdate:p,type:m="keyframes",...f}=t;var g,v;const y=o;let b,x,w=0,C=e,k=!1,E=!0;const M=qi[a.length>2?"keyframes":m]||Li,P=a[0],S=a[a.length-1];let B={done:!1,value:P};null!==(v=(g=M).needsInterpolation)&&void 0!==v&&v.call(g,P,S)&&(x=gi([0,100],[P,S],{clamp:!1}),a=[0,100]);const T=M({...f,duration:e,keyframes:a});function A(){w++,"reverse"===i?(E=w%2==0,o=function(t,e,n,o){return void 0===e&&(e=0),void 0===n&&(n=0),void 0===o&&(o=!0),o?_i(e+-t,e,n):e-(t-e)+n}(o,C,s,E)):(o=_i(o,C,s),"mirror"===i&&T.flipTarget()),k=!1,h&&h()}function V(t){E||(t=-t),o+=t,k||(B=T.next(Math.max(0,o)),x&&(B.value=x(B.value)),k=E?B.done:o<=0),p&&p(B.value),k&&(0===w&&(C=void 0!==C?C:o),w=e+n:t<=-n}(o,C,s,E)&&A():(b&&b.stop(),d&&d()))}return l&&(u&&u(),b=n(V),b.start()),{stop:()=>{c&&c(),b&&b.stop()},set currentTime(t){o=y,V(t)},sample:t=>{o=y;const n=e&&"number"==typeof e?Math.max(.5*e,50):50;let r=0;for(V(0);r<=t;){const e=t-r;V(Math.min(e,n)),r+=n}return B}}}const Gi=t=>{let[e,n,o,r]=t;return`cubic-bezier(${e}, ${n}, ${o}, ${r})`},Ki={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Gi([0,.65,.55,1]),circOut:Gi([.55,0,1,.45]),backIn:Gi([.31,.01,.66,-.59]),backOut:Gi([.33,1.53,.69,.99])};function Qi(t){if(t)return Array.isArray(t)?Gi(t):Ki[t]}const Ji={waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate")},ts={},es={};for(const dd in Ji)es[dd]=()=>(void 0===ts[dd]&&(ts[dd]=Ji[dd]()),ts[dd]);const ns=new Set(["opacity"]);function os(t,e,n){let{onUpdate:o,onComplete:r,...i}=n;if(!es.waapi()||!ns.has(e)||i.repeatDelay||"mirror"===i.repeatType||0===i.damping)return!1;let{keyframes:s,duration:a=300,elapsed:l=0,ease:u}=i;if("spring"===i.type||!function(t){return!t||Array.isArray(t)||"string"==typeof t&&Ki[t]}(i.ease)){if(i.repeat===1/0)return;const t=Yi({...i,elapsed:0});let e={done:!1,value:s[0]};const n=[];let o=0;for(;!e.done&&o<2e4;)e=t.sample(o),n.push(e.value),o+=10;s=n,a=o-10,u="linear"}const c=function(t,e,n,o){let{delay:r=0,duration:i,repeat:s=0,repeatType:a="loop",ease:l,times:u}=void 0===o?{}:o;return t.animate({[e]:n,offset:u},{delay:r,duration:i,easing:Qi(l),fill:"both",iterations:s+1,direction:"reverse"===a?"alternate":"normal"})}(t.owner.current,e,s,{...i,delay:-l,duration:a,ease:u});return c.onfinish=()=>{t.set(function(t,e){let{repeat:n,repeatType:o="loop"}=e;return t[n&&"loop"!==o&&n%2==1?0:t.length-1]}(s,i)),ir.update((()=>c.cancel())),r&&r()},{get currentTime(){return c.currentTime||0},set currentTime(t){c.currentTime=t},stop:()=>{const{currentTime:e}=c;if(e){const n=Yi({...i,autoplay:!1});t.setWithVelocity(n.sample(e-10).value,n.sample(e).value,10)}ir.update((()=>c.cancel()))}}}function rs(t,e){const n=performance.now(),o=r=>{let{timestamp:i}=r;const s=i-n;s>=e&&(sr.read(o),t(s-e))};return ir.read(o,!0),()=>sr.read(o)}const is=()=>({type:"spring",stiffness:500,damping:25,restSpeed:10}),ss=t=>({type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}),as=()=>({type:"keyframes",ease:"linear",duration:.3}),ls={type:"keyframes",duration:.8},us={x:is,y:is,z:is,rotate:is,rotateX:is,rotateY:is,rotateZ:is,scaleX:ss,scaleY:ss,scale:ss,opacity:as,backgroundColor:as,color:as,default:ss},cs=(t,e)=>{let{keyframes:n}=e;return n.length>2?ls:(us[t]||us.default)(n[1])},ds=(t,e)=>"zIndex"!==t&&!!("number"==typeof e||Array.isArray(e)||"string"==typeof e&&Ar.test(e)&&!e.startsWith("url("));function hs(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function ps(t){return"number"==typeof t?0:Or("",t)}function ms(t,e){return t[e]||t.default||t}const fs=function(t,e,n,o){return void 0===o&&(o={}),r=>{const i=ms(o,t)||{},s=i.delay||o.delay||0;let{elapsed:a=0}=o;a-=Gr(s);const l=function(t,e,n,o){const r=ds(e,n);let i=void 0!==o.from?o.from:t.get();return"none"===i&&r&&"string"==typeof n?i=Or(e,n):hs(i)&&"string"==typeof n?i=ps(n):!Array.isArray(n)&&hs(n)&&"string"==typeof i&&(n=ps(i)),Array.isArray(n)?(null===n[0]&&(n[0]=i),n):[i,n]}(e,t,n,i),u=l[0],c=l[l.length-1],d=ds(t,u),h=ds(t,c);Xr(d===h,`You are trying to animate ${t} from "${u}" to "${c}". ${u} is not an animatable value - to enable this animation set ${u} to a value animatable to ${c} via the \`style\` property.`);let p={keyframes:l,velocity:e.getVelocity(),...i,elapsed:a,onUpdate:t=>{e.set(t),i.onUpdate&&i.onUpdate(t)},onComplete:()=>{r(),i.onComplete&&i.onComplete()}};if(!d||!h||Kr||!1===i.type)return function(t){let{keyframes:e,elapsed:n,onUpdate:o,onComplete:r}=t;const i=()=>{o&&o(e[e.length-1]),r&&r()};return n?{stop:rs(i,-n)}:i()}(p);if("inertia"===i.type)return function(t){let{keyframes:e,velocity:n=0,min:o,max:r,power:i=.8,timeConstant:s=750,bounceStiffness:a=500,bounceDamping:l=10,restDelta:u=1,modifyTarget:c,driver:d,onUpdate:h,onComplete:p,onStop:m}=t;const f=e[0];let g;function v(t){return void 0!==o&&tr}function y(t){return void 0===o?r:void 0===r||Math.abs(o-t){var n;null==h||h(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:p,onStop:m})}function x(t){b({type:"spring",stiffness:a,damping:l,restDelta:u,...t})}if(v(f))x({velocity:n,keyframes:[f,y(f)]});else{let t=i*n+f;typeof c<"u"&&(t=c(t));const e=y(t),r=e===o?-1:1;let a,l;const d=t=>{a=l,l=t,n=mr(t-a,Go.delta),(1===r&&t>e||-1===r&&tnull==g?void 0:g.stop()}}(p);(function(t){let{when:e,delay:n,delayChildren:o,staggerChildren:r,staggerDirection:i,repeat:s,repeatType:a,repeatDelay:l,from:u,elapsed:c,...d}=t;return!!Object.keys(d).length})(i)||(p={...p,...cs(t,p)}),p.duration&&(p.duration=Gr(p.duration)),p.repeatDelay&&(p.repeatDelay=Gr(p.repeatDelay));const m=e.owner,f=m&&m.current;if(m&&f instanceof HTMLElement&&(null==m||!m.getProps().onUpdate)){const n=os(e,t,p);if(n)return n}return Yi(p)}};function gs(t,e,n){var o;void 0===n&&(n={});const r=Zr(t,e,n.custom);let{transition:i=t.getDefaultTransition()||{}}=r||{};n.transitionOverride&&(i=n.transitionOverride);const s=r?()=>vs(t,r,n):()=>Promise.resolve(),a=null!==(o=t.variantChildren)&&void 0!==o&&o.size?function(o){void 0===o&&(o=0);const{delayChildren:r=0,staggerChildren:s,staggerDirection:a}=i;return function(t,e,n,o,r,i){void 0===n&&(n=0);void 0===o&&(o=0);void 0===r&&(r=1);const s=[],a=(t.variantChildren.size-1)*o,l=1===r?function(t){return void 0===t&&(t=0),t*o}:function(t){return void 0===t&&(t=0),a-t*o};return Array.from(t.variantChildren).sort(ys).forEach(((t,o)=>{t.notify("AnimationStart",e),s.push(gs(t,e,{...i,delay:n+l(o)}).then((()=>t.notify("AnimationComplete",e))))})),Promise.all(s)}(t,e,r+o,s,a,n)}:()=>Promise.resolve(),{when:l}=i;if(l){const[t,e]="beforeChildren"===l?[s,a]:[a,s];return t().then(e)}return Promise.all([s(),a(n.delay)])}function vs(t,e,n){let{delay:o=0,transitionOverride:r,type:i}=void 0===n?{}:n;var s;let{transition:a=t.getDefaultTransition(),transitionEnd:l,...u}=t.makeTargetAnimatable(e);const c=t.getValue("willChange");r&&(a=r);const d=[],h=i&&(null===(s=t.animationState)||void 0===s?void 0:s.getState()[i]);for(const p in u){const e=t.getValue(p),n=u[p];if(!e||void 0===n||h&&bs(h,p))continue;const r={delay:o,elapsed:0,...a};if(window.HandoffAppearAnimations&&!e.hasAnimated){const n=t.getProps()[_r];n&&(r.elapsed=window.HandoffAppearAnimations(n,p,e,ir))}let i=e.start(fs(p,e,n,t.shouldReduceMotion&&pn.has(p)?{type:!1}:r));qr(c)&&(c.add(p),i=i.then((()=>c.remove(p)))),d.push(i)}return Promise.all(d).then((()=>{l&&function(t,e){const n=Zr(t,e);let{transitionEnd:o={},transition:r={},...i}=n?t.makeTargetAnimatable(n,!1):{};i={...i,...o};for(const s in i)Hr(t,s,ho(i[s]))}(t,l)}))}function ys(t,e){return t.sortNodePosition(e)}function bs(t,e){let{protectedKeys:n,needsAnimating:o}=t;const r=n.hasOwnProperty(e)&&!0!==o[e];return o[e]=!1,r}const xs=[yo.Animate,yo.InView,yo.Focus,yo.Hover,yo.Tap,yo.Drag,yo.Exit],ws=[...xs].reverse(),Cs=xs.length;function ks(t){return e=>Promise.all(e.map((e=>{let{animation:n,options:o}=e;return function(t,e,n){let o;if(void 0===n&&(n={}),t.notify("AnimationStart",e),Array.isArray(e)){const r=e.map((e=>gs(t,e,n)));o=Promise.all(r)}else if("string"==typeof e)o=gs(t,e,n);else{const r="function"==typeof e?Zr(t,e,n.custom):e;o=vs(t,r,n)}return o.then((()=>t.notify("AnimationComplete",e)))}(t,n,o)})))}function Es(t){let e=ks(t);const n={[yo.Animate]:Ps(!0),[yo.InView]:Ps(),[yo.Hover]:Ps(),[yo.Tap]:Ps(),[yo.Drag]:Ps(),[yo.Focus]:Ps(),[yo.Exit]:Ps()};let o=!0;const r=(e,n)=>{const o=Zr(t,n);if(o){const{transition:t,transitionEnd:n,...r}=o;e={...e,...r,...n}}return e};function i(i,s){const a=t.getProps(),l=t.getVariantContext(!0)||{},u=[],c=new Set;let d={},h=1/0;for(let e=0;eh&&g;const w=Array.isArray(f)?f:[f];let C=w.reduce(r,{});!1===v&&(C={});const{prevResolvedValues:k={}}=m,E={...k,...C},M=t=>{x=!0,c.delete(t),m.needsAnimating[t]=!0};for(const t in E){const e=C[t],n=k[t];d.hasOwnProperty(t)||(e!==n?uo(e)&&uo(n)?!_o(e,n)||b?M(t):m.protectedKeys[t]=!0:void 0!==e?M(t):c.add(t):void 0!==e&&c.has(t)?M(t):m.protectedKeys[t]=!0)}m.prevProp=f,m.prevResolvedValues=C,m.isActive&&(d={...d,...C}),o&&t.blockInitialAnimation&&(x=!1),x&&!y&&u.push(...w.map((t=>({animation:t,options:{type:p,...i}}))))}if(c.size){const e={};c.forEach((n=>{const o=t.getBaseTarget(n);void 0!==o&&(e[n]=o)})),u.push({animation:e})}let p=!!u.length;return o&&!1===a.initial&&!t.manuallyAnimateOnMount&&(p=!1),o=!1,p?e(u):Promise.resolve()}return{animateChanges:i,setActive:function(e,o,r){var s;if(n[e].isActive===o)return Promise.resolve();null===(s=t.variantChildren)||void 0===s||s.forEach((t=>{var n;return null===(n=t.animationState)||void 0===n?void 0:n.setActive(e,o)})),n[e].isActive=o;const a=i(r,e);for(const t in n)n[t].protectedKeys={};return a},setAnimateFunction:function(n){e=n(t)},getState:()=>n}}function Ms(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!_o(e,t)}function Ps(t){return void 0===t&&(t=!1),{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}const Ss={animation:Ho((t=>{let{visualElement:e,animate:n}=t;e.animationState||(e.animationState=Es(e)),He(n)&&(0,o.useEffect)((()=>n.subscribe(e)),[n])})),exit:Ho((t=>{const{custom:e,visualElement:n}=t,[r,i]=qo(),s=(0,o.useContext)(Oe);(0,o.useEffect)((()=>{n.isPresent=r;const t=n.animationState&&n.animationState.setActive(yo.Exit,!r,{custom:s&&s.custom||e});t&&!r&&t.then(i)}),[r])}))},Bs=(t,e)=>Math.abs(t-e);class Ts{constructor(t,e,n){let{transformPagePoint:o}=void 0===n?{}:n;if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!this.lastMoveEvent||!this.lastMoveEventInfo)return;const t=Ls(this.lastMoveEventInfo,this.history),e=null!==this.startEvent,n=function(t,e){const n=Bs(t.x,e.x),o=Bs(t.y,e.y);return Math.sqrt(n**2+o**2)}(t.offset,{x:0,y:0})>=3;if(!e&&!n)return;const{point:o}=t,{timestamp:r}=Go;this.history.push({...o,timestamp:r});const{onStart:i,onMove:s}=this.handlers;e||(i&&i(this.lastMoveEvent,t),this.startEvent=this.lastMoveEvent),s&&s(this.lastMoveEvent,t)},this.handlePointerMove=(t,e)=>{this.lastMoveEvent=t,this.lastMoveEventInfo=As(e,this.transformPagePoint),ir.update(this.updatePoint,!0)},this.handlePointerUp=(t,e)=>{if(this.end(),!this.lastMoveEvent||!this.lastMoveEventInfo)return;const{onEnd:n,onSessionEnd:o}=this.handlers,r=Ls("pointercancel"===t.type?this.lastMoveEventInfo:As(e,this.transformPagePoint),this.history);this.startEvent&&n&&n(t,r),o&&o(t,r)},!wo(t))return;this.handlers=e,this.transformPagePoint=o;const r=As(Co(t),this.transformPagePoint),{point:i}=r,{timestamp:s}=Go;this.history=[{...i,timestamp:s}];const{onSessionStart:a}=e;a&&a(t,Ls(r,this.history)),this.removeListeners=Io(Eo(window,"pointermove",this.handlePointerMove),Eo(window,"pointerup",this.handlePointerUp),Eo(window,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),sr.update(this.updatePoint)}}function As(t,e){return e?{point:e(t.point)}:t}function Vs(t,e){return{x:t.x-e.x,y:t.y-e.y}}function Ls(t,e){let{point:n}=t;return{point:n,delta:Vs(n,Ds(e)),offset:Vs(n,Rs(e)),velocity:Is(e,.1)}}function Rs(t){return t[0]}function Ds(t){return t[t.length-1]}function Is(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,o=null;const r=Ds(t);for(;n>=0&&(o=t[n],!(r.timestamp-o.timestamp>Gr(e)));)n--;if(!o)return{x:0,y:0};const i=(r.timestamp-o.timestamp)/1e3;if(0===i)return{x:0,y:0};const s={x:(r.x-o.x)/i,y:(r.y-o.y)/i};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}function Fs(t){return t.max-t.min}function Os(t,e,n){return void 0===e&&(e=0),void 0===n&&(n=.01),Math.abs(t-e)<=n}function js(t,e,n,o){void 0===o&&(o=.5),t.origin=o,t.originPoint=oi(e.min,e.max,t.origin),t.scale=Fs(n)/Fs(e),(Os(t.scale,1,1e-4)||isNaN(t.scale))&&(t.scale=1),t.translate=oi(n.min,n.max,t.origin)-t.originPoint,(Os(t.translate)||isNaN(t.translate))&&(t.translate=0)}function $s(t,e,n,o){js(t.x,e.x,n.x,null==o?void 0:o.originX),js(t.y,e.y,n.y,null==o?void 0:o.originY)}function Us(t,e,n){t.min=n.min+e.min,t.max=t.min+Fs(e)}function Ns(t,e,n){t.min=e.min-n.min,t.max=t.min+Fs(e)}function zs(t,e,n){Ns(t.x,e.x,n.x),Ns(t.y,e.y,n.y)}function Zs(t,e,n){return{min:void 0!==e?t.min+e:void 0,max:void 0!==n?t.max+n-(t.max-t.min):void 0}}function Hs(t,e){let n=e.min-t.min,o=e.max-t.max;return e.max-e.min({x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}}),Ys=()=>({x:{min:0,max:0},y:{min:0,max:0}});function Gs(t){return[t("x"),t("y")]}function Ks(t){let{top:e,left:n,right:o,bottom:r}=t;return{x:{min:n,max:o},y:{min:e,max:r}}}function Qs(t){return void 0===t||1===t}function Js(t){let{scale:e,scaleX:n,scaleY:o}=t;return!Qs(e)||!Qs(n)||!Qs(o)}function ta(t){return Js(t)||ea(t)||t.z||t.rotate||t.rotateX||t.rotateY}function ea(t){return na(t.x)||na(t.y)}function na(t){return t&&"0%"!==t}function oa(t,e,n){return n+e*(t-n)}function ra(t,e,n,o,r){return void 0!==r&&(t=oa(t,r,o)),oa(t,n,o)+e}function ia(t,e,n,o,r){void 0===e&&(e=0),void 0===n&&(n=1),t.min=ra(t.min,e,n,o,r),t.max=ra(t.max,e,n,o,r)}function sa(t,e){let{x:n,y:o}=e;ia(t.x,n.translate,n.scale,n.originPoint),ia(t.y,o.translate,o.scale,o.originPoint)}function aa(t){return Number.isInteger(t)||t>1.0000000000001||t<.999999999999?t:1}function la(t,e){t.min=t.min+e,t.max=t.max+e}function ua(t,e,n){let[o,r,i]=n;const s=void 0!==e[i]?e[i]:.5,a=oi(t.min,t.max,s);ia(t,e[o],e[r],a,e.scale)}const ca=["x","scaleX","originX"],da=["y","scaleY","originY"];function ha(t,e){ua(t.x,e,ca),ua(t.y,e,da)}function pa(t,e){return Ks(function(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),o=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:o.y,right:o.x}}(t.getBoundingClientRect(),e))}const ma=new WeakMap;class fa{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=Ys(),this.visualElement=t}start(t,e){let{snapToCursor:n=!1}=void 0===e?{}:e;if(!1===this.visualElement.isPresent)return;this.panSession=new Ts(t,{onSessionStart:t=>{this.stopAnimation(),n&&this.snapToCursor(Co(t,"page").point)},onStart:(t,e)=>{var n;const{drag:o,dragPropagation:r,onDragStart:i}=this.getProps();o&&!r&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=To(o),!this.openGlobalLock)||(this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),Gs((t=>{var e,n;let o=this.getAxisMotionValue(t).get()||0;if(Vn.test(o)){const r=null===(n=null===(e=this.visualElement.projection)||void 0===e?void 0:e.layout)||void 0===n?void 0:n.layoutBox[t];r&&(o=Fs(r)*(parseFloat(o)/100))}this.originPoint[t]=o})),null==i||i(t,e),null===(n=this.visualElement.animationState)||void 0===n||n.setActive(yo.Drag,!0))},onMove:(t,e)=>{const{dragPropagation:n,dragDirectionLock:o,onDirectionLock:r,onDrag:i}=this.getProps();if(!n&&!this.openGlobalLock)return;const{offset:s}=e;if(o&&null===this.currentDirection)return this.currentDirection=function(t,e){void 0===e&&(e=10);let n=null;return Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x"),n}(s),void(null!==this.currentDirection&&(null==r||r(this.currentDirection)));this.updateAxis("x",e.point,s),this.updateAxis("y",e.point,s),this.visualElement.render(),null==i||i(t,e)},onSessionEnd:(t,e)=>this.stop(t,e)},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(t,e){const n=this.isDragging;if(this.cancel(),!n)return;const{velocity:o}=e;this.startAnimation(o);const{onDragEnd:r}=this.getProps();null==r||r(t,e)}cancel(){var t,e;this.isDragging=!1,this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!1),null===(t=this.panSession)||void 0===t||t.end(),this.panSession=void 0;const{dragPropagation:n}=this.getProps();!n&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),null===(e=this.visualElement.animationState)||void 0===e||e.setActive(yo.Drag,!1)}updateAxis(t,e,n){const{drag:o}=this.getProps();if(!n||!ga(t,o,this.currentDirection))return;const r=this.getAxisMotionValue(t);let i=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(i=function(t,e,n){let{min:o,max:r}=e;return void 0!==o&&tr&&(t=n?oi(r,t,n.max):Math.min(t,r)),t}(i,this.constraints[t],this.elastic[t])),r.set(i)}resolveConstraints(){const{dragConstraints:t,dragElastic:e}=this.getProps(),{layout:n}=this.visualElement.projection||{},o=this.constraints;t&&ze(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!t||!n)&&function(t,e){let{top:n,left:o,bottom:r,right:i}=e;return{x:Zs(t.x,o,i),y:Zs(t.y,n,r)}}(n.layoutBox,t),this.elastic=function(t){return void 0===t&&(t=Ws),!1===t?t=0:!0===t&&(t=Ws),{x:qs(t,"left","right"),y:qs(t,"top","bottom")}}(e),o!==this.constraints&&n&&this.constraints&&!this.hasMutatedConstraints&&Gs((t=>{this.getAxisMotionValue(t)&&(this.constraints[t]=function(t,e){const n={};return void 0!==e.min&&(n.min=e.min-t.min),void 0!==e.max&&(n.max=e.max-t.min),n}(n.layoutBox[t],this.constraints[t]))}))}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:e}=this.getProps();if(!t||!ze(t))return!1;const n=t.current;Yr(null!==n,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:o}=this.visualElement;if(!o||!o.layout)return!1;const r=function(t,e,n){const o=pa(t,n),{scroll:r}=e;return r&&(la(o.x,r.offset.x),la(o.y,r.offset.y)),o}(n,o.root,this.visualElement.getTransformPagePoint());let i=function(t,e){return{x:Hs(t.x,e.x),y:Hs(t.y,e.y)}}(o.layout.layoutBox,r);if(e){const t=e(function(t){let{x:e,y:n}=t;return{top:n.min,right:e.max,bottom:n.max,left:e.min}}(i));this.hasMutatedConstraints=!!t,t&&(i=Ks(t))}return i}startAnimation(t){const{drag:e,dragMomentum:n,dragElastic:o,dragTransition:r,dragSnapToOrigin:i,onDragTransitionEnd:s}=this.getProps(),a=this.constraints||{},l=Gs((s=>{if(!ga(s,e,this.currentDirection))return;let l=(null==a?void 0:a[s])||{};i&&(l={min:0,max:0});const u=o?200:1e6,c=o?40:1e7,d={type:"inertia",velocity:n?t[s]:0,bounceStiffness:u,bounceDamping:c,timeConstant:750,restDelta:1,restSpeed:10,...r,...l};return this.startAxisValueAnimation(s,d)}));return Promise.all(l).then(s)}startAxisValueAnimation(t,e){const n=this.getAxisMotionValue(t);return n.start(fs(t,n,0,e))}stopAnimation(){Gs((t=>this.getAxisMotionValue(t).stop()))}getAxisMotionValue(t){var e;const n="_drag"+t.toUpperCase();return this.visualElement.getProps()[n]||this.visualElement.getValue(t,(null===(e=this.visualElement.getProps().initial)||void 0===e?void 0:e[t])||0)}snapToCursor(t){Gs((e=>{const{drag:n}=this.getProps();if(!ga(e,n,this.currentDirection))return;const{projection:o}=this.visualElement,r=this.getAxisMotionValue(e);if(o&&o.layout){const{min:n,max:i}=o.layout.layoutBox[e];r.set(t[e]-oi(n,i,.5))}}))}scalePositionWithinConstraints(){var t;if(!this.visualElement.current)return;const{drag:e,dragConstraints:n}=this.getProps(),{projection:o}=this.visualElement;if(!ze(n)||!o||!this.constraints)return;this.stopAnimation();const r={x:0,y:0};Gs((t=>{const e=this.getAxisMotionValue(t);if(e){const n=e.get();r[t]=function(t,e){let n=.5;const o=Fs(t),r=Fs(e);return r>o?n=pi(e.min,e.max-o,t.min):o>r&&(n=pi(t.min,t.max-r,e.min)),xn(0,1,n)}({min:n,max:n},this.constraints[t])}}));const{transformTemplate:i}=this.visualElement.getProps();this.visualElement.current.style.transform=i?i({},""):"none",null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout(),this.resolveConstraints(),Gs((t=>{if(!ga(t,e,null))return;const n=this.getAxisMotionValue(t),{min:o,max:i}=this.constraints[t];n.set(oi(o,i,r[t]))}))}addListeners(){var t;if(!this.visualElement.current)return;ma.set(this.visualElement,this);const e=Eo(this.visualElement.current,"pointerdown",(t=>{const{drag:e,dragListener:n=!0}=this.getProps();e&&n&&this.start(t)})),n=()=>{const{dragConstraints:t}=this.getProps();ze(t)&&(this.constraints=this.resolveRefConstraints())},{projection:o}=this.visualElement,r=o.addEventListener("measure",n);o&&!o.layout&&(null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout()),n();const i=bo(window,"resize",(()=>this.scalePositionWithinConstraints())),s=o.addEventListener("didUpdate",(t=>{let{delta:e,hasLayoutChanged:n}=t;this.isDragging&&n&&(Gs((t=>{const n=this.getAxisMotionValue(t);n&&(this.originPoint[t]+=e[t].translate,n.set(n.get()+e[t].translate))})),this.visualElement.render())}));return()=>{i(),e(),r(),null==s||s()}}getProps(){const t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:n=!1,dragPropagation:o=!1,dragConstraints:r=!1,dragElastic:i=Ws,dragMomentum:s=!0}=t;return{...t,drag:e,dragDirectionLock:n,dragPropagation:o,dragConstraints:r,dragElastic:i,dragMomentum:s}}}function ga(t,e,n){return!(!0!==e&&e!==t||null!==n&&n!==t)}const va={pan:Ho((function(t){let{onPan:e,onPanStart:n,onPanEnd:r,onPanSessionStart:i,visualElement:s}=t;const a=e||n||r||i,l=(0,o.useRef)(null),{transformPagePoint:u}=(0,o.useContext)(Ie),c={onSessionStart:i,onStart:n,onMove:e,onEnd:(t,e)=>{l.current=null,r&&r(t,e)}};(0,o.useEffect)((()=>{null!==l.current&&l.current.updateHandlers(c)})),Mo(s,"pointerdown",a&&function(t){l.current=new Ts(t,c,{transformPagePoint:u})}),Ro((()=>l.current&&l.current.end()))})),drag:Ho((function(t){const{dragControls:e,visualElement:n}=t,r=Qe((()=>new fa(n)));(0,o.useEffect)((()=>e&&e.subscribe(r)),[r,e]),(0,o.useEffect)((()=>r.addListeners()),[r])}))};function ya(t){return"string"==typeof t&&t.startsWith("var(--")}const ba=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;const xa=4;function wa(t,e,n){void 0===n&&(n=1),Yr(n<=xa,`Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);const[o,r]=function(t){const e=ba.exec(t);if(!e)return[,];const[,n,o]=e;return[n,o]}(t);if(!o)return;const i=window.getComputedStyle(e).getPropertyValue(o);return i?i.trim():ya(r)?wa(r,e,n+1):r}const Ca=new Set(["width","height","top","left","right","bottom","x","y"]),ka=t=>Ca.has(t),Ea=t=>t===wn||t===Ln;var Ma;!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(Ma||(Ma={}));const Pa=(t,e)=>parseFloat(t.split(", ")[e]),Sa=(t,e)=>(n,o)=>{let{transform:r}=o;if("none"===r||!r)return 0;const i=r.match(/^matrix3d\((.+)\)$/);if(i)return Pa(i[1],e);{const e=r.match(/^matrix\((.+)\)$/);return e?Pa(e[1],t):0}},Ba=new Set(["x","y","z"]),Ta=hn.filter((t=>!Ba.has(t)));const Aa={width:(t,e)=>{let{x:n}=t,{paddingLeft:o="0",paddingRight:r="0"}=e;return n.max-n.min-parseFloat(o)-parseFloat(r)},height:(t,e)=>{let{y:n}=t,{paddingTop:o="0",paddingBottom:r="0"}=e;return n.max-n.min-parseFloat(o)-parseFloat(r)},top:(t,e)=>{let{top:n}=e;return parseFloat(n)},left:(t,e)=>{let{left:n}=e;return parseFloat(n)},bottom:(t,e)=>{let{y:n}=t,{top:o}=e;return parseFloat(o)+(n.max-n.min)},right:(t,e)=>{let{x:n}=t,{left:o}=e;return parseFloat(o)+(n.max-n.min)},x:Sa(4,13),y:Sa(5,14)},Va=function(t,e,n,o){void 0===n&&(n={}),void 0===o&&(o={}),e={...e},o={...o};const r=Object.keys(e).filter(ka);let i=[],s=!1;const a=[];if(r.forEach((r=>{const l=t.getValue(r);if(!t.hasValue(r))return;let u=n[r],c=Ur(u);const d=e[r];let h;if(uo(d)){const t=d.length,e=null===d[0]?1:0;u=d[e],c=Ur(u);for(let n=e;n{const o=t.getValue(n);void 0!==o&&(e.push([n,o.get()]),o.set(n.startsWith("scale")?1:0))})),e.length&&t.render(),e}(t),s=!0),a.push(r),o[r]=void 0!==o[r]?o[r]:e[r],l.jump(d))})),a.length){const n=a.indexOf("height")>=0?window.pageYOffset:null,r=((t,e,n)=>{const o=e.measureViewportBox(),r=e.current,i=getComputedStyle(r),{display:s}=i,a={};"none"===s&&e.setStaticValue("display",t.display||"block"),n.forEach((t=>{a[t]=Aa[t](o,i)})),e.render();const l=e.measureViewportBox();return n.forEach((n=>{const o=e.getValue(n);o&&o.jump(a[n]),t[n]=Aa[n](l,i)})),t})(e,t,a);return i.length&&i.forEach((e=>{let[n,o]=e;t.getValue(n).set(o)})),t.render(),je&&null!==n&&window.scrollTo({top:n}),{target:r,transitionEnd:o}}return{target:e,transitionEnd:o}};function La(t,e,n,o){return(t=>Object.keys(t).some(ka))(e)?Va(t,e,n,o):{target:e,transitionEnd:o}}const Ra=(t,e,n,o)=>{const r=function(t,e,n){let{...o}=e;const r=t.current;if(!(r instanceof Element))return{target:o,transitionEnd:n};n&&(n={...n}),t.values.forEach((t=>{const e=t.get();if(!ya(e))return;const n=wa(e,r);n&&t.set(n)}));for(const i in o){const t=o[i];if(!ya(t))continue;const e=wa(t,r);e&&(o[i]=e,n&&void 0===n[i]&&(n[i]=t))}return{target:o,transitionEnd:n}}(t,e,o);return La(t,e=r.target,n,o=r.transitionEnd)},Da={current:null},Ia={current:!1};const Fa=Object.keys(Ke),Oa=Fa.length,ja=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class $a{constructor(t,e){let{parent:n,props:o,reducedMotionConfig:r,visualState:i}=t;void 0===e&&(e={}),this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.isPresent=!0,this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>ir.render(this.render,!1,!0);const{latestValues:s,renderState:a}=i;this.latestValues=s,this.baseTarget={...s},this.initialValues=o.initial?{...s}:{},this.renderState=a,this.parent=n,this.props=o,this.depth=n?n.depth+1:0,this.reducedMotionConfig=r,this.options=e,this.isControllingVariants=qe(o),this.isVariantNode=_e(o),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!(!n||!n.current);const{willChange:l,...u}=this.scrapeMotionValuesFromProps(o,{});for(const c in u){const t=u[c];void 0!==s[c]&&fn(t)&&(t.set(s[c],!1),qr(l)&&l.add(c))}}scrapeMotionValuesFromProps(t,e){return{}}mount(t){var e;this.current=t,this.projection&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=null===(e=this.parent)||void 0===e?void 0:e.addVariantChild(this)),this.values.forEach(((t,e)=>this.bindToMotionValue(e,t))),Ia.current||function(){if(Ia.current=!0,je)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>Da.current=t.matches;t.addListener(e),e()}else Da.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||Da.current),this.parent&&this.parent.children.add(this),this.setProps(this.props)}unmount(){var t,e,n;null===(t=this.projection)||void 0===t||t.unmount(),sr.update(this.notifyUpdate),sr.render(this.render),this.valueSubscriptions.forEach((t=>t())),null===(e=this.removeFromVariantTree)||void 0===e||e.call(this),null===(n=this.parent)||void 0===n||n.children.delete(this);for(const o in this.events)this.events[o].clear();this.current=null}bindToMotionValue(t,e){const n=pn.has(t),o=e.on("change",(e=>{this.latestValues[t]=e,this.props.onUpdate&&ir.update(this.notifyUpdate,!1,!0),n&&this.projection&&(this.projection.isTransformDirty=!0)})),r=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,(()=>{o(),r()}))}sortNodePosition(t){return this.current&&this.sortInstanceNodePosition&&this.type===t.type?this.sortInstanceNodePosition(this.current,t.current):0}loadFeatures(t,e,n,r,i,s){let{children:a,...l}=t;const u=[];for(let c=0;cthis.scheduleRender(),animationType:"string"==typeof e?e:"both",initialPromotionConfig:s,layoutScroll:a,layoutRoot:u})}return u}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):Ys()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}makeTargetAnimatable(t,e){return void 0===e&&(e=!0),this.makeTargetAnimatableFromInstance(t,this.props,e)}setProps(t){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender();const e=this.props;this.props=t;for(let n=0;nn.variantChildren.delete(t)}addValue(t,e){e!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,e)),this.values.set(t,e),this.latestValues[t]=e.get()}removeValue(t){var e;this.values.delete(t),null===(e=this.valueSubscriptions.get(t))||void 0===e||e(),this.valueSubscriptions.delete(t),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let n=this.values.get(t);return void 0===n&&void 0!==e&&(n=gr(e,{owner:this}),this.addValue(t,n)),n}readValue(t){return void 0===this.latestValues[t]&&this.current?this.readValueFromInstance(this.current,t,this.options):this.latestValues[t]}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:n}=this.props,o="string"==typeof n||"object"==typeof n?null===(e=lo(this.props,n))||void 0===e?void 0:e[t]:void 0;if(n&&void 0!==o)return o;const r=this.getBaseTargetFromProps(this.props,t);return void 0===r||fn(r)?void 0!==this.initialValues[t]&&void 0===o?void 0:this.baseTarget[t]:r}on(t,e){return this.events[t]||(this.events[t]=new pr),this.events[t].add(e)}notify(t){for(var e,n=arguments.length,o=new Array(n>1?n-1:0),r=1;r!t.hasValue(e))),s=i.length;if(s)for(let a=0;a{this.current&&(this.current.textContent=`${t}`)})))}renderInstance(t,e,n,o){oo(t,e,n,o)}}class Ha extends za{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){var n;return pn.has(e)?(null===(n=Fr(e))||void 0===n?void 0:n.default)||0:(e=ro.has(e)?e:no(e),t.getAttribute(e))}measureInstanceViewportBox(){return Ys()}scrapeMotionValuesFromProps(t,e){return ao(t,e)}build(t,e,n,o){Kn(t,e,n,this.isSVGTag,o.transformTemplate)}renderInstance(t,e,n,o){io(t,e,0,o)}mount(t){this.isSVGTag=Jn(t.tagName),super.mount(t)}}const Wa=(t,e)=>cn(t)?new Ha(e,{enableHardwareAcceleration:!1}):new Za(e,{enableHardwareAcceleration:!0});function qa(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const _a={correct:(t,e)=>{if(!e.target)return t;if("string"==typeof t){if(!Ln.test(t))return t;t=parseFloat(t)}return`${qa(t,e.target.x)}% ${qa(t,e.target.y)}%`}},Xa="_$css",Ya={correct:(t,e)=>{let{treeScale:n,projectionDelta:o}=e;const r=t,i=t.includes("var("),s=[];i&&(t=t.replace(ba,(t=>(s.push(t),Xa))));const a=Ar.parse(t);if(a.length>5)return r;const l=Ar.createTransformer(t),u="number"!=typeof a[0]?1:0,c=o.x.scale*n.x,d=o.y.scale*n.y;a[0+u]/=c,a[1+u]/=d;const h=oi(c,d,.5);"number"==typeof a[2+u]&&(a[2+u]/=h),"number"==typeof a[3+u]&&(a[3+u]/=h);let p=l(a);if(i){let t=0;p=p.replace(Xa,(()=>{const e=s[t];return t++,e}))}return p}};class Ga extends o.Component{componentDidMount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n,layoutId:o}=this.props,{projection:r}=t;(function(t){Object.assign(dn,t)})(Ka),r&&(e.group&&e.group.add(r),n&&n.register&&o&&n.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",(()=>{this.safeToRemove()})),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),Je.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:e,visualElement:n,drag:o,isPresent:r}=this.props,i=n.projection;return i&&(i.isPresent=r,o||t.layoutDependency!==e||void 0===e?i.willUpdate():this.safeToRemove(),t.isPresent!==r&&(r?i.promote():i.relegate()||ir.postRender((()=>{var t;null!==(t=i.getStack())&&void 0!==t&&t.members.length||this.safeToRemove()})))),null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),!t.currentAnimation&&t.isLead()&&this.safeToRemove())}componentWillUnmount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n}=this.props,{projection:o}=t;o&&(o.scheduleCheckAfterUnmount(),null!=e&&e.group&&e.group.remove(o),null!=n&&n.deregister&&n.deregister(o))}safeToRemove(){const{safeToRemove:t}=this.props;null==t||t()}render(){return null}}const Ka={borderRadius:{..._a,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:_a,borderTopRightRadius:_a,borderBottomLeftRadius:_a,borderBottomRightRadius:_a,boxShadow:Ya},Qa={measureLayout:function(t){const[e,n]=qo(),r=(0,o.useContext)(en);return Ae(Ga,{...t,layoutGroup:r,switchLayoutGroup:(0,o.useContext)(on),isPresent:e,safeToRemove:n})}};const Ja=["TopLeft","TopRight","BottomLeft","BottomRight"],tl=Ja.length,el=t=>"string"==typeof t?parseFloat(t):t,nl=t=>"number"==typeof t||Ln.test(t);function ol(t,e){return void 0!==t[e]?t[e]:t.borderRadius}const rl=sl(0,.5,ki),il=sl(.5,.95,vi);function sl(t,e,n){return o=>oe?1:n(pi(t,e,o))}function al(t,e){t.min=e.min,t.max=e.max}function ll(t,e){al(t.x,e.x),al(t.y,e.y)}function ul(t,e,n,o,r){return t=oa(t-=e,1/n,o),void 0!==r&&(t=oa(t,1/r,o)),t}function cl(t,e,n,o,r){let[i,s,a]=n;!function(t,e,n,o,r,i,s){if(void 0===e&&(e=0),void 0===n&&(n=1),void 0===o&&(o=.5),void 0===i&&(i=t),void 0===s&&(s=t),Vn.test(e)&&(e=parseFloat(e),e=oi(s.min,s.max,e/100)-s.min),"number"!=typeof e)return;let a=oi(i.min,i.max,o);t===i&&(a-=e),t.min=ul(t.min,e,n,a,r),t.max=ul(t.max,e,n,a,r)}(t,e[i],e[s],e[a],e.scale,o,r)}const dl=["x","scaleX","originX"],hl=["y","scaleY","originY"];function pl(t,e,n,o){cl(t.x,e,dl,null==n?void 0:n.x,null==o?void 0:o.x),cl(t.y,e,hl,null==n?void 0:n.y,null==o?void 0:o.y)}function ml(t){return 0===t.translate&&1===t.scale}function fl(t){return ml(t.x)&&ml(t.y)}function gl(t,e){return t.x.min===e.x.min&&t.x.max===e.x.max&&t.y.min===e.y.min&&t.y.max===e.y.max}function vl(t){return Fs(t.x)/Fs(t.y)}class yl{constructor(){this.members=[]}add(t){dr(this.members,t),t.scheduleRender()}remove(t){if(hr(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const t=this.members[this.members.length-1];t&&this.promote(t)}}relegate(t){const e=this.members.findIndex((e=>t===e));if(0===e)return!1;let n;for(let o=e;o>=0;o--){const t=this.members[o];if(!1!==t.isPresent){n=t;break}}return!!n&&(this.promote(n),!0)}promote(t,e){var n;const o=this.lead;if(t!==o&&(this.prevLead=o,this.lead=t,t.show(),o)){o.instance&&o.scheduleRender(),t.scheduleRender(),t.resumeFrom=o,e&&(t.resumeFrom.preserveOpacity=!0),o.snapshot&&(t.snapshot=o.snapshot,t.snapshot.latestValues=o.animationValues||o.latestValues),null!==(n=t.root)&&void 0!==n&&n.isUpdating&&(t.isLayoutDirty=!0);const{crossfade:r}=t.options;!1===r&&o.hide()}}exitAnimationComplete(){this.members.forEach((t=>{var e,n,o,r,i;null===(n=(e=t.options).onExitComplete)||void 0===n||n.call(e),null===(i=null===(o=t.resumingFrom)||void 0===o?void 0:(r=o.options).onExitComplete)||void 0===i||i.call(r)}))}scheduleRender(){this.members.forEach((t=>{t.instance&&t.scheduleRender(!1)}))}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function bl(t,e,n){let o="";const r=t.x.translate/e.x,i=t.y.translate/e.y;if((r||i)&&(o=`translate3d(${r}px, ${i}px, 0) `),(1!==e.x||1!==e.y)&&(o+=`scale(${1/e.x}, ${1/e.y}) `),n){const{rotate:t,rotateX:e,rotateY:r}=n;t&&(o+=`rotate(${t}deg) `),e&&(o+=`rotateX(${e}deg) `),r&&(o+=`rotateY(${r}deg) `)}const s=t.x.scale*e.x,a=t.y.scale*e.y;return(1!==s||1!==a)&&(o+=`scale(${s}, ${a})`),o||"none"}const xl=(t,e)=>t.depth-e.depth;class wl{constructor(){this.children=[],this.isDirty=!1}add(t){dr(this.children,t),this.isDirty=!0}remove(t){hr(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(xl),this.isDirty=!1,this.children.forEach(t)}}const Cl=["","X","Y","Z"];let kl=0;function El(t){let{attachResizeListener:e,defaultParent:n,measureScroll:o,checkIsScrollRoot:r,resetTransform:i}=t;return class{constructor(t,e,o){void 0===e&&(e={}),void 0===o&&(o=null==n?void 0:n()),this.id=kl++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isTransformDirty=!1,this.isProjectionDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.potentialNodes=new Map,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.nodes.forEach(Sl),this.nodes.forEach(Ll),this.nodes.forEach(Rl)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.elementId=t,this.latestValues=e,this.root=o?o.root||o:this,this.path=o?[...o.path,o]:[],this.parent=o,this.depth=o?o.depth+1:0,t&&this.root.registerPotentialNode(t,this);for(let n=0;n1?n-1:0),r=1;rthis.root.updateBlockedByResize=!1;e(t,(()=>{this.root.updateBlockedByResize=!0,n&&n(),n=rs(o,250),Je.hasAnimatedSinceResize&&(Je.hasAnimatedSinceResize=!1,this.nodes.forEach(Vl))}))}r&&this.root.registerSharedNode(r,this),!1!==this.options.animate&&s&&(r||i)&&this.addEventListener("didUpdate",(t=>{let{delta:e,hasLayoutChanged:n,hasRelativeTargetChanged:o,layout:r}=t;var i,a,l,u,c;if(this.isTreeAnimationBlocked())return this.target=void 0,void(this.relativeTarget=void 0);const d=null!==(a=null!==(i=this.options.transition)&&void 0!==i?i:s.getDefaultTransition())&&void 0!==a?a:$l,{onLayoutAnimationStart:h,onLayoutAnimationComplete:p}=s.getProps(),m=!this.targetLayout||!gl(this.targetLayout,r)||o,f=!n&&o;if(this.options.layoutRoot||null!==(l=this.resumeFrom)&&void 0!==l&&l.instance||f||n&&(m||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(e,f);const t={...ms(d,"layout"),onPlay:h,onComplete:p};(s.shouldReduceMotion||this.options.layoutRoot)&&(t.delay=0,t.type=!1),this.startAnimation(t)}else!n&&0===this.animationProgress&&Vl(this),this.isLead()&&(null===(c=(u=this.options).onExitComplete)||void 0===c||c.call(u));this.targetLayout=r}))}unmount(){var t,e;this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this),null===(t=this.getStack())||void 0===t||t.remove(this),null===(e=this.parent)||void 0===e||e.children.delete(this),this.instance=void 0,sr.preRender(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){var t;return this.isAnimationBlocked||(null===(t=this.parent)||void 0===t?void 0:t.isTreeAnimationBlocked())||!1}startUpdate(){var t;this.isUpdateBlocked()||(this.isUpdating=!0,null===(t=this.nodes)||void 0===t||t.forEach(Dl),this.animationId++)}getTransformTemplate(){var t;return null===(t=this.options.visualElement)||void 0===t?void 0:t.getProps().transformTemplate}willUpdate(t){var e,n,o;if(void 0===t&&(t=!0),this.root.isUpdateBlocked())return void(null===(n=(e=this.options).onExitComplete)||void 0===n||n.call(e));if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let s=0;s{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()}))}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure())}updateLayout(){var t;if(!(this.instance&&(this.updateScroll(),this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty)))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let n=0;n{var n;const o=e/1e3;Fl(a.x,t.x,o),Fl(a.y,t.y,o),this.setTargetDelta(a),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&!(null===(n=this.relativeParent)||void 0===n)&&n.layout&&(zs(l,this.layout.layoutBox,this.relativeParent.layout.layoutBox),function(t,e,n,o){Ol(t.x,e.x,n.x,o),Ol(t.y,e.y,n.y,o)}(this.relativeTarget,this.relativeTargetOrigin,l,o)),u&&(this.animationValues=s,function(t,e,n,o,r,i){r?(t.opacity=oi(0,void 0!==n.opacity?n.opacity:1,rl(o)),t.opacityExit=oi(void 0!==e.opacity?e.opacity:1,0,il(o))):i&&(t.opacity=oi(void 0!==e.opacity?e.opacity:1,void 0!==n.opacity?n.opacity:1,o));for(let s=0;s{Je.hasAnimatedSinceResize=!0,this.currentAnimation=function(t,e,n){void 0===n&&(n={});const o=fn(t)?t:gr(t);return o.start(fs("",o,e,n)),{stop:()=>o.stop(),isAnimating:()=>o.isAnimating()}}(0,1e3,{...t,onUpdate:e=>{var n;this.mixTargetDelta(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:()=>{var e;null===(e=t.onComplete)||void 0===e||e.call(t),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0}))}completeAnimation(){var t;this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0),null===(t=this.getStack())||void 0===t||t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){var t;this.currentAnimation&&(null===(t=this.mixTargetDelta)||void 0===t||t.call(this,1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const t=this.getLead();let{targetWithTransforms:e,target:n,layout:o,latestValues:r}=t;if(e&&n&&o){if(this!==t&&this.layout&&o&&zl(this.options.animationType,this.layout.layoutBox,o.layoutBox)){n=this.target||Ys();const e=Fs(this.layout.layoutBox.x);n.x.min=t.target.x.min,n.x.max=n.x.min+e;const o=Fs(this.layout.layoutBox.y);n.y.min=t.target.y.min,n.y.max=n.y.min+o}ll(e,n),ha(e,r),$s(this.projectionDeltaWithTransform,this.layoutCorrected,e,r)}}registerSharedNode(t,e){var n,o,r;this.sharedNodes.has(t)||this.sharedNodes.set(t,new yl),this.sharedNodes.get(t).add(e),e.promote({transition:null===(n=e.options.initialPromotionConfig)||void 0===n?void 0:n.transition,preserveFollowOpacity:null===(r=null===(o=e.options.initialPromotionConfig)||void 0===o?void 0:o.shouldPreserveFollowOpacity)||void 0===r?void 0:r.call(o,e)})}isLead(){const t=this.getStack();return!t||t.lead===this}getLead(){var t;const{layoutId:e}=this.options;return e&&(null===(t=this.getStack())||void 0===t?void 0:t.lead)||this}getPrevLead(){var t;const{layoutId:e}=this.options;return e?null===(t=this.getStack())||void 0===t?void 0:t.prevLead:void 0}getStack(){const{layoutId:t}=this.options;if(t)return this.root.sharedNodes.get(t)}promote(t){let{needsReset:e,transition:n,preserveFollowOpacity:o}=void 0===t?{}:t;const r=this.getStack();r&&r.promote(this,o),e&&(this.projectionDelta=void 0,this.needsReset=!0),n&&this.setOptions({transition:n})}relegate(){const t=this.getStack();return!!t&&t.relegate(this)}resetRotation(){const{visualElement:t}=this.options;if(!t)return;let e=!1;const{latestValues:n}=t;if((n.rotate||n.rotateX||n.rotateY||n.rotateZ)&&(e=!0),!e)return;const o={};for(let r=0;r{var e;return null===(e=t.currentAnimation)||void 0===e?void 0:e.stop()})),this.root.nodes.forEach(Tl),this.root.sharedNodes.clear()}}}function Ml(t){t.updateLayout()}function Pl(t){var e,n,o;const r=(null===(e=t.resumeFrom)||void 0===e?void 0:e.snapshot)||t.snapshot;if(t.isLead()&&t.layout&&r&&t.hasListeners("didUpdate")){const{layoutBox:e,measuredBox:n}=t.layout,{animationType:o}=t.options,i=r.source!==t.layout.source;"size"===o?Gs((t=>{const n=i?r.measuredBox[t]:r.layoutBox[t],o=Fs(n);n.min=e[t].min,n.max=n.min+o})):zl(o,r.layoutBox,e)&&Gs((t=>{const n=i?r.measuredBox[t]:r.layoutBox[t],o=Fs(e[t]);n.max=n.min+o}));const s=Xs();$s(s,e,r.layoutBox);const a=Xs();i?$s(a,t.applyTransform(n,!0),r.measuredBox):$s(a,e,r.layoutBox);const l=!fl(s);let u=!1;if(!t.resumeFrom){const n=t.getClosestProjectingParent();if(n&&!n.resumeFrom){const{snapshot:o,layout:i}=n;if(o&&i){const s=Ys();zs(s,r.layoutBox,o.layoutBox);const a=Ys();zs(a,e,i.layoutBox),gl(s,a)||(u=!0),n.options.layoutRoot&&(t.relativeTarget=a,t.relativeTargetOrigin=s,t.relativeParent=n)}}}t.notifyListeners("didUpdate",{layout:e,snapshot:r,delta:a,layoutDelta:s,hasLayoutChanged:l,hasRelativeTargetChanged:u})}else t.isLead()&&(null===(o=(n=t.options).onExitComplete)||void 0===o||o.call(n));t.options.transition=void 0}function Sl(t){t.isProjectionDirty||(t.isProjectionDirty=!(!t.parent||!t.parent.isProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=!(!t.parent||!t.parent.isTransformDirty))}function Bl(t){t.clearSnapshot()}function Tl(t){t.clearMeasurements()}function Al(t){const{visualElement:e}=t.options;null!=e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function Vl(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0}function Ll(t){t.resolveTargetDelta()}function Rl(t){t.calcProjection()}function Dl(t){t.resetRotation()}function Il(t){t.removeLeadSnapshot()}function Fl(t,e,n){t.translate=oi(e.translate,0,n),t.scale=oi(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function Ol(t,e,n,o){t.min=oi(e.min,n.min,o),t.max=oi(e.max,n.max,o)}function jl(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}const $l={duration:.45,ease:[.4,0,.1,1]};function Ul(t,e){let n=t.root;for(let r=t.path.length-1;r>=0;r--)if(t.path[r].instance){n=t.path[r];break}const o=(n&&n!==t.root?n.instance:document).querySelector(`[data-projection-id="${e}"]`);o&&t.mount(o,!0)}function Nl(t){t.min=Math.round(t.min),t.max=Math.round(t.max)}function zl(t,e,n){return"position"===t||"preserve-aspect"===t&&!Os(vl(e),vl(n),.2)}const Zl=El({attachResizeListener:(t,e)=>bo(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),Hl={current:void 0},Wl=El({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!Hl.current){const t=new Zl(0,{});t.mount(window),t.setOptions({layoutScroll:!0}),Hl.current=t}return Hl.current},resetTransform:(t,e)=>{t.style.transform=void 0!==e?e:"none"},checkIsScrollRoot:t=>"fixed"===window.getComputedStyle(t).position}),ql={...Ss,...Wo,...va,...Qa},_l=ln(((t,e)=>function(t,e,n,o,r){let{forwardMotionProps:i=!1}=e;return{...cn(t)?go:vo,preloadedFeatures:n,useRender:eo(i),createVisualElement:o,projectionNodeConstructor:r,Component:t}}(t,e,ql,Wa,Wl)));function Xl(){const t=(0,o.useRef)(!1);return $e((()=>(t.current=!0,()=>{t.current=!1})),[]),t}class Yl extends o.Component{getSnapshotBeforeUpdate(t){const e=this.props.childRef.current;if(e&&t.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function Gl(t){let{children:e,isPresent:n}=t;const r=(0,o.useId)(),i=(0,o.useRef)(null),s=(0,o.useRef)({width:0,height:0,top:0,left:0});return(0,o.useInsertionEffect)((()=>{const{width:t,height:e,top:o,left:a}=s.current;if(n||!i.current||!t||!e)return;i.current.dataset.motionPopId=r;const l=document.createElement("style");return document.head.appendChild(l),l.sheet&&l.sheet.insertRule(`\n [data-motion-pop-id="${r}"] {\n position: absolute !important;\n width: ${t}px !important;\n height: ${e}px !important;\n top: ${o}px !important;\n left: ${a}px !important;\n }\n `),()=>{document.head.removeChild(l)}}),[n]),o.createElement(Yl,{isPresent:n,childRef:i,sizeRef:s},o.cloneElement(e,{ref:i}))}const Kl=t=>{let{children:e,initial:n,isPresent:r,onExitComplete:i,custom:s,presenceAffectsLayout:a,mode:l}=t;const u=Qe(Ql),c=(0,o.useId)(),d=(0,o.useMemo)((()=>({id:c,initial:n,isPresent:r,custom:s,onExitComplete:t=>{u.set(t,!0);for(const e of u.values())if(!e)return;i&&i()},register:t=>(u.set(t,!1),()=>u.delete(t))})),a?void 0:[r]);return(0,o.useMemo)((()=>{u.forEach(((t,e)=>u.set(e,!1)))}),[r]),o.useEffect((()=>{!r&&!u.size&&i&&i()}),[r]),"popLayout"===l&&(e=o.createElement(Gl,{isPresent:r},e)),o.createElement(Oe.Provider,{value:d},e)};function Ql(){return new Map}const Jl=t=>t.key||"";const tu=t=>{let{children:e,custom:n,initial:r=!0,onExitComplete:i,exitBeforeEnter:s,presenceAffectsLayout:a=!0,mode:l="sync"}=t;s&&(l="wait");let[u]=function(){const t=Xl(),[e,n]=(0,o.useState)(0),r=(0,o.useCallback)((()=>{t.current&&n(e+1)}),[e]);return[(0,o.useCallback)((()=>ir.postRender(r)),[r]),e]}();const c=(0,o.useContext)(en).forceRender;c&&(u=c);const d=Xl(),h=function(t){const e=[];return o.Children.forEach(t,(t=>{(0,o.isValidElement)(t)&&e.push(t)})),e}(e);let p=h;const m=new Set,f=(0,o.useRef)(p),g=(0,o.useRef)(new Map).current,v=(0,o.useRef)(!0);if($e((()=>{v.current=!1,function(t,e){t.forEach((t=>{const n=Jl(t);e.set(n,t)}))}(h,g),f.current=p})),Ro((()=>{v.current=!0,g.clear(),m.clear()})),v.current)return o.createElement(o.Fragment,null,p.map((t=>o.createElement(Kl,{key:Jl(t),isPresent:!0,initial:!!r&&void 0,presenceAffectsLayout:a,mode:l},t))));p=[...p];const y=f.current.map(Jl),b=h.map(Jl),x=y.length;for(let o=0;o{if(-1!==b.indexOf(t))return;const e=g.get(t);if(!e)return;const r=y.indexOf(t);p.splice(r,0,o.createElement(Kl,{key:Jl(e),isPresent:!1,onExitComplete:()=>{g.delete(t),m.delete(t);const e=f.current.findIndex((e=>e.key===t));if(f.current.splice(e,1),!m.size){if(f.current=h,!1===d.current)return;u(),i&&i()}},custom:n,presenceAffectsLayout:a,mode:l},e))})),p=p.map((t=>{const e=t.key;return m.has(e)?t:o.createElement(Kl,{key:Jl(t),isPresent:!0,presenceAffectsLayout:a,mode:l},t)})),o.createElement(o.Fragment,null,m.size?p:p.map((t=>(0,o.cloneElement)(t))))};function eu(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"pauseButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(nu,{x:"7.1",y:"7.1",width:"5.8",height:"17.8"}),Ae(nu,{x:"19.1",y:"7.1",width:"5.8",height:"17.8"})]})}const nu=r.ZP.rect` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function ou(t){let{isIndicator:e}=t;return Ae("svg",{"data-cy":"playButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(ru,{d:"M10 25.5V6L26 16.2632L10 25.5Z"})})}const ru=r.ZP.path` - stroke: currentColor; - stroke-width: 2.75; - stroke-linecap: round; -`;function iu(t){let{isIndicator:e}=t;return Ae("svg",{"data-cy":"playButton1-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(su,{d:"M22.2468 17.6645L11.8588 24.5847C10.5297 25.4701 8.75 24.5173 8.75 22.9202L8.75 9.0798C8.75 7.48272 10.5297 6.52988 11.8588 7.41533L22.2468 14.3355C23.435 15.1271 23.435 16.8729 22.2468 17.6645Z"})})}const su=r.ZP.path` - stroke: currentColor; - stroke-width: 2.75; - stroke-linecap: round; -`;function au(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"pauseButton1-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(lu,{x:"7.1",y:"7.1",width:"5.8",height:"17.8",rx:"2.9"}),Ae(lu,{x:"19.1",y:"7.1",width:"5.8",height:"17.8",rx:"2.9"})]})}const lu=r.ZP.rect` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function uu(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"restartButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(cu,{d:"M7 17.415C7 22.7087 11.2533 27 16.5 27C21.7467 27 26 22.7087 26 17.415C26 14.701 24.9777 11.973 22.8333 10.1122C21.906 9.30744 20.7061 8.71157 18.7619 8.28647C17.8755 8.09265 17 8 15.5 8.28647C14.4569 8.48568 14.0652 8.65987 13.5 9C12.1363 9.82063 12 10 11.5 10.5"}),Ae(cu,{d:"M11.5485 5L10.8221 10.4396C10.7611 10.8965 11.0203 11.3359 11.4497 11.5035L15.8118 13.2063"})]})}const cu=r.ZP.path` - stroke: currentColor; - stroke-width: 2.5; - stroke-linecap: round; -`;function du(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"restartButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(hu,{d:"M7 17.415C7 22.7087 11.2533 27 16.5 27C21.7467 27 26 22.7087 26 17.415C26 14.701 24.9777 11.973 22.8333 10.1122C21.906 9.30744 20.7061 8.71157 18.7619 8.28647C17.8755 8.09265 17 8 15.5 8.28647C14.4569 8.48568 14.0652 8.65987 13.5 9C12.1363 9.82063 12 10 11.5 10.5"}),Ae(hu,{d:"M11.5485 4.99999L10.3232 11.5799L15.6147 13.3869"})]})}const hu=r.ZP.path` - stroke: currentColor; - stroke-width: 2.5; - stroke-linecap: square; -`;function pu(t){let{item:e}=t;const n=E(Ft,Rt),o=E(Nt,Rt);return Ve(mu,{onMouseMove:t=>t.preventDefault,onClick:()=>Ct(n),onKeyUp:t=>t.preventDefault(),whileHover:{scale:1.1,rotate:o===$t.ended?-30:0},whileTap:{scale:.95,rotate:o===$t.ended?-55:0},"data-cy":e.id,children:["playButton1"===e.id&&Ve(Le,{children:[o===$t.paused&&Ae(iu,{}),o===$t.playing&&Ae(au,{}),o===$t.ended&&Ae(uu,{})]}),"playButton2"===e.id&&Ve(Le,{children:[o===$t.paused&&Ae(ou,{}),o===$t.playing&&Ae(eu,{}),o===$t.ended&&Ae(du,{})]})]})}const mu=(0,r.ZP)(_l.button)` - cursor: pointer; - background: transparent; - border: 0; - padding: 0; - color: currentColor; - display: flex; - justify-content: center; - align-items: center; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,fu={init:{opacity:0,width:0},anim:{opacity:1,width:56},exit:{opacity:0,width:0}},gu={init:{opacity:0,zIndex:2},anim:{opacity:1,zIndex:2},exit:{opacity:0,zIndex:2}},vu={init:{opacity:.01},anim:{opacity:1,transition:{duration:.25}},exit:{opacity:0,transition:{duration:.25}}},yu={init:{y:35,opacity:0},anim:{y:0,opacity:1},exit:{y:45,opacity:0}},bu={init:{scale:1},anim:t=>({scale:t?1.15:1})},xu={init:{scale:1},anim:t=>({scale:t?1.15:1})},wu={init:{scale:1},anim:t=>({scale:t?1.15:1})},Cu={anim:t=>({scale:t?1:.25,opacity:t?1:0,transition:{opacity:{duration:.25},scale:{type:"spring",damping:10,mass:.75,stiffness:160}}})},ku={init:t=>({opacity:0,bottom:t?55:10}),anim:t=>({opacity:1,bottom:t?55:10}),exit:{opacity:0}},Eu={opacity:{duration:.1},bottom:{type:"spring",damping:10,mass:.75,stiffness:160}};function Mu(t){let{isHovered:e,isProgressDragging:n,data:r}=t;var i,s,a,l,u,c;const d=E(de,Rt),h=E(ue,Rt),p=E(ce,Rt),m=E(oe,Rt),f=E(Ht,Rt),g=E(he,Rt),[v,y]=(0,o.useState)({x:0,y:0,w:0,h:0});(0,o.useEffect)((()=>{if("text"!==r.id){const t=function(t,e){return null===e?null:Array.from(e).find((e=>t>e.startTime&&t0;return Ve(Le,{children:["text"===r.id&&Ae(Pu,{backgroundColor:null==(i=m.controlsBar)?void 0:i.barColor,textColor:null!=(s=m.controlsBar)&&s.barColor?Lt(null==(a=m.controlsBar)?void 0:a.barColor):"white","data-cy":"textPreviewTooltip",isVisible:b,style:{transform:`translate(${d}px, -60px)`},children:p}),("thumbnail"===r.id||"textAndThumbnail"===r.id)&&Ve(Su,{"data-cy":"imageThumbnailContainer",backgroundColor:null==(l=m.controlsBar)?void 0:l.barColor,textColor:null!=(u=m.controlsBar)&&u.barColor?Lt(null==(c=m.controlsBar)?void 0:c.barColor):"white",isVisible:b,style:{transform:`translate(${d}px, ${"thumbnail"===r.id?-1*v.h-50+"px":-1*v.h-72+"px"})`},children:[Ae(Bu,{"data-cy":"imageThumbnail",style:{backgroundPosition:`${-1*v.x}px ${-1*v.y}px`},height:v.h,width:v.w,backgroundImage:r.atlasImage??""}),"textAndThumbnail"===r.id&&Ae(Tu,{children:p})]})]})}const Pu=r.ZP.span` - position: absolute; - padding: 0.5rem; - border-radius: 0.5rem; - color: ${t=>t.textColor}; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - pointer-events: none; - opacity: ${t=>t.isVisible?1:0}; - transition: opacity 300ms; - box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.25); -`,Su=(0,r.ZP)(Pu)` - padding: 0.5rem; - box-sizing: border-box; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -`,Bu=r.ZP.div` - height: ${t=>t.height?t.height:"70"}px; - width: ${t=>t.width?t.width:"125"}px; - - background-image: url(${t=>t.backgroundImage}); -`,Tu=r.ZP.div` - padding: 0.25rem; -`,Au=(0,o.forwardRef)(((t,e)=>{const n=E(oe,Rt),o=E(se,Rt),r=E(le,Rt);return Ve(Vu,{ref:e,barBorderColor:t.item.barBorderColor,barColor:t.item.barColor,role:"progressbar",animate:{height:t.shouldAnimate?"0.6rem":"0.35rem"},transition:{duration:.2},children:[Ae(Ru,{"data-cy":"progressBuffer1",width:`${r}%`,bufferedColor:t.item.bufferedColor}),Ae(Lu,{"data-cy":"progress1",hasScrubber:t.hasScrubber,style:{width:t.hasScrubber?`calc(${o} + 6px)`:o},progressColor:t.item.progressColor,children:Ae(Du,{scrubberColor:t.item.scrubberColor??t.item.progressColor,scrubberBorderColor:t.item.scrubberBorderColor,variants:bu,custom:t.shouldAnimate,initial:"init",animate:"anim","data-cy":"progressBar1Scrubber"})}),n.previewTooltip&&Ae(Mu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:n.previewTooltip})]})})),Vu=(0,r.ZP)(_l.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"#f2f2f2"}; - border: 2.25px solid - ${t=>t.barBorderColor?t.barBorderColor:"none"}; - width: 100%; - border-radius: 0.7rem; - justify-content: flex-start; - position: relative; -`,Lu=r.ZP.div` - height: 100%; - pointer-events: none; - border-radius: 0.7rem; - display: flex; - justify-content: flex-end; - align-items: center; - position: absolute; - z-index: 2; - - ${t=>t.hasScrubber&&r.iv` - min-width: 16px; - `} - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,Ru=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - width: ${t=>t.width}; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.4)"}; - z-index: 1; - border-radius: 50rem; -`,Du=(0,r.ZP)(_l.div)` - height: 1rem; - width: 1rem; - background-color: ${t=>t.scrubberColor??"white"}; - position: absolute; - border-radius: 50rem; - box-sizing: border-box; - border: ${t=>void 0!==t.scrubberBorderColor?"2px solid "+t.scrubberBorderColor:void 0!==t.scrubberColor?"2px solid "+Vt(t.scrubberColor):"2px solid white"}; -`;Au.displayName="ProgressBar1";const Iu=(0,o.forwardRef)(((t,e)=>{const n=E(se,Rt),o=E(oe,Rt),r=E(le,Rt);return Ve(Fu,{ref:e,role:"progressbar",barColor:t.item.barColor,children:[Ae(ju,{"data-cy":"progressBuffer2",width:`${r}%`,bufferedColor:t.item.bufferedColor}),Ae(Ou,{"data-cy":"progress2",hasScrubber:t.hasScrubber,style:{width:t.hasScrubber?`calc(${n} + 6px)`:n},progressColor:t.item.progressColor}),o.previewTooltip&&Ae(Mu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:o.previewTooltip})]})})),Fu=(0,r.ZP)(_l.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"#f2f2f2"}; - width: 100%; - height: 1.4rem; - justify-content: flex-start; - position: relative; -`,Ou=r.ZP.div` - height: 100%; - pointer-events: none; - display: flex; - justify-content: flex-end; - align-items: center; - position: absolute; - z-index: 2; - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,ju=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - width: ${t=>t.width}; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.2)"}; - z-index: 1; -`;Iu.displayName="ProgressBar2";const $u=(0,o.forwardRef)(((t,e)=>{const n=E(se,Rt),o=E(oe,Rt),r=E(le,Rt);return Ve(Uu,{ref:e,role:"progressbar",barBorderColor:t.item.barBorderColor,barColor:t.item.barColor,children:[Ve(Zu,{children:[Ae(Nu,{"data-cy":"progressBuffer3",style:{width:`clamp(0%, ${r}%, 100%)`},bufferedColor:t.item.bufferedColor}),Ae(zu,{"data-cy":"progress3",style:{width:`clamp(0%, ${n}, 100%)`},progressColor:t.item.progressColor})]}),o.previewTooltip&&Ae(Mu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:o.previewTooltip})]})})),Uu=(0,r.ZP)(_l.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"transparent"}; - width: 100%; - height: 1.25rem; - justify-content: flex-start; - border-radius: 1rem; - border: 3px solid ${t=>t.barBorderColor}; - position: relative; -`,Nu=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.4)"}; - z-index: 1; - height: 35%; - border-radius: 0.4rem; -`,zu=r.ZP.div` - height: 35%; - pointer-events: none; - position: absolute; - z-index: 2; - border-radius: 0.4rem; - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,Zu=r.ZP.div` - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-top: 2px solid transparent; - border-bottom: 2px solid transparent; - position: relative; - height: 100%; - width: 100%; - display: flex; - flex-direction: column; - justify-content: center; - box-sizing: border-box; -`;$u.displayName="ProgressBar3";const Hu=150,Wu=60;function qu(t){let{item:e,onTop:n=!1}=t;const r=(0,o.useRef)(null),[i,s]=(0,o.useState)(!1),a=E(Ft,Rt),l=E(Ot,Rt),u=M(ie,Rt),c=E(Nt,Rt),d=E(oe,Rt),h=M(_t,Rt),[p,m]=(0,o.useState)(-1),[f,g]=P(ae,Rt),v=M(de,Rt),y=M(ue,Rt),b=E(ge,Rt);function x(t,e){var n;Mt(t,e,f,r,l,a,"text"===(null==(n=d.previewTooltip)?void 0:n.id)?Wu:Hu,u,g,y,v)}ke(p,a,f,m,c);const w=(i||f)&&!b,C=!("transparent"===e.scrubberColor&&("transparent"===e.scrubberBorderColor||"none"===e.scrubberBorderColor||void 0===e.scrubberBorderColor));return Ve(_u,{tabIndex:0,onFocus:()=>h("progressBar"),onTop:n,"data-cy":e.id,isDragging:f,onTouchStart:t=>{s(!0),Et(t,x,l,g,!0)},onTouchEnd:()=>s(!1),onMouseEnter:()=>s(!0),onMouseMove:t=>{var e;return Pt(t,f,r,l,a,"text"===(null==(e=d.previewTooltip)?void 0:e.id)?Wu:Hu,y,v)},onMouseLeave:()=>s(!1),onMouseDown:t=>Et(t,x,l,g,!1),children:["progressBar1"===e.id&&Ae(Au,{hasScrubber:C,shouldAnimate:w,item:e,isProgressDragging:f,isHovered:i&&!b,ref:r}),"progressBar2"===e.id&&Ae(Iu,{hasScrubber:!1,shouldAnimate:w,item:e,isProgressDragging:f,isHovered:i&&!b,ref:r}),"progressBar3"===e.id&&Ae($u,{hasScrubber:!1,shouldAnimate:w,item:e,isProgressDragging:f,isHovered:i&&!b,ref:r})]})}const _u=r.ZP.div` - height: 100%; - width: 100%; - display: flex; - align-items: ${t=>t.onTop?"flex-end":"center"}; - cursor: ${t=>t.isDragging?"col-resize":"pointer"}; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Xu=(0,o.forwardRef)(((t,e)=>{var n;const o=t.isBarHovered||t.isVolumeDragging,r=E(oe,Rt),i=E(me,Rt),s=M(_t,Rt),a=t=>{s(t)},l=()=>{s("progressBar"),t.setIsVolumeHovered(!1)},u=!("transparent"===t.item.scrubberColor&&("transparent"===t.item.scrubberBorderColor||"none"===t.item.scrubberBorderColor||void 0===t.item.scrubberBorderColor));return"volumeBar1"===t.item.barId?Ae(Yu,{tabIndex:0,onFocus:()=>a("volumeBar1"),onBlur:l,barColor:t.item.barColor,"data-cy":t.item.barId,ref:e,animate:{height:o?"0.5rem":"0.35rem"},transition:{duration:.2},children:Ae(Qu,{style:{width:u?`calc(${i} + 5px)`:i},volumeColor:t.item.volumeColor,volumeBar2:!1,hasScrubber:u,children:Ae(Ju,{"data-cy":"volumeScrubber1",scrubberBorderColor:t.item.scrubberBorderColor,scrubberColor:t.item.scrubberColor??t.item.volumeColor,variants:xu,custom:o,initial:"init",animate:"anim"})})}):"volumeBar2"===t.item.barId?Ae(Gu,{onFocus:()=>a("volumeBar2"),onBlur:l,tabIndex:0,backgroundColor:null==(n=r.controlsBar)?void 0:n.barColor,children:Ae(Ku,{barColor:t.item.barColor,"data-cy":t.item.barId,ref:e,children:Ae(Qu,{volumeBar2:!0,style:{height:i},volumeColor:t.item.volumeColor,hasScrubber:u,children:Ae(Ju,{"data-cy":"volumeScrubber2",scrubberBorderColor:t.item.scrubberBorderColor,scrubberColor:t.item.scrubberColor??t.item.volumeColor,variants:wu,custom:o,initial:"init",animate:"anim"})})})}):Ae(Le,{})}));Xu.displayName="VolumeBars";const Yu=(0,r.ZP)(_l.div)` - height: 0.35rem; - background-color: ${t=>t.barColor?t.barColor:"white"}; - width: 3.5rem; - border-radius: 0.35rem; - margin-left: 0.35rem; - display: flex; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Gu=r.ZP.div` - height: 5.9rem; - width: 2rem; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - display: flex; - justify-content: center; - align-items: center; - transform: translate(-30px, -68px); - border-radius: 0.45rem 0.45rem 0 0; - position: absolute; - z-index: 2; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Ku=r.ZP.div` - height: 4.75rem; - width: 0.5rem; - display: flex; - flex-direction: column-reverse; - border-radius: 0.35rem; - background-color: ${t=>t.barColor?t.barColor:"white"}; -`,Qu=r.ZP.div` - background-color: ${t=>t.volumeColor?t.volumeColor:"#4ab860"}; - border-radius: 0.35rem; - display: flex; - ${t=>!t.volumeBar2&&r.iv` - height: 100%; - justify-content: flex-end; - align-items: center; - ${t.hasScrubber&&r.iv` - min-width: 12px; - max-width: ${50.5}px; - `} - `} - - ${t=>t.volumeBar2&&r.iv` - width: 100%; - display: flex; - flex-direction: column-reverse; - justify-content: flex-end; - align-items: center; - ${t.hasScrubber&&r.iv` - min-height: 12.8px; - max-height: ${76}px; - `} - `} -`,Ju=(0,r.ZP)(_l.div)` - height: 0.9rem; - width: 0.9rem; - box-sizing: border-box; - background-color: ${t=>t.scrubberColor??"white"}; - position: absolute; - border-radius: 50rem; - border: ${t=>void 0!==t.scrubberBorderColor?"2px solid "+t.scrubberBorderColor:void 0!==t.scrubberColor?"2px solid "+Vt(t.scrubberColor):"none"}; -`;function tc(t){let{item:e}=t;const[n,r]=(0,o.useState)(!1),[i,s]=(0,o.useState)(!1),a=E(fe,Rt),l=(0,o.useRef)(null),u=E(Ft,Rt),c=E(pe,Rt);function d(t,n){if(l&&l.current){let o=0;"volumeBar1"===e.barId?Bt(t)?o=t.touches[0].clientX:Tt(t)&&(o=t.clientX):Bt(t)?o=t.touches[0].clientY:Tt(t)&&(o=t.clientY),m("volumeBar1"===e.barId?"horizontal":"vertical");const r="volumeBar1"===e.barId?o-n.left:o-n.top,i=l.current.getBoundingClientRect(),s="volumeBar1"===e.barId?i.left-n.left:i.bottom-n.top,a=kt(("volumeBar1"===e.barId?1:-1)*(r-s),0,"volumeBar1"===e.barId?i.width:i.height),c=kt(a/("volumeBar1"===e.barId?l.current.clientWidth:l.current.clientHeight),0,1);u&&(u.volume=c),u&&(u.muted=!1)}}const h=E(Ot,Rt),[p,m]=P(ge,Rt);return Ve(ec,{"data-cy":`volumeButtonBarContainer-${e.id}`,isDragging:p,onMouseEnter:()=>!At()&&r(!0),onMouseLeave:()=>!At()&&r(!1),children:[Ae(rc,{onFocus:()=>!At()&&r(!0),"data-cy":e.id,whileHover:{scale:1.075},whileTap:{scale:.925},onClick:()=>u?u.muted=!u.muted:null,children:("volumeButton1"===e.id||"volumeButton2"===e.id)&&Ve("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(oc,{d:"M5 12H9V20H5C4.44772 20 4 19.5523 4 19V13C4 12.4477 4.44772 12 5 12Z"}),Ae(oc,{d:"M9 13L15 7"}),Ae(oc,{d:"M15 7V26"}),Ae(oc,{d:"M9 20L15 26"}),Ae(tu,{children:(0===c||a)&&Ve(_l.g,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},children:[Ae(oc,{d:"M21 13.5L28 20.5"}),Ae(oc,{d:"M28 13.5L21 20.5"})]})}),Ae(tu,{children:c>0&&!a&&Ae(oc,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},d:"M19.5 13.5C21 14.6667 23.1 17.7 19.5 20.5",id:"custoplayer-arc1"})}),Ae(tu,{children:c>.5&&!a&&Ae(oc,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},d:"M24 9.5C27.0185 11.7059 31.2444 17.7941 24 24.5",id:"custoplayer-arc2"})})]})}),Ae(tu,{children:(n||p)&&e.barId&&Ae(nc,{variants:"volumeBar1"===e.barId?fu:gu,initial:"init",animate:"anim",exit:"exit","data-cy":"volumeContainer",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onMouseDown:t=>Et(t,d,h,m,!1),onTouchStart:t=>{s(!0),Et(t,d,h,m,!0)},onTouchEnd:()=>s(!1),children:Ae(Xu,{item:e,isBarHovered:i,isVolumeDragging:p,ref:l,setIsVolumeHovered:r})})})??e.barId]})}const ec=r.ZP.div` - height: 100%; - width: auto; - background-color: transparent; - display: flex; - align-items: center; - justify-content: flex-start; - cursor: ${t=>t.isDragging?"horizontal"===t.isDragging?"col-resize":"row-resize":"auto"}; - color: currentColor; -`,nc=(0,r.ZP)(_l.div)` - height: 100%; - display: flex; - align-items: center; - cursor: pointer; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,oc=(0,r.ZP)(_l.path)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,rc=(0,r.ZP)(_l.button)` - border: 0; - display: flex; - justify-content: center; - align-items: center; - background-color: transparent; - padding: 0; - cursor: pointer; - color: inherit; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`;function ic(){const t=E(Zt,Rt);return Ae(sc,{isLargerThan60Minutes:7===t.length,"data-cy":"currentTime",children:t})}const sc=r.ZP.span` - color: currentColor; - width: ${t=>t.isLargerThan60Minutes?"59px":"45px"}; - text-align: center; -`;function ac(){const t=E(Wt,Rt);return Ae(lc,{isLargerThan60Minutes:7===t.length,"data-cy":"duration",children:t})}const lc=r.ZP.span` - color: currentColor; - text-align: center; - width: ${t=>t.isLargerThan60Minutes?"59px":"45px"}; -`;function uc(t){let{item:e,isFullscreen:n}=t;const[r,i]=(0,o.useState)(!1),[s,a]=(0,o.useState)(!1),l=E(Ft,Rt),u=E(Ot,Rt);return Ae(Le,{children:Ve(cc,{"data-cy":e.id,onMouseEnter:()=>i(!0),onMouseLeave:()=>{i(!1),a(!1)},onMouseDown:()=>a(!0),onMouseUp:()=>a(!1),onClick:function(){u&&Ce.isEnabled?Ce.toggle(u):u&&l&&!Ce.isEnabled&&l.webkitEnterFullscreen()},children:["fullscreenButton1"===e.id&&Ve("svg",n?{"data-cy":"fullscreenButton1-fullscreened",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(dc,{animate:{d:r&&!s?"M29 3L19 13":"M29 3L21 11"},d:"M29 3L21 11"}),Ae(dc,{animate:{d:r&&!s?"M19 13V7":"M21 11V7"},d:"M21 11V7"}),Ae(dc,{animate:{d:r&&!s?"M19 13H25":"M21 11H25"},d:"M21 11H25"}),Ae(dc,{animate:{d:r&&!s?"M3 29L13 19":"M3 29L11 21"},d:"M3 29L11 21"}),Ae(dc,{animate:{d:r&&!s?"M13 19H7":"M11 21H7"},d:"M11 21H7"}),Ae(dc,{animate:{d:r&&!s?"M13 19V25":"M11 21V25"},d:"M11 21V25"})]}:{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton1-not-fullscreened",children:[Ae(dc,{animate:{d:r&&!s?"M18 14L28 4":"M18 14L26 6"}}),Ae(dc,{animate:{d:r&&!s?"M28 4V10":"M26 6V10"}}),Ae(dc,{animate:{d:r&&!s?"M28 4H22":"M26 6H22"}}),Ae(dc,{animate:{d:r&&!s?"M14 18L4 28":"M14 18L6 26"}}),Ae(dc,{animate:{d:r&&!s?"M4 28H10":"M6 26H10"}}),Ae(dc,{animate:{d:r&&!s?"M4 28V22":"M6 26V22"}})]}),"fullscreenButton2"===e.id&&Ve("svg",n?{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton2-fullscreened",children:[Ae(hc,{x:"1",y:"1",width:"30",height:"30"}),Ae(hc,{x:"1",initial:{y:"18px",width:"12px",height:"13px"},animate:{width:r&&!s?"10px":"12px",height:r&&!s?"11px":"13px",y:r&&!s?"20px":"18px"}}),Ae(dc,{animate:{d:r&&!s?"M26 5L16 15":"M26 5L18 13"},d:"M26 5L18 13"}),Ae(dc,{animate:{d:r&&!s?"M16 15H22":"M18 13H22"},d:"M18 13H22"}),Ae(dc,{animate:{d:r&&!s?"M16 15V9":"M18 13V9"},d:"M18 13V9"})]}:{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton2-not-fullscreened",children:[Ae(hc,{x:"1",y:"1",width:"30",height:"30"}),Ae(hc,{x:"1",initial:{y:"8px"},animate:{y:r&&!s?"6px":"8px",width:r?"24px":"21px",height:r?"25px":"23px"}}),Ae(dc,{animate:{d:r&&!s?"M7 24L17 14":"M7 24L15 16"},d:"M7 24L15 16"}),Ae(dc,{animate:{d:r&&!s?"M17 14H11":"M15 16H11"},d:"M15 16H11"}),Ae(dc,{animate:{d:r&&!s?"M17 14V20":"M15 16V20"},d:"M15 16V20"})]})]})})}const cc=r.ZP.button` - background: transparent; - padding: 0; - border: 0; - color: currentColor; - cursor: pointer; - height: 32px; - width: 32px; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,dc=(0,r.ZP)(_l.path)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,hc=(0,r.ZP)(_l.rect)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,pc=(0,r.ZP)(_l.button)` - background-color: transparent; - border: 0; - color: inherit; - width: 100%; - height: 100%; - text-align: left; - font-size: 1em; - padding: 0.6rem 0.4rem; - cursor: pointer; - border-radius: 0.5rem; - display: flex; - align-items: center; - - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } - - &:hover { - background-color: ${t=>t.settingsMenuColor?""+Vt(t.settingsMenuColor):"currentColor"}; - } - &:active { - background-color: ${t=>t.settingsMenuColor?""+function(t){return mt(t).darken(.175)}(t.settingsMenuColor):"currentColor"}; - } -`,mc=(0,r.ZP)(_l.li)` - list-style-type: none; - margin: 0; - color: inherit; -`,fc=(0,r.ZP)(_l.svg)` - height: 20px; - width: 20px; - min-height: 20px; - min-width: 20px; - stroke: currentColor; - stroke-width: 2px; - margin: ${t=>t.margin?t.margin:"0 0.35rem 0 0"}; -`,gc=(0,r.ZP)(_l.h3)` - color: inherit; - margin: 0; - font-weight: normal; -`,vc=(0,r.ZP)(fc)` - margin-right: 0; - height: 18px; - width: 18px; -`,yc=(0,r.ZP)(pc)` - padding: 0.25rem; - width: auto; - margin-right: 0.35rem; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,bc=()=>Ae(fc,{margin:"0 0.25rem 0 auto",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(_l.path,{initial:{pathLength:0},animate:{pathLength:1},transition:{duration:.3,type:"easeInOut"},d:"M4 16L8.0982 21.7375C8.52071 22.329 9.41304 22.288 9.80496 21.6758C12.1212 18.0575 17.15 11.8143 27 9",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})});function xc(t){var e,n;if("ArrowUp"===t.key){const n=t.target.parentElement,o=null==n?void 0:n.previousElementSibling;if(o){const t=o.firstElementChild;t&&t.focus()}else{const t=null==(e=null==n?void 0:n.parentElement)?void 0:e.lastElementChild;if(t){const e=t.firstElementChild;e&&e.focus()}}}else if("ArrowDown"===t.key){const e=t.target.parentElement,o=null==e?void 0:e.nextElementSibling;if(o){const t=o.firstElementChild;t&&t.focus()}else{const t=null==(n=null==e?void 0:e.parentElement)?void 0:n.firstElementChild;if(t){const e=t.firstElementChild;e&&e.focus()}}}}function wc(t){let{settingsMenuColor:e,onClick:n,dataCy:o,children:r}=t;return Ae(pc,{onKeyDown:xc,"data-cy":o,onClick:n,settingsMenuColor:e,layout:"position",children:r})}function Cc(t){let{item:e,setCurrentPage:n}=t;var o,r,i,s;const a=E(oe,Rt),l=e.settingsMenuColor??(null==(o=null==a?void 0:a.controlsBar)?void 0:o.barColor);return Ve(Le,{children:[Ae(mc,{children:(null==(r=e.options)?void 0:r.quality)&&Ve(wc,{dataCy:"settingsMenuQualityButton",onClick:()=>n("/quality"),settingsMenuColor:l,children:[Ae(kc,{}),"Quality"]})}),(null==(i=e.options)?void 0:i.subtitles)&&Ae(mc,{children:Ve(wc,{dataCy:"settingsMenuSubtitlesButton",onClick:()=>n("/subtitles"),settingsMenuColor:l,children:[Ae(Ec,{}),"Subtitles"]})}),(null==(s=e.options)?void 0:s.playbackSpeed)&&Ae(mc,{children:Ve(wc,{dataCy:"settingsMenuSpeedButton",onClick:()=>n("/playback-speed"),settingsMenuColor:l,children:[Ae(Mc,{}),"Speed"]})})]})}const kc=()=>Ve(fc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("rect",{x:"3",y:"3",width:"26",height:"26",rx:"6"}),Ae("path",{d:"M8.5 11V15.5M8.5 20V15.5M8.5 15.5H13.5M13.5 11V20",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),Ae("path",{d:"M23.5 15.5C23.5 18.0154 21.5324 20 19.1714 20C18.5694 20 18.2619 19.874 18.0967 19.7554C17.9388 19.6421 17.7996 19.4562 17.6935 19.1021C17.5826 18.7317 17.5282 18.244 17.509 17.6107C17.4962 17.185 17.4996 16.7425 17.5033 16.2596C17.5051 16.0175 17.507 15.7653 17.507 15.5C17.507 15.2347 17.5051 14.9825 17.5033 14.7404C17.4996 14.2575 17.4962 13.815 17.509 13.3893C17.5282 12.756 17.5826 12.2683 17.6935 11.8979C17.7996 11.5438 17.9388 11.3579 18.0967 11.2446C18.2619 11.126 18.5694 11 19.1714 11C21.5324 11 23.5 12.9846 23.5 15.5Z",stroke:"currentColor",strokeWidth:"2"})]}),Ec=()=>Ve(fc,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("rect",{x:"3",y:"3",width:"26",height:"26",rx:"6",stroke:"currentColor",strokeWidth:"2"}),Ae("path",{d:"M14 20.8452C10.7273 21.7262 8 18.676 8 16C8 13.324 11.2727 10.2738 14 11.1548",stroke:"currentCOlor",strokeWidth:"2.25",strokeLinecap:"round"}),Ae("path",{d:"M23 20.8452C20 20.8452 18 18.676 18 16C18 13.324 19.5 11 23 11.1548",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round"})]}),Mc=()=>Ae(fc,{width:"32",height:"32",viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ve("g",{clipPath:"url(#clip0_143_2)",children:[Ae("path",{d:"M26.25 27.25C31.6348 21.8652 31.6348 13.1348 26.25 7.74999C20.8652 2.36522 12.1348 2.36522 6.75 7.74999C1.36523 13.1348 1.36523 21.8652 6.75 27.25",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M6.84175 27.3492L9.72126 25.8602",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M4.38938 13.744L7.53268 14.5368",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M25.6726 14.5795L28.7945 13.7014",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M16.7426 7.50893L16.6949 4.26755",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M26.1818 27.4507L23.3237 25.921",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("circle",{cx:"16.5",cy:"17.5",r:"2.5",fill:"currentColor",stroke:"currentColor"}),Ae("path",{d:"M23.6935 17.5L16.75 19.0419V15.9581L23.6935 17.5Z",strokeWidth:"2.5",fill:"currentColor",stroke:"currentColor"})]})}),Pc=Object.keys;function Sc(t){let{item:e}=t;var n;const o=E(Jt,Rt),r=E(Kt,Rt),i=E(Ft,Rt),s=Pc(o).map((t=>Number(t)));s.sort(((t,e)=>e-t));const a=E(oe,Rt),l=e.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor);const u=s.map((t=>{const e=o[t];if(null!==e)return Ae(mc,{children:Ve(wc,{dataCy:`settingsMenuQualityButton${t}p`,settingsMenuColor:l,onClick:()=>function(t){if(i){const e=i.currentTime,n=i.paused;i.src=t,i.currentTime=e,n||i.play()}}(e),children:[t+"p",r===t&&Ae(bc,{})]})},`quality-${t}`)}));return Ae(Le,{children:u})}function Bc(t){let{item:e}=t;var n;const o=E(oe,Rt),r=e.settingsMenuColor??(null==(n=null==o?void 0:o.controlsBar)?void 0:n.barColor),[i,s]=P(Yt,Rt),[a,l]=P(Gt,Rt),u=M(Xt,Rt);if(null!==i){const t=i.map(((t,e)=>Ae(mc,{children:Ve(wc,{dataCy:`settingsMenuSubtitleButton${t.label}`,settingsMenuColor:r,onClick:()=>function(t,e){t((t=>null===t?null:(t.forEach((t=>{t.mode="hidden"})),t[e].mode="showing",t)))}(s,e),children:[t.label,(null==a?void 0:a.label)===t.label&&Ae(bc,{})]})},`subtitle-${e}`)));return Ve(Le,{children:[Ae(mc,{children:Ve(wc,{dataCy:"settingsMenuSubtitleButtonNone",settingsMenuColor:r,onClick:()=>function(t,e,n){t((t=>null===t?null:(t.forEach((t=>{t.mode="hidden"})),t))),e(null),n(null)}(s,u,l),children:["None",null===a&&Ae(bc,{})]})}),t]})}return Ae(Le,{})}function Tc(t){let{item:e}=t;var n,o,r;const i=E(qt,Rt),s=E(Ft,Rt),a=E(oe,Rt),l=e.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor),u=(null==(o=e.options)?void 0:o.playbackSpeed)&&(null==(r=e.options)?void 0:r.playbackSpeed.map(((t,e)=>Ae(mc,{children:Ve(wc,{dataCy:`settingsMenuSpeedButton-${e}`,onClick:()=>s?s.playbackRate=t:null,settingsMenuColor:l,children:[t," ",i===t&&Ae(bc,{})]})},`settingsMenuSpeedButton-${e}`))));return Ae(Le,{children:u})}const Ac=()=>Ve(vc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("path",{d:"M6 6L26 26",stroke:"currentColor",strokeWidth:"3.5",strokeLinecap:"round"}),Ae("path",{d:"M6 26L26 6",stroke:"currentColor",strokeWidth:"3.5",strokeLinecap:"round"})]}),Vc=()=>Ae(vc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae("path",{d:"M28 17.5C28.8284 17.5 29.5 16.8284 29.5 16C29.5 15.1716 28.8284 14.5 28 14.5V17.5ZM2.93934 14.9393C2.35355 15.5251 2.35355 16.4749 2.93934 17.0607L12.4853 26.6066C13.0711 27.1924 14.0208 27.1924 14.6066 26.6066C15.1924 26.0208 15.1924 25.0711 14.6066 24.4853L6.12132 16L14.6066 7.51472C15.1924 6.92893 15.1924 5.97918 14.6066 5.3934C14.0208 4.80761 13.0711 4.80761 12.4853 5.3934L2.93934 14.9393ZM28 14.5L4 14.5V17.5L28 17.5V14.5Z",fill:"currentColor"})}),Lc=(0,o.forwardRef)(((t,e)=>{var n;const[r,i]=(0,o.useState)("/home"),s=E(ne,Rt),a=E(oe,Rt);(0,o.useEffect)((()=>{if(e){const t=e.current.lastChild;let n=null==t?void 0:t.firstChild;for(;null!==n&&((null==n?void 0:n.nodeType)!==Node.ELEMENT_NODE||!n.hasChildNodes())&&(n=null==n?void 0:n.nextSibling,n););const o=null==n?void 0:n.firstChild;o&&o.focus()}}),[e,r]);const l=t.item.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor);return Ae(Rc,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.25},orientation:t.item.settingsMenuOrientation??"middle",children:Ve(Dc,{layout:!0,ref:e,"data-cy":"settingsMenu",settingsMenuColor:l,textColor:Lt(l??""),children:[Ve(Ic,{layout:!0,children:[Ae(yc,{"data-cy":"settingsMenuHeaderButton",settingsMenuColor:l,onClick:()=>"/home"===r?t.setIsSettingsMenuOpen(!1):i("/home"),children:Ae("/home"===r?Ac:Vc,{})}),Ae(gc,{layout:"position",children:"/home"===r?"Settings":"/quality"===r?"Quality":"/subtitles"===r?"Subtitles":"/playback-speed"===r?"Speed":void 0})]}),Ve(Fc,{settingsMenuHeight:s.height-45-60,onKeyDown:e=>"Escape"===e.key&&t.setIsSettingsMenuOpen(!1),children:["/home"===r&&Ae(Cc,{setCurrentPage:i,item:t.item}),"/quality"===r&&Ae(Sc,{item:t.item}),"/subtitles"===r&&Ae(Bc,{item:t.item}),"/playback-speed"===r&&Ae(Tc,{item:t.item})]})]})})}));Lc.displayName="SettingsMenu";const Rc=(0,r.ZP)(_l.div)` - transform: translate( - ${t=>"middle"===t.orientation?"-3rem":"left"===t.orientation?"-5.25rem":"0rem"}, - -2rem - ); - display: flex; - flex-direction: column-reverse; -`,Dc=(0,r.ZP)(_l.menu)` - border-radius: 0.5rem; - background-color: ${t=>t.settingsMenuColor?t.settingsMenuColor:"currentColor"}; - position: absolute; - margin: 0; - padding: 0.35rem 0.45rem; - overflow: hidden; - min-width: 6.5rem; - box-shadow: 10px 10px 55px -8px rgba(0, 0, 0, 0.56); - color: ${t=>t.textColor}; -`,Ic=(0,r.ZP)(_l.section)` - display: flex; - align-items: center; - margin: 0.25rem 0 0.5rem; - color: inherit; -`,Fc=r.ZP.ul` - max-height: ${t=>t.settingsMenuHeight}px; - color: inherit; - padding: 0; - margin: 0; - overflow-y: auto; - overflow-x: hidden; - ::-webkit-scrollbar { - width: 0; - } - scrollbar-width: none; -`;function Oc(t){let{item:e}=t;const[n,r]=(0,o.useState)(!1),i=(0,o.useRef)(null);return function(t,e){(0,o.useEffect)((()=>{const n=n=>{!t.current||t.current.contains(n.target)||e(n)};return document.addEventListener("click",n),()=>{document.removeEventListener("click",n)}}),[t,e])}(i,(()=>r(!1))),Ve(Le,{children:[e.options&&Ae(tu,{children:n&&Ae(Lc,{ref:i,item:e,setIsSettingsMenuOpen:r})}),Ae(jc,{onClick:function(){r((t=>!t))},"data-cy":e.id,whileHover:{scale:1.1,rotateZ:45},whileTap:{scale:.95,rotateZ:0},children:Ae("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ve("g",{children:[Ae($c,{as:"circle",cx:"16",cy:"16",r:"3"}),Ae($c,{d:"M10.7591 6.96198C12.3955 8.30774 14.8735 7.58014 15.5226 5.56327C15.6719 5.09948 16.3281 5.09948 16.4774 5.56327C17.1265 7.58014 19.6045 8.30774 21.2409 6.96198C21.6173 6.65252 22.1693 7.00729 22.0441 7.47815C21.4998 9.52578 23.191 11.4776 25.2953 11.2302C25.7792 11.1733 26.0518 11.7702 25.6919 12.0986C24.1269 13.5269 24.4945 16.0833 26.3984 17.0128C26.8363 17.2265 26.7429 17.8761 26.2626 17.9578C24.1738 18.3133 23.101 20.6625 24.2002 22.4738C24.4529 22.8904 24.0232 23.3863 23.5749 23.1954C21.6256 22.3652 19.453 23.7614 19.3984 25.8795C19.3858 26.3665 18.7562 26.5514 18.4823 26.1485C17.2913 24.3962 14.7087 24.3962 13.5177 26.1485C13.2438 26.5514 12.6142 26.3665 12.6016 25.8795C12.547 23.7614 10.3744 22.3652 8.42505 23.1954C7.9768 23.3863 7.54708 22.8904 7.79984 22.4738C8.899 20.6625 7.82615 18.3133 5.73744 17.9578C5.25713 17.8761 5.16374 17.2265 5.60157 17.0128C7.50552 16.0833 7.87307 13.5269 6.30811 12.0986C5.94825 11.7702 6.22084 11.1733 6.70472 11.2302C8.80898 11.4776 10.5002 9.52578 9.9559 7.47815C9.83073 7.00729 10.3827 6.65252 10.7591 6.96198Z"})]})})})]})}const jc=(0,r.ZP)(_l.button)` - background: transparent; - padding: 0; - border: 0; - color: currentColor; - cursor: pointer; - height: 32px; - width: 32px; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,$c=r.ZP.path` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function Uc(t){let{item:e}=t;const n=E(ve,Rt);return ft(e)?Ae(pu,{item:e}):vt(e)?Ae(qu,{item:e}):yt(e)?Ae(tc,{item:e}):bt(e)?Ae(ic,{}):xt(e)?Ae(ac,{}):wt(e)?Ae(uc,{item:e,isFullscreen:n}):gt(e)?Ae(Oc,{item:e}):Ae(Le,{})}function Nc(t){return ft(t)||yt(t)||wt(t)||gt(t)?t.buttonColor:xt(t)||bt(t)?t.textColor:void 0}function zc(){var t,e,n,r;const i=E(te,Rt),s=E(re,Rt),a=E(ae,Rt),l=E(ge,Rt),u=E(ne,Rt),c=E(oe,Rt);function d(t,e){var n;if(void 0===t||t.hideOnMobile&&u.width<768)return Ae(Le,{});const o=s.slice(e+1).find((t=>void 0!==t&&(!t.hideOnMobile||t.hideOnMobile&&u.width>=768)));let r;for(let i=e-1;i>-1;i--){const t=s[i];if(void 0!==t&&(!t.hideOnMobile||t.hideOnMobile&&u.width>=768)){r=s[i];break}}return Ae(Wc,{marginLeft:t.marginLeft,marginRight:t.marginRight,isProgressBarNextItem:!!o&&vt(o),isProgressBarPreviousItem:!!r&&vt(r),onClick:t=>t.stopPropagation(),isProgressBar:vt(t),color:Nc(t)??Lt((null==(n=c.controlsBar)?void 0:n.barColor)??""),children:Ae(Uc,{item:t})})}const h=null!=(t=c.controlsBar)&&t.alwaysVisible?null==(e=c.controlsBar)?void 0:e.alwaysVisible:a||l||i;return Ae(tu,{children:h&&Ve(Zc,{className:It.toString(),variants:"movement"===(null==(n=c.controlsBar)?void 0:n.animate)?yu:vu,initial:"init",animate:"anim",exit:"exit","data-cy":"controlsBar",children:[c.topProgressBar&&Ae(qc,{children:Ae(qu,{onTop:!0,item:c.topProgressBar})}),Ae(Hc,{height:"45px",backgroundColor:null==(r=c.controlsBar)?void 0:r.barColor,children:s.map(((t,e)=>Ae(o.Fragment,{children:d(t,e)},`item-${e}`)))})]})})}const Zc=(0,r.ZP)(_l.div)` - width: 100%; - position: absolute; - left: 0; - bottom: 0; -`,Hc=r.ZP.div` - height: ${t=>t.height}; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - width: 100%; - display: flex; - align-items: center; - padding: 0.3rem 0.5rem; - box-sizing: border-box; -`,Wc=r.ZP.div` - height: 100%; - width: auto; - color: ${t=>t.color}; - flex: ${t=>t.isProgressBar?"1":"0"}; - display: flex; - align-items: center; - justify-content: center; - /* - Progress bars don't have margin by default - If the next item is a progress bar the margin is increased (the scrubber takes up space) - Otherwise use the default margin of 0.35rem - */ - margin-right: ${t=>t.marginRight?t.marginRight:t.isProgressBarNextItem?"0.85rem":t.isProgressBar?"0":"0.35rem"}; - - margin-left: ${t=>t.marginLeft?t.marginLeft:t.isProgressBarPreviousItem?"0.85rem":"0"}; - - :last-child { - margin-right: ${t=>t.marginRight?t.marginRight:"0"}; - } -`,qc=r.ZP.div` - width: 100%; - height: 3rem; - display: flex; - flex-direction: column; - justify-content: flex-end; -`;function _c(){return Ae(Yc,{children:Ae(Gc,{})})}const Xc=r.F4` - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -`,Yc=r.ZP.div` - width: 128px; - height: 128px; - display: flex; - justify-content: center; - align-items: center; -`,Gc=r.ZP.span` - height: 86px; - width: 86px; - border: 10px solid currentColor; - border-bottom-color: transparent; - border-radius: 50%; - display: inline-block; - box-sizing: border-box; - animation: ${Xc} 1s linear infinite; -`;function Kc(){const t=E(Nt,Rt),e=E(Ut,Rt),n=E(re,Rt),o=E(Xt,Rt),r=E(te,Rt),i=function(t){if(void 0===t)return;const e=t.find((t=>t&&t.id.startsWith("playButton")));return e||void 0}(n),s=E(Ft,Rt);const a=e||t===$t.paused||t===$t.ended;return Ve(Qc,{children:[Ae(Jc,{"data-cy":"playIndicator",tabIndex:a?0:-1,playButtonColor:(null==i?void 0:i.buttonColor)??"white",variants:Cu,whileHover:{scale:1.1},animate:"anim",custom:a,onKeyDown:t=>"Enter"===t.key&&Ct(s),children:function(){if(e)return Ae(_c,{});if("playButton2"===(null==i?void 0:i.id)){if(t===$t.playing)return Ae(eu,{isIndicator:!0});if(t===$t.paused)return Ae(ou,{isIndicator:!0});if(t===$t.ended)return Ae(du,{isIndicator:!0})}else{if(t===$t.playing)return Ae(au,{isIndicator:!0});if(t===$t.paused)return Ae(iu,{isIndicator:!0});if(t===$t.ended)return Ae(uu,{isIndicator:!0})}}()}),Ae(tu,{children:o&&Ae(td,{"data-cy":"currentSubtitle",custom:r,initial:"init",animate:"anim",exit:"exit",variants:ku,transition:Eu,children:o.text})})]})}const Qc=r.ZP.div` - height: 100%; - width: 100%; - position: absolute; - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; - pointer-events: none; - flex-direction: column; -`,Jc=(0,r.ZP)(_l.button)` - color: ${t=>t.playButtonColor}; - background-color: transparent; - filter: drop-shadow(rgba(0, 0, 0, 0.35) 0px 5px 15px); - padding: 0; - border: 0; - pointer-events: none; - will-change: transform; - :focus-visible { - outline: 4px dashed ${t=>t.theme.focusColor}; - } -`,td=(0,r.ZP)(_l.div)` - position: absolute; - pointer-events: none; - text-align: center; - padding: 0.5rem; - background-color: black; - margin: 1rem; - opacity: 0.75; - font-size: 1.1em; -`;function ed(){const t=E(Ft,Rt),e=M(te,Rt);!function(){const[t,e]=P(ee,Rt),n=M(ne,Rt),r=E(Ft,Rt);(0,o.useEffect)((()=>{null!==r&&e(new ResizeObserver((t=>{const e=t[0];e&&e.contentRect&&n({height:parseFloat(e.contentRect.height.toFixed(2)),width:parseFloat(e.contentRect.width.toFixed(2))})})))}),[r,n,e]),(0,o.useEffect)((()=>{null!==t&&null!==r&&t.observe(r)}),[t,r])}();const n=M(Ot,Rt),r=(0,o.useRef)(null),i=M(ve,Rt);(0,o.useEffect)((()=>{r&&r.current&&n(r.current)}),[r]),function(t){(0,o.useEffect)((()=>{function e(){t(Ce.isFullscreen)}return Ce.isEnabled&&Ce.on("change",e),()=>{Ce.isEnabled&&Ce.off("change",e)}}),[t])}(i);const{width:s,height:a}=E(jt,Rt),l=E(_t,Rt);return Ae(nd,{width:s,height:a,"data-cy":"videoPlayerWrapper",ref:r,onFocus:()=>e(!0),onMouseEnter:()=>{e(!0)},onMouseLeave:()=>{e(!1)},tabIndex:0,onKeyDown:e=>function(t,e,n){if(" "===t.key||"k"===t.key)t.preventDefault(),null!==e&&Ct(e);else if(("ArrowLeft"===t.key||"ArrowRight"===t.key||"ArrowUp"===t.key||"ArrowDown"===t.key)&&(t.preventDefault(),null!==e&&null!==n))if(n.startsWith("volumeBar")){let o=e.volume;"volumeBar1"===n?"ArrowLeft"===t.key?o-=.05:"ArrowRight"===t.key&&(o+=.05):"volumeBar2"===n&&("ArrowDown"===t.key?o-=.05:"ArrowUp"===t.key&&(o+=.05)),e.volume=kt(o,0,1)}else{let n=e.currentTime;("ArrowLeft"===t.key||"ArrowRight"===t.key)&&("ArrowLeft"===t.key?n-=5:"ArrowRight"===t.key&&(n+=5),e.currentTime=kt(n,0,e.duration))}}(e,t,l),children:Ve(od,{"data-cy":"playerContainer",children:[Ae(Kc,{}),Ae(Re,{}),t&&Ae(zc,{})]})})}const nd=r.ZP.div` - position: relative; - background: black; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - height: ${t=>t.height?t.height:"100%"}; - width: ${t=>t.width?t.width:"100%"}; - :focus-visible { - outline: 3.5px dashed ${t=>t.theme.focusColor}; - } -`,od=r.ZP.div` - display: flex; - flex-direction: column; - justify-content: flex-end; - align-items: flex-start; - color: white; - overflow: hidden; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - height: 100%; - width: 100%; -`;function rd(t){let{values:e,rest:n}=t;const o=M(oe,Rt),r=M(re,Rt),i=M(jt,Rt);return Me(o,r,i,n,e),Ae(ed,{})}function id(t){let{values:e,...n}=t;return Ae(C,{scope:Rt,children:e?Ae(r.f6,{theme:{focusColor:null==e?void 0:e.focusColor},children:Ae(rd,{values:e,rest:n})}):Ve(Le,{children:[Ve("div",{"data-cy":"errorMessage",style:{color:"red"},children:["You need to define the values attribute on your custoplayer tag. For the time being you can set it to be an empty object. ",Ae("br",{}),"example:"]}),Ae("code",{children:""})]})})}(0,r.ZP)(_l.div)` - width: 100%; - position: absolute; - display: flex; - z-index: 6; - left: 0; - bottom: 0; - flex-direction: column; - justify-content: flex-end; - align-items: center; -`;const sd={previewTooltip:{id:"text"},controlsBar:{barColor:"#392f5ad4",animate:"movement"},item1:{id:"playButton1",buttonColor:"#efefef"},item2:{id:"volumeButton1",barId:"volumeBar1",buttonColor:"#efefef",barColor:"#efefef",volumeColor:"#4f91cb"},item3:{id:"currentTime",hideOnMobile:!0,textColor:"#efefef"},item4:{id:"progressBar1",barColor:"#efefef",progressColor:"#4f91cb"},item5:{id:"duration",hideOnMobile:!0,textColor:"#efefef"},item7:{id:"fullscreenButton1",buttonColor:"#efefef"},focusColor:"#efefef"},ad={previewTooltip:{id:"text"},controlsBar:{animate:"opacity",barColor:"#d90427b8"},item1:{id:"playButton1",buttonColor:"#ffd3d3"},item2:{id:"volumeButton1",barId:"volumeBar2",buttonColor:"#ffd3d3",barColor:"#ffd3d3",volumeColor:"#552525"},item3:{id:"currentTime",hideOnMobile:!0,textColor:"#fee1e1"},item4:{id:"progressBar2",barColor:"#ffd3d3",progressColor:"#552525"},item5:{id:"duration",hideOnMobile:!0,textColor:"#fee1e1"},item7:{id:"fullscreenButton1",buttonColor:"#ffd3d3"},focusColor:"#ffd3d3"},ld={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#ffffffdd"},item1:{id:"playButton1",buttonColor:"#353535"},item2:{id:"volumeButton1",barId:"volumeBar2",buttonColor:"#353535",barColor:"#e7e7e7",volumeColor:"#353535",scrubberBorderColor:"transparent",scrubberColor:"transparent"},item3:{id:"currentTime",textColor:"#353535"},topProgressBar:{id:"progressBar1",barColor:"#e7e7e7",progressColor:"#353535",scrubberColor:"transparent",scrubberBorderColor:"none"},item5:{id:"duration",textColor:"#353535",marginLeft:"auto"},item7:{id:"fullscreenButton1",buttonColor:"#353535"},focusColor:"#353535"},ud={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#2c6e49d4"},item1:{id:"playButton2",buttonColor:"#EEE5E5"},item2:{id:"volumeButton1",barId:"volumeBar1",volumeColor:"#67ba8b",scrubberColor:"transparent",scrubberBorderColor:"#67ba8b",barColor:"#EEE5E5"},item3:{id:"fullscreenButton2",buttonColor:"#EEE5E5"},item4:{id:"progressBar3",progressColor:"#67ba8b"},focusColor:"#EEE5E5"},cd={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#a9e5bbd3"},topProgressBar:{id:"progressBar1",scrubberColor:"transparent",barColor:"#a9e5bbd3",progressColor:"#26352a",bufferedColor:"#46464695"},item2:{id:"currentTime"},item1:{id:"volumeButton1",barId:"volumeBar2",scrubberColor:"transparent",barColor:"#a9e5bbd3",volumeColor:"#26352a"},item4:{id:"playButton1",marginLeft:"auto",marginRight:"auto"},item6:{id:"settingsButton1",settingsMenuColor:"#a9e5bbec",settingsMenuOrientation:"left",options:{playbackSpeed:[.25,.5,1,1.25,1.5,2]}},item7:{id:"fullscreenButton1"}}},118:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>d,contentTitle:()=>u,default:()=>f,frontMatter:()=>l,metadata:()=>c,toc:()=>h});var o=n(7896),r=n(2784),i=n(876),s=n(6474);function a(){return r.createElement(s.O8,{crossOrigin:"anonymous",values:{controlsBar:{animate:"movement",barColor:"rgba(28, 28, 28, 0.85)"},item1:{id:"settingsButton1",settingsMenuOrientation:"right",options:{quality:!0}},item2:{id:"progressBar3"}}},r.createElement("source",{id:"custoplayer-1080",type:"video/mp4",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-video-qualities/custoplayer-demo-1080.mp4"}),r.createElement("source",{id:"custoplayer-720",type:"video/mp4",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-video-qualities/custoplayer-demo-720.mp4"}),r.createElement("source",{id:"custoplayer-480",type:"video/mp4",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-video-qualities/custoplayer-demo-480.mp4"}))}const l={sidebar_position:7},u="Setting Up Video Qualities",c={unversionedId:"setting-up-video-qualities",id:"setting-up-video-qualities",title:"Setting Up Video Qualities",description:"To utilize different video qualities (144p, 240p, 360p, 480p, 720p, 1080p, 1440p, 2160p) there are two required steps.",source:"@site/docs/setting-up-video-qualities.mdx",sourceDirName:".",slug:"/setting-up-video-qualities",permalink:"/Custoplayer/setting-up-video-qualities",draft:!1,tags:[],version:"current",sidebarPosition:7,frontMatter:{sidebar_position:7},sidebar:"tutorialSidebar",previous:{title:"Setting Up Subtitles",permalink:"/Custoplayer/setting-up-subtitles"},next:{title:"Contributing",permalink:"/Custoplayer/contributing"}},d={},h=[{value:"Code Example",id:"code-example",level:2},{value:"Video Example",id:"video-example",level:2}],p={toc:h},m="wrapper";function f(t){let{components:e,...n}=t;return(0,i.kt)(m,(0,o.Z)({},p,n,{components:e,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"setting-up-video-qualities"},"Setting Up Video Qualities"),(0,i.kt)("p",null,"To utilize different video qualities (144p, 240p, 360p, 480p, 720p, 1080p, 1440p, 2160p) there are two required steps."),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},"Add a source tag to the Custoplayer tag",(0,i.kt)("ul",{parentName:"li"},(0,i.kt)("li",{parentName:"ul"},"The ",(0,i.kt)("inlineCode",{parentName:"li"},"src")," attribute should be set to the video"),(0,i.kt)("li",{parentName:"ul"},"The ",(0,i.kt)("inlineCode",{parentName:"li"},"id")," of the source tag should be set to ",(0,i.kt)("inlineCode",{parentName:"li"},"custoplayer-{your-quality}"),(0,i.kt)("ul",{parentName:"li"},(0,i.kt)("li",{parentName:"ul"},"For example, the 1080p source should have an id of ",(0,i.kt)("inlineCode",{parentName:"li"},"custoplayer-1080")))))),(0,i.kt)("li",{parentName:"ol"},"Add a settingsButton1 with the options object having ",(0,i.kt)("inlineCode",{parentName:"li"},"quality: true"))),(0,i.kt)("h2",{id:"code-example"},"Code Example"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Custoplayer } from 'custoplayer';\n\nexport default function QualityExample() {\n return (\n \n \n\n \n\n \n \n );\n}\n")),(0,i.kt)("h2",{id:"video-example"},"Video Example"),(0,i.kt)(a,{mdxType:"QualityExample"}))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/02e3a03e.94ee0106.js b/assets/js/02e3a03e.94ee0106.js new file mode 100644 index 0000000..0141ce3 --- /dev/null +++ b/assets/js/02e3a03e.94ee0106.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[243],{118:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>g,frontMatter:()=>r,metadata:()=>u,toc:()=>c});var o=i(7896),n=i(2784),a=i(876),s=i(2194);function p(){return n.createElement(s.O8,{crossOrigin:"anonymous",values:{controlsBar:{animate:"movement",barColor:"rgba(28, 28, 28, 0.85)"},item1:{id:"settingsButton1",settingsMenuOrientation:"right",options:{quality:!0}},item2:{id:"progressBar3"}}},n.createElement("source",{id:"custoplayer-1080",type:"video/mp4",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-video-qualities/custoplayer-demo-1080.mp4"}),n.createElement("source",{id:"custoplayer-720",type:"video/mp4",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-video-qualities/custoplayer-demo-720.mp4"}),n.createElement("source",{id:"custoplayer-480",type:"video/mp4",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-video-qualities/custoplayer-demo-480.mp4"}))}const r={sidebar_position:7},l="Setting Up Video Qualities",u={unversionedId:"setting-up-video-qualities",id:"setting-up-video-qualities",title:"Setting Up Video Qualities",description:"To utilize different video qualities (144p, 240p, 360p, 480p, 720p, 1080p, 1440p, 2160p) there are two required steps.",source:"@site/docs/setting-up-video-qualities.mdx",sourceDirName:".",slug:"/setting-up-video-qualities",permalink:"/Custoplayer/setting-up-video-qualities",draft:!1,tags:[],version:"current",sidebarPosition:7,frontMatter:{sidebar_position:7},sidebar:"tutorialSidebar",previous:{title:"Setting Up Subtitles",permalink:"/Custoplayer/setting-up-subtitles"},next:{title:"Contributing",permalink:"/Custoplayer/contributing"}},d={},c=[{value:"Code Example",id:"code-example",level:2},{value:"Video Example",id:"video-example",level:2}],m={toc:c},y="wrapper";function g(e){let{components:t,...i}=e;return(0,a.kt)(y,(0,o.Z)({},m,i,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"setting-up-video-qualities"},"Setting Up Video Qualities"),(0,a.kt)("p",null,"To utilize different video qualities (144p, 240p, 360p, 480p, 720p, 1080p, 1440p, 2160p) there are two required steps."),(0,a.kt)("ol",null,(0,a.kt)("li",{parentName:"ol"},"Add a source tag to the Custoplayer tag",(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"The ",(0,a.kt)("inlineCode",{parentName:"li"},"src")," attribute should be set to the video"),(0,a.kt)("li",{parentName:"ul"},"The ",(0,a.kt)("inlineCode",{parentName:"li"},"id")," of the source tag should be set to ",(0,a.kt)("inlineCode",{parentName:"li"},"custoplayer-{your-quality}"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"For example, the 1080p source should have an id of ",(0,a.kt)("inlineCode",{parentName:"li"},"custoplayer-1080")))))),(0,a.kt)("li",{parentName:"ol"},"Add a settingsButton1 with the options object having ",(0,a.kt)("inlineCode",{parentName:"li"},"quality: true"))),(0,a.kt)("h2",{id:"code-example"},"Code Example"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Custoplayer } from 'custoplayer';\n\nexport default function QualityExample() {\n return (\n \n \n\n \n\n \n \n );\n}\n")),(0,a.kt)("h2",{id:"video-example"},"Video Example"),(0,a.kt)(p,{mdxType:"QualityExample"}))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/5590c7f2.aaaefd43.js b/assets/js/1b92342f.560d4266.js similarity index 62% rename from assets/js/5590c7f2.aaaefd43.js rename to assets/js/1b92342f.560d4266.js index cc4383b..f9fc755 100644 --- a/assets/js/5590c7f2.aaaefd43.js +++ b/assets/js/1b92342f.560d4266.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[722],{3769:s=>{s.exports=JSON.parse('{"name":"docusaurus-plugin-content-docs","id":"default"}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[835],{3769:s=>{s.exports=JSON.parse('{"name":"docusaurus-plugin-content-docs","id":"default"}')}}]); \ No newline at end of file diff --git a/assets/js/c8a4175e.b8ebb4ab.js b/assets/js/31dfdf1a.6bdced8c.js similarity index 62% rename from assets/js/c8a4175e.b8ebb4ab.js rename to assets/js/31dfdf1a.6bdced8c.js index def1dfa..8bc8ec6 100644 --- a/assets/js/c8a4175e.b8ebb4ab.js +++ b/assets/js/31dfdf1a.6bdced8c.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[872],{5745:s=>{s.exports=JSON.parse('{"name":"docusaurus-plugin-content-pages","id":"default"}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[531],{5745:s=>{s.exports=JSON.parse('{"name":"docusaurus-plugin-content-pages","id":"default"}')}}]); \ No newline at end of file diff --git a/assets/js/371.afc65c02.js b/assets/js/371.afc65c02.js deleted file mode 100644 index ed753ee..0000000 --- a/assets/js/371.afc65c02.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[371],{9138:(e,t,r)=>{r.d(t,{Z:()=>i});var n=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;const i=function(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}((function(e){return n.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}))},876:(e,t,r)=>{r.d(t,{Zo:()=>u,kt:()=>h});var n=r(2784);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var c=n.createContext({}),l=function(e){var t=n.useContext(c),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},u=function(e){var t=l(e.components);return n.createElement(c.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},f=n.forwardRef((function(e,t){var r=e.components,i=e.mdxType,a=e.originalType,c=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),d=l(r),f=i,h=d["".concat(c,".").concat(f)]||d[f]||p[f]||a;return r?n.createElement(h,o(o({ref:t},u),{},{components:r})):n.createElement(h,o({ref:t},u))}));function h(e,t){var r=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=r.length,o=new Array(a);o[0]=f;var s={};for(var c in t)hasOwnProperty.call(t,c)&&(s[c]=t[c]);s.originalType=e,s[d]="string"==typeof e?e:i,o[1]=s;for(var l=2;l{r.d(t,{f6:()=>Re,iv:()=>ye,ZP:()=>De,F4:()=>ze});var n=r(8570),i=r(2784),a=r(8665),o=r.n(a);const s=function(e){function t(e,n,c,l,p){for(var f,h,g,m,k,S=0,C=0,A=0,x=0,O=0,j=0,z=g=f=0,M=0,L=0,N=0,F=0,B=c.length,H=B-1,U="",$="",G="",W="";Mf)&&(F=(U=U.replace(" ",":")).length),0<_&&void 0!==(k=s(1,U,n,e,I,P,$.length,l,p,l))&&0===(F=(U=k.trim()).length)&&(U="\0\0"),f=U.charCodeAt(0),h=U.charCodeAt(1),f){case 0:break;case 64:if(105===h||99===h){W+=U+c.charAt(M);break}default:58!==U.charCodeAt(F-1)&&($+=i(U,f,h,U.charCodeAt(2)))}N=L=z=f=0,U="",h=c.charCodeAt(++M)}}switch(h){case 13:case 10:47===C?C=0:0===1+f&&107!==l&&0n&&(n=(t=t.trim()).charCodeAt(0)),n){case 38:return t.replace(m,"$1"+e.trim());case 58:return e.trim()+t.replace(m,"$1"+e.trim());default:if(0<1*r&&0c.charCodeAt(8))break;case 115:o=o.replace(c,"-webkit-"+c)+";"+o;break;case 207:case 102:o=o.replace(c,"-webkit-"+(102n.charCodeAt(0)&&(n=n.trim()),n=[n],0<_){var i=s(-1,r,n,n,I,P,0,0,0,0);void 0!==i&&"string"==typeof i&&(r=i)}var a=t(T,n,r,0,0);return 0<_&&(void 0!==(i=s(-2,a,n,n,I,P,a.length,0,0,0))&&(a=i)),"",E=0,P=I=1,a}var u=/^\0+/g,d=/[\0\r\f]/g,p=/: */g,f=/zoo|gra/,h=/([,: ])(transform)/g,g=/,\r+?/g,m=/([\t\r\n ])*\f?&/g,v=/@(k\w+)\s*(\S*)\s*/,y=/::(place)/g,b=/:(read-only)/g,k=/[svh]\w+-[tblr]{2}/,w=/\(\s*(.*)\s*\)/g,S=/([\s\S]*?);/g,C=/-self|flex-/g,A=/[^]*?(:[rp][el]a[\w-]+)[^]*/,x=/stretch|:\s*\w+\-(?:conte|avail)/,O=/([^-])(image-set\()/,P=1,I=1,E=0,R=1,T=[],j=[],_=0,z=null,D=0;return l.use=function e(t){switch(t){case void 0:case null:_=j.length=0;break;default:if("function"==typeof t)j[_++]=t;else if("object"==typeof t)for(var r=0,n=t.length;r1?t-1:0),n=1;n0?" Args: "+r.join(", "):""))}var O=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,r=0;r=this.groupSizes.length){for(var r=this.groupSizes,n=r.length,i=n;e>=i;)(i<<=1)<0&&x(16,""+e);this.groupSizes=new Uint32Array(i),this.groupSizes.set(r),this.length=i;for(var a=n;a=this.length||0===this.groupSizes[e])return t;for(var r=this.groupSizes[e],n=this.indexOfGroup(e),i=n+r,a=n;a=E&&(E=t+1),P.set(e,t),I.set(t,e)},_="style["+S+'][data-styled-version="5.3.5"]',z=new RegExp("^"+S+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),D=function(e,t,r){for(var n,i=r.split(","),a=0,o=i.length;a=0;r--){var n=t[r];if(n&&1===n.nodeType&&n.hasAttribute(S))return n}}(r),a=void 0!==i?i.nextSibling:null;n.setAttribute(S,"active"),n.setAttribute("data-styled-version","5.3.5");var o=L();return o&&n.setAttribute("nonce",o),r.insertBefore(n,a),n},F=function(){function e(e){var t=this.element=N(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,r=0,n=t.length;r=0){var r=document.createTextNode(t),n=this.nodes[e];return this.element.insertBefore(r,n||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e0&&(l+=e+",")})),n+=""+s+c+'{content:"'+l+'"}/*!sc*/\n'}}}return n}(this)},e}(),W=/(a)(d)/gi,Y=function(e){return String.fromCharCode(e+(e>25?39:97))};function q(e){var t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=Y(t%52)+r;return(Y(t%52)+r).replace(W,"$1-$2")}var V=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},X=function(e){return V(5381,e)};function Z(e){for(var t=0;t>>0);if(!t.hasNameForId(n,o)){var s=r(a,"."+o,void 0,n);t.insertRules(n,o,s)}i.push(o),this.staticRulesId=o}else{for(var c=this.rules.length,l=V(this.baseHash,r.hash),u="",d=0;d>>0);if(!t.hasNameForId(n,g)){var m=r(u,"."+g,void 0,n);t.insertRules(n,g,m)}i.push(g)}}return i.join(" ")},e}(),Q=/^\s*\/\/.*$/gm,ee=[":","[",".","#"];function te(e){var t,r,n,i,a=void 0===e?y:e,o=a.options,c=void 0===o?y:o,l=a.plugins,u=void 0===l?v:l,d=new s(c),p=[],f=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(r,n,i,a,o,s,c,l,u,d){switch(r){case 1:if(0===u&&64===n.charCodeAt(0))return e(n+";"),"";break;case 2:if(0===l)return n+"/*|*/";break;case 3:switch(l){case 102:case 112:return e(i[0]+n),"";default:return n+(0===d?"/*|*/":"")}case-2:n.split("/*|*/}").forEach(t)}}}((function(e){p.push(e)})),h=function(e,n,a){return 0===n&&-1!==ee.indexOf(a[r.length])||a.match(i)?e:"."+t};function g(e,a,o,s){void 0===s&&(s="&");var c=e.replace(Q,""),l=a&&o?o+" "+a+" { "+c+" }":c;return t=s,r=a,n=new RegExp("\\"+r+"\\b","g"),i=new RegExp("(\\"+r+"\\b){2,}"),d(o||!a?"":a,l)}return d.use([].concat(u,[function(e,t,i){2===e&&i.length&&i[0].lastIndexOf(r)>0&&(i[0]=i[0].replace(n,h))},f,function(e){if(-2===e){var t=p;return p=[],t}}])),g.hash=u.length?u.reduce((function(e,t){return t.name||x(15),V(e,t.name)}),5381).toString():"",g}var re=i.createContext(),ne=(re.Consumer,i.createContext()),ie=(ne.Consumer,new G),ae=te();function oe(){return(0,i.useContext)(re)||ie}function se(){return(0,i.useContext)(ne)||ae}function ce(e){var t=(0,i.useState)(e.stylisPlugins),r=t[0],n=t[1],a=oe(),s=(0,i.useMemo)((function(){var t=a;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target]),c=(0,i.useMemo)((function(){return te({options:{prefix:!e.disableVendorPrefixes},plugins:r})}),[e.disableVendorPrefixes,r]);return(0,i.useEffect)((function(){o()(r,e.stylisPlugins)||n(e.stylisPlugins)}),[e.stylisPlugins]),i.createElement(re.Provider,{value:s},i.createElement(ne.Provider,{value:c},e.children))}var le=function(){function e(e,t){var r=this;this.inject=function(e,t){void 0===t&&(t=ae);var n=r.name+t.hash;e.hasNameForId(r.id,n)||e.insertRules(r.id,n,t(r.rules,n,"@keyframes"))},this.toString=function(){return x(12,String(r.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=ae),this.name+e.hash},e}(),ue=/([A-Z])/,de=/([A-Z])/g,pe=/^ms-/,fe=function(e){return"-"+e.toLowerCase()};function he(e){return ue.test(e)?e.replace(de,fe).replace(pe,"-ms-"):e}var ge=function(e){return null==e||!1===e||""===e};function me(e,t,r,n){if(Array.isArray(e)){for(var i,a=[],o=0,s=e.length;o1?t-1:0),n=1;n?@[\\\]^`{|}~-]+/g,we=/(^-|-$)/g;function Se(e){return e.replace(ke,"-").replace(we,"")}var Ce=function(e){return q(X(e)>>>0)};function Ae(e){return"string"==typeof e&&!0}var xe=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},Oe=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function Pe(e,t,r){var n=e[r];xe(t)&&xe(n)?Ie(n,t):e[r]=t}function Ie(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n=0||(i[r]=e[r]);return i}(t,["componentId"]),a=n&&n+"-"+(Ae(e)?e:Se(k(e)));return je(e,h({},i,{attrs:m,componentId:a}),r)},Object.defineProperty(C,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=n?Ie({},e.defaultProps,t):t}}),C.toString=function(){return"."+C.styledComponentId},a&&f()(C,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),C}var _e=function(e){return function e(t,r,i){if(void 0===i&&(i=y),!(0,n.isValidElementType)(r))return x(1,String(r));var a=function(){return t(r,i,ye.apply(void 0,arguments))};return a.withConfig=function(n){return e(t,r,h({},i,{},n))},a.attrs=function(n){return e(t,r,h({},i,{attrs:Array.prototype.concat(i.attrs,n).filter(Boolean)}))},a}(je,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach((function(e){_e[e]=_e(e)}));!function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Z(e),G.registerId(this.componentId+1)}var t=e.prototype;t.createStyles=function(e,t,r,n){var i=n(me(this.rules,t,r,n).join(""),""),a=this.componentId+e;r.insertRules(a,a,i)},t.removeStyles=function(e,t){t.clearRules(this.componentId+e)},t.renderStyles=function(e,t,r,n){e>2&&G.registerId(this.componentId+e),this.removeStyles(e,r),this.createStyles(e,t,r,n)}}();function ze(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n"+t+""},this.getStyleTags=function(){return e.sealed?x(2):e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)return x(2);var r=((t={})[S]="",t["data-styled-version"]="5.3.5",t.dangerouslySetInnerHTML={__html:e.instance.toString()},t),n=L();return n&&(r.nonce=n),[i.createElement("style",h({},r,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new G({isServer:!0}),this.sealed=!1}var t=e.prototype;t.collectStyles=function(e){return this.sealed?x(2):i.createElement(ce,{sheet:this.instance},e)},t.interleaveWithNodeStream=function(e){return x(3)}}();const De=_e}}]); \ No newline at end of file diff --git a/assets/js/453.6d0ab7a0.js b/assets/js/453.6d0ab7a0.js new file mode 100644 index 0000000..f443f1f --- /dev/null +++ b/assets/js/453.6d0ab7a0.js @@ -0,0 +1,563 @@ +/*! For license information please see 453.6d0ab7a0.js.LICENSE.txt */ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[453],{9138:(t,e,n)=>{n.d(e,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;const o=function(t){var e={};return function(n){return void 0===e[n]&&(e[n]=t(n)),e[n]}}((function(t){return r.test(t)||111===t.charCodeAt(0)&&110===t.charCodeAt(1)&&t.charCodeAt(2)<91}))},876:(t,e,n)=>{n.d(e,{Zo:()=>u,kt:()=>f});var r=n(2784);function o(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function i(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function s(t){for(var e=1;e=0||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}var l=r.createContext({}),c=function(t){var e=r.useContext(l),n=e;return t&&(n="function"==typeof t?t(e):s(s({},e),t)),n},u=function(t){var e=c(t.components);return r.createElement(l.Provider,{value:e},t.children)},d="mdxType",h={inlineCode:"code",wrapper:function(t){var e=t.children;return r.createElement(r.Fragment,{},e)}},p=r.forwardRef((function(t,e){var n=t.components,o=t.mdxType,i=t.originalType,l=t.parentName,u=a(t,["components","mdxType","originalType","parentName"]),d=c(n),p=o,f=d["".concat(l,".").concat(p)]||d[p]||h[p]||i;return n?r.createElement(f,s(s({ref:e},u),{},{components:n})):r.createElement(f,s({ref:e},u))}));function f(t,e){var n=arguments,o=e&&e.mdxType;if("string"==typeof t||o){var i=n.length,s=new Array(i);s[0]=p;var a={};for(var l in e)hasOwnProperty.call(e,l)&&(a[l]=e[l]);a.originalType=t,a[d]="string"==typeof t?t:o,s[1]=a;for(var c=2;c{n.d(e,{f6:()=>Bt,iv:()=>yt,ZP:()=>Ot,F4:()=>Vt});var r=n(8570),o=n(2784),i=n(8665),s=n.n(i);const a=function(t){function e(t,r,l,c,h){for(var p,f,m,g,x,C=0,k=0,S=0,E=0,M=0,R=0,V=m=p=0,D=0,I=0,j=0,F=0,z=l.length,N=z-1,U="",H="",Z="",W="";Dp)&&(F=(U=U.replace(" ",":")).length),0r&&(r=(e=e.trim()).charCodeAt(0)),r){case 38:return e.replace(g,"$1"+t.trim());case 58:return t.trim()+e.replace(g,"$1"+t.trim());default:if(0<1*n&&0l.charCodeAt(8))break;case 115:s=s.replace(l,"-webkit-"+l)+";"+s;break;case 207:case 102:s=s.replace(l,"-webkit-"+(102r.charCodeAt(0)&&(r=r.trim()),r=[r],01?e-1:0),r=1;r0?" Args: "+n.join(", "):""))}var M=function(){function t(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}var e=t.prototype;return e.indexOfGroup=function(t){for(var e=0,n=0;n=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;t>=o;)(o<<=1)<0&&E(16,""+t);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var i=r;i=this.length||0===this.groupSizes[t])return e;for(var n=this.groupSizes[t],r=this.indexOfGroup(t),o=r+n,i=r;i=T&&(T=e+1),P.set(t,e),A.set(e,t)},L="style["+C+'][data-styled-version="5.3.5"]',V=new RegExp("^"+C+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),O=function(t,e,n){for(var r,o=n.split(","),i=0,s=o.length;i=0;n--){var r=e[n];if(r&&1===r.nodeType&&r.hasAttribute(C))return r}}(n),i=void 0!==o?o.nextSibling:null;r.setAttribute(C,"active"),r.setAttribute("data-styled-version","5.3.5");var s=I();return s&&r.setAttribute("nonce",s),n.insertBefore(r,i),r},F=function(){function t(t){var e=this.element=j(t);e.appendChild(document.createTextNode("")),this.sheet=function(t){if(t.sheet)return t.sheet;for(var e=document.styleSheets,n=0,r=e.length;n=0){var n=document.createTextNode(e),r=this.nodes[t];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},e.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.getRule=function(t){return t0&&(c+=t+",")})),r+=""+a+l+'{content:"'+c+'"}/*!sc*/\n'}}}return r}(this)},t}(),W=/(a)(d)/gi,_=function(t){return String.fromCharCode(t+(t>25?39:97))};function q(t){var e,n="";for(e=Math.abs(t);e>52;e=e/52|0)n=_(e%52)+n;return(_(e%52)+n).replace(W,"$1-$2")}var Y=function(t,e){for(var n=e.length;n;)t=33*t^e.charCodeAt(--n);return t},X=function(t){return Y(5381,t)};function G(t){for(var e=0;e>>0);if(!e.hasNameForId(r,s)){var a=n(i,"."+s,void 0,r);e.insertRules(r,s,a)}o.push(s),this.staticRulesId=s}else{for(var l=this.rules.length,c=Y(this.baseHash,n.hash),u="",d=0;d>>0);if(!e.hasNameForId(r,m)){var g=n(u,"."+m,void 0,r);e.insertRules(r,m,g)}o.push(m)}}return o.join(" ")},t}(),Q=/^\s*\/\/.*$/gm,tt=[":","[",".","#"];function et(t){var e,n,r,o,i=void 0===t?y:t,s=i.options,l=void 0===s?y:s,c=i.plugins,u=void 0===c?v:c,d=new a(l),h=[],p=function(t){function e(e){if(e)try{t(e+"}")}catch(t){}}return function(n,r,o,i,s,a,l,c,u,d){switch(n){case 1:if(0===u&&64===r.charCodeAt(0))return t(r+";"),"";break;case 2:if(0===c)return r+"/*|*/";break;case 3:switch(c){case 102:case 112:return t(o[0]+r),"";default:return r+(0===d?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(e)}}}((function(t){h.push(t)})),f=function(t,r,i){return 0===r&&-1!==tt.indexOf(i[n.length])||i.match(o)?t:"."+e};function m(t,i,s,a){void 0===a&&(a="&");var l=t.replace(Q,""),c=i&&s?s+" "+i+" { "+l+" }":l;return e=a,n=i,r=new RegExp("\\"+n+"\\b","g"),o=new RegExp("(\\"+n+"\\b){2,}"),d(s||!i?"":i,c)}return d.use([].concat(u,[function(t,e,o){2===t&&o.length&&o[0].lastIndexOf(n)>0&&(o[0]=o[0].replace(r,f))},p,function(t){if(-2===t){var e=h;return h=[],e}}])),m.hash=u.length?u.reduce((function(t,e){return e.name||E(15),Y(t,e.name)}),5381).toString():"",m}var nt=o.createContext(),rt=(nt.Consumer,o.createContext()),ot=(rt.Consumer,new Z),it=et();function st(){return(0,o.useContext)(nt)||ot}function at(){return(0,o.useContext)(rt)||it}function lt(t){var e=(0,o.useState)(t.stylisPlugins),n=e[0],r=e[1],i=st(),a=(0,o.useMemo)((function(){var e=i;return t.sheet?e=t.sheet:t.target&&(e=e.reconstructWithOptions({target:t.target},!1)),t.disableCSSOMInjection&&(e=e.reconstructWithOptions({useCSSOMInjection:!1})),e}),[t.disableCSSOMInjection,t.sheet,t.target]),l=(0,o.useMemo)((function(){return et({options:{prefix:!t.disableVendorPrefixes},plugins:n})}),[t.disableVendorPrefixes,n]);return(0,o.useEffect)((function(){s()(n,t.stylisPlugins)||r(t.stylisPlugins)}),[t.stylisPlugins]),o.createElement(nt.Provider,{value:a},o.createElement(rt.Provider,{value:l},t.children))}var ct=function(){function t(t,e){var n=this;this.inject=function(t,e){void 0===e&&(e=it);var r=n.name+e.hash;t.hasNameForId(n.id,r)||t.insertRules(n.id,r,e(n.rules,r,"@keyframes"))},this.toString=function(){return E(12,String(n.name))},this.name=t,this.id="sc-keyframes-"+t,this.rules=e}return t.prototype.getName=function(t){return void 0===t&&(t=it),this.name+t.hash},t}(),ut=/([A-Z])/,dt=/([A-Z])/g,ht=/^ms-/,pt=function(t){return"-"+t.toLowerCase()};function ft(t){return ut.test(t)?t.replace(dt,pt).replace(ht,"-ms-"):t}var mt=function(t){return null==t||!1===t||""===t};function gt(t,e,n,r){if(Array.isArray(t)){for(var o,i=[],s=0,a=t.length;s1?e-1:0),r=1;r?@[\\\]^`{|}~-]+/g,wt=/(^-|-$)/g;function Ct(t){return t.replace(xt,"-").replace(wt,"")}var kt=function(t){return q(X(t)>>>0)};function St(t){return"string"==typeof t&&!0}var Et=function(t){return"function"==typeof t||"object"==typeof t&&null!==t&&!Array.isArray(t)},Mt=function(t){return"__proto__"!==t&&"constructor"!==t&&"prototype"!==t};function Pt(t,e,n){var r=t[n];Et(e)&&Et(r)?At(r,e):t[n]=e}function At(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r=0||(o[n]=t[n]);return o}(e,["componentId"]),i=r&&r+"-"+(St(t)?t:Ct(x(t)));return Rt(t,f({},o,{attrs:g,componentId:i}),n)},Object.defineProperty(k,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=r?At({},t.defaultProps,e):e}}),k.toString=function(){return"."+k.styledComponentId},i&&p()(k,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),k}var Lt=function(t){return function t(e,n,o){if(void 0===o&&(o=y),!(0,r.isValidElementType)(n))return E(1,String(n));var i=function(){return e(n,o,yt.apply(void 0,arguments))};return i.withConfig=function(r){return t(e,n,f({},o,{},r))},i.attrs=function(r){return t(e,n,f({},o,{attrs:Array.prototype.concat(o.attrs,r).filter(Boolean)}))},i}(Rt,t)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach((function(t){Lt[t]=Lt(t)}));!function(){function t(t,e){this.rules=t,this.componentId=e,this.isStatic=G(t),Z.registerId(this.componentId+1)}var e=t.prototype;e.createStyles=function(t,e,n,r){var o=r(gt(this.rules,e,n,r).join(""),""),i=this.componentId+t;n.insertRules(i,i,o)},e.removeStyles=function(t,e){e.clearRules(this.componentId+t)},e.renderStyles=function(t,e,n,r){t>2&&Z.registerId(this.componentId+t),this.removeStyles(t,n),this.createStyles(t,e,n,r)}}();function Vt(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r"+e+""},this.getStyleTags=function(){return t.sealed?E(2):t._emitSheetCSS()},this.getStyleElement=function(){var e;if(t.sealed)return E(2);var n=((e={})[C]="",e["data-styled-version"]="5.3.5",e.dangerouslySetInnerHTML={__html:t.instance.toString()},e),r=I();return r&&(n.nonce=r),[o.createElement("style",f({},n,{key:"sc-0-0"}))]},this.seal=function(){t.sealed=!0},this.instance=new Z({isServer:!0}),this.sealed=!1}var e=t.prototype;e.collectStyles=function(t){return this.sealed?E(2):o.createElement(lt,{sheet:this.instance},t)},e.interleaveWithNodeStream=function(t){return E(3)}}();const Ot=Lt},2194:(t,e,n)=>{n.d(e,{DT:()=>ud,FF:()=>ad,L2:()=>ld,NT:()=>sd,O8:()=>id,Pv:()=>cd});var r=n(2784),o=n(9453);let i=0;const s=Symbol(),a=t=>!!t[s],l=t=>!t[s].c,c=t=>{var e;const{b:n,c:r}=t[s];r&&(r(),null==(e=h.get(n))||e())},u=(t,e)=>{const n=t[s].o,r=e[s].o;return n===r||t===r||a(n)&&u(n,e)},d=(t,e)=>{const n={b:t,o:e,c:null},r=new Promise((t=>{n.c=()=>{n.c=null,t()},e.finally(n.c)}));return r[s]=n,r},h=new WeakMap,p=t=>"init"in t,f="r",m="w",g="c",v="s",y=t=>{const e=new WeakMap,n=new WeakMap,r=new Map;let o,i;if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&(o=new Set,i=new Set),t)for(const[s,a]of t){const t={v:a,r:0,y:!0,d:new Map};"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&(Object.freeze(t),p(s)||console.warn("Found initial value for derived atom which can cause unexpected behavior",s)),e.set(s,t)}const h=new WeakMap,y=new WeakMap,b=t=>{let e=y.get(t);return e||(e=new Map,y.set(t,e)),e},x=(t,n)=>{if(t){const e=b(t);let r=e.get(n);return r||(r=x(t.p,n),r&&"p"in r&&l(r.p)&&(r=void 0),r&&e.set(n,r)),r}return e.get(n)},w=(t,n,o)=>{if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&Object.freeze(o),t)b(t).set(n,o);else{const t=e.get(n);e.set(n,o),r.has(n)||r.set(n,t)}},C=(t,e=new Map,n)=>{if(!n)return e;const r=new Map;let o=!1;return n.forEach((n=>{var i;const s=(null==(i=x(t,n))?void 0:i.r)||0;r.set(n,s),e.get(n)!==s&&(o=!0)})),e.size!==r.size||o?r:e},k=(t,e,n,r,o)=>{const i=x(t,e);if(i){if(o&&(!("p"in i)||!u(i.p,o)))return i;"p"in i&&c(i.p)}const s={v:n,r:(null==i?void 0:i.r)||0,y:!0,d:C(t,null==i?void 0:i.d,r)};let a=!(null!=i&&i.y);return i&&"v"in i&&Object.is(i.v,n)?s.d!==i.d&&(s.d.size!==i.d.size||!Array.from(s.d.keys()).every((t=>i.d.has(t))))&&(a=!0,Promise.resolve().then((()=>{D(t)}))):(a=!0,++s.r,s.d.has(e)&&(s.d=new Map(s.d).set(e,s.r))),i&&!a?i:(w(t,e,s),s)},S=(t,e,n,r,o)=>{const i=x(t,e);if(i){if(o&&(!("p"in i)||!u(i.p,o)))return i;"p"in i&&c(i.p)}const s={e:n,r:((null==i?void 0:i.r)||0)+1,y:!0,d:C(t,null==i?void 0:i.d,r)};return w(t,e,s),s},E=(t,e,n,r)=>{const o=x(t,e);if(o&&"p"in o){if(u(o.p,n)&&!l(o.p))return o.y?o:{...o,y:!0};c(o.p)}((t,e,n)=>{let r=h.get(e);r||(r=new Map,h.set(e,r)),n.then((()=>{r.get(t)===n&&(r.delete(t),r.size||h.delete(e))})),r.set(t,n)})(t,e,n);const i={p:n,r:((null==o?void 0:o.r)||0)+1,y:!0,d:C(t,null==o?void 0:o.d,r)};return w(t,e,i),i},M=(t,e,n,r)=>{if(n instanceof Promise){const o=d(n,n.then((n=>{k(t,e,n,r,o)})).catch((n=>{if(n instanceof Promise)return a(n)?n.then((()=>{P(t,e,!0)})):n;S(t,e,n,r,o)})));return E(t,e,o,r)}return k(t,e,n,r)},P=(t,e,r)=>{if(!r){const r=x(t,e);if(r){if(r.y&&"p"in r&&!l(r.p))return r;if(r.d.forEach(((r,o)=>{if(o!==e)if(n.has(o)){const e=x(t,o);e&&!e.y&&P(t,o)}else P(t,o)})),Array.from(r.d).every((([e,n])=>{const r=x(t,e);return r&&!("p"in r)&&r.r===n})))return r.y?r:{...r,y:!0}}}const o=new Set;try{const n=e.read((n=>{o.add(n);const r=n===e?x(t,n):P(t,n);if(r){if("e"in r)throw r.e;if("p"in r)throw r.p;return r.v}if(p(n))return n.init;throw new Error("no atom init")}));return M(t,e,n,o)}catch(i){if(i instanceof Promise){const n=a(i)&&l(i)?(t=>d(t[s].b,t[s].o))(i):d(i,i);return E(t,e,n,o)}return S(t,e,i,o)}},A=(t,e)=>P(e,t),T=(t,e)=>!e.l.size&&(!e.t.size||1===e.t.size&&e.t.has(t)),B=(t,e)=>{const r=n.get(e);null==r||r.t.forEach((n=>{n!==e&&(((t,e)=>{const n=x(t,e);if(n){const r={...n,y:!1};w(t,e,r)}else"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] could not invalidate non existing atom",e)})(t,n),B(t,n))}))},$=(t,e,n)=>{let r=!0;const o=(e,n)=>{const r=P(t,e);if("e"in r)throw r.e;if("p"in r){if(null!=n&&n.unstable_promise)return r.p.then((()=>{const i=x(t,e);return i&&"p"in i&&i.p===r.p?new Promise((t=>setTimeout(t))).then((()=>o(e,n))):o(e,n)}));throw"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.info("Reading pending atom state in write operation. We throw a promise for now.",e),r.p}if("v"in r)return r.v;throw"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] no value found while reading atom in write operation. This is probably a bug.",e),new Error("no value found")},i=e.write(o,((n,o)=>{let i;if(n===e){if(!p(n))throw new Error("atom not writable");(t=>{const e=new Set,n=h.get(t);return n&&(h.delete(t),n.forEach(((t,n)=>{c(t),e.add(n)}))),e})(n).forEach((e=>{e!==t&&M(e,n,o)}));x(t,n)!==M(t,n,o)&&B(t,n)}else i=$(t,n,o);return r||D(t),i}),n);return r=!1,i},R=(t,e,n)=>{const r=$(n,t,e);return D(n),r},L=(t,e,r)=>{const o={t:new Set(r&&[r]),l:new Set};if(n.set(e,o),"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&i.add(e),P(void 0,e).d.forEach(((r,o)=>{const i=n.get(o);i?i.t.add(e):o!==e&&L(t,o,e)})),(t=>!!t.write)(e)&&e.onMount){const n=n=>R(e,n,t),r=e.onMount(n);t=void 0,r&&(o.u=r)}return o},V=(t,e)=>{var r;const o=null==(r=n.get(e))?void 0:r.u;o&&o(),n.delete(e),"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&i.delete(e);const s=x(t,e);s?("p"in s&&c(s.p),s.d.forEach(((r,o)=>{if(o!==e){const r=n.get(o);r&&(r.t.delete(e),T(o,r)&&V(t,o))}}))):"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] could not find atom state to unmount",e)},O=(t,e,r,o)=>{const i=new Set(r.d.keys());null==o||o.forEach(((r,o)=>{if(i.has(o))return void i.delete(o);const s=n.get(o);s&&(s.t.delete(e),T(o,s)&&V(t,o))})),i.forEach((r=>{const o=n.get(r);o?o.t.add(e):n.has(e)&&L(t,r,e)}))},D=t=>{if(t)b(t).forEach(((r,o)=>{if(r!==e.get(o)){const e=n.get(o);null==e||e.l.forEach((e=>e(t)))}}));else{for(;r.size;){const t=Array.from(r);r.clear(),t.forEach((([t,e])=>{const r=x(void 0,t);if(r&&r.d!==(null==e?void 0:e.d)&&O(void 0,t,r,null==e?void 0:e.d),e&&!e.y&&null!=r&&r.y)return;const o=n.get(t);null==o||o.l.forEach((t=>t()))}))}"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&o.forEach((t=>t()))}},I=(t,n)=>{n&&(t=>{b(t).forEach(((n,r)=>{const o=e.get(r);(!o||n.r>o.r||n.y!==o.y||n.r===o.r&&n.d!==o.d)&&(e.set(r,n),n.d!==(null==o?void 0:o.d)&&O(t,r,n,null==o?void 0:o.d))}))})(n),D(void 0)},j=(t,e,r)=>{const o=((t,e)=>{let r=n.get(e);return r||(r=L(t,e)),r})(r,t).l;return o.add(e),()=>{o.delete(e),((t,e)=>{const r=n.get(e);r&&T(e,r)&&V(t,e)})(r,t)}},F=(t,e)=>{for(const[n,r]of t)p(n)&&(M(e,n,r),B(e,n));D(e)};return"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")?{[f]:A,[m]:R,[g]:I,[v]:j,h:F,n:t=>(o.add(t),()=>{o.delete(t)}),l:()=>i.values(),a:t=>e.get(t),m:t=>n.get(t)}:{[f]:A,[m]:R,[g]:I,[v]:j,h:F}},b=(t,e)=>({s:e?e(t).SECRET_INTERNAL_store:y(t)}),x=new Map,w=t=>(x.has(t)||x.set(t,(0,r.createContext)(b())),x.get(t)),C=({children:t,initialValues:e,scope:n,unstable_createStore:o,unstable_enableVersionedWrite:i})=>{const[s,a]=(0,r.useState)({});(0,r.useEffect)((()=>{const t=l.current;t.w&&(t.s[g](null,s),delete s.p,t.v=s)}),[s]);const l=(0,r.useRef)();if(!l.current){const t=b(e,o);if(i){let e=0;t.w=t=>{a((n=>{const r=e?n:{p:n};return t(r),r}))},t.v=s,t.r=t=>{++e,t(),--e}}l.current=t}const c=w(n);return(0,r.createElement)(c.Provider,{value:l.current},t)};function k(t,e){return function(t,e){const n="atom"+ ++i,r={toString:()=>n};return"function"==typeof t?r.read=t:(r.init=t,r.read=t=>t(r),r.write=(t,e,n)=>e(r,"function"==typeof n?n(t(r)):n)),e&&(r.write=e),r}(t,e)}function S(t,e){const n=w(e),o=(0,r.useContext)(n),{s:i,v:s}=o,a=e=>{const n=i[f](t,e);if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&!n.y)throw new Error("should not be invalidated");if("e"in n)throw n.e;if("p"in n)throw n.p;if("v"in n)return n.v;throw new Error("no atom value")},[[l,c,u],d]=(0,r.useReducer)(((e,n)=>{const r=a(n);return Object.is(e[1],r)&&e[2]===t?e:[n,r,t]}),s,(e=>[e,a(e),t]));let h=c;return u!==t&&(d(l),h=a(l)),(0,r.useEffect)((()=>{const{v:e}=o;e&&i[g](t,e);const n=i[v](t,d,e);return d(e),n}),[i,t,o]),(0,r.useEffect)((()=>{i[g](t,l)})),(0,r.useDebugValue)(h),h}function E(t,e){const n=w(e),{s:o,w:i}=(0,r.useContext)(n);return(0,r.useCallback)((e=>{if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&!("write"in t))throw new Error("not writable atom");const n=n=>o[m](t,e,n);return i?i(n):n()}),[o,i,t])}function M(t,e){return"scope"in t&&(console.warn("atom.scope is deprecated. Please do useAtom(atom, scope) instead."),e=t.scope),[S(t,e),E(t,e)]}function P(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var A={exports:{}},T={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},B={exports:{}},$=function(t){return!(!t||"string"==typeof t)&&(t instanceof Array||Array.isArray(t)||t.length>=0&&(t.splice instanceof Function||Object.getOwnPropertyDescriptor(t,t.length-1)&&"String"!==t.constructor.name))},R=Array.prototype.concat,L=Array.prototype.slice,V=B.exports=function(t){for(var e=[],n=0,r=t.length;n=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},N.to.keyword=function(t){return F[t.slice(0,3)]};var Z=A.exports;const W=T,_={};for(const dd of Object.keys(W))_[W[dd]]=dd;const q={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var Y=q;for(const dd of Object.keys(q)){if(!("channels"in q[dd]))throw new Error("missing channels property: "+dd);if(!("labels"in q[dd]))throw new Error("missing channel labels property: "+dd);if(q[dd].labels.length!==q[dd].channels)throw new Error("channel and label counts mismatch: "+dd);const{channels:t,labels:e}=q[dd];delete q[dd].channels,delete q[dd].labels,Object.defineProperty(q[dd],"channels",{value:t}),Object.defineProperty(q[dd],"labels",{value:e})}function X(t,e){return(t[0]-e[0])**2+(t[1]-e[1])**2+(t[2]-e[2])**2}q.rgb.hsl=function(t){const e=t[0]/255,n=t[1]/255,r=t[2]/255,o=Math.min(e,n,r),i=Math.max(e,n,r),s=i-o;let a,l;i===o?a=0:e===i?a=(n-r)/s:n===i?a=2+(r-e)/s:r===i&&(a=4+(e-n)/s),a=Math.min(60*a,360),a<0&&(a+=360);const c=(o+i)/2;return l=i===o?0:c<=.5?s/(i+o):s/(2-i-o),[a,100*l,100*c]},q.rgb.hsv=function(t){let e,n,r,o,i;const s=t[0]/255,a=t[1]/255,l=t[2]/255,c=Math.max(s,a,l),u=c-Math.min(s,a,l),d=function(t){return(c-t)/6/u+.5};return 0===u?(o=0,i=0):(i=u/c,e=d(s),n=d(a),r=d(l),s===c?o=r-n:a===c?o=1/3+e-r:l===c&&(o=2/3+n-e),o<0?o+=1:o>1&&(o-=1)),[360*o,100*i,100*c]},q.rgb.hwb=function(t){const e=t[0],n=t[1];let r=t[2];const o=q.rgb.hsl(t)[0],i=1/255*Math.min(e,Math.min(n,r));return r=1-1/255*Math.max(e,Math.max(n,r)),[o,100*i,100*r]},q.rgb.cmyk=function(t){const e=t[0]/255,n=t[1]/255,r=t[2]/255,o=Math.min(1-e,1-n,1-r);return[100*((1-e-o)/(1-o)||0),100*((1-n-o)/(1-o)||0),100*((1-r-o)/(1-o)||0),100*o]},q.rgb.keyword=function(t){const e=_[t];if(e)return e;let n,r=1/0;for(const o of Object.keys(W)){const e=X(t,W[o]);e.04045?((e+.055)/1.055)**2.4:e/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;return[100*(.4124*e+.3576*n+.1805*r),100*(.2126*e+.7152*n+.0722*r),100*(.0193*e+.1192*n+.9505*r)]},q.rgb.lab=function(t){const e=q.rgb.xyz(t);let n=e[0],r=e[1],o=e[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;return[116*r-16,500*(n-r),200*(r-o)]},q.hsl.rgb=function(t){const e=t[0]/360,n=t[1]/100,r=t[2]/100;let o,i,s;if(0===n)return s=255*r,[s,s,s];o=r<.5?r*(1+n):r+n-r*n;const a=2*r-o,l=[0,0,0];for(let c=0;c<3;c++)i=e+1/3*-(c-1),i<0&&i++,i>1&&i--,s=6*i<1?a+6*(o-a)*i:2*i<1?o:3*i<2?a+(o-a)*(2/3-i)*6:a,l[c]=255*s;return l},q.hsl.hsv=function(t){const e=t[0];let n=t[1]/100,r=t[2]/100,o=n;const i=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=i<=1?i:2-i;return[e,100*(0===r?2*o/(i+o):2*n/(r+n)),100*((r+n)/2)]},q.hsv.rgb=function(t){const e=t[0]/60,n=t[1]/100;let r=t[2]/100;const o=Math.floor(e)%6,i=e-Math.floor(e),s=255*r*(1-n),a=255*r*(1-n*i),l=255*r*(1-n*(1-i));switch(r*=255,o){case 0:return[r,l,s];case 1:return[a,r,s];case 2:return[s,r,l];case 3:return[s,a,r];case 4:return[l,s,r];case 5:return[r,s,a]}},q.hsv.hsl=function(t){const e=t[0],n=t[1]/100,r=t[2]/100,o=Math.max(r,.01);let i,s;s=(2-n)*r;const a=(2-n)*o;return i=n*o,i/=a<=1?a:2-a,i=i||0,s/=2,[e,100*i,100*s]},q.hwb.rgb=function(t){const e=t[0]/360;let n=t[1]/100,r=t[2]/100;const o=n+r;let i;o>1&&(n/=o,r/=o);const s=Math.floor(6*e),a=1-r;i=6*e-s,1&s&&(i=1-i);const l=n+i*(a-n);let c,u,d;switch(s){default:case 6:case 0:c=a,u=l,d=n;break;case 1:c=l,u=a,d=n;break;case 2:c=n,u=a,d=l;break;case 3:c=n,u=l,d=a;break;case 4:c=l,u=n,d=a;break;case 5:c=a,u=n,d=l}return[255*c,255*u,255*d]},q.cmyk.rgb=function(t){const e=t[0]/100,n=t[1]/100,r=t[2]/100,o=t[3]/100;return[255*(1-Math.min(1,e*(1-o)+o)),255*(1-Math.min(1,n*(1-o)+o)),255*(1-Math.min(1,r*(1-o)+o))]},q.xyz.rgb=function(t){const e=t[0]/100,n=t[1]/100,r=t[2]/100;let o,i,s;return o=3.2406*e+-1.5372*n+-.4986*r,i=-.9689*e+1.8758*n+.0415*r,s=.0557*e+-.204*n+1.057*r,o=o>.0031308?1.055*o**(1/2.4)-.055:12.92*o,i=i>.0031308?1.055*i**(1/2.4)-.055:12.92*i,s=s>.0031308?1.055*s**(1/2.4)-.055:12.92*s,o=Math.min(Math.max(0,o),1),i=Math.min(Math.max(0,i),1),s=Math.min(Math.max(0,s),1),[255*o,255*i,255*s]},q.xyz.lab=function(t){let e=t[0],n=t[1],r=t[2];e/=95.047,n/=100,r/=108.883,e=e>.008856?e**(1/3):7.787*e+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;return[116*n-16,500*(e-n),200*(n-r)]},q.lab.xyz=function(t){let e,n,r;n=(t[0]+16)/116,e=t[1]/500+n,r=n-t[2]/200;const o=n**3,i=e**3,s=r**3;return n=o>.008856?o:(n-16/116)/7.787,e=i>.008856?i:(e-16/116)/7.787,r=s>.008856?s:(r-16/116)/7.787,e*=95.047,n*=100,r*=108.883,[e,n,r]},q.lab.lch=function(t){const e=t[0],n=t[1],r=t[2];let o;o=360*Math.atan2(r,n)/2/Math.PI,o<0&&(o+=360);return[e,Math.sqrt(n*n+r*r),o]},q.lch.lab=function(t){const e=t[0],n=t[1],r=t[2]/360*2*Math.PI;return[e,n*Math.cos(r),n*Math.sin(r)]},q.rgb.ansi16=function(t,e=null){const[n,r,o]=t;let i=null===e?q.rgb.hsv(t)[2]:e;if(i=Math.round(i/50),0===i)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return 2===i&&(s+=60),s},q.hsv.ansi16=function(t){return q.rgb.ansi16(q.hsv.rgb(t),t[2])},q.rgb.ansi256=function(t){const e=t[0],n=t[1],r=t[2];return e===n&&n===r?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)},q.ansi16.rgb=function(t){let e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),e=e/10.5*255,[e,e,e];const n=.5*(1+~~(t>50));return[(1&e)*n*255,(e>>1&1)*n*255,(e>>2&1)*n*255]},q.ansi256.rgb=function(t){if(t>=232){const e=10*(t-232)+8;return[e,e,e]}let e;t-=16;return[Math.floor(t/36)/5*255,Math.floor((e=t%36)/6)/5*255,e%6/5*255]},q.rgb.hex=function(t){const e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},q.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];let n=e[0];3===e[0].length&&(n=n.split("").map((t=>t+t)).join(""));const r=parseInt(n,16);return[r>>16&255,r>>8&255,255&r]},q.rgb.hcg=function(t){const e=t[0]/255,n=t[1]/255,r=t[2]/255,o=Math.max(Math.max(e,n),r),i=Math.min(Math.min(e,n),r),s=o-i;let a,l;return a=s<1?i/(1-s):0,l=s<=0?0:o===e?(n-r)/s%6:o===n?2+(r-e)/s:4+(e-n)/s,l/=6,l%=1,[360*l,100*s,100*a]},q.hsl.hcg=function(t){const e=t[1]/100,n=t[2]/100,r=n<.5?2*e*n:2*e*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[t[0],100*r,100*o]},q.hsv.hcg=function(t){const e=t[1]/100,n=t[2]/100,r=e*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[t[0],100*r,100*o]},q.hcg.rgb=function(t){const e=t[0]/360,n=t[1]/100,r=t[2]/100;if(0===n)return[255*r,255*r,255*r];const o=[0,0,0],i=e%1*6,s=i%1,a=1-s;let l=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=a,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=a,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=a}return l=(1-n)*r,[255*(n*o[0]+l),255*(n*o[1]+l),255*(n*o[2]+l)]},q.hcg.hsv=function(t){const e=t[1]/100,n=e+t[2]/100*(1-e);let r=0;return n>0&&(r=e/n),[t[0],100*r,100*n]},q.hcg.hsl=function(t){const e=t[1]/100,n=t[2]/100*(1-e)+.5*e;let r=0;return n>0&&n<.5?r=e/(2*n):n>=.5&&n<1&&(r=e/(2*(1-n))),[t[0],100*r,100*n]},q.hcg.hwb=function(t){const e=t[1]/100,n=e+t[2]/100*(1-e);return[t[0],100*(n-e),100*(1-n)]},q.hwb.hcg=function(t){const e=t[1]/100,n=1-t[2]/100,r=n-e;let o=0;return r<1&&(o=(n-r)/(1-r)),[t[0],100*r,100*o]},q.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},q.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},q.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},q.gray.hsl=function(t){return[0,0,t[0]]},q.gray.hsv=q.gray.hsl,q.gray.hwb=function(t){return[0,100,t[0]]},q.gray.cmyk=function(t){return[0,0,0,t[0]]},q.gray.lab=function(t){return[t[0],0,0]},q.gray.hex=function(t){const e=255&Math.round(t[0]/100*255),n=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(n.length)+n},q.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]};const G=Y;function K(t){const e=function(){const t={},e=Object.keys(G);for(let n=e.length,r=0;r{nt[t]={},Object.defineProperty(nt[t],"channels",{value:tt[t].channels}),Object.defineProperty(nt[t],"labels",{value:tt[t].labels});const e=et(t);Object.keys(e).forEach((n=>{const r=e[n];nt[t][n]=function(t){const e=function(...e){const n=e[0];if(null==n)return n;n.length>1&&(e=n);const r=t(e);if("object"==typeof r)for(let t=r.length,o=0;o1&&(e=n),t(e))};return"conversion"in t&&(e.conversion=t.conversion),e}(r)}))}));const rt=Z,ot=nt,it=["keyword","gray","hex"],st={};for(const dd of Object.keys(ot))st[[...ot[dd].labels].sort().join("")]=dd;const at={};function lt(t,e){if(!(this instanceof lt))return new lt(t,e);if(e&&e in it&&(e=null),e&&!(e in ot))throw new Error("Unknown model: "+e);let n,r;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof lt)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if("string"==typeof t){const e=rt.get(t);if(null===e)throw new Error("Unable to parse color from string: "+t);this.model=e.model,r=ot[this.model].channels,this.color=e.value.slice(0,r),this.valpha="number"==typeof e.value[r]?e.value[r]:1}else if(t.length>0){this.model=e||"rgb",r=ot[this.model].channels;const n=Array.prototype.slice.call(t,0,r);this.color=pt(n,r),this.valpha="number"==typeof t[r]?t[r]:1}else if("number"==typeof t)this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;const e=Object.keys(t);"alpha"in t&&(e.splice(e.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);const r=e.sort().join("");if(!(r in st))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=st[r];const{labels:o}=ot[this.model],i=[];for(n=0;n(t%360+360)%360)),saturationl:ut("hsl",1,dt(100)),lightness:ut("hsl",2,dt(100)),saturationv:ut("hsv",1,dt(100)),value:ut("hsv",2,dt(100)),chroma:ut("hcg",1,dt(100)),gray:ut("hcg",2,dt(100)),white:ut("hwb",1,dt(100)),wblack:ut("hwb",2,dt(100)),cyan:ut("cmyk",0,dt(100)),magenta:ut("cmyk",1,dt(100)),yellow:ut("cmyk",2,dt(100)),black:ut("cmyk",3,dt(100)),x:ut("xyz",0,dt(95.047)),y:ut("xyz",1,dt(100)),z:ut("xyz",2,dt(108.833)),l:ut("lab",0,dt(100)),a:ut("lab",1),b:ut("lab",2),keyword(t){return void 0!==t?new lt(t):ot[this.model].keyword(this.color)},hex(t){return void 0!==t?new lt(t):rt.to.hex(this.rgb().round().color)},hexa(t){if(void 0!==t)return new lt(t);const e=this.rgb().round().color;let n=Math.round(255*this.valpha).toString(16).toUpperCase();return 1===n.length&&(n="0"+n),rt.to.hex(e)+n},rgbNumber(){const t=this.rgb().color;return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},luminosity(){const t=this.rgb().color,e=[];for(const[n,r]of t.entries()){const t=r/255;e[n]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity(),n=t.luminosity();return e>n?(e+.05)/(n+.05):(n+.05)/(e+.05)},level(t){const e=this.contrast(t);return e>=7?"AAA":e>=4.5?"AA":""},isDark(){const t=this.rgb().color;return(2126*t[0]+7152*t[1]+722*t[2])/1e4<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten(t){const e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken(t){const e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate(t){const e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate(t){const e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten(t){const e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken(t){const e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale(){const t=this.rgb().color,e=.3*t[0]+.59*t[1]+.11*t[2];return lt.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let n=e.color[0];return n=(n+t)%360,n=n<0?360+n:n,e.color[0]=n,e},mix(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);const n=t.rgb(),r=this.rgb(),o=void 0===e?.5:e,i=2*o-1,s=n.alpha()-r.alpha(),a=((i*s==-1?i:(i+s)/(1+i*s))+1)/2,l=1-a;return lt.rgb(a*n.red()+l*r.red(),a*n.green()+l*r.green(),a*n.blue()+l*r.blue(),n.alpha()*o+r.alpha()*(1-o))}};for(const dd of Object.keys(ot)){if(it.includes(dd))continue;const{channels:t}=ot[dd];lt.prototype[dd]=function(...t){return this.model===dd?new lt(this):t.length>0?new lt(t,dd):new lt([...ht(ot[this.model][dd].raw(this.color)),this.valpha],dd)},lt[dd]=function(...e){let n=e[0];return"number"==typeof n&&(n=pt(e,t)),new lt(n,dd)}}function ct(t){return function(e){return function(t,e){return Number(t.toFixed(e))}(e,t)}}function ut(t,e,n){t=Array.isArray(t)?t:[t];for(const r of t)(at[r]||(at[r]=[]))[e]=n;return t=t[0],function(r){let o;return void 0!==r?(n&&(r=n(r)),o=this[t](),o.color[e]=r,o):(o=this[t]().color[e],n&&(o=n(o)),o)}}function dt(t){return function(e){return Math.max(0,Math.min(t,e))}}function ht(t){return Array.isArray(t)?t:[t]}function pt(t,e){for(let n=0;n0?(Vt.promise&&Vt.promise.then((()=>{})).catch((()=>{})),t.pause()):(t.paused||t.ended)&&(Vt.promise=t.play()))}function kt(t,e,n){return Math.min(Math.max(t,e),n)}function St(t,e,n,r,o){function i(t){o&&t.preventDefault(),t.target&&function(t,e,n){const r=null==n?void 0:n.getBoundingClientRect();r&&e(t,r)}(t,e,n)}function s(){r(!1),o?(document.removeEventListener("touchmove",i),document.removeEventListener("touchend",s)):(document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",s))}i(t),t.stopPropagation(),o?(document.addEventListener("touchmove",i,{passive:!1}),document.addEventListener("touchend",s)):(document.addEventListener("mousemove",i),document.addEventListener("mouseup",s))}function Et(t,e,n,r,o,i,s,a,l,c,u){if(l(!0),r&&r.current){let l=0;At(t)?l=t.touches[0].clientX:Tt(t)&&(l=t.clientX);const d=r.current.getBoundingClientRect(),[h,p,f]=function(t,e){const n=e.left-t.left,r=Math.abs(e.right-t.right);return[t.width-n-r,n,r]}(e,d),m=l-e.left;Mt(t,n,r,o,i,s,c,u);const g=kt(m-p,0,h)/r.current.clientWidth;if(i&&i.duration){const t=i.duration*g;i.currentTime=t,c(t)}a(g)}}function Mt(t,e,n,r,o,i,s,a){var l;if(e||!n||!n.current||!r)return;let c=0;At(t)?c=t.touches[0].clientX:Tt(t)&&(c=t.clientX);const u=n.current.getBoundingClientRect(),d=n.current.getBoundingClientRect().left-(null==r?void 0:r.getBoundingClientRect().left),h=(null==r?void 0:r.getBoundingClientRect().right)-n.current.getBoundingClientRect().right,p=c-u.left;let f=c-u.left-i/2;const m=(null==(l=n.current)?void 0:l.clientWidth)-i/2+h,g=n.current.clientWidth-i/2;p>m&&(f=m-i/2),f=kt(f,Math.max(-1*i/2,-1*d),g),a(f);const v=c-n.current.getBoundingClientRect().left;if(o&&o.duration){const t=kt(v/n.current.clientWidth,0,1);s(o.duration*t)}}function Pt(t){const e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),r=Math.floor(t-3600*e-60*n);let o="";return e>0&&(o+=`${e}:`),o+=n<10?`0${n}:`:`${n}:`,o+=r<10?`0${r}`:`${r}`,o}function At(t){return void 0!==t.touches}function Tt(t){return void 0!==t.clientX}function Bt(){return!(!("ontouchstart"in window)&&!navigator.maxTouchPoints)}function $t(t){return ft(t).lighten(.3)}function Rt(t){let e,n,r;const o=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(t);if(o)e=parseInt(o[1],10),n=parseInt(o[2],10),r=parseInt(o[3],10);else{const o=document.createElement("div");o.style.color=t,document.body.appendChild(o);const i=getComputedStyle(o).color;document.body.removeChild(o);const s=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(i);s?(e=parseInt(s[1],10),n=parseInt(s[2],10),r=parseInt(s[3],10)):(e=parseInt(t.slice(1,3),16),n=parseInt(t.slice(3,5),16),r=parseInt(t.slice(5,7),16))}return(.299*e+.587*n+.114*r)/255>.5?"#000000":"#FFFFFF"}const Lt=Symbol(),Vt={promise:null},Ot=Symbol("draggable"),Dt=k(null),It=k(null);k(null,((t,e,n)=>{e(It,n)}));const jt=k({});var Ft=(t=>(t[t.paused=0]="paused",t[t.playing=1]="playing",t[t.ended=2]="ended",t))(Ft||{});const zt=k(!1),Nt=k(0),Ut=k(0),Ht=k((t=>Pt(t(Ut)))),Zt=k(0),Wt=k((t=>Pt(t(Zt)))),_t=k(1),qt=k("progressBar"),Yt=k(null),Xt=k(null),Gt=k(null),Kt=k(1080),Jt=new Set([144,240,360,480,720,1080,1440,2160]),Qt=k({2160:null,1440:null,1080:null,720:null,480:null,360:null,240:null,144:null}),te=k(!1),ee=k(null),ne=k({height:0,width:0}),re=k({}),oe=k([]),ie=k(0),se=k((t=>{const e=t(ie);return parseFloat((100*e).toFixed(1))+"%"})),ae=k(!1),le=k(0),ce=k(0),ue=k((t=>Pt(t(ce)))),de=k(0),he=k(null),pe=k(1),fe=k((t=>{const e=t(pe);return parseFloat((100*e).toFixed(1))+"%"})),me=k(!1),ge=k(!1);k(null),k(null);const ve=k(!1),ye=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],be=(()=>{if(typeof document>"u")return!1;const t=ye[0],e={};for(const n of ye)if((null==n?void 0:n[1])in document){for(const[r,o]of n.entries())e[t[r]]=o;return e}return!1})(),xe={change:be.fullscreenchange,error:be.fullscreenerror};let we={request:(t=document.documentElement,e)=>new Promise(((n,r)=>{const o=()=>{we.off("change",o),n()};we.on("change",o);const i=t[be.requestFullscreen](e);i instanceof Promise&&i.then(o).catch(r)})),exit:()=>new Promise(((t,e)=>{if(!we.isFullscreen)return void t();const n=()=>{we.off("change",n),t()};we.on("change",n);const r=document[be.exitFullscreen]();r instanceof Promise&&r.then(n).catch(e)})),toggle:(t,e)=>we.isFullscreen?we.exit():we.request(t,e),onchange(t){we.on("change",t)},onerror(t){we.on("error",t)},on(t,e){const n=xe[t];n&&document.addEventListener(n,e,!1)},off(t,e){const n=xe[t];n&&document.removeEventListener(n,e,!1)},raw:be};Object.defineProperties(we,{isFullscreen:{get:()=>!!document[be.fullscreenElement]},element:{enumerable:!0,get:()=>document[be.fullscreenElement]??void 0},isEnabled:{enumerable:!0,get:()=>!!document[be.fullscreenEnabled]}}),be||(we={isEnabled:!1});const Ce=we;function ke(t,e,n,o,i){(0,r.useEffect)((()=>{n?(Vt.promise&&Vt.promise.then((()=>{})).catch((()=>{})),o(i),null==e||e.pause()):t===Ft.paused||t===Ft.ended?(Vt.promise&&Vt.promise.then((()=>{})).catch((()=>{})),null==e||e.pause()):t===Ft.playing&&(Vt.promise=(null==e?void 0:e.play())??null)}),[n,o,e,i])}function Se(t,e,n,o){let i;const s=()=>{n(),clearTimeout(i),i=setTimeout((()=>{o()}),2500)};(0,r.useEffect)((()=>{if(e&&t&&i)return t.addEventListener("mousemove",s),()=>{t.removeEventListener("mousemove",s),clearTimeout(i)}}),[i,t,e])}const Ee=(t,e,n,o,i)=>{(0,r.useEffect)((()=>{var n;null!=i&&i.controlsBar&&!(null!=(n=null==i?void 0:i.controlsBar)&&n.barColor)&&(i.controlsBar.barColor="rgba(28, 28, 28, 0.7)"),t(i),e([i.item1,i.item2,i.item3,i.item4,i.item5,i.item6,i.item7])}),[i,e,t]),(0,r.useEffect)((()=>{n(o)}),[o,n])};var Me,Pe={exports:{}},Ae={};Pe.exports=function(){if(Me)return Ae;Me=1;var t=r,e=Symbol.for("react.element"),n=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,i=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function a(t,n,r){var a,l={},c=null,u=null;for(a in void 0!==r&&(c=""+r),void 0!==n.key&&(c=""+n.key),void 0!==n.ref&&(u=n.ref),n)o.call(n,a)&&!s.hasOwnProperty(a)&&(l[a]=n[a]);if(t&&t.defaultProps)for(a in n=t.defaultProps)void 0===l[a]&&(l[a]=n[a]);return{$$typeof:e,type:t,key:c,ref:u,props:l,_owner:i.current}}return Ae.Fragment=n,Ae.jsx=a,Ae.jsxs=a,Ae}();var Te=Pe.exports;const Be=Te.jsx,$e=Te.jsxs,Re=Te.Fragment;function Le(){const[t,e]=M(Dt,Lt),[n,o]=M(re,Lt),i=E(Nt,Lt),s=E(_t,Lt),a=S(te,Lt),l=E(ie,Lt),c=E(pe,Lt),u=E(Zt,Lt),d=E(zt,Lt),h=E(Ut,Lt),p=E(me,Lt),f=E(Kt,Lt),m=E(le,Lt),g=E(te,Lt),v=E(Xt,Lt),y=E(Yt,Lt),b=E(Gt,Lt),x=E(Qt,Lt),w=E(he,Lt),C=S(ae,Lt),k=S(ge,Lt),P=S(ve,Lt),A=S(jt,Lt),T=S(It,Lt),{playsInline:B,onClick:$,onPause:R,onPlay:L,onEnded:V,onTimeUpdate:O,onVolumeChange:D,onLoadedData:I,onLoadStart:j,onSeeking:F,onSeeked:z,preload:N,tabIndex:U,onDurationChange:H,onProgress:Z,onRateChange:W,children:_,...q}=A;(function(t,e){(0,r.useEffect)((()=>{if(t instanceof Object){const n={2160:null,1440:null,1080:null,720:null,480:null,360:null,240:null,144:null};if("props"in t&&"source"===t.type){const e=t.props.id;if(e){const r=parseInt(e.split("-")[1]);r in n&&(n[r]=t.props.src)}}else Array.isArray(t)&&t.filter((t=>"source"===t.type)).map((t=>t.props)).filter((t=>void 0!==t)).forEach((t=>{const e=t.id;if(e){const r=parseInt(e.split("-")[1]);r in n&&(n[r]=t.src)}}));e(n)}}),[t,e])})(_,x),function(t,e,n,o,i){(0,r.useEffect)((()=>{if(null!==e){const r=e.textTracks;if(t instanceof Object&&(!("props"in t)||"track"!==t.type)&&Array.isArray(t)){const e=t.filter((t=>"track"===t.type)).findIndex((t=>!0===t.props.default));-1!==e&&(r[e].mode="showing",i(r[e]))}r.onchange=t=>{const e=Array.from(t.target);i(e.find((t=>"showing"===t.mode))??null)};const s=[];for(let t=0;t{t.oncuechange=t=>{const e=t.target;if("showing"===e.mode){const t=e.activeCues?e.activeCues[0]:null;o(t)}}})),n(s)}}),[e,t,n,o,i])}(_,t,v,y,b),function(t,e){(0,r.useEffect)((()=>{if(null!==t){const n=t.textTracks;let r=null;for(let t=0;t{function n(t){const n=t.target;document.fullscreenElement===n&&e&&document.exitFullscreen().then((()=>{e.requestFullscreen()}))}return t&&t.addEventListener("fullscreenchange",n),()=>{t&&t.removeEventListener("fullscreenchange",n)}}),[t,e])}(t,T),Se(t,P,(()=>g(!0)),(()=>g(!1)));function Y(t){if(!a)return;const e=t.target;if(4===e.readyState){const t=e.buffered.length,n=t-1;if(t<=0)return;const r=e.buffered.end(n)/e.duration*100;m(r)}}return Be(Ve,{...q,className:Ot.toString(),playsInline:B??!0,onClick:e=>{Ct(t),$&&$(e)},onPause:t=>{i(Ft.paused),R&&R(t)},onPlay:t=>{i(Ft.playing),L&&L(t)},onEnded:t=>{i(Ft.ended),V&&V(t)},onLoadedData:t=>{e(t.target),f(function(t,e){const n=t.target.currentSrc;if(e instanceof Object){if("props"in e&&"source"===e.type){const t=e.props.id;if(t){const r=parseInt(t.split("-")[1]);if(Jt.has(r)&&e.props.src===n)return r}}else if(Array.isArray(e)){const t=e.filter((t=>"source"===t.type)).map((t=>t.props)).filter((t=>void 0!==t)).map((t=>{if(t.id){const e=parseInt(t.id.split("-")[1]);if(Jt.has(e)&&t.src===n)return e}})).filter((t=>void 0!==t));if(1===t.length)return t[0]}return 1080}return 1080}(t,_)),I&&I(t)},onLoadStart:t=>{e(t.target),o({...n}),j&&j(t)},onVolumeChange:t=>{c(t.target.volume),p(t.target.muted),D&&D(t)},onSeeking:t=>{d(!0),F&&F(t)},onSeeked:t=>{d(!1),Y(t),z&&z(t)},onTimeUpdate:t=>{(function(t){const e=t.target;l(e.currentTime/e.duration),h(e.currentTime)})(t),O&&O(t)},onProgress:t=>{Y(t),Z&&Z(t)},onDurationChange:t=>{u(t.target.duration),H&&H(t)},onRateChange:t=>{s(t.target.playbackRate),W&&W(t)},preload:N??"metadata",tabIndex:U??-1,"data-cy":"HTMLVideoPlayer",$isDragging:C||k,children:_})}const Ve=o.ZP.video` + width: 100%; + height: 100%; + background-color: black; + ::cue { + visibility: hidden; + background-color: transparent; + display: none; + opacity: 0; + text-shadow: 0; + } + cursor: ${t=>t.$isDragging?"vertical"===t.$isDragging?"row-resize":"col-resize":"pointer"}; +`,Oe=(0,r.createContext)({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),De=(0,r.createContext)({});const Ie=(0,r.createContext)(null),je=typeof document<"u",Fe=je?r.useLayoutEffect:r.useEffect,ze=(0,r.createContext)({strict:!1});function Ne(t,e,n,o){const i=(0,r.useContext)(De).visualElement,s=(0,r.useContext)(ze),a=(0,r.useContext)(Ie),l=(0,r.useContext)(Oe).reducedMotion,c=(0,r.useRef)();o=o||s.renderer,!c.current&&o&&(c.current=o(t,{visualState:e,parent:i,props:n,presenceId:a?a.id:void 0,blockInitialAnimation:!!a&&!1===a.initial,reducedMotionConfig:l}));const u=c.current;return Fe((()=>{u&&u.render()})),(window.HandoffAppearAnimations?Fe:r.useEffect)((()=>{u&&u.animationState&&u.animationState.animateChanges()})),u}function Ue(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function He(t){return"string"==typeof t||Array.isArray(t)}function Ze(t){return"object"==typeof t&&"function"==typeof t.start}const We=["initial","animate","exit","whileHover","whileDrag","whileTap","whileFocus","whileInView"];function _e(t){return Ze(t.animate)||We.some((e=>He(t[e])))}function qe(t){return!(!_e(t)&&!t.variants)}function Ye(t){const{initial:e,animate:n}=function(t,e){if(_e(t)){const{initial:e,animate:n}=t;return{initial:!1===e||He(e)?e:void 0,animate:He(n)?n:void 0}}return!1!==t.inherit?e:{}}(t,(0,r.useContext)(De));return(0,r.useMemo)((()=>({initial:e,animate:n})),[Xe(e),Xe(n)])}function Xe(t){return Array.isArray(t)?t.join(" "):t}const Ge=t=>({isEnabled:e=>t.some((t=>!!e[t]))}),Ke={measureLayout:Ge(["layout","layoutId","drag"]),animation:Ge(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:Ge(["exit"]),drag:Ge(["drag","dragControls"]),focus:Ge(["whileFocus"]),hover:Ge(["whileHover","onHoverStart","onHoverEnd"]),tap:Ge(["whileTap","onTap","onTapStart","onTapCancel"]),pan:Ge(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:Ge(["whileInView","onViewportEnter","onViewportLeave"])};function Je(t){const e=(0,r.useRef)(null);return null===e.current&&(e.current=t()),e.current}const Qe={hasAnimatedSinceResize:!0,hasEverUpdated:!1};let tn=1;const en=(0,r.createContext)({});class nn extends r.Component{getSnapshotBeforeUpdate(){const{visualElement:t,props:e}=this.props;return t&&t.setProps(e),null}componentDidUpdate(){}render(){return this.props.children}}const rn=(0,r.createContext)({}),on=Symbol.for("motionComponentSymbol");function sn({preloadedFeatures:t,createVisualElement:e,projectionNodeConstructor:n,useRender:o,useVisualState:i,Component:s}){t&&function(t){for(const e in t)"projectionNodeConstructor"===e?Ke.projectionNodeConstructor=t[e]:Ke[e].Component=t[e]}(t);const a=(0,r.forwardRef)((function(a,l){const c={...(0,r.useContext)(Oe),...a,layoutId:an(a)},{isStatic:u}=c;let d=null;const h=Ye(a),p=u?void 0:Je((()=>{if(Qe.hasEverUpdated)return tn++})),f=i(a,u);if(!u&&je){h.visualElement=Ne(s,f,c,e);const o=(0,r.useContext)(ze).strict,i=(0,r.useContext)(rn);h.visualElement&&(d=h.visualElement.loadFeatures(c,o,t,p,n||Ke.projectionNodeConstructor,i))}return r.createElement(nn,{visualElement:h.visualElement,props:c},d,r.createElement(De.Provider,{value:h},o(s,a,p,function(t,e,n){return(0,r.useCallback)((r=>{r&&t.mount&&t.mount(r),e&&(r?e.mount(r):e.unmount()),n&&("function"==typeof n?n(r):Ue(n)&&(n.current=r))}),[e])}(f,h.visualElement,l),f,u,h.visualElement)))}));return a[on]=s,a}function an({layoutId:t}){const e=(0,r.useContext)(en).id;return e&&void 0!==t?e+"-"+t:t}function ln(t){function e(e,n={}){return sn(t(e,n))}if(typeof Proxy>"u")return e;const n=new Map;return new Proxy(e,{get:(t,r)=>(n.has(r)||n.set(r,e(r)),n.get(r))})}const cn=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function un(t){return"string"==typeof t&&!t.includes("-")&&!!(cn.indexOf(t)>-1||/[A-Z]/.test(t))}const dn={};const hn=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],pn=new Set(hn);function fn(t,{layout:e,layoutId:n}){return pn.has(t)||t.startsWith("origin")||(e||void 0!==n)&&(!!dn[t]||"opacity"===t)}const mn=t=>!(null==t||!t.getVelocity),gn={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},vn=(t,e)=>hn.indexOf(t)-hn.indexOf(e);function yn(t){return t.startsWith("--")}const bn=(t,e)=>e&&"number"==typeof t?e.transform(t):t,xn=(t,e,n)=>Math.min(Math.max(n,t),e),wn={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},Cn={...wn,transform:t=>xn(0,1,t)},kn={...wn,default:1},Sn=t=>Math.round(1e5*t)/1e5,En=/(-)?([\d]*\.?[\d])+/g,Mn=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,Pn=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function An(t){return"string"==typeof t}const Tn=t=>({test:e=>An(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),Bn=Tn("deg"),$n=Tn("%"),Rn=Tn("px"),Ln=Tn("vh"),Vn=Tn("vw"),On={...$n,parse:t=>$n.parse(t)/100,transform:t=>$n.transform(100*t)},Dn={...wn,transform:Math.round},In={borderWidth:Rn,borderTopWidth:Rn,borderRightWidth:Rn,borderBottomWidth:Rn,borderLeftWidth:Rn,borderRadius:Rn,radius:Rn,borderTopLeftRadius:Rn,borderTopRightRadius:Rn,borderBottomRightRadius:Rn,borderBottomLeftRadius:Rn,width:Rn,maxWidth:Rn,height:Rn,maxHeight:Rn,size:Rn,top:Rn,right:Rn,bottom:Rn,left:Rn,padding:Rn,paddingTop:Rn,paddingRight:Rn,paddingBottom:Rn,paddingLeft:Rn,margin:Rn,marginTop:Rn,marginRight:Rn,marginBottom:Rn,marginLeft:Rn,rotate:Bn,rotateX:Bn,rotateY:Bn,rotateZ:Bn,scale:kn,scaleX:kn,scaleY:kn,scaleZ:kn,skew:Bn,skewX:Bn,skewY:Bn,distance:Rn,translateX:Rn,translateY:Rn,translateZ:Rn,x:Rn,y:Rn,z:Rn,perspective:Rn,transformPerspective:Rn,opacity:Cn,originX:On,originY:On,originZ:Rn,zIndex:Dn,fillOpacity:Cn,strokeOpacity:Cn,numOctaves:Dn};function jn(t,e,n,r){const{style:o,vars:i,transform:s,transformKeys:a,transformOrigin:l}=t;a.length=0;let c=!1,u=!1,d=!0;for(const h in e){const t=e[h];if(yn(h)){i[h]=t;continue}const n=In[h],r=bn(t,n);if(pn.has(h)){if(c=!0,s[h]=r,a.push(h),!d)continue;t!==(n.default||0)&&(d=!1)}else h.startsWith("origin")?(u=!0,l[h]=r):o[h]=r}if(e.transform||(c||r?o.transform=function({transform:t,transformKeys:e},{enableHardwareAcceleration:n=!0,allowTransformNone:r=!0},o,i){let s="";e.sort(vn);for(const a of e)s+=`${gn[a]||a}(${t[a]}) `;return n&&!t.z&&(s+="translateZ(0)"),s=s.trim(),i?s=i(t,o?"":s):r&&o&&(s="none"),s}(t,n,d,r):o.transform&&(o.transform="none")),u){const{originX:t="50%",originY:e="50%",originZ:n=0}=l;o.transformOrigin=`${t} ${e} ${n}`}}const Fn=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}});function zn(t,e,n){for(const r in e)!mn(e[r])&&!fn(r,n)&&(t[r]=e[r])}function Nn(t,e,n){const o={};return zn(o,t.style||{},t),Object.assign(o,function({transformTemplate:t},e,n){return(0,r.useMemo)((()=>{const r=Fn();return jn(r,e,{enableHardwareAcceleration:!n},t),Object.assign({},r.vars,r.style)}),[e])}(t,e,n)),t.transformValues?t.transformValues(o):o}function Un(t,e,n){const r={},o=Nn(t,e,n);return t.drag&&!1!==t.dragListener&&(r.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),r.style=o,r}const Hn=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","viewport"]);function Zn(t){return t.startsWith("while")||t.startsWith("drag")&&"draggable"!==t||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||Hn.has(t)}let Wn=t=>!Zn(t);try{(_n=n(9138).Z)&&(Wn=t=>t.startsWith("on")?!Zn(t):_n(t))}catch{}var _n;function qn(t,e,n){const r={};for(const o in t)"values"===o&&"object"==typeof t.values||(Wn(o)||!0===n&&Zn(o)||!e&&!Zn(o)||t.draggable&&o.startsWith("onDrag"))&&(r[o]=t[o]);return r}function Yn(t,e,n){return"string"==typeof t?t:Rn.transform(e+n*t)}const Xn={offset:"stroke-dashoffset",array:"stroke-dasharray"},Gn={offset:"strokeDashoffset",array:"strokeDasharray"};function Kn(t,{attrX:e,attrY:n,originX:r,originY:o,pathLength:i,pathSpacing:s=1,pathOffset:a=0,...l},c,u,d){if(jn(t,l,c,d),u)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:h,style:p,dimensions:f}=t;h.transform&&(f&&(p.transform=h.transform),delete h.transform),f&&(void 0!==r||void 0!==o||p.transform)&&(p.transformOrigin=function(t,e,n){return`${Yn(e,t.x,t.width)} ${Yn(n,t.y,t.height)}`}(f,void 0!==r?r:.5,void 0!==o?o:.5)),void 0!==e&&(h.x=e),void 0!==n&&(h.y=n),void 0!==i&&function(t,e,n=1,r=0,o=!0){t.pathLength=1;const i=o?Xn:Gn;t[i.offset]=Rn.transform(-r);const s=Rn.transform(e),a=Rn.transform(n);t[i.array]=`${s} ${a}`}(h,i,s,a,!1)}const Jn=()=>({...Fn(),attrs:{}}),Qn=t=>"string"==typeof t&&"svg"===t.toLowerCase();function tr(t,e,n,o){const i=(0,r.useMemo)((()=>{const n=Jn();return Kn(n,e,{enableHardwareAcceleration:!1},Qn(o),t.transformTemplate),{...n.attrs,style:{...n.style}}}),[e]);if(t.style){const e={};zn(e,t.style,t),i.style={...e,...i.style}}return i}function er(t=!1){return(e,n,o,i,{latestValues:s},a)=>{const l=(un(e)?tr:Un)(n,s,a,e),c={...qn(n,"string"==typeof e,t),...l,ref:i},{children:u}=n,d=(0,r.useMemo)((()=>mn(u)?u.get():u),[u]);return o&&(c["data-projection-id"]=o),(0,r.createElement)(e,{...c,children:d})}}const nr=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();function rr(t,{style:e,vars:n},r,o){Object.assign(t.style,e,o&&o.getProjectionStyles(r));for(const i in n)t.style.setProperty(i,n[i])}const or=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function ir(t,e,n,r){rr(t,e,void 0,r);for(const o in e.attrs)t.setAttribute(or.has(o)?o:nr(o),e.attrs[o])}function sr(t,e){const{style:n}=t,r={};for(const o in n)(mn(n[o])||e.style&&mn(e.style[o])||fn(o,t))&&(r[o]=n[o]);return r}function ar(t,e){const n=sr(t,e);for(const r in t)if(mn(t[r])||mn(e[r])){n["x"===r||"y"===r?"attr"+r.toUpperCase():r]=t[r]}return n}function lr(t,e,n,r={},o={}){return"function"==typeof e&&(e=e(void 0!==n?n:t.custom,r,o)),"string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,r,o)),e}const cr=t=>Array.isArray(t),ur=t=>!!(t&&"object"==typeof t&&t.mix&&t.toValue),dr=t=>cr(t)?t[t.length-1]||0:t;function hr(t){const e=mn(t)?t.get():t;return ur(e)?e.toValue():e}const pr=t=>(e,n)=>{const o=(0,r.useContext)(De),i=(0,r.useContext)(Ie),s=()=>function({scrapeMotionValuesFromProps:t,createRenderState:e,onMount:n},r,o,i){const s={latestValues:fr(r,o,i,t),renderState:e()};return n&&(s.mount=t=>n(r,t,s)),s}(t,e,o,i);return n?s():Je(s)};function fr(t,e,n,r){const o={},i=r(t,{});for(const h in i)o[h]=hr(i[h]);let{initial:s,animate:a}=t;const l=_e(t),c=qe(t);e&&c&&!l&&!1!==t.inherit&&(void 0===s&&(s=e.initial),void 0===a&&(a=e.animate));let u=!!n&&!1===n.initial;u=u||!1===s;const d=u?a:s;return d&&"boolean"!=typeof d&&!Ze(d)&&(Array.isArray(d)?d:[d]).forEach((e=>{const n=lr(t,e);if(!n)return;const{transitionEnd:r,transition:i,...s}=n;for(const t in s){let e=s[t];if(Array.isArray(e)){e=e[u?e.length-1:0]}null!==e&&(o[t]=e)}for(const t in r)o[t]=r[t]})),o}const mr={useVisualState:pr({scrapeMotionValuesFromProps:ar,createRenderState:Jn,onMount:(t,e,{renderState:n,latestValues:r})=>{try{n.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch{n.dimensions={x:0,y:0,width:0,height:0}}Kn(n,r,{enableHardwareAcceleration:!1},Qn(e.tagName),t.transformTemplate),ir(e,n)}})},gr={useVisualState:pr({scrapeMotionValuesFromProps:sr,createRenderState:Fn})};var vr;function yr(t,e,n,r={passive:!0}){return t.addEventListener(e,n,r),()=>t.removeEventListener(e,n)}function br(t,e,n,o){(0,r.useEffect)((()=>{const r=t.current;if(n&&r)return yr(r,e,n,o)}),[t,e,n,o])}!function(t){t.Animate="animate",t.Hover="whileHover",t.Tap="whileTap",t.Drag="whileDrag",t.Focus="whileFocus",t.InView="whileInView",t.Exit="exit"}(vr||(vr={}));const xr=t=>"mouse"===t.pointerType?"number"!=typeof t.button||t.button<=0:!1!==t.isPrimary;function wr(t,e="page"){return{point:{x:t[e+"X"],y:t[e+"Y"]}}}const Cr=t=>e=>xr(e)&&t(e,wr(e));function kr(t,e,n,r){return yr(t,e,Cr(n),r)}function Sr(t,e,n,r){return br(t,e,n&&Cr(n),r)}function Er(t){let e=null;return()=>null===e&&(e=t,()=>{e=null})}const Mr=Er("dragHorizontal"),Pr=Er("dragVertical");function Ar(t){let e=!1;if("y"===t)e=Pr();else if("x"===t)e=Mr();else{const t=Mr(),n=Pr();t&&n?e=()=>{t(),n()}:(t&&t(),n&&n())}return e}function Tr(){const t=Ar(!0);return!t||(t(),!1)}function Br(t,e,n,r){return(o,i)=>{"touch"===o.type||Tr()||(n&&t.animationState&&t.animationState.setActive(vr.Hover,e),r&&r(o,i))}}const $r=(t,e)=>!!e&&(t===e||$r(t,e.parentElement));function Rr(t){return(0,r.useEffect)((()=>()=>t()),[])}const Lr=(t,e)=>n=>e(t(n)),Vr=(...t)=>t.reduce(Lr);const Or=new WeakMap,Dr=new WeakMap,Ir=t=>{const e=Or.get(t.target);e&&e(t)},jr=t=>{t.forEach(Ir)};function Fr(t,e,n){const r=function({root:t,...e}){const n=t||document;Dr.has(n)||Dr.set(n,{});const r=Dr.get(n),o=JSON.stringify(e);return r[o]||(r[o]=new IntersectionObserver(jr,{root:t,...e})),r[o]}(e);return Or.set(t,n),r.observe(t),()=>{Or.delete(t),r.unobserve(t)}}const zr={some:0,all:1};function Nr(t,e,n,{root:o,margin:i,amount:s="some",once:a}){(0,r.useEffect)((()=>{if(!t||!n.current)return;const r={root:null==o?void 0:o.current,rootMargin:i,threshold:"number"==typeof s?s:zr[s]};return Fr(n.current,r,(t=>{const{isIntersecting:r}=t;if(e.isInView===r||(e.isInView=r,a&&!r&&e.hasEnteredView))return;r&&(e.hasEnteredView=!0),n.animationState&&n.animationState.setActive(vr.InView,r);const o=n.getProps(),i=r?o.onViewportEnter:o.onViewportLeave;i&&i(t)}))}),[t,o,i,s])}function Ur(t,e,n,{fallback:o=!0}){(0,r.useEffect)((()=>{!t||!o||requestAnimationFrame((()=>{e.hasEnteredView=!0;const{onViewportEnter:t}=n.getProps();t&&t(null),n.animationState&&n.animationState.setActive(vr.InView,!0)}))}),[t])}const Hr=t=>e=>(t(e),null),Zr={inView:Hr((function({visualElement:t,whileInView:e,onViewportEnter:n,onViewportLeave:o,viewport:i={}}){const s=(0,r.useRef)({hasEnteredView:!1,isInView:!1});let a=!!(e||n||o);i.once&&s.current.hasEnteredView&&(a=!1),(typeof IntersectionObserver>"u"?Ur:Nr)(a,s.current,t,i)})),tap:Hr((function({onTap:t,onTapStart:e,onTapCancel:n,whileTap:o,visualElement:i,...s}){const a=t||e||n||o,l=(0,r.useRef)(!1),c=(0,r.useRef)(null),u={passive:!(e||t||n||s.onPointerDown)};function d(){c.current&&c.current(),c.current=null}function h(){return d(),l.current=!1,i.getProps().whileTap&&i.animationState&&i.animationState.setActive(vr.Tap,!1),!Tr()}function p(t,e){var n,r,o,s;h()&&($r(i.current,t.target)?null===(s=(o=i.getProps()).onTap)||void 0===s||s.call(o,t,e):null===(r=(n=i.getProps()).onTapCancel)||void 0===r||r.call(n,t,e))}function f(t,e){var n,r;h()&&(null===(r=(n=i.getProps()).onTapCancel)||void 0===r||r.call(n,t,e))}const m=(0,r.useCallback)(((t,e)=>{var n;if(d(),l.current)return;l.current=!0,c.current=Vr(kr(window,"pointerup",p,u),kr(window,"pointercancel",f,u));const r=i.getProps();r.whileTap&&i.animationState&&i.animationState.setActive(vr.Tap,!0),null===(n=r.onTapStart)||void 0===n||n.call(r,t,e)}),[!!e,i]);Sr(i,"pointerdown",a?m:void 0,u),Rr(d)})),focus:Hr((function({whileFocus:t,visualElement:e}){const{animationState:n}=e,o=(0,r.useCallback)((()=>{n&&n.setActive(vr.Focus,!0)}),[n]),i=(0,r.useCallback)((()=>{n&&n.setActive(vr.Focus,!1)}),[n]);br(e,"focus",t?o:void 0),br(e,"blur",t?i:void 0)})),hover:Hr((function({onHoverStart:t,onHoverEnd:e,whileHover:n,visualElement:o}){Sr(o,"pointerenter",(0,r.useMemo)((()=>t||n?Br(o,!0,!!n,t):void 0),[t,!!n,o]),{passive:!t}),Sr(o,"pointerleave",(0,r.useMemo)((()=>e||n?Br(o,!1,!!n,e):void 0),[t,!!n,o]),{passive:!e})}))};function Wr(){const t=(0,r.useContext)(Ie);if(null===t)return[!0,null];const{isPresent:e,onExitComplete:n,register:o}=t,i=(0,r.useId)();return(0,r.useEffect)((()=>o(i)),[]),!e&&n?[!1,()=>n&&n(i)]:[!0]}function _r(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let r=0;r/^\-?\d*\.?\d+$/.test(t),Yr=t=>/^0[^.\s]+$/.test(t),Xr={delta:0,timestamp:0},Gr=1/60*1e3,Kr=typeof performance<"u"?()=>performance.now():()=>Date.now(),Jr=typeof window<"u"?t=>window.requestAnimationFrame(t):t=>setTimeout((()=>t(Kr())),Gr);let Qr=!0,to=!1,eo=!1;const no=["read","update","preRender","render","postRender"],ro=no.reduce(((t,e)=>(t[e]=function(t){let e=[],n=[],r=0,o=!1,i=!1;const s=new WeakSet,a={schedule:(t,i=!1,a=!1)=>{const l=a&&o,c=l?e:n;return i&&s.add(t),-1===c.indexOf(t)&&(c.push(t),l&&o&&(r=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),s.delete(t)},process:l=>{if(o)i=!0;else{if(o=!0,[e,n]=[n,e],n.length=0,r=e.length,r)for(let n=0;nto=!0)),t)),{}),oo=no.reduce(((t,e)=>{const n=ro[e];return t[e]=(t,e=!1,r=!1)=>(to||co(),n.schedule(t,e,r)),t}),{}),io=no.reduce(((t,e)=>(t[e]=ro[e].cancel,t)),{}),so=no.reduce(((t,e)=>(t[e]=()=>ro[e].process(Xr),t)),{}),ao=t=>ro[t].process(Xr),lo=t=>{to=!1,Xr.delta=Qr?Gr:Math.max(Math.min(t-Xr.timestamp,40),1),Xr.timestamp=t,eo=!0,no.forEach(ao),eo=!1,to&&(Qr=!1,Jr(lo))},co=()=>{to=!0,Qr=!0,eo||Jr(lo)};function uo(t,e){-1===t.indexOf(e)&&t.push(e)}function ho(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}class po{constructor(){this.subscriptions=[]}add(t){return uo(this.subscriptions,t),()=>ho(this.subscriptions,t)}notify(t,e,n){const r=this.subscriptions.length;if(r)if(1===r)this.subscriptions[0](t,e,n);else for(let o=0;o{this.prev=this.current,this.current=t;const{delta:n,timestamp:r}=Xr;this.lastUpdated!==r&&(this.timeDelta=n,this.lastUpdated=r,oo.postRender(this.scheduleVelocityCheck)),this.prev!==this.current&&this.events.change&&this.events.change.notify(this.current),this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()),e&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.scheduleVelocityCheck=()=>oo.postRender(this.velocityCheck),this.velocityCheck=({timestamp:t})=>{t!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=(t=>!isNaN(parseFloat(t)))(this.current),this.owner=e.owner}onChange(t){return this.on("change",t)}on(t,e){this.events[t]||(this.events[t]=new po);const n=this.events[t].add(e);return"change"===t?()=>{n(),oo.read((()=>{this.events.change.getSize()||this.stop()}))}:n}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,e){this.passiveEffect=t,this.stopPassiveEffect=e}set(t,e=!0){e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)}setWithVelocity(t,e,n){this.set(e),this.prev=t,this.timeDelta=n}jump(t){this.updateAndNotify(t),this.prev=t,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?fo(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise((e=>{this.hasAnimated=!0,this.animation=t(e)||null,this.events.animationStart&&this.events.animationStart.notify()})).then((()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()}))}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){this.animation=null}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function go(t,e){return new mo(t,e)}const vo=(t,e)=>n=>!!(An(n)&&Pn.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),yo=(t,e,n)=>r=>{if(!An(r))return r;const[o,i,s,a]=r.match(En);return{[t]:parseFloat(o),[e]:parseFloat(i),[n]:parseFloat(s),alpha:void 0!==a?parseFloat(a):1}},bo={...wn,transform:t=>Math.round((t=>xn(0,255,t))(t))},xo={test:vo("rgb","red"),parse:yo("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:r=1})=>"rgba("+bo.transform(t)+", "+bo.transform(e)+", "+bo.transform(n)+", "+Sn(Cn.transform(r))+")"};const wo={test:vo("#"),parse:function(t){let e="",n="",r="",o="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),r=t.substring(5,7),o=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),r=t.substring(3,4),o=t.substring(4,5),e+=e,n+=n,r+=r,o+=o),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:o?parseInt(o,16)/255:1}},transform:xo.transform},Co={test:vo("hsl","hue"),parse:yo("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:r=1})=>"hsla("+Math.round(t)+", "+$n.transform(Sn(e))+", "+$n.transform(Sn(n))+", "+Sn(Cn.transform(r))+")"},ko={test:t=>xo.test(t)||wo.test(t)||Co.test(t),parse:t=>xo.test(t)?xo.parse(t):Co.test(t)?Co.parse(t):wo.parse(t),transform:t=>An(t)?t:t.hasOwnProperty("red")?xo.transform(t):Co.transform(t)},So="${c}",Eo="${n}";function Mo(t){"number"==typeof t&&(t=`${t}`);const e=[];let n=0,r=0;const o=t.match(Mn);o&&(n=o.length,t=t.replace(Mn,So),e.push(...o.map(ko.parse)));const i=t.match(En);return i&&(r=i.length,t=t.replace(En,Eo),e.push(...i.map(wn.parse))),{values:e,numColors:n,numNumbers:r,tokenised:t}}function Po(t){return Mo(t).values}function Ao(t){const{values:e,numColors:n,tokenised:r}=Mo(t),o=e.length;return t=>{let e=r;for(let r=0;r"number"==typeof t?0:t;const Bo={test:function(t){var e,n;return isNaN(t)&&An(t)&&((null===(e=t.match(En))||void 0===e?void 0:e.length)||0)+((null===(n=t.match(Mn))||void 0===n?void 0:n.length)||0)>0},parse:Po,createTransformer:Ao,getAnimatableNone:function(t){const e=Po(t);return Ao(t)(e.map(To))}},$o=new Set(["brightness","contrast","saturate","opacity"]);function Ro(t){const[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[r]=n.match(En)||[];if(!r)return t;const o=n.replace(r,"");let i=$o.has(e)?1:0;return r!==n&&(i*=100),e+"("+i+o+")"}const Lo=/([a-z-]*)\(.*?\)/g,Vo={...Bo,getAnimatableNone:t=>{const e=t.match(Lo);return e?e.map(Ro).join(" "):t}},Oo={...In,color:ko,backgroundColor:ko,outlineColor:ko,fill:ko,stroke:ko,borderColor:ko,borderTopColor:ko,borderRightColor:ko,borderBottomColor:ko,borderLeftColor:ko,filter:Vo,WebkitFilter:Vo},Do=t=>Oo[t];function Io(t,e){var n;let r=Do(t);return r!==Vo&&(r=Bo),null===(n=r.getAnimatableNone)||void 0===n?void 0:n.call(r,e)}const jo=t=>e=>e.test(t),Fo=[wn,Rn,$n,Bn,Vn,Ln,{test:t=>"auto"===t,parse:t=>t}],zo=t=>Fo.find(jo(t)),No=[...Fo,ko,Bo],Uo=t=>No.find(jo(t));function Ho(t,e,n){const r=t.getProps();return lr(r,e,void 0!==n?n:r.custom,function(t){const e={};return t.values.forEach(((t,n)=>e[n]=t.get())),e}(t),function(t){const e={};return t.values.forEach(((t,n)=>e[n]=t.getVelocity())),e}(t))}function Zo(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,go(n))}function Wo(t,e){return e?(e[t]||e.default||e).from:void 0}function _o(t){return!(!mn(t)||!t.add)}const qo="data-"+nr("framerAppearId");var Yo=function(){},Xo=function(){};const Go=t=>1e3*t,Ko=!1,Jo=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Qo=t=>e=>1-t(1-e),ti=t=>t*t,ei=Qo(ti),ni=Jo(ti),ri=(t,e,n)=>-n*t+n*e+t;function oi(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}const ii=(t,e,n)=>{const r=t*t;return Math.sqrt(Math.max(0,n*(e*e-r)+r))},si=[wo,xo,Co];function ai(t){const e=(t=>si.find((e=>e.test(t))))(t);Xo(!!e,`'${t}' is not an animatable color. Use the equivalent color code instead.`);let n=e.parse(t);return e===Co&&(n=function({hue:t,saturation:e,lightness:n,alpha:r}){t/=360,n/=100;let o=0,i=0,s=0;if(e/=100){const r=n<.5?n*(1+e):n+e-n*e,a=2*n-r;o=oi(a,r,t+1/3),i=oi(a,r,t),s=oi(a,r,t-1/3)}else o=i=s=n;return{red:Math.round(255*o),green:Math.round(255*i),blue:Math.round(255*s),alpha:r}}(n)),n}const li=(t,e)=>{const n=ai(t),r=ai(e),o={...n};return t=>(o.red=ii(n.red,r.red,t),o.green=ii(n.green,r.green,t),o.blue=ii(n.blue,r.blue,t),o.alpha=ri(n.alpha,r.alpha,t),xo.transform(o))};function ci(t,e){return"number"==typeof t?n=>ri(t,e,n):ko.test(t)?li(t,e):hi(t,e)}const ui=(t,e)=>{const n=[...t],r=n.length,o=t.map(((t,n)=>ci(t,e[n])));return t=>{for(let e=0;e{const n={...t,...e},r={};for(const o in n)void 0!==t[o]&&void 0!==e[o]&&(r[o]=ci(t[o],e[o]));return t=>{for(const e in r)n[e]=r[e](t);return n}},hi=(t,e)=>{const n=Bo.createTransformer(e),r=Mo(t),o=Mo(e);return r.numColors===o.numColors&&r.numNumbers>=o.numNumbers?Vr(ui(r.values,o.values),n):(Yo(!0,`Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),n=>`${n>0?e:t}`)},pi=(t,e,n)=>{const r=e-t;return 0===r?1:(n-t)/r},fi=(t,e)=>n=>ri(t,e,n);function mi(t,e,n){const r=[],o=n||function(t){return"number"==typeof t?fi:"string"==typeof t?ko.test(t)?li:hi:Array.isArray(t)?ui:"object"==typeof t?di:fi}(t[0]),i=t.length-1;for(let s=0;st[i-1]&&(t=[...t].reverse(),e=[...e].reverse());const s=mi(e,r,o),a=s.length,l=e=>{let n=0;if(a>1)for(;nl(xn(t[0],t[i-1],e)):l}const vi=t=>t,yi=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,bi=1e-7,xi=12;function wi(t,e,n,r){if(t===e&&n===r)return vi;const o=e=>function(t,e,n,r,o){let i,s,a=0;do{s=e+(n-e)/2,i=yi(s,r,o)-t,i>0?n=s:e=s}while(Math.abs(i)>bi&&++a0===t||1===t?t:yi(o(t),e,r)}const Ci=t=>1-Math.sin(Math.acos(t)),ki=Qo(Ci),Si=Jo(ki),Ei=wi(.33,1.53,.69,.99),Mi=Qo(Ei),Pi=Jo(Mi),Ai={linear:vi,easeIn:ti,easeInOut:ni,easeOut:ei,circIn:Ci,circInOut:Si,circOut:ki,backIn:Mi,backInOut:Pi,backOut:Ei,anticipate:t=>(t*=2)<1?.5*Mi(t):.5*(2-Math.pow(2,-10*(t-1)))},Ti=t=>{if(Array.isArray(t)){Xo(4===t.length,"Cubic bezier arrays must contain four numerical values.");const[e,n,r,o]=t;return wi(e,n,r,o)}return"string"==typeof t?(Xo(void 0!==Ai[t],`Invalid easing type '${t}'`),Ai[t]):t},Bi=t=>Array.isArray(t)&&"number"!=typeof t[0];function $i(t,e){return t.map((()=>e||ni)).splice(0,t.length-1)}function Ri({keyframes:t,ease:e=ni,times:n,duration:r=300}){t=[...t];const o=Bi(e)?e.map(Ti):Ti(e),i={done:!1,value:t[0]},s=function(t,e){return t.map((t=>t*e))}(n&&n.length===t.length?n:function(t){const e=t.length;return t.map(((t,n)=>0!==n?n/(e-1):0))}(t),r);function a(){return gi(s,t,{ease:Array.isArray(o)?o:$i(t,o)})}let l=a();return{next:t=>(i.value=l(t),i.done=t>=r,i),flipTarget:()=>{t.reverse(),l=a()}}}const Li=.001,Vi=.01,Oi=10,Di=.05,Ii=1;function ji({duration:t=800,bounce:e=.25,velocity:n=0,mass:r=1}){let o,i;Yo(t<=1e3*Oi,"Spring duration must be 10 seconds or less");let s=1-e;s=xn(Di,Ii,s),t=xn(Vi,Oi,t/1e3),s<1?(o=e=>{const r=e*s,o=r*t,i=r-n,a=zi(e,s),l=Math.exp(-o);return Li-i/a*l},i=e=>{const r=e*s*t,i=r*n+n,a=Math.pow(s,2)*Math.pow(e,2)*t,l=Math.exp(-r),c=zi(Math.pow(e,2),s);return(-o(e)+Li>0?-1:1)*((i-a)*l)/c}):(o=e=>Math.exp(-e*t)*((e-n)*t+1)-Li,i=e=>Math.exp(-e*t)*(t*t*(n-e)));const a=function(t,e,n){let r=n;for(let o=1;ovoid 0!==t[e]))}function Zi({keyframes:t,restDelta:e,restSpeed:n,...r}){let o=t[0],i=t[t.length-1];const s={done:!1,value:o},{stiffness:a,damping:l,mass:c,velocity:u,duration:d,isResolvedFromDuration:h}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!Hi(t,Ui)&&Hi(t,Ni)){const n=ji(t);e={...e,...n,velocity:0,mass:1},e.isResolvedFromDuration=!0}return e}(r);let p=Wi,f=u?-u/1e3:0;const m=l/(2*Math.sqrt(a*c));function g(){const t=i-o,r=Math.sqrt(a/c)/1e3,s=Math.abs(t)<5;if(n||(n=s?.01:2),e||(e=s?.005:.5),m<1){const e=zi(r,m);p=n=>{const o=Math.exp(-m*r*n);return i-o*((f+m*r*t)/e*Math.sin(e*n)+t*Math.cos(e*n))}}else if(1===m)p=e=>i-Math.exp(-r*e)*(t+(f+r*t)*e);else{const e=r*Math.sqrt(m*m-1);p=n=>{const o=Math.exp(-m*r*n),s=Math.min(e*n,300);return i-o*((f+m*r*t)*Math.sinh(s)+e*t*Math.cosh(s))/e}}}return g(),{next:t=>{const r=p(t);if(h)s.done=t>=d;else{let o=f;if(0!==t)if(m<1){const e=Math.max(0,t-5);o=fo(r-p(e),t-e)}else o=0;const a=Math.abs(o)<=n,l=Math.abs(i-r)<=e;s.done=a&&l}return s.value=s.done?i:r,s},flipTarget:()=>{f=-f,[o,i]=[i,o],g()}}}Zi.needsInterpolation=(t,e)=>"string"==typeof t||"string"==typeof e;const Wi=t=>0;const _i={decay:function({keyframes:t=[0],velocity:e=0,power:n=.8,timeConstant:r=350,restDelta:o=.5,modifyTarget:i}){const s=t[0],a={done:!1,value:s};let l=n*e;const c=s+l,u=void 0===i?c:i(c);return u!==c&&(l=u-s),{next:t=>{const e=-l*Math.exp(-t/r);return a.done=!(e>o||e<-o),a.value=a.done?u:u+e,a},flipTarget:()=>{}}},keyframes:Ri,tween:Ri,spring:Zi};function qi(t,e,n=0){return t-e-n}const Yi=t=>{const e=({delta:e})=>t(e);return{start:()=>oo.update(e,!0),stop:()=>io.update(e)}};function Xi({duration:t,driver:e=Yi,elapsed:n=0,repeat:r=0,repeatType:o="loop",repeatDelay:i=0,keyframes:s,autoplay:a=!0,onPlay:l,onStop:c,onComplete:u,onRepeat:d,onUpdate:h,type:p="keyframes",...f}){var m,g;const v=n;let y,b,x=0,w=t,C=!1,k=!0;const S=_i[s.length>2?"keyframes":p]||Ri,E=s[0],M=s[s.length-1];let P={done:!1,value:E};null!==(g=(m=S).needsInterpolation)&&void 0!==g&&g.call(m,E,M)&&(b=gi([0,100],[E,M],{clamp:!1}),s=[0,100]);const A=S({...f,duration:t,keyframes:s});function T(){x++,"reverse"===o?(k=x%2==0,n=function(t,e=0,n=0,r=!0){return r?qi(e+-t,e,n):e-(t-e)+n}(n,w,i,k)):(n=qi(n,w,i),"mirror"===o&&A.flipTarget()),C=!1,d&&d()}function B(t){k||(t=-t),n+=t,C||(P=A.next(Math.max(0,n)),b&&(P.value=b(P.value)),C=k?P.done:n<=0),h&&h(P.value),C&&(0===x&&(w=void 0!==w?w:n),x=e+n:t<=-n}(n,w,i,k)&&T():(y&&y.stop(),u&&u()))}return a&&(l&&l(),y=e(B),y.start()),{stop:()=>{c&&c(),y&&y.stop()},set currentTime(t){n=v,B(t)},sample:e=>{n=v;const r=t&&"number"==typeof t?Math.max(.5*t,50):50;let o=0;for(B(0);o<=e;){const t=e-o;B(Math.min(t,r)),o+=r}return P}}}const Gi=([t,e,n,r])=>`cubic-bezier(${t}, ${e}, ${n}, ${r})`,Ki={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Gi([0,.65,.55,1]),circOut:Gi([.55,0,1,.45]),backIn:Gi([.31,.01,.66,-.59]),backOut:Gi([.33,1.53,.69,.99])};function Ji(t){if(t)return Array.isArray(t)?Gi(t):Ki[t]}const Qi={waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate")},ts={},es={};for(const dd in Qi)es[dd]=()=>(void 0===ts[dd]&&(ts[dd]=Qi[dd]()),ts[dd]);const ns=new Set(["opacity"]);function rs(t,e,{onUpdate:n,onComplete:r,...o}){if(!es.waapi()||!ns.has(e)||o.repeatDelay||"mirror"===o.repeatType||0===o.damping)return!1;let{keyframes:i,duration:s=300,elapsed:a=0,ease:l}=o;if("spring"===o.type||!function(t){return!t||Array.isArray(t)||"string"==typeof t&&Ki[t]}(o.ease)){if(o.repeat===1/0)return;const t=Xi({...o,elapsed:0});let e={done:!1,value:i[0]};const n=[];let r=0;for(;!e.done&&r<2e4;)e=t.sample(r),n.push(e.value),r+=10;i=n,s=r-10,l="linear"}const c=function(t,e,n,{delay:r=0,duration:o,repeat:i=0,repeatType:s="loop",ease:a,times:l}={}){return t.animate({[e]:n,offset:l},{delay:r,duration:o,easing:Ji(a),fill:"both",iterations:i+1,direction:"reverse"===s?"alternate":"normal"})}(t.owner.current,e,i,{...o,delay:-a,duration:s,ease:l});return c.onfinish=()=>{t.set(function(t,{repeat:e,repeatType:n="loop"}){return t[e&&"loop"!==n&&e%2==1?0:t.length-1]}(i,o)),oo.update((()=>c.cancel())),r&&r()},{get currentTime(){return c.currentTime||0},set currentTime(t){c.currentTime=t},stop:()=>{const{currentTime:e}=c;if(e){const n=Xi({...o,autoplay:!1});t.setWithVelocity(n.sample(e-10).value,n.sample(e).value,10)}oo.update((()=>c.cancel()))}}}function os(t,e){const n=performance.now(),r=({timestamp:o})=>{const i=o-n;i>=e&&(io.read(r),t(i-e))};return oo.read(r,!0),()=>io.read(r)}const is=()=>({type:"spring",stiffness:500,damping:25,restSpeed:10}),ss=t=>({type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}),as=()=>({type:"keyframes",ease:"linear",duration:.3}),ls={type:"keyframes",duration:.8},cs={x:is,y:is,z:is,rotate:is,rotateX:is,rotateY:is,rotateZ:is,scaleX:ss,scaleY:ss,scale:ss,opacity:as,backgroundColor:as,color:as,default:ss},us=(t,{keyframes:e})=>e.length>2?ls:(cs[t]||cs.default)(e[1]),ds=(t,e)=>"zIndex"!==t&&!!("number"==typeof e||Array.isArray(e)||"string"==typeof e&&Bo.test(e)&&!e.startsWith("url("));function hs(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function ps(t){return"number"==typeof t?0:Io("",t)}function fs(t,e){return t[e]||t.default||t}const ms=(t,e,n,r={})=>o=>{const i=fs(r,t)||{},s=i.delay||r.delay||0;let{elapsed:a=0}=r;a-=Go(s);const l=function(t,e,n,r){const o=ds(e,n);let i=void 0!==r.from?r.from:t.get();return"none"===i&&o&&"string"==typeof n?i=Io(e,n):hs(i)&&"string"==typeof n?i=ps(n):!Array.isArray(n)&&hs(n)&&"string"==typeof i&&(n=ps(i)),Array.isArray(n)?(null===n[0]&&(n[0]=i),n):[i,n]}(e,t,n,i),c=l[0],u=l[l.length-1],d=ds(t,c),h=ds(t,u);Yo(d===h,`You are trying to animate ${t} from "${c}" to "${u}". ${c} is not an animatable value - to enable this animation set ${c} to a value animatable to ${u} via the \`style\` property.`);let p={keyframes:l,velocity:e.getVelocity(),...i,elapsed:a,onUpdate:t=>{e.set(t),i.onUpdate&&i.onUpdate(t)},onComplete:()=>{o(),i.onComplete&&i.onComplete()}};if(!d||!h||Ko||!1===i.type)return function({keyframes:t,elapsed:e,onUpdate:n,onComplete:r}){const o=()=>{n&&n(t[t.length-1]),r&&r()};return e?{stop:os(o,-e)}:o()}(p);if("inertia"===i.type)return function({keyframes:t,velocity:e=0,min:n,max:r,power:o=.8,timeConstant:i=750,bounceStiffness:s=500,bounceDamping:a=10,restDelta:l=1,modifyTarget:c,driver:u,onUpdate:d,onComplete:h,onStop:p}){const f=t[0];let m;function g(t){return void 0!==n&&tr}function v(t){return void 0===n?r:void 0===r||Math.abs(n-t){var n;null==d||d(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:h,onStop:p})}function b(t){y({type:"spring",stiffness:s,damping:a,restDelta:l,...t})}if(g(f))b({velocity:e,keyframes:[f,v(f)]});else{let t=o*e+f;typeof c<"u"&&(t=c(t));const r=v(t),s=r===n?-1:1;let a,u;const d=t=>{a=u,u=t,e=fo(t-a,Xr.delta),(1===s&&t>r||-1===s&&tnull==m?void 0:m.stop()}}(p);(function({when:t,delay:e,delayChildren:n,staggerChildren:r,staggerDirection:o,repeat:i,repeatType:s,repeatDelay:a,from:l,elapsed:c,...u}){return!!Object.keys(u).length})(i)||(p={...p,...us(t,p)}),p.duration&&(p.duration=Go(p.duration)),p.repeatDelay&&(p.repeatDelay=Go(p.repeatDelay));const f=e.owner,m=f&&f.current;if(f&&m instanceof HTMLElement&&(null==f||!f.getProps().onUpdate)){const n=rs(e,t,p);if(n)return n}return Xi(p)};function gs(t,e,n={}){var r;const o=Ho(t,e,n.custom);let{transition:i=t.getDefaultTransition()||{}}=o||{};n.transitionOverride&&(i=n.transitionOverride);const s=o?()=>vs(t,o,n):()=>Promise.resolve(),a=null!==(r=t.variantChildren)&&void 0!==r&&r.size?(r=0)=>{const{delayChildren:o=0,staggerChildren:s,staggerDirection:a}=i;return function(t,e,n=0,r=0,o=1,i){const s=[],a=(t.variantChildren.size-1)*r,l=1===o?(t=0)=>t*r:(t=0)=>a-t*r;return Array.from(t.variantChildren).sort(ys).forEach(((t,r)=>{t.notify("AnimationStart",e),s.push(gs(t,e,{...i,delay:n+l(r)}).then((()=>t.notify("AnimationComplete",e))))})),Promise.all(s)}(t,e,o+r,s,a,n)}:()=>Promise.resolve(),{when:l}=i;if(l){const[t,e]="beforeChildren"===l?[s,a]:[a,s];return t().then(e)}return Promise.all([s(),a(n.delay)])}function vs(t,e,{delay:n=0,transitionOverride:r,type:o}={}){var i;let{transition:s=t.getDefaultTransition(),transitionEnd:a,...l}=t.makeTargetAnimatable(e);const c=t.getValue("willChange");r&&(s=r);const u=[],d=o&&(null===(i=t.animationState)||void 0===i?void 0:i.getState()[o]);for(const h in l){const e=t.getValue(h),r=l[h];if(!e||void 0===r||d&&bs(d,h))continue;const o={delay:n,elapsed:0,...s};if(window.HandoffAppearAnimations&&!e.hasAnimated){const n=t.getProps()[qo];n&&(o.elapsed=window.HandoffAppearAnimations(n,h,e,oo))}let i=e.start(ms(h,e,r,t.shouldReduceMotion&&pn.has(h)?{type:!1}:o));_o(c)&&(c.add(h),i=i.then((()=>c.remove(h)))),u.push(i)}return Promise.all(u).then((()=>{a&&function(t,e){const n=Ho(t,e);let{transitionEnd:r={},transition:o={},...i}=n?t.makeTargetAnimatable(n,!1):{};i={...i,...r};for(const s in i)Zo(t,s,dr(i[s]))}(t,a)}))}function ys(t,e){return t.sortNodePosition(e)}function bs({protectedKeys:t,needsAnimating:e},n){const r=t.hasOwnProperty(n)&&!0!==e[n];return e[n]=!1,r}const xs=[vr.Animate,vr.InView,vr.Focus,vr.Hover,vr.Tap,vr.Drag,vr.Exit],ws=[...xs].reverse(),Cs=xs.length;function ks(t){return e=>Promise.all(e.map((({animation:e,options:n})=>function(t,e,n={}){let r;if(t.notify("AnimationStart",e),Array.isArray(e)){const o=e.map((e=>gs(t,e,n)));r=Promise.all(o)}else if("string"==typeof e)r=gs(t,e,n);else{const o="function"==typeof e?Ho(t,e,n.custom):e;r=vs(t,o,n)}return r.then((()=>t.notify("AnimationComplete",e)))}(t,e,n))))}function Ss(t){let e=ks(t);const n={[vr.Animate]:Ms(!0),[vr.InView]:Ms(),[vr.Hover]:Ms(),[vr.Tap]:Ms(),[vr.Drag]:Ms(),[vr.Focus]:Ms(),[vr.Exit]:Ms()};let r=!0;const o=(e,n)=>{const r=Ho(t,n);if(r){const{transition:t,transitionEnd:n,...o}=r;e={...e,...o,...n}}return e};function i(i,s){const a=t.getProps(),l=t.getVariantContext(!0)||{},c=[],u=new Set;let d={},h=1/0;for(let e=0;eh&&g;const w=Array.isArray(m)?m:[m];let C=w.reduce(o,{});!1===v&&(C={});const{prevResolvedValues:k={}}=f,S={...k,...C},E=t=>{x=!0,u.delete(t),f.needsAnimating[t]=!0};for(const t in S){const e=C[t],n=k[t];d.hasOwnProperty(t)||(e!==n?cr(e)&&cr(n)?!_r(e,n)||b?E(t):f.protectedKeys[t]=!0:void 0!==e?E(t):u.add(t):void 0!==e&&u.has(t)?E(t):f.protectedKeys[t]=!0)}f.prevProp=m,f.prevResolvedValues=C,f.isActive&&(d={...d,...C}),r&&t.blockInitialAnimation&&(x=!1),x&&!y&&c.push(...w.map((t=>({animation:t,options:{type:p,...i}}))))}if(u.size){const e={};u.forEach((n=>{const r=t.getBaseTarget(n);void 0!==r&&(e[n]=r)})),c.push({animation:e})}let p=!!c.length;return r&&!1===a.initial&&!t.manuallyAnimateOnMount&&(p=!1),r=!1,p?e(c):Promise.resolve()}return{animateChanges:i,setActive:function(e,r,o){var s;if(n[e].isActive===r)return Promise.resolve();null===(s=t.variantChildren)||void 0===s||s.forEach((t=>{var n;return null===(n=t.animationState)||void 0===n?void 0:n.setActive(e,r)})),n[e].isActive=r;const a=i(o,e);for(const t in n)n[t].protectedKeys={};return a},setAnimateFunction:function(n){e=n(t)},getState:()=>n}}function Es(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!_r(e,t)}function Ms(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}const Ps={animation:Hr((({visualElement:t,animate:e})=>{t.animationState||(t.animationState=Ss(t)),Ze(e)&&(0,r.useEffect)((()=>e.subscribe(t)),[e])})),exit:Hr((t=>{const{custom:e,visualElement:n}=t,[o,i]=Wr(),s=(0,r.useContext)(Ie);(0,r.useEffect)((()=>{n.isPresent=o;const t=n.animationState&&n.animationState.setActive(vr.Exit,!o,{custom:s&&s.custom||e});t&&!o&&t.then(i)}),[o])}))},As=(t,e)=>Math.abs(t-e);class Ts{constructor(t,e,{transformPagePoint:n}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!this.lastMoveEvent||!this.lastMoveEventInfo)return;const t=Rs(this.lastMoveEventInfo,this.history),e=null!==this.startEvent,n=function(t,e){const n=As(t.x,e.x),r=As(t.y,e.y);return Math.sqrt(n**2+r**2)}(t.offset,{x:0,y:0})>=3;if(!e&&!n)return;const{point:r}=t,{timestamp:o}=Xr;this.history.push({...r,timestamp:o});const{onStart:i,onMove:s}=this.handlers;e||(i&&i(this.lastMoveEvent,t),this.startEvent=this.lastMoveEvent),s&&s(this.lastMoveEvent,t)},this.handlePointerMove=(t,e)=>{this.lastMoveEvent=t,this.lastMoveEventInfo=Bs(e,this.transformPagePoint),oo.update(this.updatePoint,!0)},this.handlePointerUp=(t,e)=>{if(this.end(),!this.lastMoveEvent||!this.lastMoveEventInfo)return;const{onEnd:n,onSessionEnd:r}=this.handlers,o=Rs("pointercancel"===t.type?this.lastMoveEventInfo:Bs(e,this.transformPagePoint),this.history);this.startEvent&&n&&n(t,o),r&&r(t,o)},!xr(t))return;this.handlers=e,this.transformPagePoint=n;const r=Bs(wr(t),this.transformPagePoint),{point:o}=r,{timestamp:i}=Xr;this.history=[{...o,timestamp:i}];const{onSessionStart:s}=e;s&&s(t,Rs(r,this.history)),this.removeListeners=Vr(kr(window,"pointermove",this.handlePointerMove),kr(window,"pointerup",this.handlePointerUp),kr(window,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),io.update(this.updatePoint)}}function Bs(t,e){return e?{point:e(t.point)}:t}function $s(t,e){return{x:t.x-e.x,y:t.y-e.y}}function Rs({point:t},e){return{point:t,delta:$s(t,Vs(e)),offset:$s(t,Ls(e)),velocity:Os(e,.1)}}function Ls(t){return t[0]}function Vs(t){return t[t.length-1]}function Os(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,r=null;const o=Vs(t);for(;n>=0&&(r=t[n],!(o.timestamp-r.timestamp>Go(e)));)n--;if(!r)return{x:0,y:0};const i=(o.timestamp-r.timestamp)/1e3;if(0===i)return{x:0,y:0};const s={x:(o.x-r.x)/i,y:(o.y-r.y)/i};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}function Ds(t){return t.max-t.min}function Is(t,e=0,n=.01){return Math.abs(t-e)<=n}function js(t,e,n,r=.5){t.origin=r,t.originPoint=ri(e.min,e.max,t.origin),t.scale=Ds(n)/Ds(e),(Is(t.scale,1,1e-4)||isNaN(t.scale))&&(t.scale=1),t.translate=ri(n.min,n.max,t.origin)-t.originPoint,(Is(t.translate)||isNaN(t.translate))&&(t.translate=0)}function Fs(t,e,n,r){js(t.x,e.x,n.x,null==r?void 0:r.originX),js(t.y,e.y,n.y,null==r?void 0:r.originY)}function zs(t,e,n){t.min=n.min+e.min,t.max=t.min+Ds(e)}function Ns(t,e,n){t.min=e.min-n.min,t.max=t.min+Ds(e)}function Us(t,e,n){Ns(t.x,e.x,n.x),Ns(t.y,e.y,n.y)}function Hs(t,e,n){return{min:void 0!==e?t.min+e:void 0,max:void 0!==n?t.max+n-(t.max-t.min):void 0}}function Zs(t,e){let n=e.min-t.min,r=e.max-t.max;return e.max-e.min({x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}}),Xs=()=>({x:{min:0,max:0},y:{min:0,max:0}});function Gs(t){return[t("x"),t("y")]}function Ks({top:t,left:e,right:n,bottom:r}){return{x:{min:e,max:n},y:{min:t,max:r}}}function Js(t){return void 0===t||1===t}function Qs({scale:t,scaleX:e,scaleY:n}){return!Js(t)||!Js(e)||!Js(n)}function ta(t){return Qs(t)||ea(t)||t.z||t.rotate||t.rotateX||t.rotateY}function ea(t){return na(t.x)||na(t.y)}function na(t){return t&&"0%"!==t}function ra(t,e,n){return n+e*(t-n)}function oa(t,e,n,r,o){return void 0!==o&&(t=ra(t,o,r)),ra(t,n,r)+e}function ia(t,e=0,n=1,r,o){t.min=oa(t.min,e,n,r,o),t.max=oa(t.max,e,n,r,o)}function sa(t,{x:e,y:n}){ia(t.x,e.translate,e.scale,e.originPoint),ia(t.y,n.translate,n.scale,n.originPoint)}function aa(t){return Number.isInteger(t)||t>1.0000000000001||t<.999999999999?t:1}function la(t,e){t.min=t.min+e,t.max=t.max+e}function ca(t,e,[n,r,o]){const i=void 0!==e[o]?e[o]:.5,s=ri(t.min,t.max,i);ia(t,e[n],e[r],s,e.scale)}const ua=["x","scaleX","originX"],da=["y","scaleY","originY"];function ha(t,e){ca(t.x,e,ua),ca(t.y,e,da)}function pa(t,e){return Ks(function(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),r=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:r.y,right:r.x}}(t.getBoundingClientRect(),e))}const fa=new WeakMap;class ma{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=Xs(),this.visualElement=t}start(t,{snapToCursor:e=!1}={}){if(!1===this.visualElement.isPresent)return;this.panSession=new Ts(t,{onSessionStart:t=>{this.stopAnimation(),e&&this.snapToCursor(wr(t,"page").point)},onStart:(t,e)=>{var n;const{drag:r,dragPropagation:o,onDragStart:i}=this.getProps();r&&!o&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=Ar(r),!this.openGlobalLock)||(this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),Gs((t=>{var e,n;let r=this.getAxisMotionValue(t).get()||0;if($n.test(r)){const o=null===(n=null===(e=this.visualElement.projection)||void 0===e?void 0:e.layout)||void 0===n?void 0:n.layoutBox[t];o&&(r=Ds(o)*(parseFloat(r)/100))}this.originPoint[t]=r})),null==i||i(t,e),null===(n=this.visualElement.animationState)||void 0===n||n.setActive(vr.Drag,!0))},onMove:(t,e)=>{const{dragPropagation:n,dragDirectionLock:r,onDirectionLock:o,onDrag:i}=this.getProps();if(!n&&!this.openGlobalLock)return;const{offset:s}=e;if(r&&null===this.currentDirection)return this.currentDirection=function(t,e=10){let n=null;return Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x"),n}(s),void(null!==this.currentDirection&&(null==o||o(this.currentDirection)));this.updateAxis("x",e.point,s),this.updateAxis("y",e.point,s),this.visualElement.render(),null==i||i(t,e)},onSessionEnd:(t,e)=>this.stop(t,e)},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(t,e){const n=this.isDragging;if(this.cancel(),!n)return;const{velocity:r}=e;this.startAnimation(r);const{onDragEnd:o}=this.getProps();null==o||o(t,e)}cancel(){var t,e;this.isDragging=!1,this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!1),null===(t=this.panSession)||void 0===t||t.end(),this.panSession=void 0;const{dragPropagation:n}=this.getProps();!n&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),null===(e=this.visualElement.animationState)||void 0===e||e.setActive(vr.Drag,!1)}updateAxis(t,e,n){const{drag:r}=this.getProps();if(!n||!ga(t,r,this.currentDirection))return;const o=this.getAxisMotionValue(t);let i=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(i=function(t,{min:e,max:n},r){return void 0!==e&&tn&&(t=r?ri(n,t,r.max):Math.min(t,n)),t}(i,this.constraints[t],this.elastic[t])),o.set(i)}resolveConstraints(){const{dragConstraints:t,dragElastic:e}=this.getProps(),{layout:n}=this.visualElement.projection||{},r=this.constraints;t&&Ue(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!t||!n)&&function(t,{top:e,left:n,bottom:r,right:o}){return{x:Hs(t.x,n,o),y:Hs(t.y,e,r)}}(n.layoutBox,t),this.elastic=function(t=Ws){return!1===t?t=0:!0===t&&(t=Ws),{x:_s(t,"left","right"),y:_s(t,"top","bottom")}}(e),r!==this.constraints&&n&&this.constraints&&!this.hasMutatedConstraints&&Gs((t=>{this.getAxisMotionValue(t)&&(this.constraints[t]=function(t,e){const n={};return void 0!==e.min&&(n.min=e.min-t.min),void 0!==e.max&&(n.max=e.max-t.min),n}(n.layoutBox[t],this.constraints[t]))}))}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:e}=this.getProps();if(!t||!Ue(t))return!1;const n=t.current;Xo(null!==n,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:r}=this.visualElement;if(!r||!r.layout)return!1;const o=function(t,e,n){const r=pa(t,n),{scroll:o}=e;return o&&(la(r.x,o.offset.x),la(r.y,o.offset.y)),r}(n,r.root,this.visualElement.getTransformPagePoint());let i=function(t,e){return{x:Zs(t.x,e.x),y:Zs(t.y,e.y)}}(r.layout.layoutBox,o);if(e){const t=e(function({x:t,y:e}){return{top:e.min,right:t.max,bottom:e.max,left:t.min}}(i));this.hasMutatedConstraints=!!t,t&&(i=Ks(t))}return i}startAnimation(t){const{drag:e,dragMomentum:n,dragElastic:r,dragTransition:o,dragSnapToOrigin:i,onDragTransitionEnd:s}=this.getProps(),a=this.constraints||{},l=Gs((s=>{if(!ga(s,e,this.currentDirection))return;let l=(null==a?void 0:a[s])||{};i&&(l={min:0,max:0});const c=r?200:1e6,u=r?40:1e7,d={type:"inertia",velocity:n?t[s]:0,bounceStiffness:c,bounceDamping:u,timeConstant:750,restDelta:1,restSpeed:10,...o,...l};return this.startAxisValueAnimation(s,d)}));return Promise.all(l).then(s)}startAxisValueAnimation(t,e){const n=this.getAxisMotionValue(t);return n.start(ms(t,n,0,e))}stopAnimation(){Gs((t=>this.getAxisMotionValue(t).stop()))}getAxisMotionValue(t){var e;const n="_drag"+t.toUpperCase();return this.visualElement.getProps()[n]||this.visualElement.getValue(t,(null===(e=this.visualElement.getProps().initial)||void 0===e?void 0:e[t])||0)}snapToCursor(t){Gs((e=>{const{drag:n}=this.getProps();if(!ga(e,n,this.currentDirection))return;const{projection:r}=this.visualElement,o=this.getAxisMotionValue(e);if(r&&r.layout){const{min:n,max:i}=r.layout.layoutBox[e];o.set(t[e]-ri(n,i,.5))}}))}scalePositionWithinConstraints(){var t;if(!this.visualElement.current)return;const{drag:e,dragConstraints:n}=this.getProps(),{projection:r}=this.visualElement;if(!Ue(n)||!r||!this.constraints)return;this.stopAnimation();const o={x:0,y:0};Gs((t=>{const e=this.getAxisMotionValue(t);if(e){const n=e.get();o[t]=function(t,e){let n=.5;const r=Ds(t),o=Ds(e);return o>r?n=pi(e.min,e.max-r,t.min):r>o&&(n=pi(t.min,t.max-o,e.min)),xn(0,1,n)}({min:n,max:n},this.constraints[t])}}));const{transformTemplate:i}=this.visualElement.getProps();this.visualElement.current.style.transform=i?i({},""):"none",null===(t=r.root)||void 0===t||t.updateScroll(),r.updateLayout(),this.resolveConstraints(),Gs((t=>{if(!ga(t,e,null))return;const n=this.getAxisMotionValue(t),{min:r,max:i}=this.constraints[t];n.set(ri(r,i,o[t]))}))}addListeners(){var t;if(!this.visualElement.current)return;fa.set(this.visualElement,this);const e=kr(this.visualElement.current,"pointerdown",(t=>{const{drag:e,dragListener:n=!0}=this.getProps();e&&n&&this.start(t)})),n=()=>{const{dragConstraints:t}=this.getProps();Ue(t)&&(this.constraints=this.resolveRefConstraints())},{projection:r}=this.visualElement,o=r.addEventListener("measure",n);r&&!r.layout&&(null===(t=r.root)||void 0===t||t.updateScroll(),r.updateLayout()),n();const i=yr(window,"resize",(()=>this.scalePositionWithinConstraints())),s=r.addEventListener("didUpdate",(({delta:t,hasLayoutChanged:e})=>{this.isDragging&&e&&(Gs((e=>{const n=this.getAxisMotionValue(e);n&&(this.originPoint[e]+=t[e].translate,n.set(n.get()+t[e].translate))})),this.visualElement.render())}));return()=>{i(),e(),o(),null==s||s()}}getProps(){const t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:n=!1,dragPropagation:r=!1,dragConstraints:o=!1,dragElastic:i=Ws,dragMomentum:s=!0}=t;return{...t,drag:e,dragDirectionLock:n,dragPropagation:r,dragConstraints:o,dragElastic:i,dragMomentum:s}}}function ga(t,e,n){return!(!0!==e&&e!==t||null!==n&&n!==t)}const va={pan:Hr((function({onPan:t,onPanStart:e,onPanEnd:n,onPanSessionStart:o,visualElement:i}){const s=t||e||n||o,a=(0,r.useRef)(null),{transformPagePoint:l}=(0,r.useContext)(Oe),c={onSessionStart:o,onStart:e,onMove:t,onEnd:(t,e)=>{a.current=null,n&&n(t,e)}};(0,r.useEffect)((()=>{null!==a.current&&a.current.updateHandlers(c)})),Sr(i,"pointerdown",s&&function(t){a.current=new Ts(t,c,{transformPagePoint:l})}),Rr((()=>a.current&&a.current.end()))})),drag:Hr((function(t){const{dragControls:e,visualElement:n}=t,o=Je((()=>new ma(n)));(0,r.useEffect)((()=>e&&e.subscribe(o)),[o,e]),(0,r.useEffect)((()=>o.addListeners()),[o])}))};function ya(t){return"string"==typeof t&&t.startsWith("var(--")}const ba=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;const xa=4;function wa(t,e,n=1){Xo(n<=xa,`Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);const[r,o]=function(t){const e=ba.exec(t);if(!e)return[,];const[,n,r]=e;return[n,r]}(t);if(!r)return;const i=window.getComputedStyle(e).getPropertyValue(r);return i?i.trim():ya(o)?wa(o,e,n+1):o}const Ca=new Set(["width","height","top","left","right","bottom","x","y"]),ka=t=>Ca.has(t),Sa=t=>t===wn||t===Rn;var Ea;!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(Ea||(Ea={}));const Ma=(t,e)=>parseFloat(t.split(", ")[e]),Pa=(t,e)=>(n,{transform:r})=>{if("none"===r||!r)return 0;const o=r.match(/^matrix3d\((.+)\)$/);if(o)return Ma(o[1],e);{const e=r.match(/^matrix\((.+)\)$/);return e?Ma(e[1],t):0}},Aa=new Set(["x","y","z"]),Ta=hn.filter((t=>!Aa.has(t)));const Ba={width:({x:t},{paddingLeft:e="0",paddingRight:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),height:({y:t},{paddingTop:e="0",paddingBottom:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),top:(t,{top:e})=>parseFloat(e),left:(t,{left:e})=>parseFloat(e),bottom:({y:t},{top:e})=>parseFloat(e)+(t.max-t.min),right:({x:t},{left:e})=>parseFloat(e)+(t.max-t.min),x:Pa(4,13),y:Pa(5,14)},$a=(t,e,n={},r={})=>{e={...e},r={...r};const o=Object.keys(e).filter(ka);let i=[],s=!1;const a=[];if(o.forEach((o=>{const l=t.getValue(o);if(!t.hasValue(o))return;let c=n[o],u=zo(c);const d=e[o];let h;if(cr(d)){const t=d.length,e=null===d[0]?1:0;c=d[e],u=zo(c);for(let n=e;n{const r=t.getValue(n);void 0!==r&&(e.push([n,r.get()]),r.set(n.startsWith("scale")?1:0))})),e.length&&t.render(),e}(t),s=!0),a.push(o),r[o]=void 0!==r[o]?r[o]:e[o],l.jump(d))})),a.length){const n=a.indexOf("height")>=0?window.pageYOffset:null,o=((t,e,n)=>{const r=e.measureViewportBox(),o=e.current,i=getComputedStyle(o),{display:s}=i,a={};"none"===s&&e.setStaticValue("display",t.display||"block"),n.forEach((t=>{a[t]=Ba[t](r,i)})),e.render();const l=e.measureViewportBox();return n.forEach((n=>{const r=e.getValue(n);r&&r.jump(a[n]),t[n]=Ba[n](l,i)})),t})(e,t,a);return i.length&&i.forEach((([e,n])=>{t.getValue(e).set(n)})),t.render(),je&&null!==n&&window.scrollTo({top:n}),{target:o,transitionEnd:r}}return{target:e,transitionEnd:r}};function Ra(t,e,n,r){return(t=>Object.keys(t).some(ka))(e)?$a(t,e,n,r):{target:e,transitionEnd:r}}const La=(t,e,n,r)=>{const o=function(t,{...e},n){const r=t.current;if(!(r instanceof Element))return{target:e,transitionEnd:n};n&&(n={...n}),t.values.forEach((t=>{const e=t.get();if(!ya(e))return;const n=wa(e,r);n&&t.set(n)}));for(const o in e){const t=e[o];if(!ya(t))continue;const i=wa(t,r);i&&(e[o]=i,n&&void 0===n[o]&&(n[o]=t))}return{target:e,transitionEnd:n}}(t,e,r);return Ra(t,e=o.target,n,r=o.transitionEnd)},Va={current:null},Oa={current:!1};const Da=Object.keys(Ke),Ia=Da.length,ja=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class Fa{constructor({parent:t,props:e,reducedMotionConfig:n,visualState:r},o={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.isPresent=!0,this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>oo.render(this.render,!1,!0);const{latestValues:i,renderState:s}=r;this.latestValues=i,this.baseTarget={...i},this.initialValues=e.initial?{...i}:{},this.renderState=s,this.parent=t,this.props=e,this.depth=t?t.depth+1:0,this.reducedMotionConfig=n,this.options=o,this.isControllingVariants=_e(e),this.isVariantNode=qe(e),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!(!t||!t.current);const{willChange:a,...l}=this.scrapeMotionValuesFromProps(e,{});for(const c in l){const t=l[c];void 0!==i[c]&&mn(t)&&(t.set(i[c],!1),_o(a)&&a.add(c))}}scrapeMotionValuesFromProps(t,e){return{}}mount(t){var e;this.current=t,this.projection&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=null===(e=this.parent)||void 0===e?void 0:e.addVariantChild(this)),this.values.forEach(((t,e)=>this.bindToMotionValue(e,t))),Oa.current||function(){if(Oa.current=!0,je)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>Va.current=t.matches;t.addListener(e),e()}else Va.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||Va.current),this.parent&&this.parent.children.add(this),this.setProps(this.props)}unmount(){var t,e,n;null===(t=this.projection)||void 0===t||t.unmount(),io.update(this.notifyUpdate),io.render(this.render),this.valueSubscriptions.forEach((t=>t())),null===(e=this.removeFromVariantTree)||void 0===e||e.call(this),null===(n=this.parent)||void 0===n||n.children.delete(this);for(const r in this.events)this.events[r].clear();this.current=null}bindToMotionValue(t,e){const n=pn.has(t),r=e.on("change",(e=>{this.latestValues[t]=e,this.props.onUpdate&&oo.update(this.notifyUpdate,!1,!0),n&&this.projection&&(this.projection.isTransformDirty=!0)})),o=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,(()=>{r(),o()}))}sortNodePosition(t){return this.current&&this.sortInstanceNodePosition&&this.type===t.type?this.sortInstanceNodePosition(this.current,t.current):0}loadFeatures({children:t,...e},n,o,i,s,a){const l=[];for(let c=0;cthis.scheduleRender(),animationType:"string"==typeof n?n:"both",initialPromotionConfig:a,layoutScroll:l,layoutRoot:c})}return l}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):Xs()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}makeTargetAnimatable(t,e=!0){return this.makeTargetAnimatableFromInstance(t,this.props,e)}setProps(t){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender();const e=this.props;this.props=t;for(let n=0;nn.variantChildren.delete(t)}addValue(t,e){e!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,e)),this.values.set(t,e),this.latestValues[t]=e.get()}removeValue(t){var e;this.values.delete(t),null===(e=this.valueSubscriptions.get(t))||void 0===e||e(),this.valueSubscriptions.delete(t),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let n=this.values.get(t);return void 0===n&&void 0!==e&&(n=go(e,{owner:this}),this.addValue(t,n)),n}readValue(t){return void 0===this.latestValues[t]&&this.current?this.readValueFromInstance(this.current,t,this.options):this.latestValues[t]}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:n}=this.props,r="string"==typeof n||"object"==typeof n?null===(e=lr(this.props,n))||void 0===e?void 0:e[t]:void 0;if(n&&void 0!==r)return r;const o=this.getBaseTargetFromProps(this.props,t);return void 0===o||mn(o)?void 0!==this.initialValues[t]&&void 0===r?void 0:this.baseTarget[t]:o}on(t,e){return this.events[t]||(this.events[t]=new po),this.events[t].add(e)}notify(t,...e){var n;null===(n=this.events[t])||void 0===n||n.notify(...e)}}const za=["initial",...xs],Na=za.length;class Ua extends Fa{sortInstanceNodePosition(t,e){return 2&t.compareDocumentPosition(e)?1:-1}getBaseTargetFromProps(t,e){var n;return null===(n=t.style)||void 0===n?void 0:n[e]}removeValueFromRenderState(t,{vars:e,style:n}){delete e[t],delete n[t]}makeTargetAnimatableFromInstance({transition:t,transitionEnd:e,...n},{transformValues:r},o){let i=function(t,e,n){var r;const o={};for(const i in t){const t=Wo(i,e);o[i]=void 0!==t?t:null===(r=n.getValue(i))||void 0===r?void 0:r.get()}return o}(n,t||{},this);if(r&&(e&&(e=r(e)),n&&(n=r(n)),i&&(i=r(i))),o){!function(t,e,n){var r,o;const i=Object.keys(e).filter((e=>!t.hasValue(e))),s=i.length;if(s)for(let a=0;a{this.current&&(this.current.textContent=`${t}`)})))}renderInstance(t,e,n,r){rr(t,e,n,r)}}class Za extends Ua{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){var n;return pn.has(e)?(null===(n=Do(e))||void 0===n?void 0:n.default)||0:(e=or.has(e)?e:nr(e),t.getAttribute(e))}measureInstanceViewportBox(){return Xs()}scrapeMotionValuesFromProps(t,e){return ar(t,e)}build(t,e,n,r){Kn(t,e,n,this.isSVGTag,r.transformTemplate)}renderInstance(t,e,n,r){ir(t,e,0,r)}mount(t){this.isSVGTag=Qn(t.tagName),super.mount(t)}}const Wa=(t,e)=>un(t)?new Za(e,{enableHardwareAcceleration:!1}):new Ha(e,{enableHardwareAcceleration:!0});function _a(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const qa={correct:(t,e)=>{if(!e.target)return t;if("string"==typeof t){if(!Rn.test(t))return t;t=parseFloat(t)}return`${_a(t,e.target.x)}% ${_a(t,e.target.y)}%`}},Ya="_$css",Xa={correct:(t,{treeScale:e,projectionDelta:n})=>{const r=t,o=t.includes("var("),i=[];o&&(t=t.replace(ba,(t=>(i.push(t),Ya))));const s=Bo.parse(t);if(s.length>5)return r;const a=Bo.createTransformer(t),l="number"!=typeof s[0]?1:0,c=n.x.scale*e.x,u=n.y.scale*e.y;s[0+l]/=c,s[1+l]/=u;const d=ri(c,u,.5);"number"==typeof s[2+l]&&(s[2+l]/=d),"number"==typeof s[3+l]&&(s[3+l]/=d);let h=a(s);if(o){let t=0;h=h.replace(Ya,(()=>{const e=i[t];return t++,e}))}return h}};class Ga extends r.Component{componentDidMount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n,layoutId:r}=this.props,{projection:o}=t;(function(t){Object.assign(dn,t)})(Ka),o&&(e.group&&e.group.add(o),n&&n.register&&r&&n.register(o),o.root.didUpdate(),o.addEventListener("animationComplete",(()=>{this.safeToRemove()})),o.setOptions({...o.options,onExitComplete:()=>this.safeToRemove()})),Qe.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:e,visualElement:n,drag:r,isPresent:o}=this.props,i=n.projection;return i&&(i.isPresent=o,r||t.layoutDependency!==e||void 0===e?i.willUpdate():this.safeToRemove(),t.isPresent!==o&&(o?i.promote():i.relegate()||oo.postRender((()=>{var t;null!==(t=i.getStack())&&void 0!==t&&t.members.length||this.safeToRemove()})))),null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),!t.currentAnimation&&t.isLead()&&this.safeToRemove())}componentWillUnmount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n}=this.props,{projection:r}=t;r&&(r.scheduleCheckAfterUnmount(),null!=e&&e.group&&e.group.remove(r),null!=n&&n.deregister&&n.deregister(r))}safeToRemove(){const{safeToRemove:t}=this.props;null==t||t()}render(){return null}}const Ka={borderRadius:{...qa,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:qa,borderTopRightRadius:qa,borderBottomLeftRadius:qa,borderBottomRightRadius:qa,boxShadow:Xa},Ja={measureLayout:function(t){const[e,n]=Wr(),o=(0,r.useContext)(en);return Be(Ga,{...t,layoutGroup:o,switchLayoutGroup:(0,r.useContext)(rn),isPresent:e,safeToRemove:n})}};const Qa=["TopLeft","TopRight","BottomLeft","BottomRight"],tl=Qa.length,el=t=>"string"==typeof t?parseFloat(t):t,nl=t=>"number"==typeof t||Rn.test(t);function rl(t,e){return void 0!==t[e]?t[e]:t.borderRadius}const ol=sl(0,.5,ki),il=sl(.5,.95,vi);function sl(t,e,n){return r=>re?1:n(pi(t,e,r))}function al(t,e){t.min=e.min,t.max=e.max}function ll(t,e){al(t.x,e.x),al(t.y,e.y)}function cl(t,e,n,r,o){return t=ra(t-=e,1/n,r),void 0!==o&&(t=ra(t,1/o,r)),t}function ul(t,e,[n,r,o],i,s){!function(t,e=0,n=1,r=.5,o,i=t,s=t){if($n.test(e)&&(e=parseFloat(e),e=ri(s.min,s.max,e/100)-s.min),"number"!=typeof e)return;let a=ri(i.min,i.max,r);t===i&&(a-=e),t.min=cl(t.min,e,n,a,o),t.max=cl(t.max,e,n,a,o)}(t,e[n],e[r],e[o],e.scale,i,s)}const dl=["x","scaleX","originX"],hl=["y","scaleY","originY"];function pl(t,e,n,r){ul(t.x,e,dl,null==n?void 0:n.x,null==r?void 0:r.x),ul(t.y,e,hl,null==n?void 0:n.y,null==r?void 0:r.y)}function fl(t){return 0===t.translate&&1===t.scale}function ml(t){return fl(t.x)&&fl(t.y)}function gl(t,e){return t.x.min===e.x.min&&t.x.max===e.x.max&&t.y.min===e.y.min&&t.y.max===e.y.max}function vl(t){return Ds(t.x)/Ds(t.y)}class yl{constructor(){this.members=[]}add(t){uo(this.members,t),t.scheduleRender()}remove(t){if(ho(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const t=this.members[this.members.length-1];t&&this.promote(t)}}relegate(t){const e=this.members.findIndex((e=>t===e));if(0===e)return!1;let n;for(let r=e;r>=0;r--){const t=this.members[r];if(!1!==t.isPresent){n=t;break}}return!!n&&(this.promote(n),!0)}promote(t,e){var n;const r=this.lead;if(t!==r&&(this.prevLead=r,this.lead=t,t.show(),r)){r.instance&&r.scheduleRender(),t.scheduleRender(),t.resumeFrom=r,e&&(t.resumeFrom.preserveOpacity=!0),r.snapshot&&(t.snapshot=r.snapshot,t.snapshot.latestValues=r.animationValues||r.latestValues),null!==(n=t.root)&&void 0!==n&&n.isUpdating&&(t.isLayoutDirty=!0);const{crossfade:o}=t.options;!1===o&&r.hide()}}exitAnimationComplete(){this.members.forEach((t=>{var e,n,r,o,i;null===(n=(e=t.options).onExitComplete)||void 0===n||n.call(e),null===(i=null===(r=t.resumingFrom)||void 0===r?void 0:(o=r.options).onExitComplete)||void 0===i||i.call(o)}))}scheduleRender(){this.members.forEach((t=>{t.instance&&t.scheduleRender(!1)}))}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function bl(t,e,n){let r="";const o=t.x.translate/e.x,i=t.y.translate/e.y;if((o||i)&&(r=`translate3d(${o}px, ${i}px, 0) `),(1!==e.x||1!==e.y)&&(r+=`scale(${1/e.x}, ${1/e.y}) `),n){const{rotate:t,rotateX:e,rotateY:o}=n;t&&(r+=`rotate(${t}deg) `),e&&(r+=`rotateX(${e}deg) `),o&&(r+=`rotateY(${o}deg) `)}const s=t.x.scale*e.x,a=t.y.scale*e.y;return(1!==s||1!==a)&&(r+=`scale(${s}, ${a})`),r||"none"}const xl=(t,e)=>t.depth-e.depth;class wl{constructor(){this.children=[],this.isDirty=!1}add(t){uo(this.children,t),this.isDirty=!0}remove(t){ho(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(xl),this.isDirty=!1,this.children.forEach(t)}}const Cl=["","X","Y","Z"];let kl=0;function Sl({attachResizeListener:t,defaultParent:e,measureScroll:n,checkIsScrollRoot:r,resetTransform:o}){return class{constructor(t,n={},r=(null==e?void 0:e())){this.id=kl++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isTransformDirty=!1,this.isProjectionDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.potentialNodes=new Map,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.nodes.forEach(Pl),this.nodes.forEach(Rl),this.nodes.forEach(Ll)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.elementId=t,this.latestValues=n,this.root=r?r.root||r:this,this.path=r?[...r.path,r]:[],this.parent=r,this.depth=r?r.depth+1:0,t&&this.root.registerPotentialNode(t,this);for(let e=0;ethis.root.updateBlockedByResize=!1;t(e,(()=>{this.root.updateBlockedByResize=!0,n&&n(),n=os(r,250),Qe.hasAnimatedSinceResize&&(Qe.hasAnimatedSinceResize=!1,this.nodes.forEach($l))}))}o&&this.root.registerSharedNode(o,this),!1!==this.options.animate&&s&&(o||i)&&this.addEventListener("didUpdate",(({delta:t,hasLayoutChanged:e,hasRelativeTargetChanged:n,layout:r})=>{var o,i,a,l,c;if(this.isTreeAnimationBlocked())return this.target=void 0,void(this.relativeTarget=void 0);const u=null!==(i=null!==(o=this.options.transition)&&void 0!==o?o:s.getDefaultTransition())&&void 0!==i?i:Fl,{onLayoutAnimationStart:d,onLayoutAnimationComplete:h}=s.getProps(),p=!this.targetLayout||!gl(this.targetLayout,r)||n,f=!e&&n;if(this.options.layoutRoot||null!==(a=this.resumeFrom)&&void 0!==a&&a.instance||f||e&&(p||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(t,f);const e={...fs(u,"layout"),onPlay:d,onComplete:h};(s.shouldReduceMotion||this.options.layoutRoot)&&(e.delay=0,e.type=!1),this.startAnimation(e)}else!e&&0===this.animationProgress&&$l(this),this.isLead()&&(null===(c=(l=this.options).onExitComplete)||void 0===c||c.call(l));this.targetLayout=r}))}unmount(){var t,e;this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this),null===(t=this.getStack())||void 0===t||t.remove(this),null===(e=this.parent)||void 0===e||e.children.delete(this),this.instance=void 0,io.preRender(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){var t;return this.isAnimationBlocked||(null===(t=this.parent)||void 0===t?void 0:t.isTreeAnimationBlocked())||!1}startUpdate(){var t;this.isUpdateBlocked()||(this.isUpdating=!0,null===(t=this.nodes)||void 0===t||t.forEach(Vl),this.animationId++)}getTransformTemplate(){var t;return null===(t=this.options.visualElement)||void 0===t?void 0:t.getProps().transformTemplate}willUpdate(t=!0){var e,n,r;if(this.root.isUpdateBlocked())return void(null===(n=(e=this.options).onExitComplete)||void 0===n||n.call(e));if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let s=0;s{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()}))}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure())}updateLayout(){var t;if(!(this.instance&&(this.updateScroll(),this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty)))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let n=0;n{var n;const r=e/1e3;Dl(a.x,t.x,r),Dl(a.y,t.y,r),this.setTargetDelta(a),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&!(null===(n=this.relativeParent)||void 0===n)&&n.layout&&(Us(l,this.layout.layoutBox,this.relativeParent.layout.layoutBox),function(t,e,n,r){Il(t.x,e.x,n.x,r),Il(t.y,e.y,n.y,r)}(this.relativeTarget,this.relativeTargetOrigin,l,r)),c&&(this.animationValues=s,function(t,e,n,r,o,i){o?(t.opacity=ri(0,void 0!==n.opacity?n.opacity:1,ol(r)),t.opacityExit=ri(void 0!==e.opacity?e.opacity:1,0,il(r))):i&&(t.opacity=ri(void 0!==e.opacity?e.opacity:1,void 0!==n.opacity?n.opacity:1,r));for(let s=0;s{Qe.hasAnimatedSinceResize=!0,this.currentAnimation=function(t,e,n={}){const r=mn(t)?t:go(t);return r.start(ms("",r,e,n)),{stop:()=>r.stop(),isAnimating:()=>r.isAnimating()}}(0,1e3,{...t,onUpdate:e=>{var n;this.mixTargetDelta(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:()=>{var e;null===(e=t.onComplete)||void 0===e||e.call(t),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0}))}completeAnimation(){var t;this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0),null===(t=this.getStack())||void 0===t||t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){var t;this.currentAnimation&&(null===(t=this.mixTargetDelta)||void 0===t||t.call(this,1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const t=this.getLead();let{targetWithTransforms:e,target:n,layout:r,latestValues:o}=t;if(e&&n&&r){if(this!==t&&this.layout&&r&&Ul(this.options.animationType,this.layout.layoutBox,r.layoutBox)){n=this.target||Xs();const e=Ds(this.layout.layoutBox.x);n.x.min=t.target.x.min,n.x.max=n.x.min+e;const r=Ds(this.layout.layoutBox.y);n.y.min=t.target.y.min,n.y.max=n.y.min+r}ll(e,n),ha(e,o),Fs(this.projectionDeltaWithTransform,this.layoutCorrected,e,o)}}registerSharedNode(t,e){var n,r,o;this.sharedNodes.has(t)||this.sharedNodes.set(t,new yl),this.sharedNodes.get(t).add(e),e.promote({transition:null===(n=e.options.initialPromotionConfig)||void 0===n?void 0:n.transition,preserveFollowOpacity:null===(o=null===(r=e.options.initialPromotionConfig)||void 0===r?void 0:r.shouldPreserveFollowOpacity)||void 0===o?void 0:o.call(r,e)})}isLead(){const t=this.getStack();return!t||t.lead===this}getLead(){var t;const{layoutId:e}=this.options;return e&&(null===(t=this.getStack())||void 0===t?void 0:t.lead)||this}getPrevLead(){var t;const{layoutId:e}=this.options;return e?null===(t=this.getStack())||void 0===t?void 0:t.prevLead:void 0}getStack(){const{layoutId:t}=this.options;if(t)return this.root.sharedNodes.get(t)}promote({needsReset:t,transition:e,preserveFollowOpacity:n}={}){const r=this.getStack();r&&r.promote(this,n),t&&(this.projectionDelta=void 0,this.needsReset=!0),e&&this.setOptions({transition:e})}relegate(){const t=this.getStack();return!!t&&t.relegate(this)}resetRotation(){const{visualElement:t}=this.options;if(!t)return;let e=!1;const{latestValues:n}=t;if((n.rotate||n.rotateX||n.rotateY||n.rotateZ)&&(e=!0),!e)return;const r={};for(let o=0;o{var e;return null===(e=t.currentAnimation)||void 0===e?void 0:e.stop()})),this.root.nodes.forEach(Tl),this.root.sharedNodes.clear()}}}function El(t){t.updateLayout()}function Ml(t){var e,n,r;const o=(null===(e=t.resumeFrom)||void 0===e?void 0:e.snapshot)||t.snapshot;if(t.isLead()&&t.layout&&o&&t.hasListeners("didUpdate")){const{layoutBox:e,measuredBox:n}=t.layout,{animationType:r}=t.options,i=o.source!==t.layout.source;"size"===r?Gs((t=>{const n=i?o.measuredBox[t]:o.layoutBox[t],r=Ds(n);n.min=e[t].min,n.max=n.min+r})):Ul(r,o.layoutBox,e)&&Gs((t=>{const n=i?o.measuredBox[t]:o.layoutBox[t],r=Ds(e[t]);n.max=n.min+r}));const s=Ys();Fs(s,e,o.layoutBox);const a=Ys();i?Fs(a,t.applyTransform(n,!0),o.measuredBox):Fs(a,e,o.layoutBox);const l=!ml(s);let c=!1;if(!t.resumeFrom){const n=t.getClosestProjectingParent();if(n&&!n.resumeFrom){const{snapshot:r,layout:i}=n;if(r&&i){const s=Xs();Us(s,o.layoutBox,r.layoutBox);const a=Xs();Us(a,e,i.layoutBox),gl(s,a)||(c=!0),n.options.layoutRoot&&(t.relativeTarget=a,t.relativeTargetOrigin=s,t.relativeParent=n)}}}t.notifyListeners("didUpdate",{layout:e,snapshot:o,delta:a,layoutDelta:s,hasLayoutChanged:l,hasRelativeTargetChanged:c})}else t.isLead()&&(null===(r=(n=t.options).onExitComplete)||void 0===r||r.call(n));t.options.transition=void 0}function Pl(t){t.isProjectionDirty||(t.isProjectionDirty=!(!t.parent||!t.parent.isProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=!(!t.parent||!t.parent.isTransformDirty))}function Al(t){t.clearSnapshot()}function Tl(t){t.clearMeasurements()}function Bl(t){const{visualElement:e}=t.options;null!=e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function $l(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0}function Rl(t){t.resolveTargetDelta()}function Ll(t){t.calcProjection()}function Vl(t){t.resetRotation()}function Ol(t){t.removeLeadSnapshot()}function Dl(t,e,n){t.translate=ri(e.translate,0,n),t.scale=ri(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function Il(t,e,n,r){t.min=ri(e.min,n.min,r),t.max=ri(e.max,n.max,r)}function jl(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}const Fl={duration:.45,ease:[.4,0,.1,1]};function zl(t,e){let n=t.root;for(let o=t.path.length-1;o>=0;o--)if(t.path[o].instance){n=t.path[o];break}const r=(n&&n!==t.root?n.instance:document).querySelector(`[data-projection-id="${e}"]`);r&&t.mount(r,!0)}function Nl(t){t.min=Math.round(t.min),t.max=Math.round(t.max)}function Ul(t,e,n){return"position"===t||"preserve-aspect"===t&&!Is(vl(e),vl(n),.2)}const Hl=Sl({attachResizeListener:(t,e)=>yr(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),Zl={current:void 0},Wl=Sl({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!Zl.current){const t=new Hl(0,{});t.mount(window),t.setOptions({layoutScroll:!0}),Zl.current=t}return Zl.current},resetTransform:(t,e)=>{t.style.transform=void 0!==e?e:"none"},checkIsScrollRoot:t=>"fixed"===window.getComputedStyle(t).position}),_l={...Ps,...Zr,...va,...Ja},ql=ln(((t,e)=>function(t,{forwardMotionProps:e=!1},n,r,o){return{...un(t)?mr:gr,preloadedFeatures:n,useRender:er(e),createVisualElement:r,projectionNodeConstructor:o,Component:t}}(t,e,_l,Wa,Wl)));function Yl(){const t=(0,r.useRef)(!1);return Fe((()=>(t.current=!0,()=>{t.current=!1})),[]),t}class Xl extends r.Component{getSnapshotBeforeUpdate(t){const e=this.props.childRef.current;if(e&&t.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function Gl({children:t,isPresent:e}){const n=(0,r.useId)(),o=(0,r.useRef)(null),i=(0,r.useRef)({width:0,height:0,top:0,left:0});return(0,r.useInsertionEffect)((()=>{const{width:t,height:r,top:s,left:a}=i.current;if(e||!o.current||!t||!r)return;o.current.dataset.motionPopId=n;const l=document.createElement("style");return document.head.appendChild(l),l.sheet&&l.sheet.insertRule(`\n [data-motion-pop-id="${n}"] {\n position: absolute !important;\n width: ${t}px !important;\n height: ${r}px !important;\n top: ${s}px !important;\n left: ${a}px !important;\n }\n `),()=>{document.head.removeChild(l)}}),[e]),r.createElement(Xl,{isPresent:e,childRef:o,sizeRef:i},r.cloneElement(t,{ref:o}))}const Kl=({children:t,initial:e,isPresent:n,onExitComplete:o,custom:i,presenceAffectsLayout:s,mode:a})=>{const l=Je(Jl),c=(0,r.useId)(),u=(0,r.useMemo)((()=>({id:c,initial:e,isPresent:n,custom:i,onExitComplete:t=>{l.set(t,!0);for(const e of l.values())if(!e)return;o&&o()},register:t=>(l.set(t,!1),()=>l.delete(t))})),s?void 0:[n]);return(0,r.useMemo)((()=>{l.forEach(((t,e)=>l.set(e,!1)))}),[n]),r.useEffect((()=>{!n&&!l.size&&o&&o()}),[n]),"popLayout"===a&&(t=r.createElement(Gl,{isPresent:n},t)),r.createElement(Ie.Provider,{value:u},t)};function Jl(){return new Map}const Ql=t=>t.key||"";const tc=({children:t,custom:e,initial:n=!0,onExitComplete:o,exitBeforeEnter:i,presenceAffectsLayout:s=!0,mode:a="sync"})=>{i&&(a="wait");let[l]=function(){const t=Yl(),[e,n]=(0,r.useState)(0),o=(0,r.useCallback)((()=>{t.current&&n(e+1)}),[e]);return[(0,r.useCallback)((()=>oo.postRender(o)),[o]),e]}();const c=(0,r.useContext)(en).forceRender;c&&(l=c);const u=Yl(),d=function(t){const e=[];return r.Children.forEach(t,(t=>{(0,r.isValidElement)(t)&&e.push(t)})),e}(t);let h=d;const p=new Set,f=(0,r.useRef)(h),m=(0,r.useRef)(new Map).current,g=(0,r.useRef)(!0);if(Fe((()=>{g.current=!1,function(t,e){t.forEach((t=>{const n=Ql(t);e.set(n,t)}))}(d,m),f.current=h})),Rr((()=>{g.current=!0,m.clear(),p.clear()})),g.current)return r.createElement(r.Fragment,null,h.map((t=>r.createElement(Kl,{key:Ql(t),isPresent:!0,initial:!!n&&void 0,presenceAffectsLayout:s,mode:a},t))));h=[...h];const v=f.current.map(Ql),y=d.map(Ql),b=v.length;for(let r=0;r{if(-1!==y.indexOf(t))return;const n=m.get(t);if(!n)return;const i=v.indexOf(t);h.splice(i,0,r.createElement(Kl,{key:Ql(n),isPresent:!1,onExitComplete:()=>{m.delete(t),p.delete(t);const e=f.current.findIndex((e=>e.key===t));if(f.current.splice(e,1),!p.size){if(f.current=d,!1===u.current)return;l(),o&&o()}},custom:e,presenceAffectsLayout:s,mode:a},n))})),h=h.map((t=>{const e=t.key;return p.has(e)?t:r.createElement(Kl,{key:Ql(t),isPresent:!0,presenceAffectsLayout:s,mode:a},t)})),r.createElement(r.Fragment,null,p.size?h:h.map((t=>(0,r.cloneElement)(t))))};function ec({isIndicator:t}){return $e("svg",{"data-cy":"pauseButton2-svg",width:t?"128":"32",height:t?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Be(nc,{x:"7.1",y:"7.1",width:"5.8",height:"17.8"}),Be(nc,{x:"19.1",y:"7.1",width:"5.8",height:"17.8"})]})}const nc=o.ZP.rect` + stroke: currentColor; + stroke-width: 2; + stroke-linecap: round; +`;function rc({isIndicator:t}){return Be("svg",{"data-cy":"playButton2-svg",width:t?"128":"32",height:t?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Be(oc,{d:"M10 25.5V6L26 16.2632L10 25.5Z"})})}const oc=o.ZP.path` + stroke: currentColor; + stroke-width: 2.75; + stroke-linecap: round; +`;function ic({isIndicator:t}){return Be("svg",{"data-cy":"playButton1-svg",width:t?"128":"32",height:t?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Be(sc,{d:"M22.2468 17.6645L11.8588 24.5847C10.5297 25.4701 8.75 24.5173 8.75 22.9202L8.75 9.0798C8.75 7.48272 10.5297 6.52988 11.8588 7.41533L22.2468 14.3355C23.435 15.1271 23.435 16.8729 22.2468 17.6645Z"})})}const sc=o.ZP.path` + stroke: currentColor; + stroke-width: 2.75; + stroke-linecap: round; +`;function ac({isIndicator:t}){return $e("svg",{"data-cy":"pauseButton1-svg",width:t?"128":"32",height:t?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Be(lc,{x:"7.1",y:"7.1",width:"5.8",height:"17.8",rx:"2.9"}),Be(lc,{x:"19.1",y:"7.1",width:"5.8",height:"17.8",rx:"2.9"})]})}const lc=o.ZP.rect` + stroke: currentColor; + stroke-width: 2; + stroke-linecap: round; +`;function cc({isIndicator:t}){return $e("svg",{"data-cy":"restartButton2-svg",width:t?"128":"32",height:t?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Be(uc,{d:"M7 17.415C7 22.7087 11.2533 27 16.5 27C21.7467 27 26 22.7087 26 17.415C26 14.701 24.9777 11.973 22.8333 10.1122C21.906 9.30744 20.7061 8.71157 18.7619 8.28647C17.8755 8.09265 17 8 15.5 8.28647C14.4569 8.48568 14.0652 8.65987 13.5 9C12.1363 9.82063 12 10 11.5 10.5"}),Be(uc,{d:"M11.5485 5L10.8221 10.4396C10.7611 10.8965 11.0203 11.3359 11.4497 11.5035L15.8118 13.2063"})]})}const uc=o.ZP.path` + stroke: currentColor; + stroke-width: 2.5; + stroke-linecap: round; +`;function dc({isIndicator:t}){return $e("svg",{"data-cy":"restartButton2-svg",width:t?"128":"32",height:t?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Be(hc,{d:"M7 17.415C7 22.7087 11.2533 27 16.5 27C21.7467 27 26 22.7087 26 17.415C26 14.701 24.9777 11.973 22.8333 10.1122C21.906 9.30744 20.7061 8.71157 18.7619 8.28647C17.8755 8.09265 17 8 15.5 8.28647C14.4569 8.48568 14.0652 8.65987 13.5 9C12.1363 9.82063 12 10 11.5 10.5"}),Be(hc,{d:"M11.5485 4.99999L10.3232 11.5799L15.6147 13.3869"})]})}const hc=o.ZP.path` + stroke: currentColor; + stroke-width: 2.5; + stroke-linecap: square; +`;function pc({item:t}){const e=S(Dt,Lt),n=S(Nt,Lt);return $e(fc,{onMouseMove:t=>t.preventDefault,onClick:()=>Ct(e),onKeyUp:t=>t.preventDefault(),whileHover:{scale:1.1,rotate:n===Ft.ended?-30:0},whileTap:{scale:.95,rotate:n===Ft.ended?-55:0},"data-cy":t.id,children:["playButton1"===t.id&&$e(Re,{children:[n===Ft.paused&&Be(ic,{}),n===Ft.playing&&Be(ac,{}),n===Ft.ended&&Be(cc,{})]}),"playButton2"===t.id&&$e(Re,{children:[n===Ft.paused&&Be(rc,{}),n===Ft.playing&&Be(ec,{}),n===Ft.ended&&Be(dc,{})]})]})}const fc=(0,o.ZP)(ql.button)` + cursor: pointer; + background: transparent; + border: 0; + padding: 0; + color: currentColor; + display: flex; + justify-content: center; + align-items: center; + :focus { + outline: none; + } + :focus-visible { + outline: 2.5px dashed ${t=>t.theme.focusColor}; + } +`,mc={init:{opacity:0,width:0},anim:{opacity:1,width:56},exit:{opacity:0,width:0}},gc={init:{opacity:0,zIndex:2},anim:{opacity:1,zIndex:2},exit:{opacity:0,zIndex:2}},vc={init:{opacity:.01},anim:{opacity:1,transition:{duration:.25}},exit:{opacity:0,transition:{duration:.25}}},yc={init:{y:35,opacity:0},anim:{y:0,opacity:1},exit:{y:45,opacity:0}},bc={init:{scale:1},anim:t=>({scale:t?1.15:1})},xc={init:{scale:1},anim:t=>({scale:t?1.15:1})},wc={init:{scale:1},anim:t=>({scale:t?1.15:1})},Cc={anim:t=>({scale:t?1:.25,opacity:t?1:0,transition:{opacity:{duration:.25},scale:{type:"spring",damping:10,mass:.75,stiffness:160}}})},kc={init:t=>({opacity:0,bottom:t?55:10}),anim:t=>({opacity:1,bottom:t?55:10}),exit:{opacity:0}},Sc={opacity:{duration:.1},bottom:{type:"spring",damping:10,mass:.75,stiffness:160}};function Ec({isHovered:t,isProgressDragging:e,data:n}){var o,i,s,a,l,c;const u=S(de,Lt),d=S(ce,Lt),h=S(ue,Lt),p=S(re,Lt),f=S(Zt,Lt),m=S(he,Lt),[g,v]=(0,r.useState)({x:0,y:0,w:0,h:0});(0,r.useEffect)((()=>{if("text"!==n.id){const t=function(t,e){return null===e?null:Array.from(e).find((e=>t>e.startTime&&t0;return $e(Re,{children:["text"===n.id&&Be(Mc,{$backgroundColor:null==(o=p.controlsBar)?void 0:o.barColor,$textColor:null!=(i=p.controlsBar)&&i.barColor?Rt(null==(s=p.controlsBar)?void 0:s.barColor):"white","data-cy":"textPreviewTooltip",$isVisible:y,style:{transform:`translate(${u}px, -60px)`},children:h}),("thumbnail"===n.id||"textAndThumbnail"===n.id)&&$e(Pc,{"data-cy":"imageThumbnailContainer",$backgroundColor:null==(a=p.controlsBar)?void 0:a.barColor,$textColor:null!=(l=p.controlsBar)&&l.barColor?Rt(null==(c=p.controlsBar)?void 0:c.barColor):"white",$isVisible:y,style:{transform:`translate(${u}px, ${"thumbnail"===n.id?-1*g.h-50+"px":-1*g.h-72+"px"})`},children:[Be(Ac,{"data-cy":"imageThumbnail",style:{backgroundPosition:`${-1*g.x}px ${-1*g.y}px`},$height:g.h,$width:g.w,$backgroundImage:n.atlasImage??""}),"textAndThumbnail"===n.id&&Be(Tc,{children:h})]})]})}const Mc=o.ZP.span` + position: absolute; + padding: 0.5rem; + border-radius: 0.5rem; + color: ${t=>t.$textColor}; + background-color: ${t=>t.$backgroundColor?t.$backgroundColor:"rgba(28, 28, 28, 0.7)"}; + pointer-events: none; + opacity: ${t=>t.$isVisible?1:0}; + transition: opacity 300ms; + box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.25); +`,Pc=(0,o.ZP)(Mc)` + padding: 0.5rem; + box-sizing: border-box; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +`,Ac=o.ZP.div` + height: ${t=>t.$height?t.$height:"70"}px; + width: ${t=>t.$width?t.$width:"125"}px; + + background-image: url(${t=>t.$backgroundImage}); +`,Tc=o.ZP.div` + padding: 0.25rem; +`,Bc=(0,r.forwardRef)(((t,e)=>{const n=S(re,Lt),r=S(se,Lt),o=S(le,Lt);return $e($c,{ref:e,$barBorderColor:t.item.barBorderColor,$barColor:t.item.barColor,role:"progressbar",animate:{height:t.shouldAnimate?"0.6rem":"0.35rem"},transition:{duration:.2},children:[Be(Lc,{"data-cy":"progressBuffer1",$width:`${o}%`,$bufferedColor:t.item.bufferedColor}),Be(Rc,{"data-cy":"progress1",$hasScrubber:t.hasScrubber,style:{width:t.hasScrubber?`calc(${r} + 6px)`:r},$progressColor:t.item.progressColor,children:Be(Vc,{$scrubberColor:t.item.scrubberColor??t.item.progressColor,$scrubberBorderColor:t.item.scrubberBorderColor,variants:bc,custom:t.shouldAnimate,initial:"init",animate:"anim","data-cy":"progressBar1Scrubber"})}),n.previewTooltip&&Be(Ec,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:n.previewTooltip})]})})),$c=(0,o.ZP)(ql.div)` + display: flex; + background-color: ${t=>t.$barColor?t.$barColor:"#f2f2f2"}; + border: 2.25px solid + ${t=>t.$barBorderColor?t.$barBorderColor:"none"}; + width: 100%; + border-radius: 0.7rem; + justify-content: flex-start; + position: relative; +`,Rc=o.ZP.div` + height: 100%; + pointer-events: none; + border-radius: 0.7rem; + display: flex; + justify-content: flex-end; + align-items: center; + position: absolute; + z-index: 2; + + ${t=>t.$hasScrubber&&o.iv` + min-width: 16px; + `} + background-color: ${t=>t.$progressColor?t.$progressColor:"#4ab860"}; +`,Lc=o.ZP.div` + position: absolute; + pointer-events: none; + height: 100%; + width: ${t=>t.$width}; + background-color: ${t=>t.$bufferedColor?t.$bufferedColor:"rgba(0,0,0,0.4)"}; + z-index: 1; + border-radius: 50rem; +`,Vc=(0,o.ZP)(ql.div)` + height: 1rem; + width: 1rem; + background-color: ${t=>t.$scrubberColor??"white"}; + position: absolute; + border-radius: 50rem; + box-sizing: border-box; + border: ${t=>void 0!==t.$scrubberBorderColor?"2px solid "+t.$scrubberBorderColor:void 0!==t.$scrubberColor?"2px solid "+$t(t.$scrubberColor):"2px solid white"}; +`;Bc.displayName="ProgressBar1";const Oc=(0,r.forwardRef)(((t,e)=>{const n=S(se,Lt),r=S(re,Lt),o=S(le,Lt);return $e(Dc,{ref:e,role:"progressbar",$barColor:t.item.barColor,children:[Be(jc,{"data-cy":"progressBuffer2",$width:`${o}%`,$bufferedColor:t.item.bufferedColor}),Be(Ic,{"data-cy":"progress2",$hasScrubber:t.hasScrubber,style:{width:t.hasScrubber?`calc(${n} + 6px)`:n},$progressColor:t.item.progressColor}),r.previewTooltip&&Be(Ec,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:r.previewTooltip})]})})),Dc=(0,o.ZP)(ql.div)` + display: flex; + background-color: ${t=>t.$barColor?t.$barColor:"#f2f2f2"}; + width: 100%; + height: 1.4rem; + justify-content: flex-start; + position: relative; +`,Ic=o.ZP.div` + height: 100%; + pointer-events: none; + display: flex; + justify-content: flex-end; + align-items: center; + position: absolute; + z-index: 2; + background-color: ${t=>t.$progressColor?t.$progressColor:"#4ab860"}; +`,jc=o.ZP.div` + position: absolute; + pointer-events: none; + height: 100%; + width: ${t=>t.$width}; + background-color: ${t=>t.$bufferedColor?t.$bufferedColor:"rgba(0,0,0,0.2)"}; + z-index: 1; +`;Oc.displayName="ProgressBar2";const Fc=(0,r.forwardRef)(((t,e)=>{const n=S(se,Lt),r=S(re,Lt),o=S(le,Lt);return $e(zc,{ref:e,role:"progressbar",$barBorderColor:t.item.barBorderColor,$barColor:t.item.barColor,children:[$e(Hc,{children:[Be(Nc,{"data-cy":"progressBuffer3",style:{width:`clamp(0%, ${o}%, 100%)`},$bufferedColor:t.item.bufferedColor}),Be(Uc,{"data-cy":"progress3",style:{width:`clamp(0%, ${n}, 100%)`},$progressColor:t.item.progressColor})]}),r.previewTooltip&&Be(Ec,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:r.previewTooltip})]})})),zc=(0,o.ZP)(ql.div)` + display: flex; + background-color: ${t=>t.$barColor?t.$barColor:"transparent"}; + width: 100%; + height: 1.25rem; + justify-content: flex-start; + border-radius: 1rem; + border: 3px solid ${t=>t.$barBorderColor}; + position: relative; +`,Nc=o.ZP.div` + position: absolute; + pointer-events: none; + height: 100%; + background-color: ${t=>t.$bufferedColor?t.$bufferedColor:"rgba(0,0,0,0.4)"}; + z-index: 1; + height: 35%; + border-radius: 0.4rem; +`,Uc=o.ZP.div` + height: 35%; + pointer-events: none; + position: absolute; + z-index: 2; + border-radius: 0.4rem; + background-color: ${t=>t.$progressColor?t.$progressColor:"#4ab860"}; +`,Hc=o.ZP.div` + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + position: relative; + height: 100%; + width: 100%; + display: flex; + flex-direction: column; + justify-content: center; + box-sizing: border-box; +`;Fc.displayName="ProgressBar3";const Zc=150,Wc=60;function _c({item:t,isOnTop:e=!1}){const n=(0,r.useRef)(null),[o,i]=(0,r.useState)(!1),s=S(Dt,Lt),a=S(It,Lt),l=E(ie,Lt),c=S(Nt,Lt),u=S(re,Lt),d=E(qt,Lt),[h,p]=(0,r.useState)(-1),[f,m]=M(ae,Lt),g=E(de,Lt),v=E(ce,Lt),y=S(ge,Lt);function b(t,e){var r;Et(t,e,f,n,a,s,"text"===(null==(r=u.previewTooltip)?void 0:r.id)?Wc:Zc,l,m,v,g)}ke(h,s,f,p,c);const x=(o||f)&&!y,w=!("transparent"===t.scrubberColor&&("transparent"===t.scrubberBorderColor||"none"===t.scrubberBorderColor||void 0===t.scrubberBorderColor));return $e(qc,{tabIndex:0,onFocus:()=>d("progressBar"),$isOnTop:e,$isDragging:f,"data-cy":t.id,onTouchStart:t=>{i(!0),St(t,b,a,m,!0)},onTouchEnd:()=>i(!1),onMouseEnter:()=>i(!0),onMouseMove:t=>{var e;return Mt(t,f,n,a,s,"text"===(null==(e=u.previewTooltip)?void 0:e.id)?Wc:Zc,v,g)},onMouseLeave:()=>i(!1),onMouseDown:t=>St(t,b,a,m,!1),children:["progressBar1"===t.id&&Be(Bc,{hasScrubber:w,shouldAnimate:x,item:t,isProgressDragging:f,isHovered:o&&!y,ref:n}),"progressBar2"===t.id&&Be(Oc,{hasScrubber:!1,shouldAnimate:x,item:t,isProgressDragging:f,isHovered:o&&!y,ref:n}),"progressBar3"===t.id&&Be(Fc,{hasScrubber:!1,shouldAnimate:x,item:t,isProgressDragging:f,isHovered:o&&!y,ref:n})]})}const qc=o.ZP.div` + height: 100%; + width: 100%; + display: flex; + align-items: ${t=>t.$isOnTop?"flex-end":"center"}; + cursor: ${t=>t.$isDragging?"col-resize":"pointer"}; + :focus { + outline: none; + } + :focus-visible { + outline: 2.5px dashed ${t=>t.theme.focusColor}; + } +`,Yc=(0,r.forwardRef)(((t,e)=>{var n;const r=t.isBarHovered||t.isVolumeDragging,o=S(re,Lt),i=S(fe,Lt),s=E(qt,Lt),a=t=>{s(t)},l=()=>{s("progressBar"),t.setIsVolumeHovered(!1)},c=!("transparent"===t.item.scrubberColor&&("transparent"===t.item.scrubberBorderColor||"none"===t.item.scrubberBorderColor||void 0===t.item.scrubberBorderColor));return"volumeBar1"===t.item.barId?Be(Xc,{tabIndex:0,onFocus:()=>a("volumeBar1"),onBlur:l,$barColor:t.item.barColor,"data-cy":t.item.barId,ref:e,animate:{height:r?"0.5rem":"0.35rem"},transition:{duration:.2},children:Be(Jc,{style:{width:c?`calc(${i} + 5px)`:i},$volumeColor:t.item.volumeColor,$volumeBar2:!1,$hasScrubber:c,children:Be(Qc,{"data-cy":"volumeScrubber1",$scrubberBorderColor:t.item.scrubberBorderColor,$scrubberColor:t.item.scrubberColor??t.item.volumeColor,variants:xc,custom:r,initial:"init",animate:"anim"})})}):"volumeBar2"===t.item.barId?Be(Gc,{onFocus:()=>a("volumeBar2"),onBlur:l,tabIndex:0,$backgroundColor:null==(n=o.controlsBar)?void 0:n.barColor,children:Be(Kc,{$barColor:t.item.barColor,"data-cy":t.item.barId,ref:e,children:Be(Jc,{$volumeBar2:!0,style:{height:i},$volumeColor:t.item.volumeColor,$hasScrubber:c,children:Be(Qc,{"data-cy":"volumeScrubber2",$scrubberBorderColor:t.item.scrubberBorderColor,$scrubberColor:t.item.scrubberColor??t.item.volumeColor,variants:wc,custom:r,initial:"init",animate:"anim"})})})}):Be(Re,{})}));Yc.displayName="VolumeBars";const Xc=(0,o.ZP)(ql.div)` + height: 0.35rem; + background-color: ${t=>t.$barColor?t.$barColor:"white"}; + width: 3.5rem; + border-radius: 0.35rem; + margin-left: 0.35rem; + display: flex; + :focus { + outline: none; + } + :focus-visible { + outline: 2.5px dashed ${t=>t.theme.focusColor}; + } +`,Gc=o.ZP.div` + height: 5.9rem; + width: 2rem; + background-color: ${t=>t.$backgroundColor?t.$backgroundColor:"rgba(28, 28, 28, 0.7)"}; + display: flex; + justify-content: center; + align-items: center; + transform: translate(-30px, -68px); + border-radius: 0.45rem 0.45rem 0 0; + position: absolute; + z-index: 2; + :focus { + outline: none; + } + :focus-visible { + outline: 2.5px dashed ${t=>t.theme.focusColor}; + } +`,Kc=o.ZP.div` + height: 4.75rem; + width: 0.5rem; + display: flex; + flex-direction: column-reverse; + border-radius: 0.35rem; + background-color: ${t=>t.$barColor?t.$barColor:"white"}; +`,Jc=o.ZP.div` + background-color: ${t=>t.$volumeColor?t.$volumeColor:"#4ab860"}; + border-radius: 0.35rem; + display: flex; + ${t=>!t.$volumeBar2&&o.iv` + height: 100%; + justify-content: flex-end; + align-items: center; + ${t.$hasScrubber&&o.iv` + min-width: 12px; + max-width: ${50.5}px; + `} + `} + + ${t=>t.$volumeBar2&&o.iv` + width: 100%; + display: flex; + flex-direction: column-reverse; + justify-content: flex-end; + align-items: center; + ${t.$hasScrubber&&o.iv` + min-height: 12.8px; + max-height: ${76}px; + `} + `} +`,Qc=(0,o.ZP)(ql.div)` + height: 0.9rem; + width: 0.9rem; + box-sizing: border-box; + background-color: ${t=>t.$scrubberColor??"white"}; + position: absolute; + border-radius: 50rem; + border: ${t=>void 0!==t.$scrubberBorderColor?"2px solid "+t.$scrubberBorderColor:void 0!==t.$scrubberColor?"2px solid "+$t(t.$scrubberColor):"none"}; +`;function tu({item:t}){const[e,n]=(0,r.useState)(!1),[o,i]=(0,r.useState)(!1),s=S(me,Lt),a=(0,r.useRef)(null),l=S(Dt,Lt),c=S(pe,Lt);function u(e,n){if(a&&a.current){let r=0;"volumeBar1"===t.barId?At(e)?r=e.touches[0].clientX:Tt(e)&&(r=e.clientX):At(e)?r=e.touches[0].clientY:Tt(e)&&(r=e.clientY),p("volumeBar1"===t.barId?"horizontal":"vertical");const o="volumeBar1"===t.barId?r-n.left:r-n.top,i=a.current.getBoundingClientRect(),s="volumeBar1"===t.barId?i.left-n.left:i.bottom-n.top,c=kt(("volumeBar1"===t.barId?1:-1)*(o-s),0,"volumeBar1"===t.barId?i.width:i.height),u=kt(c/("volumeBar1"===t.barId?a.current.clientWidth:a.current.clientHeight),0,1);l&&(l.volume=u),l&&(l.muted=!1)}}const d=S(It,Lt),[h,p]=M(ge,Lt);return $e(eu,{"data-cy":`volumeButtonBarContainer-${t.id}`,$isDragging:h,onMouseEnter:()=>!Bt()&&n(!0),onMouseLeave:()=>!Bt()&&n(!1),children:[Be(ou,{onFocus:()=>!Bt()&&n(!0),"data-cy":t.id,whileHover:{scale:1.075},whileTap:{scale:.925},onClick:()=>l?l.muted=!l.muted:null,children:("volumeButton1"===t.id||"volumeButton2"===t.id)&&$e("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Be(ru,{d:"M5 12H9V20H5C4.44772 20 4 19.5523 4 19V13C4 12.4477 4.44772 12 5 12Z"}),Be(ru,{d:"M9 13L15 7"}),Be(ru,{d:"M15 7V26"}),Be(ru,{d:"M9 20L15 26"}),Be(tc,{children:(0===c||s)&&$e(ql.g,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},children:[Be(ru,{d:"M21 13.5L28 20.5"}),Be(ru,{d:"M28 13.5L21 20.5"})]})}),Be(tc,{children:c>0&&!s&&Be(ru,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},d:"M19.5 13.5C21 14.6667 23.1 17.7 19.5 20.5",id:"custoplayer-arc1"})}),Be(tc,{children:c>.5&&!s&&Be(ru,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},d:"M24 9.5C27.0185 11.7059 31.2444 17.7941 24 24.5",id:"custoplayer-arc2"})})]})}),Be(tc,{children:(e||h)&&t.barId&&Be(nu,{variants:"volumeBar1"===t.barId?mc:gc,initial:"init",animate:"anim",exit:"exit","data-cy":"volumeContainer",onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),onMouseDown:t=>St(t,u,d,p,!1),onTouchStart:t=>{i(!0),St(t,u,d,p,!0)},onTouchEnd:()=>i(!1),children:Be(Yc,{item:t,isBarHovered:o,isVolumeDragging:h,ref:a,setIsVolumeHovered:n})})})??t.barId]})}const eu=o.ZP.div` + height: 100%; + width: auto; + background-color: transparent; + display: flex; + align-items: center; + justify-content: flex-start; + cursor: ${t=>t.$isDragging?"horizontal"===t.$isDragging?"col-resize":"row-resize":"auto"}; + color: currentColor; +`,nu=(0,o.ZP)(ql.div)` + height: 100%; + display: flex; + align-items: center; + cursor: pointer; + :focus { + outline: none; + } + :focus-visible { + outline: 2.5px dashed ${t=>t.theme.focusColor}; + } +`,ru=(0,o.ZP)(ql.path)` + stroke: currentColor; + stroke-width: 2; + stroke-linecap: round; +`,ou=(0,o.ZP)(ql.button)` + border: 0; + display: flex; + justify-content: center; + align-items: center; + background-color: transparent; + padding: 0; + cursor: pointer; + color: inherit; + :focus { + outline: none; + } + :focus-visible { + outline: 2.5px dashed ${t=>t.theme.focusColor}; + } +`;function iu(){const t=S(Ht,Lt);return Be(su,{$isLargerThan60Minutes:7===t.length,"data-cy":"currentTime",children:t})}const su=o.ZP.span` + color: currentColor; + width: ${t=>t.$isLargerThan60Minutes?"59px":"45px"}; + text-align: center; +`;function au(){const t=S(Wt,Lt);return Be(lu,{$isLargerThan60Minutes:7===t.length,"data-cy":"duration",children:t})}const lu=o.ZP.span` + color: currentColor; + text-align: center; + width: ${t=>t.$isLargerThan60Minutes?"59px":"45px"}; +`;function cu({item:t,isFullscreen:e}){const[n,o]=(0,r.useState)(!1),[i,s]=(0,r.useState)(!1),a=S(Dt,Lt),l=S(It,Lt);return Be(Re,{children:$e(uu,{"data-cy":t.id,onMouseEnter:()=>o(!0),onMouseLeave:()=>{o(!1),s(!1)},onMouseDown:()=>s(!0),onMouseUp:()=>s(!1),onClick:function(){l&&Ce.isEnabled?Ce.toggle(l):l&&a&&!Ce.isEnabled&&a.webkitEnterFullscreen()},children:["fullscreenButton1"===t.id&&$e("svg",e?{"data-cy":"fullscreenButton1-fullscreened",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Be(du,{animate:{d:n&&!i?"M29 3L19 13":"M29 3L21 11"},d:"M29 3L21 11"}),Be(du,{animate:{d:n&&!i?"M19 13V7":"M21 11V7"},d:"M21 11V7"}),Be(du,{animate:{d:n&&!i?"M19 13H25":"M21 11H25"},d:"M21 11H25"}),Be(du,{animate:{d:n&&!i?"M3 29L13 19":"M3 29L11 21"},d:"M3 29L11 21"}),Be(du,{animate:{d:n&&!i?"M13 19H7":"M11 21H7"},d:"M11 21H7"}),Be(du,{animate:{d:n&&!i?"M13 19V25":"M11 21V25"},d:"M11 21V25"})]}:{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton1-not-fullscreened",children:[Be(du,{animate:{d:n&&!i?"M18 14L28 4":"M18 14L26 6"}}),Be(du,{animate:{d:n&&!i?"M28 4V10":"M26 6V10"}}),Be(du,{animate:{d:n&&!i?"M28 4H22":"M26 6H22"}}),Be(du,{animate:{d:n&&!i?"M14 18L4 28":"M14 18L6 26"}}),Be(du,{animate:{d:n&&!i?"M4 28H10":"M6 26H10"}}),Be(du,{animate:{d:n&&!i?"M4 28V22":"M6 26V22"}})]}),"fullscreenButton2"===t.id&&$e("svg",e?{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton2-fullscreened",children:[Be(hu,{x:"1",y:"1",width:"30",height:"30"}),Be(hu,{x:"1",initial:{y:"18px",width:"12px",height:"13px"},animate:{width:n&&!i?"10px":"12px",height:n&&!i?"11px":"13px",y:n&&!i?"20px":"18px"}}),Be(du,{animate:{d:n&&!i?"M26 5L16 15":"M26 5L18 13"},d:"M26 5L18 13"}),Be(du,{animate:{d:n&&!i?"M16 15H22":"M18 13H22"},d:"M18 13H22"}),Be(du,{animate:{d:n&&!i?"M16 15V9":"M18 13V9"},d:"M18 13V9"})]}:{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton2-not-fullscreened",children:[Be(hu,{x:"1",y:"1",width:"30",height:"30"}),Be(hu,{x:"1",initial:{y:"8px"},animate:{y:n&&!i?"6px":"8px",width:n?"24px":"21px",height:n?"25px":"23px"}}),Be(du,{animate:{d:n&&!i?"M7 24L17 14":"M7 24L15 16"},d:"M7 24L15 16"}),Be(du,{animate:{d:n&&!i?"M17 14H11":"M15 16H11"},d:"M15 16H11"}),Be(du,{animate:{d:n&&!i?"M17 14V20":"M15 16V20"},d:"M15 16V20"})]})]})})}const uu=o.ZP.button` + background: transparent; + padding: 0; + border: 0; + color: currentColor; + cursor: pointer; + height: 32px; + width: 32px; + :focus { + outline: none; + } + :focus-visible { + outline: 2.5px dashed ${t=>t.theme.focusColor}; + } +`,du=(0,o.ZP)(ql.path)` + stroke: currentColor; + stroke-width: 2; + stroke-linecap: round; +`,hu=(0,o.ZP)(ql.rect)` + stroke: currentColor; + stroke-width: 2; + stroke-linecap: round; +`,pu=(0,o.ZP)(ql.button)` + background-color: transparent; + border: 0; + color: inherit; + width: 100%; + height: 100%; + text-align: left; + font-size: 1em; + padding: 0.6rem 0.4rem; + cursor: pointer; + border-radius: 0.5rem; + display: flex; + align-items: center; + + :focus { + outline: none; + } + :focus-visible { + outline: 2.5px dashed ${t=>t.theme.focusColor}; + } + + &:hover { + background-color: ${t=>t.$settingsMenuColor?""+$t(t.$settingsMenuColor):"currentColor"}; + } + &:active { + background-color: ${t=>t.$settingsMenuColor?""+function(t){return ft(t).darken(.175)}(t.$settingsMenuColor):"currentColor"}; + } +`,fu=(0,o.ZP)(ql.li)` + list-style-type: none; + margin: 0; + color: inherit; +`,mu=(0,o.ZP)(ql.svg)` + height: 20px; + width: 20px; + min-height: 20px; + min-width: 20px; + stroke: currentColor; + stroke-width: 2px; + margin: ${t=>t.$margin?t.$margin:"0 0.35rem 0 0"}; +`,gu=(0,o.ZP)(ql.h3)` + color: inherit; + margin: 0; + font-weight: normal; +`,vu=(0,o.ZP)(mu)` + margin-right: 0; + height: 18px; + width: 18px; +`,yu=(0,o.ZP)(pu)` + padding: 0.25rem; + width: auto; + margin-right: 0.35rem; + :focus { + outline: none; + } + :focus-visible { + outline: 2.5px dashed ${t=>t.theme.focusColor}; + } +`,bu=()=>Be(mu,{$margin:"0 0.25rem 0 auto",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Be(ql.path,{initial:{pathLength:0},animate:{pathLength:1},transition:{duration:.3,type:"easeInOut"},d:"M4 16L8.0982 21.7375C8.52071 22.329 9.41304 22.288 9.80496 21.6758C12.1212 18.0575 17.15 11.8143 27 9",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})});function xu(t){var e,n;if("ArrowUp"===t.key){const n=t.target.parentElement,r=null==n?void 0:n.previousElementSibling;if(r){const t=r.firstElementChild;t&&t.focus()}else{const t=null==(e=null==n?void 0:n.parentElement)?void 0:e.lastElementChild;if(t){const e=t.firstElementChild;e&&e.focus()}}}else if("ArrowDown"===t.key){const e=t.target.parentElement,r=null==e?void 0:e.nextElementSibling;if(r){const t=r.firstElementChild;t&&t.focus()}else{const t=null==(n=null==e?void 0:e.parentElement)?void 0:n.firstElementChild;if(t){const e=t.firstElementChild;e&&e.focus()}}}}function wu({settingsMenuColor:t,onClick:e,dataCy:n,children:r}){return Be(pu,{onKeyDown:xu,"data-cy":n,onClick:e,$settingsMenuColor:t,layout:"position",children:r})}function Cu({item:t,setCurrentPage:e}){var n,r,o,i;const s=S(re,Lt),a=t.settingsMenuColor??(null==(n=null==s?void 0:s.controlsBar)?void 0:n.barColor);return $e(Re,{children:[Be(fu,{children:(null==(r=t.options)?void 0:r.quality)&&$e(wu,{dataCy:"settingsMenuQualityButton",onClick:()=>e("/quality"),settingsMenuColor:a,children:[Be(ku,{}),"Quality"]})}),(null==(o=t.options)?void 0:o.subtitles)&&Be(fu,{children:$e(wu,{dataCy:"settingsMenuSubtitlesButton",onClick:()=>e("/subtitles"),settingsMenuColor:a,children:[Be(Su,{}),"Subtitles"]})}),(null==(i=t.options)?void 0:i.playbackSpeed)&&Be(fu,{children:$e(wu,{dataCy:"settingsMenuSpeedButton",onClick:()=>e("/playback-speed"),settingsMenuColor:a,children:[Be(Eu,{}),"Speed"]})})]})}const ku=()=>$e(mu,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Be("rect",{x:"3",y:"3",width:"26",height:"26",rx:"6"}),Be("path",{d:"M8.5 11V15.5M8.5 20V15.5M8.5 15.5H13.5M13.5 11V20",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),Be("path",{d:"M23.5 15.5C23.5 18.0154 21.5324 20 19.1714 20C18.5694 20 18.2619 19.874 18.0967 19.7554C17.9388 19.6421 17.7996 19.4562 17.6935 19.1021C17.5826 18.7317 17.5282 18.244 17.509 17.6107C17.4962 17.185 17.4996 16.7425 17.5033 16.2596C17.5051 16.0175 17.507 15.7653 17.507 15.5C17.507 15.2347 17.5051 14.9825 17.5033 14.7404C17.4996 14.2575 17.4962 13.815 17.509 13.3893C17.5282 12.756 17.5826 12.2683 17.6935 11.8979C17.7996 11.5438 17.9388 11.3579 18.0967 11.2446C18.2619 11.126 18.5694 11 19.1714 11C21.5324 11 23.5 12.9846 23.5 15.5Z",stroke:"currentColor",strokeWidth:"2"})]}),Su=()=>$e(mu,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Be("rect",{x:"3",y:"3",width:"26",height:"26",rx:"6",stroke:"currentColor",strokeWidth:"2"}),Be("path",{d:"M14 20.8452C10.7273 21.7262 8 18.676 8 16C8 13.324 11.2727 10.2738 14 11.1548",stroke:"currentCOlor",strokeWidth:"2.25",strokeLinecap:"round"}),Be("path",{d:"M23 20.8452C20 20.8452 18 18.676 18 16C18 13.324 19.5 11 23 11.1548",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round"})]}),Eu=()=>Be(mu,{width:"32",height:"32",viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:$e("g",{clipPath:"url(#clip0_143_2)",children:[Be("path",{d:"M26.25 27.25C31.6348 21.8652 31.6348 13.1348 26.25 7.74999C20.8652 2.36522 12.1348 2.36522 6.75 7.74999C1.36523 13.1348 1.36523 21.8652 6.75 27.25",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Be("path",{d:"M6.84175 27.3492L9.72126 25.8602",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Be("path",{d:"M4.38938 13.744L7.53268 14.5368",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Be("path",{d:"M25.6726 14.5795L28.7945 13.7014",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Be("path",{d:"M16.7426 7.50893L16.6949 4.26755",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Be("path",{d:"M26.1818 27.4507L23.3237 25.921",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Be("circle",{cx:"16.5",cy:"17.5",r:"2.5",fill:"currentColor",stroke:"currentColor"}),Be("path",{d:"M23.6935 17.5L16.75 19.0419V15.9581L23.6935 17.5Z",strokeWidth:"2.5",fill:"currentColor",stroke:"currentColor"})]})}),Mu=Object.keys;function Pu({item:t}){var e;const n=S(Qt,Lt),r=S(Kt,Lt),o=S(Dt,Lt),i=Mu(n).map((t=>Number(t)));i.sort(((t,e)=>e-t));const s=S(re,Lt),a=t.settingsMenuColor??(null==(e=null==s?void 0:s.controlsBar)?void 0:e.barColor);const l=i.map((t=>{const e=n[t];if(null!==e)return Be(fu,{children:$e(wu,{dataCy:`settingsMenuQualityButton${t}p`,settingsMenuColor:a,onClick:()=>function(t){if(o){const e=o.currentTime,n=o.paused;o.src=t,o.currentTime=e,n||o.play()}}(e),children:[t+"p",r===t&&Be(bu,{})]})},`quality-${t}`)}));return Be(Re,{children:l})}function Au({item:t}){var e;const n=S(re,Lt),r=t.settingsMenuColor??(null==(e=null==n?void 0:n.controlsBar)?void 0:e.barColor),[o,i]=M(Xt,Lt),[s,a]=M(Gt,Lt),l=E(Yt,Lt);if(null!==o){const t=o.map(((t,e)=>Be(fu,{children:$e(wu,{dataCy:`settingsMenuSubtitleButton${t.label}`,settingsMenuColor:r,onClick:()=>function(t,e){t((t=>null===t?null:(t.forEach((t=>{t.mode="hidden"})),t[e].mode="showing",t)))}(i,e),children:[t.label,(null==s?void 0:s.label)===t.label&&Be(bu,{})]})},`subtitle-${e}`)));return $e(Re,{children:[Be(fu,{children:$e(wu,{dataCy:"settingsMenuSubtitleButtonNone",settingsMenuColor:r,onClick:()=>function(t,e,n){t((t=>null===t?null:(t.forEach((t=>{t.mode="hidden"})),t))),e(null),n(null)}(i,l,a),children:["None",null===s&&Be(bu,{})]})}),t]})}return Be(Re,{})}function Tu({item:t}){var e,n,r;const o=S(_t,Lt),i=S(Dt,Lt),s=S(re,Lt),a=t.settingsMenuColor??(null==(e=null==s?void 0:s.controlsBar)?void 0:e.barColor),l=(null==(n=t.options)?void 0:n.playbackSpeed)&&(null==(r=t.options)?void 0:r.playbackSpeed.map(((t,e)=>Be(fu,{children:$e(wu,{dataCy:`settingsMenuSpeedButton-${e}`,onClick:()=>i?i.playbackRate=t:null,settingsMenuColor:a,children:[t," ",o===t&&Be(bu,{})]})},`settingsMenuSpeedButton-${e}`))));return Be(Re,{children:l})}const Bu=()=>$e(vu,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Be("path",{d:"M6 6L26 26",stroke:"currentColor",strokeWidth:"3.5",strokeLinecap:"round"}),Be("path",{d:"M6 26L26 6",stroke:"currentColor",strokeWidth:"3.5",strokeLinecap:"round"})]}),$u=()=>Be(vu,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Be("path",{d:"M28 17.5C28.8284 17.5 29.5 16.8284 29.5 16C29.5 15.1716 28.8284 14.5 28 14.5V17.5ZM2.93934 14.9393C2.35355 15.5251 2.35355 16.4749 2.93934 17.0607L12.4853 26.6066C13.0711 27.1924 14.0208 27.1924 14.6066 26.6066C15.1924 26.0208 15.1924 25.0711 14.6066 24.4853L6.12132 16L14.6066 7.51472C15.1924 6.92893 15.1924 5.97918 14.6066 5.3934C14.0208 4.80761 13.0711 4.80761 12.4853 5.3934L2.93934 14.9393ZM28 14.5L4 14.5V17.5L28 17.5V14.5Z",fill:"currentColor"})}),Ru=(0,r.forwardRef)(((t,e)=>{var n;const[o,i]=(0,r.useState)("/home"),s=S(ne,Lt),a=S(re,Lt);(0,r.useEffect)((()=>{if(e){const t=e.current.lastChild;let n=null==t?void 0:t.firstChild;for(;null!==n&&((null==n?void 0:n.nodeType)!==Node.ELEMENT_NODE||!n.hasChildNodes())&&(n=null==n?void 0:n.nextSibling,n););const r=null==n?void 0:n.firstChild;r&&r.focus()}}),[e,o]);const l=t.item.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor);return Be(Lu,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.25},$orientation:t.item.settingsMenuOrientation??"middle",children:$e(Vu,{layout:!0,ref:e,"data-cy":"settingsMenu",$settingsMenuColor:l,$textColor:Rt(l??""),children:[$e(Ou,{layout:!0,children:[Be(yu,{"data-cy":"settingsMenuHeaderButton",$settingsMenuColor:l,onClick:()=>"/home"===o?t.setIsSettingsMenuOpen(!1):i("/home"),children:Be("/home"===o?Bu:$u,{})}),Be(gu,{layout:"position",children:"/home"===o?"Settings":"/quality"===o?"Quality":"/subtitles"===o?"Subtitles":"/playback-speed"===o?"Speed":void 0})]}),$e(Du,{$settingsMenuHeight:s.height-45-60,onKeyDown:e=>"Escape"===e.key&&t.setIsSettingsMenuOpen(!1),children:["/home"===o&&Be(Cu,{setCurrentPage:i,item:t.item}),"/quality"===o&&Be(Pu,{item:t.item}),"/subtitles"===o&&Be(Au,{item:t.item}),"/playback-speed"===o&&Be(Tu,{item:t.item})]})]})})}));Ru.displayName="SettingsMenu";const Lu=(0,o.ZP)(ql.div)` + transform: translate( + ${t=>"middle"===t.$orientation?"-3rem":"left"===t.$orientation?"-5.25rem":"0rem"}, + -2rem + ); + display: flex; + flex-direction: column-reverse; +`,Vu=(0,o.ZP)(ql.menu)` + border-radius: 0.5rem; + background-color: ${t=>t.$settingsMenuColor?t.$settingsMenuColor:"currentColor"}; + position: absolute; + margin: 0; + padding: 0.35rem 0.45rem; + overflow: hidden; + min-width: 6.5rem; + box-shadow: 10px 10px 55px -8px rgba(0, 0, 0, 0.56); + color: ${t=>t.$textColor}; +`,Ou=(0,o.ZP)(ql.section)` + display: flex; + align-items: center; + margin: 0.25rem 0 0.5rem; + color: inherit; +`,Du=o.ZP.ul` + max-height: ${t=>t.$settingsMenuHeight}px; + color: inherit; + padding: 0; + margin: 0; + overflow-y: auto; + overflow-x: hidden; + ::-webkit-scrollbar { + width: 0; + } + scrollbar-width: none; +`;function Iu({item:t}){const[e,n]=(0,r.useState)(!1),o=(0,r.useRef)(null);return function(t,e){(0,r.useEffect)((()=>{const n=n=>{!t.current||n.target instanceof Node&&t.current.contains(n.target)||e(n)};return document.addEventListener("click",n),()=>{document.removeEventListener("click",n)}}),[t,e])}(o,(()=>n(!1))),$e(Re,{children:[t.options&&Be(tc,{children:e&&Be(Ru,{ref:o,item:t,setIsSettingsMenuOpen:n})}),Be(ju,{onClick:function(){n((t=>!t))},"data-cy":t.id,whileHover:{scale:1.1,rotateZ:45},whileTap:{scale:.95,rotateZ:0},children:Be("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:$e("g",{children:[Be(Fu,{as:"circle",cx:"16",cy:"16",r:"3"}),Be(Fu,{d:"M10.7591 6.96198C12.3955 8.30774 14.8735 7.58014 15.5226 5.56327C15.6719 5.09948 16.3281 5.09948 16.4774 5.56327C17.1265 7.58014 19.6045 8.30774 21.2409 6.96198C21.6173 6.65252 22.1693 7.00729 22.0441 7.47815C21.4998 9.52578 23.191 11.4776 25.2953 11.2302C25.7792 11.1733 26.0518 11.7702 25.6919 12.0986C24.1269 13.5269 24.4945 16.0833 26.3984 17.0128C26.8363 17.2265 26.7429 17.8761 26.2626 17.9578C24.1738 18.3133 23.101 20.6625 24.2002 22.4738C24.4529 22.8904 24.0232 23.3863 23.5749 23.1954C21.6256 22.3652 19.453 23.7614 19.3984 25.8795C19.3858 26.3665 18.7562 26.5514 18.4823 26.1485C17.2913 24.3962 14.7087 24.3962 13.5177 26.1485C13.2438 26.5514 12.6142 26.3665 12.6016 25.8795C12.547 23.7614 10.3744 22.3652 8.42505 23.1954C7.9768 23.3863 7.54708 22.8904 7.79984 22.4738C8.899 20.6625 7.82615 18.3133 5.73744 17.9578C5.25713 17.8761 5.16374 17.2265 5.60157 17.0128C7.50552 16.0833 7.87307 13.5269 6.30811 12.0986C5.94825 11.7702 6.22084 11.1733 6.70472 11.2302C8.80898 11.4776 10.5002 9.52578 9.9559 7.47815C9.83073 7.00729 10.3827 6.65252 10.7591 6.96198Z"})]})})})]})}const ju=(0,o.ZP)(ql.button)` + background: transparent; + padding: 0; + border: 0; + color: currentColor; + cursor: pointer; + height: 32px; + width: 32px; + :focus { + outline: none; + } + :focus-visible { + outline: 2.5px dashed ${t=>t.theme.focusColor}; + } +`,Fu=o.ZP.path` + stroke: currentColor; + stroke-width: 2; + stroke-linecap: round; +`;function zu({item:t}){const e=S(ve,Lt);return mt(t)?Be(pc,{item:t}):vt(t)?Be(_c,{item:t}):yt(t)?Be(tu,{item:t}):bt(t)?Be(iu,{}):xt(t)?Be(au,{}):wt(t)?Be(cu,{item:t,isFullscreen:e}):gt(t)?Be(Iu,{item:t}):Be(Re,{})}function Nu(t){return mt(t)||yt(t)||wt(t)||gt(t)?t.buttonColor:xt(t)||bt(t)?t.textColor:void 0}function Uu(){var t,e,n,o;const i=S(te,Lt),s=S(oe,Lt),a=S(ae,Lt),l=S(ge,Lt),c=S(ne,Lt),u=S(re,Lt);function d(t,e){var n;if(void 0===t||t.hideOnMobile&&c.width<768)return Be(Re,{});const r=s.slice(e+1).find((t=>void 0!==t&&(!t.hideOnMobile||t.hideOnMobile&&c.width>=768)));let o;for(let i=e-1;i>-1;i--){const t=s[i];if(void 0!==t&&(!t.hideOnMobile||t.hideOnMobile&&c.width>=768)){o=s[i];break}}return Be(Wu,{$marginLeft:t.marginLeft,$marginRight:t.marginRight,$isProgressBarNextItem:!!r&&vt(r),$isProgressBarPreviousItem:!!o&&vt(o),onClick:t=>t.stopPropagation(),$isProgressBar:vt(t),$color:Nu(t)??Rt((null==(n=u.controlsBar)?void 0:n.barColor)??""),children:Be(zu,{item:t})})}const h=null!=(t=u.controlsBar)&&t.alwaysVisible?null==(e=u.controlsBar)?void 0:e.alwaysVisible:a||l||i;return Be(tc,{children:h&&$e(Hu,{className:Ot.toString(),variants:"movement"===(null==(n=u.controlsBar)?void 0:n.animate)?yc:vc,initial:"init",animate:"anim",exit:"exit","data-cy":"controlsBar",children:[u.topProgressBar&&Be(_u,{children:Be(_c,{isOnTop:!0,item:u.topProgressBar})}),Be(Zu,{$height:"45px",$backgroundColor:null==(o=u.controlsBar)?void 0:o.barColor,children:s.map(((t,e)=>Be(r.Fragment,{children:d(t,e)},`item-${e}`)))})]})})}const Hu=(0,o.ZP)(ql.div)` + width: 100%; + position: absolute; + left: 0; + bottom: 0; +`,Zu=o.ZP.div` + height: ${t=>t.$height}; + background-color: ${t=>t.$backgroundColor?t.$backgroundColor:"rgba(28, 28, 28, 0.7)"}; + width: 100%; + display: flex; + align-items: center; + padding: 0.3rem 0.5rem; + box-sizing: border-box; +`,Wu=o.ZP.div` + height: 100%; + width: auto; + color: ${t=>t.$color}; + flex: ${t=>t.$isProgressBar?"1":"0"}; + display: flex; + align-items: center; + justify-content: center; + /* + Progress bars don't have margin by default + If the next item is a progress bar the margin is increased (the scrubber takes up space) + Otherwise use the default margin of 0.35rem + */ + margin-right: ${t=>t.$marginRight?t.$marginRight:t.$isProgressBarNextItem?"0.85rem":t.$isProgressBar?"0":"0.35rem"}; + + margin-left: ${t=>t.$marginLeft?t.$marginLeft:t.$isProgressBarPreviousItem?"0.85rem":"0"}; + + :last-child { + margin-right: ${t=>t.$marginRight?t.$marginRight:"0"}; + } +`,_u=o.ZP.div` + width: 100%; + height: 3rem; + display: flex; + flex-direction: column; + justify-content: flex-end; +`;function qu(){return Be(Xu,{children:Be(Gu,{})})}const Yu=o.F4` + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +`,Xu=o.ZP.div` + width: 128px; + height: 128px; + display: flex; + justify-content: center; + align-items: center; +`,Gu=o.ZP.span` + height: 86px; + width: 86px; + border: 10px solid currentColor; + border-bottom-color: transparent; + border-radius: 50%; + display: inline-block; + box-sizing: border-box; + animation: ${Yu} 1s linear infinite; +`;function Ku(){const t=S(Nt,Lt),e=S(zt,Lt),n=S(oe,Lt),r=S(Yt,Lt),o=S(te,Lt),i=function(t){if(void 0===t)return;const e=t.find((t=>t&&t.id.startsWith("playButton")));return e||void 0}(n),s=S(Dt,Lt);const a=e||t===Ft.paused||t===Ft.ended;return $e(Ju,{children:[Be(Qu,{"data-cy":"playIndicator",tabIndex:a?0:-1,$playButtonColor:(null==i?void 0:i.buttonColor)??"white",variants:Cc,whileHover:{scale:1.1},animate:"anim",custom:a,onKeyDown:t=>"Enter"===t.key&&Ct(s),children:function(){if(e)return Be(qu,{});if("playButton2"===(null==i?void 0:i.id)){if(t===Ft.playing)return Be(ec,{isIndicator:!0});if(t===Ft.paused)return Be(rc,{isIndicator:!0});if(t===Ft.ended)return Be(dc,{isIndicator:!0})}else{if(t===Ft.playing)return Be(ac,{isIndicator:!0});if(t===Ft.paused)return Be(ic,{isIndicator:!0});if(t===Ft.ended)return Be(cc,{isIndicator:!0})}}()}),Be(tc,{children:r&&Be(td,{"data-cy":"currentSubtitle",custom:o,initial:"init",animate:"anim",exit:"exit",variants:kc,transition:Sc,children:r.text})})]})}const Ju=o.ZP.div` + height: 100%; + width: 100%; + position: absolute; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + pointer-events: none; + flex-direction: column; +`,Qu=(0,o.ZP)(ql.button)` + color: ${t=>t.$playButtonColor}; + background-color: transparent; + filter: drop-shadow(rgba(0, 0, 0, 0.35) 0px 5px 15px); + padding: 0; + border: 0; + pointer-events: none; + will-change: transform; + :focus-visible { + outline: 4px dashed ${t=>t.theme.focusColor}; + } +`,td=(0,o.ZP)(ql.div)` + position: absolute; + pointer-events: none; + text-align: center; + padding: 0.5rem; + background-color: black; + margin: 1rem; + opacity: 0.75; + font-size: 1.1em; +`;function ed(){const t=S(Dt,Lt),e=E(te,Lt);!function(){const[t,e]=M(ee,Lt),n=E(ne,Lt),o=S(Dt,Lt);(0,r.useEffect)((()=>{null!==o&&e(new ResizeObserver((t=>{const e=t[0];e&&e.contentRect&&n({height:parseFloat(e.contentRect.height.toFixed(2)),width:parseFloat(e.contentRect.width.toFixed(2))})})))}),[o,n,e]),(0,r.useEffect)((()=>{null!==t&&null!==o&&t.observe(o)}),[t,o])}();const n=E(It,Lt),o=(0,r.useRef)(null),i=E(ve,Lt);(0,r.useEffect)((()=>{o&&o.current&&n(o.current)}),[o,n]),function(t){(0,r.useEffect)((()=>{function e(){t(Ce.isFullscreen)}return Ce.isEnabled&&Ce.on("change",e),()=>{Ce.isEnabled&&Ce.off("change",e)}}),[t])}(i);const{width:s,height:a}=S(jt,Lt),l=S(qt,Lt);return Be(nd,{$width:s,$height:a,"data-cy":"videoPlayerWrapper",ref:o,onFocus:()=>e(!0),onMouseEnter:()=>{e(!0)},onMouseLeave:()=>{e(!1)},tabIndex:0,onKeyDown:e=>function(t,e,n){if(" "===t.key||"k"===t.key)t.preventDefault(),null!==e&&Ct(e);else if(("ArrowLeft"===t.key||"ArrowRight"===t.key||"ArrowUp"===t.key||"ArrowDown"===t.key)&&(t.preventDefault(),null!==e&&null!==n))if(n.startsWith("volumeBar")){let r=e.volume;"volumeBar1"===n?"ArrowLeft"===t.key?r-=.05:"ArrowRight"===t.key&&(r+=.05):"volumeBar2"===n&&("ArrowDown"===t.key?r-=.05:"ArrowUp"===t.key&&(r+=.05)),e.volume=kt(r,0,1)}else{let n=e.currentTime;("ArrowLeft"===t.key||"ArrowRight"===t.key)&&("ArrowLeft"===t.key?n-=5:"ArrowRight"===t.key&&(n+=5),e.currentTime=kt(n,0,e.duration))}}(e,t,l),children:$e(rd,{"data-cy":"playerContainer",children:[Be(Ku,{}),Be(Le,{}),t&&Be(Uu,{})]})})}const nd=o.ZP.div` + position: relative; + background: black; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: transparent; + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + height: ${t=>t.$height?t.$height:"100%"}; + width: ${t=>t.$width?t.$width:"100%"}; + :focus-visible { + outline: 3.5px dashed ${t=>t.theme.focusColor}; + } +`,rd=o.ZP.div` + display: flex; + flex-direction: column; + justify-content: flex-end; + align-items: flex-start; + color: white; + overflow: hidden; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + height: 100%; + width: 100%; +`;function od({values:t,rest:e}){const n=E(re,Lt),r=E(oe,Lt),o=E(jt,Lt);return Ee(n,r,o,e,t),Be(ed,{})}function id({values:t,...e}){return Be(C,{scope:Lt,children:t?Be(o.f6,{theme:{focusColor:null==t?void 0:t.focusColor},children:Be(od,{values:t,rest:e})}):$e(Re,{children:[$e("div",{"data-cy":"errorMessage",style:{color:"red"},children:["You need to define the values attribute on your custoplayer tag. For the time being you can set it to be an empty object. ",Be("br",{}),"example:"]}),Be("code",{children:""})]})})}(0,o.ZP)(ql.div)` + width: 100%; + position: absolute; + display: flex; + z-index: 6; + left: 0; + bottom: 0; + flex-direction: column; + justify-content: flex-end; + align-items: center; +`;const sd={previewTooltip:{id:"text"},controlsBar:{barColor:"#392f5ad4",animate:"movement"},item1:{id:"playButton1",buttonColor:"#efefef"},item2:{id:"volumeButton1",barId:"volumeBar1",buttonColor:"#efefef",barColor:"#efefef",volumeColor:"#4f91cb"},item3:{id:"currentTime",hideOnMobile:!0,textColor:"#efefef"},item4:{id:"progressBar1",barColor:"#efefef",progressColor:"#4f91cb"},item5:{id:"duration",hideOnMobile:!0,textColor:"#efefef"},item7:{id:"fullscreenButton1",buttonColor:"#efefef"},focusColor:"#efefef"},ad={previewTooltip:{id:"text"},controlsBar:{animate:"opacity",barColor:"#d90427b8"},item1:{id:"playButton1",buttonColor:"#ffd3d3"},item2:{id:"volumeButton1",barId:"volumeBar2",buttonColor:"#ffd3d3",barColor:"#ffd3d3",volumeColor:"#552525"},item3:{id:"currentTime",hideOnMobile:!0,textColor:"#fee1e1"},item4:{id:"progressBar2",barColor:"#ffd3d3",progressColor:"#552525"},item5:{id:"duration",hideOnMobile:!0,textColor:"#fee1e1"},item7:{id:"fullscreenButton1",buttonColor:"#ffd3d3"},focusColor:"#ffd3d3"},ld={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#ffffffdd"},item1:{id:"playButton1",buttonColor:"#353535"},item2:{id:"volumeButton1",barId:"volumeBar2",buttonColor:"#353535",barColor:"#e7e7e7",volumeColor:"#353535",scrubberBorderColor:"transparent",scrubberColor:"transparent"},item3:{id:"currentTime",textColor:"#353535"},topProgressBar:{id:"progressBar1",barColor:"#e7e7e7",progressColor:"#353535",scrubberColor:"transparent",scrubberBorderColor:"none"},item5:{id:"duration",textColor:"#353535",marginLeft:"auto"},item7:{id:"fullscreenButton1",buttonColor:"#353535"},focusColor:"#353535"},cd={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#2c6e49d4"},item1:{id:"playButton2",buttonColor:"#EEE5E5"},item2:{id:"volumeButton1",barId:"volumeBar1",volumeColor:"#67ba8b",scrubberColor:"transparent",scrubberBorderColor:"#67ba8b",barColor:"#EEE5E5"},item3:{id:"fullscreenButton2",buttonColor:"#EEE5E5"},item4:{id:"progressBar3",progressColor:"#67ba8b"},focusColor:"#EEE5E5"},ud={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#a9e5bbd3"},topProgressBar:{id:"progressBar1",scrubberColor:"transparent",barColor:"#a9e5bbd3",progressColor:"#26352a",bufferedColor:"#46464695"},item2:{id:"currentTime"},item1:{id:"volumeButton1",barId:"volumeBar2",scrubberColor:"transparent",barColor:"#a9e5bbd3",volumeColor:"#26352a"},item4:{id:"playButton1",marginLeft:"auto",marginRight:"auto"},item6:{id:"settingsButton1",settingsMenuColor:"#a9e5bbec",settingsMenuOrientation:"left",options:{playbackSpeed:[.25,.5,1,1.25,1.5,2]}},item7:{id:"fullscreenButton1"}}}}]); \ No newline at end of file diff --git a/assets/js/02e3a03e.32f4b159.js.LICENSE.txt b/assets/js/453.6d0ab7a0.js.LICENSE.txt similarity index 100% rename from assets/js/02e3a03e.32f4b159.js.LICENSE.txt rename to assets/js/453.6d0ab7a0.js.LICENSE.txt diff --git a/assets/js/6cddd07e.98c985a2.js b/assets/js/6cddd07e.98c985a2.js deleted file mode 100644 index 0c5031b..0000000 --- a/assets/js/6cddd07e.98c985a2.js +++ /dev/null @@ -1,563 +0,0 @@ -/*! For license information please see 6cddd07e.98c985a2.js.LICENSE.txt */ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[995],{6474:(t,e,n)=>{n.d(e,{DT:()=>cd,FF:()=>ad,L2:()=>ld,NT:()=>sd,O8:()=>id,Pv:()=>ud});var o=n(2784),r=n(9453);let i=0;const s=Symbol(),a=t=>!!t[s],l=t=>!t[s].c,u=t=>{var e;const{b:n,c:o}=t[s];o&&(o(),null==(e=h.get(n))||e())},c=(t,e)=>{const n=t[s].o,o=e[s].o;return n===o||t===o||a(n)&&c(n,e)},d=(t,e)=>{const n={b:t,o:e,c:null},o=new Promise((t=>{n.c=()=>{n.c=null,t()},e.finally(n.c)}));return o[s]=n,o},h=new WeakMap,p=t=>"init"in t,f="r",m="w",g="c",v="s",y=t=>{const e=new WeakMap,n=new WeakMap,o=new Map;let r,i;if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&(r=new Set,i=new Set),t)for(const[s,a]of t){const t={v:a,r:0,y:!0,d:new Map};"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&(Object.freeze(t),p(s)||console.warn("Found initial value for derived atom which can cause unexpected behavior",s)),e.set(s,t)}const h=new WeakMap,y=new WeakMap,b=t=>{let e=y.get(t);return e||(e=new Map,y.set(t,e)),e},x=(t,n)=>{if(t){const e=b(t);let o=e.get(n);return o||(o=x(t.p,n),o&&"p"in o&&l(o.p)&&(o=void 0),o&&e.set(n,o)),o}return e.get(n)},w=(t,n,r)=>{if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&Object.freeze(r),t)b(t).set(n,r);else{const t=e.get(n);e.set(n,r),o.has(n)||o.set(n,t)}},C=function(t,e,n){if(void 0===e&&(e=new Map),!n)return e;const o=new Map;let r=!1;return n.forEach((n=>{var i;const s=(null==(i=x(t,n))?void 0:i.r)||0;o.set(n,s),e.get(n)!==s&&(r=!0)})),e.size!==o.size||r?o:e},k=(t,e,n,o,r)=>{const i=x(t,e);if(i){if(r&&(!("p"in i)||!c(i.p,r)))return i;"p"in i&&u(i.p)}const s={v:n,r:(null==i?void 0:i.r)||0,y:!0,d:C(t,null==i?void 0:i.d,o)};let a=!(null!=i&&i.y);return i&&"v"in i&&Object.is(i.v,n)?s.d!==i.d&&(s.d.size!==i.d.size||!Array.from(s.d.keys()).every((t=>i.d.has(t))))&&(a=!0,Promise.resolve().then((()=>{O(t)}))):(a=!0,++s.r,s.d.has(e)&&(s.d=new Map(s.d).set(e,s.r))),i&&!a?i:(w(t,e,s),s)},E=(t,e,n,o,r)=>{const i=x(t,e);if(i){if(r&&(!("p"in i)||!c(i.p,r)))return i;"p"in i&&u(i.p)}const s={e:n,r:((null==i?void 0:i.r)||0)+1,y:!0,d:C(t,null==i?void 0:i.d,o)};return w(t,e,s),s},M=(t,e,n,o)=>{const r=x(t,e);if(r&&"p"in r){if(c(r.p,n)&&!l(r.p))return r.y?r:{...r,y:!0};u(r.p)}((t,e,n)=>{let o=h.get(e);o||(o=new Map,h.set(e,o)),n.then((()=>{o.get(t)===n&&(o.delete(t),o.size||h.delete(e))})),o.set(t,n)})(t,e,n);const i={p:n,r:((null==r?void 0:r.r)||0)+1,y:!0,d:C(t,null==r?void 0:r.d,o)};return w(t,e,i),i},P=(t,e,n,o)=>{if(n instanceof Promise){const r=d(n,n.then((n=>{k(t,e,n,o,r)})).catch((n=>{if(n instanceof Promise)return a(n)?n.then((()=>{S(t,e,!0)})):n;E(t,e,n,o,r)})));return M(t,e,r,o)}return k(t,e,n,o)},S=(t,e,o)=>{if(!o){const o=x(t,e);if(o){if(o.y&&"p"in o&&!l(o.p))return o;if(o.d.forEach(((o,r)=>{if(r!==e)if(n.has(r)){const e=x(t,r);e&&!e.y&&S(t,r)}else S(t,r)})),Array.from(o.d).every((e=>{let[n,o]=e;const r=x(t,n);return r&&!("p"in r)&&r.r===o})))return o.y?o:{...o,y:!0}}}const r=new Set;try{const n=e.read((n=>{r.add(n);const o=n===e?x(t,n):S(t,n);if(o){if("e"in o)throw o.e;if("p"in o)throw o.p;return o.v}if(p(n))return n.init;throw new Error("no atom init")}));return P(t,e,n,r)}catch(i){if(i instanceof Promise){const n=a(i)&&l(i)?(t=>d(t[s].b,t[s].o))(i):d(i,i);return M(t,e,n,r)}return E(t,e,i,r)}},B=(t,e)=>S(e,t),T=(t,e)=>!e.l.size&&(!e.t.size||1===e.t.size&&e.t.has(t)),A=(t,e)=>{const o=n.get(e);null==o||o.t.forEach((n=>{n!==e&&(((t,e)=>{const n=x(t,e);if(n){const o={...n,y:!1};w(t,e,o)}else"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] could not invalidate non existing atom",e)})(t,n),A(t,n))}))},V=(t,e,n)=>{let o=!0;const r=(e,n)=>{const o=S(t,e);if("e"in o)throw o.e;if("p"in o){if(null!=n&&n.unstable_promise)return o.p.then((()=>{const i=x(t,e);return i&&"p"in i&&i.p===o.p?new Promise((t=>setTimeout(t))).then((()=>r(e,n))):r(e,n)}));throw"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.info("Reading pending atom state in write operation. We throw a promise for now.",e),o.p}if("v"in o)return o.v;throw"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] no value found while reading atom in write operation. This is probably a bug.",e),new Error("no value found")},i=e.write(r,((n,r)=>{let i;if(n===e){if(!p(n))throw new Error("atom not writable");(t=>{const e=new Set,n=h.get(t);return n&&(h.delete(t),n.forEach(((t,n)=>{u(t),e.add(n)}))),e})(n).forEach((e=>{e!==t&&P(e,n,r)}));x(t,n)!==P(t,n,r)&&A(t,n)}else i=V(t,n,r);return o||O(t),i}),n);return o=!1,i},L=(t,e,n)=>{const o=V(n,t,e);return O(n),o},R=(t,e,o)=>{const r={t:new Set(o&&[o]),l:new Set};if(n.set(e,r),"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&i.add(e),S(void 0,e).d.forEach(((o,r)=>{const i=n.get(r);i?i.t.add(e):r!==e&&R(t,r,e)})),(t=>!!t.write)(e)&&e.onMount){const n=n=>L(e,n,t),o=e.onMount(n);t=void 0,o&&(r.u=o)}return r},D=(t,e)=>{var o;const r=null==(o=n.get(e))?void 0:o.u;r&&r(),n.delete(e),"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&i.delete(e);const s=x(t,e);s?("p"in s&&u(s.p),s.d.forEach(((o,r)=>{if(r!==e){const o=n.get(r);o&&(o.t.delete(e),T(r,o)&&D(t,r))}}))):"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] could not find atom state to unmount",e)},I=(t,e,o,r)=>{const i=new Set(o.d.keys());null==r||r.forEach(((o,r)=>{if(i.has(r))return void i.delete(r);const s=n.get(r);s&&(s.t.delete(e),T(r,s)&&D(t,r))})),i.forEach((o=>{const r=n.get(o);r?r.t.add(e):n.has(e)&&R(t,o,e)}))},O=t=>{if(t)b(t).forEach(((o,r)=>{if(o!==e.get(r)){const e=n.get(r);null==e||e.l.forEach((e=>e(t)))}}));else{for(;o.size;){const t=Array.from(o);o.clear(),t.forEach((t=>{let[e,o]=t;const r=x(void 0,e);if(r&&r.d!==(null==o?void 0:o.d)&&I(void 0,e,r,null==o?void 0:o.d),o&&!o.y&&null!=r&&r.y)return;const i=n.get(e);null==i||i.l.forEach((t=>t()))}))}"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&r.forEach((t=>t()))}},F=(t,n)=>{n&&(t=>{b(t).forEach(((n,o)=>{const r=e.get(o);(!r||n.r>r.r||n.y!==r.y||n.r===r.r&&n.d!==r.d)&&(e.set(o,n),n.d!==(null==r?void 0:r.d)&&I(t,o,n,null==r?void 0:r.d))}))})(n),O(void 0)},j=(t,e,o)=>{const r=((t,e)=>{let o=n.get(e);return o||(o=R(t,e)),o})(o,t).l;return r.add(e),()=>{r.delete(e),((t,e)=>{const o=n.get(e);o&&T(e,o)&&D(t,e)})(o,t)}},$=(t,e)=>{for(const[n,o]of t)p(n)&&(P(e,n,o),A(e,n));O(e)};return"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")?{[f]:B,[m]:L,[g]:F,[v]:j,h:$,n:t=>(r.add(t),()=>{r.delete(t)}),l:()=>i.values(),a:t=>e.get(t),m:t=>n.get(t)}:{[f]:B,[m]:L,[g]:F,[v]:j,h:$}},b=(t,e)=>({s:e?e(t).SECRET_INTERNAL_store:y(t)}),x=new Map,w=t=>(x.has(t)||x.set(t,(0,o.createContext)(b())),x.get(t)),C=t=>{let{children:e,initialValues:n,scope:r,unstable_createStore:i,unstable_enableVersionedWrite:s}=t;const[a,l]=(0,o.useState)({});(0,o.useEffect)((()=>{const t=u.current;t.w&&(t.s[g](null,a),delete a.p,t.v=a)}),[a]);const u=(0,o.useRef)();if(!u.current){const t=b(n,i);if(s){let e=0;t.w=t=>{l((n=>{const o=e?n:{p:n};return t(o),o}))},t.v=a,t.r=t=>{++e,t(),--e}}u.current=t}const c=w(r);return(0,o.createElement)(c.Provider,{value:u.current},e)};function k(t,e){return function(t,e){const n="atom"+ ++i,o={toString:()=>n};return"function"==typeof t?o.read=t:(o.init=t,o.read=t=>t(o),o.write=(t,e,n)=>e(o,"function"==typeof n?n(t(o)):n)),e&&(o.write=e),o}(t,e)}function E(t,e){const n=w(e),r=(0,o.useContext)(n),{s:i,v:s}=r,a=e=>{const n=i[f](t,e);if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&!n.y)throw new Error("should not be invalidated");if("e"in n)throw n.e;if("p"in n)throw n.p;if("v"in n)return n.v;throw new Error("no atom value")},[[l,u,c],d]=(0,o.useReducer)(((e,n)=>{const o=a(n);return Object.is(e[1],o)&&e[2]===t?e:[n,o,t]}),s,(e=>[e,a(e),t]));let h=u;return c!==t&&(d(l),h=a(l)),(0,o.useEffect)((()=>{const{v:e}=r;e&&i[g](t,e);const n=i[v](t,d,e);return d(e),n}),[i,t,r]),(0,o.useEffect)((()=>{i[g](t,l)})),(0,o.useDebugValue)(h),h}function M(t,e){const n=w(e),{s:r,w:i}=(0,o.useContext)(n);return(0,o.useCallback)((e=>{if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&!("write"in t))throw new Error("not writable atom");const n=n=>r[m](t,e,n);return i?i(n):n()}),[r,i,t])}function P(t,e){return"scope"in t&&(console.warn("atom.scope is deprecated. Please do useAtom(atom, scope) instead."),e=t.scope),[E(t,e),M(t,e)]}function S(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var B={exports:{}},T={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},A={exports:{}},V=function(t){return!(!t||"string"==typeof t)&&(t instanceof Array||Array.isArray(t)||t.length>=0&&(t.splice instanceof Function||Object.getOwnPropertyDescriptor(t,t.length-1)&&"String"!==t.constructor.name))},L=Array.prototype.concat,R=Array.prototype.slice,D=A.exports=function(t){for(var e=[],n=0,o=t.length;n=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},N.to.keyword=function(t){return $[t.slice(0,3)]};var H=B.exports;const W=T,q={};for(const dd of Object.keys(W))q[W[dd]]=dd;const _={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var X=_;for(const dd of Object.keys(_)){if(!("channels"in _[dd]))throw new Error("missing channels property: "+dd);if(!("labels"in _[dd]))throw new Error("missing channel labels property: "+dd);if(_[dd].labels.length!==_[dd].channels)throw new Error("channel and label counts mismatch: "+dd);const{channels:t,labels:e}=_[dd];delete _[dd].channels,delete _[dd].labels,Object.defineProperty(_[dd],"channels",{value:t}),Object.defineProperty(_[dd],"labels",{value:e})}function Y(t,e){return(t[0]-e[0])**2+(t[1]-e[1])**2+(t[2]-e[2])**2}_.rgb.hsl=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.min(e,n,o),i=Math.max(e,n,o),s=i-r;let a,l;i===r?a=0:e===i?a=(n-o)/s:n===i?a=2+(o-e)/s:o===i&&(a=4+(e-n)/s),a=Math.min(60*a,360),a<0&&(a+=360);const u=(r+i)/2;return l=i===r?0:u<=.5?s/(i+r):s/(2-i-r),[a,100*l,100*u]},_.rgb.hsv=function(t){let e,n,o,r,i;const s=t[0]/255,a=t[1]/255,l=t[2]/255,u=Math.max(s,a,l),c=u-Math.min(s,a,l),d=function(t){return(u-t)/6/c+.5};return 0===c?(r=0,i=0):(i=c/u,e=d(s),n=d(a),o=d(l),s===u?r=o-n:a===u?r=1/3+e-o:l===u&&(r=2/3+n-e),r<0?r+=1:r>1&&(r-=1)),[360*r,100*i,100*u]},_.rgb.hwb=function(t){const e=t[0],n=t[1];let o=t[2];const r=_.rgb.hsl(t)[0],i=1/255*Math.min(e,Math.min(n,o));return o=1-1/255*Math.max(e,Math.max(n,o)),[r,100*i,100*o]},_.rgb.cmyk=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.min(1-e,1-n,1-o);return[100*((1-e-r)/(1-r)||0),100*((1-n-r)/(1-r)||0),100*((1-o-r)/(1-r)||0),100*r]},_.rgb.keyword=function(t){const e=q[t];if(e)return e;let n,o=1/0;for(const r of Object.keys(W)){const e=Y(t,W[r]);e.04045?((e+.055)/1.055)**2.4:e/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,o=o>.04045?((o+.055)/1.055)**2.4:o/12.92;return[100*(.4124*e+.3576*n+.1805*o),100*(.2126*e+.7152*n+.0722*o),100*(.0193*e+.1192*n+.9505*o)]},_.rgb.lab=function(t){const e=_.rgb.xyz(t);let n=e[0],o=e[1],r=e[2];n/=95.047,o/=100,r/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,o=o>.008856?o**(1/3):7.787*o+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;return[116*o-16,500*(n-o),200*(o-r)]},_.hsl.rgb=function(t){const e=t[0]/360,n=t[1]/100,o=t[2]/100;let r,i,s;if(0===n)return s=255*o,[s,s,s];r=o<.5?o*(1+n):o+n-o*n;const a=2*o-r,l=[0,0,0];for(let u=0;u<3;u++)i=e+1/3*-(u-1),i<0&&i++,i>1&&i--,s=6*i<1?a+6*(r-a)*i:2*i<1?r:3*i<2?a+(r-a)*(2/3-i)*6:a,l[u]=255*s;return l},_.hsl.hsv=function(t){const e=t[0];let n=t[1]/100,o=t[2]/100,r=n;const i=Math.max(o,.01);o*=2,n*=o<=1?o:2-o,r*=i<=1?i:2-i;return[e,100*(0===o?2*r/(i+r):2*n/(o+n)),100*((o+n)/2)]},_.hsv.rgb=function(t){const e=t[0]/60,n=t[1]/100;let o=t[2]/100;const r=Math.floor(e)%6,i=e-Math.floor(e),s=255*o*(1-n),a=255*o*(1-n*i),l=255*o*(1-n*(1-i));switch(o*=255,r){case 0:return[o,l,s];case 1:return[a,o,s];case 2:return[s,o,l];case 3:return[s,a,o];case 4:return[l,s,o];case 5:return[o,s,a]}},_.hsv.hsl=function(t){const e=t[0],n=t[1]/100,o=t[2]/100,r=Math.max(o,.01);let i,s;s=(2-n)*o;const a=(2-n)*r;return i=n*r,i/=a<=1?a:2-a,i=i||0,s/=2,[e,100*i,100*s]},_.hwb.rgb=function(t){const e=t[0]/360;let n=t[1]/100,o=t[2]/100;const r=n+o;let i;r>1&&(n/=r,o/=r);const s=Math.floor(6*e),a=1-o;i=6*e-s,1&s&&(i=1-i);const l=n+i*(a-n);let u,c,d;switch(s){default:case 6:case 0:u=a,c=l,d=n;break;case 1:u=l,c=a,d=n;break;case 2:u=n,c=a,d=l;break;case 3:u=n,c=l,d=a;break;case 4:u=l,c=n,d=a;break;case 5:u=a,c=n,d=l}return[255*u,255*c,255*d]},_.cmyk.rgb=function(t){const e=t[0]/100,n=t[1]/100,o=t[2]/100,r=t[3]/100;return[255*(1-Math.min(1,e*(1-r)+r)),255*(1-Math.min(1,n*(1-r)+r)),255*(1-Math.min(1,o*(1-r)+r))]},_.xyz.rgb=function(t){const e=t[0]/100,n=t[1]/100,o=t[2]/100;let r,i,s;return r=3.2406*e+-1.5372*n+-.4986*o,i=-.9689*e+1.8758*n+.0415*o,s=.0557*e+-.204*n+1.057*o,r=r>.0031308?1.055*r**(1/2.4)-.055:12.92*r,i=i>.0031308?1.055*i**(1/2.4)-.055:12.92*i,s=s>.0031308?1.055*s**(1/2.4)-.055:12.92*s,r=Math.min(Math.max(0,r),1),i=Math.min(Math.max(0,i),1),s=Math.min(Math.max(0,s),1),[255*r,255*i,255*s]},_.xyz.lab=function(t){let e=t[0],n=t[1],o=t[2];e/=95.047,n/=100,o/=108.883,e=e>.008856?e**(1/3):7.787*e+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;return[116*n-16,500*(e-n),200*(n-o)]},_.lab.xyz=function(t){let e,n,o;n=(t[0]+16)/116,e=t[1]/500+n,o=n-t[2]/200;const r=n**3,i=e**3,s=o**3;return n=r>.008856?r:(n-16/116)/7.787,e=i>.008856?i:(e-16/116)/7.787,o=s>.008856?s:(o-16/116)/7.787,e*=95.047,n*=100,o*=108.883,[e,n,o]},_.lab.lch=function(t){const e=t[0],n=t[1],o=t[2];let r;r=360*Math.atan2(o,n)/2/Math.PI,r<0&&(r+=360);return[e,Math.sqrt(n*n+o*o),r]},_.lch.lab=function(t){const e=t[0],n=t[1],o=t[2]/360*2*Math.PI;return[e,n*Math.cos(o),n*Math.sin(o)]},_.rgb.ansi16=function(t,e){void 0===e&&(e=null);const[n,o,r]=t;let i=null===e?_.rgb.hsv(t)[2]:e;if(i=Math.round(i/50),0===i)return 30;let s=30+(Math.round(r/255)<<2|Math.round(o/255)<<1|Math.round(n/255));return 2===i&&(s+=60),s},_.hsv.ansi16=function(t){return _.rgb.ansi16(_.hsv.rgb(t),t[2])},_.rgb.ansi256=function(t){const e=t[0],n=t[1],o=t[2];return e===n&&n===o?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(n/255*5)+Math.round(o/255*5)},_.ansi16.rgb=function(t){let e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),e=e/10.5*255,[e,e,e];const n=.5*(1+~~(t>50));return[(1&e)*n*255,(e>>1&1)*n*255,(e>>2&1)*n*255]},_.ansi256.rgb=function(t){if(t>=232){const e=10*(t-232)+8;return[e,e,e]}let e;t-=16;return[Math.floor(t/36)/5*255,Math.floor((e=t%36)/6)/5*255,e%6/5*255]},_.rgb.hex=function(t){const e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},_.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];let n=e[0];3===e[0].length&&(n=n.split("").map((t=>t+t)).join(""));const o=parseInt(n,16);return[o>>16&255,o>>8&255,255&o]},_.rgb.hcg=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.max(Math.max(e,n),o),i=Math.min(Math.min(e,n),o),s=r-i;let a,l;return a=s<1?i/(1-s):0,l=s<=0?0:r===e?(n-o)/s%6:r===n?2+(o-e)/s:4+(e-n)/s,l/=6,l%=1,[360*l,100*s,100*a]},_.hsl.hcg=function(t){const e=t[1]/100,n=t[2]/100,o=n<.5?2*e*n:2*e*(1-n);let r=0;return o<1&&(r=(n-.5*o)/(1-o)),[t[0],100*o,100*r]},_.hsv.hcg=function(t){const e=t[1]/100,n=t[2]/100,o=e*n;let r=0;return o<1&&(r=(n-o)/(1-o)),[t[0],100*o,100*r]},_.hcg.rgb=function(t){const e=t[0]/360,n=t[1]/100,o=t[2]/100;if(0===n)return[255*o,255*o,255*o];const r=[0,0,0],i=e%1*6,s=i%1,a=1-s;let l=0;switch(Math.floor(i)){case 0:r[0]=1,r[1]=s,r[2]=0;break;case 1:r[0]=a,r[1]=1,r[2]=0;break;case 2:r[0]=0,r[1]=1,r[2]=s;break;case 3:r[0]=0,r[1]=a,r[2]=1;break;case 4:r[0]=s,r[1]=0,r[2]=1;break;default:r[0]=1,r[1]=0,r[2]=a}return l=(1-n)*o,[255*(n*r[0]+l),255*(n*r[1]+l),255*(n*r[2]+l)]},_.hcg.hsv=function(t){const e=t[1]/100,n=e+t[2]/100*(1-e);let o=0;return n>0&&(o=e/n),[t[0],100*o,100*n]},_.hcg.hsl=function(t){const e=t[1]/100,n=t[2]/100*(1-e)+.5*e;let o=0;return n>0&&n<.5?o=e/(2*n):n>=.5&&n<1&&(o=e/(2*(1-n))),[t[0],100*o,100*n]},_.hcg.hwb=function(t){const e=t[1]/100,n=e+t[2]/100*(1-e);return[t[0],100*(n-e),100*(1-n)]},_.hwb.hcg=function(t){const e=t[1]/100,n=1-t[2]/100,o=n-e;let r=0;return o<1&&(r=(n-o)/(1-o)),[t[0],100*o,100*r]},_.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},_.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},_.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},_.gray.hsl=function(t){return[0,0,t[0]]},_.gray.hsv=_.gray.hsl,_.gray.hwb=function(t){return[0,100,t[0]]},_.gray.cmyk=function(t){return[0,0,0,t[0]]},_.gray.lab=function(t){return[t[0],0,0]},_.gray.hex=function(t){const e=255&Math.round(t[0]/100*255),n=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(n.length)+n},_.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]};const G=X;function K(t){const e=function(){const t={},e=Object.keys(G);for(let n=e.length,o=0;o{nt[t]={},Object.defineProperty(nt[t],"channels",{value:tt[t].channels}),Object.defineProperty(nt[t],"labels",{value:tt[t].labels});const e=et(t);Object.keys(e).forEach((n=>{const o=e[n];nt[t][n]=function(t){const e=function(){for(var e=arguments.length,n=new Array(e),o=0;o1&&(n=r);const i=t(n);if("object"==typeof i)for(let t=i.length,s=0;s1&&(n=r),t(n))};return"conversion"in t&&(e.conversion=t.conversion),e}(o)}))}));const ot=H,rt=nt,it=["keyword","gray","hex"],st={};for(const dd of Object.keys(rt))st[[...rt[dd].labels].sort().join("")]=dd;const at={};function lt(t,e){if(!(this instanceof lt))return new lt(t,e);if(e&&e in it&&(e=null),e&&!(e in rt))throw new Error("Unknown model: "+e);let n,o;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof lt)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if("string"==typeof t){const e=ot.get(t);if(null===e)throw new Error("Unable to parse color from string: "+t);this.model=e.model,o=rt[this.model].channels,this.color=e.value.slice(0,o),this.valpha="number"==typeof e.value[o]?e.value[o]:1}else if(t.length>0){this.model=e||"rgb",o=rt[this.model].channels;const n=Array.prototype.slice.call(t,0,o);this.color=pt(n,o),this.valpha="number"==typeof t[o]?t[o]:1}else if("number"==typeof t)this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;const e=Object.keys(t);"alpha"in t&&(e.splice(e.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);const o=e.sort().join("");if(!(o in st))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=st[o];const{labels:r}=rt[this.model],i=[];for(n=0;n(t%360+360)%360)),saturationl:ct("hsl",1,dt(100)),lightness:ct("hsl",2,dt(100)),saturationv:ct("hsv",1,dt(100)),value:ct("hsv",2,dt(100)),chroma:ct("hcg",1,dt(100)),gray:ct("hcg",2,dt(100)),white:ct("hwb",1,dt(100)),wblack:ct("hwb",2,dt(100)),cyan:ct("cmyk",0,dt(100)),magenta:ct("cmyk",1,dt(100)),yellow:ct("cmyk",2,dt(100)),black:ct("cmyk",3,dt(100)),x:ct("xyz",0,dt(95.047)),y:ct("xyz",1,dt(100)),z:ct("xyz",2,dt(108.833)),l:ct("lab",0,dt(100)),a:ct("lab",1),b:ct("lab",2),keyword(t){return void 0!==t?new lt(t):rt[this.model].keyword(this.color)},hex(t){return void 0!==t?new lt(t):ot.to.hex(this.rgb().round().color)},hexa(t){if(void 0!==t)return new lt(t);const e=this.rgb().round().color;let n=Math.round(255*this.valpha).toString(16).toUpperCase();return 1===n.length&&(n="0"+n),ot.to.hex(e)+n},rgbNumber(){const t=this.rgb().color;return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},luminosity(){const t=this.rgb().color,e=[];for(const[n,o]of t.entries()){const t=o/255;e[n]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity(),n=t.luminosity();return e>n?(e+.05)/(n+.05):(n+.05)/(e+.05)},level(t){const e=this.contrast(t);return e>=7?"AAA":e>=4.5?"AA":""},isDark(){const t=this.rgb().color;return(2126*t[0]+7152*t[1]+722*t[2])/1e4<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten(t){const e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken(t){const e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate(t){const e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate(t){const e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten(t){const e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken(t){const e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale(){const t=this.rgb().color,e=.3*t[0]+.59*t[1]+.11*t[2];return lt.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let n=e.color[0];return n=(n+t)%360,n=n<0?360+n:n,e.color[0]=n,e},mix(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);const n=t.rgb(),o=this.rgb(),r=void 0===e?.5:e,i=2*r-1,s=n.alpha()-o.alpha(),a=((i*s==-1?i:(i+s)/(1+i*s))+1)/2,l=1-a;return lt.rgb(a*n.red()+l*o.red(),a*n.green()+l*o.green(),a*n.blue()+l*o.blue(),n.alpha()*r+o.alpha()*(1-r))}};for(const dd of Object.keys(rt)){if(it.includes(dd))continue;const{channels:t}=rt[dd];lt.prototype[dd]=function(){for(var t=arguments.length,e=new Array(t),n=0;n0?new lt(e,dd):new lt([...ht(rt[this.model][dd].raw(this.color)),this.valpha],dd)},lt[dd]=function(){for(var e=arguments.length,n=new Array(e),o=0;o0?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),t.pause()):(t.paused||t.ended)&&(Dt.promise=t.play()))}function kt(t,e,n){return Math.min(Math.max(t,e),n)}function Et(t,e,n,o,r){function i(t){r&&t.preventDefault(),t.target&&function(t,e,n){const o=null==n?void 0:n.getBoundingClientRect();o&&e(t,o)}(t,e,n)}function s(){o(!1),r?(document.removeEventListener("touchmove",i),document.removeEventListener("touchend",s)):(document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",s))}i(t),t.stopPropagation(),r?(document.addEventListener("touchmove",i,{passive:!1}),document.addEventListener("touchend",s)):(document.addEventListener("mousemove",i),document.addEventListener("mouseup",s))}function Mt(t,e,n,o,r,i,s,a,l,u,c){if(l(!0),o&&o.current){let l=0;Bt(t)?l=t.touches[0].clientX:Tt(t)&&(l=t.clientX);const d=o.current.getBoundingClientRect(),[h,p,f]=function(t,e){const n=e.left-t.left,o=Math.abs(e.right-t.right);return[t.width-n-o,n,o]}(e,d),m=l-e.left;Pt(t,n,o,r,i,s,u,c);const g=kt(m-p,0,h)/o.current.clientWidth;if(i&&i.duration){const t=i.duration*g;i.currentTime=t,u(t)}a(g)}}function Pt(t,e,n,o,r,i,s,a){var l;if(e||!n||!n.current||!o)return;let u=0;Bt(t)?u=t.touches[0].clientX:Tt(t)&&(u=t.clientX);const c=n.current.getBoundingClientRect(),d=n.current.getBoundingClientRect().left-(null==o?void 0:o.getBoundingClientRect().left),h=(null==o?void 0:o.getBoundingClientRect().right)-n.current.getBoundingClientRect().right,p=u-c.left;let f=u-c.left-i/2;const m=(null==(l=n.current)?void 0:l.clientWidth)-i/2+h,g=n.current.clientWidth-i/2;p>m&&(f=m-i/2),f=kt(f,Math.max(-1*i/2,-1*d),g),a(f);const v=u-n.current.getBoundingClientRect().left;if(r&&r.duration){const t=kt(v/n.current.clientWidth,0,1);s(r.duration*t)}}function St(t){const e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),o=Math.floor(t-3600*e-60*n);let r="";return e>0&&(r+=`${e}:`),r+=n<10?`0${n}:`:`${n}:`,r+=o<10?`0${o}`:`${o}`,r}function Bt(t){return void 0!==t.touches}function Tt(t){return void 0!==t.clientX}function At(){return!(!("ontouchstart"in window)&&!navigator.maxTouchPoints)}function Vt(t){return ft(t).lighten(.3)}function Lt(t){let e,n,o;const r=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(t);if(r)e=parseInt(r[1],10),n=parseInt(r[2],10),o=parseInt(r[3],10);else{const r=document.createElement("div");r.style.color=t,document.body.appendChild(r);const i=getComputedStyle(r).color;document.body.removeChild(r);const s=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(i);s?(e=parseInt(s[1],10),n=parseInt(s[2],10),o=parseInt(s[3],10)):(e=parseInt(t.slice(1,3),16),n=parseInt(t.slice(3,5),16),o=parseInt(t.slice(5,7),16))}return(.299*e+.587*n+.114*o)/255>.5?"#000000":"#FFFFFF"}const Rt=Symbol(),Dt={promise:null},It=Symbol("draggable"),Ot=k(null),Ft=k(null);k(null,((t,e,n)=>{e(Ft,n)}));const jt=k({});var $t=(t=>(t[t.paused=0]="paused",t[t.playing=1]="playing",t[t.ended=2]="ended",t))($t||{});const Ut=k(!1),Nt=k(0),zt=k(0),Zt=k((t=>St(t(zt)))),Ht=k(0),Wt=k((t=>St(t(Ht)))),qt=k(1),_t=k("progressBar"),Xt=k(null),Yt=k(null),Gt=k(null),Kt=k(1080),Qt=new Set([144,240,360,480,720,1080,1440,2160]),Jt=k({2160:null,1440:null,1080:null,720:null,480:null,360:null,240:null,144:null}),te=k(!1),ee=k(null),ne=k({height:0,width:0}),oe=k({}),re=k([]),ie=k(0),se=k((t=>{const e=t(ie);return parseFloat((100*e).toFixed(1))+"%"})),ae=k(!1),le=k(0),ue=k(0),ce=k((t=>St(t(ue)))),de=k(0),he=k(null),pe=k(1),fe=k((t=>{const e=t(pe);return parseFloat((100*e).toFixed(1))+"%"})),me=k(!1),ge=k(!1);k(null),k(null);const ve=k(!1),ye=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],be=(()=>{if(typeof document>"u")return!1;const t=ye[0],e={};for(const n of ye)if((null==n?void 0:n[1])in document){for(const[o,r]of n.entries())e[t[o]]=r;return e}return!1})(),xe={change:be.fullscreenchange,error:be.fullscreenerror};let we={request:(t,e)=>(void 0===t&&(t=document.documentElement),new Promise(((n,o)=>{const r=()=>{we.off("change",r),n()};we.on("change",r);const i=t[be.requestFullscreen](e);i instanceof Promise&&i.then(r).catch(o)}))),exit:()=>new Promise(((t,e)=>{if(!we.isFullscreen)return void t();const n=()=>{we.off("change",n),t()};we.on("change",n);const o=document[be.exitFullscreen]();o instanceof Promise&&o.then(n).catch(e)})),toggle:(t,e)=>we.isFullscreen?we.exit():we.request(t,e),onchange(t){we.on("change",t)},onerror(t){we.on("error",t)},on(t,e){const n=xe[t];n&&document.addEventListener(n,e,!1)},off(t,e){const n=xe[t];n&&document.removeEventListener(n,e,!1)},raw:be};Object.defineProperties(we,{isFullscreen:{get:()=>!!document[be.fullscreenElement]},element:{enumerable:!0,get:()=>document[be.fullscreenElement]??void 0},isEnabled:{enumerable:!0,get:()=>!!document[be.fullscreenEnabled]}}),be||(we={isEnabled:!1});const Ce=we;function ke(t,e,n,r,i){(0,o.useEffect)((()=>{n?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),r(i),null==e||e.pause()):t===$t.paused||t===$t.ended?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),null==e||e.pause()):t===$t.playing&&(Dt.promise=(null==e?void 0:e.play())??null)}),[n])}function Ee(t,e,n,r){let i;const s=()=>{n(),clearTimeout(i),i=setTimeout((()=>{r()}),2500)};(0,o.useEffect)((()=>{if(e&&t)return t.addEventListener("mousemove",s),()=>{t.removeEventListener("mousemove",s),clearTimeout(i)}}),[t,e])}const Me=(t,e,n,r,i)=>{(0,o.useEffect)((()=>{var n;null!=i&&i.controlsBar&&!(null!=(n=null==i?void 0:i.controlsBar)&&n.barColor)&&(i.controlsBar.barColor="rgba(28, 28, 28, 0.7)"),t(i),e([i.item1,i.item2,i.item3,i.item4,i.item5,i.item6,i.item7])}),[i]),(0,o.useEffect)((()=>{n(r)}),[r])};var Pe,Se={exports:{}},Be={};Se.exports=function(){if(Pe)return Be;Pe=1;var t=o,e=Symbol.for("react.element"),n=Symbol.for("react.fragment"),r=Object.prototype.hasOwnProperty,i=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function a(t,n,o){var a,l={},u=null,c=null;for(a in void 0!==o&&(u=""+o),void 0!==n.key&&(u=""+n.key),void 0!==n.ref&&(c=n.ref),n)r.call(n,a)&&!s.hasOwnProperty(a)&&(l[a]=n[a]);if(t&&t.defaultProps)for(a in n=t.defaultProps)void 0===l[a]&&(l[a]=n[a]);return{$$typeof:e,type:t,key:u,ref:c,props:l,_owner:i.current}}return Be.Fragment=n,Be.jsx=a,Be.jsxs=a,Be}();var Te=Se.exports;const Ae=Te.jsx,Ve=Te.jsxs,Le=Te.Fragment;function Re(){const[t,e]=P(Ot,Rt),[n,r]=P(oe,Rt),i=M(Nt,Rt),s=M(qt,Rt),a=E(te,Rt),l=M(ie,Rt),u=M(pe,Rt),c=M(Ht,Rt),d=M(Ut,Rt),h=M(zt,Rt),p=M(me,Rt),f=M(Kt,Rt),m=M(le,Rt),g=M(te,Rt),v=M(Yt,Rt),y=M(Xt,Rt),b=M(Gt,Rt),x=M(Jt,Rt),w=M(he,Rt),C=E(ae,Rt),k=E(ge,Rt),S=E(ve,Rt),B=E(jt,Rt),T=E(Ft,Rt),{playsInline:A,onClick:V,onPause:L,onPlay:R,onEnded:D,onTimeUpdate:I,onVolumeChange:O,onLoadedData:F,onLoadStart:j,onSeeking:$,onSeeked:U,preload:N,tabIndex:z,onDurationChange:Z,onProgress:H,onRateChange:W,children:q,..._}=B;(function(t,e){(0,o.useEffect)((()=>{if(t instanceof Object){const n={2160:null,1440:null,1080:null,720:null,480:null,360:null,240:null,144:null};if("props"in t&&"source"===t.type){const e=t.props.id;if(e){const o=parseInt(e.split("-")[1]);o in n&&(n[o]=t.props.src)}}else Array.isArray(t)&&t.filter((t=>"source"===t.type)).map((t=>t.props)).filter((t=>void 0!==t)).forEach((t=>{const e=t.id;if(e){const o=parseInt(e.split("-")[1]);o in n&&(n[o]=t.src)}}));e(n)}}),[t])})(q,x),function(t,e,n,r,i){(0,o.useEffect)((()=>{if(null!==e){const o=e.textTracks;if(t instanceof Object&&(!("props"in t)||"track"!==t.type)&&Array.isArray(t)){const e=t.filter((t=>"track"===t.type)).findIndex((t=>!0===t.props.default));-1!==e&&(o[e].mode="showing",i(o[e]))}o.onchange=t=>{const e=Array.from(t.target);i(e.find((t=>"showing"===t.mode))??null)};const s=[];for(let t=0;t{t.oncuechange=t=>{const e=t.target;if("showing"===e.mode){const t=e.activeCues?e.activeCues[0]:null;r(t)}}})),n(s)}}),[e])}(q,t,v,y,b),function(t,e){(0,o.useEffect)((()=>{if(null!==t){const n=t.textTracks;let o=null;for(let t=0;t{function n(t){const n=t.target;document.fullscreenElement===n&&e&&document.exitFullscreen().then((()=>{e.requestFullscreen()}))}return t&&t.addEventListener("fullscreenchange",n),()=>{t&&t.removeEventListener("fullscreenchange",n)}}),[t])}(t,T),Ee(t,S,(()=>g(!0)),(()=>g(!1)));function X(t){if(!a)return;const e=t.target;if(4===e.readyState){const t=e.buffered.length,n=t-1;if(t<=0)return;const o=e.buffered.end(n)/e.duration*100;m(o)}}return Ae(De,{..._,className:It.toString(),playsInline:A??!0,onClick:e=>{Ct(t),V&&V(e)},onPause:t=>{i($t.paused),L&&L(t)},onPlay:t=>{i($t.playing),R&&R(t)},onEnded:t=>{i($t.ended),D&&D(t)},onLoadedData:t=>{e(t.target),f(function(t,e){const n=t.target.currentSrc;if(e instanceof Object){if("props"in e&&"source"===e.type){const t=e.props.id;if(t){const o=parseInt(t.split("-")[1]);if(Qt.has(o)&&e.props.src===n)return o}}else if(Array.isArray(e)){const t=e.filter((t=>"source"===t.type)).map((t=>t.props)).filter((t=>void 0!==t)).map((t=>{if(t.id){const e=parseInt(t.id.split("-")[1]);if(Qt.has(e)&&t.src===n)return e}})).filter((t=>void 0!==t));if(1===t.length)return t[0]}return 1080}return 1080}(t,q)),F&&F(t)},onLoadStart:t=>{e(t.target),r({...n}),j&&j(t)},onVolumeChange:t=>{u(t.target.volume),p(t.target.muted),O&&O(t)},onSeeking:t=>{d(!0),$&&$(t)},onSeeked:t=>{d(!1),X(t),U&&U(t)},onTimeUpdate:t=>{(function(t){const e=t.target;l(e.currentTime/e.duration),h(e.currentTime)})(t),I&&I(t)},onProgress:t=>{X(t),H&&H(t)},onDurationChange:t=>{c(t.target.duration),Z&&Z(t)},onRateChange:t=>{s(t.target.playbackRate),W&&W(t)},preload:N??"metadata",tabIndex:z??-1,"data-cy":"HTMLVideoPlayer",isDragging:C||k,children:q})}const De=r.ZP.video` - width: 100%; - height: 100%; - background-color: black; - ::cue { - visibility: hidden; - background-color: transparent; - display: none; - opacity: 0; - text-shadow: 0; - } - cursor: ${t=>t.isDragging?"vertical"===t.isDragging?"row-resize":"col-resize":"pointer"}; -`,Ie=(0,o.createContext)({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),Oe=(0,o.createContext)({});const Fe=(0,o.createContext)(null),je=typeof document<"u",$e=je?o.useLayoutEffect:o.useEffect,Ue=(0,o.createContext)({strict:!1});function Ne(t,e,n,r){const i=(0,o.useContext)(Oe).visualElement,s=(0,o.useContext)(Ue),a=(0,o.useContext)(Fe),l=(0,o.useContext)(Ie).reducedMotion,u=(0,o.useRef)();r=r||s.renderer,!u.current&&r&&(u.current=r(t,{visualState:e,parent:i,props:n,presenceId:a?a.id:void 0,blockInitialAnimation:!!a&&!1===a.initial,reducedMotionConfig:l}));const c=u.current;return $e((()=>{c&&c.render()})),(window.HandoffAppearAnimations?$e:o.useEffect)((()=>{c&&c.animationState&&c.animationState.animateChanges()})),c}function ze(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function Ze(t){return"string"==typeof t||Array.isArray(t)}function He(t){return"object"==typeof t&&"function"==typeof t.start}const We=["initial","animate","exit","whileHover","whileDrag","whileTap","whileFocus","whileInView"];function qe(t){return He(t.animate)||We.some((e=>Ze(t[e])))}function _e(t){return!(!qe(t)&&!t.variants)}function Xe(t){const{initial:e,animate:n}=function(t,e){if(qe(t)){const{initial:e,animate:n}=t;return{initial:!1===e||Ze(e)?e:void 0,animate:Ze(n)?n:void 0}}return!1!==t.inherit?e:{}}(t,(0,o.useContext)(Oe));return(0,o.useMemo)((()=>({initial:e,animate:n})),[Ye(e),Ye(n)])}function Ye(t){return Array.isArray(t)?t.join(" "):t}const Ge=t=>({isEnabled:e=>t.some((t=>!!e[t]))}),Ke={measureLayout:Ge(["layout","layoutId","drag"]),animation:Ge(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:Ge(["exit"]),drag:Ge(["drag","dragControls"]),focus:Ge(["whileFocus"]),hover:Ge(["whileHover","onHoverStart","onHoverEnd"]),tap:Ge(["whileTap","onTap","onTapStart","onTapCancel"]),pan:Ge(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:Ge(["whileInView","onViewportEnter","onViewportLeave"])};function Qe(t){const e=(0,o.useRef)(null);return null===e.current&&(e.current=t()),e.current}const Je={hasAnimatedSinceResize:!0,hasEverUpdated:!1};let tn=1;const en=(0,o.createContext)({});class nn extends o.Component{getSnapshotBeforeUpdate(){const{visualElement:t,props:e}=this.props;return t&&t.setProps(e),null}componentDidUpdate(){}render(){return this.props.children}}const on=(0,o.createContext)({}),rn=Symbol.for("motionComponentSymbol");function sn(t){let{preloadedFeatures:e,createVisualElement:n,projectionNodeConstructor:r,useRender:i,useVisualState:s,Component:a}=t;function l(t,l){const u={...(0,o.useContext)(Ie),...t,layoutId:an(t)},{isStatic:c}=u;let d=null;const h=Xe(t),p=c?void 0:Qe((()=>{if(Je.hasEverUpdated)return tn++})),f=s(t,c);if(!c&&je){h.visualElement=Ne(a,f,u,n);const t=(0,o.useContext)(Ue).strict,i=(0,o.useContext)(on);h.visualElement&&(d=h.visualElement.loadFeatures(u,t,e,p,r||Ke.projectionNodeConstructor,i))}return o.createElement(nn,{visualElement:h.visualElement,props:u},d,o.createElement(Oe.Provider,{value:h},i(a,t,p,function(t,e,n){return(0,o.useCallback)((o=>{o&&t.mount&&t.mount(o),e&&(o?e.mount(o):e.unmount()),n&&("function"==typeof n?n(o):ze(n)&&(n.current=o))}),[e])}(f,h.visualElement,l),f,c,h.visualElement)))}e&&function(t){for(const e in t)"projectionNodeConstructor"===e?Ke.projectionNodeConstructor=t[e]:Ke[e].Component=t[e]}(e);const u=(0,o.forwardRef)(l);return u[rn]=a,u}function an(t){let{layoutId:e}=t;const n=(0,o.useContext)(en).id;return n&&void 0!==e?n+"-"+e:e}function ln(t){function e(e,n){return void 0===n&&(n={}),sn(t(e,n))}if(typeof Proxy>"u")return e;const n=new Map;return new Proxy(e,{get:(t,o)=>(n.has(o)||n.set(o,e(o)),n.get(o))})}const un=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function cn(t){return"string"==typeof t&&!t.includes("-")&&!!(un.indexOf(t)>-1||/[A-Z]/.test(t))}const dn={};const hn=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],pn=new Set(hn);function fn(t,e){let{layout:n,layoutId:o}=e;return pn.has(t)||t.startsWith("origin")||(n||void 0!==o)&&(!!dn[t]||"opacity"===t)}const mn=t=>!(null==t||!t.getVelocity),gn={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},vn=(t,e)=>hn.indexOf(t)-hn.indexOf(e);function yn(t){return t.startsWith("--")}const bn=(t,e)=>e&&"number"==typeof t?e.transform(t):t,xn=(t,e,n)=>Math.min(Math.max(n,t),e),wn={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},Cn={...wn,transform:t=>xn(0,1,t)},kn={...wn,default:1},En=t=>Math.round(1e5*t)/1e5,Mn=/(-)?([\d]*\.?[\d])+/g,Pn=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,Sn=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function Bn(t){return"string"==typeof t}const Tn=t=>({test:e=>Bn(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),An=Tn("deg"),Vn=Tn("%"),Ln=Tn("px"),Rn=Tn("vh"),Dn=Tn("vw"),In={...Vn,parse:t=>Vn.parse(t)/100,transform:t=>Vn.transform(100*t)},On={...wn,transform:Math.round},Fn={borderWidth:Ln,borderTopWidth:Ln,borderRightWidth:Ln,borderBottomWidth:Ln,borderLeftWidth:Ln,borderRadius:Ln,radius:Ln,borderTopLeftRadius:Ln,borderTopRightRadius:Ln,borderBottomRightRadius:Ln,borderBottomLeftRadius:Ln,width:Ln,maxWidth:Ln,height:Ln,maxHeight:Ln,size:Ln,top:Ln,right:Ln,bottom:Ln,left:Ln,padding:Ln,paddingTop:Ln,paddingRight:Ln,paddingBottom:Ln,paddingLeft:Ln,margin:Ln,marginTop:Ln,marginRight:Ln,marginBottom:Ln,marginLeft:Ln,rotate:An,rotateX:An,rotateY:An,rotateZ:An,scale:kn,scaleX:kn,scaleY:kn,scaleZ:kn,skew:An,skewX:An,skewY:An,distance:Ln,translateX:Ln,translateY:Ln,translateZ:Ln,x:Ln,y:Ln,z:Ln,perspective:Ln,transformPerspective:Ln,opacity:Cn,originX:In,originY:In,originZ:Ln,zIndex:On,fillOpacity:Cn,strokeOpacity:Cn,numOctaves:On};function jn(t,e,n,o){const{style:r,vars:i,transform:s,transformKeys:a,transformOrigin:l}=t;a.length=0;let u=!1,c=!1,d=!0;for(const h in e){const t=e[h];if(yn(h)){i[h]=t;continue}const n=Fn[h],o=bn(t,n);if(pn.has(h)){if(u=!0,s[h]=o,a.push(h),!d)continue;t!==(n.default||0)&&(d=!1)}else h.startsWith("origin")?(c=!0,l[h]=o):r[h]=o}if(e.transform||(u||o?r.transform=function(t,e,n,o){let{transform:r,transformKeys:i}=t,{enableHardwareAcceleration:s=!0,allowTransformNone:a=!0}=e,l="";i.sort(vn);for(const u of i)l+=`${gn[u]||u}(${r[u]}) `;return s&&!r.z&&(l+="translateZ(0)"),l=l.trim(),o?l=o(r,n?"":l):a&&n&&(l="none"),l}(t,n,d,o):r.transform&&(r.transform="none")),c){const{originX:t="50%",originY:e="50%",originZ:n=0}=l;r.transformOrigin=`${t} ${e} ${n}`}}const $n=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}});function Un(t,e,n){for(const o in e)!mn(e[o])&&!fn(o,n)&&(t[o]=e[o])}function Nn(t,e,n){const r={};return Un(r,t.style||{},t),Object.assign(r,function(t,e,n){let{transformTemplate:r}=t;return(0,o.useMemo)((()=>{const t=$n();return jn(t,e,{enableHardwareAcceleration:!n},r),Object.assign({},t.vars,t.style)}),[e])}(t,e,n)),t.transformValues?t.transformValues(r):r}function zn(t,e,n){const o={},r=Nn(t,e,n);return t.drag&&!1!==t.dragListener&&(o.draggable=!1,r.userSelect=r.WebkitUserSelect=r.WebkitTouchCallout="none",r.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),o.style=r,o}const Zn=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","viewport"]);function Hn(t){return t.startsWith("while")||t.startsWith("drag")&&"draggable"!==t||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||Zn.has(t)}let Wn=t=>!Hn(t);try{(qn=n(9138).Z)&&(Wn=t=>t.startsWith("on")?!Hn(t):qn(t))}catch{}var qn;function _n(t,e,n){const o={};for(const r in t)"values"===r&&"object"==typeof t.values||(Wn(r)||!0===n&&Hn(r)||!e&&!Hn(r)||t.draggable&&r.startsWith("onDrag"))&&(o[r]=t[r]);return o}function Xn(t,e,n){return"string"==typeof t?t:Ln.transform(e+n*t)}const Yn={offset:"stroke-dashoffset",array:"stroke-dasharray"},Gn={offset:"strokeDashoffset",array:"strokeDasharray"};function Kn(t,e,n,o,r){let{attrX:i,attrY:s,originX:a,originY:l,pathLength:u,pathSpacing:c=1,pathOffset:d=0,...h}=e;if(jn(t,h,n,r),o)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:p,style:f,dimensions:m}=t;p.transform&&(m&&(f.transform=p.transform),delete p.transform),m&&(void 0!==a||void 0!==l||f.transform)&&(f.transformOrigin=function(t,e,n){return`${Xn(e,t.x,t.width)} ${Xn(n,t.y,t.height)}`}(m,void 0!==a?a:.5,void 0!==l?l:.5)),void 0!==i&&(p.x=i),void 0!==s&&(p.y=s),void 0!==u&&function(t,e,n,o,r){void 0===n&&(n=1),void 0===o&&(o=0),void 0===r&&(r=!0),t.pathLength=1;const i=r?Yn:Gn;t[i.offset]=Ln.transform(-o);const s=Ln.transform(e),a=Ln.transform(n);t[i.array]=`${s} ${a}`}(p,u,c,d,!1)}const Qn=()=>({...$n(),attrs:{}}),Jn=t=>"string"==typeof t&&"svg"===t.toLowerCase();function to(t,e,n,r){const i=(0,o.useMemo)((()=>{const n=Qn();return Kn(n,e,{enableHardwareAcceleration:!1},Jn(r),t.transformTemplate),{...n.attrs,style:{...n.style}}}),[e]);if(t.style){const e={};Un(e,t.style,t),i.style={...e,...i.style}}return i}function eo(t){return void 0===t&&(t=!1),(e,n,r,i,s,a)=>{let{latestValues:l}=s;const u=(cn(e)?to:zn)(n,l,a,e),c={..._n(n,"string"==typeof e,t),...u,ref:i},{children:d}=n,h=(0,o.useMemo)((()=>mn(d)?d.get():d),[d]);return r&&(c["data-projection-id"]=r),(0,o.createElement)(e,{...c,children:h})}}const no=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();function oo(t,e,n,o){let{style:r,vars:i}=e;Object.assign(t.style,r,o&&o.getProjectionStyles(n));for(const s in i)t.style.setProperty(s,i[s])}const ro=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function io(t,e,n,o){oo(t,e,void 0,o);for(const r in e.attrs)t.setAttribute(ro.has(r)?r:no(r),e.attrs[r])}function so(t,e){const{style:n}=t,o={};for(const r in n)(mn(n[r])||e.style&&mn(e.style[r])||fn(r,t))&&(o[r]=n[r]);return o}function ao(t,e){const n=so(t,e);for(const o in t)if(mn(t[o])||mn(e[o])){n["x"===o||"y"===o?"attr"+o.toUpperCase():o]=t[o]}return n}function lo(t,e,n,o,r){return void 0===o&&(o={}),void 0===r&&(r={}),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,o,r)),"string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,o,r)),e}const uo=t=>Array.isArray(t),co=t=>!!(t&&"object"==typeof t&&t.mix&&t.toValue),ho=t=>uo(t)?t[t.length-1]||0:t;function po(t){const e=mn(t)?t.get():t;return co(e)?e.toValue():e}const fo=t=>(e,n)=>{const r=(0,o.useContext)(Oe),i=(0,o.useContext)(Fe),s=()=>function(t,e,n,o){let{scrapeMotionValuesFromProps:r,createRenderState:i,onMount:s}=t;const a={latestValues:mo(e,n,o,r),renderState:i()};return s&&(a.mount=t=>s(e,t,a)),a}(t,e,r,i);return n?s():Qe(s)};function mo(t,e,n,o){const r={},i=o(t,{});for(const h in i)r[h]=po(i[h]);let{initial:s,animate:a}=t;const l=qe(t),u=_e(t);e&&u&&!l&&!1!==t.inherit&&(void 0===s&&(s=e.initial),void 0===a&&(a=e.animate));let c=!!n&&!1===n.initial;c=c||!1===s;const d=c?a:s;return d&&"boolean"!=typeof d&&!He(d)&&(Array.isArray(d)?d:[d]).forEach((e=>{const n=lo(t,e);if(!n)return;const{transitionEnd:o,transition:i,...s}=n;for(const t in s){let e=s[t];if(Array.isArray(e)){e=e[c?e.length-1:0]}null!==e&&(r[t]=e)}for(const t in o)r[t]=o[t]})),r}const go={useVisualState:fo({scrapeMotionValuesFromProps:ao,createRenderState:Qn,onMount:(t,e,n)=>{let{renderState:o,latestValues:r}=n;try{o.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch{o.dimensions={x:0,y:0,width:0,height:0}}Kn(o,r,{enableHardwareAcceleration:!1},Jn(e.tagName),t.transformTemplate),io(e,o)}})},vo={useVisualState:fo({scrapeMotionValuesFromProps:so,createRenderState:$n})};var yo;function bo(t,e,n,o){return void 0===o&&(o={passive:!0}),t.addEventListener(e,n,o),()=>t.removeEventListener(e,n)}function xo(t,e,n,r){(0,o.useEffect)((()=>{const o=t.current;if(n&&o)return bo(o,e,n,r)}),[t,e,n,r])}!function(t){t.Animate="animate",t.Hover="whileHover",t.Tap="whileTap",t.Drag="whileDrag",t.Focus="whileFocus",t.InView="whileInView",t.Exit="exit"}(yo||(yo={}));const wo=t=>"mouse"===t.pointerType?"number"!=typeof t.button||t.button<=0:!1!==t.isPrimary;function Co(t,e){return void 0===e&&(e="page"),{point:{x:t[e+"X"],y:t[e+"Y"]}}}const ko=t=>e=>wo(e)&&t(e,Co(e));function Eo(t,e,n,o){return bo(t,e,ko(n),o)}function Mo(t,e,n,o){return xo(t,e,n&&ko(n),o)}function Po(t){let e=null;return()=>null===e&&(e=t,()=>{e=null})}const So=Po("dragHorizontal"),Bo=Po("dragVertical");function To(t){let e=!1;if("y"===t)e=Bo();else if("x"===t)e=So();else{const t=So(),n=Bo();t&&n?e=()=>{t(),n()}:(t&&t(),n&&n())}return e}function Ao(){const t=To(!0);return!t||(t(),!1)}function Vo(t,e,n,o){return(r,i)=>{"touch"===r.type||Ao()||(n&&t.animationState&&t.animationState.setActive(yo.Hover,e),o&&o(r,i))}}const Lo=(t,e)=>!!e&&(t===e||Lo(t,e.parentElement));function Ro(t){return(0,o.useEffect)((()=>()=>t()),[])}const Do=(t,e)=>n=>e(t(n)),Io=function(){for(var t=arguments.length,e=new Array(t),n=0;n{const e=Oo.get(t.target);e&&e(t)},$o=t=>{t.forEach(jo)};function Uo(t,e,n){const o=function(t){let{root:e,...n}=t;const o=e||document;Fo.has(o)||Fo.set(o,{});const r=Fo.get(o),i=JSON.stringify(n);return r[i]||(r[i]=new IntersectionObserver($o,{root:e,...n})),r[i]}(e);return Oo.set(t,n),o.observe(t),()=>{Oo.delete(t),o.unobserve(t)}}const No={some:0,all:1};function zo(t,e,n,r){let{root:i,margin:s,amount:a="some",once:l}=r;(0,o.useEffect)((()=>{if(!t||!n.current)return;const o={root:null==i?void 0:i.current,rootMargin:s,threshold:"number"==typeof a?a:No[a]};return Uo(n.current,o,(t=>{const{isIntersecting:o}=t;if(e.isInView===o||(e.isInView=o,l&&!o&&e.hasEnteredView))return;o&&(e.hasEnteredView=!0),n.animationState&&n.animationState.setActive(yo.InView,o);const r=n.getProps(),i=o?r.onViewportEnter:r.onViewportLeave;i&&i(t)}))}),[t,i,s,a])}function Zo(t,e,n,r){let{fallback:i=!0}=r;(0,o.useEffect)((()=>{!t||!i||requestAnimationFrame((()=>{e.hasEnteredView=!0;const{onViewportEnter:t}=n.getProps();t&&t(null),n.animationState&&n.animationState.setActive(yo.InView,!0)}))}),[t])}const Ho=t=>e=>(t(e),null),Wo={inView:Ho((function(t){let{visualElement:e,whileInView:n,onViewportEnter:r,onViewportLeave:i,viewport:s={}}=t;const a=(0,o.useRef)({hasEnteredView:!1,isInView:!1});let l=!!(n||r||i);s.once&&a.current.hasEnteredView&&(l=!1),(typeof IntersectionObserver>"u"?Zo:zo)(l,a.current,e,s)})),tap:Ho((function(t){let{onTap:e,onTapStart:n,onTapCancel:r,whileTap:i,visualElement:s,...a}=t;const l=e||n||r||i,u=(0,o.useRef)(!1),c=(0,o.useRef)(null),d={passive:!(n||e||r||a.onPointerDown)};function h(){c.current&&c.current(),c.current=null}function p(){return h(),u.current=!1,s.getProps().whileTap&&s.animationState&&s.animationState.setActive(yo.Tap,!1),!Ao()}function f(t,e){var n,o,r,i;p()&&(Lo(s.current,t.target)?null===(i=(r=s.getProps()).onTap)||void 0===i||i.call(r,t,e):null===(o=(n=s.getProps()).onTapCancel)||void 0===o||o.call(n,t,e))}function m(t,e){var n,o;p()&&(null===(o=(n=s.getProps()).onTapCancel)||void 0===o||o.call(n,t,e))}const g=(0,o.useCallback)(((t,e)=>{var n;if(h(),u.current)return;u.current=!0,c.current=Io(Eo(window,"pointerup",f,d),Eo(window,"pointercancel",m,d));const o=s.getProps();o.whileTap&&s.animationState&&s.animationState.setActive(yo.Tap,!0),null===(n=o.onTapStart)||void 0===n||n.call(o,t,e)}),[!!n,s]);Mo(s,"pointerdown",l?g:void 0,d),Ro(h)})),focus:Ho((function(t){let{whileFocus:e,visualElement:n}=t;const{animationState:r}=n,i=(0,o.useCallback)((()=>{r&&r.setActive(yo.Focus,!0)}),[r]),s=(0,o.useCallback)((()=>{r&&r.setActive(yo.Focus,!1)}),[r]);xo(n,"focus",e?i:void 0),xo(n,"blur",e?s:void 0)})),hover:Ho((function(t){let{onHoverStart:e,onHoverEnd:n,whileHover:r,visualElement:i}=t;Mo(i,"pointerenter",(0,o.useMemo)((()=>e||r?Vo(i,!0,!!r,e):void 0),[e,!!r,i]),{passive:!e}),Mo(i,"pointerleave",(0,o.useMemo)((()=>n||r?Vo(i,!1,!!r,n):void 0),[e,!!r,i]),{passive:!n})}))};function qo(){const t=(0,o.useContext)(Fe);if(null===t)return[!0,null];const{isPresent:e,onExitComplete:n,register:r}=t,i=(0,o.useId)();return(0,o.useEffect)((()=>r(i)),[]),!e&&n?[!1,()=>n&&n(i)]:[!0]}function _o(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let o=0;o/^\-?\d*\.?\d+$/.test(t),Yo=t=>/^0[^.\s]+$/.test(t),Go={delta:0,timestamp:0},Ko=1/60*1e3,Qo=typeof performance<"u"?()=>performance.now():()=>Date.now(),Jo=typeof window<"u"?t=>window.requestAnimationFrame(t):t=>setTimeout((()=>t(Qo())),Ko);let tr=!0,er=!1,nr=!1;const or=["read","update","preRender","render","postRender"],rr=or.reduce(((t,e)=>(t[e]=function(t){let e=[],n=[],o=0,r=!1,i=!1;const s=new WeakSet,a={schedule:function(t,i,a){void 0===i&&(i=!1),void 0===a&&(a=!1);const l=a&&r,u=l?e:n;return i&&s.add(t),-1===u.indexOf(t)&&(u.push(t),l&&r&&(o=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),s.delete(t)},process:l=>{if(r)i=!0;else{if(r=!0,[e,n]=[n,e],n.length=0,o=e.length,o)for(let n=0;ner=!0)),t)),{}),ir=or.reduce(((t,e)=>{const n=rr[e];return t[e]=function(t,e,o){return void 0===e&&(e=!1),void 0===o&&(o=!1),er||cr(),n.schedule(t,e,o)},t}),{}),sr=or.reduce(((t,e)=>(t[e]=rr[e].cancel,t)),{}),ar=or.reduce(((t,e)=>(t[e]=()=>rr[e].process(Go),t)),{}),lr=t=>rr[t].process(Go),ur=t=>{er=!1,Go.delta=tr?Ko:Math.max(Math.min(t-Go.timestamp,40),1),Go.timestamp=t,nr=!0,or.forEach(lr),nr=!1,er&&(tr=!1,Jo(ur))},cr=()=>{er=!0,tr=!0,nr||Jo(ur)};function dr(t,e){-1===t.indexOf(e)&&t.push(e)}function hr(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}class pr{constructor(){this.subscriptions=[]}add(t){return dr(this.subscriptions,t),()=>hr(this.subscriptions,t)}notify(t,e,n){const o=this.subscriptions.length;if(o)if(1===o)this.subscriptions[0](t,e,n);else for(let r=0;rir.postRender(this.velocityCheck),this.velocityCheck=t=>{let{timestamp:e}=t;e!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=(t=>!isNaN(parseFloat(t)))(this.current),this.owner=e.owner}onChange(t){return this.on("change",t)}on(t,e){this.events[t]||(this.events[t]=new pr);const n=this.events[t].add(e);return"change"===t?()=>{n(),ir.read((()=>{this.events.change.getSize()||this.stop()}))}:n}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,e){this.passiveEffect=t,this.stopPassiveEffect=e}set(t,e){void 0===e&&(e=!0),e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)}setWithVelocity(t,e,n){this.set(e),this.prev=t,this.timeDelta=n}jump(t){this.updateAndNotify(t),this.prev=t,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?fr(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise((e=>{this.hasAnimated=!0,this.animation=t(e)||null,this.events.animationStart&&this.events.animationStart.notify()})).then((()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()}))}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){this.animation=null}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function gr(t,e){return new mr(t,e)}const vr=(t,e)=>n=>!!(Bn(n)&&Sn.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),yr=(t,e,n)=>o=>{if(!Bn(o))return o;const[r,i,s,a]=o.match(Mn);return{[t]:parseFloat(r),[e]:parseFloat(i),[n]:parseFloat(s),alpha:void 0!==a?parseFloat(a):1}},br={...wn,transform:t=>Math.round((t=>xn(0,255,t))(t))},xr={test:vr("rgb","red"),parse:yr("red","green","blue"),transform:t=>{let{red:e,green:n,blue:o,alpha:r=1}=t;return"rgba("+br.transform(e)+", "+br.transform(n)+", "+br.transform(o)+", "+En(Cn.transform(r))+")"}};const wr={test:vr("#"),parse:function(t){let e="",n="",o="",r="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),o=t.substring(5,7),r=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),o=t.substring(3,4),r=t.substring(4,5),e+=e,n+=n,o+=o,r+=r),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(o,16),alpha:r?parseInt(r,16)/255:1}},transform:xr.transform},Cr={test:vr("hsl","hue"),parse:yr("hue","saturation","lightness"),transform:t=>{let{hue:e,saturation:n,lightness:o,alpha:r=1}=t;return"hsla("+Math.round(e)+", "+Vn.transform(En(n))+", "+Vn.transform(En(o))+", "+En(Cn.transform(r))+")"}},kr={test:t=>xr.test(t)||wr.test(t)||Cr.test(t),parse:t=>xr.test(t)?xr.parse(t):Cr.test(t)?Cr.parse(t):wr.parse(t),transform:t=>Bn(t)?t:t.hasOwnProperty("red")?xr.transform(t):Cr.transform(t)},Er="${c}",Mr="${n}";function Pr(t){"number"==typeof t&&(t=`${t}`);const e=[];let n=0,o=0;const r=t.match(Pn);r&&(n=r.length,t=t.replace(Pn,Er),e.push(...r.map(kr.parse)));const i=t.match(Mn);return i&&(o=i.length,t=t.replace(Mn,Mr),e.push(...i.map(wn.parse))),{values:e,numColors:n,numNumbers:o,tokenised:t}}function Sr(t){return Pr(t).values}function Br(t){const{values:e,numColors:n,tokenised:o}=Pr(t),r=e.length;return t=>{let e=o;for(let o=0;o"number"==typeof t?0:t;const Ar={test:function(t){var e,n;return isNaN(t)&&Bn(t)&&((null===(e=t.match(Mn))||void 0===e?void 0:e.length)||0)+((null===(n=t.match(Pn))||void 0===n?void 0:n.length)||0)>0},parse:Sr,createTransformer:Br,getAnimatableNone:function(t){const e=Sr(t);return Br(t)(e.map(Tr))}},Vr=new Set(["brightness","contrast","saturate","opacity"]);function Lr(t){const[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[o]=n.match(Mn)||[];if(!o)return t;const r=n.replace(o,"");let i=Vr.has(e)?1:0;return o!==n&&(i*=100),e+"("+i+r+")"}const Rr=/([a-z-]*)\(.*?\)/g,Dr={...Ar,getAnimatableNone:t=>{const e=t.match(Rr);return e?e.map(Lr).join(" "):t}},Ir={...Fn,color:kr,backgroundColor:kr,outlineColor:kr,fill:kr,stroke:kr,borderColor:kr,borderTopColor:kr,borderRightColor:kr,borderBottomColor:kr,borderLeftColor:kr,filter:Dr,WebkitFilter:Dr},Or=t=>Ir[t];function Fr(t,e){var n;let o=Or(t);return o!==Dr&&(o=Ar),null===(n=o.getAnimatableNone)||void 0===n?void 0:n.call(o,e)}const jr=t=>e=>e.test(t),$r=[wn,Ln,Vn,An,Dn,Rn,{test:t=>"auto"===t,parse:t=>t}],Ur=t=>$r.find(jr(t)),Nr=[...$r,kr,Ar],zr=t=>Nr.find(jr(t));function Zr(t,e,n){const o=t.getProps();return lo(o,e,void 0!==n?n:o.custom,function(t){const e={};return t.values.forEach(((t,n)=>e[n]=t.get())),e}(t),function(t){const e={};return t.values.forEach(((t,n)=>e[n]=t.getVelocity())),e}(t))}function Hr(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,gr(n))}function Wr(t,e){return e?(e[t]||e.default||e).from:void 0}function qr(t){return!(!mn(t)||!t.add)}const _r="data-"+no("framerAppearId");var Xr=function(){},Yr=function(){};const Gr=t=>1e3*t,Kr=!1,Qr=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Jr=t=>e=>1-t(1-e),ti=t=>t*t,ei=Jr(ti),ni=Qr(ti),oi=(t,e,n)=>-n*t+n*e+t;function ri(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}const ii=(t,e,n)=>{const o=t*t;return Math.sqrt(Math.max(0,n*(e*e-o)+o))},si=[wr,xr,Cr];function ai(t){const e=(t=>si.find((e=>e.test(t))))(t);Yr(!!e,`'${t}' is not an animatable color. Use the equivalent color code instead.`);let n=e.parse(t);return e===Cr&&(n=function(t){let{hue:e,saturation:n,lightness:o,alpha:r}=t;e/=360,n/=100,o/=100;let i=0,s=0,a=0;if(n){const t=o<.5?o*(1+n):o+n-o*n,r=2*o-t;i=ri(r,t,e+1/3),s=ri(r,t,e),a=ri(r,t,e-1/3)}else i=s=a=o;return{red:Math.round(255*i),green:Math.round(255*s),blue:Math.round(255*a),alpha:r}}(n)),n}const li=(t,e)=>{const n=ai(t),o=ai(e),r={...n};return t=>(r.red=ii(n.red,o.red,t),r.green=ii(n.green,o.green,t),r.blue=ii(n.blue,o.blue,t),r.alpha=oi(n.alpha,o.alpha,t),xr.transform(r))};function ui(t,e){return"number"==typeof t?n=>oi(t,e,n):kr.test(t)?li(t,e):hi(t,e)}const ci=(t,e)=>{const n=[...t],o=n.length,r=t.map(((t,n)=>ui(t,e[n])));return t=>{for(let e=0;e{const n={...t,...e},o={};for(const r in n)void 0!==t[r]&&void 0!==e[r]&&(o[r]=ui(t[r],e[r]));return t=>{for(const e in o)n[e]=o[e](t);return n}},hi=(t,e)=>{const n=Ar.createTransformer(e),o=Pr(t),r=Pr(e);return o.numColors===r.numColors&&o.numNumbers>=r.numNumbers?Io(ci(o.values,r.values),n):(Xr(!0,`Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),n=>`${n>0?e:t}`)},pi=(t,e,n)=>{const o=e-t;return 0===o?1:(n-t)/o},fi=(t,e)=>n=>oi(t,e,n);function mi(t,e,n){const o=[],r=n||function(t){return"number"==typeof t?fi:"string"==typeof t?kr.test(t)?li:hi:Array.isArray(t)?ci:"object"==typeof t?di:fi}(t[0]),i=t.length-1;for(let s=0;st[s-1]&&(t=[...t].reverse(),e=[...e].reverse());const a=mi(e,r,i),l=a.length,u=e=>{let n=0;if(l>1)for(;nu(xn(t[0],t[s-1],e)):u}const vi=t=>t,yi=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,bi=1e-7,xi=12;function wi(t,e,n,o){if(t===e&&n===o)return vi;const r=e=>function(t,e,n,o,r){let i,s,a=0;do{s=e+(n-e)/2,i=yi(s,o,r)-t,i>0?n=s:e=s}while(Math.abs(i)>bi&&++a0===t||1===t?t:yi(r(t),e,o)}const Ci=t=>1-Math.sin(Math.acos(t)),ki=Jr(Ci),Ei=Qr(ki),Mi=wi(.33,1.53,.69,.99),Pi=Jr(Mi),Si=Qr(Pi),Bi={linear:vi,easeIn:ti,easeInOut:ni,easeOut:ei,circIn:Ci,circInOut:Ei,circOut:ki,backIn:Pi,backInOut:Si,backOut:Mi,anticipate:t=>(t*=2)<1?.5*Pi(t):.5*(2-Math.pow(2,-10*(t-1)))},Ti=t=>{if(Array.isArray(t)){Yr(4===t.length,"Cubic bezier arrays must contain four numerical values.");const[e,n,o,r]=t;return wi(e,n,o,r)}return"string"==typeof t?(Yr(void 0!==Bi[t],`Invalid easing type '${t}'`),Bi[t]):t},Ai=t=>Array.isArray(t)&&"number"!=typeof t[0];function Vi(t,e){return t.map((()=>e||ni)).splice(0,t.length-1)}function Li(t){let{keyframes:e,ease:n=ni,times:o,duration:r=300}=t;e=[...e];const i=Ai(n)?n.map(Ti):Ti(n),s={done:!1,value:e[0]},a=function(t,e){return t.map((t=>t*e))}(o&&o.length===e.length?o:function(t){const e=t.length;return t.map(((t,n)=>0!==n?n/(e-1):0))}(e),r);function l(){return gi(a,e,{ease:Array.isArray(i)?i:Vi(e,i)})}let u=l();return{next:t=>(s.value=u(t),s.done=t>=r,s),flipTarget:()=>{e.reverse(),u=l()}}}const Ri=.001,Di=.01,Ii=10,Oi=.05,Fi=1;function ji(t){let e,n,{duration:o=800,bounce:r=.25,velocity:i=0,mass:s=1}=t;Xr(o<=1e3*Ii,"Spring duration must be 10 seconds or less");let a=1-r;a=xn(Oi,Fi,a),o=xn(Di,Ii,o/1e3),a<1?(e=t=>{const e=t*a,n=e*o,r=e-i,s=Ui(t,a),l=Math.exp(-n);return Ri-r/s*l},n=t=>{const n=t*a*o,r=n*i+i,s=Math.pow(a,2)*Math.pow(t,2)*o,l=Math.exp(-n),u=Ui(Math.pow(t,2),a);return(-e(t)+Ri>0?-1:1)*((r-s)*l)/u}):(e=t=>Math.exp(-t*o)*((t-i)*o+1)-Ri,n=t=>Math.exp(-t*o)*(o*o*(i-t)));const l=function(t,e,n){let o=n;for(let r=1;r<$i;r++)o-=t(o)/e(o);return o}(e,n,5/o);if(o*=1e3,isNaN(l))return{stiffness:100,damping:10,duration:o};{const t=Math.pow(l,2)*s;return{stiffness:t,damping:2*a*Math.sqrt(s*t),duration:o}}}const $i=12;function Ui(t,e){return t*Math.sqrt(1-e*e)}const Ni=["duration","bounce"],zi=["stiffness","damping","mass"];function Zi(t,e){return e.some((e=>void 0!==t[e]))}function Hi(t){let{keyframes:e,restDelta:n,restSpeed:o,...r}=t,i=e[0],s=e[e.length-1];const a={done:!1,value:i},{stiffness:l,damping:u,mass:c,velocity:d,duration:h,isResolvedFromDuration:p}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!Zi(t,zi)&&Zi(t,Ni)){const n=ji(t);e={...e,...n,velocity:0,mass:1},e.isResolvedFromDuration=!0}return e}(r);let f=Wi,m=d?-d/1e3:0;const g=u/(2*Math.sqrt(l*c));function v(){const t=s-i,e=Math.sqrt(l/c)/1e3,r=Math.abs(t)<5;if(o||(o=r?.01:2),n||(n=r?.005:.5),g<1){const n=Ui(e,g);f=o=>{const r=Math.exp(-g*e*o);return s-r*((m+g*e*t)/n*Math.sin(n*o)+t*Math.cos(n*o))}}else if(1===g)f=n=>s-Math.exp(-e*n)*(t+(m+e*t)*n);else{const n=e*Math.sqrt(g*g-1);f=o=>{const r=Math.exp(-g*e*o),i=Math.min(n*o,300);return s-r*((m+g*e*t)*Math.sinh(i)+n*t*Math.cosh(i))/n}}}return v(),{next:t=>{const e=f(t);if(p)a.done=t>=h;else{let r=m;if(0!==t)if(g<1){const n=Math.max(0,t-5);r=fr(e-f(n),t-n)}else r=0;const i=Math.abs(r)<=o,l=Math.abs(s-e)<=n;a.done=i&&l}return a.value=a.done?s:e,a},flipTarget:()=>{m=-m,[i,s]=[s,i],v()}}}Hi.needsInterpolation=(t,e)=>"string"==typeof t||"string"==typeof e;const Wi=t=>0;const qi={decay:function(t){let{keyframes:e=[0],velocity:n=0,power:o=.8,timeConstant:r=350,restDelta:i=.5,modifyTarget:s}=t;const a=e[0],l={done:!1,value:a};let u=o*n;const c=a+u,d=void 0===s?c:s(c);return d!==c&&(u=d-a),{next:t=>{const e=-u*Math.exp(-t/r);return l.done=!(e>i||e<-i),l.value=l.done?d:d+e,l},flipTarget:()=>{}}},keyframes:Li,tween:Li,spring:Hi};function _i(t,e,n){return void 0===n&&(n=0),t-e-n}const Xi=t=>{const e=e=>{let{delta:n}=e;return t(n)};return{start:()=>ir.update(e,!0),stop:()=>sr.update(e)}};function Yi(t){let{duration:e,driver:n=Xi,elapsed:o=0,repeat:r=0,repeatType:i="loop",repeatDelay:s=0,keyframes:a,autoplay:l=!0,onPlay:u,onStop:c,onComplete:d,onRepeat:h,onUpdate:p,type:f="keyframes",...m}=t;var g,v;const y=o;let b,x,w=0,C=e,k=!1,E=!0;const M=qi[a.length>2?"keyframes":f]||Li,P=a[0],S=a[a.length-1];let B={done:!1,value:P};null!==(v=(g=M).needsInterpolation)&&void 0!==v&&v.call(g,P,S)&&(x=gi([0,100],[P,S],{clamp:!1}),a=[0,100]);const T=M({...m,duration:e,keyframes:a});function A(){w++,"reverse"===i?(E=w%2==0,o=function(t,e,n,o){return void 0===e&&(e=0),void 0===n&&(n=0),void 0===o&&(o=!0),o?_i(e+-t,e,n):e-(t-e)+n}(o,C,s,E)):(o=_i(o,C,s),"mirror"===i&&T.flipTarget()),k=!1,h&&h()}function V(t){E||(t=-t),o+=t,k||(B=T.next(Math.max(0,o)),x&&(B.value=x(B.value)),k=E?B.done:o<=0),p&&p(B.value),k&&(0===w&&(C=void 0!==C?C:o),w=e+n:t<=-n}(o,C,s,E)&&A():(b&&b.stop(),d&&d()))}return l&&(u&&u(),b=n(V),b.start()),{stop:()=>{c&&c(),b&&b.stop()},set currentTime(t){o=y,V(t)},sample:t=>{o=y;const n=e&&"number"==typeof e?Math.max(.5*e,50):50;let r=0;for(V(0);r<=t;){const e=t-r;V(Math.min(e,n)),r+=n}return B}}}const Gi=t=>{let[e,n,o,r]=t;return`cubic-bezier(${e}, ${n}, ${o}, ${r})`},Ki={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Gi([0,.65,.55,1]),circOut:Gi([.55,0,1,.45]),backIn:Gi([.31,.01,.66,-.59]),backOut:Gi([.33,1.53,.69,.99])};function Qi(t){if(t)return Array.isArray(t)?Gi(t):Ki[t]}const Ji={waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate")},ts={},es={};for(const dd in Ji)es[dd]=()=>(void 0===ts[dd]&&(ts[dd]=Ji[dd]()),ts[dd]);const ns=new Set(["opacity"]);function os(t,e,n){let{onUpdate:o,onComplete:r,...i}=n;if(!es.waapi()||!ns.has(e)||i.repeatDelay||"mirror"===i.repeatType||0===i.damping)return!1;let{keyframes:s,duration:a=300,elapsed:l=0,ease:u}=i;if("spring"===i.type||!function(t){return!t||Array.isArray(t)||"string"==typeof t&&Ki[t]}(i.ease)){if(i.repeat===1/0)return;const t=Yi({...i,elapsed:0});let e={done:!1,value:s[0]};const n=[];let o=0;for(;!e.done&&o<2e4;)e=t.sample(o),n.push(e.value),o+=10;s=n,a=o-10,u="linear"}const c=function(t,e,n,o){let{delay:r=0,duration:i,repeat:s=0,repeatType:a="loop",ease:l,times:u}=void 0===o?{}:o;return t.animate({[e]:n,offset:u},{delay:r,duration:i,easing:Qi(l),fill:"both",iterations:s+1,direction:"reverse"===a?"alternate":"normal"})}(t.owner.current,e,s,{...i,delay:-l,duration:a,ease:u});return c.onfinish=()=>{t.set(function(t,e){let{repeat:n,repeatType:o="loop"}=e;return t[n&&"loop"!==o&&n%2==1?0:t.length-1]}(s,i)),ir.update((()=>c.cancel())),r&&r()},{get currentTime(){return c.currentTime||0},set currentTime(t){c.currentTime=t},stop:()=>{const{currentTime:e}=c;if(e){const n=Yi({...i,autoplay:!1});t.setWithVelocity(n.sample(e-10).value,n.sample(e).value,10)}ir.update((()=>c.cancel()))}}}function rs(t,e){const n=performance.now(),o=r=>{let{timestamp:i}=r;const s=i-n;s>=e&&(sr.read(o),t(s-e))};return ir.read(o,!0),()=>sr.read(o)}const is=()=>({type:"spring",stiffness:500,damping:25,restSpeed:10}),ss=t=>({type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}),as=()=>({type:"keyframes",ease:"linear",duration:.3}),ls={type:"keyframes",duration:.8},us={x:is,y:is,z:is,rotate:is,rotateX:is,rotateY:is,rotateZ:is,scaleX:ss,scaleY:ss,scale:ss,opacity:as,backgroundColor:as,color:as,default:ss},cs=(t,e)=>{let{keyframes:n}=e;return n.length>2?ls:(us[t]||us.default)(n[1])},ds=(t,e)=>"zIndex"!==t&&!!("number"==typeof e||Array.isArray(e)||"string"==typeof e&&Ar.test(e)&&!e.startsWith("url("));function hs(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function ps(t){return"number"==typeof t?0:Fr("",t)}function fs(t,e){return t[e]||t.default||t}const ms=function(t,e,n,o){return void 0===o&&(o={}),r=>{const i=fs(o,t)||{},s=i.delay||o.delay||0;let{elapsed:a=0}=o;a-=Gr(s);const l=function(t,e,n,o){const r=ds(e,n);let i=void 0!==o.from?o.from:t.get();return"none"===i&&r&&"string"==typeof n?i=Fr(e,n):hs(i)&&"string"==typeof n?i=ps(n):!Array.isArray(n)&&hs(n)&&"string"==typeof i&&(n=ps(i)),Array.isArray(n)?(null===n[0]&&(n[0]=i),n):[i,n]}(e,t,n,i),u=l[0],c=l[l.length-1],d=ds(t,u),h=ds(t,c);Xr(d===h,`You are trying to animate ${t} from "${u}" to "${c}". ${u} is not an animatable value - to enable this animation set ${u} to a value animatable to ${c} via the \`style\` property.`);let p={keyframes:l,velocity:e.getVelocity(),...i,elapsed:a,onUpdate:t=>{e.set(t),i.onUpdate&&i.onUpdate(t)},onComplete:()=>{r(),i.onComplete&&i.onComplete()}};if(!d||!h||Kr||!1===i.type)return function(t){let{keyframes:e,elapsed:n,onUpdate:o,onComplete:r}=t;const i=()=>{o&&o(e[e.length-1]),r&&r()};return n?{stop:rs(i,-n)}:i()}(p);if("inertia"===i.type)return function(t){let{keyframes:e,velocity:n=0,min:o,max:r,power:i=.8,timeConstant:s=750,bounceStiffness:a=500,bounceDamping:l=10,restDelta:u=1,modifyTarget:c,driver:d,onUpdate:h,onComplete:p,onStop:f}=t;const m=e[0];let g;function v(t){return void 0!==o&&tr}function y(t){return void 0===o?r:void 0===r||Math.abs(o-t){var n;null==h||h(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:p,onStop:f})}function x(t){b({type:"spring",stiffness:a,damping:l,restDelta:u,...t})}if(v(m))x({velocity:n,keyframes:[m,y(m)]});else{let t=i*n+m;typeof c<"u"&&(t=c(t));const e=y(t),r=e===o?-1:1;let a,l;const d=t=>{a=l,l=t,n=fr(t-a,Go.delta),(1===r&&t>e||-1===r&&tnull==g?void 0:g.stop()}}(p);(function(t){let{when:e,delay:n,delayChildren:o,staggerChildren:r,staggerDirection:i,repeat:s,repeatType:a,repeatDelay:l,from:u,elapsed:c,...d}=t;return!!Object.keys(d).length})(i)||(p={...p,...cs(t,p)}),p.duration&&(p.duration=Gr(p.duration)),p.repeatDelay&&(p.repeatDelay=Gr(p.repeatDelay));const f=e.owner,m=f&&f.current;if(f&&m instanceof HTMLElement&&(null==f||!f.getProps().onUpdate)){const n=os(e,t,p);if(n)return n}return Yi(p)}};function gs(t,e,n){var o;void 0===n&&(n={});const r=Zr(t,e,n.custom);let{transition:i=t.getDefaultTransition()||{}}=r||{};n.transitionOverride&&(i=n.transitionOverride);const s=r?()=>vs(t,r,n):()=>Promise.resolve(),a=null!==(o=t.variantChildren)&&void 0!==o&&o.size?function(o){void 0===o&&(o=0);const{delayChildren:r=0,staggerChildren:s,staggerDirection:a}=i;return function(t,e,n,o,r,i){void 0===n&&(n=0);void 0===o&&(o=0);void 0===r&&(r=1);const s=[],a=(t.variantChildren.size-1)*o,l=1===r?function(t){return void 0===t&&(t=0),t*o}:function(t){return void 0===t&&(t=0),a-t*o};return Array.from(t.variantChildren).sort(ys).forEach(((t,o)=>{t.notify("AnimationStart",e),s.push(gs(t,e,{...i,delay:n+l(o)}).then((()=>t.notify("AnimationComplete",e))))})),Promise.all(s)}(t,e,r+o,s,a,n)}:()=>Promise.resolve(),{when:l}=i;if(l){const[t,e]="beforeChildren"===l?[s,a]:[a,s];return t().then(e)}return Promise.all([s(),a(n.delay)])}function vs(t,e,n){let{delay:o=0,transitionOverride:r,type:i}=void 0===n?{}:n;var s;let{transition:a=t.getDefaultTransition(),transitionEnd:l,...u}=t.makeTargetAnimatable(e);const c=t.getValue("willChange");r&&(a=r);const d=[],h=i&&(null===(s=t.animationState)||void 0===s?void 0:s.getState()[i]);for(const p in u){const e=t.getValue(p),n=u[p];if(!e||void 0===n||h&&bs(h,p))continue;const r={delay:o,elapsed:0,...a};if(window.HandoffAppearAnimations&&!e.hasAnimated){const n=t.getProps()[_r];n&&(r.elapsed=window.HandoffAppearAnimations(n,p,e,ir))}let i=e.start(ms(p,e,n,t.shouldReduceMotion&&pn.has(p)?{type:!1}:r));qr(c)&&(c.add(p),i=i.then((()=>c.remove(p)))),d.push(i)}return Promise.all(d).then((()=>{l&&function(t,e){const n=Zr(t,e);let{transitionEnd:o={},transition:r={},...i}=n?t.makeTargetAnimatable(n,!1):{};i={...i,...o};for(const s in i)Hr(t,s,ho(i[s]))}(t,l)}))}function ys(t,e){return t.sortNodePosition(e)}function bs(t,e){let{protectedKeys:n,needsAnimating:o}=t;const r=n.hasOwnProperty(e)&&!0!==o[e];return o[e]=!1,r}const xs=[yo.Animate,yo.InView,yo.Focus,yo.Hover,yo.Tap,yo.Drag,yo.Exit],ws=[...xs].reverse(),Cs=xs.length;function ks(t){return e=>Promise.all(e.map((e=>{let{animation:n,options:o}=e;return function(t,e,n){let o;if(void 0===n&&(n={}),t.notify("AnimationStart",e),Array.isArray(e)){const r=e.map((e=>gs(t,e,n)));o=Promise.all(r)}else if("string"==typeof e)o=gs(t,e,n);else{const r="function"==typeof e?Zr(t,e,n.custom):e;o=vs(t,r,n)}return o.then((()=>t.notify("AnimationComplete",e)))}(t,n,o)})))}function Es(t){let e=ks(t);const n={[yo.Animate]:Ps(!0),[yo.InView]:Ps(),[yo.Hover]:Ps(),[yo.Tap]:Ps(),[yo.Drag]:Ps(),[yo.Focus]:Ps(),[yo.Exit]:Ps()};let o=!0;const r=(e,n)=>{const o=Zr(t,n);if(o){const{transition:t,transitionEnd:n,...r}=o;e={...e,...r,...n}}return e};function i(i,s){const a=t.getProps(),l=t.getVariantContext(!0)||{},u=[],c=new Set;let d={},h=1/0;for(let e=0;eh&&g;const w=Array.isArray(m)?m:[m];let C=w.reduce(r,{});!1===v&&(C={});const{prevResolvedValues:k={}}=f,E={...k,...C},M=t=>{x=!0,c.delete(t),f.needsAnimating[t]=!0};for(const t in E){const e=C[t],n=k[t];d.hasOwnProperty(t)||(e!==n?uo(e)&&uo(n)?!_o(e,n)||b?M(t):f.protectedKeys[t]=!0:void 0!==e?M(t):c.add(t):void 0!==e&&c.has(t)?M(t):f.protectedKeys[t]=!0)}f.prevProp=m,f.prevResolvedValues=C,f.isActive&&(d={...d,...C}),o&&t.blockInitialAnimation&&(x=!1),x&&!y&&u.push(...w.map((t=>({animation:t,options:{type:p,...i}}))))}if(c.size){const e={};c.forEach((n=>{const o=t.getBaseTarget(n);void 0!==o&&(e[n]=o)})),u.push({animation:e})}let p=!!u.length;return o&&!1===a.initial&&!t.manuallyAnimateOnMount&&(p=!1),o=!1,p?e(u):Promise.resolve()}return{animateChanges:i,setActive:function(e,o,r){var s;if(n[e].isActive===o)return Promise.resolve();null===(s=t.variantChildren)||void 0===s||s.forEach((t=>{var n;return null===(n=t.animationState)||void 0===n?void 0:n.setActive(e,o)})),n[e].isActive=o;const a=i(r,e);for(const t in n)n[t].protectedKeys={};return a},setAnimateFunction:function(n){e=n(t)},getState:()=>n}}function Ms(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!_o(e,t)}function Ps(t){return void 0===t&&(t=!1),{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}const Ss={animation:Ho((t=>{let{visualElement:e,animate:n}=t;e.animationState||(e.animationState=Es(e)),He(n)&&(0,o.useEffect)((()=>n.subscribe(e)),[n])})),exit:Ho((t=>{const{custom:e,visualElement:n}=t,[r,i]=qo(),s=(0,o.useContext)(Fe);(0,o.useEffect)((()=>{n.isPresent=r;const t=n.animationState&&n.animationState.setActive(yo.Exit,!r,{custom:s&&s.custom||e});t&&!r&&t.then(i)}),[r])}))},Bs=(t,e)=>Math.abs(t-e);class Ts{constructor(t,e,n){let{transformPagePoint:o}=void 0===n?{}:n;if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!this.lastMoveEvent||!this.lastMoveEventInfo)return;const t=Ls(this.lastMoveEventInfo,this.history),e=null!==this.startEvent,n=function(t,e){const n=Bs(t.x,e.x),o=Bs(t.y,e.y);return Math.sqrt(n**2+o**2)}(t.offset,{x:0,y:0})>=3;if(!e&&!n)return;const{point:o}=t,{timestamp:r}=Go;this.history.push({...o,timestamp:r});const{onStart:i,onMove:s}=this.handlers;e||(i&&i(this.lastMoveEvent,t),this.startEvent=this.lastMoveEvent),s&&s(this.lastMoveEvent,t)},this.handlePointerMove=(t,e)=>{this.lastMoveEvent=t,this.lastMoveEventInfo=As(e,this.transformPagePoint),ir.update(this.updatePoint,!0)},this.handlePointerUp=(t,e)=>{if(this.end(),!this.lastMoveEvent||!this.lastMoveEventInfo)return;const{onEnd:n,onSessionEnd:o}=this.handlers,r=Ls("pointercancel"===t.type?this.lastMoveEventInfo:As(e,this.transformPagePoint),this.history);this.startEvent&&n&&n(t,r),o&&o(t,r)},!wo(t))return;this.handlers=e,this.transformPagePoint=o;const r=As(Co(t),this.transformPagePoint),{point:i}=r,{timestamp:s}=Go;this.history=[{...i,timestamp:s}];const{onSessionStart:a}=e;a&&a(t,Ls(r,this.history)),this.removeListeners=Io(Eo(window,"pointermove",this.handlePointerMove),Eo(window,"pointerup",this.handlePointerUp),Eo(window,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),sr.update(this.updatePoint)}}function As(t,e){return e?{point:e(t.point)}:t}function Vs(t,e){return{x:t.x-e.x,y:t.y-e.y}}function Ls(t,e){let{point:n}=t;return{point:n,delta:Vs(n,Ds(e)),offset:Vs(n,Rs(e)),velocity:Is(e,.1)}}function Rs(t){return t[0]}function Ds(t){return t[t.length-1]}function Is(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,o=null;const r=Ds(t);for(;n>=0&&(o=t[n],!(r.timestamp-o.timestamp>Gr(e)));)n--;if(!o)return{x:0,y:0};const i=(r.timestamp-o.timestamp)/1e3;if(0===i)return{x:0,y:0};const s={x:(r.x-o.x)/i,y:(r.y-o.y)/i};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}function Os(t){return t.max-t.min}function Fs(t,e,n){return void 0===e&&(e=0),void 0===n&&(n=.01),Math.abs(t-e)<=n}function js(t,e,n,o){void 0===o&&(o=.5),t.origin=o,t.originPoint=oi(e.min,e.max,t.origin),t.scale=Os(n)/Os(e),(Fs(t.scale,1,1e-4)||isNaN(t.scale))&&(t.scale=1),t.translate=oi(n.min,n.max,t.origin)-t.originPoint,(Fs(t.translate)||isNaN(t.translate))&&(t.translate=0)}function $s(t,e,n,o){js(t.x,e.x,n.x,null==o?void 0:o.originX),js(t.y,e.y,n.y,null==o?void 0:o.originY)}function Us(t,e,n){t.min=n.min+e.min,t.max=t.min+Os(e)}function Ns(t,e,n){t.min=e.min-n.min,t.max=t.min+Os(e)}function zs(t,e,n){Ns(t.x,e.x,n.x),Ns(t.y,e.y,n.y)}function Zs(t,e,n){return{min:void 0!==e?t.min+e:void 0,max:void 0!==n?t.max+n-(t.max-t.min):void 0}}function Hs(t,e){let n=e.min-t.min,o=e.max-t.max;return e.max-e.min({x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}}),Ys=()=>({x:{min:0,max:0},y:{min:0,max:0}});function Gs(t){return[t("x"),t("y")]}function Ks(t){let{top:e,left:n,right:o,bottom:r}=t;return{x:{min:n,max:o},y:{min:e,max:r}}}function Qs(t){return void 0===t||1===t}function Js(t){let{scale:e,scaleX:n,scaleY:o}=t;return!Qs(e)||!Qs(n)||!Qs(o)}function ta(t){return Js(t)||ea(t)||t.z||t.rotate||t.rotateX||t.rotateY}function ea(t){return na(t.x)||na(t.y)}function na(t){return t&&"0%"!==t}function oa(t,e,n){return n+e*(t-n)}function ra(t,e,n,o,r){return void 0!==r&&(t=oa(t,r,o)),oa(t,n,o)+e}function ia(t,e,n,o,r){void 0===e&&(e=0),void 0===n&&(n=1),t.min=ra(t.min,e,n,o,r),t.max=ra(t.max,e,n,o,r)}function sa(t,e){let{x:n,y:o}=e;ia(t.x,n.translate,n.scale,n.originPoint),ia(t.y,o.translate,o.scale,o.originPoint)}function aa(t){return Number.isInteger(t)||t>1.0000000000001||t<.999999999999?t:1}function la(t,e){t.min=t.min+e,t.max=t.max+e}function ua(t,e,n){let[o,r,i]=n;const s=void 0!==e[i]?e[i]:.5,a=oi(t.min,t.max,s);ia(t,e[o],e[r],a,e.scale)}const ca=["x","scaleX","originX"],da=["y","scaleY","originY"];function ha(t,e){ua(t.x,e,ca),ua(t.y,e,da)}function pa(t,e){return Ks(function(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),o=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:o.y,right:o.x}}(t.getBoundingClientRect(),e))}const fa=new WeakMap;class ma{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=Ys(),this.visualElement=t}start(t,e){let{snapToCursor:n=!1}=void 0===e?{}:e;if(!1===this.visualElement.isPresent)return;this.panSession=new Ts(t,{onSessionStart:t=>{this.stopAnimation(),n&&this.snapToCursor(Co(t,"page").point)},onStart:(t,e)=>{var n;const{drag:o,dragPropagation:r,onDragStart:i}=this.getProps();o&&!r&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=To(o),!this.openGlobalLock)||(this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),Gs((t=>{var e,n;let o=this.getAxisMotionValue(t).get()||0;if(Vn.test(o)){const r=null===(n=null===(e=this.visualElement.projection)||void 0===e?void 0:e.layout)||void 0===n?void 0:n.layoutBox[t];r&&(o=Os(r)*(parseFloat(o)/100))}this.originPoint[t]=o})),null==i||i(t,e),null===(n=this.visualElement.animationState)||void 0===n||n.setActive(yo.Drag,!0))},onMove:(t,e)=>{const{dragPropagation:n,dragDirectionLock:o,onDirectionLock:r,onDrag:i}=this.getProps();if(!n&&!this.openGlobalLock)return;const{offset:s}=e;if(o&&null===this.currentDirection)return this.currentDirection=function(t,e){void 0===e&&(e=10);let n=null;return Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x"),n}(s),void(null!==this.currentDirection&&(null==r||r(this.currentDirection)));this.updateAxis("x",e.point,s),this.updateAxis("y",e.point,s),this.visualElement.render(),null==i||i(t,e)},onSessionEnd:(t,e)=>this.stop(t,e)},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(t,e){const n=this.isDragging;if(this.cancel(),!n)return;const{velocity:o}=e;this.startAnimation(o);const{onDragEnd:r}=this.getProps();null==r||r(t,e)}cancel(){var t,e;this.isDragging=!1,this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!1),null===(t=this.panSession)||void 0===t||t.end(),this.panSession=void 0;const{dragPropagation:n}=this.getProps();!n&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),null===(e=this.visualElement.animationState)||void 0===e||e.setActive(yo.Drag,!1)}updateAxis(t,e,n){const{drag:o}=this.getProps();if(!n||!ga(t,o,this.currentDirection))return;const r=this.getAxisMotionValue(t);let i=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(i=function(t,e,n){let{min:o,max:r}=e;return void 0!==o&&tr&&(t=n?oi(r,t,n.max):Math.min(t,r)),t}(i,this.constraints[t],this.elastic[t])),r.set(i)}resolveConstraints(){const{dragConstraints:t,dragElastic:e}=this.getProps(),{layout:n}=this.visualElement.projection||{},o=this.constraints;t&&ze(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!t||!n)&&function(t,e){let{top:n,left:o,bottom:r,right:i}=e;return{x:Zs(t.x,o,i),y:Zs(t.y,n,r)}}(n.layoutBox,t),this.elastic=function(t){return void 0===t&&(t=Ws),!1===t?t=0:!0===t&&(t=Ws),{x:qs(t,"left","right"),y:qs(t,"top","bottom")}}(e),o!==this.constraints&&n&&this.constraints&&!this.hasMutatedConstraints&&Gs((t=>{this.getAxisMotionValue(t)&&(this.constraints[t]=function(t,e){const n={};return void 0!==e.min&&(n.min=e.min-t.min),void 0!==e.max&&(n.max=e.max-t.min),n}(n.layoutBox[t],this.constraints[t]))}))}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:e}=this.getProps();if(!t||!ze(t))return!1;const n=t.current;Yr(null!==n,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:o}=this.visualElement;if(!o||!o.layout)return!1;const r=function(t,e,n){const o=pa(t,n),{scroll:r}=e;return r&&(la(o.x,r.offset.x),la(o.y,r.offset.y)),o}(n,o.root,this.visualElement.getTransformPagePoint());let i=function(t,e){return{x:Hs(t.x,e.x),y:Hs(t.y,e.y)}}(o.layout.layoutBox,r);if(e){const t=e(function(t){let{x:e,y:n}=t;return{top:n.min,right:e.max,bottom:n.max,left:e.min}}(i));this.hasMutatedConstraints=!!t,t&&(i=Ks(t))}return i}startAnimation(t){const{drag:e,dragMomentum:n,dragElastic:o,dragTransition:r,dragSnapToOrigin:i,onDragTransitionEnd:s}=this.getProps(),a=this.constraints||{},l=Gs((s=>{if(!ga(s,e,this.currentDirection))return;let l=(null==a?void 0:a[s])||{};i&&(l={min:0,max:0});const u=o?200:1e6,c=o?40:1e7,d={type:"inertia",velocity:n?t[s]:0,bounceStiffness:u,bounceDamping:c,timeConstant:750,restDelta:1,restSpeed:10,...r,...l};return this.startAxisValueAnimation(s,d)}));return Promise.all(l).then(s)}startAxisValueAnimation(t,e){const n=this.getAxisMotionValue(t);return n.start(ms(t,n,0,e))}stopAnimation(){Gs((t=>this.getAxisMotionValue(t).stop()))}getAxisMotionValue(t){var e;const n="_drag"+t.toUpperCase();return this.visualElement.getProps()[n]||this.visualElement.getValue(t,(null===(e=this.visualElement.getProps().initial)||void 0===e?void 0:e[t])||0)}snapToCursor(t){Gs((e=>{const{drag:n}=this.getProps();if(!ga(e,n,this.currentDirection))return;const{projection:o}=this.visualElement,r=this.getAxisMotionValue(e);if(o&&o.layout){const{min:n,max:i}=o.layout.layoutBox[e];r.set(t[e]-oi(n,i,.5))}}))}scalePositionWithinConstraints(){var t;if(!this.visualElement.current)return;const{drag:e,dragConstraints:n}=this.getProps(),{projection:o}=this.visualElement;if(!ze(n)||!o||!this.constraints)return;this.stopAnimation();const r={x:0,y:0};Gs((t=>{const e=this.getAxisMotionValue(t);if(e){const n=e.get();r[t]=function(t,e){let n=.5;const o=Os(t),r=Os(e);return r>o?n=pi(e.min,e.max-o,t.min):o>r&&(n=pi(t.min,t.max-r,e.min)),xn(0,1,n)}({min:n,max:n},this.constraints[t])}}));const{transformTemplate:i}=this.visualElement.getProps();this.visualElement.current.style.transform=i?i({},""):"none",null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout(),this.resolveConstraints(),Gs((t=>{if(!ga(t,e,null))return;const n=this.getAxisMotionValue(t),{min:o,max:i}=this.constraints[t];n.set(oi(o,i,r[t]))}))}addListeners(){var t;if(!this.visualElement.current)return;fa.set(this.visualElement,this);const e=Eo(this.visualElement.current,"pointerdown",(t=>{const{drag:e,dragListener:n=!0}=this.getProps();e&&n&&this.start(t)})),n=()=>{const{dragConstraints:t}=this.getProps();ze(t)&&(this.constraints=this.resolveRefConstraints())},{projection:o}=this.visualElement,r=o.addEventListener("measure",n);o&&!o.layout&&(null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout()),n();const i=bo(window,"resize",(()=>this.scalePositionWithinConstraints())),s=o.addEventListener("didUpdate",(t=>{let{delta:e,hasLayoutChanged:n}=t;this.isDragging&&n&&(Gs((t=>{const n=this.getAxisMotionValue(t);n&&(this.originPoint[t]+=e[t].translate,n.set(n.get()+e[t].translate))})),this.visualElement.render())}));return()=>{i(),e(),r(),null==s||s()}}getProps(){const t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:n=!1,dragPropagation:o=!1,dragConstraints:r=!1,dragElastic:i=Ws,dragMomentum:s=!0}=t;return{...t,drag:e,dragDirectionLock:n,dragPropagation:o,dragConstraints:r,dragElastic:i,dragMomentum:s}}}function ga(t,e,n){return!(!0!==e&&e!==t||null!==n&&n!==t)}const va={pan:Ho((function(t){let{onPan:e,onPanStart:n,onPanEnd:r,onPanSessionStart:i,visualElement:s}=t;const a=e||n||r||i,l=(0,o.useRef)(null),{transformPagePoint:u}=(0,o.useContext)(Ie),c={onSessionStart:i,onStart:n,onMove:e,onEnd:(t,e)=>{l.current=null,r&&r(t,e)}};(0,o.useEffect)((()=>{null!==l.current&&l.current.updateHandlers(c)})),Mo(s,"pointerdown",a&&function(t){l.current=new Ts(t,c,{transformPagePoint:u})}),Ro((()=>l.current&&l.current.end()))})),drag:Ho((function(t){const{dragControls:e,visualElement:n}=t,r=Qe((()=>new ma(n)));(0,o.useEffect)((()=>e&&e.subscribe(r)),[r,e]),(0,o.useEffect)((()=>r.addListeners()),[r])}))};function ya(t){return"string"==typeof t&&t.startsWith("var(--")}const ba=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;const xa=4;function wa(t,e,n){void 0===n&&(n=1),Yr(n<=xa,`Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);const[o,r]=function(t){const e=ba.exec(t);if(!e)return[,];const[,n,o]=e;return[n,o]}(t);if(!o)return;const i=window.getComputedStyle(e).getPropertyValue(o);return i?i.trim():ya(r)?wa(r,e,n+1):r}const Ca=new Set(["width","height","top","left","right","bottom","x","y"]),ka=t=>Ca.has(t),Ea=t=>t===wn||t===Ln;var Ma;!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(Ma||(Ma={}));const Pa=(t,e)=>parseFloat(t.split(", ")[e]),Sa=(t,e)=>(n,o)=>{let{transform:r}=o;if("none"===r||!r)return 0;const i=r.match(/^matrix3d\((.+)\)$/);if(i)return Pa(i[1],e);{const e=r.match(/^matrix\((.+)\)$/);return e?Pa(e[1],t):0}},Ba=new Set(["x","y","z"]),Ta=hn.filter((t=>!Ba.has(t)));const Aa={width:(t,e)=>{let{x:n}=t,{paddingLeft:o="0",paddingRight:r="0"}=e;return n.max-n.min-parseFloat(o)-parseFloat(r)},height:(t,e)=>{let{y:n}=t,{paddingTop:o="0",paddingBottom:r="0"}=e;return n.max-n.min-parseFloat(o)-parseFloat(r)},top:(t,e)=>{let{top:n}=e;return parseFloat(n)},left:(t,e)=>{let{left:n}=e;return parseFloat(n)},bottom:(t,e)=>{let{y:n}=t,{top:o}=e;return parseFloat(o)+(n.max-n.min)},right:(t,e)=>{let{x:n}=t,{left:o}=e;return parseFloat(o)+(n.max-n.min)},x:Sa(4,13),y:Sa(5,14)},Va=function(t,e,n,o){void 0===n&&(n={}),void 0===o&&(o={}),e={...e},o={...o};const r=Object.keys(e).filter(ka);let i=[],s=!1;const a=[];if(r.forEach((r=>{const l=t.getValue(r);if(!t.hasValue(r))return;let u=n[r],c=Ur(u);const d=e[r];let h;if(uo(d)){const t=d.length,e=null===d[0]?1:0;u=d[e],c=Ur(u);for(let n=e;n{const o=t.getValue(n);void 0!==o&&(e.push([n,o.get()]),o.set(n.startsWith("scale")?1:0))})),e.length&&t.render(),e}(t),s=!0),a.push(r),o[r]=void 0!==o[r]?o[r]:e[r],l.jump(d))})),a.length){const n=a.indexOf("height")>=0?window.pageYOffset:null,r=((t,e,n)=>{const o=e.measureViewportBox(),r=e.current,i=getComputedStyle(r),{display:s}=i,a={};"none"===s&&e.setStaticValue("display",t.display||"block"),n.forEach((t=>{a[t]=Aa[t](o,i)})),e.render();const l=e.measureViewportBox();return n.forEach((n=>{const o=e.getValue(n);o&&o.jump(a[n]),t[n]=Aa[n](l,i)})),t})(e,t,a);return i.length&&i.forEach((e=>{let[n,o]=e;t.getValue(n).set(o)})),t.render(),je&&null!==n&&window.scrollTo({top:n}),{target:r,transitionEnd:o}}return{target:e,transitionEnd:o}};function La(t,e,n,o){return(t=>Object.keys(t).some(ka))(e)?Va(t,e,n,o):{target:e,transitionEnd:o}}const Ra=(t,e,n,o)=>{const r=function(t,e,n){let{...o}=e;const r=t.current;if(!(r instanceof Element))return{target:o,transitionEnd:n};n&&(n={...n}),t.values.forEach((t=>{const e=t.get();if(!ya(e))return;const n=wa(e,r);n&&t.set(n)}));for(const i in o){const t=o[i];if(!ya(t))continue;const e=wa(t,r);e&&(o[i]=e,n&&void 0===n[i]&&(n[i]=t))}return{target:o,transitionEnd:n}}(t,e,o);return La(t,e=r.target,n,o=r.transitionEnd)},Da={current:null},Ia={current:!1};const Oa=Object.keys(Ke),Fa=Oa.length,ja=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class $a{constructor(t,e){let{parent:n,props:o,reducedMotionConfig:r,visualState:i}=t;void 0===e&&(e={}),this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.isPresent=!0,this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>ir.render(this.render,!1,!0);const{latestValues:s,renderState:a}=i;this.latestValues=s,this.baseTarget={...s},this.initialValues=o.initial?{...s}:{},this.renderState=a,this.parent=n,this.props=o,this.depth=n?n.depth+1:0,this.reducedMotionConfig=r,this.options=e,this.isControllingVariants=qe(o),this.isVariantNode=_e(o),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!(!n||!n.current);const{willChange:l,...u}=this.scrapeMotionValuesFromProps(o,{});for(const c in u){const t=u[c];void 0!==s[c]&&mn(t)&&(t.set(s[c],!1),qr(l)&&l.add(c))}}scrapeMotionValuesFromProps(t,e){return{}}mount(t){var e;this.current=t,this.projection&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=null===(e=this.parent)||void 0===e?void 0:e.addVariantChild(this)),this.values.forEach(((t,e)=>this.bindToMotionValue(e,t))),Ia.current||function(){if(Ia.current=!0,je)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>Da.current=t.matches;t.addListener(e),e()}else Da.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||Da.current),this.parent&&this.parent.children.add(this),this.setProps(this.props)}unmount(){var t,e,n;null===(t=this.projection)||void 0===t||t.unmount(),sr.update(this.notifyUpdate),sr.render(this.render),this.valueSubscriptions.forEach((t=>t())),null===(e=this.removeFromVariantTree)||void 0===e||e.call(this),null===(n=this.parent)||void 0===n||n.children.delete(this);for(const o in this.events)this.events[o].clear();this.current=null}bindToMotionValue(t,e){const n=pn.has(t),o=e.on("change",(e=>{this.latestValues[t]=e,this.props.onUpdate&&ir.update(this.notifyUpdate,!1,!0),n&&this.projection&&(this.projection.isTransformDirty=!0)})),r=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,(()=>{o(),r()}))}sortNodePosition(t){return this.current&&this.sortInstanceNodePosition&&this.type===t.type?this.sortInstanceNodePosition(this.current,t.current):0}loadFeatures(t,e,n,r,i,s){let{children:a,...l}=t;const u=[];for(let c=0;cthis.scheduleRender(),animationType:"string"==typeof e?e:"both",initialPromotionConfig:s,layoutScroll:a,layoutRoot:u})}return u}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):Ys()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}makeTargetAnimatable(t,e){return void 0===e&&(e=!0),this.makeTargetAnimatableFromInstance(t,this.props,e)}setProps(t){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender();const e=this.props;this.props=t;for(let n=0;nn.variantChildren.delete(t)}addValue(t,e){e!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,e)),this.values.set(t,e),this.latestValues[t]=e.get()}removeValue(t){var e;this.values.delete(t),null===(e=this.valueSubscriptions.get(t))||void 0===e||e(),this.valueSubscriptions.delete(t),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let n=this.values.get(t);return void 0===n&&void 0!==e&&(n=gr(e,{owner:this}),this.addValue(t,n)),n}readValue(t){return void 0===this.latestValues[t]&&this.current?this.readValueFromInstance(this.current,t,this.options):this.latestValues[t]}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:n}=this.props,o="string"==typeof n||"object"==typeof n?null===(e=lo(this.props,n))||void 0===e?void 0:e[t]:void 0;if(n&&void 0!==o)return o;const r=this.getBaseTargetFromProps(this.props,t);return void 0===r||mn(r)?void 0!==this.initialValues[t]&&void 0===o?void 0:this.baseTarget[t]:r}on(t,e){return this.events[t]||(this.events[t]=new pr),this.events[t].add(e)}notify(t){for(var e,n=arguments.length,o=new Array(n>1?n-1:0),r=1;r!t.hasValue(e))),s=i.length;if(s)for(let a=0;a{this.current&&(this.current.textContent=`${t}`)})))}renderInstance(t,e,n,o){oo(t,e,n,o)}}class Ha extends za{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){var n;return pn.has(e)?(null===(n=Or(e))||void 0===n?void 0:n.default)||0:(e=ro.has(e)?e:no(e),t.getAttribute(e))}measureInstanceViewportBox(){return Ys()}scrapeMotionValuesFromProps(t,e){return ao(t,e)}build(t,e,n,o){Kn(t,e,n,this.isSVGTag,o.transformTemplate)}renderInstance(t,e,n,o){io(t,e,0,o)}mount(t){this.isSVGTag=Jn(t.tagName),super.mount(t)}}const Wa=(t,e)=>cn(t)?new Ha(e,{enableHardwareAcceleration:!1}):new Za(e,{enableHardwareAcceleration:!0});function qa(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const _a={correct:(t,e)=>{if(!e.target)return t;if("string"==typeof t){if(!Ln.test(t))return t;t=parseFloat(t)}return`${qa(t,e.target.x)}% ${qa(t,e.target.y)}%`}},Xa="_$css",Ya={correct:(t,e)=>{let{treeScale:n,projectionDelta:o}=e;const r=t,i=t.includes("var("),s=[];i&&(t=t.replace(ba,(t=>(s.push(t),Xa))));const a=Ar.parse(t);if(a.length>5)return r;const l=Ar.createTransformer(t),u="number"!=typeof a[0]?1:0,c=o.x.scale*n.x,d=o.y.scale*n.y;a[0+u]/=c,a[1+u]/=d;const h=oi(c,d,.5);"number"==typeof a[2+u]&&(a[2+u]/=h),"number"==typeof a[3+u]&&(a[3+u]/=h);let p=l(a);if(i){let t=0;p=p.replace(Xa,(()=>{const e=s[t];return t++,e}))}return p}};class Ga extends o.Component{componentDidMount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n,layoutId:o}=this.props,{projection:r}=t;(function(t){Object.assign(dn,t)})(Ka),r&&(e.group&&e.group.add(r),n&&n.register&&o&&n.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",(()=>{this.safeToRemove()})),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),Je.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:e,visualElement:n,drag:o,isPresent:r}=this.props,i=n.projection;return i&&(i.isPresent=r,o||t.layoutDependency!==e||void 0===e?i.willUpdate():this.safeToRemove(),t.isPresent!==r&&(r?i.promote():i.relegate()||ir.postRender((()=>{var t;null!==(t=i.getStack())&&void 0!==t&&t.members.length||this.safeToRemove()})))),null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),!t.currentAnimation&&t.isLead()&&this.safeToRemove())}componentWillUnmount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n}=this.props,{projection:o}=t;o&&(o.scheduleCheckAfterUnmount(),null!=e&&e.group&&e.group.remove(o),null!=n&&n.deregister&&n.deregister(o))}safeToRemove(){const{safeToRemove:t}=this.props;null==t||t()}render(){return null}}const Ka={borderRadius:{..._a,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:_a,borderTopRightRadius:_a,borderBottomLeftRadius:_a,borderBottomRightRadius:_a,boxShadow:Ya},Qa={measureLayout:function(t){const[e,n]=qo(),r=(0,o.useContext)(en);return Ae(Ga,{...t,layoutGroup:r,switchLayoutGroup:(0,o.useContext)(on),isPresent:e,safeToRemove:n})}};const Ja=["TopLeft","TopRight","BottomLeft","BottomRight"],tl=Ja.length,el=t=>"string"==typeof t?parseFloat(t):t,nl=t=>"number"==typeof t||Ln.test(t);function ol(t,e){return void 0!==t[e]?t[e]:t.borderRadius}const rl=sl(0,.5,ki),il=sl(.5,.95,vi);function sl(t,e,n){return o=>oe?1:n(pi(t,e,o))}function al(t,e){t.min=e.min,t.max=e.max}function ll(t,e){al(t.x,e.x),al(t.y,e.y)}function ul(t,e,n,o,r){return t=oa(t-=e,1/n,o),void 0!==r&&(t=oa(t,1/r,o)),t}function cl(t,e,n,o,r){let[i,s,a]=n;!function(t,e,n,o,r,i,s){if(void 0===e&&(e=0),void 0===n&&(n=1),void 0===o&&(o=.5),void 0===i&&(i=t),void 0===s&&(s=t),Vn.test(e)&&(e=parseFloat(e),e=oi(s.min,s.max,e/100)-s.min),"number"!=typeof e)return;let a=oi(i.min,i.max,o);t===i&&(a-=e),t.min=ul(t.min,e,n,a,r),t.max=ul(t.max,e,n,a,r)}(t,e[i],e[s],e[a],e.scale,o,r)}const dl=["x","scaleX","originX"],hl=["y","scaleY","originY"];function pl(t,e,n,o){cl(t.x,e,dl,null==n?void 0:n.x,null==o?void 0:o.x),cl(t.y,e,hl,null==n?void 0:n.y,null==o?void 0:o.y)}function fl(t){return 0===t.translate&&1===t.scale}function ml(t){return fl(t.x)&&fl(t.y)}function gl(t,e){return t.x.min===e.x.min&&t.x.max===e.x.max&&t.y.min===e.y.min&&t.y.max===e.y.max}function vl(t){return Os(t.x)/Os(t.y)}class yl{constructor(){this.members=[]}add(t){dr(this.members,t),t.scheduleRender()}remove(t){if(hr(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const t=this.members[this.members.length-1];t&&this.promote(t)}}relegate(t){const e=this.members.findIndex((e=>t===e));if(0===e)return!1;let n;for(let o=e;o>=0;o--){const t=this.members[o];if(!1!==t.isPresent){n=t;break}}return!!n&&(this.promote(n),!0)}promote(t,e){var n;const o=this.lead;if(t!==o&&(this.prevLead=o,this.lead=t,t.show(),o)){o.instance&&o.scheduleRender(),t.scheduleRender(),t.resumeFrom=o,e&&(t.resumeFrom.preserveOpacity=!0),o.snapshot&&(t.snapshot=o.snapshot,t.snapshot.latestValues=o.animationValues||o.latestValues),null!==(n=t.root)&&void 0!==n&&n.isUpdating&&(t.isLayoutDirty=!0);const{crossfade:r}=t.options;!1===r&&o.hide()}}exitAnimationComplete(){this.members.forEach((t=>{var e,n,o,r,i;null===(n=(e=t.options).onExitComplete)||void 0===n||n.call(e),null===(i=null===(o=t.resumingFrom)||void 0===o?void 0:(r=o.options).onExitComplete)||void 0===i||i.call(r)}))}scheduleRender(){this.members.forEach((t=>{t.instance&&t.scheduleRender(!1)}))}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function bl(t,e,n){let o="";const r=t.x.translate/e.x,i=t.y.translate/e.y;if((r||i)&&(o=`translate3d(${r}px, ${i}px, 0) `),(1!==e.x||1!==e.y)&&(o+=`scale(${1/e.x}, ${1/e.y}) `),n){const{rotate:t,rotateX:e,rotateY:r}=n;t&&(o+=`rotate(${t}deg) `),e&&(o+=`rotateX(${e}deg) `),r&&(o+=`rotateY(${r}deg) `)}const s=t.x.scale*e.x,a=t.y.scale*e.y;return(1!==s||1!==a)&&(o+=`scale(${s}, ${a})`),o||"none"}const xl=(t,e)=>t.depth-e.depth;class wl{constructor(){this.children=[],this.isDirty=!1}add(t){dr(this.children,t),this.isDirty=!0}remove(t){hr(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(xl),this.isDirty=!1,this.children.forEach(t)}}const Cl=["","X","Y","Z"];let kl=0;function El(t){let{attachResizeListener:e,defaultParent:n,measureScroll:o,checkIsScrollRoot:r,resetTransform:i}=t;return class{constructor(t,e,o){void 0===e&&(e={}),void 0===o&&(o=null==n?void 0:n()),this.id=kl++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isTransformDirty=!1,this.isProjectionDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.potentialNodes=new Map,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.nodes.forEach(Sl),this.nodes.forEach(Ll),this.nodes.forEach(Rl)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.elementId=t,this.latestValues=e,this.root=o?o.root||o:this,this.path=o?[...o.path,o]:[],this.parent=o,this.depth=o?o.depth+1:0,t&&this.root.registerPotentialNode(t,this);for(let n=0;n1?n-1:0),r=1;rthis.root.updateBlockedByResize=!1;e(t,(()=>{this.root.updateBlockedByResize=!0,n&&n(),n=rs(o,250),Je.hasAnimatedSinceResize&&(Je.hasAnimatedSinceResize=!1,this.nodes.forEach(Vl))}))}r&&this.root.registerSharedNode(r,this),!1!==this.options.animate&&s&&(r||i)&&this.addEventListener("didUpdate",(t=>{let{delta:e,hasLayoutChanged:n,hasRelativeTargetChanged:o,layout:r}=t;var i,a,l,u,c;if(this.isTreeAnimationBlocked())return this.target=void 0,void(this.relativeTarget=void 0);const d=null!==(a=null!==(i=this.options.transition)&&void 0!==i?i:s.getDefaultTransition())&&void 0!==a?a:$l,{onLayoutAnimationStart:h,onLayoutAnimationComplete:p}=s.getProps(),f=!this.targetLayout||!gl(this.targetLayout,r)||o,m=!n&&o;if(this.options.layoutRoot||null!==(l=this.resumeFrom)&&void 0!==l&&l.instance||m||n&&(f||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(e,m);const t={...fs(d,"layout"),onPlay:h,onComplete:p};(s.shouldReduceMotion||this.options.layoutRoot)&&(t.delay=0,t.type=!1),this.startAnimation(t)}else!n&&0===this.animationProgress&&Vl(this),this.isLead()&&(null===(c=(u=this.options).onExitComplete)||void 0===c||c.call(u));this.targetLayout=r}))}unmount(){var t,e;this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this),null===(t=this.getStack())||void 0===t||t.remove(this),null===(e=this.parent)||void 0===e||e.children.delete(this),this.instance=void 0,sr.preRender(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){var t;return this.isAnimationBlocked||(null===(t=this.parent)||void 0===t?void 0:t.isTreeAnimationBlocked())||!1}startUpdate(){var t;this.isUpdateBlocked()||(this.isUpdating=!0,null===(t=this.nodes)||void 0===t||t.forEach(Dl),this.animationId++)}getTransformTemplate(){var t;return null===(t=this.options.visualElement)||void 0===t?void 0:t.getProps().transformTemplate}willUpdate(t){var e,n,o;if(void 0===t&&(t=!0),this.root.isUpdateBlocked())return void(null===(n=(e=this.options).onExitComplete)||void 0===n||n.call(e));if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let s=0;s{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()}))}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure())}updateLayout(){var t;if(!(this.instance&&(this.updateScroll(),this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty)))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let n=0;n{var n;const o=e/1e3;Ol(a.x,t.x,o),Ol(a.y,t.y,o),this.setTargetDelta(a),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&!(null===(n=this.relativeParent)||void 0===n)&&n.layout&&(zs(l,this.layout.layoutBox,this.relativeParent.layout.layoutBox),function(t,e,n,o){Fl(t.x,e.x,n.x,o),Fl(t.y,e.y,n.y,o)}(this.relativeTarget,this.relativeTargetOrigin,l,o)),u&&(this.animationValues=s,function(t,e,n,o,r,i){r?(t.opacity=oi(0,void 0!==n.opacity?n.opacity:1,rl(o)),t.opacityExit=oi(void 0!==e.opacity?e.opacity:1,0,il(o))):i&&(t.opacity=oi(void 0!==e.opacity?e.opacity:1,void 0!==n.opacity?n.opacity:1,o));for(let s=0;s{Je.hasAnimatedSinceResize=!0,this.currentAnimation=function(t,e,n){void 0===n&&(n={});const o=mn(t)?t:gr(t);return o.start(ms("",o,e,n)),{stop:()=>o.stop(),isAnimating:()=>o.isAnimating()}}(0,1e3,{...t,onUpdate:e=>{var n;this.mixTargetDelta(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:()=>{var e;null===(e=t.onComplete)||void 0===e||e.call(t),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0}))}completeAnimation(){var t;this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0),null===(t=this.getStack())||void 0===t||t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){var t;this.currentAnimation&&(null===(t=this.mixTargetDelta)||void 0===t||t.call(this,1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const t=this.getLead();let{targetWithTransforms:e,target:n,layout:o,latestValues:r}=t;if(e&&n&&o){if(this!==t&&this.layout&&o&&zl(this.options.animationType,this.layout.layoutBox,o.layoutBox)){n=this.target||Ys();const e=Os(this.layout.layoutBox.x);n.x.min=t.target.x.min,n.x.max=n.x.min+e;const o=Os(this.layout.layoutBox.y);n.y.min=t.target.y.min,n.y.max=n.y.min+o}ll(e,n),ha(e,r),$s(this.projectionDeltaWithTransform,this.layoutCorrected,e,r)}}registerSharedNode(t,e){var n,o,r;this.sharedNodes.has(t)||this.sharedNodes.set(t,new yl),this.sharedNodes.get(t).add(e),e.promote({transition:null===(n=e.options.initialPromotionConfig)||void 0===n?void 0:n.transition,preserveFollowOpacity:null===(r=null===(o=e.options.initialPromotionConfig)||void 0===o?void 0:o.shouldPreserveFollowOpacity)||void 0===r?void 0:r.call(o,e)})}isLead(){const t=this.getStack();return!t||t.lead===this}getLead(){var t;const{layoutId:e}=this.options;return e&&(null===(t=this.getStack())||void 0===t?void 0:t.lead)||this}getPrevLead(){var t;const{layoutId:e}=this.options;return e?null===(t=this.getStack())||void 0===t?void 0:t.prevLead:void 0}getStack(){const{layoutId:t}=this.options;if(t)return this.root.sharedNodes.get(t)}promote(t){let{needsReset:e,transition:n,preserveFollowOpacity:o}=void 0===t?{}:t;const r=this.getStack();r&&r.promote(this,o),e&&(this.projectionDelta=void 0,this.needsReset=!0),n&&this.setOptions({transition:n})}relegate(){const t=this.getStack();return!!t&&t.relegate(this)}resetRotation(){const{visualElement:t}=this.options;if(!t)return;let e=!1;const{latestValues:n}=t;if((n.rotate||n.rotateX||n.rotateY||n.rotateZ)&&(e=!0),!e)return;const o={};for(let r=0;r{var e;return null===(e=t.currentAnimation)||void 0===e?void 0:e.stop()})),this.root.nodes.forEach(Tl),this.root.sharedNodes.clear()}}}function Ml(t){t.updateLayout()}function Pl(t){var e,n,o;const r=(null===(e=t.resumeFrom)||void 0===e?void 0:e.snapshot)||t.snapshot;if(t.isLead()&&t.layout&&r&&t.hasListeners("didUpdate")){const{layoutBox:e,measuredBox:n}=t.layout,{animationType:o}=t.options,i=r.source!==t.layout.source;"size"===o?Gs((t=>{const n=i?r.measuredBox[t]:r.layoutBox[t],o=Os(n);n.min=e[t].min,n.max=n.min+o})):zl(o,r.layoutBox,e)&&Gs((t=>{const n=i?r.measuredBox[t]:r.layoutBox[t],o=Os(e[t]);n.max=n.min+o}));const s=Xs();$s(s,e,r.layoutBox);const a=Xs();i?$s(a,t.applyTransform(n,!0),r.measuredBox):$s(a,e,r.layoutBox);const l=!ml(s);let u=!1;if(!t.resumeFrom){const n=t.getClosestProjectingParent();if(n&&!n.resumeFrom){const{snapshot:o,layout:i}=n;if(o&&i){const s=Ys();zs(s,r.layoutBox,o.layoutBox);const a=Ys();zs(a,e,i.layoutBox),gl(s,a)||(u=!0),n.options.layoutRoot&&(t.relativeTarget=a,t.relativeTargetOrigin=s,t.relativeParent=n)}}}t.notifyListeners("didUpdate",{layout:e,snapshot:r,delta:a,layoutDelta:s,hasLayoutChanged:l,hasRelativeTargetChanged:u})}else t.isLead()&&(null===(o=(n=t.options).onExitComplete)||void 0===o||o.call(n));t.options.transition=void 0}function Sl(t){t.isProjectionDirty||(t.isProjectionDirty=!(!t.parent||!t.parent.isProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=!(!t.parent||!t.parent.isTransformDirty))}function Bl(t){t.clearSnapshot()}function Tl(t){t.clearMeasurements()}function Al(t){const{visualElement:e}=t.options;null!=e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function Vl(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0}function Ll(t){t.resolveTargetDelta()}function Rl(t){t.calcProjection()}function Dl(t){t.resetRotation()}function Il(t){t.removeLeadSnapshot()}function Ol(t,e,n){t.translate=oi(e.translate,0,n),t.scale=oi(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function Fl(t,e,n,o){t.min=oi(e.min,n.min,o),t.max=oi(e.max,n.max,o)}function jl(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}const $l={duration:.45,ease:[.4,0,.1,1]};function Ul(t,e){let n=t.root;for(let r=t.path.length-1;r>=0;r--)if(t.path[r].instance){n=t.path[r];break}const o=(n&&n!==t.root?n.instance:document).querySelector(`[data-projection-id="${e}"]`);o&&t.mount(o,!0)}function Nl(t){t.min=Math.round(t.min),t.max=Math.round(t.max)}function zl(t,e,n){return"position"===t||"preserve-aspect"===t&&!Fs(vl(e),vl(n),.2)}const Zl=El({attachResizeListener:(t,e)=>bo(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),Hl={current:void 0},Wl=El({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!Hl.current){const t=new Zl(0,{});t.mount(window),t.setOptions({layoutScroll:!0}),Hl.current=t}return Hl.current},resetTransform:(t,e)=>{t.style.transform=void 0!==e?e:"none"},checkIsScrollRoot:t=>"fixed"===window.getComputedStyle(t).position}),ql={...Ss,...Wo,...va,...Qa},_l=ln(((t,e)=>function(t,e,n,o,r){let{forwardMotionProps:i=!1}=e;return{...cn(t)?go:vo,preloadedFeatures:n,useRender:eo(i),createVisualElement:o,projectionNodeConstructor:r,Component:t}}(t,e,ql,Wa,Wl)));function Xl(){const t=(0,o.useRef)(!1);return $e((()=>(t.current=!0,()=>{t.current=!1})),[]),t}class Yl extends o.Component{getSnapshotBeforeUpdate(t){const e=this.props.childRef.current;if(e&&t.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function Gl(t){let{children:e,isPresent:n}=t;const r=(0,o.useId)(),i=(0,o.useRef)(null),s=(0,o.useRef)({width:0,height:0,top:0,left:0});return(0,o.useInsertionEffect)((()=>{const{width:t,height:e,top:o,left:a}=s.current;if(n||!i.current||!t||!e)return;i.current.dataset.motionPopId=r;const l=document.createElement("style");return document.head.appendChild(l),l.sheet&&l.sheet.insertRule(`\n [data-motion-pop-id="${r}"] {\n position: absolute !important;\n width: ${t}px !important;\n height: ${e}px !important;\n top: ${o}px !important;\n left: ${a}px !important;\n }\n `),()=>{document.head.removeChild(l)}}),[n]),o.createElement(Yl,{isPresent:n,childRef:i,sizeRef:s},o.cloneElement(e,{ref:i}))}const Kl=t=>{let{children:e,initial:n,isPresent:r,onExitComplete:i,custom:s,presenceAffectsLayout:a,mode:l}=t;const u=Qe(Ql),c=(0,o.useId)(),d=(0,o.useMemo)((()=>({id:c,initial:n,isPresent:r,custom:s,onExitComplete:t=>{u.set(t,!0);for(const e of u.values())if(!e)return;i&&i()},register:t=>(u.set(t,!1),()=>u.delete(t))})),a?void 0:[r]);return(0,o.useMemo)((()=>{u.forEach(((t,e)=>u.set(e,!1)))}),[r]),o.useEffect((()=>{!r&&!u.size&&i&&i()}),[r]),"popLayout"===l&&(e=o.createElement(Gl,{isPresent:r},e)),o.createElement(Fe.Provider,{value:d},e)};function Ql(){return new Map}const Jl=t=>t.key||"";const tu=t=>{let{children:e,custom:n,initial:r=!0,onExitComplete:i,exitBeforeEnter:s,presenceAffectsLayout:a=!0,mode:l="sync"}=t;s&&(l="wait");let[u]=function(){const t=Xl(),[e,n]=(0,o.useState)(0),r=(0,o.useCallback)((()=>{t.current&&n(e+1)}),[e]);return[(0,o.useCallback)((()=>ir.postRender(r)),[r]),e]}();const c=(0,o.useContext)(en).forceRender;c&&(u=c);const d=Xl(),h=function(t){const e=[];return o.Children.forEach(t,(t=>{(0,o.isValidElement)(t)&&e.push(t)})),e}(e);let p=h;const f=new Set,m=(0,o.useRef)(p),g=(0,o.useRef)(new Map).current,v=(0,o.useRef)(!0);if($e((()=>{v.current=!1,function(t,e){t.forEach((t=>{const n=Jl(t);e.set(n,t)}))}(h,g),m.current=p})),Ro((()=>{v.current=!0,g.clear(),f.clear()})),v.current)return o.createElement(o.Fragment,null,p.map((t=>o.createElement(Kl,{key:Jl(t),isPresent:!0,initial:!!r&&void 0,presenceAffectsLayout:a,mode:l},t))));p=[...p];const y=m.current.map(Jl),b=h.map(Jl),x=y.length;for(let o=0;o{if(-1!==b.indexOf(t))return;const e=g.get(t);if(!e)return;const r=y.indexOf(t);p.splice(r,0,o.createElement(Kl,{key:Jl(e),isPresent:!1,onExitComplete:()=>{g.delete(t),f.delete(t);const e=m.current.findIndex((e=>e.key===t));if(m.current.splice(e,1),!f.size){if(m.current=h,!1===d.current)return;u(),i&&i()}},custom:n,presenceAffectsLayout:a,mode:l},e))})),p=p.map((t=>{const e=t.key;return f.has(e)?t:o.createElement(Kl,{key:Jl(t),isPresent:!0,presenceAffectsLayout:a,mode:l},t)})),o.createElement(o.Fragment,null,f.size?p:p.map((t=>(0,o.cloneElement)(t))))};function eu(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"pauseButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(nu,{x:"7.1",y:"7.1",width:"5.8",height:"17.8"}),Ae(nu,{x:"19.1",y:"7.1",width:"5.8",height:"17.8"})]})}const nu=r.ZP.rect` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function ou(t){let{isIndicator:e}=t;return Ae("svg",{"data-cy":"playButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(ru,{d:"M10 25.5V6L26 16.2632L10 25.5Z"})})}const ru=r.ZP.path` - stroke: currentColor; - stroke-width: 2.75; - stroke-linecap: round; -`;function iu(t){let{isIndicator:e}=t;return Ae("svg",{"data-cy":"playButton1-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(su,{d:"M22.2468 17.6645L11.8588 24.5847C10.5297 25.4701 8.75 24.5173 8.75 22.9202L8.75 9.0798C8.75 7.48272 10.5297 6.52988 11.8588 7.41533L22.2468 14.3355C23.435 15.1271 23.435 16.8729 22.2468 17.6645Z"})})}const su=r.ZP.path` - stroke: currentColor; - stroke-width: 2.75; - stroke-linecap: round; -`;function au(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"pauseButton1-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(lu,{x:"7.1",y:"7.1",width:"5.8",height:"17.8",rx:"2.9"}),Ae(lu,{x:"19.1",y:"7.1",width:"5.8",height:"17.8",rx:"2.9"})]})}const lu=r.ZP.rect` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function uu(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"restartButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(cu,{d:"M7 17.415C7 22.7087 11.2533 27 16.5 27C21.7467 27 26 22.7087 26 17.415C26 14.701 24.9777 11.973 22.8333 10.1122C21.906 9.30744 20.7061 8.71157 18.7619 8.28647C17.8755 8.09265 17 8 15.5 8.28647C14.4569 8.48568 14.0652 8.65987 13.5 9C12.1363 9.82063 12 10 11.5 10.5"}),Ae(cu,{d:"M11.5485 5L10.8221 10.4396C10.7611 10.8965 11.0203 11.3359 11.4497 11.5035L15.8118 13.2063"})]})}const cu=r.ZP.path` - stroke: currentColor; - stroke-width: 2.5; - stroke-linecap: round; -`;function du(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"restartButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(hu,{d:"M7 17.415C7 22.7087 11.2533 27 16.5 27C21.7467 27 26 22.7087 26 17.415C26 14.701 24.9777 11.973 22.8333 10.1122C21.906 9.30744 20.7061 8.71157 18.7619 8.28647C17.8755 8.09265 17 8 15.5 8.28647C14.4569 8.48568 14.0652 8.65987 13.5 9C12.1363 9.82063 12 10 11.5 10.5"}),Ae(hu,{d:"M11.5485 4.99999L10.3232 11.5799L15.6147 13.3869"})]})}const hu=r.ZP.path` - stroke: currentColor; - stroke-width: 2.5; - stroke-linecap: square; -`;function pu(t){let{item:e}=t;const n=E(Ot,Rt),o=E(Nt,Rt);return Ve(fu,{onMouseMove:t=>t.preventDefault,onClick:()=>Ct(n),onKeyUp:t=>t.preventDefault(),whileHover:{scale:1.1,rotate:o===$t.ended?-30:0},whileTap:{scale:.95,rotate:o===$t.ended?-55:0},"data-cy":e.id,children:["playButton1"===e.id&&Ve(Le,{children:[o===$t.paused&&Ae(iu,{}),o===$t.playing&&Ae(au,{}),o===$t.ended&&Ae(uu,{})]}),"playButton2"===e.id&&Ve(Le,{children:[o===$t.paused&&Ae(ou,{}),o===$t.playing&&Ae(eu,{}),o===$t.ended&&Ae(du,{})]})]})}const fu=(0,r.ZP)(_l.button)` - cursor: pointer; - background: transparent; - border: 0; - padding: 0; - color: currentColor; - display: flex; - justify-content: center; - align-items: center; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,mu={init:{opacity:0,width:0},anim:{opacity:1,width:56},exit:{opacity:0,width:0}},gu={init:{opacity:0,zIndex:2},anim:{opacity:1,zIndex:2},exit:{opacity:0,zIndex:2}},vu={init:{opacity:.01},anim:{opacity:1,transition:{duration:.25}},exit:{opacity:0,transition:{duration:.25}}},yu={init:{y:35,opacity:0},anim:{y:0,opacity:1},exit:{y:45,opacity:0}},bu={init:{scale:1},anim:t=>({scale:t?1.15:1})},xu={init:{scale:1},anim:t=>({scale:t?1.15:1})},wu={init:{scale:1},anim:t=>({scale:t?1.15:1})},Cu={anim:t=>({scale:t?1:.25,opacity:t?1:0,transition:{opacity:{duration:.25},scale:{type:"spring",damping:10,mass:.75,stiffness:160}}})},ku={init:t=>({opacity:0,bottom:t?55:10}),anim:t=>({opacity:1,bottom:t?55:10}),exit:{opacity:0}},Eu={opacity:{duration:.1},bottom:{type:"spring",damping:10,mass:.75,stiffness:160}};function Mu(t){let{isHovered:e,isProgressDragging:n,data:r}=t;var i,s,a,l,u,c;const d=E(de,Rt),h=E(ue,Rt),p=E(ce,Rt),f=E(oe,Rt),m=E(Ht,Rt),g=E(he,Rt),[v,y]=(0,o.useState)({x:0,y:0,w:0,h:0});(0,o.useEffect)((()=>{if("text"!==r.id){const t=function(t,e){return null===e?null:Array.from(e).find((e=>t>e.startTime&&t0;return Ve(Le,{children:["text"===r.id&&Ae(Pu,{backgroundColor:null==(i=f.controlsBar)?void 0:i.barColor,textColor:null!=(s=f.controlsBar)&&s.barColor?Lt(null==(a=f.controlsBar)?void 0:a.barColor):"white","data-cy":"textPreviewTooltip",isVisible:b,style:{transform:`translate(${d}px, -60px)`},children:p}),("thumbnail"===r.id||"textAndThumbnail"===r.id)&&Ve(Su,{"data-cy":"imageThumbnailContainer",backgroundColor:null==(l=f.controlsBar)?void 0:l.barColor,textColor:null!=(u=f.controlsBar)&&u.barColor?Lt(null==(c=f.controlsBar)?void 0:c.barColor):"white",isVisible:b,style:{transform:`translate(${d}px, ${"thumbnail"===r.id?-1*v.h-50+"px":-1*v.h-72+"px"})`},children:[Ae(Bu,{"data-cy":"imageThumbnail",style:{backgroundPosition:`${-1*v.x}px ${-1*v.y}px`},height:v.h,width:v.w,backgroundImage:r.atlasImage??""}),"textAndThumbnail"===r.id&&Ae(Tu,{children:p})]})]})}const Pu=r.ZP.span` - position: absolute; - padding: 0.5rem; - border-radius: 0.5rem; - color: ${t=>t.textColor}; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - pointer-events: none; - opacity: ${t=>t.isVisible?1:0}; - transition: opacity 300ms; - box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.25); -`,Su=(0,r.ZP)(Pu)` - padding: 0.5rem; - box-sizing: border-box; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -`,Bu=r.ZP.div` - height: ${t=>t.height?t.height:"70"}px; - width: ${t=>t.width?t.width:"125"}px; - - background-image: url(${t=>t.backgroundImage}); -`,Tu=r.ZP.div` - padding: 0.25rem; -`,Au=(0,o.forwardRef)(((t,e)=>{const n=E(oe,Rt),o=E(se,Rt),r=E(le,Rt);return Ve(Vu,{ref:e,barBorderColor:t.item.barBorderColor,barColor:t.item.barColor,role:"progressbar",animate:{height:t.shouldAnimate?"0.6rem":"0.35rem"},transition:{duration:.2},children:[Ae(Ru,{"data-cy":"progressBuffer1",width:`${r}%`,bufferedColor:t.item.bufferedColor}),Ae(Lu,{"data-cy":"progress1",hasScrubber:t.hasScrubber,style:{width:t.hasScrubber?`calc(${o} + 6px)`:o},progressColor:t.item.progressColor,children:Ae(Du,{scrubberColor:t.item.scrubberColor??t.item.progressColor,scrubberBorderColor:t.item.scrubberBorderColor,variants:bu,custom:t.shouldAnimate,initial:"init",animate:"anim","data-cy":"progressBar1Scrubber"})}),n.previewTooltip&&Ae(Mu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:n.previewTooltip})]})})),Vu=(0,r.ZP)(_l.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"#f2f2f2"}; - border: 2.25px solid - ${t=>t.barBorderColor?t.barBorderColor:"none"}; - width: 100%; - border-radius: 0.7rem; - justify-content: flex-start; - position: relative; -`,Lu=r.ZP.div` - height: 100%; - pointer-events: none; - border-radius: 0.7rem; - display: flex; - justify-content: flex-end; - align-items: center; - position: absolute; - z-index: 2; - - ${t=>t.hasScrubber&&r.iv` - min-width: 16px; - `} - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,Ru=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - width: ${t=>t.width}; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.4)"}; - z-index: 1; - border-radius: 50rem; -`,Du=(0,r.ZP)(_l.div)` - height: 1rem; - width: 1rem; - background-color: ${t=>t.scrubberColor??"white"}; - position: absolute; - border-radius: 50rem; - box-sizing: border-box; - border: ${t=>void 0!==t.scrubberBorderColor?"2px solid "+t.scrubberBorderColor:void 0!==t.scrubberColor?"2px solid "+Vt(t.scrubberColor):"2px solid white"}; -`;Au.displayName="ProgressBar1";const Iu=(0,o.forwardRef)(((t,e)=>{const n=E(se,Rt),o=E(oe,Rt),r=E(le,Rt);return Ve(Ou,{ref:e,role:"progressbar",barColor:t.item.barColor,children:[Ae(ju,{"data-cy":"progressBuffer2",width:`${r}%`,bufferedColor:t.item.bufferedColor}),Ae(Fu,{"data-cy":"progress2",hasScrubber:t.hasScrubber,style:{width:t.hasScrubber?`calc(${n} + 6px)`:n},progressColor:t.item.progressColor}),o.previewTooltip&&Ae(Mu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:o.previewTooltip})]})})),Ou=(0,r.ZP)(_l.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"#f2f2f2"}; - width: 100%; - height: 1.4rem; - justify-content: flex-start; - position: relative; -`,Fu=r.ZP.div` - height: 100%; - pointer-events: none; - display: flex; - justify-content: flex-end; - align-items: center; - position: absolute; - z-index: 2; - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,ju=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - width: ${t=>t.width}; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.2)"}; - z-index: 1; -`;Iu.displayName="ProgressBar2";const $u=(0,o.forwardRef)(((t,e)=>{const n=E(se,Rt),o=E(oe,Rt),r=E(le,Rt);return Ve(Uu,{ref:e,role:"progressbar",barBorderColor:t.item.barBorderColor,barColor:t.item.barColor,children:[Ve(Zu,{children:[Ae(Nu,{"data-cy":"progressBuffer3",style:{width:`clamp(0%, ${r}%, 100%)`},bufferedColor:t.item.bufferedColor}),Ae(zu,{"data-cy":"progress3",style:{width:`clamp(0%, ${n}, 100%)`},progressColor:t.item.progressColor})]}),o.previewTooltip&&Ae(Mu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:o.previewTooltip})]})})),Uu=(0,r.ZP)(_l.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"transparent"}; - width: 100%; - height: 1.25rem; - justify-content: flex-start; - border-radius: 1rem; - border: 3px solid ${t=>t.barBorderColor}; - position: relative; -`,Nu=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.4)"}; - z-index: 1; - height: 35%; - border-radius: 0.4rem; -`,zu=r.ZP.div` - height: 35%; - pointer-events: none; - position: absolute; - z-index: 2; - border-radius: 0.4rem; - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,Zu=r.ZP.div` - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-top: 2px solid transparent; - border-bottom: 2px solid transparent; - position: relative; - height: 100%; - width: 100%; - display: flex; - flex-direction: column; - justify-content: center; - box-sizing: border-box; -`;$u.displayName="ProgressBar3";const Hu=150,Wu=60;function qu(t){let{item:e,onTop:n=!1}=t;const r=(0,o.useRef)(null),[i,s]=(0,o.useState)(!1),a=E(Ot,Rt),l=E(Ft,Rt),u=M(ie,Rt),c=E(Nt,Rt),d=E(oe,Rt),h=M(_t,Rt),[p,f]=(0,o.useState)(-1),[m,g]=P(ae,Rt),v=M(de,Rt),y=M(ue,Rt),b=E(ge,Rt);function x(t,e){var n;Mt(t,e,m,r,l,a,"text"===(null==(n=d.previewTooltip)?void 0:n.id)?Wu:Hu,u,g,y,v)}ke(p,a,m,f,c);const w=(i||m)&&!b,C=!("transparent"===e.scrubberColor&&("transparent"===e.scrubberBorderColor||"none"===e.scrubberBorderColor||void 0===e.scrubberBorderColor));return Ve(_u,{tabIndex:0,onFocus:()=>h("progressBar"),onTop:n,"data-cy":e.id,isDragging:m,onTouchStart:t=>{s(!0),Et(t,x,l,g,!0)},onTouchEnd:()=>s(!1),onMouseEnter:()=>s(!0),onMouseMove:t=>{var e;return Pt(t,m,r,l,a,"text"===(null==(e=d.previewTooltip)?void 0:e.id)?Wu:Hu,y,v)},onMouseLeave:()=>s(!1),onMouseDown:t=>Et(t,x,l,g,!1),children:["progressBar1"===e.id&&Ae(Au,{hasScrubber:C,shouldAnimate:w,item:e,isProgressDragging:m,isHovered:i&&!b,ref:r}),"progressBar2"===e.id&&Ae(Iu,{hasScrubber:!1,shouldAnimate:w,item:e,isProgressDragging:m,isHovered:i&&!b,ref:r}),"progressBar3"===e.id&&Ae($u,{hasScrubber:!1,shouldAnimate:w,item:e,isProgressDragging:m,isHovered:i&&!b,ref:r})]})}const _u=r.ZP.div` - height: 100%; - width: 100%; - display: flex; - align-items: ${t=>t.onTop?"flex-end":"center"}; - cursor: ${t=>t.isDragging?"col-resize":"pointer"}; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Xu=(0,o.forwardRef)(((t,e)=>{var n;const o=t.isBarHovered||t.isVolumeDragging,r=E(oe,Rt),i=E(fe,Rt),s=M(_t,Rt),a=t=>{s(t)},l=()=>{s("progressBar"),t.setIsVolumeHovered(!1)},u=!("transparent"===t.item.scrubberColor&&("transparent"===t.item.scrubberBorderColor||"none"===t.item.scrubberBorderColor||void 0===t.item.scrubberBorderColor));return"volumeBar1"===t.item.barId?Ae(Yu,{tabIndex:0,onFocus:()=>a("volumeBar1"),onBlur:l,barColor:t.item.barColor,"data-cy":t.item.barId,ref:e,animate:{height:o?"0.5rem":"0.35rem"},transition:{duration:.2},children:Ae(Qu,{style:{width:u?`calc(${i} + 5px)`:i},volumeColor:t.item.volumeColor,volumeBar2:!1,hasScrubber:u,children:Ae(Ju,{"data-cy":"volumeScrubber1",scrubberBorderColor:t.item.scrubberBorderColor,scrubberColor:t.item.scrubberColor??t.item.volumeColor,variants:xu,custom:o,initial:"init",animate:"anim"})})}):"volumeBar2"===t.item.barId?Ae(Gu,{onFocus:()=>a("volumeBar2"),onBlur:l,tabIndex:0,backgroundColor:null==(n=r.controlsBar)?void 0:n.barColor,children:Ae(Ku,{barColor:t.item.barColor,"data-cy":t.item.barId,ref:e,children:Ae(Qu,{volumeBar2:!0,style:{height:i},volumeColor:t.item.volumeColor,hasScrubber:u,children:Ae(Ju,{"data-cy":"volumeScrubber2",scrubberBorderColor:t.item.scrubberBorderColor,scrubberColor:t.item.scrubberColor??t.item.volumeColor,variants:wu,custom:o,initial:"init",animate:"anim"})})})}):Ae(Le,{})}));Xu.displayName="VolumeBars";const Yu=(0,r.ZP)(_l.div)` - height: 0.35rem; - background-color: ${t=>t.barColor?t.barColor:"white"}; - width: 3.5rem; - border-radius: 0.35rem; - margin-left: 0.35rem; - display: flex; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Gu=r.ZP.div` - height: 5.9rem; - width: 2rem; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - display: flex; - justify-content: center; - align-items: center; - transform: translate(-30px, -68px); - border-radius: 0.45rem 0.45rem 0 0; - position: absolute; - z-index: 2; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Ku=r.ZP.div` - height: 4.75rem; - width: 0.5rem; - display: flex; - flex-direction: column-reverse; - border-radius: 0.35rem; - background-color: ${t=>t.barColor?t.barColor:"white"}; -`,Qu=r.ZP.div` - background-color: ${t=>t.volumeColor?t.volumeColor:"#4ab860"}; - border-radius: 0.35rem; - display: flex; - ${t=>!t.volumeBar2&&r.iv` - height: 100%; - justify-content: flex-end; - align-items: center; - ${t.hasScrubber&&r.iv` - min-width: 12px; - max-width: ${50.5}px; - `} - `} - - ${t=>t.volumeBar2&&r.iv` - width: 100%; - display: flex; - flex-direction: column-reverse; - justify-content: flex-end; - align-items: center; - ${t.hasScrubber&&r.iv` - min-height: 12.8px; - max-height: ${76}px; - `} - `} -`,Ju=(0,r.ZP)(_l.div)` - height: 0.9rem; - width: 0.9rem; - box-sizing: border-box; - background-color: ${t=>t.scrubberColor??"white"}; - position: absolute; - border-radius: 50rem; - border: ${t=>void 0!==t.scrubberBorderColor?"2px solid "+t.scrubberBorderColor:void 0!==t.scrubberColor?"2px solid "+Vt(t.scrubberColor):"none"}; -`;function tc(t){let{item:e}=t;const[n,r]=(0,o.useState)(!1),[i,s]=(0,o.useState)(!1),a=E(me,Rt),l=(0,o.useRef)(null),u=E(Ot,Rt),c=E(pe,Rt);function d(t,n){if(l&&l.current){let o=0;"volumeBar1"===e.barId?Bt(t)?o=t.touches[0].clientX:Tt(t)&&(o=t.clientX):Bt(t)?o=t.touches[0].clientY:Tt(t)&&(o=t.clientY),f("volumeBar1"===e.barId?"horizontal":"vertical");const r="volumeBar1"===e.barId?o-n.left:o-n.top,i=l.current.getBoundingClientRect(),s="volumeBar1"===e.barId?i.left-n.left:i.bottom-n.top,a=kt(("volumeBar1"===e.barId?1:-1)*(r-s),0,"volumeBar1"===e.barId?i.width:i.height),c=kt(a/("volumeBar1"===e.barId?l.current.clientWidth:l.current.clientHeight),0,1);u&&(u.volume=c),u&&(u.muted=!1)}}const h=E(Ft,Rt),[p,f]=P(ge,Rt);return Ve(ec,{"data-cy":`volumeButtonBarContainer-${e.id}`,isDragging:p,onMouseEnter:()=>!At()&&r(!0),onMouseLeave:()=>!At()&&r(!1),children:[Ae(rc,{onFocus:()=>!At()&&r(!0),"data-cy":e.id,whileHover:{scale:1.075},whileTap:{scale:.925},onClick:()=>u?u.muted=!u.muted:null,children:("volumeButton1"===e.id||"volumeButton2"===e.id)&&Ve("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(oc,{d:"M5 12H9V20H5C4.44772 20 4 19.5523 4 19V13C4 12.4477 4.44772 12 5 12Z"}),Ae(oc,{d:"M9 13L15 7"}),Ae(oc,{d:"M15 7V26"}),Ae(oc,{d:"M9 20L15 26"}),Ae(tu,{children:(0===c||a)&&Ve(_l.g,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},children:[Ae(oc,{d:"M21 13.5L28 20.5"}),Ae(oc,{d:"M28 13.5L21 20.5"})]})}),Ae(tu,{children:c>0&&!a&&Ae(oc,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},d:"M19.5 13.5C21 14.6667 23.1 17.7 19.5 20.5",id:"custoplayer-arc1"})}),Ae(tu,{children:c>.5&&!a&&Ae(oc,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},d:"M24 9.5C27.0185 11.7059 31.2444 17.7941 24 24.5",id:"custoplayer-arc2"})})]})}),Ae(tu,{children:(n||p)&&e.barId&&Ae(nc,{variants:"volumeBar1"===e.barId?mu:gu,initial:"init",animate:"anim",exit:"exit","data-cy":"volumeContainer",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onMouseDown:t=>Et(t,d,h,f,!1),onTouchStart:t=>{s(!0),Et(t,d,h,f,!0)},onTouchEnd:()=>s(!1),children:Ae(Xu,{item:e,isBarHovered:i,isVolumeDragging:p,ref:l,setIsVolumeHovered:r})})})??e.barId]})}const ec=r.ZP.div` - height: 100%; - width: auto; - background-color: transparent; - display: flex; - align-items: center; - justify-content: flex-start; - cursor: ${t=>t.isDragging?"horizontal"===t.isDragging?"col-resize":"row-resize":"auto"}; - color: currentColor; -`,nc=(0,r.ZP)(_l.div)` - height: 100%; - display: flex; - align-items: center; - cursor: pointer; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,oc=(0,r.ZP)(_l.path)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,rc=(0,r.ZP)(_l.button)` - border: 0; - display: flex; - justify-content: center; - align-items: center; - background-color: transparent; - padding: 0; - cursor: pointer; - color: inherit; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`;function ic(){const t=E(Zt,Rt);return Ae(sc,{isLargerThan60Minutes:7===t.length,"data-cy":"currentTime",children:t})}const sc=r.ZP.span` - color: currentColor; - width: ${t=>t.isLargerThan60Minutes?"59px":"45px"}; - text-align: center; -`;function ac(){const t=E(Wt,Rt);return Ae(lc,{isLargerThan60Minutes:7===t.length,"data-cy":"duration",children:t})}const lc=r.ZP.span` - color: currentColor; - text-align: center; - width: ${t=>t.isLargerThan60Minutes?"59px":"45px"}; -`;function uc(t){let{item:e,isFullscreen:n}=t;const[r,i]=(0,o.useState)(!1),[s,a]=(0,o.useState)(!1),l=E(Ot,Rt),u=E(Ft,Rt);return Ae(Le,{children:Ve(cc,{"data-cy":e.id,onMouseEnter:()=>i(!0),onMouseLeave:()=>{i(!1),a(!1)},onMouseDown:()=>a(!0),onMouseUp:()=>a(!1),onClick:function(){u&&Ce.isEnabled?Ce.toggle(u):u&&l&&!Ce.isEnabled&&l.webkitEnterFullscreen()},children:["fullscreenButton1"===e.id&&Ve("svg",n?{"data-cy":"fullscreenButton1-fullscreened",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(dc,{animate:{d:r&&!s?"M29 3L19 13":"M29 3L21 11"},d:"M29 3L21 11"}),Ae(dc,{animate:{d:r&&!s?"M19 13V7":"M21 11V7"},d:"M21 11V7"}),Ae(dc,{animate:{d:r&&!s?"M19 13H25":"M21 11H25"},d:"M21 11H25"}),Ae(dc,{animate:{d:r&&!s?"M3 29L13 19":"M3 29L11 21"},d:"M3 29L11 21"}),Ae(dc,{animate:{d:r&&!s?"M13 19H7":"M11 21H7"},d:"M11 21H7"}),Ae(dc,{animate:{d:r&&!s?"M13 19V25":"M11 21V25"},d:"M11 21V25"})]}:{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton1-not-fullscreened",children:[Ae(dc,{animate:{d:r&&!s?"M18 14L28 4":"M18 14L26 6"}}),Ae(dc,{animate:{d:r&&!s?"M28 4V10":"M26 6V10"}}),Ae(dc,{animate:{d:r&&!s?"M28 4H22":"M26 6H22"}}),Ae(dc,{animate:{d:r&&!s?"M14 18L4 28":"M14 18L6 26"}}),Ae(dc,{animate:{d:r&&!s?"M4 28H10":"M6 26H10"}}),Ae(dc,{animate:{d:r&&!s?"M4 28V22":"M6 26V22"}})]}),"fullscreenButton2"===e.id&&Ve("svg",n?{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton2-fullscreened",children:[Ae(hc,{x:"1",y:"1",width:"30",height:"30"}),Ae(hc,{x:"1",initial:{y:"18px",width:"12px",height:"13px"},animate:{width:r&&!s?"10px":"12px",height:r&&!s?"11px":"13px",y:r&&!s?"20px":"18px"}}),Ae(dc,{animate:{d:r&&!s?"M26 5L16 15":"M26 5L18 13"},d:"M26 5L18 13"}),Ae(dc,{animate:{d:r&&!s?"M16 15H22":"M18 13H22"},d:"M18 13H22"}),Ae(dc,{animate:{d:r&&!s?"M16 15V9":"M18 13V9"},d:"M18 13V9"})]}:{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton2-not-fullscreened",children:[Ae(hc,{x:"1",y:"1",width:"30",height:"30"}),Ae(hc,{x:"1",initial:{y:"8px"},animate:{y:r&&!s?"6px":"8px",width:r?"24px":"21px",height:r?"25px":"23px"}}),Ae(dc,{animate:{d:r&&!s?"M7 24L17 14":"M7 24L15 16"},d:"M7 24L15 16"}),Ae(dc,{animate:{d:r&&!s?"M17 14H11":"M15 16H11"},d:"M15 16H11"}),Ae(dc,{animate:{d:r&&!s?"M17 14V20":"M15 16V20"},d:"M15 16V20"})]})]})})}const cc=r.ZP.button` - background: transparent; - padding: 0; - border: 0; - color: currentColor; - cursor: pointer; - height: 32px; - width: 32px; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,dc=(0,r.ZP)(_l.path)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,hc=(0,r.ZP)(_l.rect)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,pc=(0,r.ZP)(_l.button)` - background-color: transparent; - border: 0; - color: inherit; - width: 100%; - height: 100%; - text-align: left; - font-size: 1em; - padding: 0.6rem 0.4rem; - cursor: pointer; - border-radius: 0.5rem; - display: flex; - align-items: center; - - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } - - &:hover { - background-color: ${t=>t.settingsMenuColor?""+Vt(t.settingsMenuColor):"currentColor"}; - } - &:active { - background-color: ${t=>t.settingsMenuColor?""+function(t){return ft(t).darken(.175)}(t.settingsMenuColor):"currentColor"}; - } -`,fc=(0,r.ZP)(_l.li)` - list-style-type: none; - margin: 0; - color: inherit; -`,mc=(0,r.ZP)(_l.svg)` - height: 20px; - width: 20px; - min-height: 20px; - min-width: 20px; - stroke: currentColor; - stroke-width: 2px; - margin: ${t=>t.margin?t.margin:"0 0.35rem 0 0"}; -`,gc=(0,r.ZP)(_l.h3)` - color: inherit; - margin: 0; - font-weight: normal; -`,vc=(0,r.ZP)(mc)` - margin-right: 0; - height: 18px; - width: 18px; -`,yc=(0,r.ZP)(pc)` - padding: 0.25rem; - width: auto; - margin-right: 0.35rem; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,bc=()=>Ae(mc,{margin:"0 0.25rem 0 auto",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(_l.path,{initial:{pathLength:0},animate:{pathLength:1},transition:{duration:.3,type:"easeInOut"},d:"M4 16L8.0982 21.7375C8.52071 22.329 9.41304 22.288 9.80496 21.6758C12.1212 18.0575 17.15 11.8143 27 9",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})});function xc(t){var e,n;if("ArrowUp"===t.key){const n=t.target.parentElement,o=null==n?void 0:n.previousElementSibling;if(o){const t=o.firstElementChild;t&&t.focus()}else{const t=null==(e=null==n?void 0:n.parentElement)?void 0:e.lastElementChild;if(t){const e=t.firstElementChild;e&&e.focus()}}}else if("ArrowDown"===t.key){const e=t.target.parentElement,o=null==e?void 0:e.nextElementSibling;if(o){const t=o.firstElementChild;t&&t.focus()}else{const t=null==(n=null==e?void 0:e.parentElement)?void 0:n.firstElementChild;if(t){const e=t.firstElementChild;e&&e.focus()}}}}function wc(t){let{settingsMenuColor:e,onClick:n,dataCy:o,children:r}=t;return Ae(pc,{onKeyDown:xc,"data-cy":o,onClick:n,settingsMenuColor:e,layout:"position",children:r})}function Cc(t){let{item:e,setCurrentPage:n}=t;var o,r,i,s;const a=E(oe,Rt),l=e.settingsMenuColor??(null==(o=null==a?void 0:a.controlsBar)?void 0:o.barColor);return Ve(Le,{children:[Ae(fc,{children:(null==(r=e.options)?void 0:r.quality)&&Ve(wc,{dataCy:"settingsMenuQualityButton",onClick:()=>n("/quality"),settingsMenuColor:l,children:[Ae(kc,{}),"Quality"]})}),(null==(i=e.options)?void 0:i.subtitles)&&Ae(fc,{children:Ve(wc,{dataCy:"settingsMenuSubtitlesButton",onClick:()=>n("/subtitles"),settingsMenuColor:l,children:[Ae(Ec,{}),"Subtitles"]})}),(null==(s=e.options)?void 0:s.playbackSpeed)&&Ae(fc,{children:Ve(wc,{dataCy:"settingsMenuSpeedButton",onClick:()=>n("/playback-speed"),settingsMenuColor:l,children:[Ae(Mc,{}),"Speed"]})})]})}const kc=()=>Ve(mc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("rect",{x:"3",y:"3",width:"26",height:"26",rx:"6"}),Ae("path",{d:"M8.5 11V15.5M8.5 20V15.5M8.5 15.5H13.5M13.5 11V20",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),Ae("path",{d:"M23.5 15.5C23.5 18.0154 21.5324 20 19.1714 20C18.5694 20 18.2619 19.874 18.0967 19.7554C17.9388 19.6421 17.7996 19.4562 17.6935 19.1021C17.5826 18.7317 17.5282 18.244 17.509 17.6107C17.4962 17.185 17.4996 16.7425 17.5033 16.2596C17.5051 16.0175 17.507 15.7653 17.507 15.5C17.507 15.2347 17.5051 14.9825 17.5033 14.7404C17.4996 14.2575 17.4962 13.815 17.509 13.3893C17.5282 12.756 17.5826 12.2683 17.6935 11.8979C17.7996 11.5438 17.9388 11.3579 18.0967 11.2446C18.2619 11.126 18.5694 11 19.1714 11C21.5324 11 23.5 12.9846 23.5 15.5Z",stroke:"currentColor",strokeWidth:"2"})]}),Ec=()=>Ve(mc,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("rect",{x:"3",y:"3",width:"26",height:"26",rx:"6",stroke:"currentColor",strokeWidth:"2"}),Ae("path",{d:"M14 20.8452C10.7273 21.7262 8 18.676 8 16C8 13.324 11.2727 10.2738 14 11.1548",stroke:"currentCOlor",strokeWidth:"2.25",strokeLinecap:"round"}),Ae("path",{d:"M23 20.8452C20 20.8452 18 18.676 18 16C18 13.324 19.5 11 23 11.1548",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round"})]}),Mc=()=>Ae(mc,{width:"32",height:"32",viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ve("g",{clipPath:"url(#clip0_143_2)",children:[Ae("path",{d:"M26.25 27.25C31.6348 21.8652 31.6348 13.1348 26.25 7.74999C20.8652 2.36522 12.1348 2.36522 6.75 7.74999C1.36523 13.1348 1.36523 21.8652 6.75 27.25",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M6.84175 27.3492L9.72126 25.8602",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M4.38938 13.744L7.53268 14.5368",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M25.6726 14.5795L28.7945 13.7014",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M16.7426 7.50893L16.6949 4.26755",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M26.1818 27.4507L23.3237 25.921",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("circle",{cx:"16.5",cy:"17.5",r:"2.5",fill:"currentColor",stroke:"currentColor"}),Ae("path",{d:"M23.6935 17.5L16.75 19.0419V15.9581L23.6935 17.5Z",strokeWidth:"2.5",fill:"currentColor",stroke:"currentColor"})]})}),Pc=Object.keys;function Sc(t){let{item:e}=t;var n;const o=E(Jt,Rt),r=E(Kt,Rt),i=E(Ot,Rt),s=Pc(o).map((t=>Number(t)));s.sort(((t,e)=>e-t));const a=E(oe,Rt),l=e.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor);const u=s.map((t=>{const e=o[t];if(null!==e)return Ae(fc,{children:Ve(wc,{dataCy:`settingsMenuQualityButton${t}p`,settingsMenuColor:l,onClick:()=>function(t){if(i){const e=i.currentTime,n=i.paused;i.src=t,i.currentTime=e,n||i.play()}}(e),children:[t+"p",r===t&&Ae(bc,{})]})},`quality-${t}`)}));return Ae(Le,{children:u})}function Bc(t){let{item:e}=t;var n;const o=E(oe,Rt),r=e.settingsMenuColor??(null==(n=null==o?void 0:o.controlsBar)?void 0:n.barColor),[i,s]=P(Yt,Rt),[a,l]=P(Gt,Rt),u=M(Xt,Rt);if(null!==i){const t=i.map(((t,e)=>Ae(fc,{children:Ve(wc,{dataCy:`settingsMenuSubtitleButton${t.label}`,settingsMenuColor:r,onClick:()=>function(t,e){t((t=>null===t?null:(t.forEach((t=>{t.mode="hidden"})),t[e].mode="showing",t)))}(s,e),children:[t.label,(null==a?void 0:a.label)===t.label&&Ae(bc,{})]})},`subtitle-${e}`)));return Ve(Le,{children:[Ae(fc,{children:Ve(wc,{dataCy:"settingsMenuSubtitleButtonNone",settingsMenuColor:r,onClick:()=>function(t,e,n){t((t=>null===t?null:(t.forEach((t=>{t.mode="hidden"})),t))),e(null),n(null)}(s,u,l),children:["None",null===a&&Ae(bc,{})]})}),t]})}return Ae(Le,{})}function Tc(t){let{item:e}=t;var n,o,r;const i=E(qt,Rt),s=E(Ot,Rt),a=E(oe,Rt),l=e.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor),u=(null==(o=e.options)?void 0:o.playbackSpeed)&&(null==(r=e.options)?void 0:r.playbackSpeed.map(((t,e)=>Ae(fc,{children:Ve(wc,{dataCy:`settingsMenuSpeedButton-${e}`,onClick:()=>s?s.playbackRate=t:null,settingsMenuColor:l,children:[t," ",i===t&&Ae(bc,{})]})},`settingsMenuSpeedButton-${e}`))));return Ae(Le,{children:u})}const Ac=()=>Ve(vc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("path",{d:"M6 6L26 26",stroke:"currentColor",strokeWidth:"3.5",strokeLinecap:"round"}),Ae("path",{d:"M6 26L26 6",stroke:"currentColor",strokeWidth:"3.5",strokeLinecap:"round"})]}),Vc=()=>Ae(vc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae("path",{d:"M28 17.5C28.8284 17.5 29.5 16.8284 29.5 16C29.5 15.1716 28.8284 14.5 28 14.5V17.5ZM2.93934 14.9393C2.35355 15.5251 2.35355 16.4749 2.93934 17.0607L12.4853 26.6066C13.0711 27.1924 14.0208 27.1924 14.6066 26.6066C15.1924 26.0208 15.1924 25.0711 14.6066 24.4853L6.12132 16L14.6066 7.51472C15.1924 6.92893 15.1924 5.97918 14.6066 5.3934C14.0208 4.80761 13.0711 4.80761 12.4853 5.3934L2.93934 14.9393ZM28 14.5L4 14.5V17.5L28 17.5V14.5Z",fill:"currentColor"})}),Lc=(0,o.forwardRef)(((t,e)=>{var n;const[r,i]=(0,o.useState)("/home"),s=E(ne,Rt),a=E(oe,Rt);(0,o.useEffect)((()=>{if(e){const t=e.current.lastChild;let n=null==t?void 0:t.firstChild;for(;null!==n&&((null==n?void 0:n.nodeType)!==Node.ELEMENT_NODE||!n.hasChildNodes())&&(n=null==n?void 0:n.nextSibling,n););const o=null==n?void 0:n.firstChild;o&&o.focus()}}),[e,r]);const l=t.item.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor);return Ae(Rc,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.25},orientation:t.item.settingsMenuOrientation??"middle",children:Ve(Dc,{layout:!0,ref:e,"data-cy":"settingsMenu",settingsMenuColor:l,textColor:Lt(l??""),children:[Ve(Ic,{layout:!0,children:[Ae(yc,{"data-cy":"settingsMenuHeaderButton",settingsMenuColor:l,onClick:()=>"/home"===r?t.setIsSettingsMenuOpen(!1):i("/home"),children:Ae("/home"===r?Ac:Vc,{})}),Ae(gc,{layout:"position",children:"/home"===r?"Settings":"/quality"===r?"Quality":"/subtitles"===r?"Subtitles":"/playback-speed"===r?"Speed":void 0})]}),Ve(Oc,{settingsMenuHeight:s.height-45-60,onKeyDown:e=>"Escape"===e.key&&t.setIsSettingsMenuOpen(!1),children:["/home"===r&&Ae(Cc,{setCurrentPage:i,item:t.item}),"/quality"===r&&Ae(Sc,{item:t.item}),"/subtitles"===r&&Ae(Bc,{item:t.item}),"/playback-speed"===r&&Ae(Tc,{item:t.item})]})]})})}));Lc.displayName="SettingsMenu";const Rc=(0,r.ZP)(_l.div)` - transform: translate( - ${t=>"middle"===t.orientation?"-3rem":"left"===t.orientation?"-5.25rem":"0rem"}, - -2rem - ); - display: flex; - flex-direction: column-reverse; -`,Dc=(0,r.ZP)(_l.menu)` - border-radius: 0.5rem; - background-color: ${t=>t.settingsMenuColor?t.settingsMenuColor:"currentColor"}; - position: absolute; - margin: 0; - padding: 0.35rem 0.45rem; - overflow: hidden; - min-width: 6.5rem; - box-shadow: 10px 10px 55px -8px rgba(0, 0, 0, 0.56); - color: ${t=>t.textColor}; -`,Ic=(0,r.ZP)(_l.section)` - display: flex; - align-items: center; - margin: 0.25rem 0 0.5rem; - color: inherit; -`,Oc=r.ZP.ul` - max-height: ${t=>t.settingsMenuHeight}px; - color: inherit; - padding: 0; - margin: 0; - overflow-y: auto; - overflow-x: hidden; - ::-webkit-scrollbar { - width: 0; - } - scrollbar-width: none; -`;function Fc(t){let{item:e}=t;const[n,r]=(0,o.useState)(!1),i=(0,o.useRef)(null);return function(t,e){(0,o.useEffect)((()=>{const n=n=>{!t.current||t.current.contains(n.target)||e(n)};return document.addEventListener("click",n),()=>{document.removeEventListener("click",n)}}),[t,e])}(i,(()=>r(!1))),Ve(Le,{children:[e.options&&Ae(tu,{children:n&&Ae(Lc,{ref:i,item:e,setIsSettingsMenuOpen:r})}),Ae(jc,{onClick:function(){r((t=>!t))},"data-cy":e.id,whileHover:{scale:1.1,rotateZ:45},whileTap:{scale:.95,rotateZ:0},children:Ae("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ve("g",{children:[Ae($c,{as:"circle",cx:"16",cy:"16",r:"3"}),Ae($c,{d:"M10.7591 6.96198C12.3955 8.30774 14.8735 7.58014 15.5226 5.56327C15.6719 5.09948 16.3281 5.09948 16.4774 5.56327C17.1265 7.58014 19.6045 8.30774 21.2409 6.96198C21.6173 6.65252 22.1693 7.00729 22.0441 7.47815C21.4998 9.52578 23.191 11.4776 25.2953 11.2302C25.7792 11.1733 26.0518 11.7702 25.6919 12.0986C24.1269 13.5269 24.4945 16.0833 26.3984 17.0128C26.8363 17.2265 26.7429 17.8761 26.2626 17.9578C24.1738 18.3133 23.101 20.6625 24.2002 22.4738C24.4529 22.8904 24.0232 23.3863 23.5749 23.1954C21.6256 22.3652 19.453 23.7614 19.3984 25.8795C19.3858 26.3665 18.7562 26.5514 18.4823 26.1485C17.2913 24.3962 14.7087 24.3962 13.5177 26.1485C13.2438 26.5514 12.6142 26.3665 12.6016 25.8795C12.547 23.7614 10.3744 22.3652 8.42505 23.1954C7.9768 23.3863 7.54708 22.8904 7.79984 22.4738C8.899 20.6625 7.82615 18.3133 5.73744 17.9578C5.25713 17.8761 5.16374 17.2265 5.60157 17.0128C7.50552 16.0833 7.87307 13.5269 6.30811 12.0986C5.94825 11.7702 6.22084 11.1733 6.70472 11.2302C8.80898 11.4776 10.5002 9.52578 9.9559 7.47815C9.83073 7.00729 10.3827 6.65252 10.7591 6.96198Z"})]})})})]})}const jc=(0,r.ZP)(_l.button)` - background: transparent; - padding: 0; - border: 0; - color: currentColor; - cursor: pointer; - height: 32px; - width: 32px; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,$c=r.ZP.path` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function Uc(t){let{item:e}=t;const n=E(ve,Rt);return mt(e)?Ae(pu,{item:e}):vt(e)?Ae(qu,{item:e}):yt(e)?Ae(tc,{item:e}):bt(e)?Ae(ic,{}):xt(e)?Ae(ac,{}):wt(e)?Ae(uc,{item:e,isFullscreen:n}):gt(e)?Ae(Fc,{item:e}):Ae(Le,{})}function Nc(t){return mt(t)||yt(t)||wt(t)||gt(t)?t.buttonColor:xt(t)||bt(t)?t.textColor:void 0}function zc(){var t,e,n,r;const i=E(te,Rt),s=E(re,Rt),a=E(ae,Rt),l=E(ge,Rt),u=E(ne,Rt),c=E(oe,Rt);function d(t,e){var n;if(void 0===t||t.hideOnMobile&&u.width<768)return Ae(Le,{});const o=s.slice(e+1).find((t=>void 0!==t&&(!t.hideOnMobile||t.hideOnMobile&&u.width>=768)));let r;for(let i=e-1;i>-1;i--){const t=s[i];if(void 0!==t&&(!t.hideOnMobile||t.hideOnMobile&&u.width>=768)){r=s[i];break}}return Ae(Wc,{marginLeft:t.marginLeft,marginRight:t.marginRight,isProgressBarNextItem:!!o&&vt(o),isProgressBarPreviousItem:!!r&&vt(r),onClick:t=>t.stopPropagation(),isProgressBar:vt(t),color:Nc(t)??Lt((null==(n=c.controlsBar)?void 0:n.barColor)??""),children:Ae(Uc,{item:t})})}const h=null!=(t=c.controlsBar)&&t.alwaysVisible?null==(e=c.controlsBar)?void 0:e.alwaysVisible:a||l||i;return Ae(tu,{children:h&&Ve(Zc,{className:It.toString(),variants:"movement"===(null==(n=c.controlsBar)?void 0:n.animate)?yu:vu,initial:"init",animate:"anim",exit:"exit","data-cy":"controlsBar",children:[c.topProgressBar&&Ae(qc,{children:Ae(qu,{onTop:!0,item:c.topProgressBar})}),Ae(Hc,{height:"45px",backgroundColor:null==(r=c.controlsBar)?void 0:r.barColor,children:s.map(((t,e)=>Ae(o.Fragment,{children:d(t,e)},`item-${e}`)))})]})})}const Zc=(0,r.ZP)(_l.div)` - width: 100%; - position: absolute; - left: 0; - bottom: 0; -`,Hc=r.ZP.div` - height: ${t=>t.height}; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - width: 100%; - display: flex; - align-items: center; - padding: 0.3rem 0.5rem; - box-sizing: border-box; -`,Wc=r.ZP.div` - height: 100%; - width: auto; - color: ${t=>t.color}; - flex: ${t=>t.isProgressBar?"1":"0"}; - display: flex; - align-items: center; - justify-content: center; - /* - Progress bars don't have margin by default - If the next item is a progress bar the margin is increased (the scrubber takes up space) - Otherwise use the default margin of 0.35rem - */ - margin-right: ${t=>t.marginRight?t.marginRight:t.isProgressBarNextItem?"0.85rem":t.isProgressBar?"0":"0.35rem"}; - - margin-left: ${t=>t.marginLeft?t.marginLeft:t.isProgressBarPreviousItem?"0.85rem":"0"}; - - :last-child { - margin-right: ${t=>t.marginRight?t.marginRight:"0"}; - } -`,qc=r.ZP.div` - width: 100%; - height: 3rem; - display: flex; - flex-direction: column; - justify-content: flex-end; -`;function _c(){return Ae(Yc,{children:Ae(Gc,{})})}const Xc=r.F4` - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -`,Yc=r.ZP.div` - width: 128px; - height: 128px; - display: flex; - justify-content: center; - align-items: center; -`,Gc=r.ZP.span` - height: 86px; - width: 86px; - border: 10px solid currentColor; - border-bottom-color: transparent; - border-radius: 50%; - display: inline-block; - box-sizing: border-box; - animation: ${Xc} 1s linear infinite; -`;function Kc(){const t=E(Nt,Rt),e=E(Ut,Rt),n=E(re,Rt),o=E(Xt,Rt),r=E(te,Rt),i=function(t){if(void 0===t)return;const e=t.find((t=>t&&t.id.startsWith("playButton")));return e||void 0}(n),s=E(Ot,Rt);const a=e||t===$t.paused||t===$t.ended;return Ve(Qc,{children:[Ae(Jc,{"data-cy":"playIndicator",tabIndex:a?0:-1,playButtonColor:(null==i?void 0:i.buttonColor)??"white",variants:Cu,whileHover:{scale:1.1},animate:"anim",custom:a,onKeyDown:t=>"Enter"===t.key&&Ct(s),children:function(){if(e)return Ae(_c,{});if("playButton2"===(null==i?void 0:i.id)){if(t===$t.playing)return Ae(eu,{isIndicator:!0});if(t===$t.paused)return Ae(ou,{isIndicator:!0});if(t===$t.ended)return Ae(du,{isIndicator:!0})}else{if(t===$t.playing)return Ae(au,{isIndicator:!0});if(t===$t.paused)return Ae(iu,{isIndicator:!0});if(t===$t.ended)return Ae(uu,{isIndicator:!0})}}()}),Ae(tu,{children:o&&Ae(td,{"data-cy":"currentSubtitle",custom:r,initial:"init",animate:"anim",exit:"exit",variants:ku,transition:Eu,children:o.text})})]})}const Qc=r.ZP.div` - height: 100%; - width: 100%; - position: absolute; - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; - pointer-events: none; - flex-direction: column; -`,Jc=(0,r.ZP)(_l.button)` - color: ${t=>t.playButtonColor}; - background-color: transparent; - filter: drop-shadow(rgba(0, 0, 0, 0.35) 0px 5px 15px); - padding: 0; - border: 0; - pointer-events: none; - will-change: transform; - :focus-visible { - outline: 4px dashed ${t=>t.theme.focusColor}; - } -`,td=(0,r.ZP)(_l.div)` - position: absolute; - pointer-events: none; - text-align: center; - padding: 0.5rem; - background-color: black; - margin: 1rem; - opacity: 0.75; - font-size: 1.1em; -`;function ed(){const t=E(Ot,Rt),e=M(te,Rt);!function(){const[t,e]=P(ee,Rt),n=M(ne,Rt),r=E(Ot,Rt);(0,o.useEffect)((()=>{null!==r&&e(new ResizeObserver((t=>{const e=t[0];e&&e.contentRect&&n({height:parseFloat(e.contentRect.height.toFixed(2)),width:parseFloat(e.contentRect.width.toFixed(2))})})))}),[r,n,e]),(0,o.useEffect)((()=>{null!==t&&null!==r&&t.observe(r)}),[t,r])}();const n=M(Ft,Rt),r=(0,o.useRef)(null),i=M(ve,Rt);(0,o.useEffect)((()=>{r&&r.current&&n(r.current)}),[r]),function(t){(0,o.useEffect)((()=>{function e(){t(Ce.isFullscreen)}return Ce.isEnabled&&Ce.on("change",e),()=>{Ce.isEnabled&&Ce.off("change",e)}}),[t])}(i);const{width:s,height:a}=E(jt,Rt),l=E(_t,Rt);return Ae(nd,{width:s,height:a,"data-cy":"videoPlayerWrapper",ref:r,onFocus:()=>e(!0),onMouseEnter:()=>{e(!0)},onMouseLeave:()=>{e(!1)},tabIndex:0,onKeyDown:e=>function(t,e,n){if(" "===t.key||"k"===t.key)t.preventDefault(),null!==e&&Ct(e);else if(("ArrowLeft"===t.key||"ArrowRight"===t.key||"ArrowUp"===t.key||"ArrowDown"===t.key)&&(t.preventDefault(),null!==e&&null!==n))if(n.startsWith("volumeBar")){let o=e.volume;"volumeBar1"===n?"ArrowLeft"===t.key?o-=.05:"ArrowRight"===t.key&&(o+=.05):"volumeBar2"===n&&("ArrowDown"===t.key?o-=.05:"ArrowUp"===t.key&&(o+=.05)),e.volume=kt(o,0,1)}else{let n=e.currentTime;("ArrowLeft"===t.key||"ArrowRight"===t.key)&&("ArrowLeft"===t.key?n-=5:"ArrowRight"===t.key&&(n+=5),e.currentTime=kt(n,0,e.duration))}}(e,t,l),children:Ve(od,{"data-cy":"playerContainer",children:[Ae(Kc,{}),Ae(Re,{}),t&&Ae(zc,{})]})})}const nd=r.ZP.div` - position: relative; - background: black; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - height: ${t=>t.height?t.height:"100%"}; - width: ${t=>t.width?t.width:"100%"}; - :focus-visible { - outline: 3.5px dashed ${t=>t.theme.focusColor}; - } -`,od=r.ZP.div` - display: flex; - flex-direction: column; - justify-content: flex-end; - align-items: flex-start; - color: white; - overflow: hidden; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - height: 100%; - width: 100%; -`;function rd(t){let{values:e,rest:n}=t;const o=M(oe,Rt),r=M(re,Rt),i=M(jt,Rt);return Me(o,r,i,n,e),Ae(ed,{})}function id(t){let{values:e,...n}=t;return Ae(C,{scope:Rt,children:e?Ae(r.f6,{theme:{focusColor:null==e?void 0:e.focusColor},children:Ae(rd,{values:e,rest:n})}):Ve(Le,{children:[Ve("div",{"data-cy":"errorMessage",style:{color:"red"},children:["You need to define the values attribute on your custoplayer tag. For the time being you can set it to be an empty object. ",Ae("br",{}),"example:"]}),Ae("code",{children:""})]})})}(0,r.ZP)(_l.div)` - width: 100%; - position: absolute; - display: flex; - z-index: 6; - left: 0; - bottom: 0; - flex-direction: column; - justify-content: flex-end; - align-items: center; -`;const sd={previewTooltip:{id:"text"},controlsBar:{barColor:"#392f5ad4",animate:"movement"},item1:{id:"playButton1",buttonColor:"#efefef"},item2:{id:"volumeButton1",barId:"volumeBar1",buttonColor:"#efefef",barColor:"#efefef",volumeColor:"#4f91cb"},item3:{id:"currentTime",hideOnMobile:!0,textColor:"#efefef"},item4:{id:"progressBar1",barColor:"#efefef",progressColor:"#4f91cb"},item5:{id:"duration",hideOnMobile:!0,textColor:"#efefef"},item7:{id:"fullscreenButton1",buttonColor:"#efefef"},focusColor:"#efefef"},ad={previewTooltip:{id:"text"},controlsBar:{animate:"opacity",barColor:"#d90427b8"},item1:{id:"playButton1",buttonColor:"#ffd3d3"},item2:{id:"volumeButton1",barId:"volumeBar2",buttonColor:"#ffd3d3",barColor:"#ffd3d3",volumeColor:"#552525"},item3:{id:"currentTime",hideOnMobile:!0,textColor:"#fee1e1"},item4:{id:"progressBar2",barColor:"#ffd3d3",progressColor:"#552525"},item5:{id:"duration",hideOnMobile:!0,textColor:"#fee1e1"},item7:{id:"fullscreenButton1",buttonColor:"#ffd3d3"},focusColor:"#ffd3d3"},ld={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#ffffffdd"},item1:{id:"playButton1",buttonColor:"#353535"},item2:{id:"volumeButton1",barId:"volumeBar2",buttonColor:"#353535",barColor:"#e7e7e7",volumeColor:"#353535",scrubberBorderColor:"transparent",scrubberColor:"transparent"},item3:{id:"currentTime",textColor:"#353535"},topProgressBar:{id:"progressBar1",barColor:"#e7e7e7",progressColor:"#353535",scrubberColor:"transparent",scrubberBorderColor:"none"},item5:{id:"duration",textColor:"#353535",marginLeft:"auto"},item7:{id:"fullscreenButton1",buttonColor:"#353535"},focusColor:"#353535"},ud={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#2c6e49d4"},item1:{id:"playButton2",buttonColor:"#EEE5E5"},item2:{id:"volumeButton1",barId:"volumeBar1",volumeColor:"#67ba8b",scrubberColor:"transparent",scrubberBorderColor:"#67ba8b",barColor:"#EEE5E5"},item3:{id:"fullscreenButton2",buttonColor:"#EEE5E5"},item4:{id:"progressBar3",progressColor:"#67ba8b"},focusColor:"#EEE5E5"},cd={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#a9e5bbd3"},topProgressBar:{id:"progressBar1",scrubberColor:"transparent",barColor:"#a9e5bbd3",progressColor:"#26352a",bufferedColor:"#46464695"},item2:{id:"currentTime"},item1:{id:"volumeButton1",barId:"volumeBar2",scrubberColor:"transparent",barColor:"#a9e5bbd3",volumeColor:"#26352a"},item4:{id:"playButton1",marginLeft:"auto",marginRight:"auto"},item6:{id:"settingsButton1",settingsMenuColor:"#a9e5bbec",settingsMenuOrientation:"left",options:{playbackSpeed:[.25,.5,1,1.25,1.5,2]}},item7:{id:"fullscreenButton1"}}},4550:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>d,contentTitle:()=>u,default:()=>m,frontMatter:()=>l,metadata:()=>c,toc:()=>h});var o=n(7896),r=n(2784),i=n(876),s=n(6474);function a(){return r.createElement(s.O8,{src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-video-qualities/custoplayer-demo-1080.mp4",crossOrigin:"anonymous",values:{controlsBar:{animate:"movement",barColor:"rgba(28, 28, 28, 0.85)"},item1:{id:"settingsButton1",settingsMenuOrientation:"right",options:{subtitles:!0}}}},r.createElement("track",{label:"English",kind:"metadata",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-subtitles/English.vtt",srcLang:"en",default:!0}),r.createElement("track",{label:"Spanish",kind:"metadata",srcLang:"es",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-subtitles/Spanish.vtt"}))}const l={sidebar_position:6},u="Setting Up Subtitles",c={unversionedId:"setting-up-subtitles",id:"setting-up-subtitles",title:"Setting Up Subtitles",description:"Configuring subtitles using Custoplayer is quite easy.",source:"@site/docs/setting-up-subtitles.mdx",sourceDirName:".",slug:"/setting-up-subtitles",permalink:"/Custoplayer/setting-up-subtitles",draft:!1,tags:[],version:"current",sidebarPosition:6,frontMatter:{sidebar_position:6},sidebar:"tutorialSidebar",previous:{title:"Other Properties",permalink:"/Custoplayer/other-properties"},next:{title:"Setting Up Video Qualities",permalink:"/Custoplayer/setting-up-video-qualities"}},d={},h=[{value:"Code Example",id:"code-example",level:2},{value:"Video Example",id:"video-example",level:2}],p={toc:h},f="wrapper";function m(t){let{components:e,...n}=t;return(0,i.kt)(f,(0,o.Z)({},p,n,{components:e,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"setting-up-subtitles"},"Setting Up Subtitles"),(0,i.kt)("p",null,"Configuring subtitles using Custoplayer is quite easy."),(0,i.kt)("p",null,"There are two steps:"),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},"Add a track tag as a child to the Custoplayer tag",(0,i.kt)("ul",{parentName:"li"},(0,i.kt)("li",{parentName:"ul"},"It should have a ",(0,i.kt)("inlineCode",{parentName:"li"},"label")," set and have ",(0,i.kt)("inlineCode",{parentName:"li"},"kind='metadata'")),(0,i.kt)("li",{parentName:"ul"},"The src attribute should be set to a url that contains a vtt file.",(0,i.kt)("ul",{parentName:"li"},(0,i.kt)("li",{parentName:"ul"},"This is where the subtitles info is held"),(0,i.kt)("li",{parentName:"ul"},"The ",(0,i.kt)("inlineCode",{parentName:"li"},"crossOrigin")," property will probably have to be set to ",(0,i.kt)("inlineCode",{parentName:"li"},'"anonymous"')," for this to work"))))),(0,i.kt)("li",{parentName:"ol"},"Add a ",(0,i.kt)("inlineCode",{parentName:"li"},"settingsButton1")," with the ",(0,i.kt)("inlineCode",{parentName:"li"},"options")," object having ",(0,i.kt)("inlineCode",{parentName:"li"},"subtitles: true"))),(0,i.kt)("h2",{id:"code-example"},"Code Example"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Custoplayer } from 'custoplayer';\n\nexport default function SubtitlesExample() {\n return (\n \n \n \n \n );\n}\n")),(0,i.kt)("h2",{id:"video-example"},"Video Example"),(0,i.kt)(a,{mdxType:"SubtitlesExample"}))}m.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/6cddd07e.98c985a2.js.LICENSE.txt b/assets/js/6cddd07e.98c985a2.js.LICENSE.txt deleted file mode 100644 index e68557b..0000000 --- a/assets/js/6cddd07e.98c985a2.js.LICENSE.txt +++ /dev/null @@ -1,9 +0,0 @@ -/** - * @license React - * react-jsx-runtime.production.min.js - * - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */ diff --git a/assets/js/6cddd07e.f87bddb3.js b/assets/js/6cddd07e.f87bddb3.js new file mode 100644 index 0000000..541e041 --- /dev/null +++ b/assets/js/6cddd07e.f87bddb3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[995],{4550:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>c,contentTitle:()=>p,default:()=>b,frontMatter:()=>r,metadata:()=>u,toc:()=>d});var s=n(7896),i=n(2784),a=n(876),l=n(2194);function o(){return i.createElement(l.O8,{src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-video-qualities/custoplayer-demo-1080.mp4",crossOrigin:"anonymous",values:{controlsBar:{animate:"movement",barColor:"rgba(28, 28, 28, 0.85)"},item1:{id:"settingsButton1",settingsMenuOrientation:"right",options:{subtitles:!0}}}},i.createElement("track",{label:"English",kind:"metadata",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-subtitles/English.vtt",srcLang:"en",default:!0}),i.createElement("track",{label:"Spanish",kind:"metadata",srcLang:"es",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-subtitles/Spanish.vtt"}))}const r={sidebar_position:6},p="Setting Up Subtitles",u={unversionedId:"setting-up-subtitles",id:"setting-up-subtitles",title:"Setting Up Subtitles",description:"Configuring subtitles using Custoplayer is quite easy.",source:"@site/docs/setting-up-subtitles.mdx",sourceDirName:".",slug:"/setting-up-subtitles",permalink:"/Custoplayer/setting-up-subtitles",draft:!1,tags:[],version:"current",sidebarPosition:6,frontMatter:{sidebar_position:6},sidebar:"tutorialSidebar",previous:{title:"Other Properties",permalink:"/Custoplayer/other-properties"},next:{title:"Setting Up Video Qualities",permalink:"/Custoplayer/setting-up-video-qualities"}},c={},d=[{value:"Code Example",id:"code-example",level:2},{value:"Video Example",id:"video-example",level:2}],m={toc:d},g="wrapper";function b(t){let{components:e,...n}=t;return(0,a.kt)(g,(0,s.Z)({},m,n,{components:e,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"setting-up-subtitles"},"Setting Up Subtitles"),(0,a.kt)("p",null,"Configuring subtitles using Custoplayer is quite easy."),(0,a.kt)("p",null,"There are two steps:"),(0,a.kt)("ol",null,(0,a.kt)("li",{parentName:"ol"},"Add a track tag as a child to the Custoplayer tag",(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"It should have a ",(0,a.kt)("inlineCode",{parentName:"li"},"label")," set and have ",(0,a.kt)("inlineCode",{parentName:"li"},"kind='metadata'")),(0,a.kt)("li",{parentName:"ul"},"The src attribute should be set to a url that contains a vtt file.",(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"This is where the subtitles info is held"),(0,a.kt)("li",{parentName:"ul"},"The ",(0,a.kt)("inlineCode",{parentName:"li"},"crossOrigin")," property will probably have to be set to ",(0,a.kt)("inlineCode",{parentName:"li"},'"anonymous"')," for this to work"))))),(0,a.kt)("li",{parentName:"ol"},"Add a ",(0,a.kt)("inlineCode",{parentName:"li"},"settingsButton1")," with the ",(0,a.kt)("inlineCode",{parentName:"li"},"options")," object having ",(0,a.kt)("inlineCode",{parentName:"li"},"subtitles: true"))),(0,a.kt)("h2",{id:"code-example"},"Code Example"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Custoplayer } from 'custoplayer';\n\nexport default function SubtitlesExample() {\n return (\n \n \n \n \n );\n}\n")),(0,a.kt)("h2",{id:"video-example"},"Video Example"),(0,a.kt)(o,{mdxType:"SubtitlesExample"}))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/6cf79a87.184983a1.js b/assets/js/6cf79a87.184983a1.js deleted file mode 100644 index 592b449..0000000 --- a/assets/js/6cf79a87.184983a1.js +++ /dev/null @@ -1,581 +0,0 @@ -/*! For license information please see 6cf79a87.184983a1.js.LICENSE.txt */ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[477],{6474:(t,e,n)=>{n.d(e,{DT:()=>cd,FF:()=>ad,L2:()=>ld,NT:()=>sd,O8:()=>id,Pv:()=>ud});var o=n(2784),r=n(9453);let i=0;const s=Symbol(),a=t=>!!t[s],l=t=>!t[s].c,u=t=>{var e;const{b:n,c:o}=t[s];o&&(o(),null==(e=h.get(n))||e())},c=(t,e)=>{const n=t[s].o,o=e[s].o;return n===o||t===o||a(n)&&c(n,e)},d=(t,e)=>{const n={b:t,o:e,c:null},o=new Promise((t=>{n.c=()=>{n.c=null,t()},e.finally(n.c)}));return o[s]=n,o},h=new WeakMap,p=t=>"init"in t,m="r",f="w",g="c",v="s",y=t=>{const e=new WeakMap,n=new WeakMap,o=new Map;let r,i;if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&(r=new Set,i=new Set),t)for(const[s,a]of t){const t={v:a,r:0,y:!0,d:new Map};"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&(Object.freeze(t),p(s)||console.warn("Found initial value for derived atom which can cause unexpected behavior",s)),e.set(s,t)}const h=new WeakMap,y=new WeakMap,b=t=>{let e=y.get(t);return e||(e=new Map,y.set(t,e)),e},x=(t,n)=>{if(t){const e=b(t);let o=e.get(n);return o||(o=x(t.p,n),o&&"p"in o&&l(o.p)&&(o=void 0),o&&e.set(n,o)),o}return e.get(n)},w=(t,n,r)=>{if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&Object.freeze(r),t)b(t).set(n,r);else{const t=e.get(n);e.set(n,r),o.has(n)||o.set(n,t)}},C=function(t,e,n){if(void 0===e&&(e=new Map),!n)return e;const o=new Map;let r=!1;return n.forEach((n=>{var i;const s=(null==(i=x(t,n))?void 0:i.r)||0;o.set(n,s),e.get(n)!==s&&(r=!0)})),e.size!==o.size||r?o:e},k=(t,e,n,o,r)=>{const i=x(t,e);if(i){if(r&&(!("p"in i)||!c(i.p,r)))return i;"p"in i&&u(i.p)}const s={v:n,r:(null==i?void 0:i.r)||0,y:!0,d:C(t,null==i?void 0:i.d,o)};let a=!(null!=i&&i.y);return i&&"v"in i&&Object.is(i.v,n)?s.d!==i.d&&(s.d.size!==i.d.size||!Array.from(s.d.keys()).every((t=>i.d.has(t))))&&(a=!0,Promise.resolve().then((()=>{j(t)}))):(a=!0,++s.r,s.d.has(e)&&(s.d=new Map(s.d).set(e,s.r))),i&&!a?i:(w(t,e,s),s)},E=(t,e,n,o,r)=>{const i=x(t,e);if(i){if(r&&(!("p"in i)||!c(i.p,r)))return i;"p"in i&&u(i.p)}const s={e:n,r:((null==i?void 0:i.r)||0)+1,y:!0,d:C(t,null==i?void 0:i.d,o)};return w(t,e,s),s},M=(t,e,n,o)=>{const r=x(t,e);if(r&&"p"in r){if(c(r.p,n)&&!l(r.p))return r.y?r:{...r,y:!0};u(r.p)}((t,e,n)=>{let o=h.get(e);o||(o=new Map,h.set(e,o)),n.then((()=>{o.get(t)===n&&(o.delete(t),o.size||h.delete(e))})),o.set(t,n)})(t,e,n);const i={p:n,r:((null==r?void 0:r.r)||0)+1,y:!0,d:C(t,null==r?void 0:r.d,o)};return w(t,e,i),i},P=(t,e,n,o)=>{if(n instanceof Promise){const r=d(n,n.then((n=>{k(t,e,n,o,r)})).catch((n=>{if(n instanceof Promise)return a(n)?n.then((()=>{T(t,e,!0)})):n;E(t,e,n,o,r)})));return M(t,e,r,o)}return k(t,e,n,o)},T=(t,e,o)=>{if(!o){const o=x(t,e);if(o){if(o.y&&"p"in o&&!l(o.p))return o;if(o.d.forEach(((o,r)=>{if(r!==e)if(n.has(r)){const e=x(t,r);e&&!e.y&&T(t,r)}else T(t,r)})),Array.from(o.d).every((e=>{let[n,o]=e;const r=x(t,n);return r&&!("p"in r)&&r.r===o})))return o.y?o:{...o,y:!0}}}const r=new Set;try{const n=e.read((n=>{r.add(n);const o=n===e?x(t,n):T(t,n);if(o){if("e"in o)throw o.e;if("p"in o)throw o.p;return o.v}if(p(n))return n.init;throw new Error("no atom init")}));return P(t,e,n,r)}catch(i){if(i instanceof Promise){const n=a(i)&&l(i)?(t=>d(t[s].b,t[s].o))(i):d(i,i);return M(t,e,n,r)}return E(t,e,i,r)}},S=(t,e)=>T(e,t),B=(t,e)=>!e.l.size&&(!e.t.size||1===e.t.size&&e.t.has(t)),A=(t,e)=>{const o=n.get(e);null==o||o.t.forEach((n=>{n!==e&&(((t,e)=>{const n=x(t,e);if(n){const o={...n,y:!1};w(t,e,o)}else"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] could not invalidate non existing atom",e)})(t,n),A(t,n))}))},V=(t,e,n)=>{let o=!0;const r=(e,n)=>{const o=T(t,e);if("e"in o)throw o.e;if("p"in o){if(null!=n&&n.unstable_promise)return o.p.then((()=>{const i=x(t,e);return i&&"p"in i&&i.p===o.p?new Promise((t=>setTimeout(t))).then((()=>r(e,n))):r(e,n)}));throw"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.info("Reading pending atom state in write operation. We throw a promise for now.",e),o.p}if("v"in o)return o.v;throw"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] no value found while reading atom in write operation. This is probably a bug.",e),new Error("no value found")},i=e.write(r,((n,r)=>{let i;if(n===e){if(!p(n))throw new Error("atom not writable");(t=>{const e=new Set,n=h.get(t);return n&&(h.delete(t),n.forEach(((t,n)=>{u(t),e.add(n)}))),e})(n).forEach((e=>{e!==t&&P(e,n,r)}));x(t,n)!==P(t,n,r)&&A(t,n)}else i=V(t,n,r);return o||j(t),i}),n);return o=!1,i},L=(t,e,n)=>{const o=V(n,t,e);return j(n),o},R=(t,e,o)=>{const r={t:new Set(o&&[o]),l:new Set};if(n.set(e,r),"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&i.add(e),T(void 0,e).d.forEach(((o,r)=>{const i=n.get(r);i?i.t.add(e):r!==e&&R(t,r,e)})),(t=>!!t.write)(e)&&e.onMount){const n=n=>L(e,n,t),o=e.onMount(n);t=void 0,o&&(r.u=o)}return r},D=(t,e)=>{var o;const r=null==(o=n.get(e))?void 0:o.u;r&&r(),n.delete(e),"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&i.delete(e);const s=x(t,e);s?("p"in s&&u(s.p),s.d.forEach(((o,r)=>{if(r!==e){const o=n.get(r);o&&(o.t.delete(e),B(r,o)&&D(t,r))}}))):"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] could not find atom state to unmount",e)},I=(t,e,o,r)=>{const i=new Set(o.d.keys());null==r||r.forEach(((o,r)=>{if(i.has(r))return void i.delete(r);const s=n.get(r);s&&(s.t.delete(e),B(r,s)&&D(t,r))})),i.forEach((o=>{const r=n.get(o);r?r.t.add(e):n.has(e)&&R(t,o,e)}))},j=t=>{if(t)b(t).forEach(((o,r)=>{if(o!==e.get(r)){const e=n.get(r);null==e||e.l.forEach((e=>e(t)))}}));else{for(;o.size;){const t=Array.from(o);o.clear(),t.forEach((t=>{let[e,o]=t;const r=x(void 0,e);if(r&&r.d!==(null==o?void 0:o.d)&&I(void 0,e,r,null==o?void 0:o.d),o&&!o.y&&null!=r&&r.y)return;const i=n.get(e);null==i||i.l.forEach((t=>t()))}))}"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&r.forEach((t=>t()))}},F=(t,n)=>{n&&(t=>{b(t).forEach(((n,o)=>{const r=e.get(o);(!r||n.r>r.r||n.y!==r.y||n.r===r.r&&n.d!==r.d)&&(e.set(o,n),n.d!==(null==r?void 0:r.d)&&I(t,o,n,null==r?void 0:r.d))}))})(n),j(void 0)},O=(t,e,o)=>{const r=((t,e)=>{let o=n.get(e);return o||(o=R(t,e)),o})(o,t).l;return r.add(e),()=>{r.delete(e),((t,e)=>{const o=n.get(e);o&&B(e,o)&&D(t,e)})(o,t)}},$=(t,e)=>{for(const[n,o]of t)p(n)&&(P(e,n,o),A(e,n));j(e)};return"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")?{[m]:S,[f]:L,[g]:F,[v]:O,h:$,n:t=>(r.add(t),()=>{r.delete(t)}),l:()=>i.values(),a:t=>e.get(t),m:t=>n.get(t)}:{[m]:S,[f]:L,[g]:F,[v]:O,h:$}},b=(t,e)=>({s:e?e(t).SECRET_INTERNAL_store:y(t)}),x=new Map,w=t=>(x.has(t)||x.set(t,(0,o.createContext)(b())),x.get(t)),C=t=>{let{children:e,initialValues:n,scope:r,unstable_createStore:i,unstable_enableVersionedWrite:s}=t;const[a,l]=(0,o.useState)({});(0,o.useEffect)((()=>{const t=u.current;t.w&&(t.s[g](null,a),delete a.p,t.v=a)}),[a]);const u=(0,o.useRef)();if(!u.current){const t=b(n,i);if(s){let e=0;t.w=t=>{l((n=>{const o=e?n:{p:n};return t(o),o}))},t.v=a,t.r=t=>{++e,t(),--e}}u.current=t}const c=w(r);return(0,o.createElement)(c.Provider,{value:u.current},e)};function k(t,e){return function(t,e){const n="atom"+ ++i,o={toString:()=>n};return"function"==typeof t?o.read=t:(o.init=t,o.read=t=>t(o),o.write=(t,e,n)=>e(o,"function"==typeof n?n(t(o)):n)),e&&(o.write=e),o}(t,e)}function E(t,e){const n=w(e),r=(0,o.useContext)(n),{s:i,v:s}=r,a=e=>{const n=i[m](t,e);if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&!n.y)throw new Error("should not be invalidated");if("e"in n)throw n.e;if("p"in n)throw n.p;if("v"in n)return n.v;throw new Error("no atom value")},[[l,u,c],d]=(0,o.useReducer)(((e,n)=>{const o=a(n);return Object.is(e[1],o)&&e[2]===t?e:[n,o,t]}),s,(e=>[e,a(e),t]));let h=u;return c!==t&&(d(l),h=a(l)),(0,o.useEffect)((()=>{const{v:e}=r;e&&i[g](t,e);const n=i[v](t,d,e);return d(e),n}),[i,t,r]),(0,o.useEffect)((()=>{i[g](t,l)})),(0,o.useDebugValue)(h),h}function M(t,e){const n=w(e),{s:r,w:i}=(0,o.useContext)(n);return(0,o.useCallback)((e=>{if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&!("write"in t))throw new Error("not writable atom");const n=n=>r[f](t,e,n);return i?i(n):n()}),[r,i,t])}function P(t,e){return"scope"in t&&(console.warn("atom.scope is deprecated. Please do useAtom(atom, scope) instead."),e=t.scope),[E(t,e),M(t,e)]}function T(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var S={exports:{}},B={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},A={exports:{}},V=function(t){return!(!t||"string"==typeof t)&&(t instanceof Array||Array.isArray(t)||t.length>=0&&(t.splice instanceof Function||Object.getOwnPropertyDescriptor(t,t.length-1)&&"String"!==t.constructor.name))},L=Array.prototype.concat,R=Array.prototype.slice,D=A.exports=function(t){for(var e=[],n=0,o=t.length;n=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},U.to.keyword=function(t){return $[t.slice(0,3)]};var H=S.exports;const W=B,q={};for(const dd of Object.keys(W))q[W[dd]]=dd;const _={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var Y=_;for(const dd of Object.keys(_)){if(!("channels"in _[dd]))throw new Error("missing channels property: "+dd);if(!("labels"in _[dd]))throw new Error("missing channel labels property: "+dd);if(_[dd].labels.length!==_[dd].channels)throw new Error("channel and label counts mismatch: "+dd);const{channels:t,labels:e}=_[dd];delete _[dd].channels,delete _[dd].labels,Object.defineProperty(_[dd],"channels",{value:t}),Object.defineProperty(_[dd],"labels",{value:e})}function X(t,e){return(t[0]-e[0])**2+(t[1]-e[1])**2+(t[2]-e[2])**2}_.rgb.hsl=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.min(e,n,o),i=Math.max(e,n,o),s=i-r;let a,l;i===r?a=0:e===i?a=(n-o)/s:n===i?a=2+(o-e)/s:o===i&&(a=4+(e-n)/s),a=Math.min(60*a,360),a<0&&(a+=360);const u=(r+i)/2;return l=i===r?0:u<=.5?s/(i+r):s/(2-i-r),[a,100*l,100*u]},_.rgb.hsv=function(t){let e,n,o,r,i;const s=t[0]/255,a=t[1]/255,l=t[2]/255,u=Math.max(s,a,l),c=u-Math.min(s,a,l),d=function(t){return(u-t)/6/c+.5};return 0===c?(r=0,i=0):(i=c/u,e=d(s),n=d(a),o=d(l),s===u?r=o-n:a===u?r=1/3+e-o:l===u&&(r=2/3+n-e),r<0?r+=1:r>1&&(r-=1)),[360*r,100*i,100*u]},_.rgb.hwb=function(t){const e=t[0],n=t[1];let o=t[2];const r=_.rgb.hsl(t)[0],i=1/255*Math.min(e,Math.min(n,o));return o=1-1/255*Math.max(e,Math.max(n,o)),[r,100*i,100*o]},_.rgb.cmyk=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.min(1-e,1-n,1-o);return[100*((1-e-r)/(1-r)||0),100*((1-n-r)/(1-r)||0),100*((1-o-r)/(1-r)||0),100*r]},_.rgb.keyword=function(t){const e=q[t];if(e)return e;let n,o=1/0;for(const r of Object.keys(W)){const e=X(t,W[r]);e.04045?((e+.055)/1.055)**2.4:e/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,o=o>.04045?((o+.055)/1.055)**2.4:o/12.92;return[100*(.4124*e+.3576*n+.1805*o),100*(.2126*e+.7152*n+.0722*o),100*(.0193*e+.1192*n+.9505*o)]},_.rgb.lab=function(t){const e=_.rgb.xyz(t);let n=e[0],o=e[1],r=e[2];n/=95.047,o/=100,r/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,o=o>.008856?o**(1/3):7.787*o+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;return[116*o-16,500*(n-o),200*(o-r)]},_.hsl.rgb=function(t){const e=t[0]/360,n=t[1]/100,o=t[2]/100;let r,i,s;if(0===n)return s=255*o,[s,s,s];r=o<.5?o*(1+n):o+n-o*n;const a=2*o-r,l=[0,0,0];for(let u=0;u<3;u++)i=e+1/3*-(u-1),i<0&&i++,i>1&&i--,s=6*i<1?a+6*(r-a)*i:2*i<1?r:3*i<2?a+(r-a)*(2/3-i)*6:a,l[u]=255*s;return l},_.hsl.hsv=function(t){const e=t[0];let n=t[1]/100,o=t[2]/100,r=n;const i=Math.max(o,.01);o*=2,n*=o<=1?o:2-o,r*=i<=1?i:2-i;return[e,100*(0===o?2*r/(i+r):2*n/(o+n)),100*((o+n)/2)]},_.hsv.rgb=function(t){const e=t[0]/60,n=t[1]/100;let o=t[2]/100;const r=Math.floor(e)%6,i=e-Math.floor(e),s=255*o*(1-n),a=255*o*(1-n*i),l=255*o*(1-n*(1-i));switch(o*=255,r){case 0:return[o,l,s];case 1:return[a,o,s];case 2:return[s,o,l];case 3:return[s,a,o];case 4:return[l,s,o];case 5:return[o,s,a]}},_.hsv.hsl=function(t){const e=t[0],n=t[1]/100,o=t[2]/100,r=Math.max(o,.01);let i,s;s=(2-n)*o;const a=(2-n)*r;return i=n*r,i/=a<=1?a:2-a,i=i||0,s/=2,[e,100*i,100*s]},_.hwb.rgb=function(t){const e=t[0]/360;let n=t[1]/100,o=t[2]/100;const r=n+o;let i;r>1&&(n/=r,o/=r);const s=Math.floor(6*e),a=1-o;i=6*e-s,1&s&&(i=1-i);const l=n+i*(a-n);let u,c,d;switch(s){default:case 6:case 0:u=a,c=l,d=n;break;case 1:u=l,c=a,d=n;break;case 2:u=n,c=a,d=l;break;case 3:u=n,c=l,d=a;break;case 4:u=l,c=n,d=a;break;case 5:u=a,c=n,d=l}return[255*u,255*c,255*d]},_.cmyk.rgb=function(t){const e=t[0]/100,n=t[1]/100,o=t[2]/100,r=t[3]/100;return[255*(1-Math.min(1,e*(1-r)+r)),255*(1-Math.min(1,n*(1-r)+r)),255*(1-Math.min(1,o*(1-r)+r))]},_.xyz.rgb=function(t){const e=t[0]/100,n=t[1]/100,o=t[2]/100;let r,i,s;return r=3.2406*e+-1.5372*n+-.4986*o,i=-.9689*e+1.8758*n+.0415*o,s=.0557*e+-.204*n+1.057*o,r=r>.0031308?1.055*r**(1/2.4)-.055:12.92*r,i=i>.0031308?1.055*i**(1/2.4)-.055:12.92*i,s=s>.0031308?1.055*s**(1/2.4)-.055:12.92*s,r=Math.min(Math.max(0,r),1),i=Math.min(Math.max(0,i),1),s=Math.min(Math.max(0,s),1),[255*r,255*i,255*s]},_.xyz.lab=function(t){let e=t[0],n=t[1],o=t[2];e/=95.047,n/=100,o/=108.883,e=e>.008856?e**(1/3):7.787*e+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;return[116*n-16,500*(e-n),200*(n-o)]},_.lab.xyz=function(t){let e,n,o;n=(t[0]+16)/116,e=t[1]/500+n,o=n-t[2]/200;const r=n**3,i=e**3,s=o**3;return n=r>.008856?r:(n-16/116)/7.787,e=i>.008856?i:(e-16/116)/7.787,o=s>.008856?s:(o-16/116)/7.787,e*=95.047,n*=100,o*=108.883,[e,n,o]},_.lab.lch=function(t){const e=t[0],n=t[1],o=t[2];let r;r=360*Math.atan2(o,n)/2/Math.PI,r<0&&(r+=360);return[e,Math.sqrt(n*n+o*o),r]},_.lch.lab=function(t){const e=t[0],n=t[1],o=t[2]/360*2*Math.PI;return[e,n*Math.cos(o),n*Math.sin(o)]},_.rgb.ansi16=function(t,e){void 0===e&&(e=null);const[n,o,r]=t;let i=null===e?_.rgb.hsv(t)[2]:e;if(i=Math.round(i/50),0===i)return 30;let s=30+(Math.round(r/255)<<2|Math.round(o/255)<<1|Math.round(n/255));return 2===i&&(s+=60),s},_.hsv.ansi16=function(t){return _.rgb.ansi16(_.hsv.rgb(t),t[2])},_.rgb.ansi256=function(t){const e=t[0],n=t[1],o=t[2];return e===n&&n===o?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(n/255*5)+Math.round(o/255*5)},_.ansi16.rgb=function(t){let e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),e=e/10.5*255,[e,e,e];const n=.5*(1+~~(t>50));return[(1&e)*n*255,(e>>1&1)*n*255,(e>>2&1)*n*255]},_.ansi256.rgb=function(t){if(t>=232){const e=10*(t-232)+8;return[e,e,e]}let e;t-=16;return[Math.floor(t/36)/5*255,Math.floor((e=t%36)/6)/5*255,e%6/5*255]},_.rgb.hex=function(t){const e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},_.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];let n=e[0];3===e[0].length&&(n=n.split("").map((t=>t+t)).join(""));const o=parseInt(n,16);return[o>>16&255,o>>8&255,255&o]},_.rgb.hcg=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.max(Math.max(e,n),o),i=Math.min(Math.min(e,n),o),s=r-i;let a,l;return a=s<1?i/(1-s):0,l=s<=0?0:r===e?(n-o)/s%6:r===n?2+(o-e)/s:4+(e-n)/s,l/=6,l%=1,[360*l,100*s,100*a]},_.hsl.hcg=function(t){const e=t[1]/100,n=t[2]/100,o=n<.5?2*e*n:2*e*(1-n);let r=0;return o<1&&(r=(n-.5*o)/(1-o)),[t[0],100*o,100*r]},_.hsv.hcg=function(t){const e=t[1]/100,n=t[2]/100,o=e*n;let r=0;return o<1&&(r=(n-o)/(1-o)),[t[0],100*o,100*r]},_.hcg.rgb=function(t){const e=t[0]/360,n=t[1]/100,o=t[2]/100;if(0===n)return[255*o,255*o,255*o];const r=[0,0,0],i=e%1*6,s=i%1,a=1-s;let l=0;switch(Math.floor(i)){case 0:r[0]=1,r[1]=s,r[2]=0;break;case 1:r[0]=a,r[1]=1,r[2]=0;break;case 2:r[0]=0,r[1]=1,r[2]=s;break;case 3:r[0]=0,r[1]=a,r[2]=1;break;case 4:r[0]=s,r[1]=0,r[2]=1;break;default:r[0]=1,r[1]=0,r[2]=a}return l=(1-n)*o,[255*(n*r[0]+l),255*(n*r[1]+l),255*(n*r[2]+l)]},_.hcg.hsv=function(t){const e=t[1]/100,n=e+t[2]/100*(1-e);let o=0;return n>0&&(o=e/n),[t[0],100*o,100*n]},_.hcg.hsl=function(t){const e=t[1]/100,n=t[2]/100*(1-e)+.5*e;let o=0;return n>0&&n<.5?o=e/(2*n):n>=.5&&n<1&&(o=e/(2*(1-n))),[t[0],100*o,100*n]},_.hcg.hwb=function(t){const e=t[1]/100,n=e+t[2]/100*(1-e);return[t[0],100*(n-e),100*(1-n)]},_.hwb.hcg=function(t){const e=t[1]/100,n=1-t[2]/100,o=n-e;let r=0;return o<1&&(r=(n-o)/(1-o)),[t[0],100*o,100*r]},_.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},_.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},_.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},_.gray.hsl=function(t){return[0,0,t[0]]},_.gray.hsv=_.gray.hsl,_.gray.hwb=function(t){return[0,100,t[0]]},_.gray.cmyk=function(t){return[0,0,0,t[0]]},_.gray.lab=function(t){return[t[0],0,0]},_.gray.hex=function(t){const e=255&Math.round(t[0]/100*255),n=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(n.length)+n},_.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]};const G=Y;function K(t){const e=function(){const t={},e=Object.keys(G);for(let n=e.length,o=0;o{nt[t]={},Object.defineProperty(nt[t],"channels",{value:tt[t].channels}),Object.defineProperty(nt[t],"labels",{value:tt[t].labels});const e=et(t);Object.keys(e).forEach((n=>{const o=e[n];nt[t][n]=function(t){const e=function(){for(var e=arguments.length,n=new Array(e),o=0;o1&&(n=r);const i=t(n);if("object"==typeof i)for(let t=i.length,s=0;s1&&(n=r),t(n))};return"conversion"in t&&(e.conversion=t.conversion),e}(o)}))}));const ot=H,rt=nt,it=["keyword","gray","hex"],st={};for(const dd of Object.keys(rt))st[[...rt[dd].labels].sort().join("")]=dd;const at={};function lt(t,e){if(!(this instanceof lt))return new lt(t,e);if(e&&e in it&&(e=null),e&&!(e in rt))throw new Error("Unknown model: "+e);let n,o;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof lt)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if("string"==typeof t){const e=ot.get(t);if(null===e)throw new Error("Unable to parse color from string: "+t);this.model=e.model,o=rt[this.model].channels,this.color=e.value.slice(0,o),this.valpha="number"==typeof e.value[o]?e.value[o]:1}else if(t.length>0){this.model=e||"rgb",o=rt[this.model].channels;const n=Array.prototype.slice.call(t,0,o);this.color=pt(n,o),this.valpha="number"==typeof t[o]?t[o]:1}else if("number"==typeof t)this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;const e=Object.keys(t);"alpha"in t&&(e.splice(e.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);const o=e.sort().join("");if(!(o in st))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=st[o];const{labels:r}=rt[this.model],i=[];for(n=0;n(t%360+360)%360)),saturationl:ct("hsl",1,dt(100)),lightness:ct("hsl",2,dt(100)),saturationv:ct("hsv",1,dt(100)),value:ct("hsv",2,dt(100)),chroma:ct("hcg",1,dt(100)),gray:ct("hcg",2,dt(100)),white:ct("hwb",1,dt(100)),wblack:ct("hwb",2,dt(100)),cyan:ct("cmyk",0,dt(100)),magenta:ct("cmyk",1,dt(100)),yellow:ct("cmyk",2,dt(100)),black:ct("cmyk",3,dt(100)),x:ct("xyz",0,dt(95.047)),y:ct("xyz",1,dt(100)),z:ct("xyz",2,dt(108.833)),l:ct("lab",0,dt(100)),a:ct("lab",1),b:ct("lab",2),keyword(t){return void 0!==t?new lt(t):rt[this.model].keyword(this.color)},hex(t){return void 0!==t?new lt(t):ot.to.hex(this.rgb().round().color)},hexa(t){if(void 0!==t)return new lt(t);const e=this.rgb().round().color;let n=Math.round(255*this.valpha).toString(16).toUpperCase();return 1===n.length&&(n="0"+n),ot.to.hex(e)+n},rgbNumber(){const t=this.rgb().color;return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},luminosity(){const t=this.rgb().color,e=[];for(const[n,o]of t.entries()){const t=o/255;e[n]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity(),n=t.luminosity();return e>n?(e+.05)/(n+.05):(n+.05)/(e+.05)},level(t){const e=this.contrast(t);return e>=7?"AAA":e>=4.5?"AA":""},isDark(){const t=this.rgb().color;return(2126*t[0]+7152*t[1]+722*t[2])/1e4<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten(t){const e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken(t){const e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate(t){const e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate(t){const e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten(t){const e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken(t){const e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale(){const t=this.rgb().color,e=.3*t[0]+.59*t[1]+.11*t[2];return lt.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let n=e.color[0];return n=(n+t)%360,n=n<0?360+n:n,e.color[0]=n,e},mix(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);const n=t.rgb(),o=this.rgb(),r=void 0===e?.5:e,i=2*r-1,s=n.alpha()-o.alpha(),a=((i*s==-1?i:(i+s)/(1+i*s))+1)/2,l=1-a;return lt.rgb(a*n.red()+l*o.red(),a*n.green()+l*o.green(),a*n.blue()+l*o.blue(),n.alpha()*r+o.alpha()*(1-r))}};for(const dd of Object.keys(rt)){if(it.includes(dd))continue;const{channels:t}=rt[dd];lt.prototype[dd]=function(){for(var t=arguments.length,e=new Array(t),n=0;n0?new lt(e,dd):new lt([...ht(rt[this.model][dd].raw(this.color)),this.valpha],dd)},lt[dd]=function(){for(var e=arguments.length,n=new Array(e),o=0;o0?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),t.pause()):(t.paused||t.ended)&&(Dt.promise=t.play()))}function kt(t,e,n){return Math.min(Math.max(t,e),n)}function Et(t,e,n,o,r){function i(t){r&&t.preventDefault(),t.target&&function(t,e,n){const o=null==n?void 0:n.getBoundingClientRect();o&&e(t,o)}(t,e,n)}function s(){o(!1),r?(document.removeEventListener("touchmove",i),document.removeEventListener("touchend",s)):(document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",s))}i(t),t.stopPropagation(),r?(document.addEventListener("touchmove",i,{passive:!1}),document.addEventListener("touchend",s)):(document.addEventListener("mousemove",i),document.addEventListener("mouseup",s))}function Mt(t,e,n,o,r,i,s,a,l,u,c){if(l(!0),o&&o.current){let l=0;St(t)?l=t.touches[0].clientX:Bt(t)&&(l=t.clientX);const d=o.current.getBoundingClientRect(),[h,p,m]=function(t,e){const n=e.left-t.left,o=Math.abs(e.right-t.right);return[t.width-n-o,n,o]}(e,d),f=l-e.left;Pt(t,n,o,r,i,s,u,c);const g=kt(f-p,0,h)/o.current.clientWidth;if(i&&i.duration){const t=i.duration*g;i.currentTime=t,u(t)}a(g)}}function Pt(t,e,n,o,r,i,s,a){var l;if(e||!n||!n.current||!o)return;let u=0;St(t)?u=t.touches[0].clientX:Bt(t)&&(u=t.clientX);const c=n.current.getBoundingClientRect(),d=n.current.getBoundingClientRect().left-(null==o?void 0:o.getBoundingClientRect().left),h=(null==o?void 0:o.getBoundingClientRect().right)-n.current.getBoundingClientRect().right,p=u-c.left;let m=u-c.left-i/2;const f=(null==(l=n.current)?void 0:l.clientWidth)-i/2+h,g=n.current.clientWidth-i/2;p>f&&(m=f-i/2),m=kt(m,Math.max(-1*i/2,-1*d),g),a(m);const v=u-n.current.getBoundingClientRect().left;if(r&&r.duration){const t=kt(v/n.current.clientWidth,0,1);s(r.duration*t)}}function Tt(t){const e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),o=Math.floor(t-3600*e-60*n);let r="";return e>0&&(r+=`${e}:`),r+=n<10?`0${n}:`:`${n}:`,r+=o<10?`0${o}`:`${o}`,r}function St(t){return void 0!==t.touches}function Bt(t){return void 0!==t.clientX}function At(){return!(!("ontouchstart"in window)&&!navigator.maxTouchPoints)}function Vt(t){return mt(t).lighten(.3)}function Lt(t){let e,n,o;const r=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(t);if(r)e=parseInt(r[1],10),n=parseInt(r[2],10),o=parseInt(r[3],10);else{const r=document.createElement("div");r.style.color=t,document.body.appendChild(r);const i=getComputedStyle(r).color;document.body.removeChild(r);const s=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(i);s?(e=parseInt(s[1],10),n=parseInt(s[2],10),o=parseInt(s[3],10)):(e=parseInt(t.slice(1,3),16),n=parseInt(t.slice(3,5),16),o=parseInt(t.slice(5,7),16))}return(.299*e+.587*n+.114*o)/255>.5?"#000000":"#FFFFFF"}const Rt=Symbol(),Dt={promise:null},It=Symbol("draggable"),jt=k(null),Ft=k(null);k(null,((t,e,n)=>{e(Ft,n)}));const Ot=k({});var $t=(t=>(t[t.paused=0]="paused",t[t.playing=1]="playing",t[t.ended=2]="ended",t))($t||{});const Nt=k(!1),Ut=k(0),zt=k(0),Zt=k((t=>Tt(t(zt)))),Ht=k(0),Wt=k((t=>Tt(t(Ht)))),qt=k(1),_t=k("progressBar"),Yt=k(null),Xt=k(null),Gt=k(null),Kt=k(1080),Qt=new Set([144,240,360,480,720,1080,1440,2160]),Jt=k({2160:null,1440:null,1080:null,720:null,480:null,360:null,240:null,144:null}),te=k(!1),ee=k(null),ne=k({height:0,width:0}),oe=k({}),re=k([]),ie=k(0),se=k((t=>{const e=t(ie);return parseFloat((100*e).toFixed(1))+"%"})),ae=k(!1),le=k(0),ue=k(0),ce=k((t=>Tt(t(ue)))),de=k(0),he=k(null),pe=k(1),me=k((t=>{const e=t(pe);return parseFloat((100*e).toFixed(1))+"%"})),fe=k(!1),ge=k(!1);k(null),k(null);const ve=k(!1),ye=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],be=(()=>{if(typeof document>"u")return!1;const t=ye[0],e={};for(const n of ye)if((null==n?void 0:n[1])in document){for(const[o,r]of n.entries())e[t[o]]=r;return e}return!1})(),xe={change:be.fullscreenchange,error:be.fullscreenerror};let we={request:(t,e)=>(void 0===t&&(t=document.documentElement),new Promise(((n,o)=>{const r=()=>{we.off("change",r),n()};we.on("change",r);const i=t[be.requestFullscreen](e);i instanceof Promise&&i.then(r).catch(o)}))),exit:()=>new Promise(((t,e)=>{if(!we.isFullscreen)return void t();const n=()=>{we.off("change",n),t()};we.on("change",n);const o=document[be.exitFullscreen]();o instanceof Promise&&o.then(n).catch(e)})),toggle:(t,e)=>we.isFullscreen?we.exit():we.request(t,e),onchange(t){we.on("change",t)},onerror(t){we.on("error",t)},on(t,e){const n=xe[t];n&&document.addEventListener(n,e,!1)},off(t,e){const n=xe[t];n&&document.removeEventListener(n,e,!1)},raw:be};Object.defineProperties(we,{isFullscreen:{get:()=>!!document[be.fullscreenElement]},element:{enumerable:!0,get:()=>document[be.fullscreenElement]??void 0},isEnabled:{enumerable:!0,get:()=>!!document[be.fullscreenEnabled]}}),be||(we={isEnabled:!1});const Ce=we;function ke(t,e,n,r,i){(0,o.useEffect)((()=>{n?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),r(i),null==e||e.pause()):t===$t.paused||t===$t.ended?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),null==e||e.pause()):t===$t.playing&&(Dt.promise=(null==e?void 0:e.play())??null)}),[n])}function Ee(t,e,n,r){let i;const s=()=>{n(),clearTimeout(i),i=setTimeout((()=>{r()}),2500)};(0,o.useEffect)((()=>{if(e&&t)return t.addEventListener("mousemove",s),()=>{t.removeEventListener("mousemove",s),clearTimeout(i)}}),[t,e])}const Me=(t,e,n,r,i)=>{(0,o.useEffect)((()=>{var n;null!=i&&i.controlsBar&&!(null!=(n=null==i?void 0:i.controlsBar)&&n.barColor)&&(i.controlsBar.barColor="rgba(28, 28, 28, 0.7)"),t(i),e([i.item1,i.item2,i.item3,i.item4,i.item5,i.item6,i.item7])}),[i]),(0,o.useEffect)((()=>{n(r)}),[r])};var Pe,Te={exports:{}},Se={};Te.exports=function(){if(Pe)return Se;Pe=1;var t=o,e=Symbol.for("react.element"),n=Symbol.for("react.fragment"),r=Object.prototype.hasOwnProperty,i=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function a(t,n,o){var a,l={},u=null,c=null;for(a in void 0!==o&&(u=""+o),void 0!==n.key&&(u=""+n.key),void 0!==n.ref&&(c=n.ref),n)r.call(n,a)&&!s.hasOwnProperty(a)&&(l[a]=n[a]);if(t&&t.defaultProps)for(a in n=t.defaultProps)void 0===l[a]&&(l[a]=n[a]);return{$$typeof:e,type:t,key:u,ref:c,props:l,_owner:i.current}}return Se.Fragment=n,Se.jsx=a,Se.jsxs=a,Se}();var Be=Te.exports;const Ae=Be.jsx,Ve=Be.jsxs,Le=Be.Fragment;function Re(){const[t,e]=P(jt,Rt),[n,r]=P(oe,Rt),i=M(Ut,Rt),s=M(qt,Rt),a=E(te,Rt),l=M(ie,Rt),u=M(pe,Rt),c=M(Ht,Rt),d=M(Nt,Rt),h=M(zt,Rt),p=M(fe,Rt),m=M(Kt,Rt),f=M(le,Rt),g=M(te,Rt),v=M(Xt,Rt),y=M(Yt,Rt),b=M(Gt,Rt),x=M(Jt,Rt),w=M(he,Rt),C=E(ae,Rt),k=E(ge,Rt),T=E(ve,Rt),S=E(Ot,Rt),B=E(Ft,Rt),{playsInline:A,onClick:V,onPause:L,onPlay:R,onEnded:D,onTimeUpdate:I,onVolumeChange:j,onLoadedData:F,onLoadStart:O,onSeeking:$,onSeeked:N,preload:U,tabIndex:z,onDurationChange:Z,onProgress:H,onRateChange:W,children:q,..._}=S;(function(t,e){(0,o.useEffect)((()=>{if(t instanceof Object){const n={2160:null,1440:null,1080:null,720:null,480:null,360:null,240:null,144:null};if("props"in t&&"source"===t.type){const e=t.props.id;if(e){const o=parseInt(e.split("-")[1]);o in n&&(n[o]=t.props.src)}}else Array.isArray(t)&&t.filter((t=>"source"===t.type)).map((t=>t.props)).filter((t=>void 0!==t)).forEach((t=>{const e=t.id;if(e){const o=parseInt(e.split("-")[1]);o in n&&(n[o]=t.src)}}));e(n)}}),[t])})(q,x),function(t,e,n,r,i){(0,o.useEffect)((()=>{if(null!==e){const o=e.textTracks;if(t instanceof Object&&(!("props"in t)||"track"!==t.type)&&Array.isArray(t)){const e=t.filter((t=>"track"===t.type)).findIndex((t=>!0===t.props.default));-1!==e&&(o[e].mode="showing",i(o[e]))}o.onchange=t=>{const e=Array.from(t.target);i(e.find((t=>"showing"===t.mode))??null)};const s=[];for(let t=0;t{t.oncuechange=t=>{const e=t.target;if("showing"===e.mode){const t=e.activeCues?e.activeCues[0]:null;r(t)}}})),n(s)}}),[e])}(q,t,v,y,b),function(t,e){(0,o.useEffect)((()=>{if(null!==t){const n=t.textTracks;let o=null;for(let t=0;t{function n(t){const n=t.target;document.fullscreenElement===n&&e&&document.exitFullscreen().then((()=>{e.requestFullscreen()}))}return t&&t.addEventListener("fullscreenchange",n),()=>{t&&t.removeEventListener("fullscreenchange",n)}}),[t])}(t,B),Ee(t,T,(()=>g(!0)),(()=>g(!1)));function Y(t){if(!a)return;const e=t.target;if(4===e.readyState){const t=e.buffered.length,n=t-1;if(t<=0)return;const o=e.buffered.end(n)/e.duration*100;f(o)}}return Ae(De,{..._,className:It.toString(),playsInline:A??!0,onClick:e=>{Ct(t),V&&V(e)},onPause:t=>{i($t.paused),L&&L(t)},onPlay:t=>{i($t.playing),R&&R(t)},onEnded:t=>{i($t.ended),D&&D(t)},onLoadedData:t=>{e(t.target),m(function(t,e){const n=t.target.currentSrc;if(e instanceof Object){if("props"in e&&"source"===e.type){const t=e.props.id;if(t){const o=parseInt(t.split("-")[1]);if(Qt.has(o)&&e.props.src===n)return o}}else if(Array.isArray(e)){const t=e.filter((t=>"source"===t.type)).map((t=>t.props)).filter((t=>void 0!==t)).map((t=>{if(t.id){const e=parseInt(t.id.split("-")[1]);if(Qt.has(e)&&t.src===n)return e}})).filter((t=>void 0!==t));if(1===t.length)return t[0]}return 1080}return 1080}(t,q)),F&&F(t)},onLoadStart:t=>{e(t.target),r({...n}),O&&O(t)},onVolumeChange:t=>{u(t.target.volume),p(t.target.muted),j&&j(t)},onSeeking:t=>{d(!0),$&&$(t)},onSeeked:t=>{d(!1),Y(t),N&&N(t)},onTimeUpdate:t=>{(function(t){const e=t.target;l(e.currentTime/e.duration),h(e.currentTime)})(t),I&&I(t)},onProgress:t=>{Y(t),H&&H(t)},onDurationChange:t=>{c(t.target.duration),Z&&Z(t)},onRateChange:t=>{s(t.target.playbackRate),W&&W(t)},preload:U??"metadata",tabIndex:z??-1,"data-cy":"HTMLVideoPlayer",isDragging:C||k,children:q})}const De=r.ZP.video` - width: 100%; - height: 100%; - background-color: black; - ::cue { - visibility: hidden; - background-color: transparent; - display: none; - opacity: 0; - text-shadow: 0; - } - cursor: ${t=>t.isDragging?"vertical"===t.isDragging?"row-resize":"col-resize":"pointer"}; -`,Ie=(0,o.createContext)({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),je=(0,o.createContext)({});const Fe=(0,o.createContext)(null),Oe=typeof document<"u",$e=Oe?o.useLayoutEffect:o.useEffect,Ne=(0,o.createContext)({strict:!1});function Ue(t,e,n,r){const i=(0,o.useContext)(je).visualElement,s=(0,o.useContext)(Ne),a=(0,o.useContext)(Fe),l=(0,o.useContext)(Ie).reducedMotion,u=(0,o.useRef)();r=r||s.renderer,!u.current&&r&&(u.current=r(t,{visualState:e,parent:i,props:n,presenceId:a?a.id:void 0,blockInitialAnimation:!!a&&!1===a.initial,reducedMotionConfig:l}));const c=u.current;return $e((()=>{c&&c.render()})),(window.HandoffAppearAnimations?$e:o.useEffect)((()=>{c&&c.animationState&&c.animationState.animateChanges()})),c}function ze(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function Ze(t){return"string"==typeof t||Array.isArray(t)}function He(t){return"object"==typeof t&&"function"==typeof t.start}const We=["initial","animate","exit","whileHover","whileDrag","whileTap","whileFocus","whileInView"];function qe(t){return He(t.animate)||We.some((e=>Ze(t[e])))}function _e(t){return!(!qe(t)&&!t.variants)}function Ye(t){const{initial:e,animate:n}=function(t,e){if(qe(t)){const{initial:e,animate:n}=t;return{initial:!1===e||Ze(e)?e:void 0,animate:Ze(n)?n:void 0}}return!1!==t.inherit?e:{}}(t,(0,o.useContext)(je));return(0,o.useMemo)((()=>({initial:e,animate:n})),[Xe(e),Xe(n)])}function Xe(t){return Array.isArray(t)?t.join(" "):t}const Ge=t=>({isEnabled:e=>t.some((t=>!!e[t]))}),Ke={measureLayout:Ge(["layout","layoutId","drag"]),animation:Ge(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:Ge(["exit"]),drag:Ge(["drag","dragControls"]),focus:Ge(["whileFocus"]),hover:Ge(["whileHover","onHoverStart","onHoverEnd"]),tap:Ge(["whileTap","onTap","onTapStart","onTapCancel"]),pan:Ge(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:Ge(["whileInView","onViewportEnter","onViewportLeave"])};function Qe(t){const e=(0,o.useRef)(null);return null===e.current&&(e.current=t()),e.current}const Je={hasAnimatedSinceResize:!0,hasEverUpdated:!1};let tn=1;const en=(0,o.createContext)({});class nn extends o.Component{getSnapshotBeforeUpdate(){const{visualElement:t,props:e}=this.props;return t&&t.setProps(e),null}componentDidUpdate(){}render(){return this.props.children}}const on=(0,o.createContext)({}),rn=Symbol.for("motionComponentSymbol");function sn(t){let{preloadedFeatures:e,createVisualElement:n,projectionNodeConstructor:r,useRender:i,useVisualState:s,Component:a}=t;function l(t,l){const u={...(0,o.useContext)(Ie),...t,layoutId:an(t)},{isStatic:c}=u;let d=null;const h=Ye(t),p=c?void 0:Qe((()=>{if(Je.hasEverUpdated)return tn++})),m=s(t,c);if(!c&&Oe){h.visualElement=Ue(a,m,u,n);const t=(0,o.useContext)(Ne).strict,i=(0,o.useContext)(on);h.visualElement&&(d=h.visualElement.loadFeatures(u,t,e,p,r||Ke.projectionNodeConstructor,i))}return o.createElement(nn,{visualElement:h.visualElement,props:u},d,o.createElement(je.Provider,{value:h},i(a,t,p,function(t,e,n){return(0,o.useCallback)((o=>{o&&t.mount&&t.mount(o),e&&(o?e.mount(o):e.unmount()),n&&("function"==typeof n?n(o):ze(n)&&(n.current=o))}),[e])}(m,h.visualElement,l),m,c,h.visualElement)))}e&&function(t){for(const e in t)"projectionNodeConstructor"===e?Ke.projectionNodeConstructor=t[e]:Ke[e].Component=t[e]}(e);const u=(0,o.forwardRef)(l);return u[rn]=a,u}function an(t){let{layoutId:e}=t;const n=(0,o.useContext)(en).id;return n&&void 0!==e?n+"-"+e:e}function ln(t){function e(e,n){return void 0===n&&(n={}),sn(t(e,n))}if(typeof Proxy>"u")return e;const n=new Map;return new Proxy(e,{get:(t,o)=>(n.has(o)||n.set(o,e(o)),n.get(o))})}const un=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function cn(t){return"string"==typeof t&&!t.includes("-")&&!!(un.indexOf(t)>-1||/[A-Z]/.test(t))}const dn={};const hn=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],pn=new Set(hn);function mn(t,e){let{layout:n,layoutId:o}=e;return pn.has(t)||t.startsWith("origin")||(n||void 0!==o)&&(!!dn[t]||"opacity"===t)}const fn=t=>!(null==t||!t.getVelocity),gn={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},vn=(t,e)=>hn.indexOf(t)-hn.indexOf(e);function yn(t){return t.startsWith("--")}const bn=(t,e)=>e&&"number"==typeof t?e.transform(t):t,xn=(t,e,n)=>Math.min(Math.max(n,t),e),wn={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},Cn={...wn,transform:t=>xn(0,1,t)},kn={...wn,default:1},En=t=>Math.round(1e5*t)/1e5,Mn=/(-)?([\d]*\.?[\d])+/g,Pn=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,Tn=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function Sn(t){return"string"==typeof t}const Bn=t=>({test:e=>Sn(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),An=Bn("deg"),Vn=Bn("%"),Ln=Bn("px"),Rn=Bn("vh"),Dn=Bn("vw"),In={...Vn,parse:t=>Vn.parse(t)/100,transform:t=>Vn.transform(100*t)},jn={...wn,transform:Math.round},Fn={borderWidth:Ln,borderTopWidth:Ln,borderRightWidth:Ln,borderBottomWidth:Ln,borderLeftWidth:Ln,borderRadius:Ln,radius:Ln,borderTopLeftRadius:Ln,borderTopRightRadius:Ln,borderBottomRightRadius:Ln,borderBottomLeftRadius:Ln,width:Ln,maxWidth:Ln,height:Ln,maxHeight:Ln,size:Ln,top:Ln,right:Ln,bottom:Ln,left:Ln,padding:Ln,paddingTop:Ln,paddingRight:Ln,paddingBottom:Ln,paddingLeft:Ln,margin:Ln,marginTop:Ln,marginRight:Ln,marginBottom:Ln,marginLeft:Ln,rotate:An,rotateX:An,rotateY:An,rotateZ:An,scale:kn,scaleX:kn,scaleY:kn,scaleZ:kn,skew:An,skewX:An,skewY:An,distance:Ln,translateX:Ln,translateY:Ln,translateZ:Ln,x:Ln,y:Ln,z:Ln,perspective:Ln,transformPerspective:Ln,opacity:Cn,originX:In,originY:In,originZ:Ln,zIndex:jn,fillOpacity:Cn,strokeOpacity:Cn,numOctaves:jn};function On(t,e,n,o){const{style:r,vars:i,transform:s,transformKeys:a,transformOrigin:l}=t;a.length=0;let u=!1,c=!1,d=!0;for(const h in e){const t=e[h];if(yn(h)){i[h]=t;continue}const n=Fn[h],o=bn(t,n);if(pn.has(h)){if(u=!0,s[h]=o,a.push(h),!d)continue;t!==(n.default||0)&&(d=!1)}else h.startsWith("origin")?(c=!0,l[h]=o):r[h]=o}if(e.transform||(u||o?r.transform=function(t,e,n,o){let{transform:r,transformKeys:i}=t,{enableHardwareAcceleration:s=!0,allowTransformNone:a=!0}=e,l="";i.sort(vn);for(const u of i)l+=`${gn[u]||u}(${r[u]}) `;return s&&!r.z&&(l+="translateZ(0)"),l=l.trim(),o?l=o(r,n?"":l):a&&n&&(l="none"),l}(t,n,d,o):r.transform&&(r.transform="none")),c){const{originX:t="50%",originY:e="50%",originZ:n=0}=l;r.transformOrigin=`${t} ${e} ${n}`}}const $n=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}});function Nn(t,e,n){for(const o in e)!fn(e[o])&&!mn(o,n)&&(t[o]=e[o])}function Un(t,e,n){const r={};return Nn(r,t.style||{},t),Object.assign(r,function(t,e,n){let{transformTemplate:r}=t;return(0,o.useMemo)((()=>{const t=$n();return On(t,e,{enableHardwareAcceleration:!n},r),Object.assign({},t.vars,t.style)}),[e])}(t,e,n)),t.transformValues?t.transformValues(r):r}function zn(t,e,n){const o={},r=Un(t,e,n);return t.drag&&!1!==t.dragListener&&(o.draggable=!1,r.userSelect=r.WebkitUserSelect=r.WebkitTouchCallout="none",r.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),o.style=r,o}const Zn=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","viewport"]);function Hn(t){return t.startsWith("while")||t.startsWith("drag")&&"draggable"!==t||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||Zn.has(t)}let Wn=t=>!Hn(t);try{(qn=n(9138).Z)&&(Wn=t=>t.startsWith("on")?!Hn(t):qn(t))}catch{}var qn;function _n(t,e,n){const o={};for(const r in t)"values"===r&&"object"==typeof t.values||(Wn(r)||!0===n&&Hn(r)||!e&&!Hn(r)||t.draggable&&r.startsWith("onDrag"))&&(o[r]=t[r]);return o}function Yn(t,e,n){return"string"==typeof t?t:Ln.transform(e+n*t)}const Xn={offset:"stroke-dashoffset",array:"stroke-dasharray"},Gn={offset:"strokeDashoffset",array:"strokeDasharray"};function Kn(t,e,n,o,r){let{attrX:i,attrY:s,originX:a,originY:l,pathLength:u,pathSpacing:c=1,pathOffset:d=0,...h}=e;if(On(t,h,n,r),o)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:p,style:m,dimensions:f}=t;p.transform&&(f&&(m.transform=p.transform),delete p.transform),f&&(void 0!==a||void 0!==l||m.transform)&&(m.transformOrigin=function(t,e,n){return`${Yn(e,t.x,t.width)} ${Yn(n,t.y,t.height)}`}(f,void 0!==a?a:.5,void 0!==l?l:.5)),void 0!==i&&(p.x=i),void 0!==s&&(p.y=s),void 0!==u&&function(t,e,n,o,r){void 0===n&&(n=1),void 0===o&&(o=0),void 0===r&&(r=!0),t.pathLength=1;const i=r?Xn:Gn;t[i.offset]=Ln.transform(-o);const s=Ln.transform(e),a=Ln.transform(n);t[i.array]=`${s} ${a}`}(p,u,c,d,!1)}const Qn=()=>({...$n(),attrs:{}}),Jn=t=>"string"==typeof t&&"svg"===t.toLowerCase();function to(t,e,n,r){const i=(0,o.useMemo)((()=>{const n=Qn();return Kn(n,e,{enableHardwareAcceleration:!1},Jn(r),t.transformTemplate),{...n.attrs,style:{...n.style}}}),[e]);if(t.style){const e={};Nn(e,t.style,t),i.style={...e,...i.style}}return i}function eo(t){return void 0===t&&(t=!1),(e,n,r,i,s,a)=>{let{latestValues:l}=s;const u=(cn(e)?to:zn)(n,l,a,e),c={..._n(n,"string"==typeof e,t),...u,ref:i},{children:d}=n,h=(0,o.useMemo)((()=>fn(d)?d.get():d),[d]);return r&&(c["data-projection-id"]=r),(0,o.createElement)(e,{...c,children:h})}}const no=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();function oo(t,e,n,o){let{style:r,vars:i}=e;Object.assign(t.style,r,o&&o.getProjectionStyles(n));for(const s in i)t.style.setProperty(s,i[s])}const ro=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function io(t,e,n,o){oo(t,e,void 0,o);for(const r in e.attrs)t.setAttribute(ro.has(r)?r:no(r),e.attrs[r])}function so(t,e){const{style:n}=t,o={};for(const r in n)(fn(n[r])||e.style&&fn(e.style[r])||mn(r,t))&&(o[r]=n[r]);return o}function ao(t,e){const n=so(t,e);for(const o in t)if(fn(t[o])||fn(e[o])){n["x"===o||"y"===o?"attr"+o.toUpperCase():o]=t[o]}return n}function lo(t,e,n,o,r){return void 0===o&&(o={}),void 0===r&&(r={}),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,o,r)),"string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,o,r)),e}const uo=t=>Array.isArray(t),co=t=>!!(t&&"object"==typeof t&&t.mix&&t.toValue),ho=t=>uo(t)?t[t.length-1]||0:t;function po(t){const e=fn(t)?t.get():t;return co(e)?e.toValue():e}const mo=t=>(e,n)=>{const r=(0,o.useContext)(je),i=(0,o.useContext)(Fe),s=()=>function(t,e,n,o){let{scrapeMotionValuesFromProps:r,createRenderState:i,onMount:s}=t;const a={latestValues:fo(e,n,o,r),renderState:i()};return s&&(a.mount=t=>s(e,t,a)),a}(t,e,r,i);return n?s():Qe(s)};function fo(t,e,n,o){const r={},i=o(t,{});for(const h in i)r[h]=po(i[h]);let{initial:s,animate:a}=t;const l=qe(t),u=_e(t);e&&u&&!l&&!1!==t.inherit&&(void 0===s&&(s=e.initial),void 0===a&&(a=e.animate));let c=!!n&&!1===n.initial;c=c||!1===s;const d=c?a:s;return d&&"boolean"!=typeof d&&!He(d)&&(Array.isArray(d)?d:[d]).forEach((e=>{const n=lo(t,e);if(!n)return;const{transitionEnd:o,transition:i,...s}=n;for(const t in s){let e=s[t];if(Array.isArray(e)){e=e[c?e.length-1:0]}null!==e&&(r[t]=e)}for(const t in o)r[t]=o[t]})),r}const go={useVisualState:mo({scrapeMotionValuesFromProps:ao,createRenderState:Qn,onMount:(t,e,n)=>{let{renderState:o,latestValues:r}=n;try{o.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch{o.dimensions={x:0,y:0,width:0,height:0}}Kn(o,r,{enableHardwareAcceleration:!1},Jn(e.tagName),t.transformTemplate),io(e,o)}})},vo={useVisualState:mo({scrapeMotionValuesFromProps:so,createRenderState:$n})};var yo;function bo(t,e,n,o){return void 0===o&&(o={passive:!0}),t.addEventListener(e,n,o),()=>t.removeEventListener(e,n)}function xo(t,e,n,r){(0,o.useEffect)((()=>{const o=t.current;if(n&&o)return bo(o,e,n,r)}),[t,e,n,r])}!function(t){t.Animate="animate",t.Hover="whileHover",t.Tap="whileTap",t.Drag="whileDrag",t.Focus="whileFocus",t.InView="whileInView",t.Exit="exit"}(yo||(yo={}));const wo=t=>"mouse"===t.pointerType?"number"!=typeof t.button||t.button<=0:!1!==t.isPrimary;function Co(t,e){return void 0===e&&(e="page"),{point:{x:t[e+"X"],y:t[e+"Y"]}}}const ko=t=>e=>wo(e)&&t(e,Co(e));function Eo(t,e,n,o){return bo(t,e,ko(n),o)}function Mo(t,e,n,o){return xo(t,e,n&&ko(n),o)}function Po(t){let e=null;return()=>null===e&&(e=t,()=>{e=null})}const To=Po("dragHorizontal"),So=Po("dragVertical");function Bo(t){let e=!1;if("y"===t)e=So();else if("x"===t)e=To();else{const t=To(),n=So();t&&n?e=()=>{t(),n()}:(t&&t(),n&&n())}return e}function Ao(){const t=Bo(!0);return!t||(t(),!1)}function Vo(t,e,n,o){return(r,i)=>{"touch"===r.type||Ao()||(n&&t.animationState&&t.animationState.setActive(yo.Hover,e),o&&o(r,i))}}const Lo=(t,e)=>!!e&&(t===e||Lo(t,e.parentElement));function Ro(t){return(0,o.useEffect)((()=>()=>t()),[])}const Do=(t,e)=>n=>e(t(n)),Io=function(){for(var t=arguments.length,e=new Array(t),n=0;n{const e=jo.get(t.target);e&&e(t)},$o=t=>{t.forEach(Oo)};function No(t,e,n){const o=function(t){let{root:e,...n}=t;const o=e||document;Fo.has(o)||Fo.set(o,{});const r=Fo.get(o),i=JSON.stringify(n);return r[i]||(r[i]=new IntersectionObserver($o,{root:e,...n})),r[i]}(e);return jo.set(t,n),o.observe(t),()=>{jo.delete(t),o.unobserve(t)}}const Uo={some:0,all:1};function zo(t,e,n,r){let{root:i,margin:s,amount:a="some",once:l}=r;(0,o.useEffect)((()=>{if(!t||!n.current)return;const o={root:null==i?void 0:i.current,rootMargin:s,threshold:"number"==typeof a?a:Uo[a]};return No(n.current,o,(t=>{const{isIntersecting:o}=t;if(e.isInView===o||(e.isInView=o,l&&!o&&e.hasEnteredView))return;o&&(e.hasEnteredView=!0),n.animationState&&n.animationState.setActive(yo.InView,o);const r=n.getProps(),i=o?r.onViewportEnter:r.onViewportLeave;i&&i(t)}))}),[t,i,s,a])}function Zo(t,e,n,r){let{fallback:i=!0}=r;(0,o.useEffect)((()=>{!t||!i||requestAnimationFrame((()=>{e.hasEnteredView=!0;const{onViewportEnter:t}=n.getProps();t&&t(null),n.animationState&&n.animationState.setActive(yo.InView,!0)}))}),[t])}const Ho=t=>e=>(t(e),null),Wo={inView:Ho((function(t){let{visualElement:e,whileInView:n,onViewportEnter:r,onViewportLeave:i,viewport:s={}}=t;const a=(0,o.useRef)({hasEnteredView:!1,isInView:!1});let l=!!(n||r||i);s.once&&a.current.hasEnteredView&&(l=!1),(typeof IntersectionObserver>"u"?Zo:zo)(l,a.current,e,s)})),tap:Ho((function(t){let{onTap:e,onTapStart:n,onTapCancel:r,whileTap:i,visualElement:s,...a}=t;const l=e||n||r||i,u=(0,o.useRef)(!1),c=(0,o.useRef)(null),d={passive:!(n||e||r||a.onPointerDown)};function h(){c.current&&c.current(),c.current=null}function p(){return h(),u.current=!1,s.getProps().whileTap&&s.animationState&&s.animationState.setActive(yo.Tap,!1),!Ao()}function m(t,e){var n,o,r,i;p()&&(Lo(s.current,t.target)?null===(i=(r=s.getProps()).onTap)||void 0===i||i.call(r,t,e):null===(o=(n=s.getProps()).onTapCancel)||void 0===o||o.call(n,t,e))}function f(t,e){var n,o;p()&&(null===(o=(n=s.getProps()).onTapCancel)||void 0===o||o.call(n,t,e))}const g=(0,o.useCallback)(((t,e)=>{var n;if(h(),u.current)return;u.current=!0,c.current=Io(Eo(window,"pointerup",m,d),Eo(window,"pointercancel",f,d));const o=s.getProps();o.whileTap&&s.animationState&&s.animationState.setActive(yo.Tap,!0),null===(n=o.onTapStart)||void 0===n||n.call(o,t,e)}),[!!n,s]);Mo(s,"pointerdown",l?g:void 0,d),Ro(h)})),focus:Ho((function(t){let{whileFocus:e,visualElement:n}=t;const{animationState:r}=n,i=(0,o.useCallback)((()=>{r&&r.setActive(yo.Focus,!0)}),[r]),s=(0,o.useCallback)((()=>{r&&r.setActive(yo.Focus,!1)}),[r]);xo(n,"focus",e?i:void 0),xo(n,"blur",e?s:void 0)})),hover:Ho((function(t){let{onHoverStart:e,onHoverEnd:n,whileHover:r,visualElement:i}=t;Mo(i,"pointerenter",(0,o.useMemo)((()=>e||r?Vo(i,!0,!!r,e):void 0),[e,!!r,i]),{passive:!e}),Mo(i,"pointerleave",(0,o.useMemo)((()=>n||r?Vo(i,!1,!!r,n):void 0),[e,!!r,i]),{passive:!n})}))};function qo(){const t=(0,o.useContext)(Fe);if(null===t)return[!0,null];const{isPresent:e,onExitComplete:n,register:r}=t,i=(0,o.useId)();return(0,o.useEffect)((()=>r(i)),[]),!e&&n?[!1,()=>n&&n(i)]:[!0]}function _o(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let o=0;o/^\-?\d*\.?\d+$/.test(t),Xo=t=>/^0[^.\s]+$/.test(t),Go={delta:0,timestamp:0},Ko=1/60*1e3,Qo=typeof performance<"u"?()=>performance.now():()=>Date.now(),Jo=typeof window<"u"?t=>window.requestAnimationFrame(t):t=>setTimeout((()=>t(Qo())),Ko);let tr=!0,er=!1,nr=!1;const or=["read","update","preRender","render","postRender"],rr=or.reduce(((t,e)=>(t[e]=function(t){let e=[],n=[],o=0,r=!1,i=!1;const s=new WeakSet,a={schedule:function(t,i,a){void 0===i&&(i=!1),void 0===a&&(a=!1);const l=a&&r,u=l?e:n;return i&&s.add(t),-1===u.indexOf(t)&&(u.push(t),l&&r&&(o=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),s.delete(t)},process:l=>{if(r)i=!0;else{if(r=!0,[e,n]=[n,e],n.length=0,o=e.length,o)for(let n=0;ner=!0)),t)),{}),ir=or.reduce(((t,e)=>{const n=rr[e];return t[e]=function(t,e,o){return void 0===e&&(e=!1),void 0===o&&(o=!1),er||cr(),n.schedule(t,e,o)},t}),{}),sr=or.reduce(((t,e)=>(t[e]=rr[e].cancel,t)),{}),ar=or.reduce(((t,e)=>(t[e]=()=>rr[e].process(Go),t)),{}),lr=t=>rr[t].process(Go),ur=t=>{er=!1,Go.delta=tr?Ko:Math.max(Math.min(t-Go.timestamp,40),1),Go.timestamp=t,nr=!0,or.forEach(lr),nr=!1,er&&(tr=!1,Jo(ur))},cr=()=>{er=!0,tr=!0,nr||Jo(ur)};function dr(t,e){-1===t.indexOf(e)&&t.push(e)}function hr(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}class pr{constructor(){this.subscriptions=[]}add(t){return dr(this.subscriptions,t),()=>hr(this.subscriptions,t)}notify(t,e,n){const o=this.subscriptions.length;if(o)if(1===o)this.subscriptions[0](t,e,n);else for(let r=0;rir.postRender(this.velocityCheck),this.velocityCheck=t=>{let{timestamp:e}=t;e!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=(t=>!isNaN(parseFloat(t)))(this.current),this.owner=e.owner}onChange(t){return this.on("change",t)}on(t,e){this.events[t]||(this.events[t]=new pr);const n=this.events[t].add(e);return"change"===t?()=>{n(),ir.read((()=>{this.events.change.getSize()||this.stop()}))}:n}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,e){this.passiveEffect=t,this.stopPassiveEffect=e}set(t,e){void 0===e&&(e=!0),e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)}setWithVelocity(t,e,n){this.set(e),this.prev=t,this.timeDelta=n}jump(t){this.updateAndNotify(t),this.prev=t,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?mr(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise((e=>{this.hasAnimated=!0,this.animation=t(e)||null,this.events.animationStart&&this.events.animationStart.notify()})).then((()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()}))}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){this.animation=null}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function gr(t,e){return new fr(t,e)}const vr=(t,e)=>n=>!!(Sn(n)&&Tn.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),yr=(t,e,n)=>o=>{if(!Sn(o))return o;const[r,i,s,a]=o.match(Mn);return{[t]:parseFloat(r),[e]:parseFloat(i),[n]:parseFloat(s),alpha:void 0!==a?parseFloat(a):1}},br={...wn,transform:t=>Math.round((t=>xn(0,255,t))(t))},xr={test:vr("rgb","red"),parse:yr("red","green","blue"),transform:t=>{let{red:e,green:n,blue:o,alpha:r=1}=t;return"rgba("+br.transform(e)+", "+br.transform(n)+", "+br.transform(o)+", "+En(Cn.transform(r))+")"}};const wr={test:vr("#"),parse:function(t){let e="",n="",o="",r="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),o=t.substring(5,7),r=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),o=t.substring(3,4),r=t.substring(4,5),e+=e,n+=n,o+=o,r+=r),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(o,16),alpha:r?parseInt(r,16)/255:1}},transform:xr.transform},Cr={test:vr("hsl","hue"),parse:yr("hue","saturation","lightness"),transform:t=>{let{hue:e,saturation:n,lightness:o,alpha:r=1}=t;return"hsla("+Math.round(e)+", "+Vn.transform(En(n))+", "+Vn.transform(En(o))+", "+En(Cn.transform(r))+")"}},kr={test:t=>xr.test(t)||wr.test(t)||Cr.test(t),parse:t=>xr.test(t)?xr.parse(t):Cr.test(t)?Cr.parse(t):wr.parse(t),transform:t=>Sn(t)?t:t.hasOwnProperty("red")?xr.transform(t):Cr.transform(t)},Er="${c}",Mr="${n}";function Pr(t){"number"==typeof t&&(t=`${t}`);const e=[];let n=0,o=0;const r=t.match(Pn);r&&(n=r.length,t=t.replace(Pn,Er),e.push(...r.map(kr.parse)));const i=t.match(Mn);return i&&(o=i.length,t=t.replace(Mn,Mr),e.push(...i.map(wn.parse))),{values:e,numColors:n,numNumbers:o,tokenised:t}}function Tr(t){return Pr(t).values}function Sr(t){const{values:e,numColors:n,tokenised:o}=Pr(t),r=e.length;return t=>{let e=o;for(let o=0;o"number"==typeof t?0:t;const Ar={test:function(t){var e,n;return isNaN(t)&&Sn(t)&&((null===(e=t.match(Mn))||void 0===e?void 0:e.length)||0)+((null===(n=t.match(Pn))||void 0===n?void 0:n.length)||0)>0},parse:Tr,createTransformer:Sr,getAnimatableNone:function(t){const e=Tr(t);return Sr(t)(e.map(Br))}},Vr=new Set(["brightness","contrast","saturate","opacity"]);function Lr(t){const[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[o]=n.match(Mn)||[];if(!o)return t;const r=n.replace(o,"");let i=Vr.has(e)?1:0;return o!==n&&(i*=100),e+"("+i+r+")"}const Rr=/([a-z-]*)\(.*?\)/g,Dr={...Ar,getAnimatableNone:t=>{const e=t.match(Rr);return e?e.map(Lr).join(" "):t}},Ir={...Fn,color:kr,backgroundColor:kr,outlineColor:kr,fill:kr,stroke:kr,borderColor:kr,borderTopColor:kr,borderRightColor:kr,borderBottomColor:kr,borderLeftColor:kr,filter:Dr,WebkitFilter:Dr},jr=t=>Ir[t];function Fr(t,e){var n;let o=jr(t);return o!==Dr&&(o=Ar),null===(n=o.getAnimatableNone)||void 0===n?void 0:n.call(o,e)}const Or=t=>e=>e.test(t),$r=[wn,Ln,Vn,An,Dn,Rn,{test:t=>"auto"===t,parse:t=>t}],Nr=t=>$r.find(Or(t)),Ur=[...$r,kr,Ar],zr=t=>Ur.find(Or(t));function Zr(t,e,n){const o=t.getProps();return lo(o,e,void 0!==n?n:o.custom,function(t){const e={};return t.values.forEach(((t,n)=>e[n]=t.get())),e}(t),function(t){const e={};return t.values.forEach(((t,n)=>e[n]=t.getVelocity())),e}(t))}function Hr(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,gr(n))}function Wr(t,e){return e?(e[t]||e.default||e).from:void 0}function qr(t){return!(!fn(t)||!t.add)}const _r="data-"+no("framerAppearId");var Yr=function(){},Xr=function(){};const Gr=t=>1e3*t,Kr=!1,Qr=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Jr=t=>e=>1-t(1-e),ti=t=>t*t,ei=Jr(ti),ni=Qr(ti),oi=(t,e,n)=>-n*t+n*e+t;function ri(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}const ii=(t,e,n)=>{const o=t*t;return Math.sqrt(Math.max(0,n*(e*e-o)+o))},si=[wr,xr,Cr];function ai(t){const e=(t=>si.find((e=>e.test(t))))(t);Xr(!!e,`'${t}' is not an animatable color. Use the equivalent color code instead.`);let n=e.parse(t);return e===Cr&&(n=function(t){let{hue:e,saturation:n,lightness:o,alpha:r}=t;e/=360,n/=100,o/=100;let i=0,s=0,a=0;if(n){const t=o<.5?o*(1+n):o+n-o*n,r=2*o-t;i=ri(r,t,e+1/3),s=ri(r,t,e),a=ri(r,t,e-1/3)}else i=s=a=o;return{red:Math.round(255*i),green:Math.round(255*s),blue:Math.round(255*a),alpha:r}}(n)),n}const li=(t,e)=>{const n=ai(t),o=ai(e),r={...n};return t=>(r.red=ii(n.red,o.red,t),r.green=ii(n.green,o.green,t),r.blue=ii(n.blue,o.blue,t),r.alpha=oi(n.alpha,o.alpha,t),xr.transform(r))};function ui(t,e){return"number"==typeof t?n=>oi(t,e,n):kr.test(t)?li(t,e):hi(t,e)}const ci=(t,e)=>{const n=[...t],o=n.length,r=t.map(((t,n)=>ui(t,e[n])));return t=>{for(let e=0;e{const n={...t,...e},o={};for(const r in n)void 0!==t[r]&&void 0!==e[r]&&(o[r]=ui(t[r],e[r]));return t=>{for(const e in o)n[e]=o[e](t);return n}},hi=(t,e)=>{const n=Ar.createTransformer(e),o=Pr(t),r=Pr(e);return o.numColors===r.numColors&&o.numNumbers>=r.numNumbers?Io(ci(o.values,r.values),n):(Yr(!0,`Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),n=>`${n>0?e:t}`)},pi=(t,e,n)=>{const o=e-t;return 0===o?1:(n-t)/o},mi=(t,e)=>n=>oi(t,e,n);function fi(t,e,n){const o=[],r=n||function(t){return"number"==typeof t?mi:"string"==typeof t?kr.test(t)?li:hi:Array.isArray(t)?ci:"object"==typeof t?di:mi}(t[0]),i=t.length-1;for(let s=0;st[s-1]&&(t=[...t].reverse(),e=[...e].reverse());const a=fi(e,r,i),l=a.length,u=e=>{let n=0;if(l>1)for(;nu(xn(t[0],t[s-1],e)):u}const vi=t=>t,yi=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,bi=1e-7,xi=12;function wi(t,e,n,o){if(t===e&&n===o)return vi;const r=e=>function(t,e,n,o,r){let i,s,a=0;do{s=e+(n-e)/2,i=yi(s,o,r)-t,i>0?n=s:e=s}while(Math.abs(i)>bi&&++a0===t||1===t?t:yi(r(t),e,o)}const Ci=t=>1-Math.sin(Math.acos(t)),ki=Jr(Ci),Ei=Qr(ki),Mi=wi(.33,1.53,.69,.99),Pi=Jr(Mi),Ti=Qr(Pi),Si={linear:vi,easeIn:ti,easeInOut:ni,easeOut:ei,circIn:Ci,circInOut:Ei,circOut:ki,backIn:Pi,backInOut:Ti,backOut:Mi,anticipate:t=>(t*=2)<1?.5*Pi(t):.5*(2-Math.pow(2,-10*(t-1)))},Bi=t=>{if(Array.isArray(t)){Xr(4===t.length,"Cubic bezier arrays must contain four numerical values.");const[e,n,o,r]=t;return wi(e,n,o,r)}return"string"==typeof t?(Xr(void 0!==Si[t],`Invalid easing type '${t}'`),Si[t]):t},Ai=t=>Array.isArray(t)&&"number"!=typeof t[0];function Vi(t,e){return t.map((()=>e||ni)).splice(0,t.length-1)}function Li(t){let{keyframes:e,ease:n=ni,times:o,duration:r=300}=t;e=[...e];const i=Ai(n)?n.map(Bi):Bi(n),s={done:!1,value:e[0]},a=function(t,e){return t.map((t=>t*e))}(o&&o.length===e.length?o:function(t){const e=t.length;return t.map(((t,n)=>0!==n?n/(e-1):0))}(e),r);function l(){return gi(a,e,{ease:Array.isArray(i)?i:Vi(e,i)})}let u=l();return{next:t=>(s.value=u(t),s.done=t>=r,s),flipTarget:()=>{e.reverse(),u=l()}}}const Ri=.001,Di=.01,Ii=10,ji=.05,Fi=1;function Oi(t){let e,n,{duration:o=800,bounce:r=.25,velocity:i=0,mass:s=1}=t;Yr(o<=1e3*Ii,"Spring duration must be 10 seconds or less");let a=1-r;a=xn(ji,Fi,a),o=xn(Di,Ii,o/1e3),a<1?(e=t=>{const e=t*a,n=e*o,r=e-i,s=Ni(t,a),l=Math.exp(-n);return Ri-r/s*l},n=t=>{const n=t*a*o,r=n*i+i,s=Math.pow(a,2)*Math.pow(t,2)*o,l=Math.exp(-n),u=Ni(Math.pow(t,2),a);return(-e(t)+Ri>0?-1:1)*((r-s)*l)/u}):(e=t=>Math.exp(-t*o)*((t-i)*o+1)-Ri,n=t=>Math.exp(-t*o)*(o*o*(i-t)));const l=function(t,e,n){let o=n;for(let r=1;r<$i;r++)o-=t(o)/e(o);return o}(e,n,5/o);if(o*=1e3,isNaN(l))return{stiffness:100,damping:10,duration:o};{const t=Math.pow(l,2)*s;return{stiffness:t,damping:2*a*Math.sqrt(s*t),duration:o}}}const $i=12;function Ni(t,e){return t*Math.sqrt(1-e*e)}const Ui=["duration","bounce"],zi=["stiffness","damping","mass"];function Zi(t,e){return e.some((e=>void 0!==t[e]))}function Hi(t){let{keyframes:e,restDelta:n,restSpeed:o,...r}=t,i=e[0],s=e[e.length-1];const a={done:!1,value:i},{stiffness:l,damping:u,mass:c,velocity:d,duration:h,isResolvedFromDuration:p}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!Zi(t,zi)&&Zi(t,Ui)){const n=Oi(t);e={...e,...n,velocity:0,mass:1},e.isResolvedFromDuration=!0}return e}(r);let m=Wi,f=d?-d/1e3:0;const g=u/(2*Math.sqrt(l*c));function v(){const t=s-i,e=Math.sqrt(l/c)/1e3,r=Math.abs(t)<5;if(o||(o=r?.01:2),n||(n=r?.005:.5),g<1){const n=Ni(e,g);m=o=>{const r=Math.exp(-g*e*o);return s-r*((f+g*e*t)/n*Math.sin(n*o)+t*Math.cos(n*o))}}else if(1===g)m=n=>s-Math.exp(-e*n)*(t+(f+e*t)*n);else{const n=e*Math.sqrt(g*g-1);m=o=>{const r=Math.exp(-g*e*o),i=Math.min(n*o,300);return s-r*((f+g*e*t)*Math.sinh(i)+n*t*Math.cosh(i))/n}}}return v(),{next:t=>{const e=m(t);if(p)a.done=t>=h;else{let r=f;if(0!==t)if(g<1){const n=Math.max(0,t-5);r=mr(e-m(n),t-n)}else r=0;const i=Math.abs(r)<=o,l=Math.abs(s-e)<=n;a.done=i&&l}return a.value=a.done?s:e,a},flipTarget:()=>{f=-f,[i,s]=[s,i],v()}}}Hi.needsInterpolation=(t,e)=>"string"==typeof t||"string"==typeof e;const Wi=t=>0;const qi={decay:function(t){let{keyframes:e=[0],velocity:n=0,power:o=.8,timeConstant:r=350,restDelta:i=.5,modifyTarget:s}=t;const a=e[0],l={done:!1,value:a};let u=o*n;const c=a+u,d=void 0===s?c:s(c);return d!==c&&(u=d-a),{next:t=>{const e=-u*Math.exp(-t/r);return l.done=!(e>i||e<-i),l.value=l.done?d:d+e,l},flipTarget:()=>{}}},keyframes:Li,tween:Li,spring:Hi};function _i(t,e,n){return void 0===n&&(n=0),t-e-n}const Yi=t=>{const e=e=>{let{delta:n}=e;return t(n)};return{start:()=>ir.update(e,!0),stop:()=>sr.update(e)}};function Xi(t){let{duration:e,driver:n=Yi,elapsed:o=0,repeat:r=0,repeatType:i="loop",repeatDelay:s=0,keyframes:a,autoplay:l=!0,onPlay:u,onStop:c,onComplete:d,onRepeat:h,onUpdate:p,type:m="keyframes",...f}=t;var g,v;const y=o;let b,x,w=0,C=e,k=!1,E=!0;const M=qi[a.length>2?"keyframes":m]||Li,P=a[0],T=a[a.length-1];let S={done:!1,value:P};null!==(v=(g=M).needsInterpolation)&&void 0!==v&&v.call(g,P,T)&&(x=gi([0,100],[P,T],{clamp:!1}),a=[0,100]);const B=M({...f,duration:e,keyframes:a});function A(){w++,"reverse"===i?(E=w%2==0,o=function(t,e,n,o){return void 0===e&&(e=0),void 0===n&&(n=0),void 0===o&&(o=!0),o?_i(e+-t,e,n):e-(t-e)+n}(o,C,s,E)):(o=_i(o,C,s),"mirror"===i&&B.flipTarget()),k=!1,h&&h()}function V(t){E||(t=-t),o+=t,k||(S=B.next(Math.max(0,o)),x&&(S.value=x(S.value)),k=E?S.done:o<=0),p&&p(S.value),k&&(0===w&&(C=void 0!==C?C:o),w=e+n:t<=-n}(o,C,s,E)&&A():(b&&b.stop(),d&&d()))}return l&&(u&&u(),b=n(V),b.start()),{stop:()=>{c&&c(),b&&b.stop()},set currentTime(t){o=y,V(t)},sample:t=>{o=y;const n=e&&"number"==typeof e?Math.max(.5*e,50):50;let r=0;for(V(0);r<=t;){const e=t-r;V(Math.min(e,n)),r+=n}return S}}}const Gi=t=>{let[e,n,o,r]=t;return`cubic-bezier(${e}, ${n}, ${o}, ${r})`},Ki={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Gi([0,.65,.55,1]),circOut:Gi([.55,0,1,.45]),backIn:Gi([.31,.01,.66,-.59]),backOut:Gi([.33,1.53,.69,.99])};function Qi(t){if(t)return Array.isArray(t)?Gi(t):Ki[t]}const Ji={waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate")},ts={},es={};for(const dd in Ji)es[dd]=()=>(void 0===ts[dd]&&(ts[dd]=Ji[dd]()),ts[dd]);const ns=new Set(["opacity"]);function os(t,e,n){let{onUpdate:o,onComplete:r,...i}=n;if(!es.waapi()||!ns.has(e)||i.repeatDelay||"mirror"===i.repeatType||0===i.damping)return!1;let{keyframes:s,duration:a=300,elapsed:l=0,ease:u}=i;if("spring"===i.type||!function(t){return!t||Array.isArray(t)||"string"==typeof t&&Ki[t]}(i.ease)){if(i.repeat===1/0)return;const t=Xi({...i,elapsed:0});let e={done:!1,value:s[0]};const n=[];let o=0;for(;!e.done&&o<2e4;)e=t.sample(o),n.push(e.value),o+=10;s=n,a=o-10,u="linear"}const c=function(t,e,n,o){let{delay:r=0,duration:i,repeat:s=0,repeatType:a="loop",ease:l,times:u}=void 0===o?{}:o;return t.animate({[e]:n,offset:u},{delay:r,duration:i,easing:Qi(l),fill:"both",iterations:s+1,direction:"reverse"===a?"alternate":"normal"})}(t.owner.current,e,s,{...i,delay:-l,duration:a,ease:u});return c.onfinish=()=>{t.set(function(t,e){let{repeat:n,repeatType:o="loop"}=e;return t[n&&"loop"!==o&&n%2==1?0:t.length-1]}(s,i)),ir.update((()=>c.cancel())),r&&r()},{get currentTime(){return c.currentTime||0},set currentTime(t){c.currentTime=t},stop:()=>{const{currentTime:e}=c;if(e){const n=Xi({...i,autoplay:!1});t.setWithVelocity(n.sample(e-10).value,n.sample(e).value,10)}ir.update((()=>c.cancel()))}}}function rs(t,e){const n=performance.now(),o=r=>{let{timestamp:i}=r;const s=i-n;s>=e&&(sr.read(o),t(s-e))};return ir.read(o,!0),()=>sr.read(o)}const is=()=>({type:"spring",stiffness:500,damping:25,restSpeed:10}),ss=t=>({type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}),as=()=>({type:"keyframes",ease:"linear",duration:.3}),ls={type:"keyframes",duration:.8},us={x:is,y:is,z:is,rotate:is,rotateX:is,rotateY:is,rotateZ:is,scaleX:ss,scaleY:ss,scale:ss,opacity:as,backgroundColor:as,color:as,default:ss},cs=(t,e)=>{let{keyframes:n}=e;return n.length>2?ls:(us[t]||us.default)(n[1])},ds=(t,e)=>"zIndex"!==t&&!!("number"==typeof e||Array.isArray(e)||"string"==typeof e&&Ar.test(e)&&!e.startsWith("url("));function hs(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function ps(t){return"number"==typeof t?0:Fr("",t)}function ms(t,e){return t[e]||t.default||t}const fs=function(t,e,n,o){return void 0===o&&(o={}),r=>{const i=ms(o,t)||{},s=i.delay||o.delay||0;let{elapsed:a=0}=o;a-=Gr(s);const l=function(t,e,n,o){const r=ds(e,n);let i=void 0!==o.from?o.from:t.get();return"none"===i&&r&&"string"==typeof n?i=Fr(e,n):hs(i)&&"string"==typeof n?i=ps(n):!Array.isArray(n)&&hs(n)&&"string"==typeof i&&(n=ps(i)),Array.isArray(n)?(null===n[0]&&(n[0]=i),n):[i,n]}(e,t,n,i),u=l[0],c=l[l.length-1],d=ds(t,u),h=ds(t,c);Yr(d===h,`You are trying to animate ${t} from "${u}" to "${c}". ${u} is not an animatable value - to enable this animation set ${u} to a value animatable to ${c} via the \`style\` property.`);let p={keyframes:l,velocity:e.getVelocity(),...i,elapsed:a,onUpdate:t=>{e.set(t),i.onUpdate&&i.onUpdate(t)},onComplete:()=>{r(),i.onComplete&&i.onComplete()}};if(!d||!h||Kr||!1===i.type)return function(t){let{keyframes:e,elapsed:n,onUpdate:o,onComplete:r}=t;const i=()=>{o&&o(e[e.length-1]),r&&r()};return n?{stop:rs(i,-n)}:i()}(p);if("inertia"===i.type)return function(t){let{keyframes:e,velocity:n=0,min:o,max:r,power:i=.8,timeConstant:s=750,bounceStiffness:a=500,bounceDamping:l=10,restDelta:u=1,modifyTarget:c,driver:d,onUpdate:h,onComplete:p,onStop:m}=t;const f=e[0];let g;function v(t){return void 0!==o&&tr}function y(t){return void 0===o?r:void 0===r||Math.abs(o-t){var n;null==h||h(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:p,onStop:m})}function x(t){b({type:"spring",stiffness:a,damping:l,restDelta:u,...t})}if(v(f))x({velocity:n,keyframes:[f,y(f)]});else{let t=i*n+f;typeof c<"u"&&(t=c(t));const e=y(t),r=e===o?-1:1;let a,l;const d=t=>{a=l,l=t,n=mr(t-a,Go.delta),(1===r&&t>e||-1===r&&tnull==g?void 0:g.stop()}}(p);(function(t){let{when:e,delay:n,delayChildren:o,staggerChildren:r,staggerDirection:i,repeat:s,repeatType:a,repeatDelay:l,from:u,elapsed:c,...d}=t;return!!Object.keys(d).length})(i)||(p={...p,...cs(t,p)}),p.duration&&(p.duration=Gr(p.duration)),p.repeatDelay&&(p.repeatDelay=Gr(p.repeatDelay));const m=e.owner,f=m&&m.current;if(m&&f instanceof HTMLElement&&(null==m||!m.getProps().onUpdate)){const n=os(e,t,p);if(n)return n}return Xi(p)}};function gs(t,e,n){var o;void 0===n&&(n={});const r=Zr(t,e,n.custom);let{transition:i=t.getDefaultTransition()||{}}=r||{};n.transitionOverride&&(i=n.transitionOverride);const s=r?()=>vs(t,r,n):()=>Promise.resolve(),a=null!==(o=t.variantChildren)&&void 0!==o&&o.size?function(o){void 0===o&&(o=0);const{delayChildren:r=0,staggerChildren:s,staggerDirection:a}=i;return function(t,e,n,o,r,i){void 0===n&&(n=0);void 0===o&&(o=0);void 0===r&&(r=1);const s=[],a=(t.variantChildren.size-1)*o,l=1===r?function(t){return void 0===t&&(t=0),t*o}:function(t){return void 0===t&&(t=0),a-t*o};return Array.from(t.variantChildren).sort(ys).forEach(((t,o)=>{t.notify("AnimationStart",e),s.push(gs(t,e,{...i,delay:n+l(o)}).then((()=>t.notify("AnimationComplete",e))))})),Promise.all(s)}(t,e,r+o,s,a,n)}:()=>Promise.resolve(),{when:l}=i;if(l){const[t,e]="beforeChildren"===l?[s,a]:[a,s];return t().then(e)}return Promise.all([s(),a(n.delay)])}function vs(t,e,n){let{delay:o=0,transitionOverride:r,type:i}=void 0===n?{}:n;var s;let{transition:a=t.getDefaultTransition(),transitionEnd:l,...u}=t.makeTargetAnimatable(e);const c=t.getValue("willChange");r&&(a=r);const d=[],h=i&&(null===(s=t.animationState)||void 0===s?void 0:s.getState()[i]);for(const p in u){const e=t.getValue(p),n=u[p];if(!e||void 0===n||h&&bs(h,p))continue;const r={delay:o,elapsed:0,...a};if(window.HandoffAppearAnimations&&!e.hasAnimated){const n=t.getProps()[_r];n&&(r.elapsed=window.HandoffAppearAnimations(n,p,e,ir))}let i=e.start(fs(p,e,n,t.shouldReduceMotion&&pn.has(p)?{type:!1}:r));qr(c)&&(c.add(p),i=i.then((()=>c.remove(p)))),d.push(i)}return Promise.all(d).then((()=>{l&&function(t,e){const n=Zr(t,e);let{transitionEnd:o={},transition:r={},...i}=n?t.makeTargetAnimatable(n,!1):{};i={...i,...o};for(const s in i)Hr(t,s,ho(i[s]))}(t,l)}))}function ys(t,e){return t.sortNodePosition(e)}function bs(t,e){let{protectedKeys:n,needsAnimating:o}=t;const r=n.hasOwnProperty(e)&&!0!==o[e];return o[e]=!1,r}const xs=[yo.Animate,yo.InView,yo.Focus,yo.Hover,yo.Tap,yo.Drag,yo.Exit],ws=[...xs].reverse(),Cs=xs.length;function ks(t){return e=>Promise.all(e.map((e=>{let{animation:n,options:o}=e;return function(t,e,n){let o;if(void 0===n&&(n={}),t.notify("AnimationStart",e),Array.isArray(e)){const r=e.map((e=>gs(t,e,n)));o=Promise.all(r)}else if("string"==typeof e)o=gs(t,e,n);else{const r="function"==typeof e?Zr(t,e,n.custom):e;o=vs(t,r,n)}return o.then((()=>t.notify("AnimationComplete",e)))}(t,n,o)})))}function Es(t){let e=ks(t);const n={[yo.Animate]:Ps(!0),[yo.InView]:Ps(),[yo.Hover]:Ps(),[yo.Tap]:Ps(),[yo.Drag]:Ps(),[yo.Focus]:Ps(),[yo.Exit]:Ps()};let o=!0;const r=(e,n)=>{const o=Zr(t,n);if(o){const{transition:t,transitionEnd:n,...r}=o;e={...e,...r,...n}}return e};function i(i,s){const a=t.getProps(),l=t.getVariantContext(!0)||{},u=[],c=new Set;let d={},h=1/0;for(let e=0;eh&&g;const w=Array.isArray(f)?f:[f];let C=w.reduce(r,{});!1===v&&(C={});const{prevResolvedValues:k={}}=m,E={...k,...C},M=t=>{x=!0,c.delete(t),m.needsAnimating[t]=!0};for(const t in E){const e=C[t],n=k[t];d.hasOwnProperty(t)||(e!==n?uo(e)&&uo(n)?!_o(e,n)||b?M(t):m.protectedKeys[t]=!0:void 0!==e?M(t):c.add(t):void 0!==e&&c.has(t)?M(t):m.protectedKeys[t]=!0)}m.prevProp=f,m.prevResolvedValues=C,m.isActive&&(d={...d,...C}),o&&t.blockInitialAnimation&&(x=!1),x&&!y&&u.push(...w.map((t=>({animation:t,options:{type:p,...i}}))))}if(c.size){const e={};c.forEach((n=>{const o=t.getBaseTarget(n);void 0!==o&&(e[n]=o)})),u.push({animation:e})}let p=!!u.length;return o&&!1===a.initial&&!t.manuallyAnimateOnMount&&(p=!1),o=!1,p?e(u):Promise.resolve()}return{animateChanges:i,setActive:function(e,o,r){var s;if(n[e].isActive===o)return Promise.resolve();null===(s=t.variantChildren)||void 0===s||s.forEach((t=>{var n;return null===(n=t.animationState)||void 0===n?void 0:n.setActive(e,o)})),n[e].isActive=o;const a=i(r,e);for(const t in n)n[t].protectedKeys={};return a},setAnimateFunction:function(n){e=n(t)},getState:()=>n}}function Ms(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!_o(e,t)}function Ps(t){return void 0===t&&(t=!1),{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}const Ts={animation:Ho((t=>{let{visualElement:e,animate:n}=t;e.animationState||(e.animationState=Es(e)),He(n)&&(0,o.useEffect)((()=>n.subscribe(e)),[n])})),exit:Ho((t=>{const{custom:e,visualElement:n}=t,[r,i]=qo(),s=(0,o.useContext)(Fe);(0,o.useEffect)((()=>{n.isPresent=r;const t=n.animationState&&n.animationState.setActive(yo.Exit,!r,{custom:s&&s.custom||e});t&&!r&&t.then(i)}),[r])}))},Ss=(t,e)=>Math.abs(t-e);class Bs{constructor(t,e,n){let{transformPagePoint:o}=void 0===n?{}:n;if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!this.lastMoveEvent||!this.lastMoveEventInfo)return;const t=Ls(this.lastMoveEventInfo,this.history),e=null!==this.startEvent,n=function(t,e){const n=Ss(t.x,e.x),o=Ss(t.y,e.y);return Math.sqrt(n**2+o**2)}(t.offset,{x:0,y:0})>=3;if(!e&&!n)return;const{point:o}=t,{timestamp:r}=Go;this.history.push({...o,timestamp:r});const{onStart:i,onMove:s}=this.handlers;e||(i&&i(this.lastMoveEvent,t),this.startEvent=this.lastMoveEvent),s&&s(this.lastMoveEvent,t)},this.handlePointerMove=(t,e)=>{this.lastMoveEvent=t,this.lastMoveEventInfo=As(e,this.transformPagePoint),ir.update(this.updatePoint,!0)},this.handlePointerUp=(t,e)=>{if(this.end(),!this.lastMoveEvent||!this.lastMoveEventInfo)return;const{onEnd:n,onSessionEnd:o}=this.handlers,r=Ls("pointercancel"===t.type?this.lastMoveEventInfo:As(e,this.transformPagePoint),this.history);this.startEvent&&n&&n(t,r),o&&o(t,r)},!wo(t))return;this.handlers=e,this.transformPagePoint=o;const r=As(Co(t),this.transformPagePoint),{point:i}=r,{timestamp:s}=Go;this.history=[{...i,timestamp:s}];const{onSessionStart:a}=e;a&&a(t,Ls(r,this.history)),this.removeListeners=Io(Eo(window,"pointermove",this.handlePointerMove),Eo(window,"pointerup",this.handlePointerUp),Eo(window,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),sr.update(this.updatePoint)}}function As(t,e){return e?{point:e(t.point)}:t}function Vs(t,e){return{x:t.x-e.x,y:t.y-e.y}}function Ls(t,e){let{point:n}=t;return{point:n,delta:Vs(n,Ds(e)),offset:Vs(n,Rs(e)),velocity:Is(e,.1)}}function Rs(t){return t[0]}function Ds(t){return t[t.length-1]}function Is(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,o=null;const r=Ds(t);for(;n>=0&&(o=t[n],!(r.timestamp-o.timestamp>Gr(e)));)n--;if(!o)return{x:0,y:0};const i=(r.timestamp-o.timestamp)/1e3;if(0===i)return{x:0,y:0};const s={x:(r.x-o.x)/i,y:(r.y-o.y)/i};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}function js(t){return t.max-t.min}function Fs(t,e,n){return void 0===e&&(e=0),void 0===n&&(n=.01),Math.abs(t-e)<=n}function Os(t,e,n,o){void 0===o&&(o=.5),t.origin=o,t.originPoint=oi(e.min,e.max,t.origin),t.scale=js(n)/js(e),(Fs(t.scale,1,1e-4)||isNaN(t.scale))&&(t.scale=1),t.translate=oi(n.min,n.max,t.origin)-t.originPoint,(Fs(t.translate)||isNaN(t.translate))&&(t.translate=0)}function $s(t,e,n,o){Os(t.x,e.x,n.x,null==o?void 0:o.originX),Os(t.y,e.y,n.y,null==o?void 0:o.originY)}function Ns(t,e,n){t.min=n.min+e.min,t.max=t.min+js(e)}function Us(t,e,n){t.min=e.min-n.min,t.max=t.min+js(e)}function zs(t,e,n){Us(t.x,e.x,n.x),Us(t.y,e.y,n.y)}function Zs(t,e,n){return{min:void 0!==e?t.min+e:void 0,max:void 0!==n?t.max+n-(t.max-t.min):void 0}}function Hs(t,e){let n=e.min-t.min,o=e.max-t.max;return e.max-e.min({x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}}),Xs=()=>({x:{min:0,max:0},y:{min:0,max:0}});function Gs(t){return[t("x"),t("y")]}function Ks(t){let{top:e,left:n,right:o,bottom:r}=t;return{x:{min:n,max:o},y:{min:e,max:r}}}function Qs(t){return void 0===t||1===t}function Js(t){let{scale:e,scaleX:n,scaleY:o}=t;return!Qs(e)||!Qs(n)||!Qs(o)}function ta(t){return Js(t)||ea(t)||t.z||t.rotate||t.rotateX||t.rotateY}function ea(t){return na(t.x)||na(t.y)}function na(t){return t&&"0%"!==t}function oa(t,e,n){return n+e*(t-n)}function ra(t,e,n,o,r){return void 0!==r&&(t=oa(t,r,o)),oa(t,n,o)+e}function ia(t,e,n,o,r){void 0===e&&(e=0),void 0===n&&(n=1),t.min=ra(t.min,e,n,o,r),t.max=ra(t.max,e,n,o,r)}function sa(t,e){let{x:n,y:o}=e;ia(t.x,n.translate,n.scale,n.originPoint),ia(t.y,o.translate,o.scale,o.originPoint)}function aa(t){return Number.isInteger(t)||t>1.0000000000001||t<.999999999999?t:1}function la(t,e){t.min=t.min+e,t.max=t.max+e}function ua(t,e,n){let[o,r,i]=n;const s=void 0!==e[i]?e[i]:.5,a=oi(t.min,t.max,s);ia(t,e[o],e[r],a,e.scale)}const ca=["x","scaleX","originX"],da=["y","scaleY","originY"];function ha(t,e){ua(t.x,e,ca),ua(t.y,e,da)}function pa(t,e){return Ks(function(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),o=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:o.y,right:o.x}}(t.getBoundingClientRect(),e))}const ma=new WeakMap;class fa{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=Xs(),this.visualElement=t}start(t,e){let{snapToCursor:n=!1}=void 0===e?{}:e;if(!1===this.visualElement.isPresent)return;this.panSession=new Bs(t,{onSessionStart:t=>{this.stopAnimation(),n&&this.snapToCursor(Co(t,"page").point)},onStart:(t,e)=>{var n;const{drag:o,dragPropagation:r,onDragStart:i}=this.getProps();o&&!r&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=Bo(o),!this.openGlobalLock)||(this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),Gs((t=>{var e,n;let o=this.getAxisMotionValue(t).get()||0;if(Vn.test(o)){const r=null===(n=null===(e=this.visualElement.projection)||void 0===e?void 0:e.layout)||void 0===n?void 0:n.layoutBox[t];r&&(o=js(r)*(parseFloat(o)/100))}this.originPoint[t]=o})),null==i||i(t,e),null===(n=this.visualElement.animationState)||void 0===n||n.setActive(yo.Drag,!0))},onMove:(t,e)=>{const{dragPropagation:n,dragDirectionLock:o,onDirectionLock:r,onDrag:i}=this.getProps();if(!n&&!this.openGlobalLock)return;const{offset:s}=e;if(o&&null===this.currentDirection)return this.currentDirection=function(t,e){void 0===e&&(e=10);let n=null;return Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x"),n}(s),void(null!==this.currentDirection&&(null==r||r(this.currentDirection)));this.updateAxis("x",e.point,s),this.updateAxis("y",e.point,s),this.visualElement.render(),null==i||i(t,e)},onSessionEnd:(t,e)=>this.stop(t,e)},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(t,e){const n=this.isDragging;if(this.cancel(),!n)return;const{velocity:o}=e;this.startAnimation(o);const{onDragEnd:r}=this.getProps();null==r||r(t,e)}cancel(){var t,e;this.isDragging=!1,this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!1),null===(t=this.panSession)||void 0===t||t.end(),this.panSession=void 0;const{dragPropagation:n}=this.getProps();!n&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),null===(e=this.visualElement.animationState)||void 0===e||e.setActive(yo.Drag,!1)}updateAxis(t,e,n){const{drag:o}=this.getProps();if(!n||!ga(t,o,this.currentDirection))return;const r=this.getAxisMotionValue(t);let i=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(i=function(t,e,n){let{min:o,max:r}=e;return void 0!==o&&tr&&(t=n?oi(r,t,n.max):Math.min(t,r)),t}(i,this.constraints[t],this.elastic[t])),r.set(i)}resolveConstraints(){const{dragConstraints:t,dragElastic:e}=this.getProps(),{layout:n}=this.visualElement.projection||{},o=this.constraints;t&&ze(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!t||!n)&&function(t,e){let{top:n,left:o,bottom:r,right:i}=e;return{x:Zs(t.x,o,i),y:Zs(t.y,n,r)}}(n.layoutBox,t),this.elastic=function(t){return void 0===t&&(t=Ws),!1===t?t=0:!0===t&&(t=Ws),{x:qs(t,"left","right"),y:qs(t,"top","bottom")}}(e),o!==this.constraints&&n&&this.constraints&&!this.hasMutatedConstraints&&Gs((t=>{this.getAxisMotionValue(t)&&(this.constraints[t]=function(t,e){const n={};return void 0!==e.min&&(n.min=e.min-t.min),void 0!==e.max&&(n.max=e.max-t.min),n}(n.layoutBox[t],this.constraints[t]))}))}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:e}=this.getProps();if(!t||!ze(t))return!1;const n=t.current;Xr(null!==n,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:o}=this.visualElement;if(!o||!o.layout)return!1;const r=function(t,e,n){const o=pa(t,n),{scroll:r}=e;return r&&(la(o.x,r.offset.x),la(o.y,r.offset.y)),o}(n,o.root,this.visualElement.getTransformPagePoint());let i=function(t,e){return{x:Hs(t.x,e.x),y:Hs(t.y,e.y)}}(o.layout.layoutBox,r);if(e){const t=e(function(t){let{x:e,y:n}=t;return{top:n.min,right:e.max,bottom:n.max,left:e.min}}(i));this.hasMutatedConstraints=!!t,t&&(i=Ks(t))}return i}startAnimation(t){const{drag:e,dragMomentum:n,dragElastic:o,dragTransition:r,dragSnapToOrigin:i,onDragTransitionEnd:s}=this.getProps(),a=this.constraints||{},l=Gs((s=>{if(!ga(s,e,this.currentDirection))return;let l=(null==a?void 0:a[s])||{};i&&(l={min:0,max:0});const u=o?200:1e6,c=o?40:1e7,d={type:"inertia",velocity:n?t[s]:0,bounceStiffness:u,bounceDamping:c,timeConstant:750,restDelta:1,restSpeed:10,...r,...l};return this.startAxisValueAnimation(s,d)}));return Promise.all(l).then(s)}startAxisValueAnimation(t,e){const n=this.getAxisMotionValue(t);return n.start(fs(t,n,0,e))}stopAnimation(){Gs((t=>this.getAxisMotionValue(t).stop()))}getAxisMotionValue(t){var e;const n="_drag"+t.toUpperCase();return this.visualElement.getProps()[n]||this.visualElement.getValue(t,(null===(e=this.visualElement.getProps().initial)||void 0===e?void 0:e[t])||0)}snapToCursor(t){Gs((e=>{const{drag:n}=this.getProps();if(!ga(e,n,this.currentDirection))return;const{projection:o}=this.visualElement,r=this.getAxisMotionValue(e);if(o&&o.layout){const{min:n,max:i}=o.layout.layoutBox[e];r.set(t[e]-oi(n,i,.5))}}))}scalePositionWithinConstraints(){var t;if(!this.visualElement.current)return;const{drag:e,dragConstraints:n}=this.getProps(),{projection:o}=this.visualElement;if(!ze(n)||!o||!this.constraints)return;this.stopAnimation();const r={x:0,y:0};Gs((t=>{const e=this.getAxisMotionValue(t);if(e){const n=e.get();r[t]=function(t,e){let n=.5;const o=js(t),r=js(e);return r>o?n=pi(e.min,e.max-o,t.min):o>r&&(n=pi(t.min,t.max-r,e.min)),xn(0,1,n)}({min:n,max:n},this.constraints[t])}}));const{transformTemplate:i}=this.visualElement.getProps();this.visualElement.current.style.transform=i?i({},""):"none",null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout(),this.resolveConstraints(),Gs((t=>{if(!ga(t,e,null))return;const n=this.getAxisMotionValue(t),{min:o,max:i}=this.constraints[t];n.set(oi(o,i,r[t]))}))}addListeners(){var t;if(!this.visualElement.current)return;ma.set(this.visualElement,this);const e=Eo(this.visualElement.current,"pointerdown",(t=>{const{drag:e,dragListener:n=!0}=this.getProps();e&&n&&this.start(t)})),n=()=>{const{dragConstraints:t}=this.getProps();ze(t)&&(this.constraints=this.resolveRefConstraints())},{projection:o}=this.visualElement,r=o.addEventListener("measure",n);o&&!o.layout&&(null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout()),n();const i=bo(window,"resize",(()=>this.scalePositionWithinConstraints())),s=o.addEventListener("didUpdate",(t=>{let{delta:e,hasLayoutChanged:n}=t;this.isDragging&&n&&(Gs((t=>{const n=this.getAxisMotionValue(t);n&&(this.originPoint[t]+=e[t].translate,n.set(n.get()+e[t].translate))})),this.visualElement.render())}));return()=>{i(),e(),r(),null==s||s()}}getProps(){const t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:n=!1,dragPropagation:o=!1,dragConstraints:r=!1,dragElastic:i=Ws,dragMomentum:s=!0}=t;return{...t,drag:e,dragDirectionLock:n,dragPropagation:o,dragConstraints:r,dragElastic:i,dragMomentum:s}}}function ga(t,e,n){return!(!0!==e&&e!==t||null!==n&&n!==t)}const va={pan:Ho((function(t){let{onPan:e,onPanStart:n,onPanEnd:r,onPanSessionStart:i,visualElement:s}=t;const a=e||n||r||i,l=(0,o.useRef)(null),{transformPagePoint:u}=(0,o.useContext)(Ie),c={onSessionStart:i,onStart:n,onMove:e,onEnd:(t,e)=>{l.current=null,r&&r(t,e)}};(0,o.useEffect)((()=>{null!==l.current&&l.current.updateHandlers(c)})),Mo(s,"pointerdown",a&&function(t){l.current=new Bs(t,c,{transformPagePoint:u})}),Ro((()=>l.current&&l.current.end()))})),drag:Ho((function(t){const{dragControls:e,visualElement:n}=t,r=Qe((()=>new fa(n)));(0,o.useEffect)((()=>e&&e.subscribe(r)),[r,e]),(0,o.useEffect)((()=>r.addListeners()),[r])}))};function ya(t){return"string"==typeof t&&t.startsWith("var(--")}const ba=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;const xa=4;function wa(t,e,n){void 0===n&&(n=1),Xr(n<=xa,`Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);const[o,r]=function(t){const e=ba.exec(t);if(!e)return[,];const[,n,o]=e;return[n,o]}(t);if(!o)return;const i=window.getComputedStyle(e).getPropertyValue(o);return i?i.trim():ya(r)?wa(r,e,n+1):r}const Ca=new Set(["width","height","top","left","right","bottom","x","y"]),ka=t=>Ca.has(t),Ea=t=>t===wn||t===Ln;var Ma;!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(Ma||(Ma={}));const Pa=(t,e)=>parseFloat(t.split(", ")[e]),Ta=(t,e)=>(n,o)=>{let{transform:r}=o;if("none"===r||!r)return 0;const i=r.match(/^matrix3d\((.+)\)$/);if(i)return Pa(i[1],e);{const e=r.match(/^matrix\((.+)\)$/);return e?Pa(e[1],t):0}},Sa=new Set(["x","y","z"]),Ba=hn.filter((t=>!Sa.has(t)));const Aa={width:(t,e)=>{let{x:n}=t,{paddingLeft:o="0",paddingRight:r="0"}=e;return n.max-n.min-parseFloat(o)-parseFloat(r)},height:(t,e)=>{let{y:n}=t,{paddingTop:o="0",paddingBottom:r="0"}=e;return n.max-n.min-parseFloat(o)-parseFloat(r)},top:(t,e)=>{let{top:n}=e;return parseFloat(n)},left:(t,e)=>{let{left:n}=e;return parseFloat(n)},bottom:(t,e)=>{let{y:n}=t,{top:o}=e;return parseFloat(o)+(n.max-n.min)},right:(t,e)=>{let{x:n}=t,{left:o}=e;return parseFloat(o)+(n.max-n.min)},x:Ta(4,13),y:Ta(5,14)},Va=function(t,e,n,o){void 0===n&&(n={}),void 0===o&&(o={}),e={...e},o={...o};const r=Object.keys(e).filter(ka);let i=[],s=!1;const a=[];if(r.forEach((r=>{const l=t.getValue(r);if(!t.hasValue(r))return;let u=n[r],c=Nr(u);const d=e[r];let h;if(uo(d)){const t=d.length,e=null===d[0]?1:0;u=d[e],c=Nr(u);for(let n=e;n{const o=t.getValue(n);void 0!==o&&(e.push([n,o.get()]),o.set(n.startsWith("scale")?1:0))})),e.length&&t.render(),e}(t),s=!0),a.push(r),o[r]=void 0!==o[r]?o[r]:e[r],l.jump(d))})),a.length){const n=a.indexOf("height")>=0?window.pageYOffset:null,r=((t,e,n)=>{const o=e.measureViewportBox(),r=e.current,i=getComputedStyle(r),{display:s}=i,a={};"none"===s&&e.setStaticValue("display",t.display||"block"),n.forEach((t=>{a[t]=Aa[t](o,i)})),e.render();const l=e.measureViewportBox();return n.forEach((n=>{const o=e.getValue(n);o&&o.jump(a[n]),t[n]=Aa[n](l,i)})),t})(e,t,a);return i.length&&i.forEach((e=>{let[n,o]=e;t.getValue(n).set(o)})),t.render(),Oe&&null!==n&&window.scrollTo({top:n}),{target:r,transitionEnd:o}}return{target:e,transitionEnd:o}};function La(t,e,n,o){return(t=>Object.keys(t).some(ka))(e)?Va(t,e,n,o):{target:e,transitionEnd:o}}const Ra=(t,e,n,o)=>{const r=function(t,e,n){let{...o}=e;const r=t.current;if(!(r instanceof Element))return{target:o,transitionEnd:n};n&&(n={...n}),t.values.forEach((t=>{const e=t.get();if(!ya(e))return;const n=wa(e,r);n&&t.set(n)}));for(const i in o){const t=o[i];if(!ya(t))continue;const e=wa(t,r);e&&(o[i]=e,n&&void 0===n[i]&&(n[i]=t))}return{target:o,transitionEnd:n}}(t,e,o);return La(t,e=r.target,n,o=r.transitionEnd)},Da={current:null},Ia={current:!1};const ja=Object.keys(Ke),Fa=ja.length,Oa=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class $a{constructor(t,e){let{parent:n,props:o,reducedMotionConfig:r,visualState:i}=t;void 0===e&&(e={}),this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.isPresent=!0,this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>ir.render(this.render,!1,!0);const{latestValues:s,renderState:a}=i;this.latestValues=s,this.baseTarget={...s},this.initialValues=o.initial?{...s}:{},this.renderState=a,this.parent=n,this.props=o,this.depth=n?n.depth+1:0,this.reducedMotionConfig=r,this.options=e,this.isControllingVariants=qe(o),this.isVariantNode=_e(o),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!(!n||!n.current);const{willChange:l,...u}=this.scrapeMotionValuesFromProps(o,{});for(const c in u){const t=u[c];void 0!==s[c]&&fn(t)&&(t.set(s[c],!1),qr(l)&&l.add(c))}}scrapeMotionValuesFromProps(t,e){return{}}mount(t){var e;this.current=t,this.projection&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=null===(e=this.parent)||void 0===e?void 0:e.addVariantChild(this)),this.values.forEach(((t,e)=>this.bindToMotionValue(e,t))),Ia.current||function(){if(Ia.current=!0,Oe)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>Da.current=t.matches;t.addListener(e),e()}else Da.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||Da.current),this.parent&&this.parent.children.add(this),this.setProps(this.props)}unmount(){var t,e,n;null===(t=this.projection)||void 0===t||t.unmount(),sr.update(this.notifyUpdate),sr.render(this.render),this.valueSubscriptions.forEach((t=>t())),null===(e=this.removeFromVariantTree)||void 0===e||e.call(this),null===(n=this.parent)||void 0===n||n.children.delete(this);for(const o in this.events)this.events[o].clear();this.current=null}bindToMotionValue(t,e){const n=pn.has(t),o=e.on("change",(e=>{this.latestValues[t]=e,this.props.onUpdate&&ir.update(this.notifyUpdate,!1,!0),n&&this.projection&&(this.projection.isTransformDirty=!0)})),r=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,(()=>{o(),r()}))}sortNodePosition(t){return this.current&&this.sortInstanceNodePosition&&this.type===t.type?this.sortInstanceNodePosition(this.current,t.current):0}loadFeatures(t,e,n,r,i,s){let{children:a,...l}=t;const u=[];for(let c=0;cthis.scheduleRender(),animationType:"string"==typeof e?e:"both",initialPromotionConfig:s,layoutScroll:a,layoutRoot:u})}return u}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):Xs()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}makeTargetAnimatable(t,e){return void 0===e&&(e=!0),this.makeTargetAnimatableFromInstance(t,this.props,e)}setProps(t){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender();const e=this.props;this.props=t;for(let n=0;nn.variantChildren.delete(t)}addValue(t,e){e!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,e)),this.values.set(t,e),this.latestValues[t]=e.get()}removeValue(t){var e;this.values.delete(t),null===(e=this.valueSubscriptions.get(t))||void 0===e||e(),this.valueSubscriptions.delete(t),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let n=this.values.get(t);return void 0===n&&void 0!==e&&(n=gr(e,{owner:this}),this.addValue(t,n)),n}readValue(t){return void 0===this.latestValues[t]&&this.current?this.readValueFromInstance(this.current,t,this.options):this.latestValues[t]}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:n}=this.props,o="string"==typeof n||"object"==typeof n?null===(e=lo(this.props,n))||void 0===e?void 0:e[t]:void 0;if(n&&void 0!==o)return o;const r=this.getBaseTargetFromProps(this.props,t);return void 0===r||fn(r)?void 0!==this.initialValues[t]&&void 0===o?void 0:this.baseTarget[t]:r}on(t,e){return this.events[t]||(this.events[t]=new pr),this.events[t].add(e)}notify(t){for(var e,n=arguments.length,o=new Array(n>1?n-1:0),r=1;r!t.hasValue(e))),s=i.length;if(s)for(let a=0;a{this.current&&(this.current.textContent=`${t}`)})))}renderInstance(t,e,n,o){oo(t,e,n,o)}}class Ha extends za{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){var n;return pn.has(e)?(null===(n=jr(e))||void 0===n?void 0:n.default)||0:(e=ro.has(e)?e:no(e),t.getAttribute(e))}measureInstanceViewportBox(){return Xs()}scrapeMotionValuesFromProps(t,e){return ao(t,e)}build(t,e,n,o){Kn(t,e,n,this.isSVGTag,o.transformTemplate)}renderInstance(t,e,n,o){io(t,e,0,o)}mount(t){this.isSVGTag=Jn(t.tagName),super.mount(t)}}const Wa=(t,e)=>cn(t)?new Ha(e,{enableHardwareAcceleration:!1}):new Za(e,{enableHardwareAcceleration:!0});function qa(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const _a={correct:(t,e)=>{if(!e.target)return t;if("string"==typeof t){if(!Ln.test(t))return t;t=parseFloat(t)}return`${qa(t,e.target.x)}% ${qa(t,e.target.y)}%`}},Ya="_$css",Xa={correct:(t,e)=>{let{treeScale:n,projectionDelta:o}=e;const r=t,i=t.includes("var("),s=[];i&&(t=t.replace(ba,(t=>(s.push(t),Ya))));const a=Ar.parse(t);if(a.length>5)return r;const l=Ar.createTransformer(t),u="number"!=typeof a[0]?1:0,c=o.x.scale*n.x,d=o.y.scale*n.y;a[0+u]/=c,a[1+u]/=d;const h=oi(c,d,.5);"number"==typeof a[2+u]&&(a[2+u]/=h),"number"==typeof a[3+u]&&(a[3+u]/=h);let p=l(a);if(i){let t=0;p=p.replace(Ya,(()=>{const e=s[t];return t++,e}))}return p}};class Ga extends o.Component{componentDidMount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n,layoutId:o}=this.props,{projection:r}=t;(function(t){Object.assign(dn,t)})(Ka),r&&(e.group&&e.group.add(r),n&&n.register&&o&&n.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",(()=>{this.safeToRemove()})),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),Je.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:e,visualElement:n,drag:o,isPresent:r}=this.props,i=n.projection;return i&&(i.isPresent=r,o||t.layoutDependency!==e||void 0===e?i.willUpdate():this.safeToRemove(),t.isPresent!==r&&(r?i.promote():i.relegate()||ir.postRender((()=>{var t;null!==(t=i.getStack())&&void 0!==t&&t.members.length||this.safeToRemove()})))),null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),!t.currentAnimation&&t.isLead()&&this.safeToRemove())}componentWillUnmount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n}=this.props,{projection:o}=t;o&&(o.scheduleCheckAfterUnmount(),null!=e&&e.group&&e.group.remove(o),null!=n&&n.deregister&&n.deregister(o))}safeToRemove(){const{safeToRemove:t}=this.props;null==t||t()}render(){return null}}const Ka={borderRadius:{..._a,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:_a,borderTopRightRadius:_a,borderBottomLeftRadius:_a,borderBottomRightRadius:_a,boxShadow:Xa},Qa={measureLayout:function(t){const[e,n]=qo(),r=(0,o.useContext)(en);return Ae(Ga,{...t,layoutGroup:r,switchLayoutGroup:(0,o.useContext)(on),isPresent:e,safeToRemove:n})}};const Ja=["TopLeft","TopRight","BottomLeft","BottomRight"],tl=Ja.length,el=t=>"string"==typeof t?parseFloat(t):t,nl=t=>"number"==typeof t||Ln.test(t);function ol(t,e){return void 0!==t[e]?t[e]:t.borderRadius}const rl=sl(0,.5,ki),il=sl(.5,.95,vi);function sl(t,e,n){return o=>oe?1:n(pi(t,e,o))}function al(t,e){t.min=e.min,t.max=e.max}function ll(t,e){al(t.x,e.x),al(t.y,e.y)}function ul(t,e,n,o,r){return t=oa(t-=e,1/n,o),void 0!==r&&(t=oa(t,1/r,o)),t}function cl(t,e,n,o,r){let[i,s,a]=n;!function(t,e,n,o,r,i,s){if(void 0===e&&(e=0),void 0===n&&(n=1),void 0===o&&(o=.5),void 0===i&&(i=t),void 0===s&&(s=t),Vn.test(e)&&(e=parseFloat(e),e=oi(s.min,s.max,e/100)-s.min),"number"!=typeof e)return;let a=oi(i.min,i.max,o);t===i&&(a-=e),t.min=ul(t.min,e,n,a,r),t.max=ul(t.max,e,n,a,r)}(t,e[i],e[s],e[a],e.scale,o,r)}const dl=["x","scaleX","originX"],hl=["y","scaleY","originY"];function pl(t,e,n,o){cl(t.x,e,dl,null==n?void 0:n.x,null==o?void 0:o.x),cl(t.y,e,hl,null==n?void 0:n.y,null==o?void 0:o.y)}function ml(t){return 0===t.translate&&1===t.scale}function fl(t){return ml(t.x)&&ml(t.y)}function gl(t,e){return t.x.min===e.x.min&&t.x.max===e.x.max&&t.y.min===e.y.min&&t.y.max===e.y.max}function vl(t){return js(t.x)/js(t.y)}class yl{constructor(){this.members=[]}add(t){dr(this.members,t),t.scheduleRender()}remove(t){if(hr(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const t=this.members[this.members.length-1];t&&this.promote(t)}}relegate(t){const e=this.members.findIndex((e=>t===e));if(0===e)return!1;let n;for(let o=e;o>=0;o--){const t=this.members[o];if(!1!==t.isPresent){n=t;break}}return!!n&&(this.promote(n),!0)}promote(t,e){var n;const o=this.lead;if(t!==o&&(this.prevLead=o,this.lead=t,t.show(),o)){o.instance&&o.scheduleRender(),t.scheduleRender(),t.resumeFrom=o,e&&(t.resumeFrom.preserveOpacity=!0),o.snapshot&&(t.snapshot=o.snapshot,t.snapshot.latestValues=o.animationValues||o.latestValues),null!==(n=t.root)&&void 0!==n&&n.isUpdating&&(t.isLayoutDirty=!0);const{crossfade:r}=t.options;!1===r&&o.hide()}}exitAnimationComplete(){this.members.forEach((t=>{var e,n,o,r,i;null===(n=(e=t.options).onExitComplete)||void 0===n||n.call(e),null===(i=null===(o=t.resumingFrom)||void 0===o?void 0:(r=o.options).onExitComplete)||void 0===i||i.call(r)}))}scheduleRender(){this.members.forEach((t=>{t.instance&&t.scheduleRender(!1)}))}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function bl(t,e,n){let o="";const r=t.x.translate/e.x,i=t.y.translate/e.y;if((r||i)&&(o=`translate3d(${r}px, ${i}px, 0) `),(1!==e.x||1!==e.y)&&(o+=`scale(${1/e.x}, ${1/e.y}) `),n){const{rotate:t,rotateX:e,rotateY:r}=n;t&&(o+=`rotate(${t}deg) `),e&&(o+=`rotateX(${e}deg) `),r&&(o+=`rotateY(${r}deg) `)}const s=t.x.scale*e.x,a=t.y.scale*e.y;return(1!==s||1!==a)&&(o+=`scale(${s}, ${a})`),o||"none"}const xl=(t,e)=>t.depth-e.depth;class wl{constructor(){this.children=[],this.isDirty=!1}add(t){dr(this.children,t),this.isDirty=!0}remove(t){hr(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(xl),this.isDirty=!1,this.children.forEach(t)}}const Cl=["","X","Y","Z"];let kl=0;function El(t){let{attachResizeListener:e,defaultParent:n,measureScroll:o,checkIsScrollRoot:r,resetTransform:i}=t;return class{constructor(t,e,o){void 0===e&&(e={}),void 0===o&&(o=null==n?void 0:n()),this.id=kl++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isTransformDirty=!1,this.isProjectionDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.potentialNodes=new Map,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.nodes.forEach(Tl),this.nodes.forEach(Ll),this.nodes.forEach(Rl)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.elementId=t,this.latestValues=e,this.root=o?o.root||o:this,this.path=o?[...o.path,o]:[],this.parent=o,this.depth=o?o.depth+1:0,t&&this.root.registerPotentialNode(t,this);for(let n=0;n1?n-1:0),r=1;rthis.root.updateBlockedByResize=!1;e(t,(()=>{this.root.updateBlockedByResize=!0,n&&n(),n=rs(o,250),Je.hasAnimatedSinceResize&&(Je.hasAnimatedSinceResize=!1,this.nodes.forEach(Vl))}))}r&&this.root.registerSharedNode(r,this),!1!==this.options.animate&&s&&(r||i)&&this.addEventListener("didUpdate",(t=>{let{delta:e,hasLayoutChanged:n,hasRelativeTargetChanged:o,layout:r}=t;var i,a,l,u,c;if(this.isTreeAnimationBlocked())return this.target=void 0,void(this.relativeTarget=void 0);const d=null!==(a=null!==(i=this.options.transition)&&void 0!==i?i:s.getDefaultTransition())&&void 0!==a?a:$l,{onLayoutAnimationStart:h,onLayoutAnimationComplete:p}=s.getProps(),m=!this.targetLayout||!gl(this.targetLayout,r)||o,f=!n&&o;if(this.options.layoutRoot||null!==(l=this.resumeFrom)&&void 0!==l&&l.instance||f||n&&(m||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(e,f);const t={...ms(d,"layout"),onPlay:h,onComplete:p};(s.shouldReduceMotion||this.options.layoutRoot)&&(t.delay=0,t.type=!1),this.startAnimation(t)}else!n&&0===this.animationProgress&&Vl(this),this.isLead()&&(null===(c=(u=this.options).onExitComplete)||void 0===c||c.call(u));this.targetLayout=r}))}unmount(){var t,e;this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this),null===(t=this.getStack())||void 0===t||t.remove(this),null===(e=this.parent)||void 0===e||e.children.delete(this),this.instance=void 0,sr.preRender(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){var t;return this.isAnimationBlocked||(null===(t=this.parent)||void 0===t?void 0:t.isTreeAnimationBlocked())||!1}startUpdate(){var t;this.isUpdateBlocked()||(this.isUpdating=!0,null===(t=this.nodes)||void 0===t||t.forEach(Dl),this.animationId++)}getTransformTemplate(){var t;return null===(t=this.options.visualElement)||void 0===t?void 0:t.getProps().transformTemplate}willUpdate(t){var e,n,o;if(void 0===t&&(t=!0),this.root.isUpdateBlocked())return void(null===(n=(e=this.options).onExitComplete)||void 0===n||n.call(e));if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let s=0;s{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()}))}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure())}updateLayout(){var t;if(!(this.instance&&(this.updateScroll(),this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty)))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let n=0;n{var n;const o=e/1e3;jl(a.x,t.x,o),jl(a.y,t.y,o),this.setTargetDelta(a),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&!(null===(n=this.relativeParent)||void 0===n)&&n.layout&&(zs(l,this.layout.layoutBox,this.relativeParent.layout.layoutBox),function(t,e,n,o){Fl(t.x,e.x,n.x,o),Fl(t.y,e.y,n.y,o)}(this.relativeTarget,this.relativeTargetOrigin,l,o)),u&&(this.animationValues=s,function(t,e,n,o,r,i){r?(t.opacity=oi(0,void 0!==n.opacity?n.opacity:1,rl(o)),t.opacityExit=oi(void 0!==e.opacity?e.opacity:1,0,il(o))):i&&(t.opacity=oi(void 0!==e.opacity?e.opacity:1,void 0!==n.opacity?n.opacity:1,o));for(let s=0;s{Je.hasAnimatedSinceResize=!0,this.currentAnimation=function(t,e,n){void 0===n&&(n={});const o=fn(t)?t:gr(t);return o.start(fs("",o,e,n)),{stop:()=>o.stop(),isAnimating:()=>o.isAnimating()}}(0,1e3,{...t,onUpdate:e=>{var n;this.mixTargetDelta(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:()=>{var e;null===(e=t.onComplete)||void 0===e||e.call(t),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0}))}completeAnimation(){var t;this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0),null===(t=this.getStack())||void 0===t||t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){var t;this.currentAnimation&&(null===(t=this.mixTargetDelta)||void 0===t||t.call(this,1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const t=this.getLead();let{targetWithTransforms:e,target:n,layout:o,latestValues:r}=t;if(e&&n&&o){if(this!==t&&this.layout&&o&&zl(this.options.animationType,this.layout.layoutBox,o.layoutBox)){n=this.target||Xs();const e=js(this.layout.layoutBox.x);n.x.min=t.target.x.min,n.x.max=n.x.min+e;const o=js(this.layout.layoutBox.y);n.y.min=t.target.y.min,n.y.max=n.y.min+o}ll(e,n),ha(e,r),$s(this.projectionDeltaWithTransform,this.layoutCorrected,e,r)}}registerSharedNode(t,e){var n,o,r;this.sharedNodes.has(t)||this.sharedNodes.set(t,new yl),this.sharedNodes.get(t).add(e),e.promote({transition:null===(n=e.options.initialPromotionConfig)||void 0===n?void 0:n.transition,preserveFollowOpacity:null===(r=null===(o=e.options.initialPromotionConfig)||void 0===o?void 0:o.shouldPreserveFollowOpacity)||void 0===r?void 0:r.call(o,e)})}isLead(){const t=this.getStack();return!t||t.lead===this}getLead(){var t;const{layoutId:e}=this.options;return e&&(null===(t=this.getStack())||void 0===t?void 0:t.lead)||this}getPrevLead(){var t;const{layoutId:e}=this.options;return e?null===(t=this.getStack())||void 0===t?void 0:t.prevLead:void 0}getStack(){const{layoutId:t}=this.options;if(t)return this.root.sharedNodes.get(t)}promote(t){let{needsReset:e,transition:n,preserveFollowOpacity:o}=void 0===t?{}:t;const r=this.getStack();r&&r.promote(this,o),e&&(this.projectionDelta=void 0,this.needsReset=!0),n&&this.setOptions({transition:n})}relegate(){const t=this.getStack();return!!t&&t.relegate(this)}resetRotation(){const{visualElement:t}=this.options;if(!t)return;let e=!1;const{latestValues:n}=t;if((n.rotate||n.rotateX||n.rotateY||n.rotateZ)&&(e=!0),!e)return;const o={};for(let r=0;r{var e;return null===(e=t.currentAnimation)||void 0===e?void 0:e.stop()})),this.root.nodes.forEach(Bl),this.root.sharedNodes.clear()}}}function Ml(t){t.updateLayout()}function Pl(t){var e,n,o;const r=(null===(e=t.resumeFrom)||void 0===e?void 0:e.snapshot)||t.snapshot;if(t.isLead()&&t.layout&&r&&t.hasListeners("didUpdate")){const{layoutBox:e,measuredBox:n}=t.layout,{animationType:o}=t.options,i=r.source!==t.layout.source;"size"===o?Gs((t=>{const n=i?r.measuredBox[t]:r.layoutBox[t],o=js(n);n.min=e[t].min,n.max=n.min+o})):zl(o,r.layoutBox,e)&&Gs((t=>{const n=i?r.measuredBox[t]:r.layoutBox[t],o=js(e[t]);n.max=n.min+o}));const s=Ys();$s(s,e,r.layoutBox);const a=Ys();i?$s(a,t.applyTransform(n,!0),r.measuredBox):$s(a,e,r.layoutBox);const l=!fl(s);let u=!1;if(!t.resumeFrom){const n=t.getClosestProjectingParent();if(n&&!n.resumeFrom){const{snapshot:o,layout:i}=n;if(o&&i){const s=Xs();zs(s,r.layoutBox,o.layoutBox);const a=Xs();zs(a,e,i.layoutBox),gl(s,a)||(u=!0),n.options.layoutRoot&&(t.relativeTarget=a,t.relativeTargetOrigin=s,t.relativeParent=n)}}}t.notifyListeners("didUpdate",{layout:e,snapshot:r,delta:a,layoutDelta:s,hasLayoutChanged:l,hasRelativeTargetChanged:u})}else t.isLead()&&(null===(o=(n=t.options).onExitComplete)||void 0===o||o.call(n));t.options.transition=void 0}function Tl(t){t.isProjectionDirty||(t.isProjectionDirty=!(!t.parent||!t.parent.isProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=!(!t.parent||!t.parent.isTransformDirty))}function Sl(t){t.clearSnapshot()}function Bl(t){t.clearMeasurements()}function Al(t){const{visualElement:e}=t.options;null!=e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function Vl(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0}function Ll(t){t.resolveTargetDelta()}function Rl(t){t.calcProjection()}function Dl(t){t.resetRotation()}function Il(t){t.removeLeadSnapshot()}function jl(t,e,n){t.translate=oi(e.translate,0,n),t.scale=oi(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function Fl(t,e,n,o){t.min=oi(e.min,n.min,o),t.max=oi(e.max,n.max,o)}function Ol(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}const $l={duration:.45,ease:[.4,0,.1,1]};function Nl(t,e){let n=t.root;for(let r=t.path.length-1;r>=0;r--)if(t.path[r].instance){n=t.path[r];break}const o=(n&&n!==t.root?n.instance:document).querySelector(`[data-projection-id="${e}"]`);o&&t.mount(o,!0)}function Ul(t){t.min=Math.round(t.min),t.max=Math.round(t.max)}function zl(t,e,n){return"position"===t||"preserve-aspect"===t&&!Fs(vl(e),vl(n),.2)}const Zl=El({attachResizeListener:(t,e)=>bo(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),Hl={current:void 0},Wl=El({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!Hl.current){const t=new Zl(0,{});t.mount(window),t.setOptions({layoutScroll:!0}),Hl.current=t}return Hl.current},resetTransform:(t,e)=>{t.style.transform=void 0!==e?e:"none"},checkIsScrollRoot:t=>"fixed"===window.getComputedStyle(t).position}),ql={...Ts,...Wo,...va,...Qa},_l=ln(((t,e)=>function(t,e,n,o,r){let{forwardMotionProps:i=!1}=e;return{...cn(t)?go:vo,preloadedFeatures:n,useRender:eo(i),createVisualElement:o,projectionNodeConstructor:r,Component:t}}(t,e,ql,Wa,Wl)));function Yl(){const t=(0,o.useRef)(!1);return $e((()=>(t.current=!0,()=>{t.current=!1})),[]),t}class Xl extends o.Component{getSnapshotBeforeUpdate(t){const e=this.props.childRef.current;if(e&&t.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function Gl(t){let{children:e,isPresent:n}=t;const r=(0,o.useId)(),i=(0,o.useRef)(null),s=(0,o.useRef)({width:0,height:0,top:0,left:0});return(0,o.useInsertionEffect)((()=>{const{width:t,height:e,top:o,left:a}=s.current;if(n||!i.current||!t||!e)return;i.current.dataset.motionPopId=r;const l=document.createElement("style");return document.head.appendChild(l),l.sheet&&l.sheet.insertRule(`\n [data-motion-pop-id="${r}"] {\n position: absolute !important;\n width: ${t}px !important;\n height: ${e}px !important;\n top: ${o}px !important;\n left: ${a}px !important;\n }\n `),()=>{document.head.removeChild(l)}}),[n]),o.createElement(Xl,{isPresent:n,childRef:i,sizeRef:s},o.cloneElement(e,{ref:i}))}const Kl=t=>{let{children:e,initial:n,isPresent:r,onExitComplete:i,custom:s,presenceAffectsLayout:a,mode:l}=t;const u=Qe(Ql),c=(0,o.useId)(),d=(0,o.useMemo)((()=>({id:c,initial:n,isPresent:r,custom:s,onExitComplete:t=>{u.set(t,!0);for(const e of u.values())if(!e)return;i&&i()},register:t=>(u.set(t,!1),()=>u.delete(t))})),a?void 0:[r]);return(0,o.useMemo)((()=>{u.forEach(((t,e)=>u.set(e,!1)))}),[r]),o.useEffect((()=>{!r&&!u.size&&i&&i()}),[r]),"popLayout"===l&&(e=o.createElement(Gl,{isPresent:r},e)),o.createElement(Fe.Provider,{value:d},e)};function Ql(){return new Map}const Jl=t=>t.key||"";const tu=t=>{let{children:e,custom:n,initial:r=!0,onExitComplete:i,exitBeforeEnter:s,presenceAffectsLayout:a=!0,mode:l="sync"}=t;s&&(l="wait");let[u]=function(){const t=Yl(),[e,n]=(0,o.useState)(0),r=(0,o.useCallback)((()=>{t.current&&n(e+1)}),[e]);return[(0,o.useCallback)((()=>ir.postRender(r)),[r]),e]}();const c=(0,o.useContext)(en).forceRender;c&&(u=c);const d=Yl(),h=function(t){const e=[];return o.Children.forEach(t,(t=>{(0,o.isValidElement)(t)&&e.push(t)})),e}(e);let p=h;const m=new Set,f=(0,o.useRef)(p),g=(0,o.useRef)(new Map).current,v=(0,o.useRef)(!0);if($e((()=>{v.current=!1,function(t,e){t.forEach((t=>{const n=Jl(t);e.set(n,t)}))}(h,g),f.current=p})),Ro((()=>{v.current=!0,g.clear(),m.clear()})),v.current)return o.createElement(o.Fragment,null,p.map((t=>o.createElement(Kl,{key:Jl(t),isPresent:!0,initial:!!r&&void 0,presenceAffectsLayout:a,mode:l},t))));p=[...p];const y=f.current.map(Jl),b=h.map(Jl),x=y.length;for(let o=0;o{if(-1!==b.indexOf(t))return;const e=g.get(t);if(!e)return;const r=y.indexOf(t);p.splice(r,0,o.createElement(Kl,{key:Jl(e),isPresent:!1,onExitComplete:()=>{g.delete(t),m.delete(t);const e=f.current.findIndex((e=>e.key===t));if(f.current.splice(e,1),!m.size){if(f.current=h,!1===d.current)return;u(),i&&i()}},custom:n,presenceAffectsLayout:a,mode:l},e))})),p=p.map((t=>{const e=t.key;return m.has(e)?t:o.createElement(Kl,{key:Jl(t),isPresent:!0,presenceAffectsLayout:a,mode:l},t)})),o.createElement(o.Fragment,null,m.size?p:p.map((t=>(0,o.cloneElement)(t))))};function eu(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"pauseButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(nu,{x:"7.1",y:"7.1",width:"5.8",height:"17.8"}),Ae(nu,{x:"19.1",y:"7.1",width:"5.8",height:"17.8"})]})}const nu=r.ZP.rect` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function ou(t){let{isIndicator:e}=t;return Ae("svg",{"data-cy":"playButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(ru,{d:"M10 25.5V6L26 16.2632L10 25.5Z"})})}const ru=r.ZP.path` - stroke: currentColor; - stroke-width: 2.75; - stroke-linecap: round; -`;function iu(t){let{isIndicator:e}=t;return Ae("svg",{"data-cy":"playButton1-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(su,{d:"M22.2468 17.6645L11.8588 24.5847C10.5297 25.4701 8.75 24.5173 8.75 22.9202L8.75 9.0798C8.75 7.48272 10.5297 6.52988 11.8588 7.41533L22.2468 14.3355C23.435 15.1271 23.435 16.8729 22.2468 17.6645Z"})})}const su=r.ZP.path` - stroke: currentColor; - stroke-width: 2.75; - stroke-linecap: round; -`;function au(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"pauseButton1-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(lu,{x:"7.1",y:"7.1",width:"5.8",height:"17.8",rx:"2.9"}),Ae(lu,{x:"19.1",y:"7.1",width:"5.8",height:"17.8",rx:"2.9"})]})}const lu=r.ZP.rect` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function uu(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"restartButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(cu,{d:"M7 17.415C7 22.7087 11.2533 27 16.5 27C21.7467 27 26 22.7087 26 17.415C26 14.701 24.9777 11.973 22.8333 10.1122C21.906 9.30744 20.7061 8.71157 18.7619 8.28647C17.8755 8.09265 17 8 15.5 8.28647C14.4569 8.48568 14.0652 8.65987 13.5 9C12.1363 9.82063 12 10 11.5 10.5"}),Ae(cu,{d:"M11.5485 5L10.8221 10.4396C10.7611 10.8965 11.0203 11.3359 11.4497 11.5035L15.8118 13.2063"})]})}const cu=r.ZP.path` - stroke: currentColor; - stroke-width: 2.5; - stroke-linecap: round; -`;function du(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"restartButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(hu,{d:"M7 17.415C7 22.7087 11.2533 27 16.5 27C21.7467 27 26 22.7087 26 17.415C26 14.701 24.9777 11.973 22.8333 10.1122C21.906 9.30744 20.7061 8.71157 18.7619 8.28647C17.8755 8.09265 17 8 15.5 8.28647C14.4569 8.48568 14.0652 8.65987 13.5 9C12.1363 9.82063 12 10 11.5 10.5"}),Ae(hu,{d:"M11.5485 4.99999L10.3232 11.5799L15.6147 13.3869"})]})}const hu=r.ZP.path` - stroke: currentColor; - stroke-width: 2.5; - stroke-linecap: square; -`;function pu(t){let{item:e}=t;const n=E(jt,Rt),o=E(Ut,Rt);return Ve(mu,{onMouseMove:t=>t.preventDefault,onClick:()=>Ct(n),onKeyUp:t=>t.preventDefault(),whileHover:{scale:1.1,rotate:o===$t.ended?-30:0},whileTap:{scale:.95,rotate:o===$t.ended?-55:0},"data-cy":e.id,children:["playButton1"===e.id&&Ve(Le,{children:[o===$t.paused&&Ae(iu,{}),o===$t.playing&&Ae(au,{}),o===$t.ended&&Ae(uu,{})]}),"playButton2"===e.id&&Ve(Le,{children:[o===$t.paused&&Ae(ou,{}),o===$t.playing&&Ae(eu,{}),o===$t.ended&&Ae(du,{})]})]})}const mu=(0,r.ZP)(_l.button)` - cursor: pointer; - background: transparent; - border: 0; - padding: 0; - color: currentColor; - display: flex; - justify-content: center; - align-items: center; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,fu={init:{opacity:0,width:0},anim:{opacity:1,width:56},exit:{opacity:0,width:0}},gu={init:{opacity:0,zIndex:2},anim:{opacity:1,zIndex:2},exit:{opacity:0,zIndex:2}},vu={init:{opacity:.01},anim:{opacity:1,transition:{duration:.25}},exit:{opacity:0,transition:{duration:.25}}},yu={init:{y:35,opacity:0},anim:{y:0,opacity:1},exit:{y:45,opacity:0}},bu={init:{scale:1},anim:t=>({scale:t?1.15:1})},xu={init:{scale:1},anim:t=>({scale:t?1.15:1})},wu={init:{scale:1},anim:t=>({scale:t?1.15:1})},Cu={anim:t=>({scale:t?1:.25,opacity:t?1:0,transition:{opacity:{duration:.25},scale:{type:"spring",damping:10,mass:.75,stiffness:160}}})},ku={init:t=>({opacity:0,bottom:t?55:10}),anim:t=>({opacity:1,bottom:t?55:10}),exit:{opacity:0}},Eu={opacity:{duration:.1},bottom:{type:"spring",damping:10,mass:.75,stiffness:160}};function Mu(t){let{isHovered:e,isProgressDragging:n,data:r}=t;var i,s,a,l,u,c;const d=E(de,Rt),h=E(ue,Rt),p=E(ce,Rt),m=E(oe,Rt),f=E(Ht,Rt),g=E(he,Rt),[v,y]=(0,o.useState)({x:0,y:0,w:0,h:0});(0,o.useEffect)((()=>{if("text"!==r.id){const t=function(t,e){return null===e?null:Array.from(e).find((e=>t>e.startTime&&t0;return Ve(Le,{children:["text"===r.id&&Ae(Pu,{backgroundColor:null==(i=m.controlsBar)?void 0:i.barColor,textColor:null!=(s=m.controlsBar)&&s.barColor?Lt(null==(a=m.controlsBar)?void 0:a.barColor):"white","data-cy":"textPreviewTooltip",isVisible:b,style:{transform:`translate(${d}px, -60px)`},children:p}),("thumbnail"===r.id||"textAndThumbnail"===r.id)&&Ve(Tu,{"data-cy":"imageThumbnailContainer",backgroundColor:null==(l=m.controlsBar)?void 0:l.barColor,textColor:null!=(u=m.controlsBar)&&u.barColor?Lt(null==(c=m.controlsBar)?void 0:c.barColor):"white",isVisible:b,style:{transform:`translate(${d}px, ${"thumbnail"===r.id?-1*v.h-50+"px":-1*v.h-72+"px"})`},children:[Ae(Su,{"data-cy":"imageThumbnail",style:{backgroundPosition:`${-1*v.x}px ${-1*v.y}px`},height:v.h,width:v.w,backgroundImage:r.atlasImage??""}),"textAndThumbnail"===r.id&&Ae(Bu,{children:p})]})]})}const Pu=r.ZP.span` - position: absolute; - padding: 0.5rem; - border-radius: 0.5rem; - color: ${t=>t.textColor}; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - pointer-events: none; - opacity: ${t=>t.isVisible?1:0}; - transition: opacity 300ms; - box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.25); -`,Tu=(0,r.ZP)(Pu)` - padding: 0.5rem; - box-sizing: border-box; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -`,Su=r.ZP.div` - height: ${t=>t.height?t.height:"70"}px; - width: ${t=>t.width?t.width:"125"}px; - - background-image: url(${t=>t.backgroundImage}); -`,Bu=r.ZP.div` - padding: 0.25rem; -`,Au=(0,o.forwardRef)(((t,e)=>{const n=E(oe,Rt),o=E(se,Rt),r=E(le,Rt);return Ve(Vu,{ref:e,barBorderColor:t.item.barBorderColor,barColor:t.item.barColor,role:"progressbar",animate:{height:t.shouldAnimate?"0.6rem":"0.35rem"},transition:{duration:.2},children:[Ae(Ru,{"data-cy":"progressBuffer1",width:`${r}%`,bufferedColor:t.item.bufferedColor}),Ae(Lu,{"data-cy":"progress1",hasScrubber:t.hasScrubber,style:{width:t.hasScrubber?`calc(${o} + 6px)`:o},progressColor:t.item.progressColor,children:Ae(Du,{scrubberColor:t.item.scrubberColor??t.item.progressColor,scrubberBorderColor:t.item.scrubberBorderColor,variants:bu,custom:t.shouldAnimate,initial:"init",animate:"anim","data-cy":"progressBar1Scrubber"})}),n.previewTooltip&&Ae(Mu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:n.previewTooltip})]})})),Vu=(0,r.ZP)(_l.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"#f2f2f2"}; - border: 2.25px solid - ${t=>t.barBorderColor?t.barBorderColor:"none"}; - width: 100%; - border-radius: 0.7rem; - justify-content: flex-start; - position: relative; -`,Lu=r.ZP.div` - height: 100%; - pointer-events: none; - border-radius: 0.7rem; - display: flex; - justify-content: flex-end; - align-items: center; - position: absolute; - z-index: 2; - - ${t=>t.hasScrubber&&r.iv` - min-width: 16px; - `} - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,Ru=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - width: ${t=>t.width}; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.4)"}; - z-index: 1; - border-radius: 50rem; -`,Du=(0,r.ZP)(_l.div)` - height: 1rem; - width: 1rem; - background-color: ${t=>t.scrubberColor??"white"}; - position: absolute; - border-radius: 50rem; - box-sizing: border-box; - border: ${t=>void 0!==t.scrubberBorderColor?"2px solid "+t.scrubberBorderColor:void 0!==t.scrubberColor?"2px solid "+Vt(t.scrubberColor):"2px solid white"}; -`;Au.displayName="ProgressBar1";const Iu=(0,o.forwardRef)(((t,e)=>{const n=E(se,Rt),o=E(oe,Rt),r=E(le,Rt);return Ve(ju,{ref:e,role:"progressbar",barColor:t.item.barColor,children:[Ae(Ou,{"data-cy":"progressBuffer2",width:`${r}%`,bufferedColor:t.item.bufferedColor}),Ae(Fu,{"data-cy":"progress2",hasScrubber:t.hasScrubber,style:{width:t.hasScrubber?`calc(${n} + 6px)`:n},progressColor:t.item.progressColor}),o.previewTooltip&&Ae(Mu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:o.previewTooltip})]})})),ju=(0,r.ZP)(_l.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"#f2f2f2"}; - width: 100%; - height: 1.4rem; - justify-content: flex-start; - position: relative; -`,Fu=r.ZP.div` - height: 100%; - pointer-events: none; - display: flex; - justify-content: flex-end; - align-items: center; - position: absolute; - z-index: 2; - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,Ou=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - width: ${t=>t.width}; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.2)"}; - z-index: 1; -`;Iu.displayName="ProgressBar2";const $u=(0,o.forwardRef)(((t,e)=>{const n=E(se,Rt),o=E(oe,Rt),r=E(le,Rt);return Ve(Nu,{ref:e,role:"progressbar",barBorderColor:t.item.barBorderColor,barColor:t.item.barColor,children:[Ve(Zu,{children:[Ae(Uu,{"data-cy":"progressBuffer3",style:{width:`clamp(0%, ${r}%, 100%)`},bufferedColor:t.item.bufferedColor}),Ae(zu,{"data-cy":"progress3",style:{width:`clamp(0%, ${n}, 100%)`},progressColor:t.item.progressColor})]}),o.previewTooltip&&Ae(Mu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:o.previewTooltip})]})})),Nu=(0,r.ZP)(_l.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"transparent"}; - width: 100%; - height: 1.25rem; - justify-content: flex-start; - border-radius: 1rem; - border: 3px solid ${t=>t.barBorderColor}; - position: relative; -`,Uu=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.4)"}; - z-index: 1; - height: 35%; - border-radius: 0.4rem; -`,zu=r.ZP.div` - height: 35%; - pointer-events: none; - position: absolute; - z-index: 2; - border-radius: 0.4rem; - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,Zu=r.ZP.div` - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-top: 2px solid transparent; - border-bottom: 2px solid transparent; - position: relative; - height: 100%; - width: 100%; - display: flex; - flex-direction: column; - justify-content: center; - box-sizing: border-box; -`;$u.displayName="ProgressBar3";const Hu=150,Wu=60;function qu(t){let{item:e,onTop:n=!1}=t;const r=(0,o.useRef)(null),[i,s]=(0,o.useState)(!1),a=E(jt,Rt),l=E(Ft,Rt),u=M(ie,Rt),c=E(Ut,Rt),d=E(oe,Rt),h=M(_t,Rt),[p,m]=(0,o.useState)(-1),[f,g]=P(ae,Rt),v=M(de,Rt),y=M(ue,Rt),b=E(ge,Rt);function x(t,e){var n;Mt(t,e,f,r,l,a,"text"===(null==(n=d.previewTooltip)?void 0:n.id)?Wu:Hu,u,g,y,v)}ke(p,a,f,m,c);const w=(i||f)&&!b,C=!("transparent"===e.scrubberColor&&("transparent"===e.scrubberBorderColor||"none"===e.scrubberBorderColor||void 0===e.scrubberBorderColor));return Ve(_u,{tabIndex:0,onFocus:()=>h("progressBar"),onTop:n,"data-cy":e.id,isDragging:f,onTouchStart:t=>{s(!0),Et(t,x,l,g,!0)},onTouchEnd:()=>s(!1),onMouseEnter:()=>s(!0),onMouseMove:t=>{var e;return Pt(t,f,r,l,a,"text"===(null==(e=d.previewTooltip)?void 0:e.id)?Wu:Hu,y,v)},onMouseLeave:()=>s(!1),onMouseDown:t=>Et(t,x,l,g,!1),children:["progressBar1"===e.id&&Ae(Au,{hasScrubber:C,shouldAnimate:w,item:e,isProgressDragging:f,isHovered:i&&!b,ref:r}),"progressBar2"===e.id&&Ae(Iu,{hasScrubber:!1,shouldAnimate:w,item:e,isProgressDragging:f,isHovered:i&&!b,ref:r}),"progressBar3"===e.id&&Ae($u,{hasScrubber:!1,shouldAnimate:w,item:e,isProgressDragging:f,isHovered:i&&!b,ref:r})]})}const _u=r.ZP.div` - height: 100%; - width: 100%; - display: flex; - align-items: ${t=>t.onTop?"flex-end":"center"}; - cursor: ${t=>t.isDragging?"col-resize":"pointer"}; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Yu=(0,o.forwardRef)(((t,e)=>{var n;const o=t.isBarHovered||t.isVolumeDragging,r=E(oe,Rt),i=E(me,Rt),s=M(_t,Rt),a=t=>{s(t)},l=()=>{s("progressBar"),t.setIsVolumeHovered(!1)},u=!("transparent"===t.item.scrubberColor&&("transparent"===t.item.scrubberBorderColor||"none"===t.item.scrubberBorderColor||void 0===t.item.scrubberBorderColor));return"volumeBar1"===t.item.barId?Ae(Xu,{tabIndex:0,onFocus:()=>a("volumeBar1"),onBlur:l,barColor:t.item.barColor,"data-cy":t.item.barId,ref:e,animate:{height:o?"0.5rem":"0.35rem"},transition:{duration:.2},children:Ae(Qu,{style:{width:u?`calc(${i} + 5px)`:i},volumeColor:t.item.volumeColor,volumeBar2:!1,hasScrubber:u,children:Ae(Ju,{"data-cy":"volumeScrubber1",scrubberBorderColor:t.item.scrubberBorderColor,scrubberColor:t.item.scrubberColor??t.item.volumeColor,variants:xu,custom:o,initial:"init",animate:"anim"})})}):"volumeBar2"===t.item.barId?Ae(Gu,{onFocus:()=>a("volumeBar2"),onBlur:l,tabIndex:0,backgroundColor:null==(n=r.controlsBar)?void 0:n.barColor,children:Ae(Ku,{barColor:t.item.barColor,"data-cy":t.item.barId,ref:e,children:Ae(Qu,{volumeBar2:!0,style:{height:i},volumeColor:t.item.volumeColor,hasScrubber:u,children:Ae(Ju,{"data-cy":"volumeScrubber2",scrubberBorderColor:t.item.scrubberBorderColor,scrubberColor:t.item.scrubberColor??t.item.volumeColor,variants:wu,custom:o,initial:"init",animate:"anim"})})})}):Ae(Le,{})}));Yu.displayName="VolumeBars";const Xu=(0,r.ZP)(_l.div)` - height: 0.35rem; - background-color: ${t=>t.barColor?t.barColor:"white"}; - width: 3.5rem; - border-radius: 0.35rem; - margin-left: 0.35rem; - display: flex; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Gu=r.ZP.div` - height: 5.9rem; - width: 2rem; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - display: flex; - justify-content: center; - align-items: center; - transform: translate(-30px, -68px); - border-radius: 0.45rem 0.45rem 0 0; - position: absolute; - z-index: 2; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Ku=r.ZP.div` - height: 4.75rem; - width: 0.5rem; - display: flex; - flex-direction: column-reverse; - border-radius: 0.35rem; - background-color: ${t=>t.barColor?t.barColor:"white"}; -`,Qu=r.ZP.div` - background-color: ${t=>t.volumeColor?t.volumeColor:"#4ab860"}; - border-radius: 0.35rem; - display: flex; - ${t=>!t.volumeBar2&&r.iv` - height: 100%; - justify-content: flex-end; - align-items: center; - ${t.hasScrubber&&r.iv` - min-width: 12px; - max-width: ${50.5}px; - `} - `} - - ${t=>t.volumeBar2&&r.iv` - width: 100%; - display: flex; - flex-direction: column-reverse; - justify-content: flex-end; - align-items: center; - ${t.hasScrubber&&r.iv` - min-height: 12.8px; - max-height: ${76}px; - `} - `} -`,Ju=(0,r.ZP)(_l.div)` - height: 0.9rem; - width: 0.9rem; - box-sizing: border-box; - background-color: ${t=>t.scrubberColor??"white"}; - position: absolute; - border-radius: 50rem; - border: ${t=>void 0!==t.scrubberBorderColor?"2px solid "+t.scrubberBorderColor:void 0!==t.scrubberColor?"2px solid "+Vt(t.scrubberColor):"none"}; -`;function tc(t){let{item:e}=t;const[n,r]=(0,o.useState)(!1),[i,s]=(0,o.useState)(!1),a=E(fe,Rt),l=(0,o.useRef)(null),u=E(jt,Rt),c=E(pe,Rt);function d(t,n){if(l&&l.current){let o=0;"volumeBar1"===e.barId?St(t)?o=t.touches[0].clientX:Bt(t)&&(o=t.clientX):St(t)?o=t.touches[0].clientY:Bt(t)&&(o=t.clientY),m("volumeBar1"===e.barId?"horizontal":"vertical");const r="volumeBar1"===e.barId?o-n.left:o-n.top,i=l.current.getBoundingClientRect(),s="volumeBar1"===e.barId?i.left-n.left:i.bottom-n.top,a=kt(("volumeBar1"===e.barId?1:-1)*(r-s),0,"volumeBar1"===e.barId?i.width:i.height),c=kt(a/("volumeBar1"===e.barId?l.current.clientWidth:l.current.clientHeight),0,1);u&&(u.volume=c),u&&(u.muted=!1)}}const h=E(Ft,Rt),[p,m]=P(ge,Rt);return Ve(ec,{"data-cy":`volumeButtonBarContainer-${e.id}`,isDragging:p,onMouseEnter:()=>!At()&&r(!0),onMouseLeave:()=>!At()&&r(!1),children:[Ae(rc,{onFocus:()=>!At()&&r(!0),"data-cy":e.id,whileHover:{scale:1.075},whileTap:{scale:.925},onClick:()=>u?u.muted=!u.muted:null,children:("volumeButton1"===e.id||"volumeButton2"===e.id)&&Ve("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(oc,{d:"M5 12H9V20H5C4.44772 20 4 19.5523 4 19V13C4 12.4477 4.44772 12 5 12Z"}),Ae(oc,{d:"M9 13L15 7"}),Ae(oc,{d:"M15 7V26"}),Ae(oc,{d:"M9 20L15 26"}),Ae(tu,{children:(0===c||a)&&Ve(_l.g,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},children:[Ae(oc,{d:"M21 13.5L28 20.5"}),Ae(oc,{d:"M28 13.5L21 20.5"})]})}),Ae(tu,{children:c>0&&!a&&Ae(oc,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},d:"M19.5 13.5C21 14.6667 23.1 17.7 19.5 20.5",id:"custoplayer-arc1"})}),Ae(tu,{children:c>.5&&!a&&Ae(oc,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},d:"M24 9.5C27.0185 11.7059 31.2444 17.7941 24 24.5",id:"custoplayer-arc2"})})]})}),Ae(tu,{children:(n||p)&&e.barId&&Ae(nc,{variants:"volumeBar1"===e.barId?fu:gu,initial:"init",animate:"anim",exit:"exit","data-cy":"volumeContainer",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onMouseDown:t=>Et(t,d,h,m,!1),onTouchStart:t=>{s(!0),Et(t,d,h,m,!0)},onTouchEnd:()=>s(!1),children:Ae(Yu,{item:e,isBarHovered:i,isVolumeDragging:p,ref:l,setIsVolumeHovered:r})})})??e.barId]})}const ec=r.ZP.div` - height: 100%; - width: auto; - background-color: transparent; - display: flex; - align-items: center; - justify-content: flex-start; - cursor: ${t=>t.isDragging?"horizontal"===t.isDragging?"col-resize":"row-resize":"auto"}; - color: currentColor; -`,nc=(0,r.ZP)(_l.div)` - height: 100%; - display: flex; - align-items: center; - cursor: pointer; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,oc=(0,r.ZP)(_l.path)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,rc=(0,r.ZP)(_l.button)` - border: 0; - display: flex; - justify-content: center; - align-items: center; - background-color: transparent; - padding: 0; - cursor: pointer; - color: inherit; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`;function ic(){const t=E(Zt,Rt);return Ae(sc,{isLargerThan60Minutes:7===t.length,"data-cy":"currentTime",children:t})}const sc=r.ZP.span` - color: currentColor; - width: ${t=>t.isLargerThan60Minutes?"59px":"45px"}; - text-align: center; -`;function ac(){const t=E(Wt,Rt);return Ae(lc,{isLargerThan60Minutes:7===t.length,"data-cy":"duration",children:t})}const lc=r.ZP.span` - color: currentColor; - text-align: center; - width: ${t=>t.isLargerThan60Minutes?"59px":"45px"}; -`;function uc(t){let{item:e,isFullscreen:n}=t;const[r,i]=(0,o.useState)(!1),[s,a]=(0,o.useState)(!1),l=E(jt,Rt),u=E(Ft,Rt);return Ae(Le,{children:Ve(cc,{"data-cy":e.id,onMouseEnter:()=>i(!0),onMouseLeave:()=>{i(!1),a(!1)},onMouseDown:()=>a(!0),onMouseUp:()=>a(!1),onClick:function(){u&&Ce.isEnabled?Ce.toggle(u):u&&l&&!Ce.isEnabled&&l.webkitEnterFullscreen()},children:["fullscreenButton1"===e.id&&Ve("svg",n?{"data-cy":"fullscreenButton1-fullscreened",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(dc,{animate:{d:r&&!s?"M29 3L19 13":"M29 3L21 11"},d:"M29 3L21 11"}),Ae(dc,{animate:{d:r&&!s?"M19 13V7":"M21 11V7"},d:"M21 11V7"}),Ae(dc,{animate:{d:r&&!s?"M19 13H25":"M21 11H25"},d:"M21 11H25"}),Ae(dc,{animate:{d:r&&!s?"M3 29L13 19":"M3 29L11 21"},d:"M3 29L11 21"}),Ae(dc,{animate:{d:r&&!s?"M13 19H7":"M11 21H7"},d:"M11 21H7"}),Ae(dc,{animate:{d:r&&!s?"M13 19V25":"M11 21V25"},d:"M11 21V25"})]}:{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton1-not-fullscreened",children:[Ae(dc,{animate:{d:r&&!s?"M18 14L28 4":"M18 14L26 6"}}),Ae(dc,{animate:{d:r&&!s?"M28 4V10":"M26 6V10"}}),Ae(dc,{animate:{d:r&&!s?"M28 4H22":"M26 6H22"}}),Ae(dc,{animate:{d:r&&!s?"M14 18L4 28":"M14 18L6 26"}}),Ae(dc,{animate:{d:r&&!s?"M4 28H10":"M6 26H10"}}),Ae(dc,{animate:{d:r&&!s?"M4 28V22":"M6 26V22"}})]}),"fullscreenButton2"===e.id&&Ve("svg",n?{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton2-fullscreened",children:[Ae(hc,{x:"1",y:"1",width:"30",height:"30"}),Ae(hc,{x:"1",initial:{y:"18px",width:"12px",height:"13px"},animate:{width:r&&!s?"10px":"12px",height:r&&!s?"11px":"13px",y:r&&!s?"20px":"18px"}}),Ae(dc,{animate:{d:r&&!s?"M26 5L16 15":"M26 5L18 13"},d:"M26 5L18 13"}),Ae(dc,{animate:{d:r&&!s?"M16 15H22":"M18 13H22"},d:"M18 13H22"}),Ae(dc,{animate:{d:r&&!s?"M16 15V9":"M18 13V9"},d:"M18 13V9"})]}:{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton2-not-fullscreened",children:[Ae(hc,{x:"1",y:"1",width:"30",height:"30"}),Ae(hc,{x:"1",initial:{y:"8px"},animate:{y:r&&!s?"6px":"8px",width:r?"24px":"21px",height:r?"25px":"23px"}}),Ae(dc,{animate:{d:r&&!s?"M7 24L17 14":"M7 24L15 16"},d:"M7 24L15 16"}),Ae(dc,{animate:{d:r&&!s?"M17 14H11":"M15 16H11"},d:"M15 16H11"}),Ae(dc,{animate:{d:r&&!s?"M17 14V20":"M15 16V20"},d:"M15 16V20"})]})]})})}const cc=r.ZP.button` - background: transparent; - padding: 0; - border: 0; - color: currentColor; - cursor: pointer; - height: 32px; - width: 32px; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,dc=(0,r.ZP)(_l.path)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,hc=(0,r.ZP)(_l.rect)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,pc=(0,r.ZP)(_l.button)` - background-color: transparent; - border: 0; - color: inherit; - width: 100%; - height: 100%; - text-align: left; - font-size: 1em; - padding: 0.6rem 0.4rem; - cursor: pointer; - border-radius: 0.5rem; - display: flex; - align-items: center; - - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } - - &:hover { - background-color: ${t=>t.settingsMenuColor?""+Vt(t.settingsMenuColor):"currentColor"}; - } - &:active { - background-color: ${t=>t.settingsMenuColor?""+function(t){return mt(t).darken(.175)}(t.settingsMenuColor):"currentColor"}; - } -`,mc=(0,r.ZP)(_l.li)` - list-style-type: none; - margin: 0; - color: inherit; -`,fc=(0,r.ZP)(_l.svg)` - height: 20px; - width: 20px; - min-height: 20px; - min-width: 20px; - stroke: currentColor; - stroke-width: 2px; - margin: ${t=>t.margin?t.margin:"0 0.35rem 0 0"}; -`,gc=(0,r.ZP)(_l.h3)` - color: inherit; - margin: 0; - font-weight: normal; -`,vc=(0,r.ZP)(fc)` - margin-right: 0; - height: 18px; - width: 18px; -`,yc=(0,r.ZP)(pc)` - padding: 0.25rem; - width: auto; - margin-right: 0.35rem; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,bc=()=>Ae(fc,{margin:"0 0.25rem 0 auto",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(_l.path,{initial:{pathLength:0},animate:{pathLength:1},transition:{duration:.3,type:"easeInOut"},d:"M4 16L8.0982 21.7375C8.52071 22.329 9.41304 22.288 9.80496 21.6758C12.1212 18.0575 17.15 11.8143 27 9",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})});function xc(t){var e,n;if("ArrowUp"===t.key){const n=t.target.parentElement,o=null==n?void 0:n.previousElementSibling;if(o){const t=o.firstElementChild;t&&t.focus()}else{const t=null==(e=null==n?void 0:n.parentElement)?void 0:e.lastElementChild;if(t){const e=t.firstElementChild;e&&e.focus()}}}else if("ArrowDown"===t.key){const e=t.target.parentElement,o=null==e?void 0:e.nextElementSibling;if(o){const t=o.firstElementChild;t&&t.focus()}else{const t=null==(n=null==e?void 0:e.parentElement)?void 0:n.firstElementChild;if(t){const e=t.firstElementChild;e&&e.focus()}}}}function wc(t){let{settingsMenuColor:e,onClick:n,dataCy:o,children:r}=t;return Ae(pc,{onKeyDown:xc,"data-cy":o,onClick:n,settingsMenuColor:e,layout:"position",children:r})}function Cc(t){let{item:e,setCurrentPage:n}=t;var o,r,i,s;const a=E(oe,Rt),l=e.settingsMenuColor??(null==(o=null==a?void 0:a.controlsBar)?void 0:o.barColor);return Ve(Le,{children:[Ae(mc,{children:(null==(r=e.options)?void 0:r.quality)&&Ve(wc,{dataCy:"settingsMenuQualityButton",onClick:()=>n("/quality"),settingsMenuColor:l,children:[Ae(kc,{}),"Quality"]})}),(null==(i=e.options)?void 0:i.subtitles)&&Ae(mc,{children:Ve(wc,{dataCy:"settingsMenuSubtitlesButton",onClick:()=>n("/subtitles"),settingsMenuColor:l,children:[Ae(Ec,{}),"Subtitles"]})}),(null==(s=e.options)?void 0:s.playbackSpeed)&&Ae(mc,{children:Ve(wc,{dataCy:"settingsMenuSpeedButton",onClick:()=>n("/playback-speed"),settingsMenuColor:l,children:[Ae(Mc,{}),"Speed"]})})]})}const kc=()=>Ve(fc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("rect",{x:"3",y:"3",width:"26",height:"26",rx:"6"}),Ae("path",{d:"M8.5 11V15.5M8.5 20V15.5M8.5 15.5H13.5M13.5 11V20",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),Ae("path",{d:"M23.5 15.5C23.5 18.0154 21.5324 20 19.1714 20C18.5694 20 18.2619 19.874 18.0967 19.7554C17.9388 19.6421 17.7996 19.4562 17.6935 19.1021C17.5826 18.7317 17.5282 18.244 17.509 17.6107C17.4962 17.185 17.4996 16.7425 17.5033 16.2596C17.5051 16.0175 17.507 15.7653 17.507 15.5C17.507 15.2347 17.5051 14.9825 17.5033 14.7404C17.4996 14.2575 17.4962 13.815 17.509 13.3893C17.5282 12.756 17.5826 12.2683 17.6935 11.8979C17.7996 11.5438 17.9388 11.3579 18.0967 11.2446C18.2619 11.126 18.5694 11 19.1714 11C21.5324 11 23.5 12.9846 23.5 15.5Z",stroke:"currentColor",strokeWidth:"2"})]}),Ec=()=>Ve(fc,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("rect",{x:"3",y:"3",width:"26",height:"26",rx:"6",stroke:"currentColor",strokeWidth:"2"}),Ae("path",{d:"M14 20.8452C10.7273 21.7262 8 18.676 8 16C8 13.324 11.2727 10.2738 14 11.1548",stroke:"currentCOlor",strokeWidth:"2.25",strokeLinecap:"round"}),Ae("path",{d:"M23 20.8452C20 20.8452 18 18.676 18 16C18 13.324 19.5 11 23 11.1548",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round"})]}),Mc=()=>Ae(fc,{width:"32",height:"32",viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ve("g",{clipPath:"url(#clip0_143_2)",children:[Ae("path",{d:"M26.25 27.25C31.6348 21.8652 31.6348 13.1348 26.25 7.74999C20.8652 2.36522 12.1348 2.36522 6.75 7.74999C1.36523 13.1348 1.36523 21.8652 6.75 27.25",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M6.84175 27.3492L9.72126 25.8602",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M4.38938 13.744L7.53268 14.5368",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M25.6726 14.5795L28.7945 13.7014",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M16.7426 7.50893L16.6949 4.26755",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M26.1818 27.4507L23.3237 25.921",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("circle",{cx:"16.5",cy:"17.5",r:"2.5",fill:"currentColor",stroke:"currentColor"}),Ae("path",{d:"M23.6935 17.5L16.75 19.0419V15.9581L23.6935 17.5Z",strokeWidth:"2.5",fill:"currentColor",stroke:"currentColor"})]})}),Pc=Object.keys;function Tc(t){let{item:e}=t;var n;const o=E(Jt,Rt),r=E(Kt,Rt),i=E(jt,Rt),s=Pc(o).map((t=>Number(t)));s.sort(((t,e)=>e-t));const a=E(oe,Rt),l=e.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor);const u=s.map((t=>{const e=o[t];if(null!==e)return Ae(mc,{children:Ve(wc,{dataCy:`settingsMenuQualityButton${t}p`,settingsMenuColor:l,onClick:()=>function(t){if(i){const e=i.currentTime,n=i.paused;i.src=t,i.currentTime=e,n||i.play()}}(e),children:[t+"p",r===t&&Ae(bc,{})]})},`quality-${t}`)}));return Ae(Le,{children:u})}function Sc(t){let{item:e}=t;var n;const o=E(oe,Rt),r=e.settingsMenuColor??(null==(n=null==o?void 0:o.controlsBar)?void 0:n.barColor),[i,s]=P(Xt,Rt),[a,l]=P(Gt,Rt),u=M(Yt,Rt);if(null!==i){const t=i.map(((t,e)=>Ae(mc,{children:Ve(wc,{dataCy:`settingsMenuSubtitleButton${t.label}`,settingsMenuColor:r,onClick:()=>function(t,e){t((t=>null===t?null:(t.forEach((t=>{t.mode="hidden"})),t[e].mode="showing",t)))}(s,e),children:[t.label,(null==a?void 0:a.label)===t.label&&Ae(bc,{})]})},`subtitle-${e}`)));return Ve(Le,{children:[Ae(mc,{children:Ve(wc,{dataCy:"settingsMenuSubtitleButtonNone",settingsMenuColor:r,onClick:()=>function(t,e,n){t((t=>null===t?null:(t.forEach((t=>{t.mode="hidden"})),t))),e(null),n(null)}(s,u,l),children:["None",null===a&&Ae(bc,{})]})}),t]})}return Ae(Le,{})}function Bc(t){let{item:e}=t;var n,o,r;const i=E(qt,Rt),s=E(jt,Rt),a=E(oe,Rt),l=e.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor),u=(null==(o=e.options)?void 0:o.playbackSpeed)&&(null==(r=e.options)?void 0:r.playbackSpeed.map(((t,e)=>Ae(mc,{children:Ve(wc,{dataCy:`settingsMenuSpeedButton-${e}`,onClick:()=>s?s.playbackRate=t:null,settingsMenuColor:l,children:[t," ",i===t&&Ae(bc,{})]})},`settingsMenuSpeedButton-${e}`))));return Ae(Le,{children:u})}const Ac=()=>Ve(vc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("path",{d:"M6 6L26 26",stroke:"currentColor",strokeWidth:"3.5",strokeLinecap:"round"}),Ae("path",{d:"M6 26L26 6",stroke:"currentColor",strokeWidth:"3.5",strokeLinecap:"round"})]}),Vc=()=>Ae(vc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae("path",{d:"M28 17.5C28.8284 17.5 29.5 16.8284 29.5 16C29.5 15.1716 28.8284 14.5 28 14.5V17.5ZM2.93934 14.9393C2.35355 15.5251 2.35355 16.4749 2.93934 17.0607L12.4853 26.6066C13.0711 27.1924 14.0208 27.1924 14.6066 26.6066C15.1924 26.0208 15.1924 25.0711 14.6066 24.4853L6.12132 16L14.6066 7.51472C15.1924 6.92893 15.1924 5.97918 14.6066 5.3934C14.0208 4.80761 13.0711 4.80761 12.4853 5.3934L2.93934 14.9393ZM28 14.5L4 14.5V17.5L28 17.5V14.5Z",fill:"currentColor"})}),Lc=(0,o.forwardRef)(((t,e)=>{var n;const[r,i]=(0,o.useState)("/home"),s=E(ne,Rt),a=E(oe,Rt);(0,o.useEffect)((()=>{if(e){const t=e.current.lastChild;let n=null==t?void 0:t.firstChild;for(;null!==n&&((null==n?void 0:n.nodeType)!==Node.ELEMENT_NODE||!n.hasChildNodes())&&(n=null==n?void 0:n.nextSibling,n););const o=null==n?void 0:n.firstChild;o&&o.focus()}}),[e,r]);const l=t.item.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor);return Ae(Rc,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.25},orientation:t.item.settingsMenuOrientation??"middle",children:Ve(Dc,{layout:!0,ref:e,"data-cy":"settingsMenu",settingsMenuColor:l,textColor:Lt(l??""),children:[Ve(Ic,{layout:!0,children:[Ae(yc,{"data-cy":"settingsMenuHeaderButton",settingsMenuColor:l,onClick:()=>"/home"===r?t.setIsSettingsMenuOpen(!1):i("/home"),children:Ae("/home"===r?Ac:Vc,{})}),Ae(gc,{layout:"position",children:"/home"===r?"Settings":"/quality"===r?"Quality":"/subtitles"===r?"Subtitles":"/playback-speed"===r?"Speed":void 0})]}),Ve(jc,{settingsMenuHeight:s.height-45-60,onKeyDown:e=>"Escape"===e.key&&t.setIsSettingsMenuOpen(!1),children:["/home"===r&&Ae(Cc,{setCurrentPage:i,item:t.item}),"/quality"===r&&Ae(Tc,{item:t.item}),"/subtitles"===r&&Ae(Sc,{item:t.item}),"/playback-speed"===r&&Ae(Bc,{item:t.item})]})]})})}));Lc.displayName="SettingsMenu";const Rc=(0,r.ZP)(_l.div)` - transform: translate( - ${t=>"middle"===t.orientation?"-3rem":"left"===t.orientation?"-5.25rem":"0rem"}, - -2rem - ); - display: flex; - flex-direction: column-reverse; -`,Dc=(0,r.ZP)(_l.menu)` - border-radius: 0.5rem; - background-color: ${t=>t.settingsMenuColor?t.settingsMenuColor:"currentColor"}; - position: absolute; - margin: 0; - padding: 0.35rem 0.45rem; - overflow: hidden; - min-width: 6.5rem; - box-shadow: 10px 10px 55px -8px rgba(0, 0, 0, 0.56); - color: ${t=>t.textColor}; -`,Ic=(0,r.ZP)(_l.section)` - display: flex; - align-items: center; - margin: 0.25rem 0 0.5rem; - color: inherit; -`,jc=r.ZP.ul` - max-height: ${t=>t.settingsMenuHeight}px; - color: inherit; - padding: 0; - margin: 0; - overflow-y: auto; - overflow-x: hidden; - ::-webkit-scrollbar { - width: 0; - } - scrollbar-width: none; -`;function Fc(t){let{item:e}=t;const[n,r]=(0,o.useState)(!1),i=(0,o.useRef)(null);return function(t,e){(0,o.useEffect)((()=>{const n=n=>{!t.current||t.current.contains(n.target)||e(n)};return document.addEventListener("click",n),()=>{document.removeEventListener("click",n)}}),[t,e])}(i,(()=>r(!1))),Ve(Le,{children:[e.options&&Ae(tu,{children:n&&Ae(Lc,{ref:i,item:e,setIsSettingsMenuOpen:r})}),Ae(Oc,{onClick:function(){r((t=>!t))},"data-cy":e.id,whileHover:{scale:1.1,rotateZ:45},whileTap:{scale:.95,rotateZ:0},children:Ae("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ve("g",{children:[Ae($c,{as:"circle",cx:"16",cy:"16",r:"3"}),Ae($c,{d:"M10.7591 6.96198C12.3955 8.30774 14.8735 7.58014 15.5226 5.56327C15.6719 5.09948 16.3281 5.09948 16.4774 5.56327C17.1265 7.58014 19.6045 8.30774 21.2409 6.96198C21.6173 6.65252 22.1693 7.00729 22.0441 7.47815C21.4998 9.52578 23.191 11.4776 25.2953 11.2302C25.7792 11.1733 26.0518 11.7702 25.6919 12.0986C24.1269 13.5269 24.4945 16.0833 26.3984 17.0128C26.8363 17.2265 26.7429 17.8761 26.2626 17.9578C24.1738 18.3133 23.101 20.6625 24.2002 22.4738C24.4529 22.8904 24.0232 23.3863 23.5749 23.1954C21.6256 22.3652 19.453 23.7614 19.3984 25.8795C19.3858 26.3665 18.7562 26.5514 18.4823 26.1485C17.2913 24.3962 14.7087 24.3962 13.5177 26.1485C13.2438 26.5514 12.6142 26.3665 12.6016 25.8795C12.547 23.7614 10.3744 22.3652 8.42505 23.1954C7.9768 23.3863 7.54708 22.8904 7.79984 22.4738C8.899 20.6625 7.82615 18.3133 5.73744 17.9578C5.25713 17.8761 5.16374 17.2265 5.60157 17.0128C7.50552 16.0833 7.87307 13.5269 6.30811 12.0986C5.94825 11.7702 6.22084 11.1733 6.70472 11.2302C8.80898 11.4776 10.5002 9.52578 9.9559 7.47815C9.83073 7.00729 10.3827 6.65252 10.7591 6.96198Z"})]})})})]})}const Oc=(0,r.ZP)(_l.button)` - background: transparent; - padding: 0; - border: 0; - color: currentColor; - cursor: pointer; - height: 32px; - width: 32px; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,$c=r.ZP.path` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function Nc(t){let{item:e}=t;const n=E(ve,Rt);return ft(e)?Ae(pu,{item:e}):vt(e)?Ae(qu,{item:e}):yt(e)?Ae(tc,{item:e}):bt(e)?Ae(ic,{}):xt(e)?Ae(ac,{}):wt(e)?Ae(uc,{item:e,isFullscreen:n}):gt(e)?Ae(Fc,{item:e}):Ae(Le,{})}function Uc(t){return ft(t)||yt(t)||wt(t)||gt(t)?t.buttonColor:xt(t)||bt(t)?t.textColor:void 0}function zc(){var t,e,n,r;const i=E(te,Rt),s=E(re,Rt),a=E(ae,Rt),l=E(ge,Rt),u=E(ne,Rt),c=E(oe,Rt);function d(t,e){var n;if(void 0===t||t.hideOnMobile&&u.width<768)return Ae(Le,{});const o=s.slice(e+1).find((t=>void 0!==t&&(!t.hideOnMobile||t.hideOnMobile&&u.width>=768)));let r;for(let i=e-1;i>-1;i--){const t=s[i];if(void 0!==t&&(!t.hideOnMobile||t.hideOnMobile&&u.width>=768)){r=s[i];break}}return Ae(Wc,{marginLeft:t.marginLeft,marginRight:t.marginRight,isProgressBarNextItem:!!o&&vt(o),isProgressBarPreviousItem:!!r&&vt(r),onClick:t=>t.stopPropagation(),isProgressBar:vt(t),color:Uc(t)??Lt((null==(n=c.controlsBar)?void 0:n.barColor)??""),children:Ae(Nc,{item:t})})}const h=null!=(t=c.controlsBar)&&t.alwaysVisible?null==(e=c.controlsBar)?void 0:e.alwaysVisible:a||l||i;return Ae(tu,{children:h&&Ve(Zc,{className:It.toString(),variants:"movement"===(null==(n=c.controlsBar)?void 0:n.animate)?yu:vu,initial:"init",animate:"anim",exit:"exit","data-cy":"controlsBar",children:[c.topProgressBar&&Ae(qc,{children:Ae(qu,{onTop:!0,item:c.topProgressBar})}),Ae(Hc,{height:"45px",backgroundColor:null==(r=c.controlsBar)?void 0:r.barColor,children:s.map(((t,e)=>Ae(o.Fragment,{children:d(t,e)},`item-${e}`)))})]})})}const Zc=(0,r.ZP)(_l.div)` - width: 100%; - position: absolute; - left: 0; - bottom: 0; -`,Hc=r.ZP.div` - height: ${t=>t.height}; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - width: 100%; - display: flex; - align-items: center; - padding: 0.3rem 0.5rem; - box-sizing: border-box; -`,Wc=r.ZP.div` - height: 100%; - width: auto; - color: ${t=>t.color}; - flex: ${t=>t.isProgressBar?"1":"0"}; - display: flex; - align-items: center; - justify-content: center; - /* - Progress bars don't have margin by default - If the next item is a progress bar the margin is increased (the scrubber takes up space) - Otherwise use the default margin of 0.35rem - */ - margin-right: ${t=>t.marginRight?t.marginRight:t.isProgressBarNextItem?"0.85rem":t.isProgressBar?"0":"0.35rem"}; - - margin-left: ${t=>t.marginLeft?t.marginLeft:t.isProgressBarPreviousItem?"0.85rem":"0"}; - - :last-child { - margin-right: ${t=>t.marginRight?t.marginRight:"0"}; - } -`,qc=r.ZP.div` - width: 100%; - height: 3rem; - display: flex; - flex-direction: column; - justify-content: flex-end; -`;function _c(){return Ae(Xc,{children:Ae(Gc,{})})}const Yc=r.F4` - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -`,Xc=r.ZP.div` - width: 128px; - height: 128px; - display: flex; - justify-content: center; - align-items: center; -`,Gc=r.ZP.span` - height: 86px; - width: 86px; - border: 10px solid currentColor; - border-bottom-color: transparent; - border-radius: 50%; - display: inline-block; - box-sizing: border-box; - animation: ${Yc} 1s linear infinite; -`;function Kc(){const t=E(Ut,Rt),e=E(Nt,Rt),n=E(re,Rt),o=E(Yt,Rt),r=E(te,Rt),i=function(t){if(void 0===t)return;const e=t.find((t=>t&&t.id.startsWith("playButton")));return e||void 0}(n),s=E(jt,Rt);const a=e||t===$t.paused||t===$t.ended;return Ve(Qc,{children:[Ae(Jc,{"data-cy":"playIndicator",tabIndex:a?0:-1,playButtonColor:(null==i?void 0:i.buttonColor)??"white",variants:Cu,whileHover:{scale:1.1},animate:"anim",custom:a,onKeyDown:t=>"Enter"===t.key&&Ct(s),children:function(){if(e)return Ae(_c,{});if("playButton2"===(null==i?void 0:i.id)){if(t===$t.playing)return Ae(eu,{isIndicator:!0});if(t===$t.paused)return Ae(ou,{isIndicator:!0});if(t===$t.ended)return Ae(du,{isIndicator:!0})}else{if(t===$t.playing)return Ae(au,{isIndicator:!0});if(t===$t.paused)return Ae(iu,{isIndicator:!0});if(t===$t.ended)return Ae(uu,{isIndicator:!0})}}()}),Ae(tu,{children:o&&Ae(td,{"data-cy":"currentSubtitle",custom:r,initial:"init",animate:"anim",exit:"exit",variants:ku,transition:Eu,children:o.text})})]})}const Qc=r.ZP.div` - height: 100%; - width: 100%; - position: absolute; - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; - pointer-events: none; - flex-direction: column; -`,Jc=(0,r.ZP)(_l.button)` - color: ${t=>t.playButtonColor}; - background-color: transparent; - filter: drop-shadow(rgba(0, 0, 0, 0.35) 0px 5px 15px); - padding: 0; - border: 0; - pointer-events: none; - will-change: transform; - :focus-visible { - outline: 4px dashed ${t=>t.theme.focusColor}; - } -`,td=(0,r.ZP)(_l.div)` - position: absolute; - pointer-events: none; - text-align: center; - padding: 0.5rem; - background-color: black; - margin: 1rem; - opacity: 0.75; - font-size: 1.1em; -`;function ed(){const t=E(jt,Rt),e=M(te,Rt);!function(){const[t,e]=P(ee,Rt),n=M(ne,Rt),r=E(jt,Rt);(0,o.useEffect)((()=>{null!==r&&e(new ResizeObserver((t=>{const e=t[0];e&&e.contentRect&&n({height:parseFloat(e.contentRect.height.toFixed(2)),width:parseFloat(e.contentRect.width.toFixed(2))})})))}),[r,n,e]),(0,o.useEffect)((()=>{null!==t&&null!==r&&t.observe(r)}),[t,r])}();const n=M(Ft,Rt),r=(0,o.useRef)(null),i=M(ve,Rt);(0,o.useEffect)((()=>{r&&r.current&&n(r.current)}),[r]),function(t){(0,o.useEffect)((()=>{function e(){t(Ce.isFullscreen)}return Ce.isEnabled&&Ce.on("change",e),()=>{Ce.isEnabled&&Ce.off("change",e)}}),[t])}(i);const{width:s,height:a}=E(Ot,Rt),l=E(_t,Rt);return Ae(nd,{width:s,height:a,"data-cy":"videoPlayerWrapper",ref:r,onFocus:()=>e(!0),onMouseEnter:()=>{e(!0)},onMouseLeave:()=>{e(!1)},tabIndex:0,onKeyDown:e=>function(t,e,n){if(" "===t.key||"k"===t.key)t.preventDefault(),null!==e&&Ct(e);else if(("ArrowLeft"===t.key||"ArrowRight"===t.key||"ArrowUp"===t.key||"ArrowDown"===t.key)&&(t.preventDefault(),null!==e&&null!==n))if(n.startsWith("volumeBar")){let o=e.volume;"volumeBar1"===n?"ArrowLeft"===t.key?o-=.05:"ArrowRight"===t.key&&(o+=.05):"volumeBar2"===n&&("ArrowDown"===t.key?o-=.05:"ArrowUp"===t.key&&(o+=.05)),e.volume=kt(o,0,1)}else{let n=e.currentTime;("ArrowLeft"===t.key||"ArrowRight"===t.key)&&("ArrowLeft"===t.key?n-=5:"ArrowRight"===t.key&&(n+=5),e.currentTime=kt(n,0,e.duration))}}(e,t,l),children:Ve(od,{"data-cy":"playerContainer",children:[Ae(Kc,{}),Ae(Re,{}),t&&Ae(zc,{})]})})}const nd=r.ZP.div` - position: relative; - background: black; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - height: ${t=>t.height?t.height:"100%"}; - width: ${t=>t.width?t.width:"100%"}; - :focus-visible { - outline: 3.5px dashed ${t=>t.theme.focusColor}; - } -`,od=r.ZP.div` - display: flex; - flex-direction: column; - justify-content: flex-end; - align-items: flex-start; - color: white; - overflow: hidden; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - height: 100%; - width: 100%; -`;function rd(t){let{values:e,rest:n}=t;const o=M(oe,Rt),r=M(re,Rt),i=M(Ot,Rt);return Me(o,r,i,n,e),Ae(ed,{})}function id(t){let{values:e,...n}=t;return Ae(C,{scope:Rt,children:e?Ae(r.f6,{theme:{focusColor:null==e?void 0:e.focusColor},children:Ae(rd,{values:e,rest:n})}):Ve(Le,{children:[Ve("div",{"data-cy":"errorMessage",style:{color:"red"},children:["You need to define the values attribute on your custoplayer tag. For the time being you can set it to be an empty object. ",Ae("br",{}),"example:"]}),Ae("code",{children:""})]})})}(0,r.ZP)(_l.div)` - width: 100%; - position: absolute; - display: flex; - z-index: 6; - left: 0; - bottom: 0; - flex-direction: column; - justify-content: flex-end; - align-items: center; -`;const sd={previewTooltip:{id:"text"},controlsBar:{barColor:"#392f5ad4",animate:"movement"},item1:{id:"playButton1",buttonColor:"#efefef"},item2:{id:"volumeButton1",barId:"volumeBar1",buttonColor:"#efefef",barColor:"#efefef",volumeColor:"#4f91cb"},item3:{id:"currentTime",hideOnMobile:!0,textColor:"#efefef"},item4:{id:"progressBar1",barColor:"#efefef",progressColor:"#4f91cb"},item5:{id:"duration",hideOnMobile:!0,textColor:"#efefef"},item7:{id:"fullscreenButton1",buttonColor:"#efefef"},focusColor:"#efefef"},ad={previewTooltip:{id:"text"},controlsBar:{animate:"opacity",barColor:"#d90427b8"},item1:{id:"playButton1",buttonColor:"#ffd3d3"},item2:{id:"volumeButton1",barId:"volumeBar2",buttonColor:"#ffd3d3",barColor:"#ffd3d3",volumeColor:"#552525"},item3:{id:"currentTime",hideOnMobile:!0,textColor:"#fee1e1"},item4:{id:"progressBar2",barColor:"#ffd3d3",progressColor:"#552525"},item5:{id:"duration",hideOnMobile:!0,textColor:"#fee1e1"},item7:{id:"fullscreenButton1",buttonColor:"#ffd3d3"},focusColor:"#ffd3d3"},ld={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#ffffffdd"},item1:{id:"playButton1",buttonColor:"#353535"},item2:{id:"volumeButton1",barId:"volumeBar2",buttonColor:"#353535",barColor:"#e7e7e7",volumeColor:"#353535",scrubberBorderColor:"transparent",scrubberColor:"transparent"},item3:{id:"currentTime",textColor:"#353535"},topProgressBar:{id:"progressBar1",barColor:"#e7e7e7",progressColor:"#353535",scrubberColor:"transparent",scrubberBorderColor:"none"},item5:{id:"duration",textColor:"#353535",marginLeft:"auto"},item7:{id:"fullscreenButton1",buttonColor:"#353535"},focusColor:"#353535"},ud={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#2c6e49d4"},item1:{id:"playButton2",buttonColor:"#EEE5E5"},item2:{id:"volumeButton1",barId:"volumeBar1",volumeColor:"#67ba8b",scrubberColor:"transparent",scrubberBorderColor:"#67ba8b",barColor:"#EEE5E5"},item3:{id:"fullscreenButton2",buttonColor:"#EEE5E5"},item4:{id:"progressBar3",progressColor:"#67ba8b"},focusColor:"#EEE5E5"},cd={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#a9e5bbd3"},topProgressBar:{id:"progressBar1",scrubberColor:"transparent",barColor:"#a9e5bbd3",progressColor:"#26352a",bufferedColor:"#46464695"},item2:{id:"currentTime"},item1:{id:"volumeButton1",barId:"volumeBar2",scrubberColor:"transparent",barColor:"#a9e5bbd3",volumeColor:"#26352a"},item4:{id:"playButton1",marginLeft:"auto",marginRight:"auto"},item6:{id:"settingsButton1",settingsMenuColor:"#a9e5bbec",settingsMenuOrientation:"left",options:{playbackSpeed:[.25,.5,1,1.25,1.5,2]}},item7:{id:"fullscreenButton1"}}},7260:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>E,contentTitle:()=>C,default:()=>S,frontMatter:()=>w,metadata:()=>k,toc:()=>M});var o=n(7896),r=n(2784),i=n(876),s=n(9453),a=n(2028),l=n(385),u=n.n(l),c=n(6782);const d=125;let h=0;const p=10,m=65;function f(){const[t,e]=(0,r.useState)(null),[n,o]=(0,r.useState)(null),i=(0,r.useRef)(null),[s,a]=(0,r.useState)(null),[l,f]=(0,r.useState)(0),[b,x]=(0,r.useState)(!1),[w,C]=(0,r.useState)({isCompleted:!1,imageAtlas:"",imageVTT:new Blob}),[k,E]=(0,r.useState)(""),[M,P]=(0,r.useState)(0),[T,S]=(0,r.useState)([]);return r.createElement(r.Fragment,null,r.createElement("input",{accept:"video/*",type:"file",onChange:function(t){const n=t.target.files;n&&n.length>0&&(e(URL.createObjectURL(n[0])),C({isCompleted:!1,imageAtlas:"",imageVTT:new Blob}))}}),null!==t&&r.createElement(g,null,r.createElement(v,{ref:i,onSeeked:function(){if(!s||!i||!i.current)return x(!1),void E("Something went wrong");if(M>m){const t=s.toDataURL("image/jpeg",.8);S((e=>[...e,t]));const e=new Blob([n.toString()],{type:"text/plain;charset=utf-8"});return C({isCompleted:!0,imageAtlas:t,imageVTT:e}),void x(!1)}const t=i.current.currentTime-l,e=s.getContext("2d"),o=Math.floor(M/10),r=M%10;e?.drawImage(i.current,r*d,o*h,d,h),n?.add(t,i.current.currentTime,`thumbs.jpg#xywh=${r*d},${o*h},${d},${h}`),P((t=>t+1)),i.current.currentTime+=l},src:t}),k.length>0&&r.createElement("p",null,k),w.isCompleted&&r.createElement("div",null,r.createElement(y,{whileHover:{scale:1.05},whileTap:{scale:.95},onClick:()=>(0,c.saveAs)(w.imageVTT,"thumbs.vtt")},"Download Thumbnail VTT"),r.createElement(y,{whileHover:{scale:1.05},whileTap:{scale:.95},onClick:()=>(0,c.saveAs)(w.imageAtlas,"thumbs.jpg")},"Download Thumbnail Atlas")),b?r.createElement("p",null,"loading..."):r.createElement(y,{onClick:function(){E("");const t=new(u());if(o(t),i&&i.current){x(!0),i.current.currentTime=0,S([]),P(0),C({isCompleted:!1,imageAtlas:"",imageVTT:new Blob});const t=document.createElement("canvas"),e=i.current.clientHeight;h=Math.floor(d/i.current.clientWidth*e),t.width=d*p,t.height=Math.ceil(m/p)*h;const n=i.current.duration/m;f(n),i.current.currentTime=n,a(t)}else E("Video not found")},type:"button",whileHover:{scale:1.05},whileTap:{scale:.95}},"Generate Thumbnails")))}const g=s.ZP.div` - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -`,v=s.ZP.video` - width: 100%; - height: auto; - margin: 1rem; -`,y=(0,s.ZP)(a.E.button)` - margin: 1rem; - padding: 0.5rem 0.75rem; - border-radius: 0.35rem; - font-family: inherit; - font-size: 0.95em; - cursor: pointer; - background-color: var(--ifm-color-emphasis-200); - border: 0; -`;var b=n(6474);function x(){return r.createElement(b.O8,{src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-video-qualities/custoplayer-demo-1080.mp4",crossOrigin:"anonymous",values:{previewTooltip:{id:"thumbnail",atlasImage:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/thumbs.jpg"},controlsBar:{barColor:"#78a8ecd3"},item1:{id:"progressBar1",progressColor:"orange"}}},r.createElement("track",{kind:"metadata",id:"custoplayer-thumbnails",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/thumbs.vtt"}))}const w={sidebar_position:5},C="Preview Tooltip",k={unversionedId:"preview-tooltip",id:"preview-tooltip",title:"Preview Tooltip",description:"The preview tooltip is the tooltip that shows up when hovering",source:"@site/docs/preview-tooltip.mdx",sourceDirName:".",slug:"/preview-tooltip",permalink:"/Custoplayer/preview-tooltip",draft:!1,tags:[],version:"current",sidebarPosition:5,frontMatter:{sidebar_position:5},sidebar:"tutorialSidebar",previous:{title:"Settings Button",permalink:"/Custoplayer/components/settings-button"},next:{title:"Other Properties",permalink:"/Custoplayer/other-properties"}},E={},M=[{value:"Usage",id:"usage",level:2},{value:"Properties",id:"properties",level:2},{value:"Different Id Values",id:"different-id-values",level:2},{value:"Text",id:"text",level:3},{value:"Demo of id: "text"",id:"demo-of-id-text",level:4},{value:"Thumbnail",id:"thumbnail",level:3},{value:"What is an atlasImage?",id:"what-is-an-atlasimage",level:4},{value:"What is a thumbnail VTT file?",id:"what-is-a-thumbnail-vtt-file",level:4},{value:"How to generate an image atlas and thumbnail VTT file?",id:"how-to-generate-an-image-atlas-and-thumbnail-vtt-file",level:4},{value:"Demo of id: "thumbnail"",id:"demo-of-id-thumbnail",level:4},{value:"Demo of id: "textAndThumbnail"",id:"demo-of-id-textandthumbnail",level:4},{value:"Generate Preview Thumbnail Files",id:"generate-preview-thumbnail-files",level:2},{value:"Configuring The Files",id:"configuring-the-files",level:2},{value:"Example",id:"example",level:2}],P={toc:M},T="wrapper";function S(t){let{components:e,...n}=t;return(0,i.kt)(T,(0,o.Z)({},P,n,{components:e,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"preview-tooltip"},"Preview Tooltip"),(0,i.kt)("p",null,"The preview tooltip is the tooltip that shows up when hovering\nover the progress bar."),(0,i.kt)("h2",{id:"usage"},"Usage"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-jsx"},"previewTooltip: {\n id: 'text'\n},\n")),(0,i.kt)("h2",{id:"properties"},"Properties"),(0,i.kt)("table",null,(0,i.kt)("thead",{parentName:"table"},(0,i.kt)("tr",{parentName:"thead"},(0,i.kt)("th",{parentName:"tr",align:null},"Property Name"),(0,i.kt)("th",{parentName:"tr",align:null},"Required"),(0,i.kt)("th",{parentName:"tr",align:null},"Accepted Values"),(0,i.kt)("th",{parentName:"tr",align:null},"Description"),(0,i.kt)("th",{parentName:"tr",align:null},"Default"))),(0,i.kt)("tbody",{parentName:"table"},(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:null},"id"),(0,i.kt)("td",{parentName:"tr",align:null},"Yes"),(0,i.kt)("td",{parentName:"tr",align:null},(0,i.kt)("inlineCode",{parentName:"td"},'"text"'),", ",(0,i.kt)("inlineCode",{parentName:"td"},'"thumbnail"'),", or ",(0,i.kt)("inlineCode",{parentName:"td"},'"textAndThumbnail"')),(0,i.kt)("td",{parentName:"tr",align:null},"Used to render a previewTooltip."),(0,i.kt)("td",{parentName:"tr",align:null},(0,i.kt)("inlineCode",{parentName:"td"},"undefined"))),(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:null},"atlasImage"),(0,i.kt)("td",{parentName:"tr",align:null},"No"),(0,i.kt)("td",{parentName:"tr",align:null},"A url to an image"),(0,i.kt)("td",{parentName:"tr",align:null},"The image that stores all of the preview thumbnails."),(0,i.kt)("td",{parentName:"tr",align:null},(0,i.kt)("inlineCode",{parentName:"td"},"undefined"))))),(0,i.kt)("h2",{id:"different-id-values"},"Different Id Values"),(0,i.kt)("h3",{id:"text"},"Text"),(0,i.kt)("p",null,"Setting ",(0,i.kt)("inlineCode",{parentName:"p"},'id: "text"')," will render a tooltip with the text of the current time when the progress bar is hovered or dragged. The ",(0,i.kt)("inlineCode",{parentName:"p"},"atlasImage")," property is not needed to make this work."),(0,i.kt)("h4",{id:"demo-of-id-text"},"Demo of ",(0,i.kt)("inlineCode",{parentName:"h4"},'id: "text"')),(0,i.kt)("video",{width:"100%",autoPlay:!0,loop:!0,src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/preview-tooltip/text_preview_tooltip.mp4"}),(0,i.kt)("h3",{id:"thumbnail"},"Thumbnail"),(0,i.kt)("p",null,"Setting ",(0,i.kt)("inlineCode",{parentName:"p"},'id: "thumbnail"')," will render a tooltip with the preview thumbnail of the current time when the progress bar is hovered or dragged. The ",(0,i.kt)("inlineCode",{parentName:"p"},"atlasImage")," property is needed to make this work."),(0,i.kt)("p",null,"Two files are required to configure the thumbnail preview tooltip:"),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},"The ",(0,i.kt)("inlineCode",{parentName:"li"},"atlasImage")," jpg file"),(0,i.kt)("li",{parentName:"ol"},"The thumbnail VTT file")),(0,i.kt)("h4",{id:"what-is-an-atlasimage"},"What is an ",(0,i.kt)("inlineCode",{parentName:"h4"},"atlasImage"),"?"),(0,i.kt)("p",null,"The image atlas is a single image that contains all of the preview thumbnails in a grid. Below is an example of how an image atlas looks like."),(0,i.kt)("img",{alt:"A sample image atlas file",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/testing/thumbs.jpg"}),(0,i.kt)("p",null,"You can see that the image atlas jpg file contains thumbnails of the video at different times."),(0,i.kt)("h4",{id:"what-is-a-thumbnail-vtt-file"},"What is a thumbnail VTT file?"),(0,i.kt)("p",null,"The thumbnail vtt file contains the time and position of each thumbnail in the image atlas. Below is an example of how a thumbnail vtt file looks like where the image atlas is called ",(0,i.kt)("inlineCode",{parentName:"p"},"thumbs.jpg"),". In the below example the ",(0,i.kt)("inlineCode",{parentName:"p"},"thumbs.jpg")," atlas only has 10 images."),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-vtt"},"WEBVTT\n\n1\n00:00:00.000 --\x3e 00:00:04.685\nthumbs.jpg#xywh=0,0,125,70\n\n2\n00:00:04.685 --\x3e 00:00:09.370\nthumbs.jpg#xywh=125,0,125,70\n\n3\n00:00:09.370 --\x3e 00:00:14.056\nthumbs.jpg#xywh=250,0,125,70\n\n4\n00:00:14.056 --\x3e 00:00:18.741\nthumbs.jpg#xywh=375,0,125,70\n\n5\n00:00:18.741 --\x3e 00:00:23.426\nthumbs.jpg#xywh=500,0,125,70\n\n6\n00:00:23.426 --\x3e 00:00:28.111\nthumbs.jpg#xywh=625,0,125,70\n\n7\n00:00:28.111 --\x3e 00:00:32.796\nthumbs.jpg#xywh=750,0,125,70\n\n8\n00:00:32.796 --\x3e 00:00:37.481\nthumbs.jpg#xywh=875,0,125,70\n\n9\n00:00:37.481 --\x3e 00:00:42.167\nthumbs.jpg#xywh=1000,0,125,70\n\n10\n00:00:42.167 --\x3e 00:00:46.852\nthumbs.jpg#xywh=1125,0,125,70\n")),(0,i.kt)("h4",{id:"how-to-generate-an-image-atlas-and-thumbnail-vtt-file"},"How to generate an image atlas and thumbnail VTT file?"),(0,i.kt)("p",null,"Luckily these files can be automatically generated. All you have to do is:"),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},"Upload your video in the Generate Preview Thumbnail Files section."),(0,i.kt)("li",{parentName:"ol"},'Click the "Generate Thumbnails" button'),(0,i.kt)("li",{parentName:"ol"},'Click the "Download Thumbnail VTT" button and the "Download Thumbnail Atlas" button.')),(0,i.kt)("p",null,"Clicking these buttons should download the jpg file and vtt file for your video."),(0,i.kt)("h4",{id:"demo-of-id-thumbnail"},"Demo of ",(0,i.kt)("inlineCode",{parentName:"h4"},'id: "thumbnail"')),(0,i.kt)("video",{width:"100%",autoPlay:!0,loop:!0,src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/preview-tooltip/thumbnail_preview_tooltip.mp4"}),(0,i.kt)("h4",{id:"demo-of-id-textandthumbnail"},"Demo of ",(0,i.kt)("inlineCode",{parentName:"h4"},'id: "textAndThumbnail"')),(0,i.kt)("video",{width:"100%",autoPlay:!0,loop:!0,src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/preview-tooltip/text_and_thumbnail_preview_tooltip.mp4"}),(0,i.kt)("h2",{id:"generate-preview-thumbnail-files"},"Generate Preview Thumbnail Files"),(0,i.kt)(f,{mdxType:"ThumbnailGenerator"}),(0,i.kt)("h2",{id:"configuring-the-files"},"Configuring The Files"),(0,i.kt)("p",null,"There are two steps required to configure the thumbnail preview tooltip:"),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},"Set the ",(0,i.kt)("inlineCode",{parentName:"li"},"atlasImage")," property to the thumbs.jpg file that you downloaded."),(0,i.kt)("li",{parentName:"ol"},"Add a track tag as a child to the Custoplayer tag.",(0,i.kt)("ul",{parentName:"li"},(0,i.kt)("li",{parentName:"ul"},"It should have attributes of:",(0,i.kt)("ul",{parentName:"li"},(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("inlineCode",{parentName:"li"},'kind="metadata"')),(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("inlineCode",{parentName:"li"},'id="custoplayer-thumbnails"'),"."),(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("inlineCode",{parentName:"li"},'src="Url that hosts thumbnail vtt file"'),(0,i.kt)("ul",{parentName:"li"},(0,i.kt)("li",{parentName:"ul"},"You won't be able to import a vtt file directly into the Custoplayer tag."),(0,i.kt)("li",{parentName:"ul"},"You will have to host the vtt file somewhere and then set the src attribute to the url of the vtt file."),(0,i.kt)("li",{parentName:"ul"},"You will also have to set the ",(0,i.kt)("inlineCode",{parentName:"li"},'crossOrigin="anonymous"')," to avoid CORS issues."),(0,i.kt)("li",{parentName:"ul"},"A quick free way to host the vtt file is to make a GitHub gist and then use the raw url of the gist as the src attribute.",(0,i.kt)("ul",{parentName:"li"},(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("a",{parentName:"li",href:"https://maestra.ai/blogs/how-to-generate-url-for-srt-vtt-files"},"Here is a tutorial"))))))))))),(0,i.kt)("h2",{id:"example"},"Example"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Custoplayer } from 'custoplayer';\n\nexport default function ThumbnailExample() {\n return (\n \n \n \n );\n}\n")),(0,i.kt)(x,{mdxType:"ThumbnailExample"}))}S.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/6cf79a87.184983a1.js.LICENSE.txt b/assets/js/6cf79a87.184983a1.js.LICENSE.txt deleted file mode 100644 index e68557b..0000000 --- a/assets/js/6cf79a87.184983a1.js.LICENSE.txt +++ /dev/null @@ -1,9 +0,0 @@ -/** - * @license React - * react-jsx-runtime.production.min.js - * - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */ diff --git a/assets/js/6cf79a87.4093efa1.js b/assets/js/6cf79a87.4093efa1.js new file mode 100644 index 0000000..658146d --- /dev/null +++ b/assets/js/6cf79a87.4093efa1.js @@ -0,0 +1,19 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[477],{7260:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>x,contentTitle:()=>T,default:()=>A,frontMatter:()=>y,metadata:()=>N,toc:()=>C});var n=a(7896),i=a(2784),l=a(876),o=a(9453),r=a(2028),s=a(385),u=a.n(s),p=a(6782);const m=125;let d=0;const h=10,c=65;function g(){const[e,t]=(0,i.useState)(null),[a,n]=(0,i.useState)(null),l=(0,i.useRef)(null),[o,r]=(0,i.useState)(null),[s,g]=(0,i.useState)(0),[f,w]=(0,i.useState)(!1),[y,T]=(0,i.useState)({isCompleted:!1,imageAtlas:"",imageVTT:new Blob}),[N,x]=(0,i.useState)(""),[C,j]=(0,i.useState)(0),[E,A]=(0,i.useState)([]);return i.createElement(i.Fragment,null,i.createElement("input",{accept:"video/*",type:"file",onChange:function(e){const a=e.target.files;a&&a.length>0&&(t(URL.createObjectURL(a[0])),T({isCompleted:!1,imageAtlas:"",imageVTT:new Blob}))}}),null!==e&&i.createElement(k,null,i.createElement(b,{ref:l,onSeeked:function(){if(!o||!l||!l.current)return w(!1),void x("Something went wrong");if(C>c){const e=o.toDataURL("image/jpeg",.8);A((t=>[...t,e]));const t=new Blob([a.toString()],{type:"text/plain;charset=utf-8"});return T({isCompleted:!0,imageAtlas:e,imageVTT:t}),void w(!1)}const e=l.current.currentTime-s,t=o.getContext("2d"),n=Math.floor(C/10),i=C%10;t?.drawImage(l.current,i*m,n*d,m,d),a?.add(e,l.current.currentTime,`thumbs.jpg#xywh=${i*m},${n*d},${m},${d}`),j((e=>e+1)),l.current.currentTime+=s},src:e}),N.length>0&&i.createElement("p",null,N),y.isCompleted&&i.createElement("div",null,i.createElement(v,{whileHover:{scale:1.05},whileTap:{scale:.95},onClick:()=>(0,p.saveAs)(y.imageVTT,"thumbs.vtt")},"Download Thumbnail VTT"),i.createElement(v,{whileHover:{scale:1.05},whileTap:{scale:.95},onClick:()=>(0,p.saveAs)(y.imageAtlas,"thumbs.jpg")},"Download Thumbnail Atlas")),f?i.createElement("p",null,"loading..."):i.createElement(v,{onClick:function(){x("");const e=new(u());if(n(e),l&&l.current){w(!0),l.current.currentTime=0,A([]),j(0),T({isCompleted:!1,imageAtlas:"",imageVTT:new Blob});const e=document.createElement("canvas"),t=l.current.clientHeight;d=Math.floor(m/l.current.clientWidth*t),e.width=m*h,e.height=Math.ceil(c/h)*d;const a=l.current.duration/c;g(a),l.current.currentTime=a,r(e)}else x("Video not found")},type:"button",whileHover:{scale:1.05},whileTap:{scale:.95}},"Generate Thumbnails")))}const k=o.ZP.div` + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +`,b=o.ZP.video` + width: 100%; + height: auto; + margin: 1rem; +`,v=(0,o.ZP)(r.E.button)` + margin: 1rem; + padding: 0.5rem 0.75rem; + border-radius: 0.35rem; + font-family: inherit; + font-size: 0.95em; + cursor: pointer; + background-color: var(--ifm-color-emphasis-200); + border: 0; +`;var f=a(2194);function w(){return i.createElement(f.O8,{src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-video-qualities/custoplayer-demo-1080.mp4",crossOrigin:"anonymous",values:{previewTooltip:{id:"thumbnail",atlasImage:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/thumbs.jpg"},controlsBar:{barColor:"#78a8ecd3"},item1:{id:"progressBar1",progressColor:"orange"}}},i.createElement("track",{kind:"metadata",id:"custoplayer-thumbnails",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/thumbs.vtt"}))}const y={sidebar_position:5},T="Preview Tooltip",N={unversionedId:"preview-tooltip",id:"preview-tooltip",title:"Preview Tooltip",description:"The preview tooltip is the tooltip that shows up when hovering",source:"@site/docs/preview-tooltip.mdx",sourceDirName:".",slug:"/preview-tooltip",permalink:"/Custoplayer/preview-tooltip",draft:!1,tags:[],version:"current",sidebarPosition:5,frontMatter:{sidebar_position:5},sidebar:"tutorialSidebar",previous:{title:"Settings Button",permalink:"/Custoplayer/components/settings-button"},next:{title:"Other Properties",permalink:"/Custoplayer/other-properties"}},x={},C=[{value:"Usage",id:"usage",level:2},{value:"Properties",id:"properties",level:2},{value:"Different Id Values",id:"different-id-values",level:2},{value:"Text",id:"text",level:3},{value:"Demo of id: "text"",id:"demo-of-id-text",level:4},{value:"Thumbnail",id:"thumbnail",level:3},{value:"What is an atlasImage?",id:"what-is-an-atlasimage",level:4},{value:"What is a thumbnail VTT file?",id:"what-is-a-thumbnail-vtt-file",level:4},{value:"How to generate an image atlas and thumbnail VTT file?",id:"how-to-generate-an-image-atlas-and-thumbnail-vtt-file",level:4},{value:"Demo of id: "thumbnail"",id:"demo-of-id-thumbnail",level:4},{value:"Demo of id: "textAndThumbnail"",id:"demo-of-id-textandthumbnail",level:4},{value:"Generate Preview Thumbnail Files",id:"generate-preview-thumbnail-files",level:2},{value:"Configuring The Files",id:"configuring-the-files",level:2},{value:"Example",id:"example",level:2}],j={toc:C},E="wrapper";function A(e){let{components:t,...a}=e;return(0,l.kt)(E,(0,n.Z)({},j,a,{components:t,mdxType:"MDXLayout"}),(0,l.kt)("h1",{id:"preview-tooltip"},"Preview Tooltip"),(0,l.kt)("p",null,"The preview tooltip is the tooltip that shows up when hovering\nover the progress bar."),(0,l.kt)("h2",{id:"usage"},"Usage"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-jsx"},"previewTooltip: {\n id: 'text'\n},\n")),(0,l.kt)("h2",{id:"properties"},"Properties"),(0,l.kt)("table",null,(0,l.kt)("thead",{parentName:"table"},(0,l.kt)("tr",{parentName:"thead"},(0,l.kt)("th",{parentName:"tr",align:null},"Property Name"),(0,l.kt)("th",{parentName:"tr",align:null},"Required"),(0,l.kt)("th",{parentName:"tr",align:null},"Accepted Values"),(0,l.kt)("th",{parentName:"tr",align:null},"Description"),(0,l.kt)("th",{parentName:"tr",align:null},"Default"))),(0,l.kt)("tbody",{parentName:"table"},(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:null},"id"),(0,l.kt)("td",{parentName:"tr",align:null},"Yes"),(0,l.kt)("td",{parentName:"tr",align:null},(0,l.kt)("inlineCode",{parentName:"td"},'"text"'),", ",(0,l.kt)("inlineCode",{parentName:"td"},'"thumbnail"'),", or ",(0,l.kt)("inlineCode",{parentName:"td"},'"textAndThumbnail"')),(0,l.kt)("td",{parentName:"tr",align:null},"Used to render a previewTooltip."),(0,l.kt)("td",{parentName:"tr",align:null},(0,l.kt)("inlineCode",{parentName:"td"},"undefined"))),(0,l.kt)("tr",{parentName:"tbody"},(0,l.kt)("td",{parentName:"tr",align:null},"atlasImage"),(0,l.kt)("td",{parentName:"tr",align:null},"No"),(0,l.kt)("td",{parentName:"tr",align:null},"A url to an image"),(0,l.kt)("td",{parentName:"tr",align:null},"The image that stores all of the preview thumbnails."),(0,l.kt)("td",{parentName:"tr",align:null},(0,l.kt)("inlineCode",{parentName:"td"},"undefined"))))),(0,l.kt)("h2",{id:"different-id-values"},"Different Id Values"),(0,l.kt)("h3",{id:"text"},"Text"),(0,l.kt)("p",null,"Setting ",(0,l.kt)("inlineCode",{parentName:"p"},'id: "text"')," will render a tooltip with the text of the current time when the progress bar is hovered or dragged. The ",(0,l.kt)("inlineCode",{parentName:"p"},"atlasImage")," property is not needed to make this work."),(0,l.kt)("h4",{id:"demo-of-id-text"},"Demo of ",(0,l.kt)("inlineCode",{parentName:"h4"},'id: "text"')),(0,l.kt)("video",{width:"100%",autoPlay:!0,loop:!0,src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/preview-tooltip/text_preview_tooltip.mp4"}),(0,l.kt)("h3",{id:"thumbnail"},"Thumbnail"),(0,l.kt)("p",null,"Setting ",(0,l.kt)("inlineCode",{parentName:"p"},'id: "thumbnail"')," will render a tooltip with the preview thumbnail of the current time when the progress bar is hovered or dragged. The ",(0,l.kt)("inlineCode",{parentName:"p"},"atlasImage")," property is needed to make this work."),(0,l.kt)("p",null,"Two files are required to configure the thumbnail preview tooltip:"),(0,l.kt)("ol",null,(0,l.kt)("li",{parentName:"ol"},"The ",(0,l.kt)("inlineCode",{parentName:"li"},"atlasImage")," jpg file"),(0,l.kt)("li",{parentName:"ol"},"The thumbnail VTT file")),(0,l.kt)("h4",{id:"what-is-an-atlasimage"},"What is an ",(0,l.kt)("inlineCode",{parentName:"h4"},"atlasImage"),"?"),(0,l.kt)("p",null,"The image atlas is a single image that contains all of the preview thumbnails in a grid. Below is an example of how an image atlas looks like."),(0,l.kt)("img",{alt:"A sample image atlas file",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/testing/thumbs.jpg"}),(0,l.kt)("p",null,"You can see that the image atlas jpg file contains thumbnails of the video at different times."),(0,l.kt)("h4",{id:"what-is-a-thumbnail-vtt-file"},"What is a thumbnail VTT file?"),(0,l.kt)("p",null,"The thumbnail vtt file contains the time and position of each thumbnail in the image atlas. Below is an example of how a thumbnail vtt file looks like where the image atlas is called ",(0,l.kt)("inlineCode",{parentName:"p"},"thumbs.jpg"),". In the below example the ",(0,l.kt)("inlineCode",{parentName:"p"},"thumbs.jpg")," atlas only has 10 images."),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-vtt"},"WEBVTT\n\n1\n00:00:00.000 --\x3e 00:00:04.685\nthumbs.jpg#xywh=0,0,125,70\n\n2\n00:00:04.685 --\x3e 00:00:09.370\nthumbs.jpg#xywh=125,0,125,70\n\n3\n00:00:09.370 --\x3e 00:00:14.056\nthumbs.jpg#xywh=250,0,125,70\n\n4\n00:00:14.056 --\x3e 00:00:18.741\nthumbs.jpg#xywh=375,0,125,70\n\n5\n00:00:18.741 --\x3e 00:00:23.426\nthumbs.jpg#xywh=500,0,125,70\n\n6\n00:00:23.426 --\x3e 00:00:28.111\nthumbs.jpg#xywh=625,0,125,70\n\n7\n00:00:28.111 --\x3e 00:00:32.796\nthumbs.jpg#xywh=750,0,125,70\n\n8\n00:00:32.796 --\x3e 00:00:37.481\nthumbs.jpg#xywh=875,0,125,70\n\n9\n00:00:37.481 --\x3e 00:00:42.167\nthumbs.jpg#xywh=1000,0,125,70\n\n10\n00:00:42.167 --\x3e 00:00:46.852\nthumbs.jpg#xywh=1125,0,125,70\n")),(0,l.kt)("h4",{id:"how-to-generate-an-image-atlas-and-thumbnail-vtt-file"},"How to generate an image atlas and thumbnail VTT file?"),(0,l.kt)("p",null,"Luckily these files can be automatically generated. All you have to do is:"),(0,l.kt)("ol",null,(0,l.kt)("li",{parentName:"ol"},"Upload your video in the Generate Preview Thumbnail Files section."),(0,l.kt)("li",{parentName:"ol"},'Click the "Generate Thumbnails" button'),(0,l.kt)("li",{parentName:"ol"},'Click the "Download Thumbnail VTT" button and the "Download Thumbnail Atlas" button.')),(0,l.kt)("p",null,"Clicking these buttons should download the jpg file and vtt file for your video."),(0,l.kt)("h4",{id:"demo-of-id-thumbnail"},"Demo of ",(0,l.kt)("inlineCode",{parentName:"h4"},'id: "thumbnail"')),(0,l.kt)("video",{width:"100%",autoPlay:!0,loop:!0,src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/preview-tooltip/thumbnail_preview_tooltip.mp4"}),(0,l.kt)("h4",{id:"demo-of-id-textandthumbnail"},"Demo of ",(0,l.kt)("inlineCode",{parentName:"h4"},'id: "textAndThumbnail"')),(0,l.kt)("video",{width:"100%",autoPlay:!0,loop:!0,src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/preview-tooltip/text_and_thumbnail_preview_tooltip.mp4"}),(0,l.kt)("h2",{id:"generate-preview-thumbnail-files"},"Generate Preview Thumbnail Files"),(0,l.kt)(g,{mdxType:"ThumbnailGenerator"}),(0,l.kt)("h2",{id:"configuring-the-files"},"Configuring The Files"),(0,l.kt)("p",null,"There are two steps required to configure the thumbnail preview tooltip:"),(0,l.kt)("ol",null,(0,l.kt)("li",{parentName:"ol"},"Set the ",(0,l.kt)("inlineCode",{parentName:"li"},"atlasImage")," property to the thumbs.jpg file that you downloaded."),(0,l.kt)("li",{parentName:"ol"},"Add a track tag as a child to the Custoplayer tag.",(0,l.kt)("ul",{parentName:"li"},(0,l.kt)("li",{parentName:"ul"},"It should have attributes of:",(0,l.kt)("ul",{parentName:"li"},(0,l.kt)("li",{parentName:"ul"},(0,l.kt)("inlineCode",{parentName:"li"},'kind="metadata"')),(0,l.kt)("li",{parentName:"ul"},(0,l.kt)("inlineCode",{parentName:"li"},'id="custoplayer-thumbnails"'),"."),(0,l.kt)("li",{parentName:"ul"},(0,l.kt)("inlineCode",{parentName:"li"},'src="Url that hosts thumbnail vtt file"'),(0,l.kt)("ul",{parentName:"li"},(0,l.kt)("li",{parentName:"ul"},"You won't be able to import a vtt file directly into the Custoplayer tag."),(0,l.kt)("li",{parentName:"ul"},"You will have to host the vtt file somewhere and then set the src attribute to the url of the vtt file."),(0,l.kt)("li",{parentName:"ul"},"You will also have to set the ",(0,l.kt)("inlineCode",{parentName:"li"},'crossOrigin="anonymous"')," to avoid CORS issues."),(0,l.kt)("li",{parentName:"ul"},"A quick free way to host the vtt file is to make a GitHub gist and then use the raw url of the gist as the src attribute.",(0,l.kt)("ul",{parentName:"li"},(0,l.kt)("li",{parentName:"ul"},(0,l.kt)("a",{parentName:"li",href:"https://maestra.ai/blogs/how-to-generate-url-for-srt-vtt-files"},"Here is a tutorial"))))))))))),(0,l.kt)("h2",{id:"example"},"Example"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Custoplayer } from 'custoplayer';\n\nexport default function ThumbnailExample() {\n return (\n \n \n \n );\n}\n")),(0,l.kt)(w,{mdxType:"ThumbnailExample"}))}A.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/9951fc4d.23188d93.js b/assets/js/9951fc4d.23188d93.js deleted file mode 100644 index 126dd7a..0000000 --- a/assets/js/9951fc4d.23188d93.js +++ /dev/null @@ -1,563 +0,0 @@ -/*! For license information please see 9951fc4d.23188d93.js.LICENSE.txt */ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[63],{6474:(t,e,n)=>{n.d(e,{DT:()=>cd,FF:()=>ad,L2:()=>ld,NT:()=>sd,O8:()=>id,Pv:()=>ud});var o=n(2784),r=n(9453);let i=0;const s=Symbol(),a=t=>!!t[s],l=t=>!t[s].c,u=t=>{var e;const{b:n,c:o}=t[s];o&&(o(),null==(e=h.get(n))||e())},c=(t,e)=>{const n=t[s].o,o=e[s].o;return n===o||t===o||a(n)&&c(n,e)},d=(t,e)=>{const n={b:t,o:e,c:null},o=new Promise((t=>{n.c=()=>{n.c=null,t()},e.finally(n.c)}));return o[s]=n,o},h=new WeakMap,p=t=>"init"in t,f="r",m="w",g="c",v="s",y=t=>{const e=new WeakMap,n=new WeakMap,o=new Map;let r,i;if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&(r=new Set,i=new Set),t)for(const[s,a]of t){const t={v:a,r:0,y:!0,d:new Map};"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&(Object.freeze(t),p(s)||console.warn("Found initial value for derived atom which can cause unexpected behavior",s)),e.set(s,t)}const h=new WeakMap,y=new WeakMap,b=t=>{let e=y.get(t);return e||(e=new Map,y.set(t,e)),e},x=(t,n)=>{if(t){const e=b(t);let o=e.get(n);return o||(o=x(t.p,n),o&&"p"in o&&l(o.p)&&(o=void 0),o&&e.set(n,o)),o}return e.get(n)},w=(t,n,r)=>{if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&Object.freeze(r),t)b(t).set(n,r);else{const t=e.get(n);e.set(n,r),o.has(n)||o.set(n,t)}},C=function(t,e,n){if(void 0===e&&(e=new Map),!n)return e;const o=new Map;let r=!1;return n.forEach((n=>{var i;const s=(null==(i=x(t,n))?void 0:i.r)||0;o.set(n,s),e.get(n)!==s&&(r=!0)})),e.size!==o.size||r?o:e},k=(t,e,n,o,r)=>{const i=x(t,e);if(i){if(r&&(!("p"in i)||!c(i.p,r)))return i;"p"in i&&u(i.p)}const s={v:n,r:(null==i?void 0:i.r)||0,y:!0,d:C(t,null==i?void 0:i.d,o)};let a=!(null!=i&&i.y);return i&&"v"in i&&Object.is(i.v,n)?s.d!==i.d&&(s.d.size!==i.d.size||!Array.from(s.d.keys()).every((t=>i.d.has(t))))&&(a=!0,Promise.resolve().then((()=>{F(t)}))):(a=!0,++s.r,s.d.has(e)&&(s.d=new Map(s.d).set(e,s.r))),i&&!a?i:(w(t,e,s),s)},E=(t,e,n,o,r)=>{const i=x(t,e);if(i){if(r&&(!("p"in i)||!c(i.p,r)))return i;"p"in i&&u(i.p)}const s={e:n,r:((null==i?void 0:i.r)||0)+1,y:!0,d:C(t,null==i?void 0:i.d,o)};return w(t,e,s),s},M=(t,e,n,o)=>{const r=x(t,e);if(r&&"p"in r){if(c(r.p,n)&&!l(r.p))return r.y?r:{...r,y:!0};u(r.p)}((t,e,n)=>{let o=h.get(e);o||(o=new Map,h.set(e,o)),n.then((()=>{o.get(t)===n&&(o.delete(t),o.size||h.delete(e))})),o.set(t,n)})(t,e,n);const i={p:n,r:((null==r?void 0:r.r)||0)+1,y:!0,d:C(t,null==r?void 0:r.d,o)};return w(t,e,i),i},P=(t,e,n,o)=>{if(n instanceof Promise){const r=d(n,n.then((n=>{k(t,e,n,o,r)})).catch((n=>{if(n instanceof Promise)return a(n)?n.then((()=>{S(t,e,!0)})):n;E(t,e,n,o,r)})));return M(t,e,r,o)}return k(t,e,n,o)},S=(t,e,o)=>{if(!o){const o=x(t,e);if(o){if(o.y&&"p"in o&&!l(o.p))return o;if(o.d.forEach(((o,r)=>{if(r!==e)if(n.has(r)){const e=x(t,r);e&&!e.y&&S(t,r)}else S(t,r)})),Array.from(o.d).every((e=>{let[n,o]=e;const r=x(t,n);return r&&!("p"in r)&&r.r===o})))return o.y?o:{...o,y:!0}}}const r=new Set;try{const n=e.read((n=>{r.add(n);const o=n===e?x(t,n):S(t,n);if(o){if("e"in o)throw o.e;if("p"in o)throw o.p;return o.v}if(p(n))return n.init;throw new Error("no atom init")}));return P(t,e,n,r)}catch(i){if(i instanceof Promise){const n=a(i)&&l(i)?(t=>d(t[s].b,t[s].o))(i):d(i,i);return M(t,e,n,r)}return E(t,e,i,r)}},B=(t,e)=>S(e,t),T=(t,e)=>!e.l.size&&(!e.t.size||1===e.t.size&&e.t.has(t)),A=(t,e)=>{const o=n.get(e);null==o||o.t.forEach((n=>{n!==e&&(((t,e)=>{const n=x(t,e);if(n){const o={...n,y:!1};w(t,e,o)}else"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] could not invalidate non existing atom",e)})(t,n),A(t,n))}))},V=(t,e,n)=>{let o=!0;const r=(e,n)=>{const o=S(t,e);if("e"in o)throw o.e;if("p"in o){if(null!=n&&n.unstable_promise)return o.p.then((()=>{const i=x(t,e);return i&&"p"in i&&i.p===o.p?new Promise((t=>setTimeout(t))).then((()=>r(e,n))):r(e,n)}));throw"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.info("Reading pending atom state in write operation. We throw a promise for now.",e),o.p}if("v"in o)return o.v;throw"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] no value found while reading atom in write operation. This is probably a bug.",e),new Error("no value found")},i=e.write(r,((n,r)=>{let i;if(n===e){if(!p(n))throw new Error("atom not writable");(t=>{const e=new Set,n=h.get(t);return n&&(h.delete(t),n.forEach(((t,n)=>{u(t),e.add(n)}))),e})(n).forEach((e=>{e!==t&&P(e,n,r)}));x(t,n)!==P(t,n,r)&&A(t,n)}else i=V(t,n,r);return o||F(t),i}),n);return o=!1,i},L=(t,e,n)=>{const o=V(n,t,e);return F(n),o},R=(t,e,o)=>{const r={t:new Set(o&&[o]),l:new Set};if(n.set(e,r),"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&i.add(e),S(void 0,e).d.forEach(((o,r)=>{const i=n.get(r);i?i.t.add(e):r!==e&&R(t,r,e)})),(t=>!!t.write)(e)&&e.onMount){const n=n=>L(e,n,t),o=e.onMount(n);t=void 0,o&&(r.u=o)}return r},D=(t,e)=>{var o;const r=null==(o=n.get(e))?void 0:o.u;r&&r(),n.delete(e),"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&i.delete(e);const s=x(t,e);s?("p"in s&&u(s.p),s.d.forEach(((o,r)=>{if(r!==e){const o=n.get(r);o&&(o.t.delete(e),T(r,o)&&D(t,r))}}))):"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] could not find atom state to unmount",e)},I=(t,e,o,r)=>{const i=new Set(o.d.keys());null==r||r.forEach(((o,r)=>{if(i.has(r))return void i.delete(r);const s=n.get(r);s&&(s.t.delete(e),T(r,s)&&D(t,r))})),i.forEach((o=>{const r=n.get(o);r?r.t.add(e):n.has(e)&&R(t,o,e)}))},F=t=>{if(t)b(t).forEach(((o,r)=>{if(o!==e.get(r)){const e=n.get(r);null==e||e.l.forEach((e=>e(t)))}}));else{for(;o.size;){const t=Array.from(o);o.clear(),t.forEach((t=>{let[e,o]=t;const r=x(void 0,e);if(r&&r.d!==(null==o?void 0:o.d)&&I(void 0,e,r,null==o?void 0:o.d),o&&!o.y&&null!=r&&r.y)return;const i=n.get(e);null==i||i.l.forEach((t=>t()))}))}"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&r.forEach((t=>t()))}},O=(t,n)=>{n&&(t=>{b(t).forEach(((n,o)=>{const r=e.get(o);(!r||n.r>r.r||n.y!==r.y||n.r===r.r&&n.d!==r.d)&&(e.set(o,n),n.d!==(null==r?void 0:r.d)&&I(t,o,n,null==r?void 0:r.d))}))})(n),F(void 0)},j=(t,e,o)=>{const r=((t,e)=>{let o=n.get(e);return o||(o=R(t,e)),o})(o,t).l;return r.add(e),()=>{r.delete(e),((t,e)=>{const o=n.get(e);o&&T(e,o)&&D(t,e)})(o,t)}},$=(t,e)=>{for(const[n,o]of t)p(n)&&(P(e,n,o),A(e,n));F(e)};return"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")?{[f]:B,[m]:L,[g]:O,[v]:j,h:$,n:t=>(r.add(t),()=>{r.delete(t)}),l:()=>i.values(),a:t=>e.get(t),m:t=>n.get(t)}:{[f]:B,[m]:L,[g]:O,[v]:j,h:$}},b=(t,e)=>({s:e?e(t).SECRET_INTERNAL_store:y(t)}),x=new Map,w=t=>(x.has(t)||x.set(t,(0,o.createContext)(b())),x.get(t)),C=t=>{let{children:e,initialValues:n,scope:r,unstable_createStore:i,unstable_enableVersionedWrite:s}=t;const[a,l]=(0,o.useState)({});(0,o.useEffect)((()=>{const t=u.current;t.w&&(t.s[g](null,a),delete a.p,t.v=a)}),[a]);const u=(0,o.useRef)();if(!u.current){const t=b(n,i);if(s){let e=0;t.w=t=>{l((n=>{const o=e?n:{p:n};return t(o),o}))},t.v=a,t.r=t=>{++e,t(),--e}}u.current=t}const c=w(r);return(0,o.createElement)(c.Provider,{value:u.current},e)};function k(t,e){return function(t,e){const n="atom"+ ++i,o={toString:()=>n};return"function"==typeof t?o.read=t:(o.init=t,o.read=t=>t(o),o.write=(t,e,n)=>e(o,"function"==typeof n?n(t(o)):n)),e&&(o.write=e),o}(t,e)}function E(t,e){const n=w(e),r=(0,o.useContext)(n),{s:i,v:s}=r,a=e=>{const n=i[f](t,e);if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&!n.y)throw new Error("should not be invalidated");if("e"in n)throw n.e;if("p"in n)throw n.p;if("v"in n)return n.v;throw new Error("no atom value")},[[l,u,c],d]=(0,o.useReducer)(((e,n)=>{const o=a(n);return Object.is(e[1],o)&&e[2]===t?e:[n,o,t]}),s,(e=>[e,a(e),t]));let h=u;return c!==t&&(d(l),h=a(l)),(0,o.useEffect)((()=>{const{v:e}=r;e&&i[g](t,e);const n=i[v](t,d,e);return d(e),n}),[i,t,r]),(0,o.useEffect)((()=>{i[g](t,l)})),(0,o.useDebugValue)(h),h}function M(t,e){const n=w(e),{s:r,w:i}=(0,o.useContext)(n);return(0,o.useCallback)((e=>{if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&!("write"in t))throw new Error("not writable atom");const n=n=>r[m](t,e,n);return i?i(n):n()}),[r,i,t])}function P(t,e){return"scope"in t&&(console.warn("atom.scope is deprecated. Please do useAtom(atom, scope) instead."),e=t.scope),[E(t,e),M(t,e)]}function S(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var B={exports:{}},T={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},A={exports:{}},V=function(t){return!(!t||"string"==typeof t)&&(t instanceof Array||Array.isArray(t)||t.length>=0&&(t.splice instanceof Function||Object.getOwnPropertyDescriptor(t,t.length-1)&&"String"!==t.constructor.name))},L=Array.prototype.concat,R=Array.prototype.slice,D=A.exports=function(t){for(var e=[],n=0,o=t.length;n=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},z.to.keyword=function(t){return $[t.slice(0,3)]};var H=B.exports;const W=T,_={};for(const dd of Object.keys(W))_[W[dd]]=dd;const q={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var X=q;for(const dd of Object.keys(q)){if(!("channels"in q[dd]))throw new Error("missing channels property: "+dd);if(!("labels"in q[dd]))throw new Error("missing channel labels property: "+dd);if(q[dd].labels.length!==q[dd].channels)throw new Error("channel and label counts mismatch: "+dd);const{channels:t,labels:e}=q[dd];delete q[dd].channels,delete q[dd].labels,Object.defineProperty(q[dd],"channels",{value:t}),Object.defineProperty(q[dd],"labels",{value:e})}function Y(t,e){return(t[0]-e[0])**2+(t[1]-e[1])**2+(t[2]-e[2])**2}q.rgb.hsl=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.min(e,n,o),i=Math.max(e,n,o),s=i-r;let a,l;i===r?a=0:e===i?a=(n-o)/s:n===i?a=2+(o-e)/s:o===i&&(a=4+(e-n)/s),a=Math.min(60*a,360),a<0&&(a+=360);const u=(r+i)/2;return l=i===r?0:u<=.5?s/(i+r):s/(2-i-r),[a,100*l,100*u]},q.rgb.hsv=function(t){let e,n,o,r,i;const s=t[0]/255,a=t[1]/255,l=t[2]/255,u=Math.max(s,a,l),c=u-Math.min(s,a,l),d=function(t){return(u-t)/6/c+.5};return 0===c?(r=0,i=0):(i=c/u,e=d(s),n=d(a),o=d(l),s===u?r=o-n:a===u?r=1/3+e-o:l===u&&(r=2/3+n-e),r<0?r+=1:r>1&&(r-=1)),[360*r,100*i,100*u]},q.rgb.hwb=function(t){const e=t[0],n=t[1];let o=t[2];const r=q.rgb.hsl(t)[0],i=1/255*Math.min(e,Math.min(n,o));return o=1-1/255*Math.max(e,Math.max(n,o)),[r,100*i,100*o]},q.rgb.cmyk=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.min(1-e,1-n,1-o);return[100*((1-e-r)/(1-r)||0),100*((1-n-r)/(1-r)||0),100*((1-o-r)/(1-r)||0),100*r]},q.rgb.keyword=function(t){const e=_[t];if(e)return e;let n,o=1/0;for(const r of Object.keys(W)){const e=Y(t,W[r]);e.04045?((e+.055)/1.055)**2.4:e/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,o=o>.04045?((o+.055)/1.055)**2.4:o/12.92;return[100*(.4124*e+.3576*n+.1805*o),100*(.2126*e+.7152*n+.0722*o),100*(.0193*e+.1192*n+.9505*o)]},q.rgb.lab=function(t){const e=q.rgb.xyz(t);let n=e[0],o=e[1],r=e[2];n/=95.047,o/=100,r/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,o=o>.008856?o**(1/3):7.787*o+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;return[116*o-16,500*(n-o),200*(o-r)]},q.hsl.rgb=function(t){const e=t[0]/360,n=t[1]/100,o=t[2]/100;let r,i,s;if(0===n)return s=255*o,[s,s,s];r=o<.5?o*(1+n):o+n-o*n;const a=2*o-r,l=[0,0,0];for(let u=0;u<3;u++)i=e+1/3*-(u-1),i<0&&i++,i>1&&i--,s=6*i<1?a+6*(r-a)*i:2*i<1?r:3*i<2?a+(r-a)*(2/3-i)*6:a,l[u]=255*s;return l},q.hsl.hsv=function(t){const e=t[0];let n=t[1]/100,o=t[2]/100,r=n;const i=Math.max(o,.01);o*=2,n*=o<=1?o:2-o,r*=i<=1?i:2-i;return[e,100*(0===o?2*r/(i+r):2*n/(o+n)),100*((o+n)/2)]},q.hsv.rgb=function(t){const e=t[0]/60,n=t[1]/100;let o=t[2]/100;const r=Math.floor(e)%6,i=e-Math.floor(e),s=255*o*(1-n),a=255*o*(1-n*i),l=255*o*(1-n*(1-i));switch(o*=255,r){case 0:return[o,l,s];case 1:return[a,o,s];case 2:return[s,o,l];case 3:return[s,a,o];case 4:return[l,s,o];case 5:return[o,s,a]}},q.hsv.hsl=function(t){const e=t[0],n=t[1]/100,o=t[2]/100,r=Math.max(o,.01);let i,s;s=(2-n)*o;const a=(2-n)*r;return i=n*r,i/=a<=1?a:2-a,i=i||0,s/=2,[e,100*i,100*s]},q.hwb.rgb=function(t){const e=t[0]/360;let n=t[1]/100,o=t[2]/100;const r=n+o;let i;r>1&&(n/=r,o/=r);const s=Math.floor(6*e),a=1-o;i=6*e-s,1&s&&(i=1-i);const l=n+i*(a-n);let u,c,d;switch(s){default:case 6:case 0:u=a,c=l,d=n;break;case 1:u=l,c=a,d=n;break;case 2:u=n,c=a,d=l;break;case 3:u=n,c=l,d=a;break;case 4:u=l,c=n,d=a;break;case 5:u=a,c=n,d=l}return[255*u,255*c,255*d]},q.cmyk.rgb=function(t){const e=t[0]/100,n=t[1]/100,o=t[2]/100,r=t[3]/100;return[255*(1-Math.min(1,e*(1-r)+r)),255*(1-Math.min(1,n*(1-r)+r)),255*(1-Math.min(1,o*(1-r)+r))]},q.xyz.rgb=function(t){const e=t[0]/100,n=t[1]/100,o=t[2]/100;let r,i,s;return r=3.2406*e+-1.5372*n+-.4986*o,i=-.9689*e+1.8758*n+.0415*o,s=.0557*e+-.204*n+1.057*o,r=r>.0031308?1.055*r**(1/2.4)-.055:12.92*r,i=i>.0031308?1.055*i**(1/2.4)-.055:12.92*i,s=s>.0031308?1.055*s**(1/2.4)-.055:12.92*s,r=Math.min(Math.max(0,r),1),i=Math.min(Math.max(0,i),1),s=Math.min(Math.max(0,s),1),[255*r,255*i,255*s]},q.xyz.lab=function(t){let e=t[0],n=t[1],o=t[2];e/=95.047,n/=100,o/=108.883,e=e>.008856?e**(1/3):7.787*e+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;return[116*n-16,500*(e-n),200*(n-o)]},q.lab.xyz=function(t){let e,n,o;n=(t[0]+16)/116,e=t[1]/500+n,o=n-t[2]/200;const r=n**3,i=e**3,s=o**3;return n=r>.008856?r:(n-16/116)/7.787,e=i>.008856?i:(e-16/116)/7.787,o=s>.008856?s:(o-16/116)/7.787,e*=95.047,n*=100,o*=108.883,[e,n,o]},q.lab.lch=function(t){const e=t[0],n=t[1],o=t[2];let r;r=360*Math.atan2(o,n)/2/Math.PI,r<0&&(r+=360);return[e,Math.sqrt(n*n+o*o),r]},q.lch.lab=function(t){const e=t[0],n=t[1],o=t[2]/360*2*Math.PI;return[e,n*Math.cos(o),n*Math.sin(o)]},q.rgb.ansi16=function(t,e){void 0===e&&(e=null);const[n,o,r]=t;let i=null===e?q.rgb.hsv(t)[2]:e;if(i=Math.round(i/50),0===i)return 30;let s=30+(Math.round(r/255)<<2|Math.round(o/255)<<1|Math.round(n/255));return 2===i&&(s+=60),s},q.hsv.ansi16=function(t){return q.rgb.ansi16(q.hsv.rgb(t),t[2])},q.rgb.ansi256=function(t){const e=t[0],n=t[1],o=t[2];return e===n&&n===o?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(n/255*5)+Math.round(o/255*5)},q.ansi16.rgb=function(t){let e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),e=e/10.5*255,[e,e,e];const n=.5*(1+~~(t>50));return[(1&e)*n*255,(e>>1&1)*n*255,(e>>2&1)*n*255]},q.ansi256.rgb=function(t){if(t>=232){const e=10*(t-232)+8;return[e,e,e]}let e;t-=16;return[Math.floor(t/36)/5*255,Math.floor((e=t%36)/6)/5*255,e%6/5*255]},q.rgb.hex=function(t){const e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},q.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];let n=e[0];3===e[0].length&&(n=n.split("").map((t=>t+t)).join(""));const o=parseInt(n,16);return[o>>16&255,o>>8&255,255&o]},q.rgb.hcg=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.max(Math.max(e,n),o),i=Math.min(Math.min(e,n),o),s=r-i;let a,l;return a=s<1?i/(1-s):0,l=s<=0?0:r===e?(n-o)/s%6:r===n?2+(o-e)/s:4+(e-n)/s,l/=6,l%=1,[360*l,100*s,100*a]},q.hsl.hcg=function(t){const e=t[1]/100,n=t[2]/100,o=n<.5?2*e*n:2*e*(1-n);let r=0;return o<1&&(r=(n-.5*o)/(1-o)),[t[0],100*o,100*r]},q.hsv.hcg=function(t){const e=t[1]/100,n=t[2]/100,o=e*n;let r=0;return o<1&&(r=(n-o)/(1-o)),[t[0],100*o,100*r]},q.hcg.rgb=function(t){const e=t[0]/360,n=t[1]/100,o=t[2]/100;if(0===n)return[255*o,255*o,255*o];const r=[0,0,0],i=e%1*6,s=i%1,a=1-s;let l=0;switch(Math.floor(i)){case 0:r[0]=1,r[1]=s,r[2]=0;break;case 1:r[0]=a,r[1]=1,r[2]=0;break;case 2:r[0]=0,r[1]=1,r[2]=s;break;case 3:r[0]=0,r[1]=a,r[2]=1;break;case 4:r[0]=s,r[1]=0,r[2]=1;break;default:r[0]=1,r[1]=0,r[2]=a}return l=(1-n)*o,[255*(n*r[0]+l),255*(n*r[1]+l),255*(n*r[2]+l)]},q.hcg.hsv=function(t){const e=t[1]/100,n=e+t[2]/100*(1-e);let o=0;return n>0&&(o=e/n),[t[0],100*o,100*n]},q.hcg.hsl=function(t){const e=t[1]/100,n=t[2]/100*(1-e)+.5*e;let o=0;return n>0&&n<.5?o=e/(2*n):n>=.5&&n<1&&(o=e/(2*(1-n))),[t[0],100*o,100*n]},q.hcg.hwb=function(t){const e=t[1]/100,n=e+t[2]/100*(1-e);return[t[0],100*(n-e),100*(1-n)]},q.hwb.hcg=function(t){const e=t[1]/100,n=1-t[2]/100,o=n-e;let r=0;return o<1&&(r=(n-o)/(1-o)),[t[0],100*o,100*r]},q.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},q.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},q.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},q.gray.hsl=function(t){return[0,0,t[0]]},q.gray.hsv=q.gray.hsl,q.gray.hwb=function(t){return[0,100,t[0]]},q.gray.cmyk=function(t){return[0,0,0,t[0]]},q.gray.lab=function(t){return[t[0],0,0]},q.gray.hex=function(t){const e=255&Math.round(t[0]/100*255),n=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(n.length)+n},q.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]};const G=X;function K(t){const e=function(){const t={},e=Object.keys(G);for(let n=e.length,o=0;o{nt[t]={},Object.defineProperty(nt[t],"channels",{value:tt[t].channels}),Object.defineProperty(nt[t],"labels",{value:tt[t].labels});const e=et(t);Object.keys(e).forEach((n=>{const o=e[n];nt[t][n]=function(t){const e=function(){for(var e=arguments.length,n=new Array(e),o=0;o1&&(n=r);const i=t(n);if("object"==typeof i)for(let t=i.length,s=0;s1&&(n=r),t(n))};return"conversion"in t&&(e.conversion=t.conversion),e}(o)}))}));const ot=H,rt=nt,it=["keyword","gray","hex"],st={};for(const dd of Object.keys(rt))st[[...rt[dd].labels].sort().join("")]=dd;const at={};function lt(t,e){if(!(this instanceof lt))return new lt(t,e);if(e&&e in it&&(e=null),e&&!(e in rt))throw new Error("Unknown model: "+e);let n,o;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof lt)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if("string"==typeof t){const e=ot.get(t);if(null===e)throw new Error("Unable to parse color from string: "+t);this.model=e.model,o=rt[this.model].channels,this.color=e.value.slice(0,o),this.valpha="number"==typeof e.value[o]?e.value[o]:1}else if(t.length>0){this.model=e||"rgb",o=rt[this.model].channels;const n=Array.prototype.slice.call(t,0,o);this.color=pt(n,o),this.valpha="number"==typeof t[o]?t[o]:1}else if("number"==typeof t)this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;const e=Object.keys(t);"alpha"in t&&(e.splice(e.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);const o=e.sort().join("");if(!(o in st))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=st[o];const{labels:r}=rt[this.model],i=[];for(n=0;n(t%360+360)%360)),saturationl:ct("hsl",1,dt(100)),lightness:ct("hsl",2,dt(100)),saturationv:ct("hsv",1,dt(100)),value:ct("hsv",2,dt(100)),chroma:ct("hcg",1,dt(100)),gray:ct("hcg",2,dt(100)),white:ct("hwb",1,dt(100)),wblack:ct("hwb",2,dt(100)),cyan:ct("cmyk",0,dt(100)),magenta:ct("cmyk",1,dt(100)),yellow:ct("cmyk",2,dt(100)),black:ct("cmyk",3,dt(100)),x:ct("xyz",0,dt(95.047)),y:ct("xyz",1,dt(100)),z:ct("xyz",2,dt(108.833)),l:ct("lab",0,dt(100)),a:ct("lab",1),b:ct("lab",2),keyword(t){return void 0!==t?new lt(t):rt[this.model].keyword(this.color)},hex(t){return void 0!==t?new lt(t):ot.to.hex(this.rgb().round().color)},hexa(t){if(void 0!==t)return new lt(t);const e=this.rgb().round().color;let n=Math.round(255*this.valpha).toString(16).toUpperCase();return 1===n.length&&(n="0"+n),ot.to.hex(e)+n},rgbNumber(){const t=this.rgb().color;return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},luminosity(){const t=this.rgb().color,e=[];for(const[n,o]of t.entries()){const t=o/255;e[n]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity(),n=t.luminosity();return e>n?(e+.05)/(n+.05):(n+.05)/(e+.05)},level(t){const e=this.contrast(t);return e>=7?"AAA":e>=4.5?"AA":""},isDark(){const t=this.rgb().color;return(2126*t[0]+7152*t[1]+722*t[2])/1e4<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten(t){const e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken(t){const e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate(t){const e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate(t){const e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten(t){const e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken(t){const e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale(){const t=this.rgb().color,e=.3*t[0]+.59*t[1]+.11*t[2];return lt.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let n=e.color[0];return n=(n+t)%360,n=n<0?360+n:n,e.color[0]=n,e},mix(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);const n=t.rgb(),o=this.rgb(),r=void 0===e?.5:e,i=2*r-1,s=n.alpha()-o.alpha(),a=((i*s==-1?i:(i+s)/(1+i*s))+1)/2,l=1-a;return lt.rgb(a*n.red()+l*o.red(),a*n.green()+l*o.green(),a*n.blue()+l*o.blue(),n.alpha()*r+o.alpha()*(1-r))}};for(const dd of Object.keys(rt)){if(it.includes(dd))continue;const{channels:t}=rt[dd];lt.prototype[dd]=function(){for(var t=arguments.length,e=new Array(t),n=0;n0?new lt(e,dd):new lt([...ht(rt[this.model][dd].raw(this.color)),this.valpha],dd)},lt[dd]=function(){for(var e=arguments.length,n=new Array(e),o=0;o0?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),t.pause()):(t.paused||t.ended)&&(Dt.promise=t.play()))}function kt(t,e,n){return Math.min(Math.max(t,e),n)}function Et(t,e,n,o,r){function i(t){r&&t.preventDefault(),t.target&&function(t,e,n){const o=null==n?void 0:n.getBoundingClientRect();o&&e(t,o)}(t,e,n)}function s(){o(!1),r?(document.removeEventListener("touchmove",i),document.removeEventListener("touchend",s)):(document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",s))}i(t),t.stopPropagation(),r?(document.addEventListener("touchmove",i,{passive:!1}),document.addEventListener("touchend",s)):(document.addEventListener("mousemove",i),document.addEventListener("mouseup",s))}function Mt(t,e,n,o,r,i,s,a,l,u,c){if(l(!0),o&&o.current){let l=0;Bt(t)?l=t.touches[0].clientX:Tt(t)&&(l=t.clientX);const d=o.current.getBoundingClientRect(),[h,p,f]=function(t,e){const n=e.left-t.left,o=Math.abs(e.right-t.right);return[t.width-n-o,n,o]}(e,d),m=l-e.left;Pt(t,n,o,r,i,s,u,c);const g=kt(m-p,0,h)/o.current.clientWidth;if(i&&i.duration){const t=i.duration*g;i.currentTime=t,u(t)}a(g)}}function Pt(t,e,n,o,r,i,s,a){var l;if(e||!n||!n.current||!o)return;let u=0;Bt(t)?u=t.touches[0].clientX:Tt(t)&&(u=t.clientX);const c=n.current.getBoundingClientRect(),d=n.current.getBoundingClientRect().left-(null==o?void 0:o.getBoundingClientRect().left),h=(null==o?void 0:o.getBoundingClientRect().right)-n.current.getBoundingClientRect().right,p=u-c.left;let f=u-c.left-i/2;const m=(null==(l=n.current)?void 0:l.clientWidth)-i/2+h,g=n.current.clientWidth-i/2;p>m&&(f=m-i/2),f=kt(f,Math.max(-1*i/2,-1*d),g),a(f);const v=u-n.current.getBoundingClientRect().left;if(r&&r.duration){const t=kt(v/n.current.clientWidth,0,1);s(r.duration*t)}}function St(t){const e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),o=Math.floor(t-3600*e-60*n);let r="";return e>0&&(r+=`${e}:`),r+=n<10?`0${n}:`:`${n}:`,r+=o<10?`0${o}`:`${o}`,r}function Bt(t){return void 0!==t.touches}function Tt(t){return void 0!==t.clientX}function At(){return!(!("ontouchstart"in window)&&!navigator.maxTouchPoints)}function Vt(t){return ft(t).lighten(.3)}function Lt(t){let e,n,o;const r=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(t);if(r)e=parseInt(r[1],10),n=parseInt(r[2],10),o=parseInt(r[3],10);else{const r=document.createElement("div");r.style.color=t,document.body.appendChild(r);const i=getComputedStyle(r).color;document.body.removeChild(r);const s=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(i);s?(e=parseInt(s[1],10),n=parseInt(s[2],10),o=parseInt(s[3],10)):(e=parseInt(t.slice(1,3),16),n=parseInt(t.slice(3,5),16),o=parseInt(t.slice(5,7),16))}return(.299*e+.587*n+.114*o)/255>.5?"#000000":"#FFFFFF"}const Rt=Symbol(),Dt={promise:null},It=Symbol("draggable"),Ft=k(null),Ot=k(null);k(null,((t,e,n)=>{e(Ot,n)}));const jt=k({});var $t=(t=>(t[t.paused=0]="paused",t[t.playing=1]="playing",t[t.ended=2]="ended",t))($t||{});const Ut=k(!1),zt=k(0),Nt=k(0),Zt=k((t=>St(t(Nt)))),Ht=k(0),Wt=k((t=>St(t(Ht)))),_t=k(1),qt=k("progressBar"),Xt=k(null),Yt=k(null),Gt=k(null),Kt=k(1080),Qt=new Set([144,240,360,480,720,1080,1440,2160]),Jt=k({2160:null,1440:null,1080:null,720:null,480:null,360:null,240:null,144:null}),te=k(!1),ee=k(null),ne=k({height:0,width:0}),oe=k({}),re=k([]),ie=k(0),se=k((t=>{const e=t(ie);return parseFloat((100*e).toFixed(1))+"%"})),ae=k(!1),le=k(0),ue=k(0),ce=k((t=>St(t(ue)))),de=k(0),he=k(null),pe=k(1),fe=k((t=>{const e=t(pe);return parseFloat((100*e).toFixed(1))+"%"})),me=k(!1),ge=k(!1);k(null),k(null);const ve=k(!1),ye=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],be=(()=>{if(typeof document>"u")return!1;const t=ye[0],e={};for(const n of ye)if((null==n?void 0:n[1])in document){for(const[o,r]of n.entries())e[t[o]]=r;return e}return!1})(),xe={change:be.fullscreenchange,error:be.fullscreenerror};let we={request:(t,e)=>(void 0===t&&(t=document.documentElement),new Promise(((n,o)=>{const r=()=>{we.off("change",r),n()};we.on("change",r);const i=t[be.requestFullscreen](e);i instanceof Promise&&i.then(r).catch(o)}))),exit:()=>new Promise(((t,e)=>{if(!we.isFullscreen)return void t();const n=()=>{we.off("change",n),t()};we.on("change",n);const o=document[be.exitFullscreen]();o instanceof Promise&&o.then(n).catch(e)})),toggle:(t,e)=>we.isFullscreen?we.exit():we.request(t,e),onchange(t){we.on("change",t)},onerror(t){we.on("error",t)},on(t,e){const n=xe[t];n&&document.addEventListener(n,e,!1)},off(t,e){const n=xe[t];n&&document.removeEventListener(n,e,!1)},raw:be};Object.defineProperties(we,{isFullscreen:{get:()=>!!document[be.fullscreenElement]},element:{enumerable:!0,get:()=>document[be.fullscreenElement]??void 0},isEnabled:{enumerable:!0,get:()=>!!document[be.fullscreenEnabled]}}),be||(we={isEnabled:!1});const Ce=we;function ke(t,e,n,r,i){(0,o.useEffect)((()=>{n?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),r(i),null==e||e.pause()):t===$t.paused||t===$t.ended?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),null==e||e.pause()):t===$t.playing&&(Dt.promise=(null==e?void 0:e.play())??null)}),[n])}function Ee(t,e,n,r){let i;const s=()=>{n(),clearTimeout(i),i=setTimeout((()=>{r()}),2500)};(0,o.useEffect)((()=>{if(e&&t)return t.addEventListener("mousemove",s),()=>{t.removeEventListener("mousemove",s),clearTimeout(i)}}),[t,e])}const Me=(t,e,n,r,i)=>{(0,o.useEffect)((()=>{var n;null!=i&&i.controlsBar&&!(null!=(n=null==i?void 0:i.controlsBar)&&n.barColor)&&(i.controlsBar.barColor="rgba(28, 28, 28, 0.7)"),t(i),e([i.item1,i.item2,i.item3,i.item4,i.item5,i.item6,i.item7])}),[i]),(0,o.useEffect)((()=>{n(r)}),[r])};var Pe,Se={exports:{}},Be={};Se.exports=function(){if(Pe)return Be;Pe=1;var t=o,e=Symbol.for("react.element"),n=Symbol.for("react.fragment"),r=Object.prototype.hasOwnProperty,i=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function a(t,n,o){var a,l={},u=null,c=null;for(a in void 0!==o&&(u=""+o),void 0!==n.key&&(u=""+n.key),void 0!==n.ref&&(c=n.ref),n)r.call(n,a)&&!s.hasOwnProperty(a)&&(l[a]=n[a]);if(t&&t.defaultProps)for(a in n=t.defaultProps)void 0===l[a]&&(l[a]=n[a]);return{$$typeof:e,type:t,key:u,ref:c,props:l,_owner:i.current}}return Be.Fragment=n,Be.jsx=a,Be.jsxs=a,Be}();var Te=Se.exports;const Ae=Te.jsx,Ve=Te.jsxs,Le=Te.Fragment;function Re(){const[t,e]=P(Ft,Rt),[n,r]=P(oe,Rt),i=M(zt,Rt),s=M(_t,Rt),a=E(te,Rt),l=M(ie,Rt),u=M(pe,Rt),c=M(Ht,Rt),d=M(Ut,Rt),h=M(Nt,Rt),p=M(me,Rt),f=M(Kt,Rt),m=M(le,Rt),g=M(te,Rt),v=M(Yt,Rt),y=M(Xt,Rt),b=M(Gt,Rt),x=M(Jt,Rt),w=M(he,Rt),C=E(ae,Rt),k=E(ge,Rt),S=E(ve,Rt),B=E(jt,Rt),T=E(Ot,Rt),{playsInline:A,onClick:V,onPause:L,onPlay:R,onEnded:D,onTimeUpdate:I,onVolumeChange:F,onLoadedData:O,onLoadStart:j,onSeeking:$,onSeeked:U,preload:z,tabIndex:N,onDurationChange:Z,onProgress:H,onRateChange:W,children:_,...q}=B;(function(t,e){(0,o.useEffect)((()=>{if(t instanceof Object){const n={2160:null,1440:null,1080:null,720:null,480:null,360:null,240:null,144:null};if("props"in t&&"source"===t.type){const e=t.props.id;if(e){const o=parseInt(e.split("-")[1]);o in n&&(n[o]=t.props.src)}}else Array.isArray(t)&&t.filter((t=>"source"===t.type)).map((t=>t.props)).filter((t=>void 0!==t)).forEach((t=>{const e=t.id;if(e){const o=parseInt(e.split("-")[1]);o in n&&(n[o]=t.src)}}));e(n)}}),[t])})(_,x),function(t,e,n,r,i){(0,o.useEffect)((()=>{if(null!==e){const o=e.textTracks;if(t instanceof Object&&(!("props"in t)||"track"!==t.type)&&Array.isArray(t)){const e=t.filter((t=>"track"===t.type)).findIndex((t=>!0===t.props.default));-1!==e&&(o[e].mode="showing",i(o[e]))}o.onchange=t=>{const e=Array.from(t.target);i(e.find((t=>"showing"===t.mode))??null)};const s=[];for(let t=0;t{t.oncuechange=t=>{const e=t.target;if("showing"===e.mode){const t=e.activeCues?e.activeCues[0]:null;r(t)}}})),n(s)}}),[e])}(_,t,v,y,b),function(t,e){(0,o.useEffect)((()=>{if(null!==t){const n=t.textTracks;let o=null;for(let t=0;t{function n(t){const n=t.target;document.fullscreenElement===n&&e&&document.exitFullscreen().then((()=>{e.requestFullscreen()}))}return t&&t.addEventListener("fullscreenchange",n),()=>{t&&t.removeEventListener("fullscreenchange",n)}}),[t])}(t,T),Ee(t,S,(()=>g(!0)),(()=>g(!1)));function X(t){if(!a)return;const e=t.target;if(4===e.readyState){const t=e.buffered.length,n=t-1;if(t<=0)return;const o=e.buffered.end(n)/e.duration*100;m(o)}}return Ae(De,{...q,className:It.toString(),playsInline:A??!0,onClick:e=>{Ct(t),V&&V(e)},onPause:t=>{i($t.paused),L&&L(t)},onPlay:t=>{i($t.playing),R&&R(t)},onEnded:t=>{i($t.ended),D&&D(t)},onLoadedData:t=>{e(t.target),f(function(t,e){const n=t.target.currentSrc;if(e instanceof Object){if("props"in e&&"source"===e.type){const t=e.props.id;if(t){const o=parseInt(t.split("-")[1]);if(Qt.has(o)&&e.props.src===n)return o}}else if(Array.isArray(e)){const t=e.filter((t=>"source"===t.type)).map((t=>t.props)).filter((t=>void 0!==t)).map((t=>{if(t.id){const e=parseInt(t.id.split("-")[1]);if(Qt.has(e)&&t.src===n)return e}})).filter((t=>void 0!==t));if(1===t.length)return t[0]}return 1080}return 1080}(t,_)),O&&O(t)},onLoadStart:t=>{e(t.target),r({...n}),j&&j(t)},onVolumeChange:t=>{u(t.target.volume),p(t.target.muted),F&&F(t)},onSeeking:t=>{d(!0),$&&$(t)},onSeeked:t=>{d(!1),X(t),U&&U(t)},onTimeUpdate:t=>{(function(t){const e=t.target;l(e.currentTime/e.duration),h(e.currentTime)})(t),I&&I(t)},onProgress:t=>{X(t),H&&H(t)},onDurationChange:t=>{c(t.target.duration),Z&&Z(t)},onRateChange:t=>{s(t.target.playbackRate),W&&W(t)},preload:z??"metadata",tabIndex:N??-1,"data-cy":"HTMLVideoPlayer",isDragging:C||k,children:_})}const De=r.ZP.video` - width: 100%; - height: 100%; - background-color: black; - ::cue { - visibility: hidden; - background-color: transparent; - display: none; - opacity: 0; - text-shadow: 0; - } - cursor: ${t=>t.isDragging?"vertical"===t.isDragging?"row-resize":"col-resize":"pointer"}; -`,Ie=(0,o.createContext)({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),Fe=(0,o.createContext)({});const Oe=(0,o.createContext)(null),je=typeof document<"u",$e=je?o.useLayoutEffect:o.useEffect,Ue=(0,o.createContext)({strict:!1});function ze(t,e,n,r){const i=(0,o.useContext)(Fe).visualElement,s=(0,o.useContext)(Ue),a=(0,o.useContext)(Oe),l=(0,o.useContext)(Ie).reducedMotion,u=(0,o.useRef)();r=r||s.renderer,!u.current&&r&&(u.current=r(t,{visualState:e,parent:i,props:n,presenceId:a?a.id:void 0,blockInitialAnimation:!!a&&!1===a.initial,reducedMotionConfig:l}));const c=u.current;return $e((()=>{c&&c.render()})),(window.HandoffAppearAnimations?$e:o.useEffect)((()=>{c&&c.animationState&&c.animationState.animateChanges()})),c}function Ne(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function Ze(t){return"string"==typeof t||Array.isArray(t)}function He(t){return"object"==typeof t&&"function"==typeof t.start}const We=["initial","animate","exit","whileHover","whileDrag","whileTap","whileFocus","whileInView"];function _e(t){return He(t.animate)||We.some((e=>Ze(t[e])))}function qe(t){return!(!_e(t)&&!t.variants)}function Xe(t){const{initial:e,animate:n}=function(t,e){if(_e(t)){const{initial:e,animate:n}=t;return{initial:!1===e||Ze(e)?e:void 0,animate:Ze(n)?n:void 0}}return!1!==t.inherit?e:{}}(t,(0,o.useContext)(Fe));return(0,o.useMemo)((()=>({initial:e,animate:n})),[Ye(e),Ye(n)])}function Ye(t){return Array.isArray(t)?t.join(" "):t}const Ge=t=>({isEnabled:e=>t.some((t=>!!e[t]))}),Ke={measureLayout:Ge(["layout","layoutId","drag"]),animation:Ge(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:Ge(["exit"]),drag:Ge(["drag","dragControls"]),focus:Ge(["whileFocus"]),hover:Ge(["whileHover","onHoverStart","onHoverEnd"]),tap:Ge(["whileTap","onTap","onTapStart","onTapCancel"]),pan:Ge(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:Ge(["whileInView","onViewportEnter","onViewportLeave"])};function Qe(t){const e=(0,o.useRef)(null);return null===e.current&&(e.current=t()),e.current}const Je={hasAnimatedSinceResize:!0,hasEverUpdated:!1};let tn=1;const en=(0,o.createContext)({});class nn extends o.Component{getSnapshotBeforeUpdate(){const{visualElement:t,props:e}=this.props;return t&&t.setProps(e),null}componentDidUpdate(){}render(){return this.props.children}}const on=(0,o.createContext)({}),rn=Symbol.for("motionComponentSymbol");function sn(t){let{preloadedFeatures:e,createVisualElement:n,projectionNodeConstructor:r,useRender:i,useVisualState:s,Component:a}=t;function l(t,l){const u={...(0,o.useContext)(Ie),...t,layoutId:an(t)},{isStatic:c}=u;let d=null;const h=Xe(t),p=c?void 0:Qe((()=>{if(Je.hasEverUpdated)return tn++})),f=s(t,c);if(!c&&je){h.visualElement=ze(a,f,u,n);const t=(0,o.useContext)(Ue).strict,i=(0,o.useContext)(on);h.visualElement&&(d=h.visualElement.loadFeatures(u,t,e,p,r||Ke.projectionNodeConstructor,i))}return o.createElement(nn,{visualElement:h.visualElement,props:u},d,o.createElement(Fe.Provider,{value:h},i(a,t,p,function(t,e,n){return(0,o.useCallback)((o=>{o&&t.mount&&t.mount(o),e&&(o?e.mount(o):e.unmount()),n&&("function"==typeof n?n(o):Ne(n)&&(n.current=o))}),[e])}(f,h.visualElement,l),f,c,h.visualElement)))}e&&function(t){for(const e in t)"projectionNodeConstructor"===e?Ke.projectionNodeConstructor=t[e]:Ke[e].Component=t[e]}(e);const u=(0,o.forwardRef)(l);return u[rn]=a,u}function an(t){let{layoutId:e}=t;const n=(0,o.useContext)(en).id;return n&&void 0!==e?n+"-"+e:e}function ln(t){function e(e,n){return void 0===n&&(n={}),sn(t(e,n))}if(typeof Proxy>"u")return e;const n=new Map;return new Proxy(e,{get:(t,o)=>(n.has(o)||n.set(o,e(o)),n.get(o))})}const un=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function cn(t){return"string"==typeof t&&!t.includes("-")&&!!(un.indexOf(t)>-1||/[A-Z]/.test(t))}const dn={};const hn=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],pn=new Set(hn);function fn(t,e){let{layout:n,layoutId:o}=e;return pn.has(t)||t.startsWith("origin")||(n||void 0!==o)&&(!!dn[t]||"opacity"===t)}const mn=t=>!(null==t||!t.getVelocity),gn={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},vn=(t,e)=>hn.indexOf(t)-hn.indexOf(e);function yn(t){return t.startsWith("--")}const bn=(t,e)=>e&&"number"==typeof t?e.transform(t):t,xn=(t,e,n)=>Math.min(Math.max(n,t),e),wn={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},Cn={...wn,transform:t=>xn(0,1,t)},kn={...wn,default:1},En=t=>Math.round(1e5*t)/1e5,Mn=/(-)?([\d]*\.?[\d])+/g,Pn=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,Sn=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function Bn(t){return"string"==typeof t}const Tn=t=>({test:e=>Bn(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),An=Tn("deg"),Vn=Tn("%"),Ln=Tn("px"),Rn=Tn("vh"),Dn=Tn("vw"),In={...Vn,parse:t=>Vn.parse(t)/100,transform:t=>Vn.transform(100*t)},Fn={...wn,transform:Math.round},On={borderWidth:Ln,borderTopWidth:Ln,borderRightWidth:Ln,borderBottomWidth:Ln,borderLeftWidth:Ln,borderRadius:Ln,radius:Ln,borderTopLeftRadius:Ln,borderTopRightRadius:Ln,borderBottomRightRadius:Ln,borderBottomLeftRadius:Ln,width:Ln,maxWidth:Ln,height:Ln,maxHeight:Ln,size:Ln,top:Ln,right:Ln,bottom:Ln,left:Ln,padding:Ln,paddingTop:Ln,paddingRight:Ln,paddingBottom:Ln,paddingLeft:Ln,margin:Ln,marginTop:Ln,marginRight:Ln,marginBottom:Ln,marginLeft:Ln,rotate:An,rotateX:An,rotateY:An,rotateZ:An,scale:kn,scaleX:kn,scaleY:kn,scaleZ:kn,skew:An,skewX:An,skewY:An,distance:Ln,translateX:Ln,translateY:Ln,translateZ:Ln,x:Ln,y:Ln,z:Ln,perspective:Ln,transformPerspective:Ln,opacity:Cn,originX:In,originY:In,originZ:Ln,zIndex:Fn,fillOpacity:Cn,strokeOpacity:Cn,numOctaves:Fn};function jn(t,e,n,o){const{style:r,vars:i,transform:s,transformKeys:a,transformOrigin:l}=t;a.length=0;let u=!1,c=!1,d=!0;for(const h in e){const t=e[h];if(yn(h)){i[h]=t;continue}const n=On[h],o=bn(t,n);if(pn.has(h)){if(u=!0,s[h]=o,a.push(h),!d)continue;t!==(n.default||0)&&(d=!1)}else h.startsWith("origin")?(c=!0,l[h]=o):r[h]=o}if(e.transform||(u||o?r.transform=function(t,e,n,o){let{transform:r,transformKeys:i}=t,{enableHardwareAcceleration:s=!0,allowTransformNone:a=!0}=e,l="";i.sort(vn);for(const u of i)l+=`${gn[u]||u}(${r[u]}) `;return s&&!r.z&&(l+="translateZ(0)"),l=l.trim(),o?l=o(r,n?"":l):a&&n&&(l="none"),l}(t,n,d,o):r.transform&&(r.transform="none")),c){const{originX:t="50%",originY:e="50%",originZ:n=0}=l;r.transformOrigin=`${t} ${e} ${n}`}}const $n=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}});function Un(t,e,n){for(const o in e)!mn(e[o])&&!fn(o,n)&&(t[o]=e[o])}function zn(t,e,n){const r={};return Un(r,t.style||{},t),Object.assign(r,function(t,e,n){let{transformTemplate:r}=t;return(0,o.useMemo)((()=>{const t=$n();return jn(t,e,{enableHardwareAcceleration:!n},r),Object.assign({},t.vars,t.style)}),[e])}(t,e,n)),t.transformValues?t.transformValues(r):r}function Nn(t,e,n){const o={},r=zn(t,e,n);return t.drag&&!1!==t.dragListener&&(o.draggable=!1,r.userSelect=r.WebkitUserSelect=r.WebkitTouchCallout="none",r.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),o.style=r,o}const Zn=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","viewport"]);function Hn(t){return t.startsWith("while")||t.startsWith("drag")&&"draggable"!==t||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||Zn.has(t)}let Wn=t=>!Hn(t);try{(_n=n(9138).Z)&&(Wn=t=>t.startsWith("on")?!Hn(t):_n(t))}catch{}var _n;function qn(t,e,n){const o={};for(const r in t)"values"===r&&"object"==typeof t.values||(Wn(r)||!0===n&&Hn(r)||!e&&!Hn(r)||t.draggable&&r.startsWith("onDrag"))&&(o[r]=t[r]);return o}function Xn(t,e,n){return"string"==typeof t?t:Ln.transform(e+n*t)}const Yn={offset:"stroke-dashoffset",array:"stroke-dasharray"},Gn={offset:"strokeDashoffset",array:"strokeDasharray"};function Kn(t,e,n,o,r){let{attrX:i,attrY:s,originX:a,originY:l,pathLength:u,pathSpacing:c=1,pathOffset:d=0,...h}=e;if(jn(t,h,n,r),o)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:p,style:f,dimensions:m}=t;p.transform&&(m&&(f.transform=p.transform),delete p.transform),m&&(void 0!==a||void 0!==l||f.transform)&&(f.transformOrigin=function(t,e,n){return`${Xn(e,t.x,t.width)} ${Xn(n,t.y,t.height)}`}(m,void 0!==a?a:.5,void 0!==l?l:.5)),void 0!==i&&(p.x=i),void 0!==s&&(p.y=s),void 0!==u&&function(t,e,n,o,r){void 0===n&&(n=1),void 0===o&&(o=0),void 0===r&&(r=!0),t.pathLength=1;const i=r?Yn:Gn;t[i.offset]=Ln.transform(-o);const s=Ln.transform(e),a=Ln.transform(n);t[i.array]=`${s} ${a}`}(p,u,c,d,!1)}const Qn=()=>({...$n(),attrs:{}}),Jn=t=>"string"==typeof t&&"svg"===t.toLowerCase();function to(t,e,n,r){const i=(0,o.useMemo)((()=>{const n=Qn();return Kn(n,e,{enableHardwareAcceleration:!1},Jn(r),t.transformTemplate),{...n.attrs,style:{...n.style}}}),[e]);if(t.style){const e={};Un(e,t.style,t),i.style={...e,...i.style}}return i}function eo(t){return void 0===t&&(t=!1),(e,n,r,i,s,a)=>{let{latestValues:l}=s;const u=(cn(e)?to:Nn)(n,l,a,e),c={...qn(n,"string"==typeof e,t),...u,ref:i},{children:d}=n,h=(0,o.useMemo)((()=>mn(d)?d.get():d),[d]);return r&&(c["data-projection-id"]=r),(0,o.createElement)(e,{...c,children:h})}}const no=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();function oo(t,e,n,o){let{style:r,vars:i}=e;Object.assign(t.style,r,o&&o.getProjectionStyles(n));for(const s in i)t.style.setProperty(s,i[s])}const ro=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function io(t,e,n,o){oo(t,e,void 0,o);for(const r in e.attrs)t.setAttribute(ro.has(r)?r:no(r),e.attrs[r])}function so(t,e){const{style:n}=t,o={};for(const r in n)(mn(n[r])||e.style&&mn(e.style[r])||fn(r,t))&&(o[r]=n[r]);return o}function ao(t,e){const n=so(t,e);for(const o in t)if(mn(t[o])||mn(e[o])){n["x"===o||"y"===o?"attr"+o.toUpperCase():o]=t[o]}return n}function lo(t,e,n,o,r){return void 0===o&&(o={}),void 0===r&&(r={}),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,o,r)),"string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,o,r)),e}const uo=t=>Array.isArray(t),co=t=>!!(t&&"object"==typeof t&&t.mix&&t.toValue),ho=t=>uo(t)?t[t.length-1]||0:t;function po(t){const e=mn(t)?t.get():t;return co(e)?e.toValue():e}const fo=t=>(e,n)=>{const r=(0,o.useContext)(Fe),i=(0,o.useContext)(Oe),s=()=>function(t,e,n,o){let{scrapeMotionValuesFromProps:r,createRenderState:i,onMount:s}=t;const a={latestValues:mo(e,n,o,r),renderState:i()};return s&&(a.mount=t=>s(e,t,a)),a}(t,e,r,i);return n?s():Qe(s)};function mo(t,e,n,o){const r={},i=o(t,{});for(const h in i)r[h]=po(i[h]);let{initial:s,animate:a}=t;const l=_e(t),u=qe(t);e&&u&&!l&&!1!==t.inherit&&(void 0===s&&(s=e.initial),void 0===a&&(a=e.animate));let c=!!n&&!1===n.initial;c=c||!1===s;const d=c?a:s;return d&&"boolean"!=typeof d&&!He(d)&&(Array.isArray(d)?d:[d]).forEach((e=>{const n=lo(t,e);if(!n)return;const{transitionEnd:o,transition:i,...s}=n;for(const t in s){let e=s[t];if(Array.isArray(e)){e=e[c?e.length-1:0]}null!==e&&(r[t]=e)}for(const t in o)r[t]=o[t]})),r}const go={useVisualState:fo({scrapeMotionValuesFromProps:ao,createRenderState:Qn,onMount:(t,e,n)=>{let{renderState:o,latestValues:r}=n;try{o.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch{o.dimensions={x:0,y:0,width:0,height:0}}Kn(o,r,{enableHardwareAcceleration:!1},Jn(e.tagName),t.transformTemplate),io(e,o)}})},vo={useVisualState:fo({scrapeMotionValuesFromProps:so,createRenderState:$n})};var yo;function bo(t,e,n,o){return void 0===o&&(o={passive:!0}),t.addEventListener(e,n,o),()=>t.removeEventListener(e,n)}function xo(t,e,n,r){(0,o.useEffect)((()=>{const o=t.current;if(n&&o)return bo(o,e,n,r)}),[t,e,n,r])}!function(t){t.Animate="animate",t.Hover="whileHover",t.Tap="whileTap",t.Drag="whileDrag",t.Focus="whileFocus",t.InView="whileInView",t.Exit="exit"}(yo||(yo={}));const wo=t=>"mouse"===t.pointerType?"number"!=typeof t.button||t.button<=0:!1!==t.isPrimary;function Co(t,e){return void 0===e&&(e="page"),{point:{x:t[e+"X"],y:t[e+"Y"]}}}const ko=t=>e=>wo(e)&&t(e,Co(e));function Eo(t,e,n,o){return bo(t,e,ko(n),o)}function Mo(t,e,n,o){return xo(t,e,n&&ko(n),o)}function Po(t){let e=null;return()=>null===e&&(e=t,()=>{e=null})}const So=Po("dragHorizontal"),Bo=Po("dragVertical");function To(t){let e=!1;if("y"===t)e=Bo();else if("x"===t)e=So();else{const t=So(),n=Bo();t&&n?e=()=>{t(),n()}:(t&&t(),n&&n())}return e}function Ao(){const t=To(!0);return!t||(t(),!1)}function Vo(t,e,n,o){return(r,i)=>{"touch"===r.type||Ao()||(n&&t.animationState&&t.animationState.setActive(yo.Hover,e),o&&o(r,i))}}const Lo=(t,e)=>!!e&&(t===e||Lo(t,e.parentElement));function Ro(t){return(0,o.useEffect)((()=>()=>t()),[])}const Do=(t,e)=>n=>e(t(n)),Io=function(){for(var t=arguments.length,e=new Array(t),n=0;n{const e=Fo.get(t.target);e&&e(t)},$o=t=>{t.forEach(jo)};function Uo(t,e,n){const o=function(t){let{root:e,...n}=t;const o=e||document;Oo.has(o)||Oo.set(o,{});const r=Oo.get(o),i=JSON.stringify(n);return r[i]||(r[i]=new IntersectionObserver($o,{root:e,...n})),r[i]}(e);return Fo.set(t,n),o.observe(t),()=>{Fo.delete(t),o.unobserve(t)}}const zo={some:0,all:1};function No(t,e,n,r){let{root:i,margin:s,amount:a="some",once:l}=r;(0,o.useEffect)((()=>{if(!t||!n.current)return;const o={root:null==i?void 0:i.current,rootMargin:s,threshold:"number"==typeof a?a:zo[a]};return Uo(n.current,o,(t=>{const{isIntersecting:o}=t;if(e.isInView===o||(e.isInView=o,l&&!o&&e.hasEnteredView))return;o&&(e.hasEnteredView=!0),n.animationState&&n.animationState.setActive(yo.InView,o);const r=n.getProps(),i=o?r.onViewportEnter:r.onViewportLeave;i&&i(t)}))}),[t,i,s,a])}function Zo(t,e,n,r){let{fallback:i=!0}=r;(0,o.useEffect)((()=>{!t||!i||requestAnimationFrame((()=>{e.hasEnteredView=!0;const{onViewportEnter:t}=n.getProps();t&&t(null),n.animationState&&n.animationState.setActive(yo.InView,!0)}))}),[t])}const Ho=t=>e=>(t(e),null),Wo={inView:Ho((function(t){let{visualElement:e,whileInView:n,onViewportEnter:r,onViewportLeave:i,viewport:s={}}=t;const a=(0,o.useRef)({hasEnteredView:!1,isInView:!1});let l=!!(n||r||i);s.once&&a.current.hasEnteredView&&(l=!1),(typeof IntersectionObserver>"u"?Zo:No)(l,a.current,e,s)})),tap:Ho((function(t){let{onTap:e,onTapStart:n,onTapCancel:r,whileTap:i,visualElement:s,...a}=t;const l=e||n||r||i,u=(0,o.useRef)(!1),c=(0,o.useRef)(null),d={passive:!(n||e||r||a.onPointerDown)};function h(){c.current&&c.current(),c.current=null}function p(){return h(),u.current=!1,s.getProps().whileTap&&s.animationState&&s.animationState.setActive(yo.Tap,!1),!Ao()}function f(t,e){var n,o,r,i;p()&&(Lo(s.current,t.target)?null===(i=(r=s.getProps()).onTap)||void 0===i||i.call(r,t,e):null===(o=(n=s.getProps()).onTapCancel)||void 0===o||o.call(n,t,e))}function m(t,e){var n,o;p()&&(null===(o=(n=s.getProps()).onTapCancel)||void 0===o||o.call(n,t,e))}const g=(0,o.useCallback)(((t,e)=>{var n;if(h(),u.current)return;u.current=!0,c.current=Io(Eo(window,"pointerup",f,d),Eo(window,"pointercancel",m,d));const o=s.getProps();o.whileTap&&s.animationState&&s.animationState.setActive(yo.Tap,!0),null===(n=o.onTapStart)||void 0===n||n.call(o,t,e)}),[!!n,s]);Mo(s,"pointerdown",l?g:void 0,d),Ro(h)})),focus:Ho((function(t){let{whileFocus:e,visualElement:n}=t;const{animationState:r}=n,i=(0,o.useCallback)((()=>{r&&r.setActive(yo.Focus,!0)}),[r]),s=(0,o.useCallback)((()=>{r&&r.setActive(yo.Focus,!1)}),[r]);xo(n,"focus",e?i:void 0),xo(n,"blur",e?s:void 0)})),hover:Ho((function(t){let{onHoverStart:e,onHoverEnd:n,whileHover:r,visualElement:i}=t;Mo(i,"pointerenter",(0,o.useMemo)((()=>e||r?Vo(i,!0,!!r,e):void 0),[e,!!r,i]),{passive:!e}),Mo(i,"pointerleave",(0,o.useMemo)((()=>n||r?Vo(i,!1,!!r,n):void 0),[e,!!r,i]),{passive:!n})}))};function _o(){const t=(0,o.useContext)(Oe);if(null===t)return[!0,null];const{isPresent:e,onExitComplete:n,register:r}=t,i=(0,o.useId)();return(0,o.useEffect)((()=>r(i)),[]),!e&&n?[!1,()=>n&&n(i)]:[!0]}function qo(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let o=0;o/^\-?\d*\.?\d+$/.test(t),Yo=t=>/^0[^.\s]+$/.test(t),Go={delta:0,timestamp:0},Ko=1/60*1e3,Qo=typeof performance<"u"?()=>performance.now():()=>Date.now(),Jo=typeof window<"u"?t=>window.requestAnimationFrame(t):t=>setTimeout((()=>t(Qo())),Ko);let tr=!0,er=!1,nr=!1;const or=["read","update","preRender","render","postRender"],rr=or.reduce(((t,e)=>(t[e]=function(t){let e=[],n=[],o=0,r=!1,i=!1;const s=new WeakSet,a={schedule:function(t,i,a){void 0===i&&(i=!1),void 0===a&&(a=!1);const l=a&&r,u=l?e:n;return i&&s.add(t),-1===u.indexOf(t)&&(u.push(t),l&&r&&(o=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),s.delete(t)},process:l=>{if(r)i=!0;else{if(r=!0,[e,n]=[n,e],n.length=0,o=e.length,o)for(let n=0;ner=!0)),t)),{}),ir=or.reduce(((t,e)=>{const n=rr[e];return t[e]=function(t,e,o){return void 0===e&&(e=!1),void 0===o&&(o=!1),er||cr(),n.schedule(t,e,o)},t}),{}),sr=or.reduce(((t,e)=>(t[e]=rr[e].cancel,t)),{}),ar=or.reduce(((t,e)=>(t[e]=()=>rr[e].process(Go),t)),{}),lr=t=>rr[t].process(Go),ur=t=>{er=!1,Go.delta=tr?Ko:Math.max(Math.min(t-Go.timestamp,40),1),Go.timestamp=t,nr=!0,or.forEach(lr),nr=!1,er&&(tr=!1,Jo(ur))},cr=()=>{er=!0,tr=!0,nr||Jo(ur)};function dr(t,e){-1===t.indexOf(e)&&t.push(e)}function hr(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}class pr{constructor(){this.subscriptions=[]}add(t){return dr(this.subscriptions,t),()=>hr(this.subscriptions,t)}notify(t,e,n){const o=this.subscriptions.length;if(o)if(1===o)this.subscriptions[0](t,e,n);else for(let r=0;rir.postRender(this.velocityCheck),this.velocityCheck=t=>{let{timestamp:e}=t;e!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=(t=>!isNaN(parseFloat(t)))(this.current),this.owner=e.owner}onChange(t){return this.on("change",t)}on(t,e){this.events[t]||(this.events[t]=new pr);const n=this.events[t].add(e);return"change"===t?()=>{n(),ir.read((()=>{this.events.change.getSize()||this.stop()}))}:n}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,e){this.passiveEffect=t,this.stopPassiveEffect=e}set(t,e){void 0===e&&(e=!0),e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)}setWithVelocity(t,e,n){this.set(e),this.prev=t,this.timeDelta=n}jump(t){this.updateAndNotify(t),this.prev=t,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?fr(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise((e=>{this.hasAnimated=!0,this.animation=t(e)||null,this.events.animationStart&&this.events.animationStart.notify()})).then((()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()}))}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){this.animation=null}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function gr(t,e){return new mr(t,e)}const vr=(t,e)=>n=>!!(Bn(n)&&Sn.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),yr=(t,e,n)=>o=>{if(!Bn(o))return o;const[r,i,s,a]=o.match(Mn);return{[t]:parseFloat(r),[e]:parseFloat(i),[n]:parseFloat(s),alpha:void 0!==a?parseFloat(a):1}},br={...wn,transform:t=>Math.round((t=>xn(0,255,t))(t))},xr={test:vr("rgb","red"),parse:yr("red","green","blue"),transform:t=>{let{red:e,green:n,blue:o,alpha:r=1}=t;return"rgba("+br.transform(e)+", "+br.transform(n)+", "+br.transform(o)+", "+En(Cn.transform(r))+")"}};const wr={test:vr("#"),parse:function(t){let e="",n="",o="",r="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),o=t.substring(5,7),r=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),o=t.substring(3,4),r=t.substring(4,5),e+=e,n+=n,o+=o,r+=r),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(o,16),alpha:r?parseInt(r,16)/255:1}},transform:xr.transform},Cr={test:vr("hsl","hue"),parse:yr("hue","saturation","lightness"),transform:t=>{let{hue:e,saturation:n,lightness:o,alpha:r=1}=t;return"hsla("+Math.round(e)+", "+Vn.transform(En(n))+", "+Vn.transform(En(o))+", "+En(Cn.transform(r))+")"}},kr={test:t=>xr.test(t)||wr.test(t)||Cr.test(t),parse:t=>xr.test(t)?xr.parse(t):Cr.test(t)?Cr.parse(t):wr.parse(t),transform:t=>Bn(t)?t:t.hasOwnProperty("red")?xr.transform(t):Cr.transform(t)},Er="${c}",Mr="${n}";function Pr(t){"number"==typeof t&&(t=`${t}`);const e=[];let n=0,o=0;const r=t.match(Pn);r&&(n=r.length,t=t.replace(Pn,Er),e.push(...r.map(kr.parse)));const i=t.match(Mn);return i&&(o=i.length,t=t.replace(Mn,Mr),e.push(...i.map(wn.parse))),{values:e,numColors:n,numNumbers:o,tokenised:t}}function Sr(t){return Pr(t).values}function Br(t){const{values:e,numColors:n,tokenised:o}=Pr(t),r=e.length;return t=>{let e=o;for(let o=0;o"number"==typeof t?0:t;const Ar={test:function(t){var e,n;return isNaN(t)&&Bn(t)&&((null===(e=t.match(Mn))||void 0===e?void 0:e.length)||0)+((null===(n=t.match(Pn))||void 0===n?void 0:n.length)||0)>0},parse:Sr,createTransformer:Br,getAnimatableNone:function(t){const e=Sr(t);return Br(t)(e.map(Tr))}},Vr=new Set(["brightness","contrast","saturate","opacity"]);function Lr(t){const[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[o]=n.match(Mn)||[];if(!o)return t;const r=n.replace(o,"");let i=Vr.has(e)?1:0;return o!==n&&(i*=100),e+"("+i+r+")"}const Rr=/([a-z-]*)\(.*?\)/g,Dr={...Ar,getAnimatableNone:t=>{const e=t.match(Rr);return e?e.map(Lr).join(" "):t}},Ir={...On,color:kr,backgroundColor:kr,outlineColor:kr,fill:kr,stroke:kr,borderColor:kr,borderTopColor:kr,borderRightColor:kr,borderBottomColor:kr,borderLeftColor:kr,filter:Dr,WebkitFilter:Dr},Fr=t=>Ir[t];function Or(t,e){var n;let o=Fr(t);return o!==Dr&&(o=Ar),null===(n=o.getAnimatableNone)||void 0===n?void 0:n.call(o,e)}const jr=t=>e=>e.test(t),$r=[wn,Ln,Vn,An,Dn,Rn,{test:t=>"auto"===t,parse:t=>t}],Ur=t=>$r.find(jr(t)),zr=[...$r,kr,Ar],Nr=t=>zr.find(jr(t));function Zr(t,e,n){const o=t.getProps();return lo(o,e,void 0!==n?n:o.custom,function(t){const e={};return t.values.forEach(((t,n)=>e[n]=t.get())),e}(t),function(t){const e={};return t.values.forEach(((t,n)=>e[n]=t.getVelocity())),e}(t))}function Hr(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,gr(n))}function Wr(t,e){return e?(e[t]||e.default||e).from:void 0}function _r(t){return!(!mn(t)||!t.add)}const qr="data-"+no("framerAppearId");var Xr=function(){},Yr=function(){};const Gr=t=>1e3*t,Kr=!1,Qr=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Jr=t=>e=>1-t(1-e),ti=t=>t*t,ei=Jr(ti),ni=Qr(ti),oi=(t,e,n)=>-n*t+n*e+t;function ri(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}const ii=(t,e,n)=>{const o=t*t;return Math.sqrt(Math.max(0,n*(e*e-o)+o))},si=[wr,xr,Cr];function ai(t){const e=(t=>si.find((e=>e.test(t))))(t);Yr(!!e,`'${t}' is not an animatable color. Use the equivalent color code instead.`);let n=e.parse(t);return e===Cr&&(n=function(t){let{hue:e,saturation:n,lightness:o,alpha:r}=t;e/=360,n/=100,o/=100;let i=0,s=0,a=0;if(n){const t=o<.5?o*(1+n):o+n-o*n,r=2*o-t;i=ri(r,t,e+1/3),s=ri(r,t,e),a=ri(r,t,e-1/3)}else i=s=a=o;return{red:Math.round(255*i),green:Math.round(255*s),blue:Math.round(255*a),alpha:r}}(n)),n}const li=(t,e)=>{const n=ai(t),o=ai(e),r={...n};return t=>(r.red=ii(n.red,o.red,t),r.green=ii(n.green,o.green,t),r.blue=ii(n.blue,o.blue,t),r.alpha=oi(n.alpha,o.alpha,t),xr.transform(r))};function ui(t,e){return"number"==typeof t?n=>oi(t,e,n):kr.test(t)?li(t,e):hi(t,e)}const ci=(t,e)=>{const n=[...t],o=n.length,r=t.map(((t,n)=>ui(t,e[n])));return t=>{for(let e=0;e{const n={...t,...e},o={};for(const r in n)void 0!==t[r]&&void 0!==e[r]&&(o[r]=ui(t[r],e[r]));return t=>{for(const e in o)n[e]=o[e](t);return n}},hi=(t,e)=>{const n=Ar.createTransformer(e),o=Pr(t),r=Pr(e);return o.numColors===r.numColors&&o.numNumbers>=r.numNumbers?Io(ci(o.values,r.values),n):(Xr(!0,`Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),n=>`${n>0?e:t}`)},pi=(t,e,n)=>{const o=e-t;return 0===o?1:(n-t)/o},fi=(t,e)=>n=>oi(t,e,n);function mi(t,e,n){const o=[],r=n||function(t){return"number"==typeof t?fi:"string"==typeof t?kr.test(t)?li:hi:Array.isArray(t)?ci:"object"==typeof t?di:fi}(t[0]),i=t.length-1;for(let s=0;st[s-1]&&(t=[...t].reverse(),e=[...e].reverse());const a=mi(e,r,i),l=a.length,u=e=>{let n=0;if(l>1)for(;nu(xn(t[0],t[s-1],e)):u}const vi=t=>t,yi=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,bi=1e-7,xi=12;function wi(t,e,n,o){if(t===e&&n===o)return vi;const r=e=>function(t,e,n,o,r){let i,s,a=0;do{s=e+(n-e)/2,i=yi(s,o,r)-t,i>0?n=s:e=s}while(Math.abs(i)>bi&&++a0===t||1===t?t:yi(r(t),e,o)}const Ci=t=>1-Math.sin(Math.acos(t)),ki=Jr(Ci),Ei=Qr(ki),Mi=wi(.33,1.53,.69,.99),Pi=Jr(Mi),Si=Qr(Pi),Bi={linear:vi,easeIn:ti,easeInOut:ni,easeOut:ei,circIn:Ci,circInOut:Ei,circOut:ki,backIn:Pi,backInOut:Si,backOut:Mi,anticipate:t=>(t*=2)<1?.5*Pi(t):.5*(2-Math.pow(2,-10*(t-1)))},Ti=t=>{if(Array.isArray(t)){Yr(4===t.length,"Cubic bezier arrays must contain four numerical values.");const[e,n,o,r]=t;return wi(e,n,o,r)}return"string"==typeof t?(Yr(void 0!==Bi[t],`Invalid easing type '${t}'`),Bi[t]):t},Ai=t=>Array.isArray(t)&&"number"!=typeof t[0];function Vi(t,e){return t.map((()=>e||ni)).splice(0,t.length-1)}function Li(t){let{keyframes:e,ease:n=ni,times:o,duration:r=300}=t;e=[...e];const i=Ai(n)?n.map(Ti):Ti(n),s={done:!1,value:e[0]},a=function(t,e){return t.map((t=>t*e))}(o&&o.length===e.length?o:function(t){const e=t.length;return t.map(((t,n)=>0!==n?n/(e-1):0))}(e),r);function l(){return gi(a,e,{ease:Array.isArray(i)?i:Vi(e,i)})}let u=l();return{next:t=>(s.value=u(t),s.done=t>=r,s),flipTarget:()=>{e.reverse(),u=l()}}}const Ri=.001,Di=.01,Ii=10,Fi=.05,Oi=1;function ji(t){let e,n,{duration:o=800,bounce:r=.25,velocity:i=0,mass:s=1}=t;Xr(o<=1e3*Ii,"Spring duration must be 10 seconds or less");let a=1-r;a=xn(Fi,Oi,a),o=xn(Di,Ii,o/1e3),a<1?(e=t=>{const e=t*a,n=e*o,r=e-i,s=Ui(t,a),l=Math.exp(-n);return Ri-r/s*l},n=t=>{const n=t*a*o,r=n*i+i,s=Math.pow(a,2)*Math.pow(t,2)*o,l=Math.exp(-n),u=Ui(Math.pow(t,2),a);return(-e(t)+Ri>0?-1:1)*((r-s)*l)/u}):(e=t=>Math.exp(-t*o)*((t-i)*o+1)-Ri,n=t=>Math.exp(-t*o)*(o*o*(i-t)));const l=function(t,e,n){let o=n;for(let r=1;r<$i;r++)o-=t(o)/e(o);return o}(e,n,5/o);if(o*=1e3,isNaN(l))return{stiffness:100,damping:10,duration:o};{const t=Math.pow(l,2)*s;return{stiffness:t,damping:2*a*Math.sqrt(s*t),duration:o}}}const $i=12;function Ui(t,e){return t*Math.sqrt(1-e*e)}const zi=["duration","bounce"],Ni=["stiffness","damping","mass"];function Zi(t,e){return e.some((e=>void 0!==t[e]))}function Hi(t){let{keyframes:e,restDelta:n,restSpeed:o,...r}=t,i=e[0],s=e[e.length-1];const a={done:!1,value:i},{stiffness:l,damping:u,mass:c,velocity:d,duration:h,isResolvedFromDuration:p}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!Zi(t,Ni)&&Zi(t,zi)){const n=ji(t);e={...e,...n,velocity:0,mass:1},e.isResolvedFromDuration=!0}return e}(r);let f=Wi,m=d?-d/1e3:0;const g=u/(2*Math.sqrt(l*c));function v(){const t=s-i,e=Math.sqrt(l/c)/1e3,r=Math.abs(t)<5;if(o||(o=r?.01:2),n||(n=r?.005:.5),g<1){const n=Ui(e,g);f=o=>{const r=Math.exp(-g*e*o);return s-r*((m+g*e*t)/n*Math.sin(n*o)+t*Math.cos(n*o))}}else if(1===g)f=n=>s-Math.exp(-e*n)*(t+(m+e*t)*n);else{const n=e*Math.sqrt(g*g-1);f=o=>{const r=Math.exp(-g*e*o),i=Math.min(n*o,300);return s-r*((m+g*e*t)*Math.sinh(i)+n*t*Math.cosh(i))/n}}}return v(),{next:t=>{const e=f(t);if(p)a.done=t>=h;else{let r=m;if(0!==t)if(g<1){const n=Math.max(0,t-5);r=fr(e-f(n),t-n)}else r=0;const i=Math.abs(r)<=o,l=Math.abs(s-e)<=n;a.done=i&&l}return a.value=a.done?s:e,a},flipTarget:()=>{m=-m,[i,s]=[s,i],v()}}}Hi.needsInterpolation=(t,e)=>"string"==typeof t||"string"==typeof e;const Wi=t=>0;const _i={decay:function(t){let{keyframes:e=[0],velocity:n=0,power:o=.8,timeConstant:r=350,restDelta:i=.5,modifyTarget:s}=t;const a=e[0],l={done:!1,value:a};let u=o*n;const c=a+u,d=void 0===s?c:s(c);return d!==c&&(u=d-a),{next:t=>{const e=-u*Math.exp(-t/r);return l.done=!(e>i||e<-i),l.value=l.done?d:d+e,l},flipTarget:()=>{}}},keyframes:Li,tween:Li,spring:Hi};function qi(t,e,n){return void 0===n&&(n=0),t-e-n}const Xi=t=>{const e=e=>{let{delta:n}=e;return t(n)};return{start:()=>ir.update(e,!0),stop:()=>sr.update(e)}};function Yi(t){let{duration:e,driver:n=Xi,elapsed:o=0,repeat:r=0,repeatType:i="loop",repeatDelay:s=0,keyframes:a,autoplay:l=!0,onPlay:u,onStop:c,onComplete:d,onRepeat:h,onUpdate:p,type:f="keyframes",...m}=t;var g,v;const y=o;let b,x,w=0,C=e,k=!1,E=!0;const M=_i[a.length>2?"keyframes":f]||Li,P=a[0],S=a[a.length-1];let B={done:!1,value:P};null!==(v=(g=M).needsInterpolation)&&void 0!==v&&v.call(g,P,S)&&(x=gi([0,100],[P,S],{clamp:!1}),a=[0,100]);const T=M({...m,duration:e,keyframes:a});function A(){w++,"reverse"===i?(E=w%2==0,o=function(t,e,n,o){return void 0===e&&(e=0),void 0===n&&(n=0),void 0===o&&(o=!0),o?qi(e+-t,e,n):e-(t-e)+n}(o,C,s,E)):(o=qi(o,C,s),"mirror"===i&&T.flipTarget()),k=!1,h&&h()}function V(t){E||(t=-t),o+=t,k||(B=T.next(Math.max(0,o)),x&&(B.value=x(B.value)),k=E?B.done:o<=0),p&&p(B.value),k&&(0===w&&(C=void 0!==C?C:o),w=e+n:t<=-n}(o,C,s,E)&&A():(b&&b.stop(),d&&d()))}return l&&(u&&u(),b=n(V),b.start()),{stop:()=>{c&&c(),b&&b.stop()},set currentTime(t){o=y,V(t)},sample:t=>{o=y;const n=e&&"number"==typeof e?Math.max(.5*e,50):50;let r=0;for(V(0);r<=t;){const e=t-r;V(Math.min(e,n)),r+=n}return B}}}const Gi=t=>{let[e,n,o,r]=t;return`cubic-bezier(${e}, ${n}, ${o}, ${r})`},Ki={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Gi([0,.65,.55,1]),circOut:Gi([.55,0,1,.45]),backIn:Gi([.31,.01,.66,-.59]),backOut:Gi([.33,1.53,.69,.99])};function Qi(t){if(t)return Array.isArray(t)?Gi(t):Ki[t]}const Ji={waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate")},ts={},es={};for(const dd in Ji)es[dd]=()=>(void 0===ts[dd]&&(ts[dd]=Ji[dd]()),ts[dd]);const ns=new Set(["opacity"]);function os(t,e,n){let{onUpdate:o,onComplete:r,...i}=n;if(!es.waapi()||!ns.has(e)||i.repeatDelay||"mirror"===i.repeatType||0===i.damping)return!1;let{keyframes:s,duration:a=300,elapsed:l=0,ease:u}=i;if("spring"===i.type||!function(t){return!t||Array.isArray(t)||"string"==typeof t&&Ki[t]}(i.ease)){if(i.repeat===1/0)return;const t=Yi({...i,elapsed:0});let e={done:!1,value:s[0]};const n=[];let o=0;for(;!e.done&&o<2e4;)e=t.sample(o),n.push(e.value),o+=10;s=n,a=o-10,u="linear"}const c=function(t,e,n,o){let{delay:r=0,duration:i,repeat:s=0,repeatType:a="loop",ease:l,times:u}=void 0===o?{}:o;return t.animate({[e]:n,offset:u},{delay:r,duration:i,easing:Qi(l),fill:"both",iterations:s+1,direction:"reverse"===a?"alternate":"normal"})}(t.owner.current,e,s,{...i,delay:-l,duration:a,ease:u});return c.onfinish=()=>{t.set(function(t,e){let{repeat:n,repeatType:o="loop"}=e;return t[n&&"loop"!==o&&n%2==1?0:t.length-1]}(s,i)),ir.update((()=>c.cancel())),r&&r()},{get currentTime(){return c.currentTime||0},set currentTime(t){c.currentTime=t},stop:()=>{const{currentTime:e}=c;if(e){const n=Yi({...i,autoplay:!1});t.setWithVelocity(n.sample(e-10).value,n.sample(e).value,10)}ir.update((()=>c.cancel()))}}}function rs(t,e){const n=performance.now(),o=r=>{let{timestamp:i}=r;const s=i-n;s>=e&&(sr.read(o),t(s-e))};return ir.read(o,!0),()=>sr.read(o)}const is=()=>({type:"spring",stiffness:500,damping:25,restSpeed:10}),ss=t=>({type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}),as=()=>({type:"keyframes",ease:"linear",duration:.3}),ls={type:"keyframes",duration:.8},us={x:is,y:is,z:is,rotate:is,rotateX:is,rotateY:is,rotateZ:is,scaleX:ss,scaleY:ss,scale:ss,opacity:as,backgroundColor:as,color:as,default:ss},cs=(t,e)=>{let{keyframes:n}=e;return n.length>2?ls:(us[t]||us.default)(n[1])},ds=(t,e)=>"zIndex"!==t&&!!("number"==typeof e||Array.isArray(e)||"string"==typeof e&&Ar.test(e)&&!e.startsWith("url("));function hs(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function ps(t){return"number"==typeof t?0:Or("",t)}function fs(t,e){return t[e]||t.default||t}const ms=function(t,e,n,o){return void 0===o&&(o={}),r=>{const i=fs(o,t)||{},s=i.delay||o.delay||0;let{elapsed:a=0}=o;a-=Gr(s);const l=function(t,e,n,o){const r=ds(e,n);let i=void 0!==o.from?o.from:t.get();return"none"===i&&r&&"string"==typeof n?i=Or(e,n):hs(i)&&"string"==typeof n?i=ps(n):!Array.isArray(n)&&hs(n)&&"string"==typeof i&&(n=ps(i)),Array.isArray(n)?(null===n[0]&&(n[0]=i),n):[i,n]}(e,t,n,i),u=l[0],c=l[l.length-1],d=ds(t,u),h=ds(t,c);Xr(d===h,`You are trying to animate ${t} from "${u}" to "${c}". ${u} is not an animatable value - to enable this animation set ${u} to a value animatable to ${c} via the \`style\` property.`);let p={keyframes:l,velocity:e.getVelocity(),...i,elapsed:a,onUpdate:t=>{e.set(t),i.onUpdate&&i.onUpdate(t)},onComplete:()=>{r(),i.onComplete&&i.onComplete()}};if(!d||!h||Kr||!1===i.type)return function(t){let{keyframes:e,elapsed:n,onUpdate:o,onComplete:r}=t;const i=()=>{o&&o(e[e.length-1]),r&&r()};return n?{stop:rs(i,-n)}:i()}(p);if("inertia"===i.type)return function(t){let{keyframes:e,velocity:n=0,min:o,max:r,power:i=.8,timeConstant:s=750,bounceStiffness:a=500,bounceDamping:l=10,restDelta:u=1,modifyTarget:c,driver:d,onUpdate:h,onComplete:p,onStop:f}=t;const m=e[0];let g;function v(t){return void 0!==o&&tr}function y(t){return void 0===o?r:void 0===r||Math.abs(o-t){var n;null==h||h(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:p,onStop:f})}function x(t){b({type:"spring",stiffness:a,damping:l,restDelta:u,...t})}if(v(m))x({velocity:n,keyframes:[m,y(m)]});else{let t=i*n+m;typeof c<"u"&&(t=c(t));const e=y(t),r=e===o?-1:1;let a,l;const d=t=>{a=l,l=t,n=fr(t-a,Go.delta),(1===r&&t>e||-1===r&&tnull==g?void 0:g.stop()}}(p);(function(t){let{when:e,delay:n,delayChildren:o,staggerChildren:r,staggerDirection:i,repeat:s,repeatType:a,repeatDelay:l,from:u,elapsed:c,...d}=t;return!!Object.keys(d).length})(i)||(p={...p,...cs(t,p)}),p.duration&&(p.duration=Gr(p.duration)),p.repeatDelay&&(p.repeatDelay=Gr(p.repeatDelay));const f=e.owner,m=f&&f.current;if(f&&m instanceof HTMLElement&&(null==f||!f.getProps().onUpdate)){const n=os(e,t,p);if(n)return n}return Yi(p)}};function gs(t,e,n){var o;void 0===n&&(n={});const r=Zr(t,e,n.custom);let{transition:i=t.getDefaultTransition()||{}}=r||{};n.transitionOverride&&(i=n.transitionOverride);const s=r?()=>vs(t,r,n):()=>Promise.resolve(),a=null!==(o=t.variantChildren)&&void 0!==o&&o.size?function(o){void 0===o&&(o=0);const{delayChildren:r=0,staggerChildren:s,staggerDirection:a}=i;return function(t,e,n,o,r,i){void 0===n&&(n=0);void 0===o&&(o=0);void 0===r&&(r=1);const s=[],a=(t.variantChildren.size-1)*o,l=1===r?function(t){return void 0===t&&(t=0),t*o}:function(t){return void 0===t&&(t=0),a-t*o};return Array.from(t.variantChildren).sort(ys).forEach(((t,o)=>{t.notify("AnimationStart",e),s.push(gs(t,e,{...i,delay:n+l(o)}).then((()=>t.notify("AnimationComplete",e))))})),Promise.all(s)}(t,e,r+o,s,a,n)}:()=>Promise.resolve(),{when:l}=i;if(l){const[t,e]="beforeChildren"===l?[s,a]:[a,s];return t().then(e)}return Promise.all([s(),a(n.delay)])}function vs(t,e,n){let{delay:o=0,transitionOverride:r,type:i}=void 0===n?{}:n;var s;let{transition:a=t.getDefaultTransition(),transitionEnd:l,...u}=t.makeTargetAnimatable(e);const c=t.getValue("willChange");r&&(a=r);const d=[],h=i&&(null===(s=t.animationState)||void 0===s?void 0:s.getState()[i]);for(const p in u){const e=t.getValue(p),n=u[p];if(!e||void 0===n||h&&bs(h,p))continue;const r={delay:o,elapsed:0,...a};if(window.HandoffAppearAnimations&&!e.hasAnimated){const n=t.getProps()[qr];n&&(r.elapsed=window.HandoffAppearAnimations(n,p,e,ir))}let i=e.start(ms(p,e,n,t.shouldReduceMotion&&pn.has(p)?{type:!1}:r));_r(c)&&(c.add(p),i=i.then((()=>c.remove(p)))),d.push(i)}return Promise.all(d).then((()=>{l&&function(t,e){const n=Zr(t,e);let{transitionEnd:o={},transition:r={},...i}=n?t.makeTargetAnimatable(n,!1):{};i={...i,...o};for(const s in i)Hr(t,s,ho(i[s]))}(t,l)}))}function ys(t,e){return t.sortNodePosition(e)}function bs(t,e){let{protectedKeys:n,needsAnimating:o}=t;const r=n.hasOwnProperty(e)&&!0!==o[e];return o[e]=!1,r}const xs=[yo.Animate,yo.InView,yo.Focus,yo.Hover,yo.Tap,yo.Drag,yo.Exit],ws=[...xs].reverse(),Cs=xs.length;function ks(t){return e=>Promise.all(e.map((e=>{let{animation:n,options:o}=e;return function(t,e,n){let o;if(void 0===n&&(n={}),t.notify("AnimationStart",e),Array.isArray(e)){const r=e.map((e=>gs(t,e,n)));o=Promise.all(r)}else if("string"==typeof e)o=gs(t,e,n);else{const r="function"==typeof e?Zr(t,e,n.custom):e;o=vs(t,r,n)}return o.then((()=>t.notify("AnimationComplete",e)))}(t,n,o)})))}function Es(t){let e=ks(t);const n={[yo.Animate]:Ps(!0),[yo.InView]:Ps(),[yo.Hover]:Ps(),[yo.Tap]:Ps(),[yo.Drag]:Ps(),[yo.Focus]:Ps(),[yo.Exit]:Ps()};let o=!0;const r=(e,n)=>{const o=Zr(t,n);if(o){const{transition:t,transitionEnd:n,...r}=o;e={...e,...r,...n}}return e};function i(i,s){const a=t.getProps(),l=t.getVariantContext(!0)||{},u=[],c=new Set;let d={},h=1/0;for(let e=0;eh&&g;const w=Array.isArray(m)?m:[m];let C=w.reduce(r,{});!1===v&&(C={});const{prevResolvedValues:k={}}=f,E={...k,...C},M=t=>{x=!0,c.delete(t),f.needsAnimating[t]=!0};for(const t in E){const e=C[t],n=k[t];d.hasOwnProperty(t)||(e!==n?uo(e)&&uo(n)?!qo(e,n)||b?M(t):f.protectedKeys[t]=!0:void 0!==e?M(t):c.add(t):void 0!==e&&c.has(t)?M(t):f.protectedKeys[t]=!0)}f.prevProp=m,f.prevResolvedValues=C,f.isActive&&(d={...d,...C}),o&&t.blockInitialAnimation&&(x=!1),x&&!y&&u.push(...w.map((t=>({animation:t,options:{type:p,...i}}))))}if(c.size){const e={};c.forEach((n=>{const o=t.getBaseTarget(n);void 0!==o&&(e[n]=o)})),u.push({animation:e})}let p=!!u.length;return o&&!1===a.initial&&!t.manuallyAnimateOnMount&&(p=!1),o=!1,p?e(u):Promise.resolve()}return{animateChanges:i,setActive:function(e,o,r){var s;if(n[e].isActive===o)return Promise.resolve();null===(s=t.variantChildren)||void 0===s||s.forEach((t=>{var n;return null===(n=t.animationState)||void 0===n?void 0:n.setActive(e,o)})),n[e].isActive=o;const a=i(r,e);for(const t in n)n[t].protectedKeys={};return a},setAnimateFunction:function(n){e=n(t)},getState:()=>n}}function Ms(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!qo(e,t)}function Ps(t){return void 0===t&&(t=!1),{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}const Ss={animation:Ho((t=>{let{visualElement:e,animate:n}=t;e.animationState||(e.animationState=Es(e)),He(n)&&(0,o.useEffect)((()=>n.subscribe(e)),[n])})),exit:Ho((t=>{const{custom:e,visualElement:n}=t,[r,i]=_o(),s=(0,o.useContext)(Oe);(0,o.useEffect)((()=>{n.isPresent=r;const t=n.animationState&&n.animationState.setActive(yo.Exit,!r,{custom:s&&s.custom||e});t&&!r&&t.then(i)}),[r])}))},Bs=(t,e)=>Math.abs(t-e);class Ts{constructor(t,e,n){let{transformPagePoint:o}=void 0===n?{}:n;if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!this.lastMoveEvent||!this.lastMoveEventInfo)return;const t=Ls(this.lastMoveEventInfo,this.history),e=null!==this.startEvent,n=function(t,e){const n=Bs(t.x,e.x),o=Bs(t.y,e.y);return Math.sqrt(n**2+o**2)}(t.offset,{x:0,y:0})>=3;if(!e&&!n)return;const{point:o}=t,{timestamp:r}=Go;this.history.push({...o,timestamp:r});const{onStart:i,onMove:s}=this.handlers;e||(i&&i(this.lastMoveEvent,t),this.startEvent=this.lastMoveEvent),s&&s(this.lastMoveEvent,t)},this.handlePointerMove=(t,e)=>{this.lastMoveEvent=t,this.lastMoveEventInfo=As(e,this.transformPagePoint),ir.update(this.updatePoint,!0)},this.handlePointerUp=(t,e)=>{if(this.end(),!this.lastMoveEvent||!this.lastMoveEventInfo)return;const{onEnd:n,onSessionEnd:o}=this.handlers,r=Ls("pointercancel"===t.type?this.lastMoveEventInfo:As(e,this.transformPagePoint),this.history);this.startEvent&&n&&n(t,r),o&&o(t,r)},!wo(t))return;this.handlers=e,this.transformPagePoint=o;const r=As(Co(t),this.transformPagePoint),{point:i}=r,{timestamp:s}=Go;this.history=[{...i,timestamp:s}];const{onSessionStart:a}=e;a&&a(t,Ls(r,this.history)),this.removeListeners=Io(Eo(window,"pointermove",this.handlePointerMove),Eo(window,"pointerup",this.handlePointerUp),Eo(window,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),sr.update(this.updatePoint)}}function As(t,e){return e?{point:e(t.point)}:t}function Vs(t,e){return{x:t.x-e.x,y:t.y-e.y}}function Ls(t,e){let{point:n}=t;return{point:n,delta:Vs(n,Ds(e)),offset:Vs(n,Rs(e)),velocity:Is(e,.1)}}function Rs(t){return t[0]}function Ds(t){return t[t.length-1]}function Is(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,o=null;const r=Ds(t);for(;n>=0&&(o=t[n],!(r.timestamp-o.timestamp>Gr(e)));)n--;if(!o)return{x:0,y:0};const i=(r.timestamp-o.timestamp)/1e3;if(0===i)return{x:0,y:0};const s={x:(r.x-o.x)/i,y:(r.y-o.y)/i};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}function Fs(t){return t.max-t.min}function Os(t,e,n){return void 0===e&&(e=0),void 0===n&&(n=.01),Math.abs(t-e)<=n}function js(t,e,n,o){void 0===o&&(o=.5),t.origin=o,t.originPoint=oi(e.min,e.max,t.origin),t.scale=Fs(n)/Fs(e),(Os(t.scale,1,1e-4)||isNaN(t.scale))&&(t.scale=1),t.translate=oi(n.min,n.max,t.origin)-t.originPoint,(Os(t.translate)||isNaN(t.translate))&&(t.translate=0)}function $s(t,e,n,o){js(t.x,e.x,n.x,null==o?void 0:o.originX),js(t.y,e.y,n.y,null==o?void 0:o.originY)}function Us(t,e,n){t.min=n.min+e.min,t.max=t.min+Fs(e)}function zs(t,e,n){t.min=e.min-n.min,t.max=t.min+Fs(e)}function Ns(t,e,n){zs(t.x,e.x,n.x),zs(t.y,e.y,n.y)}function Zs(t,e,n){return{min:void 0!==e?t.min+e:void 0,max:void 0!==n?t.max+n-(t.max-t.min):void 0}}function Hs(t,e){let n=e.min-t.min,o=e.max-t.max;return e.max-e.min({x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}}),Ys=()=>({x:{min:0,max:0},y:{min:0,max:0}});function Gs(t){return[t("x"),t("y")]}function Ks(t){let{top:e,left:n,right:o,bottom:r}=t;return{x:{min:n,max:o},y:{min:e,max:r}}}function Qs(t){return void 0===t||1===t}function Js(t){let{scale:e,scaleX:n,scaleY:o}=t;return!Qs(e)||!Qs(n)||!Qs(o)}function ta(t){return Js(t)||ea(t)||t.z||t.rotate||t.rotateX||t.rotateY}function ea(t){return na(t.x)||na(t.y)}function na(t){return t&&"0%"!==t}function oa(t,e,n){return n+e*(t-n)}function ra(t,e,n,o,r){return void 0!==r&&(t=oa(t,r,o)),oa(t,n,o)+e}function ia(t,e,n,o,r){void 0===e&&(e=0),void 0===n&&(n=1),t.min=ra(t.min,e,n,o,r),t.max=ra(t.max,e,n,o,r)}function sa(t,e){let{x:n,y:o}=e;ia(t.x,n.translate,n.scale,n.originPoint),ia(t.y,o.translate,o.scale,o.originPoint)}function aa(t){return Number.isInteger(t)||t>1.0000000000001||t<.999999999999?t:1}function la(t,e){t.min=t.min+e,t.max=t.max+e}function ua(t,e,n){let[o,r,i]=n;const s=void 0!==e[i]?e[i]:.5,a=oi(t.min,t.max,s);ia(t,e[o],e[r],a,e.scale)}const ca=["x","scaleX","originX"],da=["y","scaleY","originY"];function ha(t,e){ua(t.x,e,ca),ua(t.y,e,da)}function pa(t,e){return Ks(function(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),o=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:o.y,right:o.x}}(t.getBoundingClientRect(),e))}const fa=new WeakMap;class ma{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=Ys(),this.visualElement=t}start(t,e){let{snapToCursor:n=!1}=void 0===e?{}:e;if(!1===this.visualElement.isPresent)return;this.panSession=new Ts(t,{onSessionStart:t=>{this.stopAnimation(),n&&this.snapToCursor(Co(t,"page").point)},onStart:(t,e)=>{var n;const{drag:o,dragPropagation:r,onDragStart:i}=this.getProps();o&&!r&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=To(o),!this.openGlobalLock)||(this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),Gs((t=>{var e,n;let o=this.getAxisMotionValue(t).get()||0;if(Vn.test(o)){const r=null===(n=null===(e=this.visualElement.projection)||void 0===e?void 0:e.layout)||void 0===n?void 0:n.layoutBox[t];r&&(o=Fs(r)*(parseFloat(o)/100))}this.originPoint[t]=o})),null==i||i(t,e),null===(n=this.visualElement.animationState)||void 0===n||n.setActive(yo.Drag,!0))},onMove:(t,e)=>{const{dragPropagation:n,dragDirectionLock:o,onDirectionLock:r,onDrag:i}=this.getProps();if(!n&&!this.openGlobalLock)return;const{offset:s}=e;if(o&&null===this.currentDirection)return this.currentDirection=function(t,e){void 0===e&&(e=10);let n=null;return Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x"),n}(s),void(null!==this.currentDirection&&(null==r||r(this.currentDirection)));this.updateAxis("x",e.point,s),this.updateAxis("y",e.point,s),this.visualElement.render(),null==i||i(t,e)},onSessionEnd:(t,e)=>this.stop(t,e)},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(t,e){const n=this.isDragging;if(this.cancel(),!n)return;const{velocity:o}=e;this.startAnimation(o);const{onDragEnd:r}=this.getProps();null==r||r(t,e)}cancel(){var t,e;this.isDragging=!1,this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!1),null===(t=this.panSession)||void 0===t||t.end(),this.panSession=void 0;const{dragPropagation:n}=this.getProps();!n&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),null===(e=this.visualElement.animationState)||void 0===e||e.setActive(yo.Drag,!1)}updateAxis(t,e,n){const{drag:o}=this.getProps();if(!n||!ga(t,o,this.currentDirection))return;const r=this.getAxisMotionValue(t);let i=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(i=function(t,e,n){let{min:o,max:r}=e;return void 0!==o&&tr&&(t=n?oi(r,t,n.max):Math.min(t,r)),t}(i,this.constraints[t],this.elastic[t])),r.set(i)}resolveConstraints(){const{dragConstraints:t,dragElastic:e}=this.getProps(),{layout:n}=this.visualElement.projection||{},o=this.constraints;t&&Ne(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!t||!n)&&function(t,e){let{top:n,left:o,bottom:r,right:i}=e;return{x:Zs(t.x,o,i),y:Zs(t.y,n,r)}}(n.layoutBox,t),this.elastic=function(t){return void 0===t&&(t=Ws),!1===t?t=0:!0===t&&(t=Ws),{x:_s(t,"left","right"),y:_s(t,"top","bottom")}}(e),o!==this.constraints&&n&&this.constraints&&!this.hasMutatedConstraints&&Gs((t=>{this.getAxisMotionValue(t)&&(this.constraints[t]=function(t,e){const n={};return void 0!==e.min&&(n.min=e.min-t.min),void 0!==e.max&&(n.max=e.max-t.min),n}(n.layoutBox[t],this.constraints[t]))}))}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:e}=this.getProps();if(!t||!Ne(t))return!1;const n=t.current;Yr(null!==n,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:o}=this.visualElement;if(!o||!o.layout)return!1;const r=function(t,e,n){const o=pa(t,n),{scroll:r}=e;return r&&(la(o.x,r.offset.x),la(o.y,r.offset.y)),o}(n,o.root,this.visualElement.getTransformPagePoint());let i=function(t,e){return{x:Hs(t.x,e.x),y:Hs(t.y,e.y)}}(o.layout.layoutBox,r);if(e){const t=e(function(t){let{x:e,y:n}=t;return{top:n.min,right:e.max,bottom:n.max,left:e.min}}(i));this.hasMutatedConstraints=!!t,t&&(i=Ks(t))}return i}startAnimation(t){const{drag:e,dragMomentum:n,dragElastic:o,dragTransition:r,dragSnapToOrigin:i,onDragTransitionEnd:s}=this.getProps(),a=this.constraints||{},l=Gs((s=>{if(!ga(s,e,this.currentDirection))return;let l=(null==a?void 0:a[s])||{};i&&(l={min:0,max:0});const u=o?200:1e6,c=o?40:1e7,d={type:"inertia",velocity:n?t[s]:0,bounceStiffness:u,bounceDamping:c,timeConstant:750,restDelta:1,restSpeed:10,...r,...l};return this.startAxisValueAnimation(s,d)}));return Promise.all(l).then(s)}startAxisValueAnimation(t,e){const n=this.getAxisMotionValue(t);return n.start(ms(t,n,0,e))}stopAnimation(){Gs((t=>this.getAxisMotionValue(t).stop()))}getAxisMotionValue(t){var e;const n="_drag"+t.toUpperCase();return this.visualElement.getProps()[n]||this.visualElement.getValue(t,(null===(e=this.visualElement.getProps().initial)||void 0===e?void 0:e[t])||0)}snapToCursor(t){Gs((e=>{const{drag:n}=this.getProps();if(!ga(e,n,this.currentDirection))return;const{projection:o}=this.visualElement,r=this.getAxisMotionValue(e);if(o&&o.layout){const{min:n,max:i}=o.layout.layoutBox[e];r.set(t[e]-oi(n,i,.5))}}))}scalePositionWithinConstraints(){var t;if(!this.visualElement.current)return;const{drag:e,dragConstraints:n}=this.getProps(),{projection:o}=this.visualElement;if(!Ne(n)||!o||!this.constraints)return;this.stopAnimation();const r={x:0,y:0};Gs((t=>{const e=this.getAxisMotionValue(t);if(e){const n=e.get();r[t]=function(t,e){let n=.5;const o=Fs(t),r=Fs(e);return r>o?n=pi(e.min,e.max-o,t.min):o>r&&(n=pi(t.min,t.max-r,e.min)),xn(0,1,n)}({min:n,max:n},this.constraints[t])}}));const{transformTemplate:i}=this.visualElement.getProps();this.visualElement.current.style.transform=i?i({},""):"none",null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout(),this.resolveConstraints(),Gs((t=>{if(!ga(t,e,null))return;const n=this.getAxisMotionValue(t),{min:o,max:i}=this.constraints[t];n.set(oi(o,i,r[t]))}))}addListeners(){var t;if(!this.visualElement.current)return;fa.set(this.visualElement,this);const e=Eo(this.visualElement.current,"pointerdown",(t=>{const{drag:e,dragListener:n=!0}=this.getProps();e&&n&&this.start(t)})),n=()=>{const{dragConstraints:t}=this.getProps();Ne(t)&&(this.constraints=this.resolveRefConstraints())},{projection:o}=this.visualElement,r=o.addEventListener("measure",n);o&&!o.layout&&(null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout()),n();const i=bo(window,"resize",(()=>this.scalePositionWithinConstraints())),s=o.addEventListener("didUpdate",(t=>{let{delta:e,hasLayoutChanged:n}=t;this.isDragging&&n&&(Gs((t=>{const n=this.getAxisMotionValue(t);n&&(this.originPoint[t]+=e[t].translate,n.set(n.get()+e[t].translate))})),this.visualElement.render())}));return()=>{i(),e(),r(),null==s||s()}}getProps(){const t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:n=!1,dragPropagation:o=!1,dragConstraints:r=!1,dragElastic:i=Ws,dragMomentum:s=!0}=t;return{...t,drag:e,dragDirectionLock:n,dragPropagation:o,dragConstraints:r,dragElastic:i,dragMomentum:s}}}function ga(t,e,n){return!(!0!==e&&e!==t||null!==n&&n!==t)}const va={pan:Ho((function(t){let{onPan:e,onPanStart:n,onPanEnd:r,onPanSessionStart:i,visualElement:s}=t;const a=e||n||r||i,l=(0,o.useRef)(null),{transformPagePoint:u}=(0,o.useContext)(Ie),c={onSessionStart:i,onStart:n,onMove:e,onEnd:(t,e)=>{l.current=null,r&&r(t,e)}};(0,o.useEffect)((()=>{null!==l.current&&l.current.updateHandlers(c)})),Mo(s,"pointerdown",a&&function(t){l.current=new Ts(t,c,{transformPagePoint:u})}),Ro((()=>l.current&&l.current.end()))})),drag:Ho((function(t){const{dragControls:e,visualElement:n}=t,r=Qe((()=>new ma(n)));(0,o.useEffect)((()=>e&&e.subscribe(r)),[r,e]),(0,o.useEffect)((()=>r.addListeners()),[r])}))};function ya(t){return"string"==typeof t&&t.startsWith("var(--")}const ba=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;const xa=4;function wa(t,e,n){void 0===n&&(n=1),Yr(n<=xa,`Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);const[o,r]=function(t){const e=ba.exec(t);if(!e)return[,];const[,n,o]=e;return[n,o]}(t);if(!o)return;const i=window.getComputedStyle(e).getPropertyValue(o);return i?i.trim():ya(r)?wa(r,e,n+1):r}const Ca=new Set(["width","height","top","left","right","bottom","x","y"]),ka=t=>Ca.has(t),Ea=t=>t===wn||t===Ln;var Ma;!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(Ma||(Ma={}));const Pa=(t,e)=>parseFloat(t.split(", ")[e]),Sa=(t,e)=>(n,o)=>{let{transform:r}=o;if("none"===r||!r)return 0;const i=r.match(/^matrix3d\((.+)\)$/);if(i)return Pa(i[1],e);{const e=r.match(/^matrix\((.+)\)$/);return e?Pa(e[1],t):0}},Ba=new Set(["x","y","z"]),Ta=hn.filter((t=>!Ba.has(t)));const Aa={width:(t,e)=>{let{x:n}=t,{paddingLeft:o="0",paddingRight:r="0"}=e;return n.max-n.min-parseFloat(o)-parseFloat(r)},height:(t,e)=>{let{y:n}=t,{paddingTop:o="0",paddingBottom:r="0"}=e;return n.max-n.min-parseFloat(o)-parseFloat(r)},top:(t,e)=>{let{top:n}=e;return parseFloat(n)},left:(t,e)=>{let{left:n}=e;return parseFloat(n)},bottom:(t,e)=>{let{y:n}=t,{top:o}=e;return parseFloat(o)+(n.max-n.min)},right:(t,e)=>{let{x:n}=t,{left:o}=e;return parseFloat(o)+(n.max-n.min)},x:Sa(4,13),y:Sa(5,14)},Va=function(t,e,n,o){void 0===n&&(n={}),void 0===o&&(o={}),e={...e},o={...o};const r=Object.keys(e).filter(ka);let i=[],s=!1;const a=[];if(r.forEach((r=>{const l=t.getValue(r);if(!t.hasValue(r))return;let u=n[r],c=Ur(u);const d=e[r];let h;if(uo(d)){const t=d.length,e=null===d[0]?1:0;u=d[e],c=Ur(u);for(let n=e;n{const o=t.getValue(n);void 0!==o&&(e.push([n,o.get()]),o.set(n.startsWith("scale")?1:0))})),e.length&&t.render(),e}(t),s=!0),a.push(r),o[r]=void 0!==o[r]?o[r]:e[r],l.jump(d))})),a.length){const n=a.indexOf("height")>=0?window.pageYOffset:null,r=((t,e,n)=>{const o=e.measureViewportBox(),r=e.current,i=getComputedStyle(r),{display:s}=i,a={};"none"===s&&e.setStaticValue("display",t.display||"block"),n.forEach((t=>{a[t]=Aa[t](o,i)})),e.render();const l=e.measureViewportBox();return n.forEach((n=>{const o=e.getValue(n);o&&o.jump(a[n]),t[n]=Aa[n](l,i)})),t})(e,t,a);return i.length&&i.forEach((e=>{let[n,o]=e;t.getValue(n).set(o)})),t.render(),je&&null!==n&&window.scrollTo({top:n}),{target:r,transitionEnd:o}}return{target:e,transitionEnd:o}};function La(t,e,n,o){return(t=>Object.keys(t).some(ka))(e)?Va(t,e,n,o):{target:e,transitionEnd:o}}const Ra=(t,e,n,o)=>{const r=function(t,e,n){let{...o}=e;const r=t.current;if(!(r instanceof Element))return{target:o,transitionEnd:n};n&&(n={...n}),t.values.forEach((t=>{const e=t.get();if(!ya(e))return;const n=wa(e,r);n&&t.set(n)}));for(const i in o){const t=o[i];if(!ya(t))continue;const e=wa(t,r);e&&(o[i]=e,n&&void 0===n[i]&&(n[i]=t))}return{target:o,transitionEnd:n}}(t,e,o);return La(t,e=r.target,n,o=r.transitionEnd)},Da={current:null},Ia={current:!1};const Fa=Object.keys(Ke),Oa=Fa.length,ja=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class $a{constructor(t,e){let{parent:n,props:o,reducedMotionConfig:r,visualState:i}=t;void 0===e&&(e={}),this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.isPresent=!0,this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>ir.render(this.render,!1,!0);const{latestValues:s,renderState:a}=i;this.latestValues=s,this.baseTarget={...s},this.initialValues=o.initial?{...s}:{},this.renderState=a,this.parent=n,this.props=o,this.depth=n?n.depth+1:0,this.reducedMotionConfig=r,this.options=e,this.isControllingVariants=_e(o),this.isVariantNode=qe(o),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!(!n||!n.current);const{willChange:l,...u}=this.scrapeMotionValuesFromProps(o,{});for(const c in u){const t=u[c];void 0!==s[c]&&mn(t)&&(t.set(s[c],!1),_r(l)&&l.add(c))}}scrapeMotionValuesFromProps(t,e){return{}}mount(t){var e;this.current=t,this.projection&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=null===(e=this.parent)||void 0===e?void 0:e.addVariantChild(this)),this.values.forEach(((t,e)=>this.bindToMotionValue(e,t))),Ia.current||function(){if(Ia.current=!0,je)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>Da.current=t.matches;t.addListener(e),e()}else Da.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||Da.current),this.parent&&this.parent.children.add(this),this.setProps(this.props)}unmount(){var t,e,n;null===(t=this.projection)||void 0===t||t.unmount(),sr.update(this.notifyUpdate),sr.render(this.render),this.valueSubscriptions.forEach((t=>t())),null===(e=this.removeFromVariantTree)||void 0===e||e.call(this),null===(n=this.parent)||void 0===n||n.children.delete(this);for(const o in this.events)this.events[o].clear();this.current=null}bindToMotionValue(t,e){const n=pn.has(t),o=e.on("change",(e=>{this.latestValues[t]=e,this.props.onUpdate&&ir.update(this.notifyUpdate,!1,!0),n&&this.projection&&(this.projection.isTransformDirty=!0)})),r=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,(()=>{o(),r()}))}sortNodePosition(t){return this.current&&this.sortInstanceNodePosition&&this.type===t.type?this.sortInstanceNodePosition(this.current,t.current):0}loadFeatures(t,e,n,r,i,s){let{children:a,...l}=t;const u=[];for(let c=0;cthis.scheduleRender(),animationType:"string"==typeof e?e:"both",initialPromotionConfig:s,layoutScroll:a,layoutRoot:u})}return u}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):Ys()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}makeTargetAnimatable(t,e){return void 0===e&&(e=!0),this.makeTargetAnimatableFromInstance(t,this.props,e)}setProps(t){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender();const e=this.props;this.props=t;for(let n=0;nn.variantChildren.delete(t)}addValue(t,e){e!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,e)),this.values.set(t,e),this.latestValues[t]=e.get()}removeValue(t){var e;this.values.delete(t),null===(e=this.valueSubscriptions.get(t))||void 0===e||e(),this.valueSubscriptions.delete(t),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let n=this.values.get(t);return void 0===n&&void 0!==e&&(n=gr(e,{owner:this}),this.addValue(t,n)),n}readValue(t){return void 0===this.latestValues[t]&&this.current?this.readValueFromInstance(this.current,t,this.options):this.latestValues[t]}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:n}=this.props,o="string"==typeof n||"object"==typeof n?null===(e=lo(this.props,n))||void 0===e?void 0:e[t]:void 0;if(n&&void 0!==o)return o;const r=this.getBaseTargetFromProps(this.props,t);return void 0===r||mn(r)?void 0!==this.initialValues[t]&&void 0===o?void 0:this.baseTarget[t]:r}on(t,e){return this.events[t]||(this.events[t]=new pr),this.events[t].add(e)}notify(t){for(var e,n=arguments.length,o=new Array(n>1?n-1:0),r=1;r!t.hasValue(e))),s=i.length;if(s)for(let a=0;a{this.current&&(this.current.textContent=`${t}`)})))}renderInstance(t,e,n,o){oo(t,e,n,o)}}class Ha extends Na{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){var n;return pn.has(e)?(null===(n=Fr(e))||void 0===n?void 0:n.default)||0:(e=ro.has(e)?e:no(e),t.getAttribute(e))}measureInstanceViewportBox(){return Ys()}scrapeMotionValuesFromProps(t,e){return ao(t,e)}build(t,e,n,o){Kn(t,e,n,this.isSVGTag,o.transformTemplate)}renderInstance(t,e,n,o){io(t,e,0,o)}mount(t){this.isSVGTag=Jn(t.tagName),super.mount(t)}}const Wa=(t,e)=>cn(t)?new Ha(e,{enableHardwareAcceleration:!1}):new Za(e,{enableHardwareAcceleration:!0});function _a(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const qa={correct:(t,e)=>{if(!e.target)return t;if("string"==typeof t){if(!Ln.test(t))return t;t=parseFloat(t)}return`${_a(t,e.target.x)}% ${_a(t,e.target.y)}%`}},Xa="_$css",Ya={correct:(t,e)=>{let{treeScale:n,projectionDelta:o}=e;const r=t,i=t.includes("var("),s=[];i&&(t=t.replace(ba,(t=>(s.push(t),Xa))));const a=Ar.parse(t);if(a.length>5)return r;const l=Ar.createTransformer(t),u="number"!=typeof a[0]?1:0,c=o.x.scale*n.x,d=o.y.scale*n.y;a[0+u]/=c,a[1+u]/=d;const h=oi(c,d,.5);"number"==typeof a[2+u]&&(a[2+u]/=h),"number"==typeof a[3+u]&&(a[3+u]/=h);let p=l(a);if(i){let t=0;p=p.replace(Xa,(()=>{const e=s[t];return t++,e}))}return p}};class Ga extends o.Component{componentDidMount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n,layoutId:o}=this.props,{projection:r}=t;(function(t){Object.assign(dn,t)})(Ka),r&&(e.group&&e.group.add(r),n&&n.register&&o&&n.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",(()=>{this.safeToRemove()})),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),Je.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:e,visualElement:n,drag:o,isPresent:r}=this.props,i=n.projection;return i&&(i.isPresent=r,o||t.layoutDependency!==e||void 0===e?i.willUpdate():this.safeToRemove(),t.isPresent!==r&&(r?i.promote():i.relegate()||ir.postRender((()=>{var t;null!==(t=i.getStack())&&void 0!==t&&t.members.length||this.safeToRemove()})))),null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),!t.currentAnimation&&t.isLead()&&this.safeToRemove())}componentWillUnmount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n}=this.props,{projection:o}=t;o&&(o.scheduleCheckAfterUnmount(),null!=e&&e.group&&e.group.remove(o),null!=n&&n.deregister&&n.deregister(o))}safeToRemove(){const{safeToRemove:t}=this.props;null==t||t()}render(){return null}}const Ka={borderRadius:{...qa,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:qa,borderTopRightRadius:qa,borderBottomLeftRadius:qa,borderBottomRightRadius:qa,boxShadow:Ya},Qa={measureLayout:function(t){const[e,n]=_o(),r=(0,o.useContext)(en);return Ae(Ga,{...t,layoutGroup:r,switchLayoutGroup:(0,o.useContext)(on),isPresent:e,safeToRemove:n})}};const Ja=["TopLeft","TopRight","BottomLeft","BottomRight"],tl=Ja.length,el=t=>"string"==typeof t?parseFloat(t):t,nl=t=>"number"==typeof t||Ln.test(t);function ol(t,e){return void 0!==t[e]?t[e]:t.borderRadius}const rl=sl(0,.5,ki),il=sl(.5,.95,vi);function sl(t,e,n){return o=>oe?1:n(pi(t,e,o))}function al(t,e){t.min=e.min,t.max=e.max}function ll(t,e){al(t.x,e.x),al(t.y,e.y)}function ul(t,e,n,o,r){return t=oa(t-=e,1/n,o),void 0!==r&&(t=oa(t,1/r,o)),t}function cl(t,e,n,o,r){let[i,s,a]=n;!function(t,e,n,o,r,i,s){if(void 0===e&&(e=0),void 0===n&&(n=1),void 0===o&&(o=.5),void 0===i&&(i=t),void 0===s&&(s=t),Vn.test(e)&&(e=parseFloat(e),e=oi(s.min,s.max,e/100)-s.min),"number"!=typeof e)return;let a=oi(i.min,i.max,o);t===i&&(a-=e),t.min=ul(t.min,e,n,a,r),t.max=ul(t.max,e,n,a,r)}(t,e[i],e[s],e[a],e.scale,o,r)}const dl=["x","scaleX","originX"],hl=["y","scaleY","originY"];function pl(t,e,n,o){cl(t.x,e,dl,null==n?void 0:n.x,null==o?void 0:o.x),cl(t.y,e,hl,null==n?void 0:n.y,null==o?void 0:o.y)}function fl(t){return 0===t.translate&&1===t.scale}function ml(t){return fl(t.x)&&fl(t.y)}function gl(t,e){return t.x.min===e.x.min&&t.x.max===e.x.max&&t.y.min===e.y.min&&t.y.max===e.y.max}function vl(t){return Fs(t.x)/Fs(t.y)}class yl{constructor(){this.members=[]}add(t){dr(this.members,t),t.scheduleRender()}remove(t){if(hr(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const t=this.members[this.members.length-1];t&&this.promote(t)}}relegate(t){const e=this.members.findIndex((e=>t===e));if(0===e)return!1;let n;for(let o=e;o>=0;o--){const t=this.members[o];if(!1!==t.isPresent){n=t;break}}return!!n&&(this.promote(n),!0)}promote(t,e){var n;const o=this.lead;if(t!==o&&(this.prevLead=o,this.lead=t,t.show(),o)){o.instance&&o.scheduleRender(),t.scheduleRender(),t.resumeFrom=o,e&&(t.resumeFrom.preserveOpacity=!0),o.snapshot&&(t.snapshot=o.snapshot,t.snapshot.latestValues=o.animationValues||o.latestValues),null!==(n=t.root)&&void 0!==n&&n.isUpdating&&(t.isLayoutDirty=!0);const{crossfade:r}=t.options;!1===r&&o.hide()}}exitAnimationComplete(){this.members.forEach((t=>{var e,n,o,r,i;null===(n=(e=t.options).onExitComplete)||void 0===n||n.call(e),null===(i=null===(o=t.resumingFrom)||void 0===o?void 0:(r=o.options).onExitComplete)||void 0===i||i.call(r)}))}scheduleRender(){this.members.forEach((t=>{t.instance&&t.scheduleRender(!1)}))}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function bl(t,e,n){let o="";const r=t.x.translate/e.x,i=t.y.translate/e.y;if((r||i)&&(o=`translate3d(${r}px, ${i}px, 0) `),(1!==e.x||1!==e.y)&&(o+=`scale(${1/e.x}, ${1/e.y}) `),n){const{rotate:t,rotateX:e,rotateY:r}=n;t&&(o+=`rotate(${t}deg) `),e&&(o+=`rotateX(${e}deg) `),r&&(o+=`rotateY(${r}deg) `)}const s=t.x.scale*e.x,a=t.y.scale*e.y;return(1!==s||1!==a)&&(o+=`scale(${s}, ${a})`),o||"none"}const xl=(t,e)=>t.depth-e.depth;class wl{constructor(){this.children=[],this.isDirty=!1}add(t){dr(this.children,t),this.isDirty=!0}remove(t){hr(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(xl),this.isDirty=!1,this.children.forEach(t)}}const Cl=["","X","Y","Z"];let kl=0;function El(t){let{attachResizeListener:e,defaultParent:n,measureScroll:o,checkIsScrollRoot:r,resetTransform:i}=t;return class{constructor(t,e,o){void 0===e&&(e={}),void 0===o&&(o=null==n?void 0:n()),this.id=kl++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isTransformDirty=!1,this.isProjectionDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.potentialNodes=new Map,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.nodes.forEach(Sl),this.nodes.forEach(Ll),this.nodes.forEach(Rl)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.elementId=t,this.latestValues=e,this.root=o?o.root||o:this,this.path=o?[...o.path,o]:[],this.parent=o,this.depth=o?o.depth+1:0,t&&this.root.registerPotentialNode(t,this);for(let n=0;n1?n-1:0),r=1;rthis.root.updateBlockedByResize=!1;e(t,(()=>{this.root.updateBlockedByResize=!0,n&&n(),n=rs(o,250),Je.hasAnimatedSinceResize&&(Je.hasAnimatedSinceResize=!1,this.nodes.forEach(Vl))}))}r&&this.root.registerSharedNode(r,this),!1!==this.options.animate&&s&&(r||i)&&this.addEventListener("didUpdate",(t=>{let{delta:e,hasLayoutChanged:n,hasRelativeTargetChanged:o,layout:r}=t;var i,a,l,u,c;if(this.isTreeAnimationBlocked())return this.target=void 0,void(this.relativeTarget=void 0);const d=null!==(a=null!==(i=this.options.transition)&&void 0!==i?i:s.getDefaultTransition())&&void 0!==a?a:$l,{onLayoutAnimationStart:h,onLayoutAnimationComplete:p}=s.getProps(),f=!this.targetLayout||!gl(this.targetLayout,r)||o,m=!n&&o;if(this.options.layoutRoot||null!==(l=this.resumeFrom)&&void 0!==l&&l.instance||m||n&&(f||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(e,m);const t={...fs(d,"layout"),onPlay:h,onComplete:p};(s.shouldReduceMotion||this.options.layoutRoot)&&(t.delay=0,t.type=!1),this.startAnimation(t)}else!n&&0===this.animationProgress&&Vl(this),this.isLead()&&(null===(c=(u=this.options).onExitComplete)||void 0===c||c.call(u));this.targetLayout=r}))}unmount(){var t,e;this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this),null===(t=this.getStack())||void 0===t||t.remove(this),null===(e=this.parent)||void 0===e||e.children.delete(this),this.instance=void 0,sr.preRender(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){var t;return this.isAnimationBlocked||(null===(t=this.parent)||void 0===t?void 0:t.isTreeAnimationBlocked())||!1}startUpdate(){var t;this.isUpdateBlocked()||(this.isUpdating=!0,null===(t=this.nodes)||void 0===t||t.forEach(Dl),this.animationId++)}getTransformTemplate(){var t;return null===(t=this.options.visualElement)||void 0===t?void 0:t.getProps().transformTemplate}willUpdate(t){var e,n,o;if(void 0===t&&(t=!0),this.root.isUpdateBlocked())return void(null===(n=(e=this.options).onExitComplete)||void 0===n||n.call(e));if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let s=0;s{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()}))}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure())}updateLayout(){var t;if(!(this.instance&&(this.updateScroll(),this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty)))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let n=0;n{var n;const o=e/1e3;Fl(a.x,t.x,o),Fl(a.y,t.y,o),this.setTargetDelta(a),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&!(null===(n=this.relativeParent)||void 0===n)&&n.layout&&(Ns(l,this.layout.layoutBox,this.relativeParent.layout.layoutBox),function(t,e,n,o){Ol(t.x,e.x,n.x,o),Ol(t.y,e.y,n.y,o)}(this.relativeTarget,this.relativeTargetOrigin,l,o)),u&&(this.animationValues=s,function(t,e,n,o,r,i){r?(t.opacity=oi(0,void 0!==n.opacity?n.opacity:1,rl(o)),t.opacityExit=oi(void 0!==e.opacity?e.opacity:1,0,il(o))):i&&(t.opacity=oi(void 0!==e.opacity?e.opacity:1,void 0!==n.opacity?n.opacity:1,o));for(let s=0;s{Je.hasAnimatedSinceResize=!0,this.currentAnimation=function(t,e,n){void 0===n&&(n={});const o=mn(t)?t:gr(t);return o.start(ms("",o,e,n)),{stop:()=>o.stop(),isAnimating:()=>o.isAnimating()}}(0,1e3,{...t,onUpdate:e=>{var n;this.mixTargetDelta(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:()=>{var e;null===(e=t.onComplete)||void 0===e||e.call(t),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0}))}completeAnimation(){var t;this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0),null===(t=this.getStack())||void 0===t||t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){var t;this.currentAnimation&&(null===(t=this.mixTargetDelta)||void 0===t||t.call(this,1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const t=this.getLead();let{targetWithTransforms:e,target:n,layout:o,latestValues:r}=t;if(e&&n&&o){if(this!==t&&this.layout&&o&&Nl(this.options.animationType,this.layout.layoutBox,o.layoutBox)){n=this.target||Ys();const e=Fs(this.layout.layoutBox.x);n.x.min=t.target.x.min,n.x.max=n.x.min+e;const o=Fs(this.layout.layoutBox.y);n.y.min=t.target.y.min,n.y.max=n.y.min+o}ll(e,n),ha(e,r),$s(this.projectionDeltaWithTransform,this.layoutCorrected,e,r)}}registerSharedNode(t,e){var n,o,r;this.sharedNodes.has(t)||this.sharedNodes.set(t,new yl),this.sharedNodes.get(t).add(e),e.promote({transition:null===(n=e.options.initialPromotionConfig)||void 0===n?void 0:n.transition,preserveFollowOpacity:null===(r=null===(o=e.options.initialPromotionConfig)||void 0===o?void 0:o.shouldPreserveFollowOpacity)||void 0===r?void 0:r.call(o,e)})}isLead(){const t=this.getStack();return!t||t.lead===this}getLead(){var t;const{layoutId:e}=this.options;return e&&(null===(t=this.getStack())||void 0===t?void 0:t.lead)||this}getPrevLead(){var t;const{layoutId:e}=this.options;return e?null===(t=this.getStack())||void 0===t?void 0:t.prevLead:void 0}getStack(){const{layoutId:t}=this.options;if(t)return this.root.sharedNodes.get(t)}promote(t){let{needsReset:e,transition:n,preserveFollowOpacity:o}=void 0===t?{}:t;const r=this.getStack();r&&r.promote(this,o),e&&(this.projectionDelta=void 0,this.needsReset=!0),n&&this.setOptions({transition:n})}relegate(){const t=this.getStack();return!!t&&t.relegate(this)}resetRotation(){const{visualElement:t}=this.options;if(!t)return;let e=!1;const{latestValues:n}=t;if((n.rotate||n.rotateX||n.rotateY||n.rotateZ)&&(e=!0),!e)return;const o={};for(let r=0;r{var e;return null===(e=t.currentAnimation)||void 0===e?void 0:e.stop()})),this.root.nodes.forEach(Tl),this.root.sharedNodes.clear()}}}function Ml(t){t.updateLayout()}function Pl(t){var e,n,o;const r=(null===(e=t.resumeFrom)||void 0===e?void 0:e.snapshot)||t.snapshot;if(t.isLead()&&t.layout&&r&&t.hasListeners("didUpdate")){const{layoutBox:e,measuredBox:n}=t.layout,{animationType:o}=t.options,i=r.source!==t.layout.source;"size"===o?Gs((t=>{const n=i?r.measuredBox[t]:r.layoutBox[t],o=Fs(n);n.min=e[t].min,n.max=n.min+o})):Nl(o,r.layoutBox,e)&&Gs((t=>{const n=i?r.measuredBox[t]:r.layoutBox[t],o=Fs(e[t]);n.max=n.min+o}));const s=Xs();$s(s,e,r.layoutBox);const a=Xs();i?$s(a,t.applyTransform(n,!0),r.measuredBox):$s(a,e,r.layoutBox);const l=!ml(s);let u=!1;if(!t.resumeFrom){const n=t.getClosestProjectingParent();if(n&&!n.resumeFrom){const{snapshot:o,layout:i}=n;if(o&&i){const s=Ys();Ns(s,r.layoutBox,o.layoutBox);const a=Ys();Ns(a,e,i.layoutBox),gl(s,a)||(u=!0),n.options.layoutRoot&&(t.relativeTarget=a,t.relativeTargetOrigin=s,t.relativeParent=n)}}}t.notifyListeners("didUpdate",{layout:e,snapshot:r,delta:a,layoutDelta:s,hasLayoutChanged:l,hasRelativeTargetChanged:u})}else t.isLead()&&(null===(o=(n=t.options).onExitComplete)||void 0===o||o.call(n));t.options.transition=void 0}function Sl(t){t.isProjectionDirty||(t.isProjectionDirty=!(!t.parent||!t.parent.isProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=!(!t.parent||!t.parent.isTransformDirty))}function Bl(t){t.clearSnapshot()}function Tl(t){t.clearMeasurements()}function Al(t){const{visualElement:e}=t.options;null!=e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function Vl(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0}function Ll(t){t.resolveTargetDelta()}function Rl(t){t.calcProjection()}function Dl(t){t.resetRotation()}function Il(t){t.removeLeadSnapshot()}function Fl(t,e,n){t.translate=oi(e.translate,0,n),t.scale=oi(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function Ol(t,e,n,o){t.min=oi(e.min,n.min,o),t.max=oi(e.max,n.max,o)}function jl(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}const $l={duration:.45,ease:[.4,0,.1,1]};function Ul(t,e){let n=t.root;for(let r=t.path.length-1;r>=0;r--)if(t.path[r].instance){n=t.path[r];break}const o=(n&&n!==t.root?n.instance:document).querySelector(`[data-projection-id="${e}"]`);o&&t.mount(o,!0)}function zl(t){t.min=Math.round(t.min),t.max=Math.round(t.max)}function Nl(t,e,n){return"position"===t||"preserve-aspect"===t&&!Os(vl(e),vl(n),.2)}const Zl=El({attachResizeListener:(t,e)=>bo(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),Hl={current:void 0},Wl=El({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!Hl.current){const t=new Zl(0,{});t.mount(window),t.setOptions({layoutScroll:!0}),Hl.current=t}return Hl.current},resetTransform:(t,e)=>{t.style.transform=void 0!==e?e:"none"},checkIsScrollRoot:t=>"fixed"===window.getComputedStyle(t).position}),_l={...Ss,...Wo,...va,...Qa},ql=ln(((t,e)=>function(t,e,n,o,r){let{forwardMotionProps:i=!1}=e;return{...cn(t)?go:vo,preloadedFeatures:n,useRender:eo(i),createVisualElement:o,projectionNodeConstructor:r,Component:t}}(t,e,_l,Wa,Wl)));function Xl(){const t=(0,o.useRef)(!1);return $e((()=>(t.current=!0,()=>{t.current=!1})),[]),t}class Yl extends o.Component{getSnapshotBeforeUpdate(t){const e=this.props.childRef.current;if(e&&t.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function Gl(t){let{children:e,isPresent:n}=t;const r=(0,o.useId)(),i=(0,o.useRef)(null),s=(0,o.useRef)({width:0,height:0,top:0,left:0});return(0,o.useInsertionEffect)((()=>{const{width:t,height:e,top:o,left:a}=s.current;if(n||!i.current||!t||!e)return;i.current.dataset.motionPopId=r;const l=document.createElement("style");return document.head.appendChild(l),l.sheet&&l.sheet.insertRule(`\n [data-motion-pop-id="${r}"] {\n position: absolute !important;\n width: ${t}px !important;\n height: ${e}px !important;\n top: ${o}px !important;\n left: ${a}px !important;\n }\n `),()=>{document.head.removeChild(l)}}),[n]),o.createElement(Yl,{isPresent:n,childRef:i,sizeRef:s},o.cloneElement(e,{ref:i}))}const Kl=t=>{let{children:e,initial:n,isPresent:r,onExitComplete:i,custom:s,presenceAffectsLayout:a,mode:l}=t;const u=Qe(Ql),c=(0,o.useId)(),d=(0,o.useMemo)((()=>({id:c,initial:n,isPresent:r,custom:s,onExitComplete:t=>{u.set(t,!0);for(const e of u.values())if(!e)return;i&&i()},register:t=>(u.set(t,!1),()=>u.delete(t))})),a?void 0:[r]);return(0,o.useMemo)((()=>{u.forEach(((t,e)=>u.set(e,!1)))}),[r]),o.useEffect((()=>{!r&&!u.size&&i&&i()}),[r]),"popLayout"===l&&(e=o.createElement(Gl,{isPresent:r},e)),o.createElement(Oe.Provider,{value:d},e)};function Ql(){return new Map}const Jl=t=>t.key||"";const tu=t=>{let{children:e,custom:n,initial:r=!0,onExitComplete:i,exitBeforeEnter:s,presenceAffectsLayout:a=!0,mode:l="sync"}=t;s&&(l="wait");let[u]=function(){const t=Xl(),[e,n]=(0,o.useState)(0),r=(0,o.useCallback)((()=>{t.current&&n(e+1)}),[e]);return[(0,o.useCallback)((()=>ir.postRender(r)),[r]),e]}();const c=(0,o.useContext)(en).forceRender;c&&(u=c);const d=Xl(),h=function(t){const e=[];return o.Children.forEach(t,(t=>{(0,o.isValidElement)(t)&&e.push(t)})),e}(e);let p=h;const f=new Set,m=(0,o.useRef)(p),g=(0,o.useRef)(new Map).current,v=(0,o.useRef)(!0);if($e((()=>{v.current=!1,function(t,e){t.forEach((t=>{const n=Jl(t);e.set(n,t)}))}(h,g),m.current=p})),Ro((()=>{v.current=!0,g.clear(),f.clear()})),v.current)return o.createElement(o.Fragment,null,p.map((t=>o.createElement(Kl,{key:Jl(t),isPresent:!0,initial:!!r&&void 0,presenceAffectsLayout:a,mode:l},t))));p=[...p];const y=m.current.map(Jl),b=h.map(Jl),x=y.length;for(let o=0;o{if(-1!==b.indexOf(t))return;const e=g.get(t);if(!e)return;const r=y.indexOf(t);p.splice(r,0,o.createElement(Kl,{key:Jl(e),isPresent:!1,onExitComplete:()=>{g.delete(t),f.delete(t);const e=m.current.findIndex((e=>e.key===t));if(m.current.splice(e,1),!f.size){if(m.current=h,!1===d.current)return;u(),i&&i()}},custom:n,presenceAffectsLayout:a,mode:l},e))})),p=p.map((t=>{const e=t.key;return f.has(e)?t:o.createElement(Kl,{key:Jl(t),isPresent:!0,presenceAffectsLayout:a,mode:l},t)})),o.createElement(o.Fragment,null,f.size?p:p.map((t=>(0,o.cloneElement)(t))))};function eu(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"pauseButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(nu,{x:"7.1",y:"7.1",width:"5.8",height:"17.8"}),Ae(nu,{x:"19.1",y:"7.1",width:"5.8",height:"17.8"})]})}const nu=r.ZP.rect` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function ou(t){let{isIndicator:e}=t;return Ae("svg",{"data-cy":"playButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(ru,{d:"M10 25.5V6L26 16.2632L10 25.5Z"})})}const ru=r.ZP.path` - stroke: currentColor; - stroke-width: 2.75; - stroke-linecap: round; -`;function iu(t){let{isIndicator:e}=t;return Ae("svg",{"data-cy":"playButton1-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(su,{d:"M22.2468 17.6645L11.8588 24.5847C10.5297 25.4701 8.75 24.5173 8.75 22.9202L8.75 9.0798C8.75 7.48272 10.5297 6.52988 11.8588 7.41533L22.2468 14.3355C23.435 15.1271 23.435 16.8729 22.2468 17.6645Z"})})}const su=r.ZP.path` - stroke: currentColor; - stroke-width: 2.75; - stroke-linecap: round; -`;function au(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"pauseButton1-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(lu,{x:"7.1",y:"7.1",width:"5.8",height:"17.8",rx:"2.9"}),Ae(lu,{x:"19.1",y:"7.1",width:"5.8",height:"17.8",rx:"2.9"})]})}const lu=r.ZP.rect` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function uu(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"restartButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(cu,{d:"M7 17.415C7 22.7087 11.2533 27 16.5 27C21.7467 27 26 22.7087 26 17.415C26 14.701 24.9777 11.973 22.8333 10.1122C21.906 9.30744 20.7061 8.71157 18.7619 8.28647C17.8755 8.09265 17 8 15.5 8.28647C14.4569 8.48568 14.0652 8.65987 13.5 9C12.1363 9.82063 12 10 11.5 10.5"}),Ae(cu,{d:"M11.5485 5L10.8221 10.4396C10.7611 10.8965 11.0203 11.3359 11.4497 11.5035L15.8118 13.2063"})]})}const cu=r.ZP.path` - stroke: currentColor; - stroke-width: 2.5; - stroke-linecap: round; -`;function du(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"restartButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(hu,{d:"M7 17.415C7 22.7087 11.2533 27 16.5 27C21.7467 27 26 22.7087 26 17.415C26 14.701 24.9777 11.973 22.8333 10.1122C21.906 9.30744 20.7061 8.71157 18.7619 8.28647C17.8755 8.09265 17 8 15.5 8.28647C14.4569 8.48568 14.0652 8.65987 13.5 9C12.1363 9.82063 12 10 11.5 10.5"}),Ae(hu,{d:"M11.5485 4.99999L10.3232 11.5799L15.6147 13.3869"})]})}const hu=r.ZP.path` - stroke: currentColor; - stroke-width: 2.5; - stroke-linecap: square; -`;function pu(t){let{item:e}=t;const n=E(Ft,Rt),o=E(zt,Rt);return Ve(fu,{onMouseMove:t=>t.preventDefault,onClick:()=>Ct(n),onKeyUp:t=>t.preventDefault(),whileHover:{scale:1.1,rotate:o===$t.ended?-30:0},whileTap:{scale:.95,rotate:o===$t.ended?-55:0},"data-cy":e.id,children:["playButton1"===e.id&&Ve(Le,{children:[o===$t.paused&&Ae(iu,{}),o===$t.playing&&Ae(au,{}),o===$t.ended&&Ae(uu,{})]}),"playButton2"===e.id&&Ve(Le,{children:[o===$t.paused&&Ae(ou,{}),o===$t.playing&&Ae(eu,{}),o===$t.ended&&Ae(du,{})]})]})}const fu=(0,r.ZP)(ql.button)` - cursor: pointer; - background: transparent; - border: 0; - padding: 0; - color: currentColor; - display: flex; - justify-content: center; - align-items: center; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,mu={init:{opacity:0,width:0},anim:{opacity:1,width:56},exit:{opacity:0,width:0}},gu={init:{opacity:0,zIndex:2},anim:{opacity:1,zIndex:2},exit:{opacity:0,zIndex:2}},vu={init:{opacity:.01},anim:{opacity:1,transition:{duration:.25}},exit:{opacity:0,transition:{duration:.25}}},yu={init:{y:35,opacity:0},anim:{y:0,opacity:1},exit:{y:45,opacity:0}},bu={init:{scale:1},anim:t=>({scale:t?1.15:1})},xu={init:{scale:1},anim:t=>({scale:t?1.15:1})},wu={init:{scale:1},anim:t=>({scale:t?1.15:1})},Cu={anim:t=>({scale:t?1:.25,opacity:t?1:0,transition:{opacity:{duration:.25},scale:{type:"spring",damping:10,mass:.75,stiffness:160}}})},ku={init:t=>({opacity:0,bottom:t?55:10}),anim:t=>({opacity:1,bottom:t?55:10}),exit:{opacity:0}},Eu={opacity:{duration:.1},bottom:{type:"spring",damping:10,mass:.75,stiffness:160}};function Mu(t){let{isHovered:e,isProgressDragging:n,data:r}=t;var i,s,a,l,u,c;const d=E(de,Rt),h=E(ue,Rt),p=E(ce,Rt),f=E(oe,Rt),m=E(Ht,Rt),g=E(he,Rt),[v,y]=(0,o.useState)({x:0,y:0,w:0,h:0});(0,o.useEffect)((()=>{if("text"!==r.id){const t=function(t,e){return null===e?null:Array.from(e).find((e=>t>e.startTime&&t0;return Ve(Le,{children:["text"===r.id&&Ae(Pu,{backgroundColor:null==(i=f.controlsBar)?void 0:i.barColor,textColor:null!=(s=f.controlsBar)&&s.barColor?Lt(null==(a=f.controlsBar)?void 0:a.barColor):"white","data-cy":"textPreviewTooltip",isVisible:b,style:{transform:`translate(${d}px, -60px)`},children:p}),("thumbnail"===r.id||"textAndThumbnail"===r.id)&&Ve(Su,{"data-cy":"imageThumbnailContainer",backgroundColor:null==(l=f.controlsBar)?void 0:l.barColor,textColor:null!=(u=f.controlsBar)&&u.barColor?Lt(null==(c=f.controlsBar)?void 0:c.barColor):"white",isVisible:b,style:{transform:`translate(${d}px, ${"thumbnail"===r.id?-1*v.h-50+"px":-1*v.h-72+"px"})`},children:[Ae(Bu,{"data-cy":"imageThumbnail",style:{backgroundPosition:`${-1*v.x}px ${-1*v.y}px`},height:v.h,width:v.w,backgroundImage:r.atlasImage??""}),"textAndThumbnail"===r.id&&Ae(Tu,{children:p})]})]})}const Pu=r.ZP.span` - position: absolute; - padding: 0.5rem; - border-radius: 0.5rem; - color: ${t=>t.textColor}; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - pointer-events: none; - opacity: ${t=>t.isVisible?1:0}; - transition: opacity 300ms; - box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.25); -`,Su=(0,r.ZP)(Pu)` - padding: 0.5rem; - box-sizing: border-box; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -`,Bu=r.ZP.div` - height: ${t=>t.height?t.height:"70"}px; - width: ${t=>t.width?t.width:"125"}px; - - background-image: url(${t=>t.backgroundImage}); -`,Tu=r.ZP.div` - padding: 0.25rem; -`,Au=(0,o.forwardRef)(((t,e)=>{const n=E(oe,Rt),o=E(se,Rt),r=E(le,Rt);return Ve(Vu,{ref:e,barBorderColor:t.item.barBorderColor,barColor:t.item.barColor,role:"progressbar",animate:{height:t.shouldAnimate?"0.6rem":"0.35rem"},transition:{duration:.2},children:[Ae(Ru,{"data-cy":"progressBuffer1",width:`${r}%`,bufferedColor:t.item.bufferedColor}),Ae(Lu,{"data-cy":"progress1",hasScrubber:t.hasScrubber,style:{width:t.hasScrubber?`calc(${o} + 6px)`:o},progressColor:t.item.progressColor,children:Ae(Du,{scrubberColor:t.item.scrubberColor??t.item.progressColor,scrubberBorderColor:t.item.scrubberBorderColor,variants:bu,custom:t.shouldAnimate,initial:"init",animate:"anim","data-cy":"progressBar1Scrubber"})}),n.previewTooltip&&Ae(Mu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:n.previewTooltip})]})})),Vu=(0,r.ZP)(ql.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"#f2f2f2"}; - border: 2.25px solid - ${t=>t.barBorderColor?t.barBorderColor:"none"}; - width: 100%; - border-radius: 0.7rem; - justify-content: flex-start; - position: relative; -`,Lu=r.ZP.div` - height: 100%; - pointer-events: none; - border-radius: 0.7rem; - display: flex; - justify-content: flex-end; - align-items: center; - position: absolute; - z-index: 2; - - ${t=>t.hasScrubber&&r.iv` - min-width: 16px; - `} - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,Ru=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - width: ${t=>t.width}; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.4)"}; - z-index: 1; - border-radius: 50rem; -`,Du=(0,r.ZP)(ql.div)` - height: 1rem; - width: 1rem; - background-color: ${t=>t.scrubberColor??"white"}; - position: absolute; - border-radius: 50rem; - box-sizing: border-box; - border: ${t=>void 0!==t.scrubberBorderColor?"2px solid "+t.scrubberBorderColor:void 0!==t.scrubberColor?"2px solid "+Vt(t.scrubberColor):"2px solid white"}; -`;Au.displayName="ProgressBar1";const Iu=(0,o.forwardRef)(((t,e)=>{const n=E(se,Rt),o=E(oe,Rt),r=E(le,Rt);return Ve(Fu,{ref:e,role:"progressbar",barColor:t.item.barColor,children:[Ae(ju,{"data-cy":"progressBuffer2",width:`${r}%`,bufferedColor:t.item.bufferedColor}),Ae(Ou,{"data-cy":"progress2",hasScrubber:t.hasScrubber,style:{width:t.hasScrubber?`calc(${n} + 6px)`:n},progressColor:t.item.progressColor}),o.previewTooltip&&Ae(Mu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:o.previewTooltip})]})})),Fu=(0,r.ZP)(ql.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"#f2f2f2"}; - width: 100%; - height: 1.4rem; - justify-content: flex-start; - position: relative; -`,Ou=r.ZP.div` - height: 100%; - pointer-events: none; - display: flex; - justify-content: flex-end; - align-items: center; - position: absolute; - z-index: 2; - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,ju=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - width: ${t=>t.width}; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.2)"}; - z-index: 1; -`;Iu.displayName="ProgressBar2";const $u=(0,o.forwardRef)(((t,e)=>{const n=E(se,Rt),o=E(oe,Rt),r=E(le,Rt);return Ve(Uu,{ref:e,role:"progressbar",barBorderColor:t.item.barBorderColor,barColor:t.item.barColor,children:[Ve(Zu,{children:[Ae(zu,{"data-cy":"progressBuffer3",style:{width:`clamp(0%, ${r}%, 100%)`},bufferedColor:t.item.bufferedColor}),Ae(Nu,{"data-cy":"progress3",style:{width:`clamp(0%, ${n}, 100%)`},progressColor:t.item.progressColor})]}),o.previewTooltip&&Ae(Mu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:o.previewTooltip})]})})),Uu=(0,r.ZP)(ql.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"transparent"}; - width: 100%; - height: 1.25rem; - justify-content: flex-start; - border-radius: 1rem; - border: 3px solid ${t=>t.barBorderColor}; - position: relative; -`,zu=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.4)"}; - z-index: 1; - height: 35%; - border-radius: 0.4rem; -`,Nu=r.ZP.div` - height: 35%; - pointer-events: none; - position: absolute; - z-index: 2; - border-radius: 0.4rem; - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,Zu=r.ZP.div` - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-top: 2px solid transparent; - border-bottom: 2px solid transparent; - position: relative; - height: 100%; - width: 100%; - display: flex; - flex-direction: column; - justify-content: center; - box-sizing: border-box; -`;$u.displayName="ProgressBar3";const Hu=150,Wu=60;function _u(t){let{item:e,onTop:n=!1}=t;const r=(0,o.useRef)(null),[i,s]=(0,o.useState)(!1),a=E(Ft,Rt),l=E(Ot,Rt),u=M(ie,Rt),c=E(zt,Rt),d=E(oe,Rt),h=M(qt,Rt),[p,f]=(0,o.useState)(-1),[m,g]=P(ae,Rt),v=M(de,Rt),y=M(ue,Rt),b=E(ge,Rt);function x(t,e){var n;Mt(t,e,m,r,l,a,"text"===(null==(n=d.previewTooltip)?void 0:n.id)?Wu:Hu,u,g,y,v)}ke(p,a,m,f,c);const w=(i||m)&&!b,C=!("transparent"===e.scrubberColor&&("transparent"===e.scrubberBorderColor||"none"===e.scrubberBorderColor||void 0===e.scrubberBorderColor));return Ve(qu,{tabIndex:0,onFocus:()=>h("progressBar"),onTop:n,"data-cy":e.id,isDragging:m,onTouchStart:t=>{s(!0),Et(t,x,l,g,!0)},onTouchEnd:()=>s(!1),onMouseEnter:()=>s(!0),onMouseMove:t=>{var e;return Pt(t,m,r,l,a,"text"===(null==(e=d.previewTooltip)?void 0:e.id)?Wu:Hu,y,v)},onMouseLeave:()=>s(!1),onMouseDown:t=>Et(t,x,l,g,!1),children:["progressBar1"===e.id&&Ae(Au,{hasScrubber:C,shouldAnimate:w,item:e,isProgressDragging:m,isHovered:i&&!b,ref:r}),"progressBar2"===e.id&&Ae(Iu,{hasScrubber:!1,shouldAnimate:w,item:e,isProgressDragging:m,isHovered:i&&!b,ref:r}),"progressBar3"===e.id&&Ae($u,{hasScrubber:!1,shouldAnimate:w,item:e,isProgressDragging:m,isHovered:i&&!b,ref:r})]})}const qu=r.ZP.div` - height: 100%; - width: 100%; - display: flex; - align-items: ${t=>t.onTop?"flex-end":"center"}; - cursor: ${t=>t.isDragging?"col-resize":"pointer"}; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Xu=(0,o.forwardRef)(((t,e)=>{var n;const o=t.isBarHovered||t.isVolumeDragging,r=E(oe,Rt),i=E(fe,Rt),s=M(qt,Rt),a=t=>{s(t)},l=()=>{s("progressBar"),t.setIsVolumeHovered(!1)},u=!("transparent"===t.item.scrubberColor&&("transparent"===t.item.scrubberBorderColor||"none"===t.item.scrubberBorderColor||void 0===t.item.scrubberBorderColor));return"volumeBar1"===t.item.barId?Ae(Yu,{tabIndex:0,onFocus:()=>a("volumeBar1"),onBlur:l,barColor:t.item.barColor,"data-cy":t.item.barId,ref:e,animate:{height:o?"0.5rem":"0.35rem"},transition:{duration:.2},children:Ae(Qu,{style:{width:u?`calc(${i} + 5px)`:i},volumeColor:t.item.volumeColor,volumeBar2:!1,hasScrubber:u,children:Ae(Ju,{"data-cy":"volumeScrubber1",scrubberBorderColor:t.item.scrubberBorderColor,scrubberColor:t.item.scrubberColor??t.item.volumeColor,variants:xu,custom:o,initial:"init",animate:"anim"})})}):"volumeBar2"===t.item.barId?Ae(Gu,{onFocus:()=>a("volumeBar2"),onBlur:l,tabIndex:0,backgroundColor:null==(n=r.controlsBar)?void 0:n.barColor,children:Ae(Ku,{barColor:t.item.barColor,"data-cy":t.item.barId,ref:e,children:Ae(Qu,{volumeBar2:!0,style:{height:i},volumeColor:t.item.volumeColor,hasScrubber:u,children:Ae(Ju,{"data-cy":"volumeScrubber2",scrubberBorderColor:t.item.scrubberBorderColor,scrubberColor:t.item.scrubberColor??t.item.volumeColor,variants:wu,custom:o,initial:"init",animate:"anim"})})})}):Ae(Le,{})}));Xu.displayName="VolumeBars";const Yu=(0,r.ZP)(ql.div)` - height: 0.35rem; - background-color: ${t=>t.barColor?t.barColor:"white"}; - width: 3.5rem; - border-radius: 0.35rem; - margin-left: 0.35rem; - display: flex; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Gu=r.ZP.div` - height: 5.9rem; - width: 2rem; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - display: flex; - justify-content: center; - align-items: center; - transform: translate(-30px, -68px); - border-radius: 0.45rem 0.45rem 0 0; - position: absolute; - z-index: 2; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Ku=r.ZP.div` - height: 4.75rem; - width: 0.5rem; - display: flex; - flex-direction: column-reverse; - border-radius: 0.35rem; - background-color: ${t=>t.barColor?t.barColor:"white"}; -`,Qu=r.ZP.div` - background-color: ${t=>t.volumeColor?t.volumeColor:"#4ab860"}; - border-radius: 0.35rem; - display: flex; - ${t=>!t.volumeBar2&&r.iv` - height: 100%; - justify-content: flex-end; - align-items: center; - ${t.hasScrubber&&r.iv` - min-width: 12px; - max-width: ${50.5}px; - `} - `} - - ${t=>t.volumeBar2&&r.iv` - width: 100%; - display: flex; - flex-direction: column-reverse; - justify-content: flex-end; - align-items: center; - ${t.hasScrubber&&r.iv` - min-height: 12.8px; - max-height: ${76}px; - `} - `} -`,Ju=(0,r.ZP)(ql.div)` - height: 0.9rem; - width: 0.9rem; - box-sizing: border-box; - background-color: ${t=>t.scrubberColor??"white"}; - position: absolute; - border-radius: 50rem; - border: ${t=>void 0!==t.scrubberBorderColor?"2px solid "+t.scrubberBorderColor:void 0!==t.scrubberColor?"2px solid "+Vt(t.scrubberColor):"none"}; -`;function tc(t){let{item:e}=t;const[n,r]=(0,o.useState)(!1),[i,s]=(0,o.useState)(!1),a=E(me,Rt),l=(0,o.useRef)(null),u=E(Ft,Rt),c=E(pe,Rt);function d(t,n){if(l&&l.current){let o=0;"volumeBar1"===e.barId?Bt(t)?o=t.touches[0].clientX:Tt(t)&&(o=t.clientX):Bt(t)?o=t.touches[0].clientY:Tt(t)&&(o=t.clientY),f("volumeBar1"===e.barId?"horizontal":"vertical");const r="volumeBar1"===e.barId?o-n.left:o-n.top,i=l.current.getBoundingClientRect(),s="volumeBar1"===e.barId?i.left-n.left:i.bottom-n.top,a=kt(("volumeBar1"===e.barId?1:-1)*(r-s),0,"volumeBar1"===e.barId?i.width:i.height),c=kt(a/("volumeBar1"===e.barId?l.current.clientWidth:l.current.clientHeight),0,1);u&&(u.volume=c),u&&(u.muted=!1)}}const h=E(Ot,Rt),[p,f]=P(ge,Rt);return Ve(ec,{"data-cy":`volumeButtonBarContainer-${e.id}`,isDragging:p,onMouseEnter:()=>!At()&&r(!0),onMouseLeave:()=>!At()&&r(!1),children:[Ae(rc,{onFocus:()=>!At()&&r(!0),"data-cy":e.id,whileHover:{scale:1.075},whileTap:{scale:.925},onClick:()=>u?u.muted=!u.muted:null,children:("volumeButton1"===e.id||"volumeButton2"===e.id)&&Ve("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(oc,{d:"M5 12H9V20H5C4.44772 20 4 19.5523 4 19V13C4 12.4477 4.44772 12 5 12Z"}),Ae(oc,{d:"M9 13L15 7"}),Ae(oc,{d:"M15 7V26"}),Ae(oc,{d:"M9 20L15 26"}),Ae(tu,{children:(0===c||a)&&Ve(ql.g,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},children:[Ae(oc,{d:"M21 13.5L28 20.5"}),Ae(oc,{d:"M28 13.5L21 20.5"})]})}),Ae(tu,{children:c>0&&!a&&Ae(oc,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},d:"M19.5 13.5C21 14.6667 23.1 17.7 19.5 20.5",id:"custoplayer-arc1"})}),Ae(tu,{children:c>.5&&!a&&Ae(oc,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},d:"M24 9.5C27.0185 11.7059 31.2444 17.7941 24 24.5",id:"custoplayer-arc2"})})]})}),Ae(tu,{children:(n||p)&&e.barId&&Ae(nc,{variants:"volumeBar1"===e.barId?mu:gu,initial:"init",animate:"anim",exit:"exit","data-cy":"volumeContainer",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onMouseDown:t=>Et(t,d,h,f,!1),onTouchStart:t=>{s(!0),Et(t,d,h,f,!0)},onTouchEnd:()=>s(!1),children:Ae(Xu,{item:e,isBarHovered:i,isVolumeDragging:p,ref:l,setIsVolumeHovered:r})})})??e.barId]})}const ec=r.ZP.div` - height: 100%; - width: auto; - background-color: transparent; - display: flex; - align-items: center; - justify-content: flex-start; - cursor: ${t=>t.isDragging?"horizontal"===t.isDragging?"col-resize":"row-resize":"auto"}; - color: currentColor; -`,nc=(0,r.ZP)(ql.div)` - height: 100%; - display: flex; - align-items: center; - cursor: pointer; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,oc=(0,r.ZP)(ql.path)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,rc=(0,r.ZP)(ql.button)` - border: 0; - display: flex; - justify-content: center; - align-items: center; - background-color: transparent; - padding: 0; - cursor: pointer; - color: inherit; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`;function ic(){const t=E(Zt,Rt);return Ae(sc,{isLargerThan60Minutes:7===t.length,"data-cy":"currentTime",children:t})}const sc=r.ZP.span` - color: currentColor; - width: ${t=>t.isLargerThan60Minutes?"59px":"45px"}; - text-align: center; -`;function ac(){const t=E(Wt,Rt);return Ae(lc,{isLargerThan60Minutes:7===t.length,"data-cy":"duration",children:t})}const lc=r.ZP.span` - color: currentColor; - text-align: center; - width: ${t=>t.isLargerThan60Minutes?"59px":"45px"}; -`;function uc(t){let{item:e,isFullscreen:n}=t;const[r,i]=(0,o.useState)(!1),[s,a]=(0,o.useState)(!1),l=E(Ft,Rt),u=E(Ot,Rt);return Ae(Le,{children:Ve(cc,{"data-cy":e.id,onMouseEnter:()=>i(!0),onMouseLeave:()=>{i(!1),a(!1)},onMouseDown:()=>a(!0),onMouseUp:()=>a(!1),onClick:function(){u&&Ce.isEnabled?Ce.toggle(u):u&&l&&!Ce.isEnabled&&l.webkitEnterFullscreen()},children:["fullscreenButton1"===e.id&&Ve("svg",n?{"data-cy":"fullscreenButton1-fullscreened",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(dc,{animate:{d:r&&!s?"M29 3L19 13":"M29 3L21 11"},d:"M29 3L21 11"}),Ae(dc,{animate:{d:r&&!s?"M19 13V7":"M21 11V7"},d:"M21 11V7"}),Ae(dc,{animate:{d:r&&!s?"M19 13H25":"M21 11H25"},d:"M21 11H25"}),Ae(dc,{animate:{d:r&&!s?"M3 29L13 19":"M3 29L11 21"},d:"M3 29L11 21"}),Ae(dc,{animate:{d:r&&!s?"M13 19H7":"M11 21H7"},d:"M11 21H7"}),Ae(dc,{animate:{d:r&&!s?"M13 19V25":"M11 21V25"},d:"M11 21V25"})]}:{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton1-not-fullscreened",children:[Ae(dc,{animate:{d:r&&!s?"M18 14L28 4":"M18 14L26 6"}}),Ae(dc,{animate:{d:r&&!s?"M28 4V10":"M26 6V10"}}),Ae(dc,{animate:{d:r&&!s?"M28 4H22":"M26 6H22"}}),Ae(dc,{animate:{d:r&&!s?"M14 18L4 28":"M14 18L6 26"}}),Ae(dc,{animate:{d:r&&!s?"M4 28H10":"M6 26H10"}}),Ae(dc,{animate:{d:r&&!s?"M4 28V22":"M6 26V22"}})]}),"fullscreenButton2"===e.id&&Ve("svg",n?{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton2-fullscreened",children:[Ae(hc,{x:"1",y:"1",width:"30",height:"30"}),Ae(hc,{x:"1",initial:{y:"18px",width:"12px",height:"13px"},animate:{width:r&&!s?"10px":"12px",height:r&&!s?"11px":"13px",y:r&&!s?"20px":"18px"}}),Ae(dc,{animate:{d:r&&!s?"M26 5L16 15":"M26 5L18 13"},d:"M26 5L18 13"}),Ae(dc,{animate:{d:r&&!s?"M16 15H22":"M18 13H22"},d:"M18 13H22"}),Ae(dc,{animate:{d:r&&!s?"M16 15V9":"M18 13V9"},d:"M18 13V9"})]}:{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton2-not-fullscreened",children:[Ae(hc,{x:"1",y:"1",width:"30",height:"30"}),Ae(hc,{x:"1",initial:{y:"8px"},animate:{y:r&&!s?"6px":"8px",width:r?"24px":"21px",height:r?"25px":"23px"}}),Ae(dc,{animate:{d:r&&!s?"M7 24L17 14":"M7 24L15 16"},d:"M7 24L15 16"}),Ae(dc,{animate:{d:r&&!s?"M17 14H11":"M15 16H11"},d:"M15 16H11"}),Ae(dc,{animate:{d:r&&!s?"M17 14V20":"M15 16V20"},d:"M15 16V20"})]})]})})}const cc=r.ZP.button` - background: transparent; - padding: 0; - border: 0; - color: currentColor; - cursor: pointer; - height: 32px; - width: 32px; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,dc=(0,r.ZP)(ql.path)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,hc=(0,r.ZP)(ql.rect)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,pc=(0,r.ZP)(ql.button)` - background-color: transparent; - border: 0; - color: inherit; - width: 100%; - height: 100%; - text-align: left; - font-size: 1em; - padding: 0.6rem 0.4rem; - cursor: pointer; - border-radius: 0.5rem; - display: flex; - align-items: center; - - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } - - &:hover { - background-color: ${t=>t.settingsMenuColor?""+Vt(t.settingsMenuColor):"currentColor"}; - } - &:active { - background-color: ${t=>t.settingsMenuColor?""+function(t){return ft(t).darken(.175)}(t.settingsMenuColor):"currentColor"}; - } -`,fc=(0,r.ZP)(ql.li)` - list-style-type: none; - margin: 0; - color: inherit; -`,mc=(0,r.ZP)(ql.svg)` - height: 20px; - width: 20px; - min-height: 20px; - min-width: 20px; - stroke: currentColor; - stroke-width: 2px; - margin: ${t=>t.margin?t.margin:"0 0.35rem 0 0"}; -`,gc=(0,r.ZP)(ql.h3)` - color: inherit; - margin: 0; - font-weight: normal; -`,vc=(0,r.ZP)(mc)` - margin-right: 0; - height: 18px; - width: 18px; -`,yc=(0,r.ZP)(pc)` - padding: 0.25rem; - width: auto; - margin-right: 0.35rem; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,bc=()=>Ae(mc,{margin:"0 0.25rem 0 auto",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(ql.path,{initial:{pathLength:0},animate:{pathLength:1},transition:{duration:.3,type:"easeInOut"},d:"M4 16L8.0982 21.7375C8.52071 22.329 9.41304 22.288 9.80496 21.6758C12.1212 18.0575 17.15 11.8143 27 9",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})});function xc(t){var e,n;if("ArrowUp"===t.key){const n=t.target.parentElement,o=null==n?void 0:n.previousElementSibling;if(o){const t=o.firstElementChild;t&&t.focus()}else{const t=null==(e=null==n?void 0:n.parentElement)?void 0:e.lastElementChild;if(t){const e=t.firstElementChild;e&&e.focus()}}}else if("ArrowDown"===t.key){const e=t.target.parentElement,o=null==e?void 0:e.nextElementSibling;if(o){const t=o.firstElementChild;t&&t.focus()}else{const t=null==(n=null==e?void 0:e.parentElement)?void 0:n.firstElementChild;if(t){const e=t.firstElementChild;e&&e.focus()}}}}function wc(t){let{settingsMenuColor:e,onClick:n,dataCy:o,children:r}=t;return Ae(pc,{onKeyDown:xc,"data-cy":o,onClick:n,settingsMenuColor:e,layout:"position",children:r})}function Cc(t){let{item:e,setCurrentPage:n}=t;var o,r,i,s;const a=E(oe,Rt),l=e.settingsMenuColor??(null==(o=null==a?void 0:a.controlsBar)?void 0:o.barColor);return Ve(Le,{children:[Ae(fc,{children:(null==(r=e.options)?void 0:r.quality)&&Ve(wc,{dataCy:"settingsMenuQualityButton",onClick:()=>n("/quality"),settingsMenuColor:l,children:[Ae(kc,{}),"Quality"]})}),(null==(i=e.options)?void 0:i.subtitles)&&Ae(fc,{children:Ve(wc,{dataCy:"settingsMenuSubtitlesButton",onClick:()=>n("/subtitles"),settingsMenuColor:l,children:[Ae(Ec,{}),"Subtitles"]})}),(null==(s=e.options)?void 0:s.playbackSpeed)&&Ae(fc,{children:Ve(wc,{dataCy:"settingsMenuSpeedButton",onClick:()=>n("/playback-speed"),settingsMenuColor:l,children:[Ae(Mc,{}),"Speed"]})})]})}const kc=()=>Ve(mc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("rect",{x:"3",y:"3",width:"26",height:"26",rx:"6"}),Ae("path",{d:"M8.5 11V15.5M8.5 20V15.5M8.5 15.5H13.5M13.5 11V20",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),Ae("path",{d:"M23.5 15.5C23.5 18.0154 21.5324 20 19.1714 20C18.5694 20 18.2619 19.874 18.0967 19.7554C17.9388 19.6421 17.7996 19.4562 17.6935 19.1021C17.5826 18.7317 17.5282 18.244 17.509 17.6107C17.4962 17.185 17.4996 16.7425 17.5033 16.2596C17.5051 16.0175 17.507 15.7653 17.507 15.5C17.507 15.2347 17.5051 14.9825 17.5033 14.7404C17.4996 14.2575 17.4962 13.815 17.509 13.3893C17.5282 12.756 17.5826 12.2683 17.6935 11.8979C17.7996 11.5438 17.9388 11.3579 18.0967 11.2446C18.2619 11.126 18.5694 11 19.1714 11C21.5324 11 23.5 12.9846 23.5 15.5Z",stroke:"currentColor",strokeWidth:"2"})]}),Ec=()=>Ve(mc,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("rect",{x:"3",y:"3",width:"26",height:"26",rx:"6",stroke:"currentColor",strokeWidth:"2"}),Ae("path",{d:"M14 20.8452C10.7273 21.7262 8 18.676 8 16C8 13.324 11.2727 10.2738 14 11.1548",stroke:"currentCOlor",strokeWidth:"2.25",strokeLinecap:"round"}),Ae("path",{d:"M23 20.8452C20 20.8452 18 18.676 18 16C18 13.324 19.5 11 23 11.1548",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round"})]}),Mc=()=>Ae(mc,{width:"32",height:"32",viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ve("g",{clipPath:"url(#clip0_143_2)",children:[Ae("path",{d:"M26.25 27.25C31.6348 21.8652 31.6348 13.1348 26.25 7.74999C20.8652 2.36522 12.1348 2.36522 6.75 7.74999C1.36523 13.1348 1.36523 21.8652 6.75 27.25",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M6.84175 27.3492L9.72126 25.8602",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M4.38938 13.744L7.53268 14.5368",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M25.6726 14.5795L28.7945 13.7014",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M16.7426 7.50893L16.6949 4.26755",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M26.1818 27.4507L23.3237 25.921",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("circle",{cx:"16.5",cy:"17.5",r:"2.5",fill:"currentColor",stroke:"currentColor"}),Ae("path",{d:"M23.6935 17.5L16.75 19.0419V15.9581L23.6935 17.5Z",strokeWidth:"2.5",fill:"currentColor",stroke:"currentColor"})]})}),Pc=Object.keys;function Sc(t){let{item:e}=t;var n;const o=E(Jt,Rt),r=E(Kt,Rt),i=E(Ft,Rt),s=Pc(o).map((t=>Number(t)));s.sort(((t,e)=>e-t));const a=E(oe,Rt),l=e.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor);const u=s.map((t=>{const e=o[t];if(null!==e)return Ae(fc,{children:Ve(wc,{dataCy:`settingsMenuQualityButton${t}p`,settingsMenuColor:l,onClick:()=>function(t){if(i){const e=i.currentTime,n=i.paused;i.src=t,i.currentTime=e,n||i.play()}}(e),children:[t+"p",r===t&&Ae(bc,{})]})},`quality-${t}`)}));return Ae(Le,{children:u})}function Bc(t){let{item:e}=t;var n;const o=E(oe,Rt),r=e.settingsMenuColor??(null==(n=null==o?void 0:o.controlsBar)?void 0:n.barColor),[i,s]=P(Yt,Rt),[a,l]=P(Gt,Rt),u=M(Xt,Rt);if(null!==i){const t=i.map(((t,e)=>Ae(fc,{children:Ve(wc,{dataCy:`settingsMenuSubtitleButton${t.label}`,settingsMenuColor:r,onClick:()=>function(t,e){t((t=>null===t?null:(t.forEach((t=>{t.mode="hidden"})),t[e].mode="showing",t)))}(s,e),children:[t.label,(null==a?void 0:a.label)===t.label&&Ae(bc,{})]})},`subtitle-${e}`)));return Ve(Le,{children:[Ae(fc,{children:Ve(wc,{dataCy:"settingsMenuSubtitleButtonNone",settingsMenuColor:r,onClick:()=>function(t,e,n){t((t=>null===t?null:(t.forEach((t=>{t.mode="hidden"})),t))),e(null),n(null)}(s,u,l),children:["None",null===a&&Ae(bc,{})]})}),t]})}return Ae(Le,{})}function Tc(t){let{item:e}=t;var n,o,r;const i=E(_t,Rt),s=E(Ft,Rt),a=E(oe,Rt),l=e.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor),u=(null==(o=e.options)?void 0:o.playbackSpeed)&&(null==(r=e.options)?void 0:r.playbackSpeed.map(((t,e)=>Ae(fc,{children:Ve(wc,{dataCy:`settingsMenuSpeedButton-${e}`,onClick:()=>s?s.playbackRate=t:null,settingsMenuColor:l,children:[t," ",i===t&&Ae(bc,{})]})},`settingsMenuSpeedButton-${e}`))));return Ae(Le,{children:u})}const Ac=()=>Ve(vc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("path",{d:"M6 6L26 26",stroke:"currentColor",strokeWidth:"3.5",strokeLinecap:"round"}),Ae("path",{d:"M6 26L26 6",stroke:"currentColor",strokeWidth:"3.5",strokeLinecap:"round"})]}),Vc=()=>Ae(vc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae("path",{d:"M28 17.5C28.8284 17.5 29.5 16.8284 29.5 16C29.5 15.1716 28.8284 14.5 28 14.5V17.5ZM2.93934 14.9393C2.35355 15.5251 2.35355 16.4749 2.93934 17.0607L12.4853 26.6066C13.0711 27.1924 14.0208 27.1924 14.6066 26.6066C15.1924 26.0208 15.1924 25.0711 14.6066 24.4853L6.12132 16L14.6066 7.51472C15.1924 6.92893 15.1924 5.97918 14.6066 5.3934C14.0208 4.80761 13.0711 4.80761 12.4853 5.3934L2.93934 14.9393ZM28 14.5L4 14.5V17.5L28 17.5V14.5Z",fill:"currentColor"})}),Lc=(0,o.forwardRef)(((t,e)=>{var n;const[r,i]=(0,o.useState)("/home"),s=E(ne,Rt),a=E(oe,Rt);(0,o.useEffect)((()=>{if(e){const t=e.current.lastChild;let n=null==t?void 0:t.firstChild;for(;null!==n&&((null==n?void 0:n.nodeType)!==Node.ELEMENT_NODE||!n.hasChildNodes())&&(n=null==n?void 0:n.nextSibling,n););const o=null==n?void 0:n.firstChild;o&&o.focus()}}),[e,r]);const l=t.item.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor);return Ae(Rc,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.25},orientation:t.item.settingsMenuOrientation??"middle",children:Ve(Dc,{layout:!0,ref:e,"data-cy":"settingsMenu",settingsMenuColor:l,textColor:Lt(l??""),children:[Ve(Ic,{layout:!0,children:[Ae(yc,{"data-cy":"settingsMenuHeaderButton",settingsMenuColor:l,onClick:()=>"/home"===r?t.setIsSettingsMenuOpen(!1):i("/home"),children:Ae("/home"===r?Ac:Vc,{})}),Ae(gc,{layout:"position",children:"/home"===r?"Settings":"/quality"===r?"Quality":"/subtitles"===r?"Subtitles":"/playback-speed"===r?"Speed":void 0})]}),Ve(Fc,{settingsMenuHeight:s.height-45-60,onKeyDown:e=>"Escape"===e.key&&t.setIsSettingsMenuOpen(!1),children:["/home"===r&&Ae(Cc,{setCurrentPage:i,item:t.item}),"/quality"===r&&Ae(Sc,{item:t.item}),"/subtitles"===r&&Ae(Bc,{item:t.item}),"/playback-speed"===r&&Ae(Tc,{item:t.item})]})]})})}));Lc.displayName="SettingsMenu";const Rc=(0,r.ZP)(ql.div)` - transform: translate( - ${t=>"middle"===t.orientation?"-3rem":"left"===t.orientation?"-5.25rem":"0rem"}, - -2rem - ); - display: flex; - flex-direction: column-reverse; -`,Dc=(0,r.ZP)(ql.menu)` - border-radius: 0.5rem; - background-color: ${t=>t.settingsMenuColor?t.settingsMenuColor:"currentColor"}; - position: absolute; - margin: 0; - padding: 0.35rem 0.45rem; - overflow: hidden; - min-width: 6.5rem; - box-shadow: 10px 10px 55px -8px rgba(0, 0, 0, 0.56); - color: ${t=>t.textColor}; -`,Ic=(0,r.ZP)(ql.section)` - display: flex; - align-items: center; - margin: 0.25rem 0 0.5rem; - color: inherit; -`,Fc=r.ZP.ul` - max-height: ${t=>t.settingsMenuHeight}px; - color: inherit; - padding: 0; - margin: 0; - overflow-y: auto; - overflow-x: hidden; - ::-webkit-scrollbar { - width: 0; - } - scrollbar-width: none; -`;function Oc(t){let{item:e}=t;const[n,r]=(0,o.useState)(!1),i=(0,o.useRef)(null);return function(t,e){(0,o.useEffect)((()=>{const n=n=>{!t.current||t.current.contains(n.target)||e(n)};return document.addEventListener("click",n),()=>{document.removeEventListener("click",n)}}),[t,e])}(i,(()=>r(!1))),Ve(Le,{children:[e.options&&Ae(tu,{children:n&&Ae(Lc,{ref:i,item:e,setIsSettingsMenuOpen:r})}),Ae(jc,{onClick:function(){r((t=>!t))},"data-cy":e.id,whileHover:{scale:1.1,rotateZ:45},whileTap:{scale:.95,rotateZ:0},children:Ae("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ve("g",{children:[Ae($c,{as:"circle",cx:"16",cy:"16",r:"3"}),Ae($c,{d:"M10.7591 6.96198C12.3955 8.30774 14.8735 7.58014 15.5226 5.56327C15.6719 5.09948 16.3281 5.09948 16.4774 5.56327C17.1265 7.58014 19.6045 8.30774 21.2409 6.96198C21.6173 6.65252 22.1693 7.00729 22.0441 7.47815C21.4998 9.52578 23.191 11.4776 25.2953 11.2302C25.7792 11.1733 26.0518 11.7702 25.6919 12.0986C24.1269 13.5269 24.4945 16.0833 26.3984 17.0128C26.8363 17.2265 26.7429 17.8761 26.2626 17.9578C24.1738 18.3133 23.101 20.6625 24.2002 22.4738C24.4529 22.8904 24.0232 23.3863 23.5749 23.1954C21.6256 22.3652 19.453 23.7614 19.3984 25.8795C19.3858 26.3665 18.7562 26.5514 18.4823 26.1485C17.2913 24.3962 14.7087 24.3962 13.5177 26.1485C13.2438 26.5514 12.6142 26.3665 12.6016 25.8795C12.547 23.7614 10.3744 22.3652 8.42505 23.1954C7.9768 23.3863 7.54708 22.8904 7.79984 22.4738C8.899 20.6625 7.82615 18.3133 5.73744 17.9578C5.25713 17.8761 5.16374 17.2265 5.60157 17.0128C7.50552 16.0833 7.87307 13.5269 6.30811 12.0986C5.94825 11.7702 6.22084 11.1733 6.70472 11.2302C8.80898 11.4776 10.5002 9.52578 9.9559 7.47815C9.83073 7.00729 10.3827 6.65252 10.7591 6.96198Z"})]})})})]})}const jc=(0,r.ZP)(ql.button)` - background: transparent; - padding: 0; - border: 0; - color: currentColor; - cursor: pointer; - height: 32px; - width: 32px; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,$c=r.ZP.path` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function Uc(t){let{item:e}=t;const n=E(ve,Rt);return mt(e)?Ae(pu,{item:e}):vt(e)?Ae(_u,{item:e}):yt(e)?Ae(tc,{item:e}):bt(e)?Ae(ic,{}):xt(e)?Ae(ac,{}):wt(e)?Ae(uc,{item:e,isFullscreen:n}):gt(e)?Ae(Oc,{item:e}):Ae(Le,{})}function zc(t){return mt(t)||yt(t)||wt(t)||gt(t)?t.buttonColor:xt(t)||bt(t)?t.textColor:void 0}function Nc(){var t,e,n,r;const i=E(te,Rt),s=E(re,Rt),a=E(ae,Rt),l=E(ge,Rt),u=E(ne,Rt),c=E(oe,Rt);function d(t,e){var n;if(void 0===t||t.hideOnMobile&&u.width<768)return Ae(Le,{});const o=s.slice(e+1).find((t=>void 0!==t&&(!t.hideOnMobile||t.hideOnMobile&&u.width>=768)));let r;for(let i=e-1;i>-1;i--){const t=s[i];if(void 0!==t&&(!t.hideOnMobile||t.hideOnMobile&&u.width>=768)){r=s[i];break}}return Ae(Wc,{marginLeft:t.marginLeft,marginRight:t.marginRight,isProgressBarNextItem:!!o&&vt(o),isProgressBarPreviousItem:!!r&&vt(r),onClick:t=>t.stopPropagation(),isProgressBar:vt(t),color:zc(t)??Lt((null==(n=c.controlsBar)?void 0:n.barColor)??""),children:Ae(Uc,{item:t})})}const h=null!=(t=c.controlsBar)&&t.alwaysVisible?null==(e=c.controlsBar)?void 0:e.alwaysVisible:a||l||i;return Ae(tu,{children:h&&Ve(Zc,{className:It.toString(),variants:"movement"===(null==(n=c.controlsBar)?void 0:n.animate)?yu:vu,initial:"init",animate:"anim",exit:"exit","data-cy":"controlsBar",children:[c.topProgressBar&&Ae(_c,{children:Ae(_u,{onTop:!0,item:c.topProgressBar})}),Ae(Hc,{height:"45px",backgroundColor:null==(r=c.controlsBar)?void 0:r.barColor,children:s.map(((t,e)=>Ae(o.Fragment,{children:d(t,e)},`item-${e}`)))})]})})}const Zc=(0,r.ZP)(ql.div)` - width: 100%; - position: absolute; - left: 0; - bottom: 0; -`,Hc=r.ZP.div` - height: ${t=>t.height}; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - width: 100%; - display: flex; - align-items: center; - padding: 0.3rem 0.5rem; - box-sizing: border-box; -`,Wc=r.ZP.div` - height: 100%; - width: auto; - color: ${t=>t.color}; - flex: ${t=>t.isProgressBar?"1":"0"}; - display: flex; - align-items: center; - justify-content: center; - /* - Progress bars don't have margin by default - If the next item is a progress bar the margin is increased (the scrubber takes up space) - Otherwise use the default margin of 0.35rem - */ - margin-right: ${t=>t.marginRight?t.marginRight:t.isProgressBarNextItem?"0.85rem":t.isProgressBar?"0":"0.35rem"}; - - margin-left: ${t=>t.marginLeft?t.marginLeft:t.isProgressBarPreviousItem?"0.85rem":"0"}; - - :last-child { - margin-right: ${t=>t.marginRight?t.marginRight:"0"}; - } -`,_c=r.ZP.div` - width: 100%; - height: 3rem; - display: flex; - flex-direction: column; - justify-content: flex-end; -`;function qc(){return Ae(Yc,{children:Ae(Gc,{})})}const Xc=r.F4` - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -`,Yc=r.ZP.div` - width: 128px; - height: 128px; - display: flex; - justify-content: center; - align-items: center; -`,Gc=r.ZP.span` - height: 86px; - width: 86px; - border: 10px solid currentColor; - border-bottom-color: transparent; - border-radius: 50%; - display: inline-block; - box-sizing: border-box; - animation: ${Xc} 1s linear infinite; -`;function Kc(){const t=E(zt,Rt),e=E(Ut,Rt),n=E(re,Rt),o=E(Xt,Rt),r=E(te,Rt),i=function(t){if(void 0===t)return;const e=t.find((t=>t&&t.id.startsWith("playButton")));return e||void 0}(n),s=E(Ft,Rt);const a=e||t===$t.paused||t===$t.ended;return Ve(Qc,{children:[Ae(Jc,{"data-cy":"playIndicator",tabIndex:a?0:-1,playButtonColor:(null==i?void 0:i.buttonColor)??"white",variants:Cu,whileHover:{scale:1.1},animate:"anim",custom:a,onKeyDown:t=>"Enter"===t.key&&Ct(s),children:function(){if(e)return Ae(qc,{});if("playButton2"===(null==i?void 0:i.id)){if(t===$t.playing)return Ae(eu,{isIndicator:!0});if(t===$t.paused)return Ae(ou,{isIndicator:!0});if(t===$t.ended)return Ae(du,{isIndicator:!0})}else{if(t===$t.playing)return Ae(au,{isIndicator:!0});if(t===$t.paused)return Ae(iu,{isIndicator:!0});if(t===$t.ended)return Ae(uu,{isIndicator:!0})}}()}),Ae(tu,{children:o&&Ae(td,{"data-cy":"currentSubtitle",custom:r,initial:"init",animate:"anim",exit:"exit",variants:ku,transition:Eu,children:o.text})})]})}const Qc=r.ZP.div` - height: 100%; - width: 100%; - position: absolute; - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; - pointer-events: none; - flex-direction: column; -`,Jc=(0,r.ZP)(ql.button)` - color: ${t=>t.playButtonColor}; - background-color: transparent; - filter: drop-shadow(rgba(0, 0, 0, 0.35) 0px 5px 15px); - padding: 0; - border: 0; - pointer-events: none; - will-change: transform; - :focus-visible { - outline: 4px dashed ${t=>t.theme.focusColor}; - } -`,td=(0,r.ZP)(ql.div)` - position: absolute; - pointer-events: none; - text-align: center; - padding: 0.5rem; - background-color: black; - margin: 1rem; - opacity: 0.75; - font-size: 1.1em; -`;function ed(){const t=E(Ft,Rt),e=M(te,Rt);!function(){const[t,e]=P(ee,Rt),n=M(ne,Rt),r=E(Ft,Rt);(0,o.useEffect)((()=>{null!==r&&e(new ResizeObserver((t=>{const e=t[0];e&&e.contentRect&&n({height:parseFloat(e.contentRect.height.toFixed(2)),width:parseFloat(e.contentRect.width.toFixed(2))})})))}),[r,n,e]),(0,o.useEffect)((()=>{null!==t&&null!==r&&t.observe(r)}),[t,r])}();const n=M(Ot,Rt),r=(0,o.useRef)(null),i=M(ve,Rt);(0,o.useEffect)((()=>{r&&r.current&&n(r.current)}),[r]),function(t){(0,o.useEffect)((()=>{function e(){t(Ce.isFullscreen)}return Ce.isEnabled&&Ce.on("change",e),()=>{Ce.isEnabled&&Ce.off("change",e)}}),[t])}(i);const{width:s,height:a}=E(jt,Rt),l=E(qt,Rt);return Ae(nd,{width:s,height:a,"data-cy":"videoPlayerWrapper",ref:r,onFocus:()=>e(!0),onMouseEnter:()=>{e(!0)},onMouseLeave:()=>{e(!1)},tabIndex:0,onKeyDown:e=>function(t,e,n){if(" "===t.key||"k"===t.key)t.preventDefault(),null!==e&&Ct(e);else if(("ArrowLeft"===t.key||"ArrowRight"===t.key||"ArrowUp"===t.key||"ArrowDown"===t.key)&&(t.preventDefault(),null!==e&&null!==n))if(n.startsWith("volumeBar")){let o=e.volume;"volumeBar1"===n?"ArrowLeft"===t.key?o-=.05:"ArrowRight"===t.key&&(o+=.05):"volumeBar2"===n&&("ArrowDown"===t.key?o-=.05:"ArrowUp"===t.key&&(o+=.05)),e.volume=kt(o,0,1)}else{let n=e.currentTime;("ArrowLeft"===t.key||"ArrowRight"===t.key)&&("ArrowLeft"===t.key?n-=5:"ArrowRight"===t.key&&(n+=5),e.currentTime=kt(n,0,e.duration))}}(e,t,l),children:Ve(od,{"data-cy":"playerContainer",children:[Ae(Kc,{}),Ae(Re,{}),t&&Ae(Nc,{})]})})}const nd=r.ZP.div` - position: relative; - background: black; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - height: ${t=>t.height?t.height:"100%"}; - width: ${t=>t.width?t.width:"100%"}; - :focus-visible { - outline: 3.5px dashed ${t=>t.theme.focusColor}; - } -`,od=r.ZP.div` - display: flex; - flex-direction: column; - justify-content: flex-end; - align-items: flex-start; - color: white; - overflow: hidden; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - height: 100%; - width: 100%; -`;function rd(t){let{values:e,rest:n}=t;const o=M(oe,Rt),r=M(re,Rt),i=M(jt,Rt);return Me(o,r,i,n,e),Ae(ed,{})}function id(t){let{values:e,...n}=t;return Ae(C,{scope:Rt,children:e?Ae(r.f6,{theme:{focusColor:null==e?void 0:e.focusColor},children:Ae(rd,{values:e,rest:n})}):Ve(Le,{children:[Ve("div",{"data-cy":"errorMessage",style:{color:"red"},children:["You need to define the values attribute on your custoplayer tag. For the time being you can set it to be an empty object. ",Ae("br",{}),"example:"]}),Ae("code",{children:""})]})})}(0,r.ZP)(ql.div)` - width: 100%; - position: absolute; - display: flex; - z-index: 6; - left: 0; - bottom: 0; - flex-direction: column; - justify-content: flex-end; - align-items: center; -`;const sd={previewTooltip:{id:"text"},controlsBar:{barColor:"#392f5ad4",animate:"movement"},item1:{id:"playButton1",buttonColor:"#efefef"},item2:{id:"volumeButton1",barId:"volumeBar1",buttonColor:"#efefef",barColor:"#efefef",volumeColor:"#4f91cb"},item3:{id:"currentTime",hideOnMobile:!0,textColor:"#efefef"},item4:{id:"progressBar1",barColor:"#efefef",progressColor:"#4f91cb"},item5:{id:"duration",hideOnMobile:!0,textColor:"#efefef"},item7:{id:"fullscreenButton1",buttonColor:"#efefef"},focusColor:"#efefef"},ad={previewTooltip:{id:"text"},controlsBar:{animate:"opacity",barColor:"#d90427b8"},item1:{id:"playButton1",buttonColor:"#ffd3d3"},item2:{id:"volumeButton1",barId:"volumeBar2",buttonColor:"#ffd3d3",barColor:"#ffd3d3",volumeColor:"#552525"},item3:{id:"currentTime",hideOnMobile:!0,textColor:"#fee1e1"},item4:{id:"progressBar2",barColor:"#ffd3d3",progressColor:"#552525"},item5:{id:"duration",hideOnMobile:!0,textColor:"#fee1e1"},item7:{id:"fullscreenButton1",buttonColor:"#ffd3d3"},focusColor:"#ffd3d3"},ld={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#ffffffdd"},item1:{id:"playButton1",buttonColor:"#353535"},item2:{id:"volumeButton1",barId:"volumeBar2",buttonColor:"#353535",barColor:"#e7e7e7",volumeColor:"#353535",scrubberBorderColor:"transparent",scrubberColor:"transparent"},item3:{id:"currentTime",textColor:"#353535"},topProgressBar:{id:"progressBar1",barColor:"#e7e7e7",progressColor:"#353535",scrubberColor:"transparent",scrubberBorderColor:"none"},item5:{id:"duration",textColor:"#353535",marginLeft:"auto"},item7:{id:"fullscreenButton1",buttonColor:"#353535"},focusColor:"#353535"},ud={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#2c6e49d4"},item1:{id:"playButton2",buttonColor:"#EEE5E5"},item2:{id:"volumeButton1",barId:"volumeBar1",volumeColor:"#67ba8b",scrubberColor:"transparent",scrubberBorderColor:"#67ba8b",barColor:"#EEE5E5"},item3:{id:"fullscreenButton2",buttonColor:"#EEE5E5"},item4:{id:"progressBar3",progressColor:"#67ba8b"},focusColor:"#EEE5E5"},cd={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#a9e5bbd3"},topProgressBar:{id:"progressBar1",scrubberColor:"transparent",barColor:"#a9e5bbd3",progressColor:"#26352a",bufferedColor:"#46464695"},item2:{id:"currentTime"},item1:{id:"volumeButton1",barId:"volumeBar2",scrubberColor:"transparent",barColor:"#a9e5bbd3",volumeColor:"#26352a"},item4:{id:"playButton1",marginLeft:"auto",marginRight:"auto"},item6:{id:"settingsButton1",settingsMenuColor:"#a9e5bbec",settingsMenuOrientation:"left",options:{playbackSpeed:[.25,.5,1,1.25,1.5,2]}},item7:{id:"fullscreenButton1"}}},9444:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>h,contentTitle:()=>c,default:()=>g,frontMatter:()=>u,metadata:()=>d,toc:()=>p});var o=n(7896),r=n(2784),i=n(876),s=n(6474);const a={midnightBlue:s.NT,fieryRed:s.FF,milkyWhite:s.L2,mint:s.DT,grassyGreen:s.Pv};function l(){const[t,e]=(0,r.useState)("midnightBlue");return r.createElement("div",{className:"homepage-container"},r.createElement("div",{className:"video-container"},r.createElement(s.O8,{poster:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/custoplayer-demo-poster.png",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-video-qualities/custoplayer-demo-1080.mp4",values:a[t]})),r.createElement("label",{htmlFor:"preset-dropdown"},"Presets"),r.createElement("select",{id:"preset-dropdown",value:t,onChange:t=>e(t.target.value)},r.createElement("option",{value:"midnightBlue"},"\ud83c\udf15 Midnight Blue"),r.createElement("option",{value:"fieryRed"},"\ud83d\udd25 Fiery Red"),r.createElement("option",{value:"milkyWhite"},"\ud83e\udd5b Milky White"),r.createElement("option",{value:"grassyGreen"},"\ud83e\udd57 Grassy Green"),r.createElement("option",{value:"mint"},"\ud83c\udf3f Mint")))}n(2896);const u={sidebar_position:1,slug:"/"},c="Custoplayer",d={unversionedId:"homepage",id:"homepage",title:"Custoplayer",description:"A npm Package to Create Customizable Video Players",source:"@site/docs/homepage.mdx",sourceDirName:".",slug:"/",permalink:"/Custoplayer/",draft:!1,tags:[],version:"current",sidebarPosition:1,frontMatter:{sidebar_position:1,slug:"/"},sidebar:"tutorialSidebar",next:{title:"Quick Start",permalink:"/Custoplayer/quick-start"}},h={},p=[{value:"A npm Package to Create Customizable Video Players",id:"a-npm-package-to-create-customizable-video-players",level:2}],f={toc:p},m="wrapper";function g(t){let{components:e,...n}=t;return(0,i.kt)(m,(0,o.Z)({},f,n,{components:e,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"custoplayer"},"Custoplayer"),(0,i.kt)("h2",{id:"a-npm-package-to-create-customizable-video-players"},"A npm Package to Create Customizable Video Players"),(0,i.kt)(l,{mdxType:"Homepage"}))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/9951fc4d.23188d93.js.LICENSE.txt b/assets/js/9951fc4d.23188d93.js.LICENSE.txt deleted file mode 100644 index e68557b..0000000 --- a/assets/js/9951fc4d.23188d93.js.LICENSE.txt +++ /dev/null @@ -1,9 +0,0 @@ -/** - * @license React - * react-jsx-runtime.production.min.js - * - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */ diff --git a/assets/js/9951fc4d.d186cd8a.js b/assets/js/9951fc4d.d186cd8a.js new file mode 100644 index 0000000..1496960 --- /dev/null +++ b/assets/js/9951fc4d.d186cd8a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[63],{9444:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>u,contentTitle:()=>p,default:()=>h,frontMatter:()=>c,metadata:()=>d,toc:()=>m});var o=a(7896),s=a(2784),r=a(876),i=a(2194);const n={midnightBlue:i.NT,fieryRed:i.FF,milkyWhite:i.L2,mint:i.DT,grassyGreen:i.Pv};function l(){const[e,t]=(0,s.useState)("midnightBlue");return s.createElement("div",{className:"homepage-container"},s.createElement("div",{className:"video-container"},s.createElement(i.O8,{poster:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/custoplayer-demo-poster.png",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-video-qualities/custoplayer-demo-1080.mp4",values:n[e]})),s.createElement("label",{htmlFor:"preset-dropdown"},"Presets"),s.createElement("select",{id:"preset-dropdown",value:e,onChange:e=>t(e.target.value)},s.createElement("option",{value:"midnightBlue"},"\ud83c\udf15 Midnight Blue"),s.createElement("option",{value:"fieryRed"},"\ud83d\udd25 Fiery Red"),s.createElement("option",{value:"milkyWhite"},"\ud83e\udd5b Milky White"),s.createElement("option",{value:"grassyGreen"},"\ud83e\udd57 Grassy Green"),s.createElement("option",{value:"mint"},"\ud83c\udf3f Mint")))}a(2896);const c={sidebar_position:1,slug:"/"},p="Custoplayer",d={unversionedId:"homepage",id:"homepage",title:"Custoplayer",description:"A npm Package to Create Customizable Video Players",source:"@site/docs/homepage.mdx",sourceDirName:".",slug:"/",permalink:"/Custoplayer/",draft:!1,tags:[],version:"current",sidebarPosition:1,frontMatter:{sidebar_position:1,slug:"/"},sidebar:"tutorialSidebar",next:{title:"Quick Start",permalink:"/Custoplayer/quick-start"}},u={},m=[{value:"A npm Package to Create Customizable Video Players",id:"a-npm-package-to-create-customizable-video-players",level:2}],y={toc:m},g="wrapper";function h(e){let{components:t,...a}=e;return(0,r.kt)(g,(0,o.Z)({},y,a,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"custoplayer"},"Custoplayer"),(0,r.kt)("h2",{id:"a-npm-package-to-create-customizable-video-players"},"A npm Package to Create Customizable Video Players"),(0,r.kt)(l,{mdxType:"Homepage"}))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/afc1c92d.24dcaf97.js b/assets/js/afc1c92d.24dcaf97.js new file mode 100644 index 0000000..81676fc --- /dev/null +++ b/assets/js/afc1c92d.24dcaf97.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[617],{5382:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>a,default:()=>O,frontMatter:()=>i,metadata:()=>c,toc:()=>l});var r=n(7896),o=(n(2784),n(876));const i={sidebar_position:9},a="License",c={unversionedId:"license",id:"license",title:"License",description:"MIT License",source:"@site/docs/license.mdx",sourceDirName:".",slug:"/license",permalink:"/Custoplayer/license",draft:!1,tags:[],version:"current",sidebarPosition:9,frontMatter:{sidebar_position:9},sidebar:"tutorialSidebar",previous:{title:"Contributing",permalink:"/Custoplayer/contributing"}},s={},l=[],p={toc:l},u="wrapper";function O(e){let{components:t,...n}=e;return(0,o.kt)(u,(0,r.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h1",{id:"license"},"License"),(0,o.kt)("p",null,"MIT License"),(0,o.kt)("p",null,"Copyright (c) 2023 Etesam Ansari"),(0,o.kt)("p",null,'Permission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the "Software"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:'),(0,o.kt)("p",null,"The above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software."),(0,o.kt)("p",null,'THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.'))}O.isMDXComponent=!0},876:(e,t,n)=>{n.d(t,{Zo:()=>p,kt:()=>d});var r=n(2784);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=r.createContext({}),l=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},p=function(e){var t=l(e.components);return r.createElement(s.Provider,{value:t},e.children)},u="mdxType",O={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},f=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,i=e.originalType,s=e.parentName,p=c(e,["components","mdxType","originalType","parentName"]),u=l(n),f=o,d=u["".concat(s,".").concat(f)]||u[f]||O[f]||i;return n?r.createElement(d,a(a({ref:t},p),{},{components:n})):r.createElement(d,a({ref:t},p))}));function d(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var i=n.length,a=new Array(i);a[0]=f;var c={};for(var s in t)hasOwnProperty.call(t,s)&&(c[s]=t[s]);c.originalType=e,c[u]="string"==typeof e?e:o,a[1]=c;for(var l=2;l{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>a,default:()=>O,frontMatter:()=>i,metadata:()=>c,toc:()=>l});var r=n(7896),o=(n(2784),n(876));const i={sidebar_position:9},a="License",c={unversionedId:"license",id:"license",title:"License",description:"MIT License",source:"@site/docs/license.mdx",sourceDirName:".",slug:"/license",permalink:"/Custoplayer/license",draft:!1,tags:[],version:"current",sidebarPosition:9,frontMatter:{sidebar_position:9},sidebar:"tutorialSidebar",previous:{title:"Contributing",permalink:"/Custoplayer/contributing"}},s={},l=[],p={toc:l},u="wrapper";function O(e){let{components:t,...n}=e;return(0,o.kt)(u,(0,r.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h1",{id:"license"},"License"),(0,o.kt)("p",null,"MIT License"),(0,o.kt)("p",null,"Copyright (c) 2022 Nicolas ERNY"),(0,o.kt)("p",null,'Permission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the "Software"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:'),(0,o.kt)("p",null,"The above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software."),(0,o.kt)("p",null,'THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.'))}O.isMDXComponent=!0},876:(e,t,n)=>{n.d(t,{Zo:()=>p,kt:()=>d});var r=n(2784);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=r.createContext({}),l=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},p=function(e){var t=l(e.components);return r.createElement(s.Provider,{value:t},e.children)},u="mdxType",O={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},f=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,i=e.originalType,s=e.parentName,p=c(e,["components","mdxType","originalType","parentName"]),u=l(n),f=o,d=u["".concat(s,".").concat(f)]||u[f]||O[f]||i;return n?r.createElement(d,a(a({ref:t},p),{},{components:n})):r.createElement(d,a({ref:t},p))}));function d(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var i=n.length,a=new Array(i);a[0]=f;var c={};for(var s in t)hasOwnProperty.call(t,s)&&(c[s]=t[s]);c.originalType=e,c[u]="string"==typeof e?e:o,a[1]=c;for(var l=2;l{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>u,default:()=>f,frontMatter:()=>i,metadata:()=>p,toc:()=>m});var a=n(7896),o=n(2784),r=n(876),l=n(2194);const s=function(){return o.createElement(l.O8,{poster:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/custoplayer-demo-poster.png",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-video-qualities/custoplayer-demo-1080.mp4",values:{previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"rgba(28, 28, 28, 0.85)"},item1:{id:"playButton1",buttonColor:"#b7cef4"},item2:{id:"volumeButton1",barId:"volumeBar2",volumeColor:"#a4c3f5",buttonColor:"#a4c3f5"},item3:{id:"currentTime",textColor:"#b7cef4"},item4:{id:"progressBar1",progressColor:"#a4c3f5"},item5:{id:"duration",textColor:"#b7cef4"},item6:{id:"settingsButton1",buttonColor:"#a4c3f5",settingsMenuColor:"#a4c3f5c8",settingsMenuOrientation:"left",options:{playbackSpeed:[.25,.5,1,1.5,2]}},item7:{id:"fullscreenButton1",buttonColor:"#b7cef4"}}})},i={sidebar_position:2},u="Quick Start",p={unversionedId:"quick-start",id:"quick-start",title:"Quick Start",description:"Custoplayer is a React.js npm package that allows for the quick creation of beautiful video players.",source:"@site/docs/quick-start.mdx",sourceDirName:".",slug:"/quick-start",permalink:"/Custoplayer/quick-start",draft:!1,tags:[],version:"current",sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"tutorialSidebar",previous:{title:"Custoplayer",permalink:"/Custoplayer/"},next:{title:"Overview",permalink:"/Custoplayer/overview"}},c={},m=[{value:"\ud83d\udce6 Installation",id:"-installation",level:2},{value:"npm",id:"npm",level:3},{value:"yarn",id:"yarn",level:3},{value:"\ud83e\uddd1\u200d\ud83d\udcbb Usage",id:"-usage",level:2},{value:"Using a preset",id:"using-a-preset",level:3},{value:"A fully custom configuration",id:"a-fully-custom-configuration",level:3},{value:"\ud83c\udfa5 Example",id:"-example",level:2}],d={toc:m},y="wrapper";function f(e){let{components:t,...n}=e;return(0,r.kt)(y,(0,a.Z)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"quick-start"},"Quick Start"),(0,r.kt)("p",null,"Custoplayer is a React.js npm package that allows for the quick creation of beautiful video players."),(0,r.kt)("h2",{id:"-installation"},"\ud83d\udce6 Installation"),(0,r.kt)("h3",{id:"npm"},"npm"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-bash"},"npm install custoplayer\n")),(0,r.kt)("h3",{id:"yarn"},"yarn"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-bash"},"yarn add custoplayer\n")),(0,r.kt)("h2",{id:"-usage"},"\ud83e\uddd1\u200d\ud83d\udcbb Usage"),(0,r.kt)("h3",{id:"using-a-preset"},"Using a preset"),(0,r.kt)("p",null,"All the different preset names"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"midnightBlue"),(0,r.kt)("li",{parentName:"ul"},"fieryRed"),(0,r.kt)("li",{parentName:"ul"},"milkyWhite"),(0,r.kt)("li",{parentName:"ul"},"grassyGreen"),(0,r.kt)("li",{parentName:"ul"},"mint")),(0,r.kt)("p",null,"The specific values for each preset can be found ",(0,r.kt)("a",{parentName:"p",href:"https://github.com/Etesam913/Custoplayer/blob/main/packages/custoplayer/src/lib/presets.tsx"},"here")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Custoplayer, midnightBlue } from 'custoplayer';\n\nfunction CustoplayerExample() {\n return (\n \n );\n}\n\nexport default CustoplayerExample;\n")),(0,r.kt)("h3",{id:"a-fully-custom-configuration"},"A fully custom configuration"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Custoplayer } from 'custoplayer';\n\nfunction CustoplayerExample() {\n return (\n \n );\n}\n\nexport default CustoplayerExample;\n")),(0,r.kt)("h2",{id:"-example"},"\ud83c\udfa5 Example"),(0,r.kt)(s,{mdxType:"CustoplayerExample"}))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/c179f821.e7e50c79.js b/assets/js/c179f821.e7e50c79.js deleted file mode 100644 index f6efe83..0000000 --- a/assets/js/c179f821.e7e50c79.js +++ /dev/null @@ -1,563 +0,0 @@ -/*! For license information please see c179f821.e7e50c79.js.LICENSE.txt */ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[699],{6474:(t,e,n)=>{n.d(e,{DT:()=>cd,FF:()=>ad,L2:()=>ld,NT:()=>sd,O8:()=>id,Pv:()=>ud});var o=n(2784),r=n(9453);let i=0;const s=Symbol(),a=t=>!!t[s],l=t=>!t[s].c,u=t=>{var e;const{b:n,c:o}=t[s];o&&(o(),null==(e=h.get(n))||e())},c=(t,e)=>{const n=t[s].o,o=e[s].o;return n===o||t===o||a(n)&&c(n,e)},d=(t,e)=>{const n={b:t,o:e,c:null},o=new Promise((t=>{n.c=()=>{n.c=null,t()},e.finally(n.c)}));return o[s]=n,o},h=new WeakMap,p=t=>"init"in t,f="r",m="w",g="c",v="s",y=t=>{const e=new WeakMap,n=new WeakMap,o=new Map;let r,i;if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&(r=new Set,i=new Set),t)for(const[s,a]of t){const t={v:a,r:0,y:!0,d:new Map};"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&(Object.freeze(t),p(s)||console.warn("Found initial value for derived atom which can cause unexpected behavior",s)),e.set(s,t)}const h=new WeakMap,y=new WeakMap,b=t=>{let e=y.get(t);return e||(e=new Map,y.set(t,e)),e},x=(t,n)=>{if(t){const e=b(t);let o=e.get(n);return o||(o=x(t.p,n),o&&"p"in o&&l(o.p)&&(o=void 0),o&&e.set(n,o)),o}return e.get(n)},w=(t,n,r)=>{if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&Object.freeze(r),t)b(t).set(n,r);else{const t=e.get(n);e.set(n,r),o.has(n)||o.set(n,t)}},C=function(t,e,n){if(void 0===e&&(e=new Map),!n)return e;const o=new Map;let r=!1;return n.forEach((n=>{var i;const s=(null==(i=x(t,n))?void 0:i.r)||0;o.set(n,s),e.get(n)!==s&&(r=!0)})),e.size!==o.size||r?o:e},k=(t,e,n,o,r)=>{const i=x(t,e);if(i){if(r&&(!("p"in i)||!c(i.p,r)))return i;"p"in i&&u(i.p)}const s={v:n,r:(null==i?void 0:i.r)||0,y:!0,d:C(t,null==i?void 0:i.d,o)};let a=!(null!=i&&i.y);return i&&"v"in i&&Object.is(i.v,n)?s.d!==i.d&&(s.d.size!==i.d.size||!Array.from(s.d.keys()).every((t=>i.d.has(t))))&&(a=!0,Promise.resolve().then((()=>{F(t)}))):(a=!0,++s.r,s.d.has(e)&&(s.d=new Map(s.d).set(e,s.r))),i&&!a?i:(w(t,e,s),s)},M=(t,e,n,o,r)=>{const i=x(t,e);if(i){if(r&&(!("p"in i)||!c(i.p,r)))return i;"p"in i&&u(i.p)}const s={e:n,r:((null==i?void 0:i.r)||0)+1,y:!0,d:C(t,null==i?void 0:i.d,o)};return w(t,e,s),s},E=(t,e,n,o)=>{const r=x(t,e);if(r&&"p"in r){if(c(r.p,n)&&!l(r.p))return r.y?r:{...r,y:!0};u(r.p)}((t,e,n)=>{let o=h.get(e);o||(o=new Map,h.set(e,o)),n.then((()=>{o.get(t)===n&&(o.delete(t),o.size||h.delete(e))})),o.set(t,n)})(t,e,n);const i={p:n,r:((null==r?void 0:r.r)||0)+1,y:!0,d:C(t,null==r?void 0:r.d,o)};return w(t,e,i),i},P=(t,e,n,o)=>{if(n instanceof Promise){const r=d(n,n.then((n=>{k(t,e,n,o,r)})).catch((n=>{if(n instanceof Promise)return a(n)?n.then((()=>{S(t,e,!0)})):n;M(t,e,n,o,r)})));return E(t,e,r,o)}return k(t,e,n,o)},S=(t,e,o)=>{if(!o){const o=x(t,e);if(o){if(o.y&&"p"in o&&!l(o.p))return o;if(o.d.forEach(((o,r)=>{if(r!==e)if(n.has(r)){const e=x(t,r);e&&!e.y&&S(t,r)}else S(t,r)})),Array.from(o.d).every((e=>{let[n,o]=e;const r=x(t,n);return r&&!("p"in r)&&r.r===o})))return o.y?o:{...o,y:!0}}}const r=new Set;try{const n=e.read((n=>{r.add(n);const o=n===e?x(t,n):S(t,n);if(o){if("e"in o)throw o.e;if("p"in o)throw o.p;return o.v}if(p(n))return n.init;throw new Error("no atom init")}));return P(t,e,n,r)}catch(i){if(i instanceof Promise){const n=a(i)&&l(i)?(t=>d(t[s].b,t[s].o))(i):d(i,i);return E(t,e,n,r)}return M(t,e,i,r)}},B=(t,e)=>S(e,t),T=(t,e)=>!e.l.size&&(!e.t.size||1===e.t.size&&e.t.has(t)),A=(t,e)=>{const o=n.get(e);null==o||o.t.forEach((n=>{n!==e&&(((t,e)=>{const n=x(t,e);if(n){const o={...n,y:!1};w(t,e,o)}else"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] could not invalidate non existing atom",e)})(t,n),A(t,n))}))},V=(t,e,n)=>{let o=!0;const r=(e,n)=>{const o=S(t,e);if("e"in o)throw o.e;if("p"in o){if(null!=n&&n.unstable_promise)return o.p.then((()=>{const i=x(t,e);return i&&"p"in i&&i.p===o.p?new Promise((t=>setTimeout(t))).then((()=>r(e,n))):r(e,n)}));throw"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.info("Reading pending atom state in write operation. We throw a promise for now.",e),o.p}if("v"in o)return o.v;throw"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] no value found while reading atom in write operation. This is probably a bug.",e),new Error("no value found")},i=e.write(r,((n,r)=>{let i;if(n===e){if(!p(n))throw new Error("atom not writable");(t=>{const e=new Set,n=h.get(t);return n&&(h.delete(t),n.forEach(((t,n)=>{u(t),e.add(n)}))),e})(n).forEach((e=>{e!==t&&P(e,n,r)}));x(t,n)!==P(t,n,r)&&A(t,n)}else i=V(t,n,r);return o||F(t),i}),n);return o=!1,i},L=(t,e,n)=>{const o=V(n,t,e);return F(n),o},R=(t,e,o)=>{const r={t:new Set(o&&[o]),l:new Set};if(n.set(e,r),"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&i.add(e),S(void 0,e).d.forEach(((o,r)=>{const i=n.get(r);i?i.t.add(e):r!==e&&R(t,r,e)})),(t=>!!t.write)(e)&&e.onMount){const n=n=>L(e,n,t),o=e.onMount(n);t=void 0,o&&(r.u=o)}return r},D=(t,e)=>{var o;const r=null==(o=n.get(e))?void 0:o.u;r&&r(),n.delete(e),"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&i.delete(e);const s=x(t,e);s?("p"in s&&u(s.p),s.d.forEach(((o,r)=>{if(r!==e){const o=n.get(r);o&&(o.t.delete(e),T(r,o)&&D(t,r))}}))):"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&console.warn("[Bug] could not find atom state to unmount",e)},I=(t,e,o,r)=>{const i=new Set(o.d.keys());null==r||r.forEach(((o,r)=>{if(i.has(r))return void i.delete(r);const s=n.get(r);s&&(s.t.delete(e),T(r,s)&&D(t,r))})),i.forEach((o=>{const r=n.get(o);r?r.t.add(e):n.has(e)&&R(t,o,e)}))},F=t=>{if(t)b(t).forEach(((o,r)=>{if(o!==e.get(r)){const e=n.get(r);null==e||e.l.forEach((e=>e(t)))}}));else{for(;o.size;){const t=Array.from(o);o.clear(),t.forEach((t=>{let[e,o]=t;const r=x(void 0,e);if(r&&r.d!==(null==o?void 0:o.d)&&I(void 0,e,r,null==o?void 0:o.d),o&&!o.y&&null!=r&&r.y)return;const i=n.get(e);null==i||i.l.forEach((t=>t()))}))}"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&r.forEach((t=>t()))}},O=(t,n)=>{n&&(t=>{b(t).forEach(((n,o)=>{const r=e.get(o);(!r||n.r>r.r||n.y!==r.y||n.r===r.r&&n.d!==r.d)&&(e.set(o,n),n.d!==(null==r?void 0:r.d)&&I(t,o,n,null==r?void 0:r.d))}))})(n),F(void 0)},j=(t,e,o)=>{const r=((t,e)=>{let o=n.get(e);return o||(o=R(t,e)),o})(o,t).l;return r.add(e),()=>{r.delete(e),((t,e)=>{const o=n.get(e);o&&T(e,o)&&D(t,e)})(o,t)}},$=(t,e)=>{for(const[n,o]of t)p(n)&&(P(e,n,o),A(e,n));F(e)};return"production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")?{[f]:B,[m]:L,[g]:O,[v]:j,h:$,n:t=>(r.add(t),()=>{r.delete(t)}),l:()=>i.values(),a:t=>e.get(t),m:t=>n.get(t)}:{[f]:B,[m]:L,[g]:O,[v]:j,h:$}},b=(t,e)=>({s:e?e(t).SECRET_INTERNAL_store:y(t)}),x=new Map,w=t=>(x.has(t)||x.set(t,(0,o.createContext)(b())),x.get(t)),C=t=>{let{children:e,initialValues:n,scope:r,unstable_createStore:i,unstable_enableVersionedWrite:s}=t;const[a,l]=(0,o.useState)({});(0,o.useEffect)((()=>{const t=u.current;t.w&&(t.s[g](null,a),delete a.p,t.v=a)}),[a]);const u=(0,o.useRef)();if(!u.current){const t=b(n,i);if(s){let e=0;t.w=t=>{l((n=>{const o=e?n:{p:n};return t(o),o}))},t.v=a,t.r=t=>{++e,t(),--e}}u.current=t}const c=w(r);return(0,o.createElement)(c.Provider,{value:u.current},e)};function k(t,e){return function(t,e){const n="atom"+ ++i,o={toString:()=>n};return"function"==typeof t?o.read=t:(o.init=t,o.read=t=>t(o),o.write=(t,e,n)=>e(o,"function"==typeof n?n(t(o)):n)),e&&(o.write=e),o}(t,e)}function M(t,e){const n=w(e),r=(0,o.useContext)(n),{s:i,v:s}=r,a=e=>{const n=i[f](t,e);if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&!n.y)throw new Error("should not be invalidated");if("e"in n)throw n.e;if("p"in n)throw n.p;if("v"in n)return n.v;throw new Error("no atom value")},[[l,u,c],d]=(0,o.useReducer)(((e,n)=>{const o=a(n);return Object.is(e[1],o)&&e[2]===t?e:[n,o,t]}),s,(e=>[e,a(e),t]));let h=u;return c!==t&&(d(l),h=a(l)),(0,o.useEffect)((()=>{const{v:e}=r;e&&i[g](t,e);const n=i[v](t,d,e);return d(e),n}),[i,t,r]),(0,o.useEffect)((()=>{i[g](t,l)})),(0,o.useDebugValue)(h),h}function E(t,e){const n=w(e),{s:r,w:i}=(0,o.useContext)(n);return(0,o.useCallback)((e=>{if("production"!==({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")&&!("write"in t))throw new Error("not writable atom");const n=n=>r[m](t,e,n);return i?i(n):n()}),[r,i,t])}function P(t,e){return"scope"in t&&(console.warn("atom.scope is deprecated. Please do useAtom(atom, scope) instead."),e=t.scope),[M(t,e),E(t,e)]}function S(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var B={exports:{}},T={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},A={exports:{}},V=function(t){return!(!t||"string"==typeof t)&&(t instanceof Array||Array.isArray(t)||t.length>=0&&(t.splice instanceof Function||Object.getOwnPropertyDescriptor(t,t.length-1)&&"String"!==t.constructor.name))},L=Array.prototype.concat,R=Array.prototype.slice,D=A.exports=function(t){for(var e=[],n=0,o=t.length;n=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},N.to.keyword=function(t){return $[t.slice(0,3)]};var H=B.exports;const W=T,q={};for(const dd of Object.keys(W))q[W[dd]]=dd;const _={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var X=_;for(const dd of Object.keys(_)){if(!("channels"in _[dd]))throw new Error("missing channels property: "+dd);if(!("labels"in _[dd]))throw new Error("missing channel labels property: "+dd);if(_[dd].labels.length!==_[dd].channels)throw new Error("channel and label counts mismatch: "+dd);const{channels:t,labels:e}=_[dd];delete _[dd].channels,delete _[dd].labels,Object.defineProperty(_[dd],"channels",{value:t}),Object.defineProperty(_[dd],"labels",{value:e})}function Y(t,e){return(t[0]-e[0])**2+(t[1]-e[1])**2+(t[2]-e[2])**2}_.rgb.hsl=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.min(e,n,o),i=Math.max(e,n,o),s=i-r;let a,l;i===r?a=0:e===i?a=(n-o)/s:n===i?a=2+(o-e)/s:o===i&&(a=4+(e-n)/s),a=Math.min(60*a,360),a<0&&(a+=360);const u=(r+i)/2;return l=i===r?0:u<=.5?s/(i+r):s/(2-i-r),[a,100*l,100*u]},_.rgb.hsv=function(t){let e,n,o,r,i;const s=t[0]/255,a=t[1]/255,l=t[2]/255,u=Math.max(s,a,l),c=u-Math.min(s,a,l),d=function(t){return(u-t)/6/c+.5};return 0===c?(r=0,i=0):(i=c/u,e=d(s),n=d(a),o=d(l),s===u?r=o-n:a===u?r=1/3+e-o:l===u&&(r=2/3+n-e),r<0?r+=1:r>1&&(r-=1)),[360*r,100*i,100*u]},_.rgb.hwb=function(t){const e=t[0],n=t[1];let o=t[2];const r=_.rgb.hsl(t)[0],i=1/255*Math.min(e,Math.min(n,o));return o=1-1/255*Math.max(e,Math.max(n,o)),[r,100*i,100*o]},_.rgb.cmyk=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.min(1-e,1-n,1-o);return[100*((1-e-r)/(1-r)||0),100*((1-n-r)/(1-r)||0),100*((1-o-r)/(1-r)||0),100*r]},_.rgb.keyword=function(t){const e=q[t];if(e)return e;let n,o=1/0;for(const r of Object.keys(W)){const e=Y(t,W[r]);e.04045?((e+.055)/1.055)**2.4:e/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,o=o>.04045?((o+.055)/1.055)**2.4:o/12.92;return[100*(.4124*e+.3576*n+.1805*o),100*(.2126*e+.7152*n+.0722*o),100*(.0193*e+.1192*n+.9505*o)]},_.rgb.lab=function(t){const e=_.rgb.xyz(t);let n=e[0],o=e[1],r=e[2];n/=95.047,o/=100,r/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,o=o>.008856?o**(1/3):7.787*o+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;return[116*o-16,500*(n-o),200*(o-r)]},_.hsl.rgb=function(t){const e=t[0]/360,n=t[1]/100,o=t[2]/100;let r,i,s;if(0===n)return s=255*o,[s,s,s];r=o<.5?o*(1+n):o+n-o*n;const a=2*o-r,l=[0,0,0];for(let u=0;u<3;u++)i=e+1/3*-(u-1),i<0&&i++,i>1&&i--,s=6*i<1?a+6*(r-a)*i:2*i<1?r:3*i<2?a+(r-a)*(2/3-i)*6:a,l[u]=255*s;return l},_.hsl.hsv=function(t){const e=t[0];let n=t[1]/100,o=t[2]/100,r=n;const i=Math.max(o,.01);o*=2,n*=o<=1?o:2-o,r*=i<=1?i:2-i;return[e,100*(0===o?2*r/(i+r):2*n/(o+n)),100*((o+n)/2)]},_.hsv.rgb=function(t){const e=t[0]/60,n=t[1]/100;let o=t[2]/100;const r=Math.floor(e)%6,i=e-Math.floor(e),s=255*o*(1-n),a=255*o*(1-n*i),l=255*o*(1-n*(1-i));switch(o*=255,r){case 0:return[o,l,s];case 1:return[a,o,s];case 2:return[s,o,l];case 3:return[s,a,o];case 4:return[l,s,o];case 5:return[o,s,a]}},_.hsv.hsl=function(t){const e=t[0],n=t[1]/100,o=t[2]/100,r=Math.max(o,.01);let i,s;s=(2-n)*o;const a=(2-n)*r;return i=n*r,i/=a<=1?a:2-a,i=i||0,s/=2,[e,100*i,100*s]},_.hwb.rgb=function(t){const e=t[0]/360;let n=t[1]/100,o=t[2]/100;const r=n+o;let i;r>1&&(n/=r,o/=r);const s=Math.floor(6*e),a=1-o;i=6*e-s,1&s&&(i=1-i);const l=n+i*(a-n);let u,c,d;switch(s){default:case 6:case 0:u=a,c=l,d=n;break;case 1:u=l,c=a,d=n;break;case 2:u=n,c=a,d=l;break;case 3:u=n,c=l,d=a;break;case 4:u=l,c=n,d=a;break;case 5:u=a,c=n,d=l}return[255*u,255*c,255*d]},_.cmyk.rgb=function(t){const e=t[0]/100,n=t[1]/100,o=t[2]/100,r=t[3]/100;return[255*(1-Math.min(1,e*(1-r)+r)),255*(1-Math.min(1,n*(1-r)+r)),255*(1-Math.min(1,o*(1-r)+r))]},_.xyz.rgb=function(t){const e=t[0]/100,n=t[1]/100,o=t[2]/100;let r,i,s;return r=3.2406*e+-1.5372*n+-.4986*o,i=-.9689*e+1.8758*n+.0415*o,s=.0557*e+-.204*n+1.057*o,r=r>.0031308?1.055*r**(1/2.4)-.055:12.92*r,i=i>.0031308?1.055*i**(1/2.4)-.055:12.92*i,s=s>.0031308?1.055*s**(1/2.4)-.055:12.92*s,r=Math.min(Math.max(0,r),1),i=Math.min(Math.max(0,i),1),s=Math.min(Math.max(0,s),1),[255*r,255*i,255*s]},_.xyz.lab=function(t){let e=t[0],n=t[1],o=t[2];e/=95.047,n/=100,o/=108.883,e=e>.008856?e**(1/3):7.787*e+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;return[116*n-16,500*(e-n),200*(n-o)]},_.lab.xyz=function(t){let e,n,o;n=(t[0]+16)/116,e=t[1]/500+n,o=n-t[2]/200;const r=n**3,i=e**3,s=o**3;return n=r>.008856?r:(n-16/116)/7.787,e=i>.008856?i:(e-16/116)/7.787,o=s>.008856?s:(o-16/116)/7.787,e*=95.047,n*=100,o*=108.883,[e,n,o]},_.lab.lch=function(t){const e=t[0],n=t[1],o=t[2];let r;r=360*Math.atan2(o,n)/2/Math.PI,r<0&&(r+=360);return[e,Math.sqrt(n*n+o*o),r]},_.lch.lab=function(t){const e=t[0],n=t[1],o=t[2]/360*2*Math.PI;return[e,n*Math.cos(o),n*Math.sin(o)]},_.rgb.ansi16=function(t,e){void 0===e&&(e=null);const[n,o,r]=t;let i=null===e?_.rgb.hsv(t)[2]:e;if(i=Math.round(i/50),0===i)return 30;let s=30+(Math.round(r/255)<<2|Math.round(o/255)<<1|Math.round(n/255));return 2===i&&(s+=60),s},_.hsv.ansi16=function(t){return _.rgb.ansi16(_.hsv.rgb(t),t[2])},_.rgb.ansi256=function(t){const e=t[0],n=t[1],o=t[2];return e===n&&n===o?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(n/255*5)+Math.round(o/255*5)},_.ansi16.rgb=function(t){let e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),e=e/10.5*255,[e,e,e];const n=.5*(1+~~(t>50));return[(1&e)*n*255,(e>>1&1)*n*255,(e>>2&1)*n*255]},_.ansi256.rgb=function(t){if(t>=232){const e=10*(t-232)+8;return[e,e,e]}let e;t-=16;return[Math.floor(t/36)/5*255,Math.floor((e=t%36)/6)/5*255,e%6/5*255]},_.rgb.hex=function(t){const e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},_.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];let n=e[0];3===e[0].length&&(n=n.split("").map((t=>t+t)).join(""));const o=parseInt(n,16);return[o>>16&255,o>>8&255,255&o]},_.rgb.hcg=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.max(Math.max(e,n),o),i=Math.min(Math.min(e,n),o),s=r-i;let a,l;return a=s<1?i/(1-s):0,l=s<=0?0:r===e?(n-o)/s%6:r===n?2+(o-e)/s:4+(e-n)/s,l/=6,l%=1,[360*l,100*s,100*a]},_.hsl.hcg=function(t){const e=t[1]/100,n=t[2]/100,o=n<.5?2*e*n:2*e*(1-n);let r=0;return o<1&&(r=(n-.5*o)/(1-o)),[t[0],100*o,100*r]},_.hsv.hcg=function(t){const e=t[1]/100,n=t[2]/100,o=e*n;let r=0;return o<1&&(r=(n-o)/(1-o)),[t[0],100*o,100*r]},_.hcg.rgb=function(t){const e=t[0]/360,n=t[1]/100,o=t[2]/100;if(0===n)return[255*o,255*o,255*o];const r=[0,0,0],i=e%1*6,s=i%1,a=1-s;let l=0;switch(Math.floor(i)){case 0:r[0]=1,r[1]=s,r[2]=0;break;case 1:r[0]=a,r[1]=1,r[2]=0;break;case 2:r[0]=0,r[1]=1,r[2]=s;break;case 3:r[0]=0,r[1]=a,r[2]=1;break;case 4:r[0]=s,r[1]=0,r[2]=1;break;default:r[0]=1,r[1]=0,r[2]=a}return l=(1-n)*o,[255*(n*r[0]+l),255*(n*r[1]+l),255*(n*r[2]+l)]},_.hcg.hsv=function(t){const e=t[1]/100,n=e+t[2]/100*(1-e);let o=0;return n>0&&(o=e/n),[t[0],100*o,100*n]},_.hcg.hsl=function(t){const e=t[1]/100,n=t[2]/100*(1-e)+.5*e;let o=0;return n>0&&n<.5?o=e/(2*n):n>=.5&&n<1&&(o=e/(2*(1-n))),[t[0],100*o,100*n]},_.hcg.hwb=function(t){const e=t[1]/100,n=e+t[2]/100*(1-e);return[t[0],100*(n-e),100*(1-n)]},_.hwb.hcg=function(t){const e=t[1]/100,n=1-t[2]/100,o=n-e;let r=0;return o<1&&(r=(n-o)/(1-o)),[t[0],100*o,100*r]},_.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},_.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},_.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},_.gray.hsl=function(t){return[0,0,t[0]]},_.gray.hsv=_.gray.hsl,_.gray.hwb=function(t){return[0,100,t[0]]},_.gray.cmyk=function(t){return[0,0,0,t[0]]},_.gray.lab=function(t){return[t[0],0,0]},_.gray.hex=function(t){const e=255&Math.round(t[0]/100*255),n=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(n.length)+n},_.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]};const G=X;function K(t){const e=function(){const t={},e=Object.keys(G);for(let n=e.length,o=0;o{nt[t]={},Object.defineProperty(nt[t],"channels",{value:tt[t].channels}),Object.defineProperty(nt[t],"labels",{value:tt[t].labels});const e=et(t);Object.keys(e).forEach((n=>{const o=e[n];nt[t][n]=function(t){const e=function(){for(var e=arguments.length,n=new Array(e),o=0;o1&&(n=r);const i=t(n);if("object"==typeof i)for(let t=i.length,s=0;s1&&(n=r),t(n))};return"conversion"in t&&(e.conversion=t.conversion),e}(o)}))}));const ot=H,rt=nt,it=["keyword","gray","hex"],st={};for(const dd of Object.keys(rt))st[[...rt[dd].labels].sort().join("")]=dd;const at={};function lt(t,e){if(!(this instanceof lt))return new lt(t,e);if(e&&e in it&&(e=null),e&&!(e in rt))throw new Error("Unknown model: "+e);let n,o;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof lt)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if("string"==typeof t){const e=ot.get(t);if(null===e)throw new Error("Unable to parse color from string: "+t);this.model=e.model,o=rt[this.model].channels,this.color=e.value.slice(0,o),this.valpha="number"==typeof e.value[o]?e.value[o]:1}else if(t.length>0){this.model=e||"rgb",o=rt[this.model].channels;const n=Array.prototype.slice.call(t,0,o);this.color=pt(n,o),this.valpha="number"==typeof t[o]?t[o]:1}else if("number"==typeof t)this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;const e=Object.keys(t);"alpha"in t&&(e.splice(e.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);const o=e.sort().join("");if(!(o in st))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=st[o];const{labels:r}=rt[this.model],i=[];for(n=0;n(t%360+360)%360)),saturationl:ct("hsl",1,dt(100)),lightness:ct("hsl",2,dt(100)),saturationv:ct("hsv",1,dt(100)),value:ct("hsv",2,dt(100)),chroma:ct("hcg",1,dt(100)),gray:ct("hcg",2,dt(100)),white:ct("hwb",1,dt(100)),wblack:ct("hwb",2,dt(100)),cyan:ct("cmyk",0,dt(100)),magenta:ct("cmyk",1,dt(100)),yellow:ct("cmyk",2,dt(100)),black:ct("cmyk",3,dt(100)),x:ct("xyz",0,dt(95.047)),y:ct("xyz",1,dt(100)),z:ct("xyz",2,dt(108.833)),l:ct("lab",0,dt(100)),a:ct("lab",1),b:ct("lab",2),keyword(t){return void 0!==t?new lt(t):rt[this.model].keyword(this.color)},hex(t){return void 0!==t?new lt(t):ot.to.hex(this.rgb().round().color)},hexa(t){if(void 0!==t)return new lt(t);const e=this.rgb().round().color;let n=Math.round(255*this.valpha).toString(16).toUpperCase();return 1===n.length&&(n="0"+n),ot.to.hex(e)+n},rgbNumber(){const t=this.rgb().color;return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},luminosity(){const t=this.rgb().color,e=[];for(const[n,o]of t.entries()){const t=o/255;e[n]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity(),n=t.luminosity();return e>n?(e+.05)/(n+.05):(n+.05)/(e+.05)},level(t){const e=this.contrast(t);return e>=7?"AAA":e>=4.5?"AA":""},isDark(){const t=this.rgb().color;return(2126*t[0]+7152*t[1]+722*t[2])/1e4<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten(t){const e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken(t){const e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate(t){const e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate(t){const e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten(t){const e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken(t){const e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale(){const t=this.rgb().color,e=.3*t[0]+.59*t[1]+.11*t[2];return lt.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let n=e.color[0];return n=(n+t)%360,n=n<0?360+n:n,e.color[0]=n,e},mix(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);const n=t.rgb(),o=this.rgb(),r=void 0===e?.5:e,i=2*r-1,s=n.alpha()-o.alpha(),a=((i*s==-1?i:(i+s)/(1+i*s))+1)/2,l=1-a;return lt.rgb(a*n.red()+l*o.red(),a*n.green()+l*o.green(),a*n.blue()+l*o.blue(),n.alpha()*r+o.alpha()*(1-r))}};for(const dd of Object.keys(rt)){if(it.includes(dd))continue;const{channels:t}=rt[dd];lt.prototype[dd]=function(){for(var t=arguments.length,e=new Array(t),n=0;n0?new lt(e,dd):new lt([...ht(rt[this.model][dd].raw(this.color)),this.valpha],dd)},lt[dd]=function(){for(var e=arguments.length,n=new Array(e),o=0;o0?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),t.pause()):(t.paused||t.ended)&&(Dt.promise=t.play()))}function kt(t,e,n){return Math.min(Math.max(t,e),n)}function Mt(t,e,n,o,r){function i(t){r&&t.preventDefault(),t.target&&function(t,e,n){const o=null==n?void 0:n.getBoundingClientRect();o&&e(t,o)}(t,e,n)}function s(){o(!1),r?(document.removeEventListener("touchmove",i),document.removeEventListener("touchend",s)):(document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",s))}i(t),t.stopPropagation(),r?(document.addEventListener("touchmove",i,{passive:!1}),document.addEventListener("touchend",s)):(document.addEventListener("mousemove",i),document.addEventListener("mouseup",s))}function Et(t,e,n,o,r,i,s,a,l,u,c){if(l(!0),o&&o.current){let l=0;Bt(t)?l=t.touches[0].clientX:Tt(t)&&(l=t.clientX);const d=o.current.getBoundingClientRect(),[h,p,f]=function(t,e){const n=e.left-t.left,o=Math.abs(e.right-t.right);return[t.width-n-o,n,o]}(e,d),m=l-e.left;Pt(t,n,o,r,i,s,u,c);const g=kt(m-p,0,h)/o.current.clientWidth;if(i&&i.duration){const t=i.duration*g;i.currentTime=t,u(t)}a(g)}}function Pt(t,e,n,o,r,i,s,a){var l;if(e||!n||!n.current||!o)return;let u=0;Bt(t)?u=t.touches[0].clientX:Tt(t)&&(u=t.clientX);const c=n.current.getBoundingClientRect(),d=n.current.getBoundingClientRect().left-(null==o?void 0:o.getBoundingClientRect().left),h=(null==o?void 0:o.getBoundingClientRect().right)-n.current.getBoundingClientRect().right,p=u-c.left;let f=u-c.left-i/2;const m=(null==(l=n.current)?void 0:l.clientWidth)-i/2+h,g=n.current.clientWidth-i/2;p>m&&(f=m-i/2),f=kt(f,Math.max(-1*i/2,-1*d),g),a(f);const v=u-n.current.getBoundingClientRect().left;if(r&&r.duration){const t=kt(v/n.current.clientWidth,0,1);s(r.duration*t)}}function St(t){const e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),o=Math.floor(t-3600*e-60*n);let r="";return e>0&&(r+=`${e}:`),r+=n<10?`0${n}:`:`${n}:`,r+=o<10?`0${o}`:`${o}`,r}function Bt(t){return void 0!==t.touches}function Tt(t){return void 0!==t.clientX}function At(){return!(!("ontouchstart"in window)&&!navigator.maxTouchPoints)}function Vt(t){return ft(t).lighten(.3)}function Lt(t){let e,n,o;const r=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(t);if(r)e=parseInt(r[1],10),n=parseInt(r[2],10),o=parseInt(r[3],10);else{const r=document.createElement("div");r.style.color=t,document.body.appendChild(r);const i=getComputedStyle(r).color;document.body.removeChild(r);const s=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(i);s?(e=parseInt(s[1],10),n=parseInt(s[2],10),o=parseInt(s[3],10)):(e=parseInt(t.slice(1,3),16),n=parseInt(t.slice(3,5),16),o=parseInt(t.slice(5,7),16))}return(.299*e+.587*n+.114*o)/255>.5?"#000000":"#FFFFFF"}const Rt=Symbol(),Dt={promise:null},It=Symbol("draggable"),Ft=k(null),Ot=k(null);k(null,((t,e,n)=>{e(Ot,n)}));const jt=k({});var $t=(t=>(t[t.paused=0]="paused",t[t.playing=1]="playing",t[t.ended=2]="ended",t))($t||{});const Ut=k(!1),Nt=k(0),zt=k(0),Zt=k((t=>St(t(zt)))),Ht=k(0),Wt=k((t=>St(t(Ht)))),qt=k(1),_t=k("progressBar"),Xt=k(null),Yt=k(null),Gt=k(null),Kt=k(1080),Qt=new Set([144,240,360,480,720,1080,1440,2160]),Jt=k({2160:null,1440:null,1080:null,720:null,480:null,360:null,240:null,144:null}),te=k(!1),ee=k(null),ne=k({height:0,width:0}),oe=k({}),re=k([]),ie=k(0),se=k((t=>{const e=t(ie);return parseFloat((100*e).toFixed(1))+"%"})),ae=k(!1),le=k(0),ue=k(0),ce=k((t=>St(t(ue)))),de=k(0),he=k(null),pe=k(1),fe=k((t=>{const e=t(pe);return parseFloat((100*e).toFixed(1))+"%"})),me=k(!1),ge=k(!1);k(null),k(null);const ve=k(!1),ye=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],be=(()=>{if(typeof document>"u")return!1;const t=ye[0],e={};for(const n of ye)if((null==n?void 0:n[1])in document){for(const[o,r]of n.entries())e[t[o]]=r;return e}return!1})(),xe={change:be.fullscreenchange,error:be.fullscreenerror};let we={request:(t,e)=>(void 0===t&&(t=document.documentElement),new Promise(((n,o)=>{const r=()=>{we.off("change",r),n()};we.on("change",r);const i=t[be.requestFullscreen](e);i instanceof Promise&&i.then(r).catch(o)}))),exit:()=>new Promise(((t,e)=>{if(!we.isFullscreen)return void t();const n=()=>{we.off("change",n),t()};we.on("change",n);const o=document[be.exitFullscreen]();o instanceof Promise&&o.then(n).catch(e)})),toggle:(t,e)=>we.isFullscreen?we.exit():we.request(t,e),onchange(t){we.on("change",t)},onerror(t){we.on("error",t)},on(t,e){const n=xe[t];n&&document.addEventListener(n,e,!1)},off(t,e){const n=xe[t];n&&document.removeEventListener(n,e,!1)},raw:be};Object.defineProperties(we,{isFullscreen:{get:()=>!!document[be.fullscreenElement]},element:{enumerable:!0,get:()=>document[be.fullscreenElement]??void 0},isEnabled:{enumerable:!0,get:()=>!!document[be.fullscreenEnabled]}}),be||(we={isEnabled:!1});const Ce=we;function ke(t,e,n,r,i){(0,o.useEffect)((()=>{n?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),r(i),null==e||e.pause()):t===$t.paused||t===$t.ended?(Dt.promise&&Dt.promise.then((()=>{})).catch((()=>{})),null==e||e.pause()):t===$t.playing&&(Dt.promise=(null==e?void 0:e.play())??null)}),[n])}function Me(t,e,n,r){let i;const s=()=>{n(),clearTimeout(i),i=setTimeout((()=>{r()}),2500)};(0,o.useEffect)((()=>{if(e&&t)return t.addEventListener("mousemove",s),()=>{t.removeEventListener("mousemove",s),clearTimeout(i)}}),[t,e])}const Ee=(t,e,n,r,i)=>{(0,o.useEffect)((()=>{var n;null!=i&&i.controlsBar&&!(null!=(n=null==i?void 0:i.controlsBar)&&n.barColor)&&(i.controlsBar.barColor="rgba(28, 28, 28, 0.7)"),t(i),e([i.item1,i.item2,i.item3,i.item4,i.item5,i.item6,i.item7])}),[i]),(0,o.useEffect)((()=>{n(r)}),[r])};var Pe,Se={exports:{}},Be={};Se.exports=function(){if(Pe)return Be;Pe=1;var t=o,e=Symbol.for("react.element"),n=Symbol.for("react.fragment"),r=Object.prototype.hasOwnProperty,i=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function a(t,n,o){var a,l={},u=null,c=null;for(a in void 0!==o&&(u=""+o),void 0!==n.key&&(u=""+n.key),void 0!==n.ref&&(c=n.ref),n)r.call(n,a)&&!s.hasOwnProperty(a)&&(l[a]=n[a]);if(t&&t.defaultProps)for(a in n=t.defaultProps)void 0===l[a]&&(l[a]=n[a]);return{$$typeof:e,type:t,key:u,ref:c,props:l,_owner:i.current}}return Be.Fragment=n,Be.jsx=a,Be.jsxs=a,Be}();var Te=Se.exports;const Ae=Te.jsx,Ve=Te.jsxs,Le=Te.Fragment;function Re(){const[t,e]=P(Ft,Rt),[n,r]=P(oe,Rt),i=E(Nt,Rt),s=E(qt,Rt),a=M(te,Rt),l=E(ie,Rt),u=E(pe,Rt),c=E(Ht,Rt),d=E(Ut,Rt),h=E(zt,Rt),p=E(me,Rt),f=E(Kt,Rt),m=E(le,Rt),g=E(te,Rt),v=E(Yt,Rt),y=E(Xt,Rt),b=E(Gt,Rt),x=E(Jt,Rt),w=E(he,Rt),C=M(ae,Rt),k=M(ge,Rt),S=M(ve,Rt),B=M(jt,Rt),T=M(Ot,Rt),{playsInline:A,onClick:V,onPause:L,onPlay:R,onEnded:D,onTimeUpdate:I,onVolumeChange:F,onLoadedData:O,onLoadStart:j,onSeeking:$,onSeeked:U,preload:N,tabIndex:z,onDurationChange:Z,onProgress:H,onRateChange:W,children:q,..._}=B;(function(t,e){(0,o.useEffect)((()=>{if(t instanceof Object){const n={2160:null,1440:null,1080:null,720:null,480:null,360:null,240:null,144:null};if("props"in t&&"source"===t.type){const e=t.props.id;if(e){const o=parseInt(e.split("-")[1]);o in n&&(n[o]=t.props.src)}}else Array.isArray(t)&&t.filter((t=>"source"===t.type)).map((t=>t.props)).filter((t=>void 0!==t)).forEach((t=>{const e=t.id;if(e){const o=parseInt(e.split("-")[1]);o in n&&(n[o]=t.src)}}));e(n)}}),[t])})(q,x),function(t,e,n,r,i){(0,o.useEffect)((()=>{if(null!==e){const o=e.textTracks;if(t instanceof Object&&(!("props"in t)||"track"!==t.type)&&Array.isArray(t)){const e=t.filter((t=>"track"===t.type)).findIndex((t=>!0===t.props.default));-1!==e&&(o[e].mode="showing",i(o[e]))}o.onchange=t=>{const e=Array.from(t.target);i(e.find((t=>"showing"===t.mode))??null)};const s=[];for(let t=0;t{t.oncuechange=t=>{const e=t.target;if("showing"===e.mode){const t=e.activeCues?e.activeCues[0]:null;r(t)}}})),n(s)}}),[e])}(q,t,v,y,b),function(t,e){(0,o.useEffect)((()=>{if(null!==t){const n=t.textTracks;let o=null;for(let t=0;t{function n(t){const n=t.target;document.fullscreenElement===n&&e&&document.exitFullscreen().then((()=>{e.requestFullscreen()}))}return t&&t.addEventListener("fullscreenchange",n),()=>{t&&t.removeEventListener("fullscreenchange",n)}}),[t])}(t,T),Me(t,S,(()=>g(!0)),(()=>g(!1)));function X(t){if(!a)return;const e=t.target;if(4===e.readyState){const t=e.buffered.length,n=t-1;if(t<=0)return;const o=e.buffered.end(n)/e.duration*100;m(o)}}return Ae(De,{..._,className:It.toString(),playsInline:A??!0,onClick:e=>{Ct(t),V&&V(e)},onPause:t=>{i($t.paused),L&&L(t)},onPlay:t=>{i($t.playing),R&&R(t)},onEnded:t=>{i($t.ended),D&&D(t)},onLoadedData:t=>{e(t.target),f(function(t,e){const n=t.target.currentSrc;if(e instanceof Object){if("props"in e&&"source"===e.type){const t=e.props.id;if(t){const o=parseInt(t.split("-")[1]);if(Qt.has(o)&&e.props.src===n)return o}}else if(Array.isArray(e)){const t=e.filter((t=>"source"===t.type)).map((t=>t.props)).filter((t=>void 0!==t)).map((t=>{if(t.id){const e=parseInt(t.id.split("-")[1]);if(Qt.has(e)&&t.src===n)return e}})).filter((t=>void 0!==t));if(1===t.length)return t[0]}return 1080}return 1080}(t,q)),O&&O(t)},onLoadStart:t=>{e(t.target),r({...n}),j&&j(t)},onVolumeChange:t=>{u(t.target.volume),p(t.target.muted),F&&F(t)},onSeeking:t=>{d(!0),$&&$(t)},onSeeked:t=>{d(!1),X(t),U&&U(t)},onTimeUpdate:t=>{(function(t){const e=t.target;l(e.currentTime/e.duration),h(e.currentTime)})(t),I&&I(t)},onProgress:t=>{X(t),H&&H(t)},onDurationChange:t=>{c(t.target.duration),Z&&Z(t)},onRateChange:t=>{s(t.target.playbackRate),W&&W(t)},preload:N??"metadata",tabIndex:z??-1,"data-cy":"HTMLVideoPlayer",isDragging:C||k,children:q})}const De=r.ZP.video` - width: 100%; - height: 100%; - background-color: black; - ::cue { - visibility: hidden; - background-color: transparent; - display: none; - opacity: 0; - text-shadow: 0; - } - cursor: ${t=>t.isDragging?"vertical"===t.isDragging?"row-resize":"col-resize":"pointer"}; -`,Ie=(0,o.createContext)({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),Fe=(0,o.createContext)({});const Oe=(0,o.createContext)(null),je=typeof document<"u",$e=je?o.useLayoutEffect:o.useEffect,Ue=(0,o.createContext)({strict:!1});function Ne(t,e,n,r){const i=(0,o.useContext)(Fe).visualElement,s=(0,o.useContext)(Ue),a=(0,o.useContext)(Oe),l=(0,o.useContext)(Ie).reducedMotion,u=(0,o.useRef)();r=r||s.renderer,!u.current&&r&&(u.current=r(t,{visualState:e,parent:i,props:n,presenceId:a?a.id:void 0,blockInitialAnimation:!!a&&!1===a.initial,reducedMotionConfig:l}));const c=u.current;return $e((()=>{c&&c.render()})),(window.HandoffAppearAnimations?$e:o.useEffect)((()=>{c&&c.animationState&&c.animationState.animateChanges()})),c}function ze(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function Ze(t){return"string"==typeof t||Array.isArray(t)}function He(t){return"object"==typeof t&&"function"==typeof t.start}const We=["initial","animate","exit","whileHover","whileDrag","whileTap","whileFocus","whileInView"];function qe(t){return He(t.animate)||We.some((e=>Ze(t[e])))}function _e(t){return!(!qe(t)&&!t.variants)}function Xe(t){const{initial:e,animate:n}=function(t,e){if(qe(t)){const{initial:e,animate:n}=t;return{initial:!1===e||Ze(e)?e:void 0,animate:Ze(n)?n:void 0}}return!1!==t.inherit?e:{}}(t,(0,o.useContext)(Fe));return(0,o.useMemo)((()=>({initial:e,animate:n})),[Ye(e),Ye(n)])}function Ye(t){return Array.isArray(t)?t.join(" "):t}const Ge=t=>({isEnabled:e=>t.some((t=>!!e[t]))}),Ke={measureLayout:Ge(["layout","layoutId","drag"]),animation:Ge(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:Ge(["exit"]),drag:Ge(["drag","dragControls"]),focus:Ge(["whileFocus"]),hover:Ge(["whileHover","onHoverStart","onHoverEnd"]),tap:Ge(["whileTap","onTap","onTapStart","onTapCancel"]),pan:Ge(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:Ge(["whileInView","onViewportEnter","onViewportLeave"])};function Qe(t){const e=(0,o.useRef)(null);return null===e.current&&(e.current=t()),e.current}const Je={hasAnimatedSinceResize:!0,hasEverUpdated:!1};let tn=1;const en=(0,o.createContext)({});class nn extends o.Component{getSnapshotBeforeUpdate(){const{visualElement:t,props:e}=this.props;return t&&t.setProps(e),null}componentDidUpdate(){}render(){return this.props.children}}const on=(0,o.createContext)({}),rn=Symbol.for("motionComponentSymbol");function sn(t){let{preloadedFeatures:e,createVisualElement:n,projectionNodeConstructor:r,useRender:i,useVisualState:s,Component:a}=t;function l(t,l){const u={...(0,o.useContext)(Ie),...t,layoutId:an(t)},{isStatic:c}=u;let d=null;const h=Xe(t),p=c?void 0:Qe((()=>{if(Je.hasEverUpdated)return tn++})),f=s(t,c);if(!c&&je){h.visualElement=Ne(a,f,u,n);const t=(0,o.useContext)(Ue).strict,i=(0,o.useContext)(on);h.visualElement&&(d=h.visualElement.loadFeatures(u,t,e,p,r||Ke.projectionNodeConstructor,i))}return o.createElement(nn,{visualElement:h.visualElement,props:u},d,o.createElement(Fe.Provider,{value:h},i(a,t,p,function(t,e,n){return(0,o.useCallback)((o=>{o&&t.mount&&t.mount(o),e&&(o?e.mount(o):e.unmount()),n&&("function"==typeof n?n(o):ze(n)&&(n.current=o))}),[e])}(f,h.visualElement,l),f,c,h.visualElement)))}e&&function(t){for(const e in t)"projectionNodeConstructor"===e?Ke.projectionNodeConstructor=t[e]:Ke[e].Component=t[e]}(e);const u=(0,o.forwardRef)(l);return u[rn]=a,u}function an(t){let{layoutId:e}=t;const n=(0,o.useContext)(en).id;return n&&void 0!==e?n+"-"+e:e}function ln(t){function e(e,n){return void 0===n&&(n={}),sn(t(e,n))}if(typeof Proxy>"u")return e;const n=new Map;return new Proxy(e,{get:(t,o)=>(n.has(o)||n.set(o,e(o)),n.get(o))})}const un=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function cn(t){return"string"==typeof t&&!t.includes("-")&&!!(un.indexOf(t)>-1||/[A-Z]/.test(t))}const dn={};const hn=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],pn=new Set(hn);function fn(t,e){let{layout:n,layoutId:o}=e;return pn.has(t)||t.startsWith("origin")||(n||void 0!==o)&&(!!dn[t]||"opacity"===t)}const mn=t=>!(null==t||!t.getVelocity),gn={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},vn=(t,e)=>hn.indexOf(t)-hn.indexOf(e);function yn(t){return t.startsWith("--")}const bn=(t,e)=>e&&"number"==typeof t?e.transform(t):t,xn=(t,e,n)=>Math.min(Math.max(n,t),e),wn={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},Cn={...wn,transform:t=>xn(0,1,t)},kn={...wn,default:1},Mn=t=>Math.round(1e5*t)/1e5,En=/(-)?([\d]*\.?[\d])+/g,Pn=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,Sn=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function Bn(t){return"string"==typeof t}const Tn=t=>({test:e=>Bn(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),An=Tn("deg"),Vn=Tn("%"),Ln=Tn("px"),Rn=Tn("vh"),Dn=Tn("vw"),In={...Vn,parse:t=>Vn.parse(t)/100,transform:t=>Vn.transform(100*t)},Fn={...wn,transform:Math.round},On={borderWidth:Ln,borderTopWidth:Ln,borderRightWidth:Ln,borderBottomWidth:Ln,borderLeftWidth:Ln,borderRadius:Ln,radius:Ln,borderTopLeftRadius:Ln,borderTopRightRadius:Ln,borderBottomRightRadius:Ln,borderBottomLeftRadius:Ln,width:Ln,maxWidth:Ln,height:Ln,maxHeight:Ln,size:Ln,top:Ln,right:Ln,bottom:Ln,left:Ln,padding:Ln,paddingTop:Ln,paddingRight:Ln,paddingBottom:Ln,paddingLeft:Ln,margin:Ln,marginTop:Ln,marginRight:Ln,marginBottom:Ln,marginLeft:Ln,rotate:An,rotateX:An,rotateY:An,rotateZ:An,scale:kn,scaleX:kn,scaleY:kn,scaleZ:kn,skew:An,skewX:An,skewY:An,distance:Ln,translateX:Ln,translateY:Ln,translateZ:Ln,x:Ln,y:Ln,z:Ln,perspective:Ln,transformPerspective:Ln,opacity:Cn,originX:In,originY:In,originZ:Ln,zIndex:Fn,fillOpacity:Cn,strokeOpacity:Cn,numOctaves:Fn};function jn(t,e,n,o){const{style:r,vars:i,transform:s,transformKeys:a,transformOrigin:l}=t;a.length=0;let u=!1,c=!1,d=!0;for(const h in e){const t=e[h];if(yn(h)){i[h]=t;continue}const n=On[h],o=bn(t,n);if(pn.has(h)){if(u=!0,s[h]=o,a.push(h),!d)continue;t!==(n.default||0)&&(d=!1)}else h.startsWith("origin")?(c=!0,l[h]=o):r[h]=o}if(e.transform||(u||o?r.transform=function(t,e,n,o){let{transform:r,transformKeys:i}=t,{enableHardwareAcceleration:s=!0,allowTransformNone:a=!0}=e,l="";i.sort(vn);for(const u of i)l+=`${gn[u]||u}(${r[u]}) `;return s&&!r.z&&(l+="translateZ(0)"),l=l.trim(),o?l=o(r,n?"":l):a&&n&&(l="none"),l}(t,n,d,o):r.transform&&(r.transform="none")),c){const{originX:t="50%",originY:e="50%",originZ:n=0}=l;r.transformOrigin=`${t} ${e} ${n}`}}const $n=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}});function Un(t,e,n){for(const o in e)!mn(e[o])&&!fn(o,n)&&(t[o]=e[o])}function Nn(t,e,n){const r={};return Un(r,t.style||{},t),Object.assign(r,function(t,e,n){let{transformTemplate:r}=t;return(0,o.useMemo)((()=>{const t=$n();return jn(t,e,{enableHardwareAcceleration:!n},r),Object.assign({},t.vars,t.style)}),[e])}(t,e,n)),t.transformValues?t.transformValues(r):r}function zn(t,e,n){const o={},r=Nn(t,e,n);return t.drag&&!1!==t.dragListener&&(o.draggable=!1,r.userSelect=r.WebkitUserSelect=r.WebkitTouchCallout="none",r.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),o.style=r,o}const Zn=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","viewport"]);function Hn(t){return t.startsWith("while")||t.startsWith("drag")&&"draggable"!==t||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||Zn.has(t)}let Wn=t=>!Hn(t);try{(qn=n(9138).Z)&&(Wn=t=>t.startsWith("on")?!Hn(t):qn(t))}catch{}var qn;function _n(t,e,n){const o={};for(const r in t)"values"===r&&"object"==typeof t.values||(Wn(r)||!0===n&&Hn(r)||!e&&!Hn(r)||t.draggable&&r.startsWith("onDrag"))&&(o[r]=t[r]);return o}function Xn(t,e,n){return"string"==typeof t?t:Ln.transform(e+n*t)}const Yn={offset:"stroke-dashoffset",array:"stroke-dasharray"},Gn={offset:"strokeDashoffset",array:"strokeDasharray"};function Kn(t,e,n,o,r){let{attrX:i,attrY:s,originX:a,originY:l,pathLength:u,pathSpacing:c=1,pathOffset:d=0,...h}=e;if(jn(t,h,n,r),o)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:p,style:f,dimensions:m}=t;p.transform&&(m&&(f.transform=p.transform),delete p.transform),m&&(void 0!==a||void 0!==l||f.transform)&&(f.transformOrigin=function(t,e,n){return`${Xn(e,t.x,t.width)} ${Xn(n,t.y,t.height)}`}(m,void 0!==a?a:.5,void 0!==l?l:.5)),void 0!==i&&(p.x=i),void 0!==s&&(p.y=s),void 0!==u&&function(t,e,n,o,r){void 0===n&&(n=1),void 0===o&&(o=0),void 0===r&&(r=!0),t.pathLength=1;const i=r?Yn:Gn;t[i.offset]=Ln.transform(-o);const s=Ln.transform(e),a=Ln.transform(n);t[i.array]=`${s} ${a}`}(p,u,c,d,!1)}const Qn=()=>({...$n(),attrs:{}}),Jn=t=>"string"==typeof t&&"svg"===t.toLowerCase();function to(t,e,n,r){const i=(0,o.useMemo)((()=>{const n=Qn();return Kn(n,e,{enableHardwareAcceleration:!1},Jn(r),t.transformTemplate),{...n.attrs,style:{...n.style}}}),[e]);if(t.style){const e={};Un(e,t.style,t),i.style={...e,...i.style}}return i}function eo(t){return void 0===t&&(t=!1),(e,n,r,i,s,a)=>{let{latestValues:l}=s;const u=(cn(e)?to:zn)(n,l,a,e),c={..._n(n,"string"==typeof e,t),...u,ref:i},{children:d}=n,h=(0,o.useMemo)((()=>mn(d)?d.get():d),[d]);return r&&(c["data-projection-id"]=r),(0,o.createElement)(e,{...c,children:h})}}const no=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();function oo(t,e,n,o){let{style:r,vars:i}=e;Object.assign(t.style,r,o&&o.getProjectionStyles(n));for(const s in i)t.style.setProperty(s,i[s])}const ro=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function io(t,e,n,o){oo(t,e,void 0,o);for(const r in e.attrs)t.setAttribute(ro.has(r)?r:no(r),e.attrs[r])}function so(t,e){const{style:n}=t,o={};for(const r in n)(mn(n[r])||e.style&&mn(e.style[r])||fn(r,t))&&(o[r]=n[r]);return o}function ao(t,e){const n=so(t,e);for(const o in t)if(mn(t[o])||mn(e[o])){n["x"===o||"y"===o?"attr"+o.toUpperCase():o]=t[o]}return n}function lo(t,e,n,o,r){return void 0===o&&(o={}),void 0===r&&(r={}),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,o,r)),"string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,o,r)),e}const uo=t=>Array.isArray(t),co=t=>!!(t&&"object"==typeof t&&t.mix&&t.toValue),ho=t=>uo(t)?t[t.length-1]||0:t;function po(t){const e=mn(t)?t.get():t;return co(e)?e.toValue():e}const fo=t=>(e,n)=>{const r=(0,o.useContext)(Fe),i=(0,o.useContext)(Oe),s=()=>function(t,e,n,o){let{scrapeMotionValuesFromProps:r,createRenderState:i,onMount:s}=t;const a={latestValues:mo(e,n,o,r),renderState:i()};return s&&(a.mount=t=>s(e,t,a)),a}(t,e,r,i);return n?s():Qe(s)};function mo(t,e,n,o){const r={},i=o(t,{});for(const h in i)r[h]=po(i[h]);let{initial:s,animate:a}=t;const l=qe(t),u=_e(t);e&&u&&!l&&!1!==t.inherit&&(void 0===s&&(s=e.initial),void 0===a&&(a=e.animate));let c=!!n&&!1===n.initial;c=c||!1===s;const d=c?a:s;return d&&"boolean"!=typeof d&&!He(d)&&(Array.isArray(d)?d:[d]).forEach((e=>{const n=lo(t,e);if(!n)return;const{transitionEnd:o,transition:i,...s}=n;for(const t in s){let e=s[t];if(Array.isArray(e)){e=e[c?e.length-1:0]}null!==e&&(r[t]=e)}for(const t in o)r[t]=o[t]})),r}const go={useVisualState:fo({scrapeMotionValuesFromProps:ao,createRenderState:Qn,onMount:(t,e,n)=>{let{renderState:o,latestValues:r}=n;try{o.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch{o.dimensions={x:0,y:0,width:0,height:0}}Kn(o,r,{enableHardwareAcceleration:!1},Jn(e.tagName),t.transformTemplate),io(e,o)}})},vo={useVisualState:fo({scrapeMotionValuesFromProps:so,createRenderState:$n})};var yo;function bo(t,e,n,o){return void 0===o&&(o={passive:!0}),t.addEventListener(e,n,o),()=>t.removeEventListener(e,n)}function xo(t,e,n,r){(0,o.useEffect)((()=>{const o=t.current;if(n&&o)return bo(o,e,n,r)}),[t,e,n,r])}!function(t){t.Animate="animate",t.Hover="whileHover",t.Tap="whileTap",t.Drag="whileDrag",t.Focus="whileFocus",t.InView="whileInView",t.Exit="exit"}(yo||(yo={}));const wo=t=>"mouse"===t.pointerType?"number"!=typeof t.button||t.button<=0:!1!==t.isPrimary;function Co(t,e){return void 0===e&&(e="page"),{point:{x:t[e+"X"],y:t[e+"Y"]}}}const ko=t=>e=>wo(e)&&t(e,Co(e));function Mo(t,e,n,o){return bo(t,e,ko(n),o)}function Eo(t,e,n,o){return xo(t,e,n&&ko(n),o)}function Po(t){let e=null;return()=>null===e&&(e=t,()=>{e=null})}const So=Po("dragHorizontal"),Bo=Po("dragVertical");function To(t){let e=!1;if("y"===t)e=Bo();else if("x"===t)e=So();else{const t=So(),n=Bo();t&&n?e=()=>{t(),n()}:(t&&t(),n&&n())}return e}function Ao(){const t=To(!0);return!t||(t(),!1)}function Vo(t,e,n,o){return(r,i)=>{"touch"===r.type||Ao()||(n&&t.animationState&&t.animationState.setActive(yo.Hover,e),o&&o(r,i))}}const Lo=(t,e)=>!!e&&(t===e||Lo(t,e.parentElement));function Ro(t){return(0,o.useEffect)((()=>()=>t()),[])}const Do=(t,e)=>n=>e(t(n)),Io=function(){for(var t=arguments.length,e=new Array(t),n=0;n{const e=Fo.get(t.target);e&&e(t)},$o=t=>{t.forEach(jo)};function Uo(t,e,n){const o=function(t){let{root:e,...n}=t;const o=e||document;Oo.has(o)||Oo.set(o,{});const r=Oo.get(o),i=JSON.stringify(n);return r[i]||(r[i]=new IntersectionObserver($o,{root:e,...n})),r[i]}(e);return Fo.set(t,n),o.observe(t),()=>{Fo.delete(t),o.unobserve(t)}}const No={some:0,all:1};function zo(t,e,n,r){let{root:i,margin:s,amount:a="some",once:l}=r;(0,o.useEffect)((()=>{if(!t||!n.current)return;const o={root:null==i?void 0:i.current,rootMargin:s,threshold:"number"==typeof a?a:No[a]};return Uo(n.current,o,(t=>{const{isIntersecting:o}=t;if(e.isInView===o||(e.isInView=o,l&&!o&&e.hasEnteredView))return;o&&(e.hasEnteredView=!0),n.animationState&&n.animationState.setActive(yo.InView,o);const r=n.getProps(),i=o?r.onViewportEnter:r.onViewportLeave;i&&i(t)}))}),[t,i,s,a])}function Zo(t,e,n,r){let{fallback:i=!0}=r;(0,o.useEffect)((()=>{!t||!i||requestAnimationFrame((()=>{e.hasEnteredView=!0;const{onViewportEnter:t}=n.getProps();t&&t(null),n.animationState&&n.animationState.setActive(yo.InView,!0)}))}),[t])}const Ho=t=>e=>(t(e),null),Wo={inView:Ho((function(t){let{visualElement:e,whileInView:n,onViewportEnter:r,onViewportLeave:i,viewport:s={}}=t;const a=(0,o.useRef)({hasEnteredView:!1,isInView:!1});let l=!!(n||r||i);s.once&&a.current.hasEnteredView&&(l=!1),(typeof IntersectionObserver>"u"?Zo:zo)(l,a.current,e,s)})),tap:Ho((function(t){let{onTap:e,onTapStart:n,onTapCancel:r,whileTap:i,visualElement:s,...a}=t;const l=e||n||r||i,u=(0,o.useRef)(!1),c=(0,o.useRef)(null),d={passive:!(n||e||r||a.onPointerDown)};function h(){c.current&&c.current(),c.current=null}function p(){return h(),u.current=!1,s.getProps().whileTap&&s.animationState&&s.animationState.setActive(yo.Tap,!1),!Ao()}function f(t,e){var n,o,r,i;p()&&(Lo(s.current,t.target)?null===(i=(r=s.getProps()).onTap)||void 0===i||i.call(r,t,e):null===(o=(n=s.getProps()).onTapCancel)||void 0===o||o.call(n,t,e))}function m(t,e){var n,o;p()&&(null===(o=(n=s.getProps()).onTapCancel)||void 0===o||o.call(n,t,e))}const g=(0,o.useCallback)(((t,e)=>{var n;if(h(),u.current)return;u.current=!0,c.current=Io(Mo(window,"pointerup",f,d),Mo(window,"pointercancel",m,d));const o=s.getProps();o.whileTap&&s.animationState&&s.animationState.setActive(yo.Tap,!0),null===(n=o.onTapStart)||void 0===n||n.call(o,t,e)}),[!!n,s]);Eo(s,"pointerdown",l?g:void 0,d),Ro(h)})),focus:Ho((function(t){let{whileFocus:e,visualElement:n}=t;const{animationState:r}=n,i=(0,o.useCallback)((()=>{r&&r.setActive(yo.Focus,!0)}),[r]),s=(0,o.useCallback)((()=>{r&&r.setActive(yo.Focus,!1)}),[r]);xo(n,"focus",e?i:void 0),xo(n,"blur",e?s:void 0)})),hover:Ho((function(t){let{onHoverStart:e,onHoverEnd:n,whileHover:r,visualElement:i}=t;Eo(i,"pointerenter",(0,o.useMemo)((()=>e||r?Vo(i,!0,!!r,e):void 0),[e,!!r,i]),{passive:!e}),Eo(i,"pointerleave",(0,o.useMemo)((()=>n||r?Vo(i,!1,!!r,n):void 0),[e,!!r,i]),{passive:!n})}))};function qo(){const t=(0,o.useContext)(Oe);if(null===t)return[!0,null];const{isPresent:e,onExitComplete:n,register:r}=t,i=(0,o.useId)();return(0,o.useEffect)((()=>r(i)),[]),!e&&n?[!1,()=>n&&n(i)]:[!0]}function _o(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let o=0;o/^\-?\d*\.?\d+$/.test(t),Yo=t=>/^0[^.\s]+$/.test(t),Go={delta:0,timestamp:0},Ko=1/60*1e3,Qo=typeof performance<"u"?()=>performance.now():()=>Date.now(),Jo=typeof window<"u"?t=>window.requestAnimationFrame(t):t=>setTimeout((()=>t(Qo())),Ko);let tr=!0,er=!1,nr=!1;const or=["read","update","preRender","render","postRender"],rr=or.reduce(((t,e)=>(t[e]=function(t){let e=[],n=[],o=0,r=!1,i=!1;const s=new WeakSet,a={schedule:function(t,i,a){void 0===i&&(i=!1),void 0===a&&(a=!1);const l=a&&r,u=l?e:n;return i&&s.add(t),-1===u.indexOf(t)&&(u.push(t),l&&r&&(o=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),s.delete(t)},process:l=>{if(r)i=!0;else{if(r=!0,[e,n]=[n,e],n.length=0,o=e.length,o)for(let n=0;ner=!0)),t)),{}),ir=or.reduce(((t,e)=>{const n=rr[e];return t[e]=function(t,e,o){return void 0===e&&(e=!1),void 0===o&&(o=!1),er||cr(),n.schedule(t,e,o)},t}),{}),sr=or.reduce(((t,e)=>(t[e]=rr[e].cancel,t)),{}),ar=or.reduce(((t,e)=>(t[e]=()=>rr[e].process(Go),t)),{}),lr=t=>rr[t].process(Go),ur=t=>{er=!1,Go.delta=tr?Ko:Math.max(Math.min(t-Go.timestamp,40),1),Go.timestamp=t,nr=!0,or.forEach(lr),nr=!1,er&&(tr=!1,Jo(ur))},cr=()=>{er=!0,tr=!0,nr||Jo(ur)};function dr(t,e){-1===t.indexOf(e)&&t.push(e)}function hr(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}class pr{constructor(){this.subscriptions=[]}add(t){return dr(this.subscriptions,t),()=>hr(this.subscriptions,t)}notify(t,e,n){const o=this.subscriptions.length;if(o)if(1===o)this.subscriptions[0](t,e,n);else for(let r=0;rir.postRender(this.velocityCheck),this.velocityCheck=t=>{let{timestamp:e}=t;e!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=(t=>!isNaN(parseFloat(t)))(this.current),this.owner=e.owner}onChange(t){return this.on("change",t)}on(t,e){this.events[t]||(this.events[t]=new pr);const n=this.events[t].add(e);return"change"===t?()=>{n(),ir.read((()=>{this.events.change.getSize()||this.stop()}))}:n}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,e){this.passiveEffect=t,this.stopPassiveEffect=e}set(t,e){void 0===e&&(e=!0),e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)}setWithVelocity(t,e,n){this.set(e),this.prev=t,this.timeDelta=n}jump(t){this.updateAndNotify(t),this.prev=t,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?fr(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise((e=>{this.hasAnimated=!0,this.animation=t(e)||null,this.events.animationStart&&this.events.animationStart.notify()})).then((()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()}))}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){this.animation=null}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function gr(t,e){return new mr(t,e)}const vr=(t,e)=>n=>!!(Bn(n)&&Sn.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),yr=(t,e,n)=>o=>{if(!Bn(o))return o;const[r,i,s,a]=o.match(En);return{[t]:parseFloat(r),[e]:parseFloat(i),[n]:parseFloat(s),alpha:void 0!==a?parseFloat(a):1}},br={...wn,transform:t=>Math.round((t=>xn(0,255,t))(t))},xr={test:vr("rgb","red"),parse:yr("red","green","blue"),transform:t=>{let{red:e,green:n,blue:o,alpha:r=1}=t;return"rgba("+br.transform(e)+", "+br.transform(n)+", "+br.transform(o)+", "+Mn(Cn.transform(r))+")"}};const wr={test:vr("#"),parse:function(t){let e="",n="",o="",r="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),o=t.substring(5,7),r=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),o=t.substring(3,4),r=t.substring(4,5),e+=e,n+=n,o+=o,r+=r),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(o,16),alpha:r?parseInt(r,16)/255:1}},transform:xr.transform},Cr={test:vr("hsl","hue"),parse:yr("hue","saturation","lightness"),transform:t=>{let{hue:e,saturation:n,lightness:o,alpha:r=1}=t;return"hsla("+Math.round(e)+", "+Vn.transform(Mn(n))+", "+Vn.transform(Mn(o))+", "+Mn(Cn.transform(r))+")"}},kr={test:t=>xr.test(t)||wr.test(t)||Cr.test(t),parse:t=>xr.test(t)?xr.parse(t):Cr.test(t)?Cr.parse(t):wr.parse(t),transform:t=>Bn(t)?t:t.hasOwnProperty("red")?xr.transform(t):Cr.transform(t)},Mr="${c}",Er="${n}";function Pr(t){"number"==typeof t&&(t=`${t}`);const e=[];let n=0,o=0;const r=t.match(Pn);r&&(n=r.length,t=t.replace(Pn,Mr),e.push(...r.map(kr.parse)));const i=t.match(En);return i&&(o=i.length,t=t.replace(En,Er),e.push(...i.map(wn.parse))),{values:e,numColors:n,numNumbers:o,tokenised:t}}function Sr(t){return Pr(t).values}function Br(t){const{values:e,numColors:n,tokenised:o}=Pr(t),r=e.length;return t=>{let e=o;for(let o=0;o"number"==typeof t?0:t;const Ar={test:function(t){var e,n;return isNaN(t)&&Bn(t)&&((null===(e=t.match(En))||void 0===e?void 0:e.length)||0)+((null===(n=t.match(Pn))||void 0===n?void 0:n.length)||0)>0},parse:Sr,createTransformer:Br,getAnimatableNone:function(t){const e=Sr(t);return Br(t)(e.map(Tr))}},Vr=new Set(["brightness","contrast","saturate","opacity"]);function Lr(t){const[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[o]=n.match(En)||[];if(!o)return t;const r=n.replace(o,"");let i=Vr.has(e)?1:0;return o!==n&&(i*=100),e+"("+i+r+")"}const Rr=/([a-z-]*)\(.*?\)/g,Dr={...Ar,getAnimatableNone:t=>{const e=t.match(Rr);return e?e.map(Lr).join(" "):t}},Ir={...On,color:kr,backgroundColor:kr,outlineColor:kr,fill:kr,stroke:kr,borderColor:kr,borderTopColor:kr,borderRightColor:kr,borderBottomColor:kr,borderLeftColor:kr,filter:Dr,WebkitFilter:Dr},Fr=t=>Ir[t];function Or(t,e){var n;let o=Fr(t);return o!==Dr&&(o=Ar),null===(n=o.getAnimatableNone)||void 0===n?void 0:n.call(o,e)}const jr=t=>e=>e.test(t),$r=[wn,Ln,Vn,An,Dn,Rn,{test:t=>"auto"===t,parse:t=>t}],Ur=t=>$r.find(jr(t)),Nr=[...$r,kr,Ar],zr=t=>Nr.find(jr(t));function Zr(t,e,n){const o=t.getProps();return lo(o,e,void 0!==n?n:o.custom,function(t){const e={};return t.values.forEach(((t,n)=>e[n]=t.get())),e}(t),function(t){const e={};return t.values.forEach(((t,n)=>e[n]=t.getVelocity())),e}(t))}function Hr(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,gr(n))}function Wr(t,e){return e?(e[t]||e.default||e).from:void 0}function qr(t){return!(!mn(t)||!t.add)}const _r="data-"+no("framerAppearId");var Xr=function(){},Yr=function(){};const Gr=t=>1e3*t,Kr=!1,Qr=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Jr=t=>e=>1-t(1-e),ti=t=>t*t,ei=Jr(ti),ni=Qr(ti),oi=(t,e,n)=>-n*t+n*e+t;function ri(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}const ii=(t,e,n)=>{const o=t*t;return Math.sqrt(Math.max(0,n*(e*e-o)+o))},si=[wr,xr,Cr];function ai(t){const e=(t=>si.find((e=>e.test(t))))(t);Yr(!!e,`'${t}' is not an animatable color. Use the equivalent color code instead.`);let n=e.parse(t);return e===Cr&&(n=function(t){let{hue:e,saturation:n,lightness:o,alpha:r}=t;e/=360,n/=100,o/=100;let i=0,s=0,a=0;if(n){const t=o<.5?o*(1+n):o+n-o*n,r=2*o-t;i=ri(r,t,e+1/3),s=ri(r,t,e),a=ri(r,t,e-1/3)}else i=s=a=o;return{red:Math.round(255*i),green:Math.round(255*s),blue:Math.round(255*a),alpha:r}}(n)),n}const li=(t,e)=>{const n=ai(t),o=ai(e),r={...n};return t=>(r.red=ii(n.red,o.red,t),r.green=ii(n.green,o.green,t),r.blue=ii(n.blue,o.blue,t),r.alpha=oi(n.alpha,o.alpha,t),xr.transform(r))};function ui(t,e){return"number"==typeof t?n=>oi(t,e,n):kr.test(t)?li(t,e):hi(t,e)}const ci=(t,e)=>{const n=[...t],o=n.length,r=t.map(((t,n)=>ui(t,e[n])));return t=>{for(let e=0;e{const n={...t,...e},o={};for(const r in n)void 0!==t[r]&&void 0!==e[r]&&(o[r]=ui(t[r],e[r]));return t=>{for(const e in o)n[e]=o[e](t);return n}},hi=(t,e)=>{const n=Ar.createTransformer(e),o=Pr(t),r=Pr(e);return o.numColors===r.numColors&&o.numNumbers>=r.numNumbers?Io(ci(o.values,r.values),n):(Xr(!0,`Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),n=>`${n>0?e:t}`)},pi=(t,e,n)=>{const o=e-t;return 0===o?1:(n-t)/o},fi=(t,e)=>n=>oi(t,e,n);function mi(t,e,n){const o=[],r=n||function(t){return"number"==typeof t?fi:"string"==typeof t?kr.test(t)?li:hi:Array.isArray(t)?ci:"object"==typeof t?di:fi}(t[0]),i=t.length-1;for(let s=0;st[s-1]&&(t=[...t].reverse(),e=[...e].reverse());const a=mi(e,r,i),l=a.length,u=e=>{let n=0;if(l>1)for(;nu(xn(t[0],t[s-1],e)):u}const vi=t=>t,yi=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,bi=1e-7,xi=12;function wi(t,e,n,o){if(t===e&&n===o)return vi;const r=e=>function(t,e,n,o,r){let i,s,a=0;do{s=e+(n-e)/2,i=yi(s,o,r)-t,i>0?n=s:e=s}while(Math.abs(i)>bi&&++a0===t||1===t?t:yi(r(t),e,o)}const Ci=t=>1-Math.sin(Math.acos(t)),ki=Jr(Ci),Mi=Qr(ki),Ei=wi(.33,1.53,.69,.99),Pi=Jr(Ei),Si=Qr(Pi),Bi={linear:vi,easeIn:ti,easeInOut:ni,easeOut:ei,circIn:Ci,circInOut:Mi,circOut:ki,backIn:Pi,backInOut:Si,backOut:Ei,anticipate:t=>(t*=2)<1?.5*Pi(t):.5*(2-Math.pow(2,-10*(t-1)))},Ti=t=>{if(Array.isArray(t)){Yr(4===t.length,"Cubic bezier arrays must contain four numerical values.");const[e,n,o,r]=t;return wi(e,n,o,r)}return"string"==typeof t?(Yr(void 0!==Bi[t],`Invalid easing type '${t}'`),Bi[t]):t},Ai=t=>Array.isArray(t)&&"number"!=typeof t[0];function Vi(t,e){return t.map((()=>e||ni)).splice(0,t.length-1)}function Li(t){let{keyframes:e,ease:n=ni,times:o,duration:r=300}=t;e=[...e];const i=Ai(n)?n.map(Ti):Ti(n),s={done:!1,value:e[0]},a=function(t,e){return t.map((t=>t*e))}(o&&o.length===e.length?o:function(t){const e=t.length;return t.map(((t,n)=>0!==n?n/(e-1):0))}(e),r);function l(){return gi(a,e,{ease:Array.isArray(i)?i:Vi(e,i)})}let u=l();return{next:t=>(s.value=u(t),s.done=t>=r,s),flipTarget:()=>{e.reverse(),u=l()}}}const Ri=.001,Di=.01,Ii=10,Fi=.05,Oi=1;function ji(t){let e,n,{duration:o=800,bounce:r=.25,velocity:i=0,mass:s=1}=t;Xr(o<=1e3*Ii,"Spring duration must be 10 seconds or less");let a=1-r;a=xn(Fi,Oi,a),o=xn(Di,Ii,o/1e3),a<1?(e=t=>{const e=t*a,n=e*o,r=e-i,s=Ui(t,a),l=Math.exp(-n);return Ri-r/s*l},n=t=>{const n=t*a*o,r=n*i+i,s=Math.pow(a,2)*Math.pow(t,2)*o,l=Math.exp(-n),u=Ui(Math.pow(t,2),a);return(-e(t)+Ri>0?-1:1)*((r-s)*l)/u}):(e=t=>Math.exp(-t*o)*((t-i)*o+1)-Ri,n=t=>Math.exp(-t*o)*(o*o*(i-t)));const l=function(t,e,n){let o=n;for(let r=1;r<$i;r++)o-=t(o)/e(o);return o}(e,n,5/o);if(o*=1e3,isNaN(l))return{stiffness:100,damping:10,duration:o};{const t=Math.pow(l,2)*s;return{stiffness:t,damping:2*a*Math.sqrt(s*t),duration:o}}}const $i=12;function Ui(t,e){return t*Math.sqrt(1-e*e)}const Ni=["duration","bounce"],zi=["stiffness","damping","mass"];function Zi(t,e){return e.some((e=>void 0!==t[e]))}function Hi(t){let{keyframes:e,restDelta:n,restSpeed:o,...r}=t,i=e[0],s=e[e.length-1];const a={done:!1,value:i},{stiffness:l,damping:u,mass:c,velocity:d,duration:h,isResolvedFromDuration:p}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!Zi(t,zi)&&Zi(t,Ni)){const n=ji(t);e={...e,...n,velocity:0,mass:1},e.isResolvedFromDuration=!0}return e}(r);let f=Wi,m=d?-d/1e3:0;const g=u/(2*Math.sqrt(l*c));function v(){const t=s-i,e=Math.sqrt(l/c)/1e3,r=Math.abs(t)<5;if(o||(o=r?.01:2),n||(n=r?.005:.5),g<1){const n=Ui(e,g);f=o=>{const r=Math.exp(-g*e*o);return s-r*((m+g*e*t)/n*Math.sin(n*o)+t*Math.cos(n*o))}}else if(1===g)f=n=>s-Math.exp(-e*n)*(t+(m+e*t)*n);else{const n=e*Math.sqrt(g*g-1);f=o=>{const r=Math.exp(-g*e*o),i=Math.min(n*o,300);return s-r*((m+g*e*t)*Math.sinh(i)+n*t*Math.cosh(i))/n}}}return v(),{next:t=>{const e=f(t);if(p)a.done=t>=h;else{let r=m;if(0!==t)if(g<1){const n=Math.max(0,t-5);r=fr(e-f(n),t-n)}else r=0;const i=Math.abs(r)<=o,l=Math.abs(s-e)<=n;a.done=i&&l}return a.value=a.done?s:e,a},flipTarget:()=>{m=-m,[i,s]=[s,i],v()}}}Hi.needsInterpolation=(t,e)=>"string"==typeof t||"string"==typeof e;const Wi=t=>0;const qi={decay:function(t){let{keyframes:e=[0],velocity:n=0,power:o=.8,timeConstant:r=350,restDelta:i=.5,modifyTarget:s}=t;const a=e[0],l={done:!1,value:a};let u=o*n;const c=a+u,d=void 0===s?c:s(c);return d!==c&&(u=d-a),{next:t=>{const e=-u*Math.exp(-t/r);return l.done=!(e>i||e<-i),l.value=l.done?d:d+e,l},flipTarget:()=>{}}},keyframes:Li,tween:Li,spring:Hi};function _i(t,e,n){return void 0===n&&(n=0),t-e-n}const Xi=t=>{const e=e=>{let{delta:n}=e;return t(n)};return{start:()=>ir.update(e,!0),stop:()=>sr.update(e)}};function Yi(t){let{duration:e,driver:n=Xi,elapsed:o=0,repeat:r=0,repeatType:i="loop",repeatDelay:s=0,keyframes:a,autoplay:l=!0,onPlay:u,onStop:c,onComplete:d,onRepeat:h,onUpdate:p,type:f="keyframes",...m}=t;var g,v;const y=o;let b,x,w=0,C=e,k=!1,M=!0;const E=qi[a.length>2?"keyframes":f]||Li,P=a[0],S=a[a.length-1];let B={done:!1,value:P};null!==(v=(g=E).needsInterpolation)&&void 0!==v&&v.call(g,P,S)&&(x=gi([0,100],[P,S],{clamp:!1}),a=[0,100]);const T=E({...m,duration:e,keyframes:a});function A(){w++,"reverse"===i?(M=w%2==0,o=function(t,e,n,o){return void 0===e&&(e=0),void 0===n&&(n=0),void 0===o&&(o=!0),o?_i(e+-t,e,n):e-(t-e)+n}(o,C,s,M)):(o=_i(o,C,s),"mirror"===i&&T.flipTarget()),k=!1,h&&h()}function V(t){M||(t=-t),o+=t,k||(B=T.next(Math.max(0,o)),x&&(B.value=x(B.value)),k=M?B.done:o<=0),p&&p(B.value),k&&(0===w&&(C=void 0!==C?C:o),w=e+n:t<=-n}(o,C,s,M)&&A():(b&&b.stop(),d&&d()))}return l&&(u&&u(),b=n(V),b.start()),{stop:()=>{c&&c(),b&&b.stop()},set currentTime(t){o=y,V(t)},sample:t=>{o=y;const n=e&&"number"==typeof e?Math.max(.5*e,50):50;let r=0;for(V(0);r<=t;){const e=t-r;V(Math.min(e,n)),r+=n}return B}}}const Gi=t=>{let[e,n,o,r]=t;return`cubic-bezier(${e}, ${n}, ${o}, ${r})`},Ki={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Gi([0,.65,.55,1]),circOut:Gi([.55,0,1,.45]),backIn:Gi([.31,.01,.66,-.59]),backOut:Gi([.33,1.53,.69,.99])};function Qi(t){if(t)return Array.isArray(t)?Gi(t):Ki[t]}const Ji={waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate")},ts={},es={};for(const dd in Ji)es[dd]=()=>(void 0===ts[dd]&&(ts[dd]=Ji[dd]()),ts[dd]);const ns=new Set(["opacity"]);function os(t,e,n){let{onUpdate:o,onComplete:r,...i}=n;if(!es.waapi()||!ns.has(e)||i.repeatDelay||"mirror"===i.repeatType||0===i.damping)return!1;let{keyframes:s,duration:a=300,elapsed:l=0,ease:u}=i;if("spring"===i.type||!function(t){return!t||Array.isArray(t)||"string"==typeof t&&Ki[t]}(i.ease)){if(i.repeat===1/0)return;const t=Yi({...i,elapsed:0});let e={done:!1,value:s[0]};const n=[];let o=0;for(;!e.done&&o<2e4;)e=t.sample(o),n.push(e.value),o+=10;s=n,a=o-10,u="linear"}const c=function(t,e,n,o){let{delay:r=0,duration:i,repeat:s=0,repeatType:a="loop",ease:l,times:u}=void 0===o?{}:o;return t.animate({[e]:n,offset:u},{delay:r,duration:i,easing:Qi(l),fill:"both",iterations:s+1,direction:"reverse"===a?"alternate":"normal"})}(t.owner.current,e,s,{...i,delay:-l,duration:a,ease:u});return c.onfinish=()=>{t.set(function(t,e){let{repeat:n,repeatType:o="loop"}=e;return t[n&&"loop"!==o&&n%2==1?0:t.length-1]}(s,i)),ir.update((()=>c.cancel())),r&&r()},{get currentTime(){return c.currentTime||0},set currentTime(t){c.currentTime=t},stop:()=>{const{currentTime:e}=c;if(e){const n=Yi({...i,autoplay:!1});t.setWithVelocity(n.sample(e-10).value,n.sample(e).value,10)}ir.update((()=>c.cancel()))}}}function rs(t,e){const n=performance.now(),o=r=>{let{timestamp:i}=r;const s=i-n;s>=e&&(sr.read(o),t(s-e))};return ir.read(o,!0),()=>sr.read(o)}const is=()=>({type:"spring",stiffness:500,damping:25,restSpeed:10}),ss=t=>({type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}),as=()=>({type:"keyframes",ease:"linear",duration:.3}),ls={type:"keyframes",duration:.8},us={x:is,y:is,z:is,rotate:is,rotateX:is,rotateY:is,rotateZ:is,scaleX:ss,scaleY:ss,scale:ss,opacity:as,backgroundColor:as,color:as,default:ss},cs=(t,e)=>{let{keyframes:n}=e;return n.length>2?ls:(us[t]||us.default)(n[1])},ds=(t,e)=>"zIndex"!==t&&!!("number"==typeof e||Array.isArray(e)||"string"==typeof e&&Ar.test(e)&&!e.startsWith("url("));function hs(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function ps(t){return"number"==typeof t?0:Or("",t)}function fs(t,e){return t[e]||t.default||t}const ms=function(t,e,n,o){return void 0===o&&(o={}),r=>{const i=fs(o,t)||{},s=i.delay||o.delay||0;let{elapsed:a=0}=o;a-=Gr(s);const l=function(t,e,n,o){const r=ds(e,n);let i=void 0!==o.from?o.from:t.get();return"none"===i&&r&&"string"==typeof n?i=Or(e,n):hs(i)&&"string"==typeof n?i=ps(n):!Array.isArray(n)&&hs(n)&&"string"==typeof i&&(n=ps(i)),Array.isArray(n)?(null===n[0]&&(n[0]=i),n):[i,n]}(e,t,n,i),u=l[0],c=l[l.length-1],d=ds(t,u),h=ds(t,c);Xr(d===h,`You are trying to animate ${t} from "${u}" to "${c}". ${u} is not an animatable value - to enable this animation set ${u} to a value animatable to ${c} via the \`style\` property.`);let p={keyframes:l,velocity:e.getVelocity(),...i,elapsed:a,onUpdate:t=>{e.set(t),i.onUpdate&&i.onUpdate(t)},onComplete:()=>{r(),i.onComplete&&i.onComplete()}};if(!d||!h||Kr||!1===i.type)return function(t){let{keyframes:e,elapsed:n,onUpdate:o,onComplete:r}=t;const i=()=>{o&&o(e[e.length-1]),r&&r()};return n?{stop:rs(i,-n)}:i()}(p);if("inertia"===i.type)return function(t){let{keyframes:e,velocity:n=0,min:o,max:r,power:i=.8,timeConstant:s=750,bounceStiffness:a=500,bounceDamping:l=10,restDelta:u=1,modifyTarget:c,driver:d,onUpdate:h,onComplete:p,onStop:f}=t;const m=e[0];let g;function v(t){return void 0!==o&&tr}function y(t){return void 0===o?r:void 0===r||Math.abs(o-t){var n;null==h||h(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:p,onStop:f})}function x(t){b({type:"spring",stiffness:a,damping:l,restDelta:u,...t})}if(v(m))x({velocity:n,keyframes:[m,y(m)]});else{let t=i*n+m;typeof c<"u"&&(t=c(t));const e=y(t),r=e===o?-1:1;let a,l;const d=t=>{a=l,l=t,n=fr(t-a,Go.delta),(1===r&&t>e||-1===r&&tnull==g?void 0:g.stop()}}(p);(function(t){let{when:e,delay:n,delayChildren:o,staggerChildren:r,staggerDirection:i,repeat:s,repeatType:a,repeatDelay:l,from:u,elapsed:c,...d}=t;return!!Object.keys(d).length})(i)||(p={...p,...cs(t,p)}),p.duration&&(p.duration=Gr(p.duration)),p.repeatDelay&&(p.repeatDelay=Gr(p.repeatDelay));const f=e.owner,m=f&&f.current;if(f&&m instanceof HTMLElement&&(null==f||!f.getProps().onUpdate)){const n=os(e,t,p);if(n)return n}return Yi(p)}};function gs(t,e,n){var o;void 0===n&&(n={});const r=Zr(t,e,n.custom);let{transition:i=t.getDefaultTransition()||{}}=r||{};n.transitionOverride&&(i=n.transitionOverride);const s=r?()=>vs(t,r,n):()=>Promise.resolve(),a=null!==(o=t.variantChildren)&&void 0!==o&&o.size?function(o){void 0===o&&(o=0);const{delayChildren:r=0,staggerChildren:s,staggerDirection:a}=i;return function(t,e,n,o,r,i){void 0===n&&(n=0);void 0===o&&(o=0);void 0===r&&(r=1);const s=[],a=(t.variantChildren.size-1)*o,l=1===r?function(t){return void 0===t&&(t=0),t*o}:function(t){return void 0===t&&(t=0),a-t*o};return Array.from(t.variantChildren).sort(ys).forEach(((t,o)=>{t.notify("AnimationStart",e),s.push(gs(t,e,{...i,delay:n+l(o)}).then((()=>t.notify("AnimationComplete",e))))})),Promise.all(s)}(t,e,r+o,s,a,n)}:()=>Promise.resolve(),{when:l}=i;if(l){const[t,e]="beforeChildren"===l?[s,a]:[a,s];return t().then(e)}return Promise.all([s(),a(n.delay)])}function vs(t,e,n){let{delay:o=0,transitionOverride:r,type:i}=void 0===n?{}:n;var s;let{transition:a=t.getDefaultTransition(),transitionEnd:l,...u}=t.makeTargetAnimatable(e);const c=t.getValue("willChange");r&&(a=r);const d=[],h=i&&(null===(s=t.animationState)||void 0===s?void 0:s.getState()[i]);for(const p in u){const e=t.getValue(p),n=u[p];if(!e||void 0===n||h&&bs(h,p))continue;const r={delay:o,elapsed:0,...a};if(window.HandoffAppearAnimations&&!e.hasAnimated){const n=t.getProps()[_r];n&&(r.elapsed=window.HandoffAppearAnimations(n,p,e,ir))}let i=e.start(ms(p,e,n,t.shouldReduceMotion&&pn.has(p)?{type:!1}:r));qr(c)&&(c.add(p),i=i.then((()=>c.remove(p)))),d.push(i)}return Promise.all(d).then((()=>{l&&function(t,e){const n=Zr(t,e);let{transitionEnd:o={},transition:r={},...i}=n?t.makeTargetAnimatable(n,!1):{};i={...i,...o};for(const s in i)Hr(t,s,ho(i[s]))}(t,l)}))}function ys(t,e){return t.sortNodePosition(e)}function bs(t,e){let{protectedKeys:n,needsAnimating:o}=t;const r=n.hasOwnProperty(e)&&!0!==o[e];return o[e]=!1,r}const xs=[yo.Animate,yo.InView,yo.Focus,yo.Hover,yo.Tap,yo.Drag,yo.Exit],ws=[...xs].reverse(),Cs=xs.length;function ks(t){return e=>Promise.all(e.map((e=>{let{animation:n,options:o}=e;return function(t,e,n){let o;if(void 0===n&&(n={}),t.notify("AnimationStart",e),Array.isArray(e)){const r=e.map((e=>gs(t,e,n)));o=Promise.all(r)}else if("string"==typeof e)o=gs(t,e,n);else{const r="function"==typeof e?Zr(t,e,n.custom):e;o=vs(t,r,n)}return o.then((()=>t.notify("AnimationComplete",e)))}(t,n,o)})))}function Ms(t){let e=ks(t);const n={[yo.Animate]:Ps(!0),[yo.InView]:Ps(),[yo.Hover]:Ps(),[yo.Tap]:Ps(),[yo.Drag]:Ps(),[yo.Focus]:Ps(),[yo.Exit]:Ps()};let o=!0;const r=(e,n)=>{const o=Zr(t,n);if(o){const{transition:t,transitionEnd:n,...r}=o;e={...e,...r,...n}}return e};function i(i,s){const a=t.getProps(),l=t.getVariantContext(!0)||{},u=[],c=new Set;let d={},h=1/0;for(let e=0;eh&&g;const w=Array.isArray(m)?m:[m];let C=w.reduce(r,{});!1===v&&(C={});const{prevResolvedValues:k={}}=f,M={...k,...C},E=t=>{x=!0,c.delete(t),f.needsAnimating[t]=!0};for(const t in M){const e=C[t],n=k[t];d.hasOwnProperty(t)||(e!==n?uo(e)&&uo(n)?!_o(e,n)||b?E(t):f.protectedKeys[t]=!0:void 0!==e?E(t):c.add(t):void 0!==e&&c.has(t)?E(t):f.protectedKeys[t]=!0)}f.prevProp=m,f.prevResolvedValues=C,f.isActive&&(d={...d,...C}),o&&t.blockInitialAnimation&&(x=!1),x&&!y&&u.push(...w.map((t=>({animation:t,options:{type:p,...i}}))))}if(c.size){const e={};c.forEach((n=>{const o=t.getBaseTarget(n);void 0!==o&&(e[n]=o)})),u.push({animation:e})}let p=!!u.length;return o&&!1===a.initial&&!t.manuallyAnimateOnMount&&(p=!1),o=!1,p?e(u):Promise.resolve()}return{animateChanges:i,setActive:function(e,o,r){var s;if(n[e].isActive===o)return Promise.resolve();null===(s=t.variantChildren)||void 0===s||s.forEach((t=>{var n;return null===(n=t.animationState)||void 0===n?void 0:n.setActive(e,o)})),n[e].isActive=o;const a=i(r,e);for(const t in n)n[t].protectedKeys={};return a},setAnimateFunction:function(n){e=n(t)},getState:()=>n}}function Es(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!_o(e,t)}function Ps(t){return void 0===t&&(t=!1),{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}const Ss={animation:Ho((t=>{let{visualElement:e,animate:n}=t;e.animationState||(e.animationState=Ms(e)),He(n)&&(0,o.useEffect)((()=>n.subscribe(e)),[n])})),exit:Ho((t=>{const{custom:e,visualElement:n}=t,[r,i]=qo(),s=(0,o.useContext)(Oe);(0,o.useEffect)((()=>{n.isPresent=r;const t=n.animationState&&n.animationState.setActive(yo.Exit,!r,{custom:s&&s.custom||e});t&&!r&&t.then(i)}),[r])}))},Bs=(t,e)=>Math.abs(t-e);class Ts{constructor(t,e,n){let{transformPagePoint:o}=void 0===n?{}:n;if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!this.lastMoveEvent||!this.lastMoveEventInfo)return;const t=Ls(this.lastMoveEventInfo,this.history),e=null!==this.startEvent,n=function(t,e){const n=Bs(t.x,e.x),o=Bs(t.y,e.y);return Math.sqrt(n**2+o**2)}(t.offset,{x:0,y:0})>=3;if(!e&&!n)return;const{point:o}=t,{timestamp:r}=Go;this.history.push({...o,timestamp:r});const{onStart:i,onMove:s}=this.handlers;e||(i&&i(this.lastMoveEvent,t),this.startEvent=this.lastMoveEvent),s&&s(this.lastMoveEvent,t)},this.handlePointerMove=(t,e)=>{this.lastMoveEvent=t,this.lastMoveEventInfo=As(e,this.transformPagePoint),ir.update(this.updatePoint,!0)},this.handlePointerUp=(t,e)=>{if(this.end(),!this.lastMoveEvent||!this.lastMoveEventInfo)return;const{onEnd:n,onSessionEnd:o}=this.handlers,r=Ls("pointercancel"===t.type?this.lastMoveEventInfo:As(e,this.transformPagePoint),this.history);this.startEvent&&n&&n(t,r),o&&o(t,r)},!wo(t))return;this.handlers=e,this.transformPagePoint=o;const r=As(Co(t),this.transformPagePoint),{point:i}=r,{timestamp:s}=Go;this.history=[{...i,timestamp:s}];const{onSessionStart:a}=e;a&&a(t,Ls(r,this.history)),this.removeListeners=Io(Mo(window,"pointermove",this.handlePointerMove),Mo(window,"pointerup",this.handlePointerUp),Mo(window,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),sr.update(this.updatePoint)}}function As(t,e){return e?{point:e(t.point)}:t}function Vs(t,e){return{x:t.x-e.x,y:t.y-e.y}}function Ls(t,e){let{point:n}=t;return{point:n,delta:Vs(n,Ds(e)),offset:Vs(n,Rs(e)),velocity:Is(e,.1)}}function Rs(t){return t[0]}function Ds(t){return t[t.length-1]}function Is(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,o=null;const r=Ds(t);for(;n>=0&&(o=t[n],!(r.timestamp-o.timestamp>Gr(e)));)n--;if(!o)return{x:0,y:0};const i=(r.timestamp-o.timestamp)/1e3;if(0===i)return{x:0,y:0};const s={x:(r.x-o.x)/i,y:(r.y-o.y)/i};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}function Fs(t){return t.max-t.min}function Os(t,e,n){return void 0===e&&(e=0),void 0===n&&(n=.01),Math.abs(t-e)<=n}function js(t,e,n,o){void 0===o&&(o=.5),t.origin=o,t.originPoint=oi(e.min,e.max,t.origin),t.scale=Fs(n)/Fs(e),(Os(t.scale,1,1e-4)||isNaN(t.scale))&&(t.scale=1),t.translate=oi(n.min,n.max,t.origin)-t.originPoint,(Os(t.translate)||isNaN(t.translate))&&(t.translate=0)}function $s(t,e,n,o){js(t.x,e.x,n.x,null==o?void 0:o.originX),js(t.y,e.y,n.y,null==o?void 0:o.originY)}function Us(t,e,n){t.min=n.min+e.min,t.max=t.min+Fs(e)}function Ns(t,e,n){t.min=e.min-n.min,t.max=t.min+Fs(e)}function zs(t,e,n){Ns(t.x,e.x,n.x),Ns(t.y,e.y,n.y)}function Zs(t,e,n){return{min:void 0!==e?t.min+e:void 0,max:void 0!==n?t.max+n-(t.max-t.min):void 0}}function Hs(t,e){let n=e.min-t.min,o=e.max-t.max;return e.max-e.min({x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}}),Ys=()=>({x:{min:0,max:0},y:{min:0,max:0}});function Gs(t){return[t("x"),t("y")]}function Ks(t){let{top:e,left:n,right:o,bottom:r}=t;return{x:{min:n,max:o},y:{min:e,max:r}}}function Qs(t){return void 0===t||1===t}function Js(t){let{scale:e,scaleX:n,scaleY:o}=t;return!Qs(e)||!Qs(n)||!Qs(o)}function ta(t){return Js(t)||ea(t)||t.z||t.rotate||t.rotateX||t.rotateY}function ea(t){return na(t.x)||na(t.y)}function na(t){return t&&"0%"!==t}function oa(t,e,n){return n+e*(t-n)}function ra(t,e,n,o,r){return void 0!==r&&(t=oa(t,r,o)),oa(t,n,o)+e}function ia(t,e,n,o,r){void 0===e&&(e=0),void 0===n&&(n=1),t.min=ra(t.min,e,n,o,r),t.max=ra(t.max,e,n,o,r)}function sa(t,e){let{x:n,y:o}=e;ia(t.x,n.translate,n.scale,n.originPoint),ia(t.y,o.translate,o.scale,o.originPoint)}function aa(t){return Number.isInteger(t)||t>1.0000000000001||t<.999999999999?t:1}function la(t,e){t.min=t.min+e,t.max=t.max+e}function ua(t,e,n){let[o,r,i]=n;const s=void 0!==e[i]?e[i]:.5,a=oi(t.min,t.max,s);ia(t,e[o],e[r],a,e.scale)}const ca=["x","scaleX","originX"],da=["y","scaleY","originY"];function ha(t,e){ua(t.x,e,ca),ua(t.y,e,da)}function pa(t,e){return Ks(function(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),o=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:o.y,right:o.x}}(t.getBoundingClientRect(),e))}const fa=new WeakMap;class ma{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=Ys(),this.visualElement=t}start(t,e){let{snapToCursor:n=!1}=void 0===e?{}:e;if(!1===this.visualElement.isPresent)return;this.panSession=new Ts(t,{onSessionStart:t=>{this.stopAnimation(),n&&this.snapToCursor(Co(t,"page").point)},onStart:(t,e)=>{var n;const{drag:o,dragPropagation:r,onDragStart:i}=this.getProps();o&&!r&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=To(o),!this.openGlobalLock)||(this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),Gs((t=>{var e,n;let o=this.getAxisMotionValue(t).get()||0;if(Vn.test(o)){const r=null===(n=null===(e=this.visualElement.projection)||void 0===e?void 0:e.layout)||void 0===n?void 0:n.layoutBox[t];r&&(o=Fs(r)*(parseFloat(o)/100))}this.originPoint[t]=o})),null==i||i(t,e),null===(n=this.visualElement.animationState)||void 0===n||n.setActive(yo.Drag,!0))},onMove:(t,e)=>{const{dragPropagation:n,dragDirectionLock:o,onDirectionLock:r,onDrag:i}=this.getProps();if(!n&&!this.openGlobalLock)return;const{offset:s}=e;if(o&&null===this.currentDirection)return this.currentDirection=function(t,e){void 0===e&&(e=10);let n=null;return Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x"),n}(s),void(null!==this.currentDirection&&(null==r||r(this.currentDirection)));this.updateAxis("x",e.point,s),this.updateAxis("y",e.point,s),this.visualElement.render(),null==i||i(t,e)},onSessionEnd:(t,e)=>this.stop(t,e)},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(t,e){const n=this.isDragging;if(this.cancel(),!n)return;const{velocity:o}=e;this.startAnimation(o);const{onDragEnd:r}=this.getProps();null==r||r(t,e)}cancel(){var t,e;this.isDragging=!1,this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!1),null===(t=this.panSession)||void 0===t||t.end(),this.panSession=void 0;const{dragPropagation:n}=this.getProps();!n&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),null===(e=this.visualElement.animationState)||void 0===e||e.setActive(yo.Drag,!1)}updateAxis(t,e,n){const{drag:o}=this.getProps();if(!n||!ga(t,o,this.currentDirection))return;const r=this.getAxisMotionValue(t);let i=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(i=function(t,e,n){let{min:o,max:r}=e;return void 0!==o&&tr&&(t=n?oi(r,t,n.max):Math.min(t,r)),t}(i,this.constraints[t],this.elastic[t])),r.set(i)}resolveConstraints(){const{dragConstraints:t,dragElastic:e}=this.getProps(),{layout:n}=this.visualElement.projection||{},o=this.constraints;t&&ze(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!t||!n)&&function(t,e){let{top:n,left:o,bottom:r,right:i}=e;return{x:Zs(t.x,o,i),y:Zs(t.y,n,r)}}(n.layoutBox,t),this.elastic=function(t){return void 0===t&&(t=Ws),!1===t?t=0:!0===t&&(t=Ws),{x:qs(t,"left","right"),y:qs(t,"top","bottom")}}(e),o!==this.constraints&&n&&this.constraints&&!this.hasMutatedConstraints&&Gs((t=>{this.getAxisMotionValue(t)&&(this.constraints[t]=function(t,e){const n={};return void 0!==e.min&&(n.min=e.min-t.min),void 0!==e.max&&(n.max=e.max-t.min),n}(n.layoutBox[t],this.constraints[t]))}))}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:e}=this.getProps();if(!t||!ze(t))return!1;const n=t.current;Yr(null!==n,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:o}=this.visualElement;if(!o||!o.layout)return!1;const r=function(t,e,n){const o=pa(t,n),{scroll:r}=e;return r&&(la(o.x,r.offset.x),la(o.y,r.offset.y)),o}(n,o.root,this.visualElement.getTransformPagePoint());let i=function(t,e){return{x:Hs(t.x,e.x),y:Hs(t.y,e.y)}}(o.layout.layoutBox,r);if(e){const t=e(function(t){let{x:e,y:n}=t;return{top:n.min,right:e.max,bottom:n.max,left:e.min}}(i));this.hasMutatedConstraints=!!t,t&&(i=Ks(t))}return i}startAnimation(t){const{drag:e,dragMomentum:n,dragElastic:o,dragTransition:r,dragSnapToOrigin:i,onDragTransitionEnd:s}=this.getProps(),a=this.constraints||{},l=Gs((s=>{if(!ga(s,e,this.currentDirection))return;let l=(null==a?void 0:a[s])||{};i&&(l={min:0,max:0});const u=o?200:1e6,c=o?40:1e7,d={type:"inertia",velocity:n?t[s]:0,bounceStiffness:u,bounceDamping:c,timeConstant:750,restDelta:1,restSpeed:10,...r,...l};return this.startAxisValueAnimation(s,d)}));return Promise.all(l).then(s)}startAxisValueAnimation(t,e){const n=this.getAxisMotionValue(t);return n.start(ms(t,n,0,e))}stopAnimation(){Gs((t=>this.getAxisMotionValue(t).stop()))}getAxisMotionValue(t){var e;const n="_drag"+t.toUpperCase();return this.visualElement.getProps()[n]||this.visualElement.getValue(t,(null===(e=this.visualElement.getProps().initial)||void 0===e?void 0:e[t])||0)}snapToCursor(t){Gs((e=>{const{drag:n}=this.getProps();if(!ga(e,n,this.currentDirection))return;const{projection:o}=this.visualElement,r=this.getAxisMotionValue(e);if(o&&o.layout){const{min:n,max:i}=o.layout.layoutBox[e];r.set(t[e]-oi(n,i,.5))}}))}scalePositionWithinConstraints(){var t;if(!this.visualElement.current)return;const{drag:e,dragConstraints:n}=this.getProps(),{projection:o}=this.visualElement;if(!ze(n)||!o||!this.constraints)return;this.stopAnimation();const r={x:0,y:0};Gs((t=>{const e=this.getAxisMotionValue(t);if(e){const n=e.get();r[t]=function(t,e){let n=.5;const o=Fs(t),r=Fs(e);return r>o?n=pi(e.min,e.max-o,t.min):o>r&&(n=pi(t.min,t.max-r,e.min)),xn(0,1,n)}({min:n,max:n},this.constraints[t])}}));const{transformTemplate:i}=this.visualElement.getProps();this.visualElement.current.style.transform=i?i({},""):"none",null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout(),this.resolveConstraints(),Gs((t=>{if(!ga(t,e,null))return;const n=this.getAxisMotionValue(t),{min:o,max:i}=this.constraints[t];n.set(oi(o,i,r[t]))}))}addListeners(){var t;if(!this.visualElement.current)return;fa.set(this.visualElement,this);const e=Mo(this.visualElement.current,"pointerdown",(t=>{const{drag:e,dragListener:n=!0}=this.getProps();e&&n&&this.start(t)})),n=()=>{const{dragConstraints:t}=this.getProps();ze(t)&&(this.constraints=this.resolveRefConstraints())},{projection:o}=this.visualElement,r=o.addEventListener("measure",n);o&&!o.layout&&(null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout()),n();const i=bo(window,"resize",(()=>this.scalePositionWithinConstraints())),s=o.addEventListener("didUpdate",(t=>{let{delta:e,hasLayoutChanged:n}=t;this.isDragging&&n&&(Gs((t=>{const n=this.getAxisMotionValue(t);n&&(this.originPoint[t]+=e[t].translate,n.set(n.get()+e[t].translate))})),this.visualElement.render())}));return()=>{i(),e(),r(),null==s||s()}}getProps(){const t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:n=!1,dragPropagation:o=!1,dragConstraints:r=!1,dragElastic:i=Ws,dragMomentum:s=!0}=t;return{...t,drag:e,dragDirectionLock:n,dragPropagation:o,dragConstraints:r,dragElastic:i,dragMomentum:s}}}function ga(t,e,n){return!(!0!==e&&e!==t||null!==n&&n!==t)}const va={pan:Ho((function(t){let{onPan:e,onPanStart:n,onPanEnd:r,onPanSessionStart:i,visualElement:s}=t;const a=e||n||r||i,l=(0,o.useRef)(null),{transformPagePoint:u}=(0,o.useContext)(Ie),c={onSessionStart:i,onStart:n,onMove:e,onEnd:(t,e)=>{l.current=null,r&&r(t,e)}};(0,o.useEffect)((()=>{null!==l.current&&l.current.updateHandlers(c)})),Eo(s,"pointerdown",a&&function(t){l.current=new Ts(t,c,{transformPagePoint:u})}),Ro((()=>l.current&&l.current.end()))})),drag:Ho((function(t){const{dragControls:e,visualElement:n}=t,r=Qe((()=>new ma(n)));(0,o.useEffect)((()=>e&&e.subscribe(r)),[r,e]),(0,o.useEffect)((()=>r.addListeners()),[r])}))};function ya(t){return"string"==typeof t&&t.startsWith("var(--")}const ba=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;const xa=4;function wa(t,e,n){void 0===n&&(n=1),Yr(n<=xa,`Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);const[o,r]=function(t){const e=ba.exec(t);if(!e)return[,];const[,n,o]=e;return[n,o]}(t);if(!o)return;const i=window.getComputedStyle(e).getPropertyValue(o);return i?i.trim():ya(r)?wa(r,e,n+1):r}const Ca=new Set(["width","height","top","left","right","bottom","x","y"]),ka=t=>Ca.has(t),Ma=t=>t===wn||t===Ln;var Ea;!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(Ea||(Ea={}));const Pa=(t,e)=>parseFloat(t.split(", ")[e]),Sa=(t,e)=>(n,o)=>{let{transform:r}=o;if("none"===r||!r)return 0;const i=r.match(/^matrix3d\((.+)\)$/);if(i)return Pa(i[1],e);{const e=r.match(/^matrix\((.+)\)$/);return e?Pa(e[1],t):0}},Ba=new Set(["x","y","z"]),Ta=hn.filter((t=>!Ba.has(t)));const Aa={width:(t,e)=>{let{x:n}=t,{paddingLeft:o="0",paddingRight:r="0"}=e;return n.max-n.min-parseFloat(o)-parseFloat(r)},height:(t,e)=>{let{y:n}=t,{paddingTop:o="0",paddingBottom:r="0"}=e;return n.max-n.min-parseFloat(o)-parseFloat(r)},top:(t,e)=>{let{top:n}=e;return parseFloat(n)},left:(t,e)=>{let{left:n}=e;return parseFloat(n)},bottom:(t,e)=>{let{y:n}=t,{top:o}=e;return parseFloat(o)+(n.max-n.min)},right:(t,e)=>{let{x:n}=t,{left:o}=e;return parseFloat(o)+(n.max-n.min)},x:Sa(4,13),y:Sa(5,14)},Va=function(t,e,n,o){void 0===n&&(n={}),void 0===o&&(o={}),e={...e},o={...o};const r=Object.keys(e).filter(ka);let i=[],s=!1;const a=[];if(r.forEach((r=>{const l=t.getValue(r);if(!t.hasValue(r))return;let u=n[r],c=Ur(u);const d=e[r];let h;if(uo(d)){const t=d.length,e=null===d[0]?1:0;u=d[e],c=Ur(u);for(let n=e;n{const o=t.getValue(n);void 0!==o&&(e.push([n,o.get()]),o.set(n.startsWith("scale")?1:0))})),e.length&&t.render(),e}(t),s=!0),a.push(r),o[r]=void 0!==o[r]?o[r]:e[r],l.jump(d))})),a.length){const n=a.indexOf("height")>=0?window.pageYOffset:null,r=((t,e,n)=>{const o=e.measureViewportBox(),r=e.current,i=getComputedStyle(r),{display:s}=i,a={};"none"===s&&e.setStaticValue("display",t.display||"block"),n.forEach((t=>{a[t]=Aa[t](o,i)})),e.render();const l=e.measureViewportBox();return n.forEach((n=>{const o=e.getValue(n);o&&o.jump(a[n]),t[n]=Aa[n](l,i)})),t})(e,t,a);return i.length&&i.forEach((e=>{let[n,o]=e;t.getValue(n).set(o)})),t.render(),je&&null!==n&&window.scrollTo({top:n}),{target:r,transitionEnd:o}}return{target:e,transitionEnd:o}};function La(t,e,n,o){return(t=>Object.keys(t).some(ka))(e)?Va(t,e,n,o):{target:e,transitionEnd:o}}const Ra=(t,e,n,o)=>{const r=function(t,e,n){let{...o}=e;const r=t.current;if(!(r instanceof Element))return{target:o,transitionEnd:n};n&&(n={...n}),t.values.forEach((t=>{const e=t.get();if(!ya(e))return;const n=wa(e,r);n&&t.set(n)}));for(const i in o){const t=o[i];if(!ya(t))continue;const e=wa(t,r);e&&(o[i]=e,n&&void 0===n[i]&&(n[i]=t))}return{target:o,transitionEnd:n}}(t,e,o);return La(t,e=r.target,n,o=r.transitionEnd)},Da={current:null},Ia={current:!1};const Fa=Object.keys(Ke),Oa=Fa.length,ja=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class $a{constructor(t,e){let{parent:n,props:o,reducedMotionConfig:r,visualState:i}=t;void 0===e&&(e={}),this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.isPresent=!0,this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>ir.render(this.render,!1,!0);const{latestValues:s,renderState:a}=i;this.latestValues=s,this.baseTarget={...s},this.initialValues=o.initial?{...s}:{},this.renderState=a,this.parent=n,this.props=o,this.depth=n?n.depth+1:0,this.reducedMotionConfig=r,this.options=e,this.isControllingVariants=qe(o),this.isVariantNode=_e(o),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!(!n||!n.current);const{willChange:l,...u}=this.scrapeMotionValuesFromProps(o,{});for(const c in u){const t=u[c];void 0!==s[c]&&mn(t)&&(t.set(s[c],!1),qr(l)&&l.add(c))}}scrapeMotionValuesFromProps(t,e){return{}}mount(t){var e;this.current=t,this.projection&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=null===(e=this.parent)||void 0===e?void 0:e.addVariantChild(this)),this.values.forEach(((t,e)=>this.bindToMotionValue(e,t))),Ia.current||function(){if(Ia.current=!0,je)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>Da.current=t.matches;t.addListener(e),e()}else Da.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||Da.current),this.parent&&this.parent.children.add(this),this.setProps(this.props)}unmount(){var t,e,n;null===(t=this.projection)||void 0===t||t.unmount(),sr.update(this.notifyUpdate),sr.render(this.render),this.valueSubscriptions.forEach((t=>t())),null===(e=this.removeFromVariantTree)||void 0===e||e.call(this),null===(n=this.parent)||void 0===n||n.children.delete(this);for(const o in this.events)this.events[o].clear();this.current=null}bindToMotionValue(t,e){const n=pn.has(t),o=e.on("change",(e=>{this.latestValues[t]=e,this.props.onUpdate&&ir.update(this.notifyUpdate,!1,!0),n&&this.projection&&(this.projection.isTransformDirty=!0)})),r=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,(()=>{o(),r()}))}sortNodePosition(t){return this.current&&this.sortInstanceNodePosition&&this.type===t.type?this.sortInstanceNodePosition(this.current,t.current):0}loadFeatures(t,e,n,r,i,s){let{children:a,...l}=t;const u=[];for(let c=0;cthis.scheduleRender(),animationType:"string"==typeof e?e:"both",initialPromotionConfig:s,layoutScroll:a,layoutRoot:u})}return u}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):Ys()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}makeTargetAnimatable(t,e){return void 0===e&&(e=!0),this.makeTargetAnimatableFromInstance(t,this.props,e)}setProps(t){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender();const e=this.props;this.props=t;for(let n=0;nn.variantChildren.delete(t)}addValue(t,e){e!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,e)),this.values.set(t,e),this.latestValues[t]=e.get()}removeValue(t){var e;this.values.delete(t),null===(e=this.valueSubscriptions.get(t))||void 0===e||e(),this.valueSubscriptions.delete(t),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let n=this.values.get(t);return void 0===n&&void 0!==e&&(n=gr(e,{owner:this}),this.addValue(t,n)),n}readValue(t){return void 0===this.latestValues[t]&&this.current?this.readValueFromInstance(this.current,t,this.options):this.latestValues[t]}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:n}=this.props,o="string"==typeof n||"object"==typeof n?null===(e=lo(this.props,n))||void 0===e?void 0:e[t]:void 0;if(n&&void 0!==o)return o;const r=this.getBaseTargetFromProps(this.props,t);return void 0===r||mn(r)?void 0!==this.initialValues[t]&&void 0===o?void 0:this.baseTarget[t]:r}on(t,e){return this.events[t]||(this.events[t]=new pr),this.events[t].add(e)}notify(t){for(var e,n=arguments.length,o=new Array(n>1?n-1:0),r=1;r!t.hasValue(e))),s=i.length;if(s)for(let a=0;a{this.current&&(this.current.textContent=`${t}`)})))}renderInstance(t,e,n,o){oo(t,e,n,o)}}class Ha extends za{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){var n;return pn.has(e)?(null===(n=Fr(e))||void 0===n?void 0:n.default)||0:(e=ro.has(e)?e:no(e),t.getAttribute(e))}measureInstanceViewportBox(){return Ys()}scrapeMotionValuesFromProps(t,e){return ao(t,e)}build(t,e,n,o){Kn(t,e,n,this.isSVGTag,o.transformTemplate)}renderInstance(t,e,n,o){io(t,e,0,o)}mount(t){this.isSVGTag=Jn(t.tagName),super.mount(t)}}const Wa=(t,e)=>cn(t)?new Ha(e,{enableHardwareAcceleration:!1}):new Za(e,{enableHardwareAcceleration:!0});function qa(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const _a={correct:(t,e)=>{if(!e.target)return t;if("string"==typeof t){if(!Ln.test(t))return t;t=parseFloat(t)}return`${qa(t,e.target.x)}% ${qa(t,e.target.y)}%`}},Xa="_$css",Ya={correct:(t,e)=>{let{treeScale:n,projectionDelta:o}=e;const r=t,i=t.includes("var("),s=[];i&&(t=t.replace(ba,(t=>(s.push(t),Xa))));const a=Ar.parse(t);if(a.length>5)return r;const l=Ar.createTransformer(t),u="number"!=typeof a[0]?1:0,c=o.x.scale*n.x,d=o.y.scale*n.y;a[0+u]/=c,a[1+u]/=d;const h=oi(c,d,.5);"number"==typeof a[2+u]&&(a[2+u]/=h),"number"==typeof a[3+u]&&(a[3+u]/=h);let p=l(a);if(i){let t=0;p=p.replace(Xa,(()=>{const e=s[t];return t++,e}))}return p}};class Ga extends o.Component{componentDidMount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n,layoutId:o}=this.props,{projection:r}=t;(function(t){Object.assign(dn,t)})(Ka),r&&(e.group&&e.group.add(r),n&&n.register&&o&&n.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",(()=>{this.safeToRemove()})),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),Je.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:e,visualElement:n,drag:o,isPresent:r}=this.props,i=n.projection;return i&&(i.isPresent=r,o||t.layoutDependency!==e||void 0===e?i.willUpdate():this.safeToRemove(),t.isPresent!==r&&(r?i.promote():i.relegate()||ir.postRender((()=>{var t;null!==(t=i.getStack())&&void 0!==t&&t.members.length||this.safeToRemove()})))),null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),!t.currentAnimation&&t.isLead()&&this.safeToRemove())}componentWillUnmount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n}=this.props,{projection:o}=t;o&&(o.scheduleCheckAfterUnmount(),null!=e&&e.group&&e.group.remove(o),null!=n&&n.deregister&&n.deregister(o))}safeToRemove(){const{safeToRemove:t}=this.props;null==t||t()}render(){return null}}const Ka={borderRadius:{..._a,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:_a,borderTopRightRadius:_a,borderBottomLeftRadius:_a,borderBottomRightRadius:_a,boxShadow:Ya},Qa={measureLayout:function(t){const[e,n]=qo(),r=(0,o.useContext)(en);return Ae(Ga,{...t,layoutGroup:r,switchLayoutGroup:(0,o.useContext)(on),isPresent:e,safeToRemove:n})}};const Ja=["TopLeft","TopRight","BottomLeft","BottomRight"],tl=Ja.length,el=t=>"string"==typeof t?parseFloat(t):t,nl=t=>"number"==typeof t||Ln.test(t);function ol(t,e){return void 0!==t[e]?t[e]:t.borderRadius}const rl=sl(0,.5,ki),il=sl(.5,.95,vi);function sl(t,e,n){return o=>oe?1:n(pi(t,e,o))}function al(t,e){t.min=e.min,t.max=e.max}function ll(t,e){al(t.x,e.x),al(t.y,e.y)}function ul(t,e,n,o,r){return t=oa(t-=e,1/n,o),void 0!==r&&(t=oa(t,1/r,o)),t}function cl(t,e,n,o,r){let[i,s,a]=n;!function(t,e,n,o,r,i,s){if(void 0===e&&(e=0),void 0===n&&(n=1),void 0===o&&(o=.5),void 0===i&&(i=t),void 0===s&&(s=t),Vn.test(e)&&(e=parseFloat(e),e=oi(s.min,s.max,e/100)-s.min),"number"!=typeof e)return;let a=oi(i.min,i.max,o);t===i&&(a-=e),t.min=ul(t.min,e,n,a,r),t.max=ul(t.max,e,n,a,r)}(t,e[i],e[s],e[a],e.scale,o,r)}const dl=["x","scaleX","originX"],hl=["y","scaleY","originY"];function pl(t,e,n,o){cl(t.x,e,dl,null==n?void 0:n.x,null==o?void 0:o.x),cl(t.y,e,hl,null==n?void 0:n.y,null==o?void 0:o.y)}function fl(t){return 0===t.translate&&1===t.scale}function ml(t){return fl(t.x)&&fl(t.y)}function gl(t,e){return t.x.min===e.x.min&&t.x.max===e.x.max&&t.y.min===e.y.min&&t.y.max===e.y.max}function vl(t){return Fs(t.x)/Fs(t.y)}class yl{constructor(){this.members=[]}add(t){dr(this.members,t),t.scheduleRender()}remove(t){if(hr(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const t=this.members[this.members.length-1];t&&this.promote(t)}}relegate(t){const e=this.members.findIndex((e=>t===e));if(0===e)return!1;let n;for(let o=e;o>=0;o--){const t=this.members[o];if(!1!==t.isPresent){n=t;break}}return!!n&&(this.promote(n),!0)}promote(t,e){var n;const o=this.lead;if(t!==o&&(this.prevLead=o,this.lead=t,t.show(),o)){o.instance&&o.scheduleRender(),t.scheduleRender(),t.resumeFrom=o,e&&(t.resumeFrom.preserveOpacity=!0),o.snapshot&&(t.snapshot=o.snapshot,t.snapshot.latestValues=o.animationValues||o.latestValues),null!==(n=t.root)&&void 0!==n&&n.isUpdating&&(t.isLayoutDirty=!0);const{crossfade:r}=t.options;!1===r&&o.hide()}}exitAnimationComplete(){this.members.forEach((t=>{var e,n,o,r,i;null===(n=(e=t.options).onExitComplete)||void 0===n||n.call(e),null===(i=null===(o=t.resumingFrom)||void 0===o?void 0:(r=o.options).onExitComplete)||void 0===i||i.call(r)}))}scheduleRender(){this.members.forEach((t=>{t.instance&&t.scheduleRender(!1)}))}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function bl(t,e,n){let o="";const r=t.x.translate/e.x,i=t.y.translate/e.y;if((r||i)&&(o=`translate3d(${r}px, ${i}px, 0) `),(1!==e.x||1!==e.y)&&(o+=`scale(${1/e.x}, ${1/e.y}) `),n){const{rotate:t,rotateX:e,rotateY:r}=n;t&&(o+=`rotate(${t}deg) `),e&&(o+=`rotateX(${e}deg) `),r&&(o+=`rotateY(${r}deg) `)}const s=t.x.scale*e.x,a=t.y.scale*e.y;return(1!==s||1!==a)&&(o+=`scale(${s}, ${a})`),o||"none"}const xl=(t,e)=>t.depth-e.depth;class wl{constructor(){this.children=[],this.isDirty=!1}add(t){dr(this.children,t),this.isDirty=!0}remove(t){hr(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(xl),this.isDirty=!1,this.children.forEach(t)}}const Cl=["","X","Y","Z"];let kl=0;function Ml(t){let{attachResizeListener:e,defaultParent:n,measureScroll:o,checkIsScrollRoot:r,resetTransform:i}=t;return class{constructor(t,e,o){void 0===e&&(e={}),void 0===o&&(o=null==n?void 0:n()),this.id=kl++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isTransformDirty=!1,this.isProjectionDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.potentialNodes=new Map,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.nodes.forEach(Sl),this.nodes.forEach(Ll),this.nodes.forEach(Rl)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.elementId=t,this.latestValues=e,this.root=o?o.root||o:this,this.path=o?[...o.path,o]:[],this.parent=o,this.depth=o?o.depth+1:0,t&&this.root.registerPotentialNode(t,this);for(let n=0;n1?n-1:0),r=1;rthis.root.updateBlockedByResize=!1;e(t,(()=>{this.root.updateBlockedByResize=!0,n&&n(),n=rs(o,250),Je.hasAnimatedSinceResize&&(Je.hasAnimatedSinceResize=!1,this.nodes.forEach(Vl))}))}r&&this.root.registerSharedNode(r,this),!1!==this.options.animate&&s&&(r||i)&&this.addEventListener("didUpdate",(t=>{let{delta:e,hasLayoutChanged:n,hasRelativeTargetChanged:o,layout:r}=t;var i,a,l,u,c;if(this.isTreeAnimationBlocked())return this.target=void 0,void(this.relativeTarget=void 0);const d=null!==(a=null!==(i=this.options.transition)&&void 0!==i?i:s.getDefaultTransition())&&void 0!==a?a:$l,{onLayoutAnimationStart:h,onLayoutAnimationComplete:p}=s.getProps(),f=!this.targetLayout||!gl(this.targetLayout,r)||o,m=!n&&o;if(this.options.layoutRoot||null!==(l=this.resumeFrom)&&void 0!==l&&l.instance||m||n&&(f||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(e,m);const t={...fs(d,"layout"),onPlay:h,onComplete:p};(s.shouldReduceMotion||this.options.layoutRoot)&&(t.delay=0,t.type=!1),this.startAnimation(t)}else!n&&0===this.animationProgress&&Vl(this),this.isLead()&&(null===(c=(u=this.options).onExitComplete)||void 0===c||c.call(u));this.targetLayout=r}))}unmount(){var t,e;this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this),null===(t=this.getStack())||void 0===t||t.remove(this),null===(e=this.parent)||void 0===e||e.children.delete(this),this.instance=void 0,sr.preRender(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){var t;return this.isAnimationBlocked||(null===(t=this.parent)||void 0===t?void 0:t.isTreeAnimationBlocked())||!1}startUpdate(){var t;this.isUpdateBlocked()||(this.isUpdating=!0,null===(t=this.nodes)||void 0===t||t.forEach(Dl),this.animationId++)}getTransformTemplate(){var t;return null===(t=this.options.visualElement)||void 0===t?void 0:t.getProps().transformTemplate}willUpdate(t){var e,n,o;if(void 0===t&&(t=!0),this.root.isUpdateBlocked())return void(null===(n=(e=this.options).onExitComplete)||void 0===n||n.call(e));if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let s=0;s{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()}))}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure())}updateLayout(){var t;if(!(this.instance&&(this.updateScroll(),this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty)))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let n=0;n{var n;const o=e/1e3;Fl(a.x,t.x,o),Fl(a.y,t.y,o),this.setTargetDelta(a),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&!(null===(n=this.relativeParent)||void 0===n)&&n.layout&&(zs(l,this.layout.layoutBox,this.relativeParent.layout.layoutBox),function(t,e,n,o){Ol(t.x,e.x,n.x,o),Ol(t.y,e.y,n.y,o)}(this.relativeTarget,this.relativeTargetOrigin,l,o)),u&&(this.animationValues=s,function(t,e,n,o,r,i){r?(t.opacity=oi(0,void 0!==n.opacity?n.opacity:1,rl(o)),t.opacityExit=oi(void 0!==e.opacity?e.opacity:1,0,il(o))):i&&(t.opacity=oi(void 0!==e.opacity?e.opacity:1,void 0!==n.opacity?n.opacity:1,o));for(let s=0;s{Je.hasAnimatedSinceResize=!0,this.currentAnimation=function(t,e,n){void 0===n&&(n={});const o=mn(t)?t:gr(t);return o.start(ms("",o,e,n)),{stop:()=>o.stop(),isAnimating:()=>o.isAnimating()}}(0,1e3,{...t,onUpdate:e=>{var n;this.mixTargetDelta(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:()=>{var e;null===(e=t.onComplete)||void 0===e||e.call(t),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0}))}completeAnimation(){var t;this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0),null===(t=this.getStack())||void 0===t||t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){var t;this.currentAnimation&&(null===(t=this.mixTargetDelta)||void 0===t||t.call(this,1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const t=this.getLead();let{targetWithTransforms:e,target:n,layout:o,latestValues:r}=t;if(e&&n&&o){if(this!==t&&this.layout&&o&&zl(this.options.animationType,this.layout.layoutBox,o.layoutBox)){n=this.target||Ys();const e=Fs(this.layout.layoutBox.x);n.x.min=t.target.x.min,n.x.max=n.x.min+e;const o=Fs(this.layout.layoutBox.y);n.y.min=t.target.y.min,n.y.max=n.y.min+o}ll(e,n),ha(e,r),$s(this.projectionDeltaWithTransform,this.layoutCorrected,e,r)}}registerSharedNode(t,e){var n,o,r;this.sharedNodes.has(t)||this.sharedNodes.set(t,new yl),this.sharedNodes.get(t).add(e),e.promote({transition:null===(n=e.options.initialPromotionConfig)||void 0===n?void 0:n.transition,preserveFollowOpacity:null===(r=null===(o=e.options.initialPromotionConfig)||void 0===o?void 0:o.shouldPreserveFollowOpacity)||void 0===r?void 0:r.call(o,e)})}isLead(){const t=this.getStack();return!t||t.lead===this}getLead(){var t;const{layoutId:e}=this.options;return e&&(null===(t=this.getStack())||void 0===t?void 0:t.lead)||this}getPrevLead(){var t;const{layoutId:e}=this.options;return e?null===(t=this.getStack())||void 0===t?void 0:t.prevLead:void 0}getStack(){const{layoutId:t}=this.options;if(t)return this.root.sharedNodes.get(t)}promote(t){let{needsReset:e,transition:n,preserveFollowOpacity:o}=void 0===t?{}:t;const r=this.getStack();r&&r.promote(this,o),e&&(this.projectionDelta=void 0,this.needsReset=!0),n&&this.setOptions({transition:n})}relegate(){const t=this.getStack();return!!t&&t.relegate(this)}resetRotation(){const{visualElement:t}=this.options;if(!t)return;let e=!1;const{latestValues:n}=t;if((n.rotate||n.rotateX||n.rotateY||n.rotateZ)&&(e=!0),!e)return;const o={};for(let r=0;r{var e;return null===(e=t.currentAnimation)||void 0===e?void 0:e.stop()})),this.root.nodes.forEach(Tl),this.root.sharedNodes.clear()}}}function El(t){t.updateLayout()}function Pl(t){var e,n,o;const r=(null===(e=t.resumeFrom)||void 0===e?void 0:e.snapshot)||t.snapshot;if(t.isLead()&&t.layout&&r&&t.hasListeners("didUpdate")){const{layoutBox:e,measuredBox:n}=t.layout,{animationType:o}=t.options,i=r.source!==t.layout.source;"size"===o?Gs((t=>{const n=i?r.measuredBox[t]:r.layoutBox[t],o=Fs(n);n.min=e[t].min,n.max=n.min+o})):zl(o,r.layoutBox,e)&&Gs((t=>{const n=i?r.measuredBox[t]:r.layoutBox[t],o=Fs(e[t]);n.max=n.min+o}));const s=Xs();$s(s,e,r.layoutBox);const a=Xs();i?$s(a,t.applyTransform(n,!0),r.measuredBox):$s(a,e,r.layoutBox);const l=!ml(s);let u=!1;if(!t.resumeFrom){const n=t.getClosestProjectingParent();if(n&&!n.resumeFrom){const{snapshot:o,layout:i}=n;if(o&&i){const s=Ys();zs(s,r.layoutBox,o.layoutBox);const a=Ys();zs(a,e,i.layoutBox),gl(s,a)||(u=!0),n.options.layoutRoot&&(t.relativeTarget=a,t.relativeTargetOrigin=s,t.relativeParent=n)}}}t.notifyListeners("didUpdate",{layout:e,snapshot:r,delta:a,layoutDelta:s,hasLayoutChanged:l,hasRelativeTargetChanged:u})}else t.isLead()&&(null===(o=(n=t.options).onExitComplete)||void 0===o||o.call(n));t.options.transition=void 0}function Sl(t){t.isProjectionDirty||(t.isProjectionDirty=!(!t.parent||!t.parent.isProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=!(!t.parent||!t.parent.isTransformDirty))}function Bl(t){t.clearSnapshot()}function Tl(t){t.clearMeasurements()}function Al(t){const{visualElement:e}=t.options;null!=e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function Vl(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0}function Ll(t){t.resolveTargetDelta()}function Rl(t){t.calcProjection()}function Dl(t){t.resetRotation()}function Il(t){t.removeLeadSnapshot()}function Fl(t,e,n){t.translate=oi(e.translate,0,n),t.scale=oi(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function Ol(t,e,n,o){t.min=oi(e.min,n.min,o),t.max=oi(e.max,n.max,o)}function jl(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}const $l={duration:.45,ease:[.4,0,.1,1]};function Ul(t,e){let n=t.root;for(let r=t.path.length-1;r>=0;r--)if(t.path[r].instance){n=t.path[r];break}const o=(n&&n!==t.root?n.instance:document).querySelector(`[data-projection-id="${e}"]`);o&&t.mount(o,!0)}function Nl(t){t.min=Math.round(t.min),t.max=Math.round(t.max)}function zl(t,e,n){return"position"===t||"preserve-aspect"===t&&!Os(vl(e),vl(n),.2)}const Zl=Ml({attachResizeListener:(t,e)=>bo(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),Hl={current:void 0},Wl=Ml({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!Hl.current){const t=new Zl(0,{});t.mount(window),t.setOptions({layoutScroll:!0}),Hl.current=t}return Hl.current},resetTransform:(t,e)=>{t.style.transform=void 0!==e?e:"none"},checkIsScrollRoot:t=>"fixed"===window.getComputedStyle(t).position}),ql={...Ss,...Wo,...va,...Qa},_l=ln(((t,e)=>function(t,e,n,o,r){let{forwardMotionProps:i=!1}=e;return{...cn(t)?go:vo,preloadedFeatures:n,useRender:eo(i),createVisualElement:o,projectionNodeConstructor:r,Component:t}}(t,e,ql,Wa,Wl)));function Xl(){const t=(0,o.useRef)(!1);return $e((()=>(t.current=!0,()=>{t.current=!1})),[]),t}class Yl extends o.Component{getSnapshotBeforeUpdate(t){const e=this.props.childRef.current;if(e&&t.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function Gl(t){let{children:e,isPresent:n}=t;const r=(0,o.useId)(),i=(0,o.useRef)(null),s=(0,o.useRef)({width:0,height:0,top:0,left:0});return(0,o.useInsertionEffect)((()=>{const{width:t,height:e,top:o,left:a}=s.current;if(n||!i.current||!t||!e)return;i.current.dataset.motionPopId=r;const l=document.createElement("style");return document.head.appendChild(l),l.sheet&&l.sheet.insertRule(`\n [data-motion-pop-id="${r}"] {\n position: absolute !important;\n width: ${t}px !important;\n height: ${e}px !important;\n top: ${o}px !important;\n left: ${a}px !important;\n }\n `),()=>{document.head.removeChild(l)}}),[n]),o.createElement(Yl,{isPresent:n,childRef:i,sizeRef:s},o.cloneElement(e,{ref:i}))}const Kl=t=>{let{children:e,initial:n,isPresent:r,onExitComplete:i,custom:s,presenceAffectsLayout:a,mode:l}=t;const u=Qe(Ql),c=(0,o.useId)(),d=(0,o.useMemo)((()=>({id:c,initial:n,isPresent:r,custom:s,onExitComplete:t=>{u.set(t,!0);for(const e of u.values())if(!e)return;i&&i()},register:t=>(u.set(t,!1),()=>u.delete(t))})),a?void 0:[r]);return(0,o.useMemo)((()=>{u.forEach(((t,e)=>u.set(e,!1)))}),[r]),o.useEffect((()=>{!r&&!u.size&&i&&i()}),[r]),"popLayout"===l&&(e=o.createElement(Gl,{isPresent:r},e)),o.createElement(Oe.Provider,{value:d},e)};function Ql(){return new Map}const Jl=t=>t.key||"";const tu=t=>{let{children:e,custom:n,initial:r=!0,onExitComplete:i,exitBeforeEnter:s,presenceAffectsLayout:a=!0,mode:l="sync"}=t;s&&(l="wait");let[u]=function(){const t=Xl(),[e,n]=(0,o.useState)(0),r=(0,o.useCallback)((()=>{t.current&&n(e+1)}),[e]);return[(0,o.useCallback)((()=>ir.postRender(r)),[r]),e]}();const c=(0,o.useContext)(en).forceRender;c&&(u=c);const d=Xl(),h=function(t){const e=[];return o.Children.forEach(t,(t=>{(0,o.isValidElement)(t)&&e.push(t)})),e}(e);let p=h;const f=new Set,m=(0,o.useRef)(p),g=(0,o.useRef)(new Map).current,v=(0,o.useRef)(!0);if($e((()=>{v.current=!1,function(t,e){t.forEach((t=>{const n=Jl(t);e.set(n,t)}))}(h,g),m.current=p})),Ro((()=>{v.current=!0,g.clear(),f.clear()})),v.current)return o.createElement(o.Fragment,null,p.map((t=>o.createElement(Kl,{key:Jl(t),isPresent:!0,initial:!!r&&void 0,presenceAffectsLayout:a,mode:l},t))));p=[...p];const y=m.current.map(Jl),b=h.map(Jl),x=y.length;for(let o=0;o{if(-1!==b.indexOf(t))return;const e=g.get(t);if(!e)return;const r=y.indexOf(t);p.splice(r,0,o.createElement(Kl,{key:Jl(e),isPresent:!1,onExitComplete:()=>{g.delete(t),f.delete(t);const e=m.current.findIndex((e=>e.key===t));if(m.current.splice(e,1),!f.size){if(m.current=h,!1===d.current)return;u(),i&&i()}},custom:n,presenceAffectsLayout:a,mode:l},e))})),p=p.map((t=>{const e=t.key;return f.has(e)?t:o.createElement(Kl,{key:Jl(t),isPresent:!0,presenceAffectsLayout:a,mode:l},t)})),o.createElement(o.Fragment,null,f.size?p:p.map((t=>(0,o.cloneElement)(t))))};function eu(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"pauseButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(nu,{x:"7.1",y:"7.1",width:"5.8",height:"17.8"}),Ae(nu,{x:"19.1",y:"7.1",width:"5.8",height:"17.8"})]})}const nu=r.ZP.rect` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function ou(t){let{isIndicator:e}=t;return Ae("svg",{"data-cy":"playButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(ru,{d:"M10 25.5V6L26 16.2632L10 25.5Z"})})}const ru=r.ZP.path` - stroke: currentColor; - stroke-width: 2.75; - stroke-linecap: round; -`;function iu(t){let{isIndicator:e}=t;return Ae("svg",{"data-cy":"playButton1-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(su,{d:"M22.2468 17.6645L11.8588 24.5847C10.5297 25.4701 8.75 24.5173 8.75 22.9202L8.75 9.0798C8.75 7.48272 10.5297 6.52988 11.8588 7.41533L22.2468 14.3355C23.435 15.1271 23.435 16.8729 22.2468 17.6645Z"})})}const su=r.ZP.path` - stroke: currentColor; - stroke-width: 2.75; - stroke-linecap: round; -`;function au(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"pauseButton1-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(lu,{x:"7.1",y:"7.1",width:"5.8",height:"17.8",rx:"2.9"}),Ae(lu,{x:"19.1",y:"7.1",width:"5.8",height:"17.8",rx:"2.9"})]})}const lu=r.ZP.rect` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function uu(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"restartButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(cu,{d:"M7 17.415C7 22.7087 11.2533 27 16.5 27C21.7467 27 26 22.7087 26 17.415C26 14.701 24.9777 11.973 22.8333 10.1122C21.906 9.30744 20.7061 8.71157 18.7619 8.28647C17.8755 8.09265 17 8 15.5 8.28647C14.4569 8.48568 14.0652 8.65987 13.5 9C12.1363 9.82063 12 10 11.5 10.5"}),Ae(cu,{d:"M11.5485 5L10.8221 10.4396C10.7611 10.8965 11.0203 11.3359 11.4497 11.5035L15.8118 13.2063"})]})}const cu=r.ZP.path` - stroke: currentColor; - stroke-width: 2.5; - stroke-linecap: round; -`;function du(t){let{isIndicator:e}=t;return Ve("svg",{"data-cy":"restartButton2-svg",width:e?"128":"32",height:e?"128":"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(hu,{d:"M7 17.415C7 22.7087 11.2533 27 16.5 27C21.7467 27 26 22.7087 26 17.415C26 14.701 24.9777 11.973 22.8333 10.1122C21.906 9.30744 20.7061 8.71157 18.7619 8.28647C17.8755 8.09265 17 8 15.5 8.28647C14.4569 8.48568 14.0652 8.65987 13.5 9C12.1363 9.82063 12 10 11.5 10.5"}),Ae(hu,{d:"M11.5485 4.99999L10.3232 11.5799L15.6147 13.3869"})]})}const hu=r.ZP.path` - stroke: currentColor; - stroke-width: 2.5; - stroke-linecap: square; -`;function pu(t){let{item:e}=t;const n=M(Ft,Rt),o=M(Nt,Rt);return Ve(fu,{onMouseMove:t=>t.preventDefault,onClick:()=>Ct(n),onKeyUp:t=>t.preventDefault(),whileHover:{scale:1.1,rotate:o===$t.ended?-30:0},whileTap:{scale:.95,rotate:o===$t.ended?-55:0},"data-cy":e.id,children:["playButton1"===e.id&&Ve(Le,{children:[o===$t.paused&&Ae(iu,{}),o===$t.playing&&Ae(au,{}),o===$t.ended&&Ae(uu,{})]}),"playButton2"===e.id&&Ve(Le,{children:[o===$t.paused&&Ae(ou,{}),o===$t.playing&&Ae(eu,{}),o===$t.ended&&Ae(du,{})]})]})}const fu=(0,r.ZP)(_l.button)` - cursor: pointer; - background: transparent; - border: 0; - padding: 0; - color: currentColor; - display: flex; - justify-content: center; - align-items: center; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,mu={init:{opacity:0,width:0},anim:{opacity:1,width:56},exit:{opacity:0,width:0}},gu={init:{opacity:0,zIndex:2},anim:{opacity:1,zIndex:2},exit:{opacity:0,zIndex:2}},vu={init:{opacity:.01},anim:{opacity:1,transition:{duration:.25}},exit:{opacity:0,transition:{duration:.25}}},yu={init:{y:35,opacity:0},anim:{y:0,opacity:1},exit:{y:45,opacity:0}},bu={init:{scale:1},anim:t=>({scale:t?1.15:1})},xu={init:{scale:1},anim:t=>({scale:t?1.15:1})},wu={init:{scale:1},anim:t=>({scale:t?1.15:1})},Cu={anim:t=>({scale:t?1:.25,opacity:t?1:0,transition:{opacity:{duration:.25},scale:{type:"spring",damping:10,mass:.75,stiffness:160}}})},ku={init:t=>({opacity:0,bottom:t?55:10}),anim:t=>({opacity:1,bottom:t?55:10}),exit:{opacity:0}},Mu={opacity:{duration:.1},bottom:{type:"spring",damping:10,mass:.75,stiffness:160}};function Eu(t){let{isHovered:e,isProgressDragging:n,data:r}=t;var i,s,a,l,u,c;const d=M(de,Rt),h=M(ue,Rt),p=M(ce,Rt),f=M(oe,Rt),m=M(Ht,Rt),g=M(he,Rt),[v,y]=(0,o.useState)({x:0,y:0,w:0,h:0});(0,o.useEffect)((()=>{if("text"!==r.id){const t=function(t,e){return null===e?null:Array.from(e).find((e=>t>e.startTime&&t0;return Ve(Le,{children:["text"===r.id&&Ae(Pu,{backgroundColor:null==(i=f.controlsBar)?void 0:i.barColor,textColor:null!=(s=f.controlsBar)&&s.barColor?Lt(null==(a=f.controlsBar)?void 0:a.barColor):"white","data-cy":"textPreviewTooltip",isVisible:b,style:{transform:`translate(${d}px, -60px)`},children:p}),("thumbnail"===r.id||"textAndThumbnail"===r.id)&&Ve(Su,{"data-cy":"imageThumbnailContainer",backgroundColor:null==(l=f.controlsBar)?void 0:l.barColor,textColor:null!=(u=f.controlsBar)&&u.barColor?Lt(null==(c=f.controlsBar)?void 0:c.barColor):"white",isVisible:b,style:{transform:`translate(${d}px, ${"thumbnail"===r.id?-1*v.h-50+"px":-1*v.h-72+"px"})`},children:[Ae(Bu,{"data-cy":"imageThumbnail",style:{backgroundPosition:`${-1*v.x}px ${-1*v.y}px`},height:v.h,width:v.w,backgroundImage:r.atlasImage??""}),"textAndThumbnail"===r.id&&Ae(Tu,{children:p})]})]})}const Pu=r.ZP.span` - position: absolute; - padding: 0.5rem; - border-radius: 0.5rem; - color: ${t=>t.textColor}; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - pointer-events: none; - opacity: ${t=>t.isVisible?1:0}; - transition: opacity 300ms; - box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.25); -`,Su=(0,r.ZP)(Pu)` - padding: 0.5rem; - box-sizing: border-box; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -`,Bu=r.ZP.div` - height: ${t=>t.height?t.height:"70"}px; - width: ${t=>t.width?t.width:"125"}px; - - background-image: url(${t=>t.backgroundImage}); -`,Tu=r.ZP.div` - padding: 0.25rem; -`,Au=(0,o.forwardRef)(((t,e)=>{const n=M(oe,Rt),o=M(se,Rt),r=M(le,Rt);return Ve(Vu,{ref:e,barBorderColor:t.item.barBorderColor,barColor:t.item.barColor,role:"progressbar",animate:{height:t.shouldAnimate?"0.6rem":"0.35rem"},transition:{duration:.2},children:[Ae(Ru,{"data-cy":"progressBuffer1",width:`${r}%`,bufferedColor:t.item.bufferedColor}),Ae(Lu,{"data-cy":"progress1",hasScrubber:t.hasScrubber,style:{width:t.hasScrubber?`calc(${o} + 6px)`:o},progressColor:t.item.progressColor,children:Ae(Du,{scrubberColor:t.item.scrubberColor??t.item.progressColor,scrubberBorderColor:t.item.scrubberBorderColor,variants:bu,custom:t.shouldAnimate,initial:"init",animate:"anim","data-cy":"progressBar1Scrubber"})}),n.previewTooltip&&Ae(Eu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:n.previewTooltip})]})})),Vu=(0,r.ZP)(_l.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"#f2f2f2"}; - border: 2.25px solid - ${t=>t.barBorderColor?t.barBorderColor:"none"}; - width: 100%; - border-radius: 0.7rem; - justify-content: flex-start; - position: relative; -`,Lu=r.ZP.div` - height: 100%; - pointer-events: none; - border-radius: 0.7rem; - display: flex; - justify-content: flex-end; - align-items: center; - position: absolute; - z-index: 2; - - ${t=>t.hasScrubber&&r.iv` - min-width: 16px; - `} - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,Ru=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - width: ${t=>t.width}; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.4)"}; - z-index: 1; - border-radius: 50rem; -`,Du=(0,r.ZP)(_l.div)` - height: 1rem; - width: 1rem; - background-color: ${t=>t.scrubberColor??"white"}; - position: absolute; - border-radius: 50rem; - box-sizing: border-box; - border: ${t=>void 0!==t.scrubberBorderColor?"2px solid "+t.scrubberBorderColor:void 0!==t.scrubberColor?"2px solid "+Vt(t.scrubberColor):"2px solid white"}; -`;Au.displayName="ProgressBar1";const Iu=(0,o.forwardRef)(((t,e)=>{const n=M(se,Rt),o=M(oe,Rt),r=M(le,Rt);return Ve(Fu,{ref:e,role:"progressbar",barColor:t.item.barColor,children:[Ae(ju,{"data-cy":"progressBuffer2",width:`${r}%`,bufferedColor:t.item.bufferedColor}),Ae(Ou,{"data-cy":"progress2",hasScrubber:t.hasScrubber,style:{width:t.hasScrubber?`calc(${n} + 6px)`:n},progressColor:t.item.progressColor}),o.previewTooltip&&Ae(Eu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:o.previewTooltip})]})})),Fu=(0,r.ZP)(_l.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"#f2f2f2"}; - width: 100%; - height: 1.4rem; - justify-content: flex-start; - position: relative; -`,Ou=r.ZP.div` - height: 100%; - pointer-events: none; - display: flex; - justify-content: flex-end; - align-items: center; - position: absolute; - z-index: 2; - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,ju=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - width: ${t=>t.width}; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.2)"}; - z-index: 1; -`;Iu.displayName="ProgressBar2";const $u=(0,o.forwardRef)(((t,e)=>{const n=M(se,Rt),o=M(oe,Rt),r=M(le,Rt);return Ve(Uu,{ref:e,role:"progressbar",barBorderColor:t.item.barBorderColor,barColor:t.item.barColor,children:[Ve(Zu,{children:[Ae(Nu,{"data-cy":"progressBuffer3",style:{width:`clamp(0%, ${r}%, 100%)`},bufferedColor:t.item.bufferedColor}),Ae(zu,{"data-cy":"progress3",style:{width:`clamp(0%, ${n}, 100%)`},progressColor:t.item.progressColor})]}),o.previewTooltip&&Ae(Eu,{isHovered:t.isHovered,isProgressDragging:t.isProgressDragging,data:o.previewTooltip})]})})),Uu=(0,r.ZP)(_l.div)` - display: flex; - background-color: ${t=>t.barColor?t.barColor:"transparent"}; - width: 100%; - height: 1.25rem; - justify-content: flex-start; - border-radius: 1rem; - border: 3px solid ${t=>t.barBorderColor}; - position: relative; -`,Nu=r.ZP.div` - position: absolute; - pointer-events: none; - height: 100%; - background-color: ${t=>t.bufferedColor?t.bufferedColor:"rgba(0,0,0,0.4)"}; - z-index: 1; - height: 35%; - border-radius: 0.4rem; -`,zu=r.ZP.div` - height: 35%; - pointer-events: none; - position: absolute; - z-index: 2; - border-radius: 0.4rem; - background-color: ${t=>t.progressColor?t.progressColor:"#4ab860"}; -`,Zu=r.ZP.div` - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-top: 2px solid transparent; - border-bottom: 2px solid transparent; - position: relative; - height: 100%; - width: 100%; - display: flex; - flex-direction: column; - justify-content: center; - box-sizing: border-box; -`;$u.displayName="ProgressBar3";const Hu=150,Wu=60;function qu(t){let{item:e,onTop:n=!1}=t;const r=(0,o.useRef)(null),[i,s]=(0,o.useState)(!1),a=M(Ft,Rt),l=M(Ot,Rt),u=E(ie,Rt),c=M(Nt,Rt),d=M(oe,Rt),h=E(_t,Rt),[p,f]=(0,o.useState)(-1),[m,g]=P(ae,Rt),v=E(de,Rt),y=E(ue,Rt),b=M(ge,Rt);function x(t,e){var n;Et(t,e,m,r,l,a,"text"===(null==(n=d.previewTooltip)?void 0:n.id)?Wu:Hu,u,g,y,v)}ke(p,a,m,f,c);const w=(i||m)&&!b,C=!("transparent"===e.scrubberColor&&("transparent"===e.scrubberBorderColor||"none"===e.scrubberBorderColor||void 0===e.scrubberBorderColor));return Ve(_u,{tabIndex:0,onFocus:()=>h("progressBar"),onTop:n,"data-cy":e.id,isDragging:m,onTouchStart:t=>{s(!0),Mt(t,x,l,g,!0)},onTouchEnd:()=>s(!1),onMouseEnter:()=>s(!0),onMouseMove:t=>{var e;return Pt(t,m,r,l,a,"text"===(null==(e=d.previewTooltip)?void 0:e.id)?Wu:Hu,y,v)},onMouseLeave:()=>s(!1),onMouseDown:t=>Mt(t,x,l,g,!1),children:["progressBar1"===e.id&&Ae(Au,{hasScrubber:C,shouldAnimate:w,item:e,isProgressDragging:m,isHovered:i&&!b,ref:r}),"progressBar2"===e.id&&Ae(Iu,{hasScrubber:!1,shouldAnimate:w,item:e,isProgressDragging:m,isHovered:i&&!b,ref:r}),"progressBar3"===e.id&&Ae($u,{hasScrubber:!1,shouldAnimate:w,item:e,isProgressDragging:m,isHovered:i&&!b,ref:r})]})}const _u=r.ZP.div` - height: 100%; - width: 100%; - display: flex; - align-items: ${t=>t.onTop?"flex-end":"center"}; - cursor: ${t=>t.isDragging?"col-resize":"pointer"}; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Xu=(0,o.forwardRef)(((t,e)=>{var n;const o=t.isBarHovered||t.isVolumeDragging,r=M(oe,Rt),i=M(fe,Rt),s=E(_t,Rt),a=t=>{s(t)},l=()=>{s("progressBar"),t.setIsVolumeHovered(!1)},u=!("transparent"===t.item.scrubberColor&&("transparent"===t.item.scrubberBorderColor||"none"===t.item.scrubberBorderColor||void 0===t.item.scrubberBorderColor));return"volumeBar1"===t.item.barId?Ae(Yu,{tabIndex:0,onFocus:()=>a("volumeBar1"),onBlur:l,barColor:t.item.barColor,"data-cy":t.item.barId,ref:e,animate:{height:o?"0.5rem":"0.35rem"},transition:{duration:.2},children:Ae(Qu,{style:{width:u?`calc(${i} + 5px)`:i},volumeColor:t.item.volumeColor,volumeBar2:!1,hasScrubber:u,children:Ae(Ju,{"data-cy":"volumeScrubber1",scrubberBorderColor:t.item.scrubberBorderColor,scrubberColor:t.item.scrubberColor??t.item.volumeColor,variants:xu,custom:o,initial:"init",animate:"anim"})})}):"volumeBar2"===t.item.barId?Ae(Gu,{onFocus:()=>a("volumeBar2"),onBlur:l,tabIndex:0,backgroundColor:null==(n=r.controlsBar)?void 0:n.barColor,children:Ae(Ku,{barColor:t.item.barColor,"data-cy":t.item.barId,ref:e,children:Ae(Qu,{volumeBar2:!0,style:{height:i},volumeColor:t.item.volumeColor,hasScrubber:u,children:Ae(Ju,{"data-cy":"volumeScrubber2",scrubberBorderColor:t.item.scrubberBorderColor,scrubberColor:t.item.scrubberColor??t.item.volumeColor,variants:wu,custom:o,initial:"init",animate:"anim"})})})}):Ae(Le,{})}));Xu.displayName="VolumeBars";const Yu=(0,r.ZP)(_l.div)` - height: 0.35rem; - background-color: ${t=>t.barColor?t.barColor:"white"}; - width: 3.5rem; - border-radius: 0.35rem; - margin-left: 0.35rem; - display: flex; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Gu=r.ZP.div` - height: 5.9rem; - width: 2rem; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - display: flex; - justify-content: center; - align-items: center; - transform: translate(-30px, -68px); - border-radius: 0.45rem 0.45rem 0 0; - position: absolute; - z-index: 2; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,Ku=r.ZP.div` - height: 4.75rem; - width: 0.5rem; - display: flex; - flex-direction: column-reverse; - border-radius: 0.35rem; - background-color: ${t=>t.barColor?t.barColor:"white"}; -`,Qu=r.ZP.div` - background-color: ${t=>t.volumeColor?t.volumeColor:"#4ab860"}; - border-radius: 0.35rem; - display: flex; - ${t=>!t.volumeBar2&&r.iv` - height: 100%; - justify-content: flex-end; - align-items: center; - ${t.hasScrubber&&r.iv` - min-width: 12px; - max-width: ${50.5}px; - `} - `} - - ${t=>t.volumeBar2&&r.iv` - width: 100%; - display: flex; - flex-direction: column-reverse; - justify-content: flex-end; - align-items: center; - ${t.hasScrubber&&r.iv` - min-height: 12.8px; - max-height: ${76}px; - `} - `} -`,Ju=(0,r.ZP)(_l.div)` - height: 0.9rem; - width: 0.9rem; - box-sizing: border-box; - background-color: ${t=>t.scrubberColor??"white"}; - position: absolute; - border-radius: 50rem; - border: ${t=>void 0!==t.scrubberBorderColor?"2px solid "+t.scrubberBorderColor:void 0!==t.scrubberColor?"2px solid "+Vt(t.scrubberColor):"none"}; -`;function tc(t){let{item:e}=t;const[n,r]=(0,o.useState)(!1),[i,s]=(0,o.useState)(!1),a=M(me,Rt),l=(0,o.useRef)(null),u=M(Ft,Rt),c=M(pe,Rt);function d(t,n){if(l&&l.current){let o=0;"volumeBar1"===e.barId?Bt(t)?o=t.touches[0].clientX:Tt(t)&&(o=t.clientX):Bt(t)?o=t.touches[0].clientY:Tt(t)&&(o=t.clientY),f("volumeBar1"===e.barId?"horizontal":"vertical");const r="volumeBar1"===e.barId?o-n.left:o-n.top,i=l.current.getBoundingClientRect(),s="volumeBar1"===e.barId?i.left-n.left:i.bottom-n.top,a=kt(("volumeBar1"===e.barId?1:-1)*(r-s),0,"volumeBar1"===e.barId?i.width:i.height),c=kt(a/("volumeBar1"===e.barId?l.current.clientWidth:l.current.clientHeight),0,1);u&&(u.volume=c),u&&(u.muted=!1)}}const h=M(Ot,Rt),[p,f]=P(ge,Rt);return Ve(ec,{"data-cy":`volumeButtonBarContainer-${e.id}`,isDragging:p,onMouseEnter:()=>!At()&&r(!0),onMouseLeave:()=>!At()&&r(!1),children:[Ae(rc,{onFocus:()=>!At()&&r(!0),"data-cy":e.id,whileHover:{scale:1.075},whileTap:{scale:.925},onClick:()=>u?u.muted=!u.muted:null,children:("volumeButton1"===e.id||"volumeButton2"===e.id)&&Ve("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(oc,{d:"M5 12H9V20H5C4.44772 20 4 19.5523 4 19V13C4 12.4477 4.44772 12 5 12Z"}),Ae(oc,{d:"M9 13L15 7"}),Ae(oc,{d:"M15 7V26"}),Ae(oc,{d:"M9 20L15 26"}),Ae(tu,{children:(0===c||a)&&Ve(_l.g,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},children:[Ae(oc,{d:"M21 13.5L28 20.5"}),Ae(oc,{d:"M28 13.5L21 20.5"})]})}),Ae(tu,{children:c>0&&!a&&Ae(oc,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},d:"M19.5 13.5C21 14.6667 23.1 17.7 19.5 20.5",id:"custoplayer-arc1"})}),Ae(tu,{children:c>.5&&!a&&Ae(oc,{initial:{opacity:0,scale:0,x:-7},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:0,x:-3},d:"M24 9.5C27.0185 11.7059 31.2444 17.7941 24 24.5",id:"custoplayer-arc2"})})]})}),Ae(tu,{children:(n||p)&&e.barId&&Ae(nc,{variants:"volumeBar1"===e.barId?mu:gu,initial:"init",animate:"anim",exit:"exit","data-cy":"volumeContainer",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onMouseDown:t=>Mt(t,d,h,f,!1),onTouchStart:t=>{s(!0),Mt(t,d,h,f,!0)},onTouchEnd:()=>s(!1),children:Ae(Xu,{item:e,isBarHovered:i,isVolumeDragging:p,ref:l,setIsVolumeHovered:r})})})??e.barId]})}const ec=r.ZP.div` - height: 100%; - width: auto; - background-color: transparent; - display: flex; - align-items: center; - justify-content: flex-start; - cursor: ${t=>t.isDragging?"horizontal"===t.isDragging?"col-resize":"row-resize":"auto"}; - color: currentColor; -`,nc=(0,r.ZP)(_l.div)` - height: 100%; - display: flex; - align-items: center; - cursor: pointer; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,oc=(0,r.ZP)(_l.path)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,rc=(0,r.ZP)(_l.button)` - border: 0; - display: flex; - justify-content: center; - align-items: center; - background-color: transparent; - padding: 0; - cursor: pointer; - color: inherit; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`;function ic(){const t=M(Zt,Rt);return Ae(sc,{isLargerThan60Minutes:7===t.length,"data-cy":"currentTime",children:t})}const sc=r.ZP.span` - color: currentColor; - width: ${t=>t.isLargerThan60Minutes?"59px":"45px"}; - text-align: center; -`;function ac(){const t=M(Wt,Rt);return Ae(lc,{isLargerThan60Minutes:7===t.length,"data-cy":"duration",children:t})}const lc=r.ZP.span` - color: currentColor; - text-align: center; - width: ${t=>t.isLargerThan60Minutes?"59px":"45px"}; -`;function uc(t){let{item:e,isFullscreen:n}=t;const[r,i]=(0,o.useState)(!1),[s,a]=(0,o.useState)(!1),l=M(Ft,Rt),u=M(Ot,Rt);return Ae(Le,{children:Ve(cc,{"data-cy":e.id,onMouseEnter:()=>i(!0),onMouseLeave:()=>{i(!1),a(!1)},onMouseDown:()=>a(!0),onMouseUp:()=>a(!1),onClick:function(){u&&Ce.isEnabled?Ce.toggle(u):u&&l&&!Ce.isEnabled&&l.webkitEnterFullscreen()},children:["fullscreenButton1"===e.id&&Ve("svg",n?{"data-cy":"fullscreenButton1-fullscreened",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae(dc,{animate:{d:r&&!s?"M29 3L19 13":"M29 3L21 11"},d:"M29 3L21 11"}),Ae(dc,{animate:{d:r&&!s?"M19 13V7":"M21 11V7"},d:"M21 11V7"}),Ae(dc,{animate:{d:r&&!s?"M19 13H25":"M21 11H25"},d:"M21 11H25"}),Ae(dc,{animate:{d:r&&!s?"M3 29L13 19":"M3 29L11 21"},d:"M3 29L11 21"}),Ae(dc,{animate:{d:r&&!s?"M13 19H7":"M11 21H7"},d:"M11 21H7"}),Ae(dc,{animate:{d:r&&!s?"M13 19V25":"M11 21V25"},d:"M11 21V25"})]}:{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton1-not-fullscreened",children:[Ae(dc,{animate:{d:r&&!s?"M18 14L28 4":"M18 14L26 6"}}),Ae(dc,{animate:{d:r&&!s?"M28 4V10":"M26 6V10"}}),Ae(dc,{animate:{d:r&&!s?"M28 4H22":"M26 6H22"}}),Ae(dc,{animate:{d:r&&!s?"M14 18L4 28":"M14 18L6 26"}}),Ae(dc,{animate:{d:r&&!s?"M4 28H10":"M6 26H10"}}),Ae(dc,{animate:{d:r&&!s?"M4 28V22":"M6 26V22"}})]}),"fullscreenButton2"===e.id&&Ve("svg",n?{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton2-fullscreened",children:[Ae(hc,{x:"1",y:"1",width:"30",height:"30"}),Ae(hc,{x:"1",initial:{y:"18px",width:"12px",height:"13px"},animate:{width:r&&!s?"10px":"12px",height:r&&!s?"11px":"13px",y:r&&!s?"20px":"18px"}}),Ae(dc,{animate:{d:r&&!s?"M26 5L16 15":"M26 5L18 13"},d:"M26 5L18 13"}),Ae(dc,{animate:{d:r&&!s?"M16 15H22":"M18 13H22"},d:"M18 13H22"}),Ae(dc,{animate:{d:r&&!s?"M16 15V9":"M18 13V9"},d:"M18 13V9"})]}:{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-cy":"fullscreenButton2-not-fullscreened",children:[Ae(hc,{x:"1",y:"1",width:"30",height:"30"}),Ae(hc,{x:"1",initial:{y:"8px"},animate:{y:r&&!s?"6px":"8px",width:r?"24px":"21px",height:r?"25px":"23px"}}),Ae(dc,{animate:{d:r&&!s?"M7 24L17 14":"M7 24L15 16"},d:"M7 24L15 16"}),Ae(dc,{animate:{d:r&&!s?"M17 14H11":"M15 16H11"},d:"M15 16H11"}),Ae(dc,{animate:{d:r&&!s?"M17 14V20":"M15 16V20"},d:"M15 16V20"})]})]})})}const cc=r.ZP.button` - background: transparent; - padding: 0; - border: 0; - color: currentColor; - cursor: pointer; - height: 32px; - width: 32px; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,dc=(0,r.ZP)(_l.path)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,hc=(0,r.ZP)(_l.rect)` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`,pc=(0,r.ZP)(_l.button)` - background-color: transparent; - border: 0; - color: inherit; - width: 100%; - height: 100%; - text-align: left; - font-size: 1em; - padding: 0.6rem 0.4rem; - cursor: pointer; - border-radius: 0.5rem; - display: flex; - align-items: center; - - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } - - &:hover { - background-color: ${t=>t.settingsMenuColor?""+Vt(t.settingsMenuColor):"currentColor"}; - } - &:active { - background-color: ${t=>t.settingsMenuColor?""+function(t){return ft(t).darken(.175)}(t.settingsMenuColor):"currentColor"}; - } -`,fc=(0,r.ZP)(_l.li)` - list-style-type: none; - margin: 0; - color: inherit; -`,mc=(0,r.ZP)(_l.svg)` - height: 20px; - width: 20px; - min-height: 20px; - min-width: 20px; - stroke: currentColor; - stroke-width: 2px; - margin: ${t=>t.margin?t.margin:"0 0.35rem 0 0"}; -`,gc=(0,r.ZP)(_l.h3)` - color: inherit; - margin: 0; - font-weight: normal; -`,vc=(0,r.ZP)(mc)` - margin-right: 0; - height: 18px; - width: 18px; -`,yc=(0,r.ZP)(pc)` - padding: 0.25rem; - width: auto; - margin-right: 0.35rem; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,bc=()=>Ae(mc,{margin:"0 0.25rem 0 auto",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae(_l.path,{initial:{pathLength:0},animate:{pathLength:1},transition:{duration:.3,type:"easeInOut"},d:"M4 16L8.0982 21.7375C8.52071 22.329 9.41304 22.288 9.80496 21.6758C12.1212 18.0575 17.15 11.8143 27 9",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})});function xc(t){var e,n;if("ArrowUp"===t.key){const n=t.target.parentElement,o=null==n?void 0:n.previousElementSibling;if(o){const t=o.firstElementChild;t&&t.focus()}else{const t=null==(e=null==n?void 0:n.parentElement)?void 0:e.lastElementChild;if(t){const e=t.firstElementChild;e&&e.focus()}}}else if("ArrowDown"===t.key){const e=t.target.parentElement,o=null==e?void 0:e.nextElementSibling;if(o){const t=o.firstElementChild;t&&t.focus()}else{const t=null==(n=null==e?void 0:e.parentElement)?void 0:n.firstElementChild;if(t){const e=t.firstElementChild;e&&e.focus()}}}}function wc(t){let{settingsMenuColor:e,onClick:n,dataCy:o,children:r}=t;return Ae(pc,{onKeyDown:xc,"data-cy":o,onClick:n,settingsMenuColor:e,layout:"position",children:r})}function Cc(t){let{item:e,setCurrentPage:n}=t;var o,r,i,s;const a=M(oe,Rt),l=e.settingsMenuColor??(null==(o=null==a?void 0:a.controlsBar)?void 0:o.barColor);return Ve(Le,{children:[Ae(fc,{children:(null==(r=e.options)?void 0:r.quality)&&Ve(wc,{dataCy:"settingsMenuQualityButton",onClick:()=>n("/quality"),settingsMenuColor:l,children:[Ae(kc,{}),"Quality"]})}),(null==(i=e.options)?void 0:i.subtitles)&&Ae(fc,{children:Ve(wc,{dataCy:"settingsMenuSubtitlesButton",onClick:()=>n("/subtitles"),settingsMenuColor:l,children:[Ae(Mc,{}),"Subtitles"]})}),(null==(s=e.options)?void 0:s.playbackSpeed)&&Ae(fc,{children:Ve(wc,{dataCy:"settingsMenuSpeedButton",onClick:()=>n("/playback-speed"),settingsMenuColor:l,children:[Ae(Ec,{}),"Speed"]})})]})}const kc=()=>Ve(mc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("rect",{x:"3",y:"3",width:"26",height:"26",rx:"6"}),Ae("path",{d:"M8.5 11V15.5M8.5 20V15.5M8.5 15.5H13.5M13.5 11V20",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),Ae("path",{d:"M23.5 15.5C23.5 18.0154 21.5324 20 19.1714 20C18.5694 20 18.2619 19.874 18.0967 19.7554C17.9388 19.6421 17.7996 19.4562 17.6935 19.1021C17.5826 18.7317 17.5282 18.244 17.509 17.6107C17.4962 17.185 17.4996 16.7425 17.5033 16.2596C17.5051 16.0175 17.507 15.7653 17.507 15.5C17.507 15.2347 17.5051 14.9825 17.5033 14.7404C17.4996 14.2575 17.4962 13.815 17.509 13.3893C17.5282 12.756 17.5826 12.2683 17.6935 11.8979C17.7996 11.5438 17.9388 11.3579 18.0967 11.2446C18.2619 11.126 18.5694 11 19.1714 11C21.5324 11 23.5 12.9846 23.5 15.5Z",stroke:"currentColor",strokeWidth:"2"})]}),Mc=()=>Ve(mc,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("rect",{x:"3",y:"3",width:"26",height:"26",rx:"6",stroke:"currentColor",strokeWidth:"2"}),Ae("path",{d:"M14 20.8452C10.7273 21.7262 8 18.676 8 16C8 13.324 11.2727 10.2738 14 11.1548",stroke:"currentCOlor",strokeWidth:"2.25",strokeLinecap:"round"}),Ae("path",{d:"M23 20.8452C20 20.8452 18 18.676 18 16C18 13.324 19.5 11 23 11.1548",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round"})]}),Ec=()=>Ae(mc,{width:"32",height:"32",viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ve("g",{clipPath:"url(#clip0_143_2)",children:[Ae("path",{d:"M26.25 27.25C31.6348 21.8652 31.6348 13.1348 26.25 7.74999C20.8652 2.36522 12.1348 2.36522 6.75 7.74999C1.36523 13.1348 1.36523 21.8652 6.75 27.25",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M6.84175 27.3492L9.72126 25.8602",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M4.38938 13.744L7.53268 14.5368",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M25.6726 14.5795L28.7945 13.7014",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M16.7426 7.50893L16.6949 4.26755",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("path",{d:"M26.1818 27.4507L23.3237 25.921",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),Ae("circle",{cx:"16.5",cy:"17.5",r:"2.5",fill:"currentColor",stroke:"currentColor"}),Ae("path",{d:"M23.6935 17.5L16.75 19.0419V15.9581L23.6935 17.5Z",strokeWidth:"2.5",fill:"currentColor",stroke:"currentColor"})]})}),Pc=Object.keys;function Sc(t){let{item:e}=t;var n;const o=M(Jt,Rt),r=M(Kt,Rt),i=M(Ft,Rt),s=Pc(o).map((t=>Number(t)));s.sort(((t,e)=>e-t));const a=M(oe,Rt),l=e.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor);const u=s.map((t=>{const e=o[t];if(null!==e)return Ae(fc,{children:Ve(wc,{dataCy:`settingsMenuQualityButton${t}p`,settingsMenuColor:l,onClick:()=>function(t){if(i){const e=i.currentTime,n=i.paused;i.src=t,i.currentTime=e,n||i.play()}}(e),children:[t+"p",r===t&&Ae(bc,{})]})},`quality-${t}`)}));return Ae(Le,{children:u})}function Bc(t){let{item:e}=t;var n;const o=M(oe,Rt),r=e.settingsMenuColor??(null==(n=null==o?void 0:o.controlsBar)?void 0:n.barColor),[i,s]=P(Yt,Rt),[a,l]=P(Gt,Rt),u=E(Xt,Rt);if(null!==i){const t=i.map(((t,e)=>Ae(fc,{children:Ve(wc,{dataCy:`settingsMenuSubtitleButton${t.label}`,settingsMenuColor:r,onClick:()=>function(t,e){t((t=>null===t?null:(t.forEach((t=>{t.mode="hidden"})),t[e].mode="showing",t)))}(s,e),children:[t.label,(null==a?void 0:a.label)===t.label&&Ae(bc,{})]})},`subtitle-${e}`)));return Ve(Le,{children:[Ae(fc,{children:Ve(wc,{dataCy:"settingsMenuSubtitleButtonNone",settingsMenuColor:r,onClick:()=>function(t,e,n){t((t=>null===t?null:(t.forEach((t=>{t.mode="hidden"})),t))),e(null),n(null)}(s,u,l),children:["None",null===a&&Ae(bc,{})]})}),t]})}return Ae(Le,{})}function Tc(t){let{item:e}=t;var n,o,r;const i=M(qt,Rt),s=M(Ft,Rt),a=M(oe,Rt),l=e.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor),u=(null==(o=e.options)?void 0:o.playbackSpeed)&&(null==(r=e.options)?void 0:r.playbackSpeed.map(((t,e)=>Ae(fc,{children:Ve(wc,{dataCy:`settingsMenuSpeedButton-${e}`,onClick:()=>s?s.playbackRate=t:null,settingsMenuColor:l,children:[t," ",i===t&&Ae(bc,{})]})},`settingsMenuSpeedButton-${e}`))));return Ae(Le,{children:u})}const Ac=()=>Ve(vc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Ae("path",{d:"M6 6L26 26",stroke:"currentColor",strokeWidth:"3.5",strokeLinecap:"round"}),Ae("path",{d:"M6 26L26 6",stroke:"currentColor",strokeWidth:"3.5",strokeLinecap:"round"})]}),Vc=()=>Ae(vc,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ae("path",{d:"M28 17.5C28.8284 17.5 29.5 16.8284 29.5 16C29.5 15.1716 28.8284 14.5 28 14.5V17.5ZM2.93934 14.9393C2.35355 15.5251 2.35355 16.4749 2.93934 17.0607L12.4853 26.6066C13.0711 27.1924 14.0208 27.1924 14.6066 26.6066C15.1924 26.0208 15.1924 25.0711 14.6066 24.4853L6.12132 16L14.6066 7.51472C15.1924 6.92893 15.1924 5.97918 14.6066 5.3934C14.0208 4.80761 13.0711 4.80761 12.4853 5.3934L2.93934 14.9393ZM28 14.5L4 14.5V17.5L28 17.5V14.5Z",fill:"currentColor"})}),Lc=(0,o.forwardRef)(((t,e)=>{var n;const[r,i]=(0,o.useState)("/home"),s=M(ne,Rt),a=M(oe,Rt);(0,o.useEffect)((()=>{if(e){const t=e.current.lastChild;let n=null==t?void 0:t.firstChild;for(;null!==n&&((null==n?void 0:n.nodeType)!==Node.ELEMENT_NODE||!n.hasChildNodes())&&(n=null==n?void 0:n.nextSibling,n););const o=null==n?void 0:n.firstChild;o&&o.focus()}}),[e,r]);const l=t.item.settingsMenuColor??(null==(n=null==a?void 0:a.controlsBar)?void 0:n.barColor);return Ae(Rc,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.25},orientation:t.item.settingsMenuOrientation??"middle",children:Ve(Dc,{layout:!0,ref:e,"data-cy":"settingsMenu",settingsMenuColor:l,textColor:Lt(l??""),children:[Ve(Ic,{layout:!0,children:[Ae(yc,{"data-cy":"settingsMenuHeaderButton",settingsMenuColor:l,onClick:()=>"/home"===r?t.setIsSettingsMenuOpen(!1):i("/home"),children:Ae("/home"===r?Ac:Vc,{})}),Ae(gc,{layout:"position",children:"/home"===r?"Settings":"/quality"===r?"Quality":"/subtitles"===r?"Subtitles":"/playback-speed"===r?"Speed":void 0})]}),Ve(Fc,{settingsMenuHeight:s.height-45-60,onKeyDown:e=>"Escape"===e.key&&t.setIsSettingsMenuOpen(!1),children:["/home"===r&&Ae(Cc,{setCurrentPage:i,item:t.item}),"/quality"===r&&Ae(Sc,{item:t.item}),"/subtitles"===r&&Ae(Bc,{item:t.item}),"/playback-speed"===r&&Ae(Tc,{item:t.item})]})]})})}));Lc.displayName="SettingsMenu";const Rc=(0,r.ZP)(_l.div)` - transform: translate( - ${t=>"middle"===t.orientation?"-3rem":"left"===t.orientation?"-5.25rem":"0rem"}, - -2rem - ); - display: flex; - flex-direction: column-reverse; -`,Dc=(0,r.ZP)(_l.menu)` - border-radius: 0.5rem; - background-color: ${t=>t.settingsMenuColor?t.settingsMenuColor:"currentColor"}; - position: absolute; - margin: 0; - padding: 0.35rem 0.45rem; - overflow: hidden; - min-width: 6.5rem; - box-shadow: 10px 10px 55px -8px rgba(0, 0, 0, 0.56); - color: ${t=>t.textColor}; -`,Ic=(0,r.ZP)(_l.section)` - display: flex; - align-items: center; - margin: 0.25rem 0 0.5rem; - color: inherit; -`,Fc=r.ZP.ul` - max-height: ${t=>t.settingsMenuHeight}px; - color: inherit; - padding: 0; - margin: 0; - overflow-y: auto; - overflow-x: hidden; - ::-webkit-scrollbar { - width: 0; - } - scrollbar-width: none; -`;function Oc(t){let{item:e}=t;const[n,r]=(0,o.useState)(!1),i=(0,o.useRef)(null);return function(t,e){(0,o.useEffect)((()=>{const n=n=>{!t.current||t.current.contains(n.target)||e(n)};return document.addEventListener("click",n),()=>{document.removeEventListener("click",n)}}),[t,e])}(i,(()=>r(!1))),Ve(Le,{children:[e.options&&Ae(tu,{children:n&&Ae(Lc,{ref:i,item:e,setIsSettingsMenuOpen:r})}),Ae(jc,{onClick:function(){r((t=>!t))},"data-cy":e.id,whileHover:{scale:1.1,rotateZ:45},whileTap:{scale:.95,rotateZ:0},children:Ae("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ve("g",{children:[Ae($c,{as:"circle",cx:"16",cy:"16",r:"3"}),Ae($c,{d:"M10.7591 6.96198C12.3955 8.30774 14.8735 7.58014 15.5226 5.56327C15.6719 5.09948 16.3281 5.09948 16.4774 5.56327C17.1265 7.58014 19.6045 8.30774 21.2409 6.96198C21.6173 6.65252 22.1693 7.00729 22.0441 7.47815C21.4998 9.52578 23.191 11.4776 25.2953 11.2302C25.7792 11.1733 26.0518 11.7702 25.6919 12.0986C24.1269 13.5269 24.4945 16.0833 26.3984 17.0128C26.8363 17.2265 26.7429 17.8761 26.2626 17.9578C24.1738 18.3133 23.101 20.6625 24.2002 22.4738C24.4529 22.8904 24.0232 23.3863 23.5749 23.1954C21.6256 22.3652 19.453 23.7614 19.3984 25.8795C19.3858 26.3665 18.7562 26.5514 18.4823 26.1485C17.2913 24.3962 14.7087 24.3962 13.5177 26.1485C13.2438 26.5514 12.6142 26.3665 12.6016 25.8795C12.547 23.7614 10.3744 22.3652 8.42505 23.1954C7.9768 23.3863 7.54708 22.8904 7.79984 22.4738C8.899 20.6625 7.82615 18.3133 5.73744 17.9578C5.25713 17.8761 5.16374 17.2265 5.60157 17.0128C7.50552 16.0833 7.87307 13.5269 6.30811 12.0986C5.94825 11.7702 6.22084 11.1733 6.70472 11.2302C8.80898 11.4776 10.5002 9.52578 9.9559 7.47815C9.83073 7.00729 10.3827 6.65252 10.7591 6.96198Z"})]})})})]})}const jc=(0,r.ZP)(_l.button)` - background: transparent; - padding: 0; - border: 0; - color: currentColor; - cursor: pointer; - height: 32px; - width: 32px; - :focus { - outline: none; - } - :focus-visible { - outline: 2.5px dashed ${t=>t.theme.focusColor}; - } -`,$c=r.ZP.path` - stroke: currentColor; - stroke-width: 2; - stroke-linecap: round; -`;function Uc(t){let{item:e}=t;const n=M(ve,Rt);return mt(e)?Ae(pu,{item:e}):vt(e)?Ae(qu,{item:e}):yt(e)?Ae(tc,{item:e}):bt(e)?Ae(ic,{}):xt(e)?Ae(ac,{}):wt(e)?Ae(uc,{item:e,isFullscreen:n}):gt(e)?Ae(Oc,{item:e}):Ae(Le,{})}function Nc(t){return mt(t)||yt(t)||wt(t)||gt(t)?t.buttonColor:xt(t)||bt(t)?t.textColor:void 0}function zc(){var t,e,n,r;const i=M(te,Rt),s=M(re,Rt),a=M(ae,Rt),l=M(ge,Rt),u=M(ne,Rt),c=M(oe,Rt);function d(t,e){var n;if(void 0===t||t.hideOnMobile&&u.width<768)return Ae(Le,{});const o=s.slice(e+1).find((t=>void 0!==t&&(!t.hideOnMobile||t.hideOnMobile&&u.width>=768)));let r;for(let i=e-1;i>-1;i--){const t=s[i];if(void 0!==t&&(!t.hideOnMobile||t.hideOnMobile&&u.width>=768)){r=s[i];break}}return Ae(Wc,{marginLeft:t.marginLeft,marginRight:t.marginRight,isProgressBarNextItem:!!o&&vt(o),isProgressBarPreviousItem:!!r&&vt(r),onClick:t=>t.stopPropagation(),isProgressBar:vt(t),color:Nc(t)??Lt((null==(n=c.controlsBar)?void 0:n.barColor)??""),children:Ae(Uc,{item:t})})}const h=null!=(t=c.controlsBar)&&t.alwaysVisible?null==(e=c.controlsBar)?void 0:e.alwaysVisible:a||l||i;return Ae(tu,{children:h&&Ve(Zc,{className:It.toString(),variants:"movement"===(null==(n=c.controlsBar)?void 0:n.animate)?yu:vu,initial:"init",animate:"anim",exit:"exit","data-cy":"controlsBar",children:[c.topProgressBar&&Ae(qc,{children:Ae(qu,{onTop:!0,item:c.topProgressBar})}),Ae(Hc,{height:"45px",backgroundColor:null==(r=c.controlsBar)?void 0:r.barColor,children:s.map(((t,e)=>Ae(o.Fragment,{children:d(t,e)},`item-${e}`)))})]})})}const Zc=(0,r.ZP)(_l.div)` - width: 100%; - position: absolute; - left: 0; - bottom: 0; -`,Hc=r.ZP.div` - height: ${t=>t.height}; - background-color: ${t=>t.backgroundColor?t.backgroundColor:"rgba(28, 28, 28, 0.7)"}; - width: 100%; - display: flex; - align-items: center; - padding: 0.3rem 0.5rem; - box-sizing: border-box; -`,Wc=r.ZP.div` - height: 100%; - width: auto; - color: ${t=>t.color}; - flex: ${t=>t.isProgressBar?"1":"0"}; - display: flex; - align-items: center; - justify-content: center; - /* - Progress bars don't have margin by default - If the next item is a progress bar the margin is increased (the scrubber takes up space) - Otherwise use the default margin of 0.35rem - */ - margin-right: ${t=>t.marginRight?t.marginRight:t.isProgressBarNextItem?"0.85rem":t.isProgressBar?"0":"0.35rem"}; - - margin-left: ${t=>t.marginLeft?t.marginLeft:t.isProgressBarPreviousItem?"0.85rem":"0"}; - - :last-child { - margin-right: ${t=>t.marginRight?t.marginRight:"0"}; - } -`,qc=r.ZP.div` - width: 100%; - height: 3rem; - display: flex; - flex-direction: column; - justify-content: flex-end; -`;function _c(){return Ae(Yc,{children:Ae(Gc,{})})}const Xc=r.F4` - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -`,Yc=r.ZP.div` - width: 128px; - height: 128px; - display: flex; - justify-content: center; - align-items: center; -`,Gc=r.ZP.span` - height: 86px; - width: 86px; - border: 10px solid currentColor; - border-bottom-color: transparent; - border-radius: 50%; - display: inline-block; - box-sizing: border-box; - animation: ${Xc} 1s linear infinite; -`;function Kc(){const t=M(Nt,Rt),e=M(Ut,Rt),n=M(re,Rt),o=M(Xt,Rt),r=M(te,Rt),i=function(t){if(void 0===t)return;const e=t.find((t=>t&&t.id.startsWith("playButton")));return e||void 0}(n),s=M(Ft,Rt);const a=e||t===$t.paused||t===$t.ended;return Ve(Qc,{children:[Ae(Jc,{"data-cy":"playIndicator",tabIndex:a?0:-1,playButtonColor:(null==i?void 0:i.buttonColor)??"white",variants:Cu,whileHover:{scale:1.1},animate:"anim",custom:a,onKeyDown:t=>"Enter"===t.key&&Ct(s),children:function(){if(e)return Ae(_c,{});if("playButton2"===(null==i?void 0:i.id)){if(t===$t.playing)return Ae(eu,{isIndicator:!0});if(t===$t.paused)return Ae(ou,{isIndicator:!0});if(t===$t.ended)return Ae(du,{isIndicator:!0})}else{if(t===$t.playing)return Ae(au,{isIndicator:!0});if(t===$t.paused)return Ae(iu,{isIndicator:!0});if(t===$t.ended)return Ae(uu,{isIndicator:!0})}}()}),Ae(tu,{children:o&&Ae(td,{"data-cy":"currentSubtitle",custom:r,initial:"init",animate:"anim",exit:"exit",variants:ku,transition:Mu,children:o.text})})]})}const Qc=r.ZP.div` - height: 100%; - width: 100%; - position: absolute; - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; - pointer-events: none; - flex-direction: column; -`,Jc=(0,r.ZP)(_l.button)` - color: ${t=>t.playButtonColor}; - background-color: transparent; - filter: drop-shadow(rgba(0, 0, 0, 0.35) 0px 5px 15px); - padding: 0; - border: 0; - pointer-events: none; - will-change: transform; - :focus-visible { - outline: 4px dashed ${t=>t.theme.focusColor}; - } -`,td=(0,r.ZP)(_l.div)` - position: absolute; - pointer-events: none; - text-align: center; - padding: 0.5rem; - background-color: black; - margin: 1rem; - opacity: 0.75; - font-size: 1.1em; -`;function ed(){const t=M(Ft,Rt),e=E(te,Rt);!function(){const[t,e]=P(ee,Rt),n=E(ne,Rt),r=M(Ft,Rt);(0,o.useEffect)((()=>{null!==r&&e(new ResizeObserver((t=>{const e=t[0];e&&e.contentRect&&n({height:parseFloat(e.contentRect.height.toFixed(2)),width:parseFloat(e.contentRect.width.toFixed(2))})})))}),[r,n,e]),(0,o.useEffect)((()=>{null!==t&&null!==r&&t.observe(r)}),[t,r])}();const n=E(Ot,Rt),r=(0,o.useRef)(null),i=E(ve,Rt);(0,o.useEffect)((()=>{r&&r.current&&n(r.current)}),[r]),function(t){(0,o.useEffect)((()=>{function e(){t(Ce.isFullscreen)}return Ce.isEnabled&&Ce.on("change",e),()=>{Ce.isEnabled&&Ce.off("change",e)}}),[t])}(i);const{width:s,height:a}=M(jt,Rt),l=M(_t,Rt);return Ae(nd,{width:s,height:a,"data-cy":"videoPlayerWrapper",ref:r,onFocus:()=>e(!0),onMouseEnter:()=>{e(!0)},onMouseLeave:()=>{e(!1)},tabIndex:0,onKeyDown:e=>function(t,e,n){if(" "===t.key||"k"===t.key)t.preventDefault(),null!==e&&Ct(e);else if(("ArrowLeft"===t.key||"ArrowRight"===t.key||"ArrowUp"===t.key||"ArrowDown"===t.key)&&(t.preventDefault(),null!==e&&null!==n))if(n.startsWith("volumeBar")){let o=e.volume;"volumeBar1"===n?"ArrowLeft"===t.key?o-=.05:"ArrowRight"===t.key&&(o+=.05):"volumeBar2"===n&&("ArrowDown"===t.key?o-=.05:"ArrowUp"===t.key&&(o+=.05)),e.volume=kt(o,0,1)}else{let n=e.currentTime;("ArrowLeft"===t.key||"ArrowRight"===t.key)&&("ArrowLeft"===t.key?n-=5:"ArrowRight"===t.key&&(n+=5),e.currentTime=kt(n,0,e.duration))}}(e,t,l),children:Ve(od,{"data-cy":"playerContainer",children:[Ae(Kc,{}),Ae(Re,{}),t&&Ae(zc,{})]})})}const nd=r.ZP.div` - position: relative; - background: black; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - height: ${t=>t.height?t.height:"100%"}; - width: ${t=>t.width?t.width:"100%"}; - :focus-visible { - outline: 3.5px dashed ${t=>t.theme.focusColor}; - } -`,od=r.ZP.div` - display: flex; - flex-direction: column; - justify-content: flex-end; - align-items: flex-start; - color: white; - overflow: hidden; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - height: 100%; - width: 100%; -`;function rd(t){let{values:e,rest:n}=t;const o=E(oe,Rt),r=E(re,Rt),i=E(jt,Rt);return Ee(o,r,i,n,e),Ae(ed,{})}function id(t){let{values:e,...n}=t;return Ae(C,{scope:Rt,children:e?Ae(r.f6,{theme:{focusColor:null==e?void 0:e.focusColor},children:Ae(rd,{values:e,rest:n})}):Ve(Le,{children:[Ve("div",{"data-cy":"errorMessage",style:{color:"red"},children:["You need to define the values attribute on your custoplayer tag. For the time being you can set it to be an empty object. ",Ae("br",{}),"example:"]}),Ae("code",{children:""})]})})}(0,r.ZP)(_l.div)` - width: 100%; - position: absolute; - display: flex; - z-index: 6; - left: 0; - bottom: 0; - flex-direction: column; - justify-content: flex-end; - align-items: center; -`;const sd={previewTooltip:{id:"text"},controlsBar:{barColor:"#392f5ad4",animate:"movement"},item1:{id:"playButton1",buttonColor:"#efefef"},item2:{id:"volumeButton1",barId:"volumeBar1",buttonColor:"#efefef",barColor:"#efefef",volumeColor:"#4f91cb"},item3:{id:"currentTime",hideOnMobile:!0,textColor:"#efefef"},item4:{id:"progressBar1",barColor:"#efefef",progressColor:"#4f91cb"},item5:{id:"duration",hideOnMobile:!0,textColor:"#efefef"},item7:{id:"fullscreenButton1",buttonColor:"#efefef"},focusColor:"#efefef"},ad={previewTooltip:{id:"text"},controlsBar:{animate:"opacity",barColor:"#d90427b8"},item1:{id:"playButton1",buttonColor:"#ffd3d3"},item2:{id:"volumeButton1",barId:"volumeBar2",buttonColor:"#ffd3d3",barColor:"#ffd3d3",volumeColor:"#552525"},item3:{id:"currentTime",hideOnMobile:!0,textColor:"#fee1e1"},item4:{id:"progressBar2",barColor:"#ffd3d3",progressColor:"#552525"},item5:{id:"duration",hideOnMobile:!0,textColor:"#fee1e1"},item7:{id:"fullscreenButton1",buttonColor:"#ffd3d3"},focusColor:"#ffd3d3"},ld={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#ffffffdd"},item1:{id:"playButton1",buttonColor:"#353535"},item2:{id:"volumeButton1",barId:"volumeBar2",buttonColor:"#353535",barColor:"#e7e7e7",volumeColor:"#353535",scrubberBorderColor:"transparent",scrubberColor:"transparent"},item3:{id:"currentTime",textColor:"#353535"},topProgressBar:{id:"progressBar1",barColor:"#e7e7e7",progressColor:"#353535",scrubberColor:"transparent",scrubberBorderColor:"none"},item5:{id:"duration",textColor:"#353535",marginLeft:"auto"},item7:{id:"fullscreenButton1",buttonColor:"#353535"},focusColor:"#353535"},ud={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#2c6e49d4"},item1:{id:"playButton2",buttonColor:"#EEE5E5"},item2:{id:"volumeButton1",barId:"volumeBar1",volumeColor:"#67ba8b",scrubberColor:"transparent",scrubberBorderColor:"#67ba8b",barColor:"#EEE5E5"},item3:{id:"fullscreenButton2",buttonColor:"#EEE5E5"},item4:{id:"progressBar3",progressColor:"#67ba8b"},focusColor:"#EEE5E5"},cd={previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"#a9e5bbd3"},topProgressBar:{id:"progressBar1",scrubberColor:"transparent",barColor:"#a9e5bbd3",progressColor:"#26352a",bufferedColor:"#46464695"},item2:{id:"currentTime"},item1:{id:"volumeButton1",barId:"volumeBar2",scrubberColor:"transparent",barColor:"#a9e5bbd3",volumeColor:"#26352a"},item4:{id:"playButton1",marginLeft:"auto",marginRight:"auto"},item6:{id:"settingsButton1",settingsMenuColor:"#a9e5bbec",settingsMenuOrientation:"left",options:{playbackSpeed:[.25,.5,1,1.25,1.5,2]}},item7:{id:"fullscreenButton1"}}},2495:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>d,contentTitle:()=>u,default:()=>m,frontMatter:()=>l,metadata:()=>c,toc:()=>h});var o=n(7896),r=n(2784),i=n(876),s=n(6474);const a=function(){return r.createElement(s.O8,{poster:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/custoplayer-demo-poster.png",src:"https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/setting-up-video-qualities/custoplayer-demo-1080.mp4",values:{previewTooltip:{id:"text"},controlsBar:{animate:"movement",barColor:"rgba(28, 28, 28, 0.85)"},item1:{id:"playButton1",buttonColor:"#b7cef4"},item2:{id:"volumeButton1",barId:"volumeBar2",volumeColor:"#a4c3f5",buttonColor:"#a4c3f5"},item3:{id:"currentTime",textColor:"#b7cef4"},item4:{id:"progressBar1",progressColor:"#a4c3f5"},item5:{id:"duration",textColor:"#b7cef4"},item6:{id:"settingsButton1",buttonColor:"#a4c3f5",settingsMenuColor:"#a4c3f5c8",settingsMenuOrientation:"left",options:{playbackSpeed:[.25,.5,1,1.5,2]}},item7:{id:"fullscreenButton1",buttonColor:"#b7cef4"}}})},l={sidebar_position:2},u="Quick Start",c={unversionedId:"quick-start",id:"quick-start",title:"Quick Start",description:"Custoplayer is a React.js npm package that allows for the quick creation of beautiful video players.",source:"@site/docs/quick-start.mdx",sourceDirName:".",slug:"/quick-start",permalink:"/Custoplayer/quick-start",draft:!1,tags:[],version:"current",sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"tutorialSidebar",previous:{title:"Custoplayer",permalink:"/Custoplayer/"},next:{title:"Overview",permalink:"/Custoplayer/overview"}},d={},h=[{value:"\ud83d\udce6 Installation",id:"-installation",level:2},{value:"npm",id:"npm",level:3},{value:"yarn",id:"yarn",level:3},{value:"\ud83e\uddd1\u200d\ud83d\udcbb Usage",id:"-usage",level:2},{value:"Using a preset",id:"using-a-preset",level:3},{value:"A fully custom configuration",id:"a-fully-custom-configuration",level:3},{value:"\ud83c\udfa5 Example",id:"-example",level:2}],p={toc:h},f="wrapper";function m(t){let{components:e,...n}=t;return(0,i.kt)(f,(0,o.Z)({},p,n,{components:e,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"quick-start"},"Quick Start"),(0,i.kt)("p",null,"Custoplayer is a React.js npm package that allows for the quick creation of beautiful video players."),(0,i.kt)("h2",{id:"-installation"},"\ud83d\udce6 Installation"),(0,i.kt)("h3",{id:"npm"},"npm"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-bash"},"npm install custoplayer\n")),(0,i.kt)("h3",{id:"yarn"},"yarn"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-bash"},"yarn add custoplayer\n")),(0,i.kt)("h2",{id:"-usage"},"\ud83e\uddd1\u200d\ud83d\udcbb Usage"),(0,i.kt)("h3",{id:"using-a-preset"},"Using a preset"),(0,i.kt)("p",null,"All the different preset names"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"midnightBlue"),(0,i.kt)("li",{parentName:"ul"},"fieryRed"),(0,i.kt)("li",{parentName:"ul"},"milkyWhite"),(0,i.kt)("li",{parentName:"ul"},"grassyGreen"),(0,i.kt)("li",{parentName:"ul"},"mint")),(0,i.kt)("p",null,"The specific values for each preset can be found ",(0,i.kt)("a",{parentName:"p",href:"https://github.com/Etesam913/Custoplayer/blob/main/packages/custoplayer/src/lib/presets.tsx"},"here")),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Custoplayer, midnightBlue } from 'custoplayer';\n\nfunction CustoplayerExample() {\n return (\n \n );\n}\n\nexport default CustoplayerExample;\n")),(0,i.kt)("h3",{id:"a-fully-custom-configuration"},"A fully custom configuration"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Custoplayer } from 'custoplayer';\n\nfunction CustoplayerExample() {\n return (\n \n );\n}\n\nexport default CustoplayerExample;\n")),(0,i.kt)("h2",{id:"-example"},"\ud83c\udfa5 Example"),(0,i.kt)(a,{mdxType:"CustoplayerExample"}))}m.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/c179f821.e7e50c79.js.LICENSE.txt b/assets/js/c179f821.e7e50c79.js.LICENSE.txt deleted file mode 100644 index e68557b..0000000 --- a/assets/js/c179f821.e7e50c79.js.LICENSE.txt +++ /dev/null @@ -1,9 +0,0 @@ -/** - * @license React - * react-jsx-runtime.production.min.js - * - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */ diff --git a/assets/js/main.84539fbe.js b/assets/js/main.84539fbe.js deleted file mode 100644 index ceaae81..0000000 --- a/assets/js/main.84539fbe.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see main.84539fbe.js.LICENSE.txt */ -(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[179],{7644:(e,t,n)=>{"use strict";n.d(t,{_:()=>a,t:()=>o});var r=n(2784);const a=r.createContext(!1);function o(e){let{children:t}=e;const[n,o]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{o(!0)}),[]),r.createElement(a.Provider,{value:n},t)}},488:(e,t,n)=>{"use strict";var r=n(2784),a=n(8316),o=n(7933),i=n(2175),l=n(2153);const s=[n(5749),n(8273),n(7392),n(1964)];var u=n(2063),c=n(7267),d=n(9702);function f(e){let{children:t}=e;return r.createElement(r.Fragment,null,t)}var p=n(7896),m=n(8428),g=n(5837),h=n(4198),v=n(6371),b=n(5982),y=n(8345),w=n(1869),k=n(2217),E=n(957);function S(){const{i18n:{defaultLocale:e,localeConfigs:t}}=(0,g.Z)(),n=(0,y.l)();return r.createElement(m.Z,null,Object.entries(t).map((e=>{let[t,{htmlLang:a}]=e;return r.createElement("link",{key:t,rel:"alternate",href:n.createUrl({locale:t,fullyQualified:!0}),hrefLang:a})})),r.createElement("link",{rel:"alternate",href:n.createUrl({locale:e,fullyQualified:!0}),hrefLang:"x-default"}))}function C(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.Z)(),a=function(){const{siteConfig:{url:e}}=(0,g.Z)(),{pathname:t}=(0,c.TH)();return e+(0,h.Z)(t)}(),o=t?`${n}${t}`:a;return r.createElement(m.Z,null,r.createElement("meta",{property:"og:url",content:o}),r.createElement("link",{rel:"canonical",href:o}))}function x(){const{i18n:{currentLocale:e}}=(0,g.Z)(),{metadata:t,image:n}=(0,v.L)();return r.createElement(r.Fragment,null,r.createElement(m.Z,null,r.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),r.createElement("body",{className:w.h})),n&&r.createElement(b.d,{image:n}),r.createElement(C,null),r.createElement(S,null),r.createElement(E.Z,{tag:k.HX,locale:e}),r.createElement(m.Z,null,t.map(((e,t)=>r.createElement("meta",(0,p.Z)({key:t},e))))))}const T=new Map;function _(e){if(T.has(e.pathname))return{...e,pathname:T.get(e.pathname)};if((0,d.f)(u.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return T.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return T.set(e.pathname,t),{...e,pathname:t}}var L=n(7644),A=n(7256);function N(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>a.forEach((e=>e?.()))}const R=function(e){let{children:t,location:n,previousLocation:a}=e;return(0,r.useLayoutEffect)((()=>{a!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,a=t.hash===n.hash,o=t.search===n.search;if(r&&a&&!o)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:a}),N("onRouteDidUpdate",{previousLocation:a,location:n}))}),[a,n]),t};function P(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,d.f)(u.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class O extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.Z.canUseDOM?N("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=N("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),P(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return r.createElement(R,{previousLocation:this.previousLocation,location:t},r.createElement(c.AW,{location:t,render:()=>e}))}}const D=O,I="docusaurus-base-url-issue-banner-container",M="docusaurus-base-url-issue-banner",F="docusaurus-base-url-issue-banner-suggestion-container",B="__DOCUSAURUS_INSERT_BASEURL_BANNER";function z(e){return`\nwindow['${B}'] = true;\n\ndocument.addEventListener('DOMContentLoaded', maybeInsertBanner);\n\nfunction maybeInsertBanner() {\n var shouldInsert = window['${B}'];\n shouldInsert && insertBanner();\n}\n\nfunction insertBanner() {\n var bannerContainer = document.getElementById('${I}');\n if (!bannerContainer) {\n return;\n }\n var bannerHtml = ${JSON.stringify(function(e){return`\n
\n

Your Docusaurus site did not load properly.

\n

A very common reason is a wrong site baseUrl configuration.

\n

Current configured baseUrl = ${e} ${"/"===e?" (default value)":""}

\n

We suggest trying baseUrl =

\n
\n`}(e)).replace(/{window[B]=!1}),[]),r.createElement(r.Fragment,null,!l.Z.canUseDOM&&r.createElement(m.Z,null,r.createElement("script",null,z(e))),r.createElement("div",{id:I}))}function $(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.Z)(),{pathname:n}=(0,c.TH)();return t&&n===e?r.createElement(j,null):null}function U(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:a,localeConfigs:o}}=(0,g.Z)(),i=(0,h.Z)(e),{htmlLang:l,direction:s}=o[a];return r.createElement(m.Z,null,r.createElement("html",{lang:l,dir:s}),r.createElement("title",null,t),r.createElement("meta",{property:"og:title",content:t}),r.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&r.createElement("meta",{name:"robots",content:"noindex, nofollow"}),e&&r.createElement("link",{rel:"icon",href:i}))}var q=n(9060);function H(){const e=(0,d.H)(u.Z),t=(0,c.TH)();return r.createElement(q.Z,null,r.createElement(A.M,null,r.createElement(L.t,null,r.createElement(f,null,r.createElement(U,null),r.createElement(x,null),r.createElement($,null),r.createElement(D,{location:_(t)},e)))))}var G=n(6887);const Z=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const a=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;a?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var V=n(7911);const W=new Set,Y=new Set,Q=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,K={prefetch(e){if(!(e=>!Q()&&!Y.has(e)&&!W.has(e))(e))return!1;W.add(e);const t=(0,d.f)(u.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(G).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,V.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Z(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!Q()&&!Y.has(e))(e)&&(Y.add(e),P(e))},X=Object.freeze(K);if(l.Z.canUseDOM){window.docusaurus=X;const e=a.hydrate;P(window.location.pathname).then((()=>{e(r.createElement(i.B6,null,r.createElement(o.VK,null,r.createElement(H,null))),document.getElementById("__docusaurus"))}))}},7256:(e,t,n)=>{"use strict";n.d(t,{_:()=>c,M:()=>d});var r=n(2784),a=n(6809);const o=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/Custoplayer/","versions":[{"name":"current","label":"Next","isLast":true,"path":"/Custoplayer/","mainDocId":"homepage","docs":[{"id":"components/fullscreen-buttons","path":"/Custoplayer/components/fullscreen-buttons","sidebar":"tutorialSidebar"},{"id":"components/play-buttons","path":"/Custoplayer/components/play-buttons","sidebar":"tutorialSidebar"},{"id":"components/progress-bars","path":"/Custoplayer/components/progress-bars","sidebar":"tutorialSidebar"},{"id":"components/settings-button","path":"/Custoplayer/components/settings-button","sidebar":"tutorialSidebar"},{"id":"components/Time","path":"/Custoplayer/components/Time","sidebar":"tutorialSidebar"},{"id":"components/Volume","path":"/Custoplayer/components/Volume","sidebar":"tutorialSidebar"},{"id":"contributing","path":"/Custoplayer/contributing","sidebar":"tutorialSidebar"},{"id":"homepage","path":"/Custoplayer/","sidebar":"tutorialSidebar"},{"id":"license","path":"/Custoplayer/license","sidebar":"tutorialSidebar"},{"id":"other-properties","path":"/Custoplayer/other-properties","sidebar":"tutorialSidebar"},{"id":"overview","path":"/Custoplayer/overview","sidebar":"tutorialSidebar"},{"id":"preview-tooltip","path":"/Custoplayer/preview-tooltip","sidebar":"tutorialSidebar"},{"id":"quick-start","path":"/Custoplayer/quick-start","sidebar":"tutorialSidebar"},{"id":"setting-up-subtitles","path":"/Custoplayer/setting-up-subtitles","sidebar":"tutorialSidebar"},{"id":"setting-up-video-qualities","path":"/Custoplayer/setting-up-video-qualities","sidebar":"tutorialSidebar"},{"id":"/category/components","path":"/Custoplayer/category/components","sidebar":"tutorialSidebar"}],"draftIds":[],"sidebars":{"tutorialSidebar":{"link":{"path":"/Custoplayer/","label":"homepage"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var l=n(7529);const s=JSON.parse('{"docusaurusVersion":"2.4.0","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"2.4.0"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"2.4.0"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"2.4.0"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"2.4.0"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"2.4.0"}}}'),u={siteConfig:a.default,siteMetadata:s,globalData:o,i18n:i,codeTranslations:l},c=r.createContext(u);function d(e){let{children:t}=e;return r.createElement(c.Provider,{value:u},t)}},9060:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var r=n(2784),a=n(2153),o=n(8428),i=n(6744),l=n(230);function s(e){let{error:t,tryAgain:n}=e;return r.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"}},r.createElement("h1",{style:{fontSize:"3rem"}},"This page crashed"),r.createElement("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"}},"Try again"),r.createElement(u,{error:t}))}function u(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return r.createElement("p",{style:{whiteSpace:"pre-wrap"}},n)}function c(e){let{error:t,tryAgain:n}=e;return r.createElement(f,{fallback:()=>r.createElement(s,{error:t,tryAgain:n})},r.createElement(o.Z,null,r.createElement("title",null,"Page Error")),r.createElement(l.Z,null,r.createElement(s,{error:t,tryAgain:n})))}const d=e=>r.createElement(c,e);class f extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){a.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??d)(e)}return e??null}}},2153:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,a={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},8428:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(2784),a=n(2175);function o(e){return r.createElement(a.ql,e)}},2896:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});var r=n(7896),a=n(2784),o=n(7933),i=n(6744),l=n(5837),s=n(8949),u=n(2153);const c=a.createContext({collectLink:()=>{}});var d=n(4198);function f(e,t){let{isNavLink:n,to:f,href:p,activeClassName:m,isActive:g,"data-noBrokenLinkCheck":h,autoAddBaseUrl:v=!0,...b}=e;const{siteConfig:{trailingSlash:y,baseUrl:w}}=(0,l.Z)(),{withBaseUrl:k}=(0,d.C)(),E=(0,a.useContext)(c),S=(0,a.useRef)(null);(0,a.useImperativeHandle)(t,(()=>S.current));const C=f||p;const x=(0,s.Z)(C),T=C?.replace("pathname://","");let _=void 0!==T?(L=T,v&&(e=>e.startsWith("/"))(L)?k(L):L):void 0;var L;_&&x&&(_=(0,i.applyTrailingSlash)(_,{trailingSlash:y,baseUrl:w}));const A=(0,a.useRef)(!1),N=n?o.OL:o.rU,R=u.Z.canUseIntersectionObserver,P=(0,a.useRef)(),O=()=>{A.current||null==_||(window.docusaurus.preload(_),A.current=!0)};(0,a.useEffect)((()=>(!R&&x&&null!=_&&window.docusaurus.prefetch(_),()=>{R&&P.current&&P.current.disconnect()})),[P,_,R,x]);const D=_?.startsWith("#")??!1,I=!_||!x||D;return I||h||E.collectLink(_),I?a.createElement("a",(0,r.Z)({ref:S,href:_},C&&!x&&{target:"_blank",rel:"noopener noreferrer"},b)):a.createElement(N,(0,r.Z)({},b,{onMouseEnter:O,onTouchStart:O,innerRef:e=>{S.current=e,R&&e&&x&&(P.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(P.current.unobserve(e),P.current.disconnect(),null!=_&&window.docusaurus.prefetch(_))}))})),P.current.observe(e))},to:_},n&&{isActive:g,activeClassName:m}))}const p=a.forwardRef(f)},8176:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const r=()=>null},8004:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s,I:()=>l});var r=n(2784);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var o=n(7529);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return o[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;return a(i({message:n,id:r}),t)}function s(e){let{children:t,id:n,values:o}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal children",t),new Error("The Docusaurus component only accept simple string values");const l=i({message:t,id:n});return r.createElement(r.Fragment,null,a(l,o))}},9240:(e,t,n)=>{"use strict";n.d(t,{m:()=>r});const r="default"},8949:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function a(e){return void 0!==e&&!r(e)}n.d(t,{Z:()=>a,b:()=>r})},4198:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var r=n(2784),a=n(5837),o=n(8949);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,a.Z)(),n=(0,r.useCallback)(((n,r)=>function(e,t,n,r){let{forcePrependBaseUrl:a=!1,absolute:i=!1}=void 0===r?{}:r;if(!n||n.startsWith("#")||(0,o.b)(n))return n;if(a)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const l=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+l:l}(t,e,n,r)),[t,e]);return{withBaseUrl:n}}function l(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},5837:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(2784),a=n(7256);function o(){return(0,r.useContext)(a._)}},6930:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(2784),a=n(7644);function o(){return(0,r.useContext)(a._)}},7911:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function a(e){const t={};return function e(n,a){Object.entries(n).forEach((n=>{let[o,i]=n;const l=a?`${a}.${o}`:o;r(i)?e(i,l):t[l]=i}))}(e),t}},4789:(e,t,n)=>{"use strict";n.d(t,{_:()=>a,z:()=>o});var r=n(2784);const a=r.createContext(null);function o(e){let{children:t,value:n}=e;const o=r.useContext(a),i=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:o,value:n})),[o,n]);return r.createElement(a.Provider,{value:i},t)}},429:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>g,gA:()=>f,_r:()=>c,Jo:()=>h,zh:()=>d,yW:()=>m,gB:()=>p});var r=n(7267),a=n(5837),o=n(9240);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,a.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const l=e=>e.versions.find((e=>e.isLast));function s(e,t){const n=function(e,t){const n=l(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,r.LX)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),a=n?.docs.find((e=>!!(0,r.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:a,alternateDocVersions:a?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(a.id):{}}}const u={},c=()=>i("docusaurus-plugin-content-docs")??u,d=e=>function(e,t,n){void 0===t&&(t=o.m),void 0===n&&(n={});const r=i(e),a=r?.[t];if(!a&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return a}("docusaurus-plugin-content-docs",e,{failfast:!0});function f(e){void 0===e&&(e={});const t=c(),{pathname:n}=(0,r.TH)();return function(e,t,n){void 0===n&&(n={});const a=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.LX)(t,{path:n.path,exact:!1,strict:!1})})),o=a?{pluginId:a[0],pluginData:a[1]}:void 0;if(!o&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return o}(t,n,e)}function p(e){return d(e).versions}function m(e){const t=d(e);return l(t)}function g(e){const t=d(e),{pathname:n}=(0,r.TH)();return s(t,n)}function h(e){const t=d(e),{pathname:n}=(0,r.TH)();return function(e,t){const n=l(e);return{latestDocSuggestion:s(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},7392:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});var r=n(2521),a=n.n(r);a().configure({showSpinner:!1});const o={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{a().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){a().done()}}},8273:(e,t,n)=>{"use strict";n.r(t);var r=n(7175),a=n(6809);!function(e){const{themeConfig:{prism:t}}=a.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{n(4596)(`./prism-${e}`)})),delete globalThis.Prism}(r.Z)},451:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(2784);const a={iconExternalLink:"iconExternalLink_awgD"};function o(e){let{width:t=13.5,height:n=13.5}=e;return r.createElement("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:a.iconExternalLink},r.createElement("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"}))}},230:(e,t,n)=>{"use strict";n.d(t,{Z:()=>dt});var r=n(2784),a=n(6277),o=n(9060),i=n(5982),l=n(7896),s=n(7267),u=n(8004),c=n(2462);const d="docusaurus_skipToContent_fallback";function f(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function p(){const e=(0,r.useRef)(null),{action:t}=(0,s.k6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&f(t)}),[]);return(0,c.S)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&f(e.current)})),{containerRef:e,onClick:n}}const m=(0,u.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function g(e){const t=e.children??m,{containerRef:n,onClick:a}=p();return r.createElement("div",{ref:n,role:"region","aria-label":m},r.createElement("a",(0,l.Z)({},e,{href:`#${d}`,onClick:a}),t))}var h=n(5138),v=n(1869);const b={skipToContent:"skipToContent_G6ar"};function y(){return r.createElement(g,{className:b.skipToContent})}var w=n(6371),k=n(5830);function E(e){let{width:t=21,height:n=21,color:a="currentColor",strokeWidth:o=1.2,className:i,...s}=e;return r.createElement("svg",(0,l.Z)({viewBox:"0 0 15 15",width:t,height:n},s),r.createElement("g",{stroke:a,strokeWidth:o},r.createElement("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})))}const S={closeButton:"closeButton_rfix"};function C(e){return r.createElement("button",(0,l.Z)({type:"button","aria-label":(0,u.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"})},e,{className:(0,a.Z)("clean-btn close",S.closeButton,e.className)}),r.createElement(E,{width:14,height:14,strokeWidth:3.1}))}const x={content:"content_L1uV"};function T(e){const{announcementBar:t}=(0,w.L)(),{content:n}=t;return r.createElement("div",(0,l.Z)({},e,{className:(0,a.Z)(x.content,e.className),dangerouslySetInnerHTML:{__html:n}}))}const _={announcementBar:"announcementBar_ncOr",announcementBarPlaceholder:"announcementBarPlaceholder_ajMw",announcementBarClose:"announcementBarClose_c9u4",announcementBarContent:"announcementBarContent__57G"};function L(){const{announcementBar:e}=(0,w.L)(),{isActive:t,close:n}=(0,k.nT)();if(!t)return null;const{backgroundColor:a,textColor:o,isCloseable:i}=e;return r.createElement("div",{className:_.announcementBar,style:{backgroundColor:a,color:o},role:"banner"},i&&r.createElement("div",{className:_.announcementBarPlaceholder}),r.createElement(T,{className:_.announcementBarContent}),i&&r.createElement(C,{onClick:n,className:_.announcementBarClose}))}var A=n(4890),N=n(6152);var R=n(1661),P=n(3970);const O=r.createContext(null);function D(e){let{children:t}=e;const n=function(){const e=(0,A.e)(),t=(0,P.HY)(),[n,a]=(0,r.useState)(!1),o=null!==t.component,i=(0,R.D9)(o);return(0,r.useEffect)((()=>{o&&!i&&a(!0)}),[o,i]),(0,r.useEffect)((()=>{o?e.shown||a(!0):a(!1)}),[e.shown,o]),(0,r.useMemo)((()=>[n,a]),[n])}();return r.createElement(O.Provider,{value:n},t)}function I(e){if(e.component){const t=e.component;return r.createElement(t,e.props)}}function M(){const e=(0,r.useContext)(O);if(!e)throw new R.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,a=(0,r.useCallback)((()=>n(!1)),[n]),o=(0,P.HY)();return(0,r.useMemo)((()=>({shown:t,hide:a,content:I(o)})),[a,o,t])}function F(e){let{header:t,primaryMenu:n,secondaryMenu:o}=e;const{shown:i}=M();return r.createElement("div",{className:"navbar-sidebar"},t,r.createElement("div",{className:(0,a.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":i})},r.createElement("div",{className:"navbar-sidebar__item menu"},n),r.createElement("div",{className:"navbar-sidebar__item menu"},o)))}var B=n(5869),z=n(6930);function j(e){return r.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:24,height:24},e),r.createElement("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"}))}function $(e){return r.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:24,height:24},e),r.createElement("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"}))}const U={toggle:"toggle_OLSw",toggleButton:"toggleButton_wYmb",darkToggleIcon:"darkToggleIcon_Yem1",lightToggleIcon:"lightToggleIcon_Sxwe",toggleButtonDisabled:"toggleButtonDisabled_vaDU"};function q(e){let{className:t,buttonClassName:n,value:o,onChange:i}=e;const l=(0,z.Z)(),s=(0,u.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===o?(0,u.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,u.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return r.createElement("div",{className:(0,a.Z)(U.toggle,t)},r.createElement("button",{className:(0,a.Z)("clean-btn",U.toggleButton,!l&&U.toggleButtonDisabled,n),type:"button",onClick:()=>i("dark"===o?"light":"dark"),disabled:!l,title:s,"aria-label":s,"aria-live":"polite"},r.createElement(j,{className:(0,a.Z)(U.toggleIcon,U.lightToggleIcon)}),r.createElement($,{className:(0,a.Z)(U.toggleIcon,U.darkToggleIcon)})))}const H=r.memo(q),G={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_wZ1H"};function Z(e){let{className:t}=e;const n=(0,w.L)().navbar.style,a=(0,w.L)().colorMode.disableSwitch,{colorMode:o,setColorMode:i}=(0,B.I)();return a?null:r.createElement(H,{className:t,buttonClassName:"dark"===n?G.darkNavbarColorModeToggle:void 0,value:o,onChange:i})}var V=n(4633);function W(){return r.createElement(V.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Y(){const e=(0,A.e)();return r.createElement("button",{type:"button","aria-label":(0,u.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle()},r.createElement(E,{color:"var(--ifm-color-emphasis-600)"}))}function Q(){return r.createElement("div",{className:"navbar-sidebar__brand"},r.createElement(W,null),r.createElement(Z,{className:"margin-right--md"}),r.createElement(Y,null))}var K=n(2896),X=n(4198),J=n(8949);function ee(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}var te=n(451);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:a,href:o,label:i,html:s,isDropdownLink:u,prependBaseUrlToHref:c,...d}=e;const f=(0,X.Z)(a),p=(0,X.Z)(t),m=(0,X.Z)(o,{forcePrependBaseUrl:!0}),g=i&&o&&!(0,J.Z)(o),h=s?{dangerouslySetInnerHTML:{__html:s}}:{children:r.createElement(r.Fragment,null,i,g&&r.createElement(te.Z,u&&{width:12,height:12}))};return o?r.createElement(K.Z,(0,l.Z)({href:c?m:o},d,h)):r.createElement(K.Z,(0,l.Z)({to:f,isNavLink:!0},(t||n)&&{isActive:(e,t)=>n?ee(n,t.pathname):t.pathname.startsWith(p)},d,h))}function re(e){let{className:t,isDropdownItem:n=!1,...o}=e;const i=r.createElement(ne,(0,l.Z)({className:(0,a.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n},o));return n?r.createElement("li",null,i):i}function ae(e){let{className:t,isDropdownItem:n,...o}=e;return r.createElement("li",{className:"menu__list-item"},r.createElement(ne,(0,l.Z)({className:(0,a.Z)("menu__link",t)},o)))}function oe(e){let{mobile:t=!1,position:n,...a}=e;const o=t?ae:re;return r.createElement(o,(0,l.Z)({},a,{activeClassName:a.activeClassName??(t?"menu__link--active":"navbar__link--active")}))}var ie=n(9782),le=n(9846),se=n(5837);function ue(e,t){return e.some((e=>function(e,t){return!!(0,le.Mg)(e.to,t)||!!ee(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function ce(e){let{items:t,position:n,className:o,onClick:i,...s}=e;const u=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{u.current&&!u.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[u]),r.createElement("div",{ref:u,className:(0,a.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c})},r.createElement(ne,(0,l.Z)({"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,a.Z)("navbar__link",o)},s,{onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))}}),s.children??s.label),r.createElement("ul",{className:"dropdown__menu"},t.map(((e,t)=>r.createElement(Ce,(0,l.Z)({isDropdownItem:!0,activeClassName:"dropdown__link--active"},e,{key:t}))))))}function de(e){let{items:t,className:n,position:o,onClick:i,...u}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,se.Z)(),{pathname:t}=(0,s.TH)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:f,toggleCollapsed:p,setCollapsed:m}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[c,d,m]),r.createElement("li",{className:(0,a.Z)("menu__list-item",{"menu__list-item--collapsed":f})},r.createElement(ne,(0,l.Z)({role:"button",className:(0,a.Z)("menu__link menu__link--sublist menu__link--sublist-caret",n)},u,{onClick:e=>{e.preventDefault(),p()}}),u.children??u.label),r.createElement(ie.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:f},t.map(((e,t)=>r.createElement(Ce,(0,l.Z)({mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active"},e,{key:t}))))))}function fe(e){let{mobile:t=!1,...n}=e;const a=t?de:ce;return r.createElement(a,n)}var pe=n(8345);function me(e){let{width:t=20,height:n=20,...a}=e;return r.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0},a),r.createElement("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"}))}const ge="iconLanguage_xrmG";var he=n(8176);const ve={searchBox:"searchBox_xrOJ"};function be(e){let{children:t,className:n}=e;return r.createElement("div",{className:(0,a.Z)(n,ve.searchBox)},t)}var ye=n(429),we=n(9450);var ke=n(3855);const Ee=e=>e.docs.find((t=>t.id===e.mainDocId));const Se={default:oe,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:a,...o}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,se.Z)(),f=(0,pe.l)(),{search:p,hash:m}=(0,s.TH)(),g=[...n,...c.map((e=>{const n=`${`pathname://${f.createUrl({locale:e,fullyQualified:!1})}`}${p}${m}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...a],h=t?(0,u.I)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return r.createElement(fe,(0,l.Z)({},o,{mobile:t,label:r.createElement(r.Fragment,null,r.createElement(me,{className:ge}),h),items:g}))},search:function(e){let{mobile:t,className:n}=e;return t?null:r.createElement(be,{className:n},r.createElement(he.Z,null))},dropdown:fe,html:function(e){let{value:t,className:n,mobile:o=!1,isDropdownItem:i=!1}=e;const l=i?"li":"div";return r.createElement(l,{className:(0,a.Z)({navbar__item:!o&&!i,"menu__list-item":o},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:a,...o}=e;const{activeDoc:i}=(0,ye.Iw)(a),s=(0,we.vY)(t,a);return null===s?null:r.createElement(oe,(0,l.Z)({exact:!0},o,{isActive:()=>i?.path===s.path||!!i?.sidebar&&i.sidebar===s.sidebar,label:n??s.id,to:s.path}))},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:a,...o}=e;const{activeDoc:i}=(0,ye.Iw)(a),s=(0,we.oz)(t,a).link;if(!s)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return r.createElement(oe,(0,l.Z)({exact:!0},o,{isActive:()=>i?.sidebar===t,label:n??s.label,to:s.path}))},docsVersion:function(e){let{label:t,to:n,docsPluginId:a,...o}=e;const i=(0,we.lO)(a)[0],s=t??i.label,u=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return r.createElement(oe,(0,l.Z)({},o,{label:s,to:u}))},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:a,dropdownItemsBefore:o,dropdownItemsAfter:i,...c}=e;const{search:d,hash:f}=(0,s.TH)(),p=(0,ye.Iw)(n),m=(0,ye.gB)(n),{savePreferredVersionName:g}=(0,ke.J)(n),h=[...o,...m.map((e=>{const t=p.alternateDocVersions[e.name]??Ee(e);return{label:e.label,to:`${t.path}${d}${f}`,isActive:()=>e===p.activeVersion,onClick:()=>g(e.name)}})),...i],v=(0,we.lO)(n)[0],b=t&&h.length>1?(0,u.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):v.label,y=t&&h.length>1?void 0:Ee(v).path;return h.length<=1?r.createElement(oe,(0,l.Z)({},c,{mobile:t,label:b,to:y,isActive:a?()=>!1:void 0})):r.createElement(fe,(0,l.Z)({},c,{mobile:t,label:b,to:y,items:h,isActive:a?()=>!1:void 0}))}};function Ce(e){let{type:t,...n}=e;const a=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Se[a];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return r.createElement(o,n)}function xe(){const e=(0,A.e)(),t=(0,w.L)().navbar.items;return r.createElement("ul",{className:"menu__list"},t.map(((t,n)=>r.createElement(Ce,(0,l.Z)({mobile:!0},t,{onClick:()=>e.toggle(),key:n})))))}function Te(e){return r.createElement("button",(0,l.Z)({},e,{type:"button",className:"clean-btn navbar-sidebar__back"}),r.createElement(u.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)"},"\u2190 Back to main menu"))}function _e(){const e=0===(0,w.L)().navbar.items.length,t=M();return r.createElement(r.Fragment,null,!e&&r.createElement(Te,{onClick:()=>t.hide()}),t.content)}function Le(){const e=(0,A.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?r.createElement(F,{header:r.createElement(Q,null),primaryMenu:r.createElement(xe,null),secondaryMenu:r.createElement(_e,null)}):null}const Ae={navbarHideable:"navbarHideable_bChn",navbarHidden:"navbarHidden_zsXl"};function Ne(e){return r.createElement("div",(0,l.Z)({role:"presentation"},e,{className:(0,a.Z)("navbar-sidebar__backdrop",e.className)}))}function Re(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:o}}=(0,w.L)(),i=(0,A.e)(),{navbarRef:l,isNavbarVisible:s}=function(e){const[t,n]=(0,r.useState)(e),a=(0,r.useRef)(!1),o=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(o.current=e.getBoundingClientRect().height)}),[]);return(0,N.RF)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i=l?n(!1):i+u{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return a.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return r.createElement("nav",{ref:l,"aria-label":(0,u.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,a.Z)("navbar","navbar--fixed-top",n&&[Ae.navbarHideable,!s&&Ae.navbarHidden],{"navbar--dark":"dark"===o,"navbar--primary":"primary"===o,"navbar-sidebar--show":i.shown})},t,r.createElement(Ne,{onClick:i.toggle}),r.createElement(Le,null))}var Pe=n(6744);const Oe={errorBoundaryError:"errorBoundaryError_FiLL"};function De(e){return r.createElement("button",(0,l.Z)({type:"button"},e),r.createElement(u.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error"},"Try again"))}function Ie(e){let{error:t}=e;const n=(0,Pe.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return r.createElement("p",{className:Oe.errorBoundaryError},n)}class Me extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const Fe="right";function Be(e){let{width:t=30,height:n=30,className:a,...o}=e;return r.createElement("svg",(0,l.Z)({className:a,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true"},o),r.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"}))}function ze(){const{toggle:e,shown:t}=(0,A.e)();return r.createElement("button",{onClick:e,"aria-label":(0,u.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button"},r.createElement(Be,null))}const je={colorModeToggle:"colorModeToggle_Hg9V"};function $e(e){let{items:t}=e;return r.createElement(r.Fragment,null,t.map(((e,t)=>r.createElement(Me,{key:t,onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t})},r.createElement(Ce,e)))))}function Ue(e){let{left:t,right:n}=e;return r.createElement("div",{className:"navbar__inner"},r.createElement("div",{className:"navbar__items"},t),r.createElement("div",{className:"navbar__items navbar__items--right"},n))}function qe(){const e=(0,A.e)(),t=(0,w.L)().navbar.items,[n,a]=function(e){function t(e){return"left"===(e.position??Fe)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return r.createElement(Ue,{left:r.createElement(r.Fragment,null,!e.disabled&&r.createElement(ze,null),r.createElement(W,null),r.createElement($e,{items:n})),right:r.createElement(r.Fragment,null,r.createElement($e,{items:a}),r.createElement(Z,{className:je.colorModeToggle}),!o&&r.createElement(be,null,r.createElement(he.Z,null)))})}function He(){return r.createElement(Re,null,r.createElement(qe,null))}function Ge(e){let{item:t}=e;const{to:n,href:a,label:o,prependBaseUrlToHref:i,...s}=t,u=(0,X.Z)(n),c=(0,X.Z)(a,{forcePrependBaseUrl:!0});return r.createElement(K.Z,(0,l.Z)({className:"footer__link-item"},a?{href:i?c:a}:{to:u},s),o,a&&!(0,J.Z)(a)&&r.createElement(te.Z,null))}function Ze(e){let{item:t}=e;return t.html?r.createElement("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):r.createElement("li",{key:t.href??t.to,className:"footer__item"},r.createElement(Ge,{item:t}))}function Ve(e){let{column:t}=e;return r.createElement("div",{className:"col footer__col"},r.createElement("div",{className:"footer__title"},t.title),r.createElement("ul",{className:"footer__items clean-list"},t.items.map(((e,t)=>r.createElement(Ze,{key:t,item:e})))))}function We(e){let{columns:t}=e;return r.createElement("div",{className:"row footer__links"},t.map(((e,t)=>r.createElement(Ve,{key:t,column:e}))))}function Ye(){return r.createElement("span",{className:"footer__link-separator"},"\xb7")}function Qe(e){let{item:t}=e;return t.html?r.createElement("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):r.createElement(Ge,{item:t})}function Ke(e){let{links:t}=e;return r.createElement("div",{className:"footer__links text--center"},r.createElement("div",{className:"footer__links"},t.map(((e,n)=>r.createElement(r.Fragment,{key:n},r.createElement(Qe,{item:e}),t.length!==n+1&&r.createElement(Ye,null))))))}function Xe(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?r.createElement(We,{columns:t}):r.createElement(Ke,{links:t})}var Je=n(709);const et={footerLogoLink:"footerLogoLink_zxYv"};function tt(e){let{logo:t}=e;const{withBaseUrl:n}=(0,X.C)(),o={light:n(t.src),dark:n(t.srcDark??t.src)};return r.createElement(Je.Z,{className:(0,a.Z)("footer__logo",t.className),alt:t.alt,sources:o,width:t.width,height:t.height,style:t.style})}function nt(e){let{logo:t}=e;return t.href?r.createElement(K.Z,{href:t.href,className:et.footerLogoLink,target:t.target},r.createElement(tt,{logo:t})):r.createElement(tt,{logo:t})}function rt(e){let{copyright:t}=e;return r.createElement("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function at(e){let{style:t,links:n,logo:o,copyright:i}=e;return r.createElement("footer",{className:(0,a.Z)("footer",{"footer--dark":"dark"===t})},r.createElement("div",{className:"container container-fluid"},n,(o||i)&&r.createElement("div",{className:"footer__bottom text--center"},o&&r.createElement("div",{className:"margin-bottom--sm"},o),i)))}function ot(){const{footer:e}=(0,w.L)();if(!e)return null;const{copyright:t,links:n,logo:a,style:o}=e;return r.createElement(at,{style:o,links:n&&n.length>0&&r.createElement(Xe,{links:n}),logo:a&&r.createElement(nt,{logo:a}),copyright:t&&r.createElement(rt,{copyright:t})})}const it=r.memo(ot),lt=(0,R.Qc)([B.S,k.pl,N.OC,ke.L5,i.VC,function(e){let{children:t}=e;return r.createElement(P.n2,null,r.createElement(A.M,null,r.createElement(D,null,t)))}]);function st(e){let{children:t}=e;return r.createElement(lt,null,t)}function ut(e){let{error:t,tryAgain:n}=e;return r.createElement("main",{className:"container margin-vert--xl"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col col--6 col--offset-3"},r.createElement("h1",{className:"hero__title"},r.createElement(u.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed"},"This page crashed.")),r.createElement("div",{className:"margin-vert--lg"},r.createElement(De,{onClick:n,className:"button button--primary shadow--lw"})),r.createElement("hr",null),r.createElement("div",{className:"margin-vert--md"},r.createElement(Ie,{error:t})))))}const ct={mainWrapper:"mainWrapper_UyTV"};function dt(e){const{children:t,noFooter:n,wrapperClassName:l,title:s,description:u}=e;return(0,v.t)(),r.createElement(st,null,r.createElement(i.d,{title:s,description:u}),r.createElement(y,null),r.createElement(L,null),r.createElement(He,null),r.createElement("div",{id:d,className:(0,a.Z)(h.k.wrapper.main,ct.mainWrapper,l)},r.createElement(o.Z,{fallback:e=>r.createElement(ut,e)},t)),!n&&r.createElement(it,null))}},4633:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});var r=n(7896),a=n(2784),o=n(2896),i=n(4198),l=n(5837),s=n(6371),u=n(709);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const o={light:(0,i.Z)(t.src),dark:(0,i.Z)(t.srcDark||t.src)},l=a.createElement(u.Z,{className:t.className,sources:o,height:t.height,width:t.width,alt:n,style:t.style});return r?a.createElement("div",{className:r},l):l}function d(e){const{siteConfig:{title:t}}=(0,l.Z)(),{navbar:{title:n,logo:u}}=(0,s.L)(),{imageClassName:d,titleClassName:f,...p}=e,m=(0,i.Z)(u?.href||"/"),g=n?"":t,h=u?.alt??g;return a.createElement(o.Z,(0,r.Z)({to:m},p,u?.target&&{target:u.target}),u&&a.createElement(c,{logo:u,alt:h,imageClassName:d}),null!=n&&a.createElement("b",{className:f},n))}},957:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(2784),a=n(8428);function o(e){let{locale:t,version:n,tag:o}=e;const i=t;return r.createElement(a.Z,null,t&&r.createElement("meta",{name:"docusaurus_locale",content:t}),n&&r.createElement("meta",{name:"docusaurus_version",content:n}),o&&r.createElement("meta",{name:"docusaurus_tag",content:o}),i&&r.createElement("meta",{name:"docsearch:language",content:i}),n&&r.createElement("meta",{name:"docsearch:version",content:n}),o&&r.createElement("meta",{name:"docsearch:docusaurus_tag",content:o}))}},709:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var r=n(7896),a=n(2784),o=n(6277),i=n(6930),l=n(5869);const s={themedImage:"themedImage_RWGG","themedImage--light":"themedImage--light_riBm","themedImage--dark":"themedImage--dark_Dsi0"};function u(e){const t=(0,i.Z)(),{colorMode:n}=(0,l.I)(),{sources:u,className:c,alt:d,...f}=e,p=t?"dark"===n?["dark"]:["light"]:["light","dark"];return a.createElement(a.Fragment,null,p.map((e=>a.createElement("img",(0,r.Z)({key:e,src:u[e],alt:d,className:(0,o.Z)(s.themedImage,s[`themedImage--${e}`],c)},f)))))}},9782:(e,t,n)=>{"use strict";n.d(t,{u:()=>l,z:()=>h});var r=n(7896),a=n(2784),o=n(2153);const i="ease-in-out";function l(e){let{initialState:t}=e;const[n,r]=(0,a.useState)(t??!1),o=(0,a.useCallback)((()=>{r((e=>!e))}),[]);return{collapsed:n,setCollapsed:r,toggleCollapsed:o}}const s={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function c(e,t){const n=t?s:u;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function d(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}function f(e){let{collapsibleRef:t,collapsed:n,animation:r}=e;const o=(0,a.useRef)(!1);(0,a.useEffect)((()=>{const e=t.current;function a(){const t=function(){const t=e.scrollHeight;return{transition:`height ${r?.duration??d(t)}ms ${r?.easing??i}`,height:`${t}px`}}();e.style.transition=t.transition,e.style.height=t.height}if(!o.current)return c(e,n),void(o.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(a(),requestAnimationFrame((()=>{e.style.height=s.height,e.style.overflow=s.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{a()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,r])}function p(e){if(!o.Z.canUseDOM)return e?s:u}function m(e){let{as:t="div",collapsed:n,children:r,animation:o,onCollapseTransitionEnd:i,className:l,disableSSRStyle:s}=e;const u=(0,a.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:o}),a.createElement(t,{ref:u,style:s?void 0:p(n),onTransitionEnd:e=>{"height"===e.propertyName&&(c(u.current,n),i?.(n))},className:l},r)}function g(e){let{collapsed:t,...n}=e;const[o,i]=(0,a.useState)(!t),[l,s]=(0,a.useState)(t);return(0,a.useLayoutEffect)((()=>{t||i(!0)}),[t]),(0,a.useLayoutEffect)((()=>{o&&s(t)}),[o,t]),o?a.createElement(m,(0,r.Z)({},n,{collapsed:l})):null}function h(e){let{lazy:t,...n}=e;const r=t?g:m;return a.createElement(r,n)}},5830:(e,t,n)=>{"use strict";n.d(t,{nT:()=>m,pl:()=>p});var r=n(2784),a=n(6930),o=n(1495),i=n(1661),l=n(6371);const s=(0,o.WA)("docusaurus.announcement.dismiss"),u=(0,o.WA)("docusaurus.announcement.id"),c=()=>"true"===s.get(),d=e=>s.set(String(e)),f=r.createContext(null);function p(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,l.L)(),t=(0,a.Z)(),[n,o]=(0,r.useState)((()=>!!t&&c()));(0,r.useEffect)((()=>{o(c())}),[]);const i=(0,r.useCallback)((()=>{d(!0),o(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&d(!1),!r&&c()||o(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return r.createElement(f.Provider,{value:n},t)}function m(){const e=(0,r.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},5869:(e,t,n)=>{"use strict";n.d(t,{I:()=>h,S:()=>g});var r=n(2784),a=n(2153),o=n(1661),i=n(1495),l=n(6371);const s=r.createContext(void 0),u="theme",c=(0,i.WA)(u),d={light:"light",dark:"dark"},f=e=>e===d.dark?d.dark:d.light,p=e=>a.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),m=e=>{c.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.L)(),[a,o]=(0,r.useState)(p(e));(0,r.useEffect)((()=>{t&&c.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:a=!0}=r;t?(o(t),a&&m(t)):(o(n?window.matchMedia("(prefers-color-scheme: dark)").matches?d.dark:d.light:e),c.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(a))}),[a]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=c.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const s=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:a,setColorMode:i,get isDarkTheme(){return a===d.dark},setLightTheme(){i(d.light)},setDarkTheme(){i(d.dark)}})),[a,i])}();return r.createElement(s.Provider,{value:n},t)}function h(){const e=(0,r.useContext)(s);if(null==e)throw new o.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},3855:(e,t,n)=>{"use strict";n.d(t,{J:()=>b,L5:()=>h});var r=n(2784),a=n(429),o=n(9240),i=n(6371),l=n(9450),s=n(1661),u=n(1495);const c=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,u.WA)(c(e),{persistence:t}).set(n)},read:(e,t)=>(0,u.WA)(c(e),{persistence:t}).get(),clear:(e,t)=>{(0,u.WA)(c(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const p=r.createContext(null);function m(){const e=(0,a._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[o,l]=(0,r.useState)((()=>f(n)));(0,r.useEffect)((()=>{l(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function a(e){const t=d.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,a(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[o,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),l((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function g(e){let{children:t}=e;const n=m();return r.createElement(p.Provider,{value:n},t)}function h(e){let{children:t}=e;return l.cE?r.createElement(g,null,t):r.createElement(r.Fragment,null,t)}function v(){const e=(0,r.useContext)(p);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function b(e){void 0===e&&(e=o.m);const t=(0,a.zh)(e),[n,i]=v(),{preferredVersionName:l}=n[e];return{preferredVersion:t.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},3504:(e,t,n)=>{"use strict";n.d(t,{V:()=>s,b:()=>l});var r=n(2784),a=n(1661);const o=Symbol("EmptyContext"),i=r.createContext(o);function l(e){let{children:t,name:n,items:a}=e;const o=(0,r.useMemo)((()=>n&&a?{name:n,items:a}:null),[n,a]);return r.createElement(i.Provider,{value:o},t)}function s(){const e=(0,r.useContext)(i);if(e===o)throw new a.i6("DocsSidebarProvider");return e}},2993:(e,t,n)=>{"use strict";n.d(t,{E:()=>l,q:()=>i});var r=n(2784),a=n(1661);const o=r.createContext(null);function i(e){let{children:t,version:n}=e;return r.createElement(o.Provider,{value:n},t)}function l(){const e=(0,r.useContext)(o);if(null===e)throw new a.i6("DocsVersionProvider");return e}},4890:(e,t,n)=>{"use strict";n.d(t,{M:()=>f,e:()=>p});var r=n(2784),a=n(3970),o=n(6086),i=n(7267),l=(n(3100),n(1661));function s(e){!function(e){const t=(0,i.k6)(),n=(0,l.zX)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}var u=n(6371);const c=r.createContext(void 0);function d(){const e=function(){const e=(0,a.HY)(),{items:t}=(0,u.L)().navbar;return 0===t.length&&!e.component}(),t=(0,o.i)(),n=!e&&"mobile"===t,[i,l]=(0,r.useState)(!1);s((()=>{if(i)return l(!1),!1}));const c=(0,r.useCallback)((()=>{l((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&l(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:c,shown:i})),[e,n,c,i])}function f(e){let{children:t}=e;const n=d();return r.createElement(c.Provider,{value:n},t)}function p(){const e=r.useContext(c);if(void 0===e)throw new l.i6("NavbarMobileSidebarProvider");return e}},3970:(e,t,n)=>{"use strict";n.d(t,{HY:()=>l,Zo:()=>s,n2:()=>i});var r=n(2784),a=n(1661);const o=r.createContext(null);function i(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return r.createElement(o.Provider,{value:n},t)}function l(){const e=(0,r.useContext)(o);if(!e)throw new a.i6("NavbarSecondaryMenuContentProvider");return e[0]}function s(e){let{component:t,props:n}=e;const i=(0,r.useContext)(o);if(!i)throw new a.i6("NavbarSecondaryMenuContentProvider");const[,l]=i,s=(0,a.Ql)(n);return(0,r.useEffect)((()=>{l({component:t,props:s})}),[l,t,s]),(0,r.useEffect)((()=>()=>l({component:null,props:null})),[l]),null}},1869:(e,t,n)=>{"use strict";n.d(t,{h:()=>a,t:()=>o});var r=n(2784);const a="navigation-with-keyboard";function o(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(a),"mousedown"===e.type&&document.body.classList.remove(a)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(a),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},6086:(e,t,n)=>{"use strict";n.d(t,{i:()=>u});var r=n(2784),a=n(2153);const o={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function l(){return a.Z.canUseDOM?window.innerWidth>i?o.desktop:o.mobile:o.ssr}const s=!1;function u(){const[e,t]=(0,r.useState)((()=>s?"ssr":l()));return(0,r.useEffect)((()=>{function e(){t(l())}const n=s?window.setTimeout(e,1e3):void 0;return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),clearTimeout(n)}}),[]),e}},5138:(e,t,n)=>{"use strict";n.d(t,{k:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},9450:(e,t,n)=>{"use strict";n.d(t,{MN:()=>x,Wl:()=>m,_F:()=>b,cE:()=>f,jA:()=>g,xz:()=>p,hI:()=>C,lO:()=>k,vY:()=>S,oz:()=>E,s1:()=>w});var r=n(2784),a=n(7267),o=n(9702),i=n(429),l=n(3855),s=n(2993),u=n(3504);function c(e){return Array.from(new Set(e))}var d=n(9846);const f=!!i._r;function p(e){const t=(0,s.E)();if(!e)return;const n=t.docs[e];if(!n)throw new Error(`no version doc found by id=${e}`);return n}function m(e){if(e.href)return e.href;for(const t of e.items){if("link"===t.type)return t.href;if("category"===t.type){const e=m(t);if(e)return e}}}function g(){const{pathname:e}=(0,a.TH)(),t=(0,u.V)();if(!t)throw new Error("Unexpected: cant find current sidebar in context");const n=y({sidebarItems:t.items,pathname:e,onlyCategories:!0}).slice(-1)[0];if(!n)throw new Error(`${e} is not associated with a category. useCurrentSidebarCategory() should only be used on category index pages.`);return n}const h=(e,t)=>void 0!==e&&(0,d.Mg)(e,t),v=(e,t)=>e.some((e=>b(e,t)));function b(e,t){return"link"===e.type?h(e.href,t):"category"===e.type&&(h(e.href,t)||v(e.items,t))}function y(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const a=[];return function e(t){for(const o of t)if("category"===o.type&&((0,d.Mg)(o.href,n)||e(o.items))||"link"===o.type&&(0,d.Mg)(o.href,n)){return r&&"category"!==o.type||a.unshift(o),!0}return!1}(t),a}function w(){const e=(0,u.V)(),{pathname:t}=(0,a.TH)(),n=(0,i.gA)()?.pluginData.breadcrumbs;return!1!==n&&e?y({sidebarItems:e.items,pathname:t}):null}function k(e){const{activeVersion:t}=(0,i.Iw)(e),{preferredVersion:n}=(0,l.J)(e),a=(0,i.yW)(e);return(0,r.useMemo)((()=>c([t,n,a].filter(Boolean))),[t,n,a])}function E(e,t){const n=k(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${Object.keys(t).join("\n- ")}`);return r[1]}),[e,n])}function S(e,t){const n=k(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${c(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function C(e){let{route:t,versionMetadata:n}=e;const r=(0,a.TH)(),i=t.routes,l=i.find((e=>(0,a.LX)(r.pathname,e)));if(!l)return null;const s=l.sidebar,u=s?n.docsSidebars[s]:void 0;return{docElement:(0,o.H)(i),sidebarName:s,sidebarItems:u}}function x(e){return e.filter((e=>"category"!==e.type||!!m(e)))}},5982:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>c,VC:()=>p});var r=n(2784),a=n(6277),o=n(8428),i=n(4789);function l(){const e=r.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(4198),u=n(5837);function c(e){let{title:t,description:n,keywords:a,image:i,children:l}=e;const c=function(e){const{siteConfig:t}=(0,u.Z)(),{title:n,titleDelimiter:r}=t;return e?.trim().length?`${e.trim()} ${r} ${n}`:n}(t),{withBaseUrl:d}=(0,s.C)(),f=i?d(i,{absolute:!0}):void 0;return r.createElement(o.Z,null,t&&r.createElement("title",null,c),t&&r.createElement("meta",{property:"og:title",content:c}),n&&r.createElement("meta",{name:"description",content:n}),n&&r.createElement("meta",{property:"og:description",content:n}),a&&r.createElement("meta",{name:"keywords",content:Array.isArray(a)?a.join(","):a}),f&&r.createElement("meta",{property:"og:image",content:f}),f&&r.createElement("meta",{name:"twitter:image",content:f}),l)}const d=r.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=r.useContext(d),l=(0,a.Z)(i,t);return r.createElement(d.Provider,{value:l},r.createElement(o.Z,null,r.createElement("html",{className:l})),n)}function p(e){let{children:t}=e;const n=l(),o=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const i=`plugin-id-${n.plugin.id}`;return r.createElement(f,{className:(0,a.Z)(o,i)},t)}},1661:(e,t,n)=>{"use strict";n.d(t,{D9:()=>i,Qc:()=>u,Ql:()=>s,i6:()=>l,zX:()=>o});var r=n(2784);const a=n(2153).Z.canUseDOM?r.useLayoutEffect:r.useEffect;function o(e){const t=(0,r.useRef)(e);return a((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function i(e){const t=(0,r.useRef)();return a((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function s(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return r.createElement(r.Fragment,null,e.reduceRight(((e,t)=>r.createElement(t,null,e)),n))}}},9846:(e,t,n)=>{"use strict";n.d(t,{Mg:()=>i,Ns:()=>l});var r=n(2784),a=n(2063),o=n(5837);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function l(){const{baseUrl:e}=(0,o.Z)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function a(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(a).flatMap((e=>e.routes??[])))}(n)}({routes:a.Z,baseUrl:e})),[e])}},6152:(e,t,n)=>{"use strict";n.d(t,{Ct:()=>f,OC:()=>s,RF:()=>d});var r=n(2784),a=n(2153),o=n(6930),i=n(1661);const l=r.createContext(void 0);function s(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return r.createElement(l.Provider,{value:n},t)}function u(){const e=(0,r.useContext)(l);if(null==e)throw new i.i6("ScrollControllerProvider");return e}const c=()=>a.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),a=(0,r.useRef)(c()),o=(0,i.zX)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=c();o(e,a.current),a.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[o,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,o.Z)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const a=document.documentElement.scrollTop;(n&&a>e||!n&&at&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},2217:(e,t,n)=>{"use strict";n.d(t,{HX:()=>r,os:()=>a});n(5837);const r="default";function a(e,t){return`docs-${e}-${t}`}},1495:(e,t,n)=>{"use strict";n.d(t,{WA:()=>s});n(2784),n(3100);const r="localStorage";function a(e){let{key:t,oldValue:n,newValue:r,storage:a}=e;if(n===r)return;const o=document.createEvent("StorageEvent");o.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,a),window.dispatchEvent(o)}function o(e){if(void 0===e&&(e=r),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=o(t?.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const r=n.getItem(e);n.setItem(e,t),a({key:e,oldValue:r,newValue:t,storage:n})}catch(r){console.error(`Docusaurus storage error, can't set ${e}=${t}`,r)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),a({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const r=r=>{r.storageArea===n&&r.key===e&&t(r)};return window.addEventListener("storage",r),()=>window.removeEventListener("storage",r)}catch(r){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,r),()=>{}}}}}},8345:(e,t,n)=>{"use strict";n.d(t,{l:()=>o});var r=n(5837),a=n(7267);function o(){const{siteConfig:{baseUrl:e,url:t},i18n:{defaultLocale:n,currentLocale:o}}=(0,r.Z)(),{pathname:i}=(0,a.TH)(),l=o===n?e:e.replace(`/${o}/`,"/"),s=i.replace(e,"");return{createUrl:function(e){let{locale:r,fullyQualified:a}=e;return`${a?t:""}${function(e){return e===n?`${l}`:`${l}${e}/`}(r)}${s}`}}}},2462:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var r=n(2784),a=n(7267),o=n(1661);function i(e){const t=(0,a.TH)(),n=(0,o.D9)(t),i=(0,o.zX)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},6371:(e,t,n)=>{"use strict";n.d(t,{L:()=>a});var r=n(5837);function a(){return(0,r.Z)().siteConfig.themeConfig}},9321:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[a]=e.split(/[#?]/),o="/"===a||a===r?a:(i=a,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(a,o)}},1008:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},6744:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="post-content";var a=n(9321);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return r(a).default}});var o=n(1008);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return o.getErrorCausalChain}})},2063:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});var r=n(2784),a=n(7896),o=n(9028),i=n.n(o),l=n(6887);const s={"02e3a03e":[()=>Promise.all([n.e(371),n.e(243)]).then(n.bind(n,118)),"@site/docs/setting-up-video-qualities.mdx",118],"11622df9":[()=>n.e(351).then(n.bind(n,2114)),"@site/docs/components/fullscreen-buttons.mdx",2114],"14eb3368":[()=>Promise.all([n.e(532),n.e(817)]).then(n.bind(n,7680)),"@theme/DocCategoryGeneratedIndexPage",7680],17896441:[()=>Promise.all([n.e(532),n.e(231),n.e(918)]).then(n.bind(n,7050)),"@theme/DocItem",7050],"1be78505":[()=>Promise.all([n.e(532),n.e(514)]).then(n.bind(n,9002)),"@theme/DocPage",9002],"1db64337":[()=>n.e(372).then(n.bind(n,7084)),"@site/docs/overview.md",7084],"1f391b9e":[()=>Promise.all([n.e(532),n.e(231),n.e(85)]).then(n.bind(n,6827)),"@theme/MDXPage",6827],"31ac4d97":[()=>n.e(796).then(n.t.bind(n,4162,19)),"~docs/default/category-custoplayer-tutorialsidebar-category-components-a50.json",4162],"393be207":[()=>n.e(414).then(n.bind(n,580)),"@site/src/pages/markdown-page.md",580],"525d8e6d":[()=>n.e(79).then(n.bind(n,4549)),"@site/docs/components/play-buttons.mdx",4549],"5590c7f2":[()=>n.e(722).then(n.t.bind(n,3769,19)),"/Users/maa48/coding/Custoplayer/sites/custoplayer-docs/.docusaurus/docusaurus-plugin-content-docs/default/plugin-route-context-module-100.json",3769],"6cddd07e":[()=>Promise.all([n.e(371),n.e(995)]).then(n.bind(n,4550)),"@site/docs/setting-up-subtitles.mdx",4550],"6cf79a87":[()=>Promise.all([n.e(371),n.e(217),n.e(477)]).then(n.bind(n,7260)),"@site/docs/preview-tooltip.mdx",7260],"72a427b3":[()=>n.e(360).then(n.bind(n,7711)),"@site/docs/contributing.mdx",7711],"935f2afb":[()=>n.e(53).then(n.t.bind(n,1109,19)),"~docs/default/version-current-metadata-prop-751.json",1109],"9951fc4d":[()=>Promise.all([n.e(371),n.e(63)]).then(n.bind(n,9444)),"@site/docs/homepage.mdx",9444],a26d6ac3:[()=>n.e(670).then(n.bind(n,1811)),"@site/docs/other-properties.mdx",1811],a874854d:[()=>n.e(286).then(n.bind(n,2733)),"@site/docs/components/Time.mdx",2733],a9f085b9:[()=>n.e(123).then(n.bind(n,8188)),"@site/docs/components/progress-bars.mdx",8188],afc1c92d:[()=>n.e(617).then(n.bind(n,5382)),"@site/docs/license.mdx",5382],bdd177e8:[()=>n.e(916).then(n.bind(n,6271)),"@site/docs/components/Volume.mdx",6271],c179f821:[()=>Promise.all([n.e(371),n.e(699)]).then(n.bind(n,2495)),"@site/docs/quick-start.mdx",2495],c8a4175e:[()=>n.e(872).then(n.t.bind(n,5745,19)),"/Users/maa48/coding/Custoplayer/sites/custoplayer-docs/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],e974c2ca:[()=>n.e(542).then(n.bind(n,9910)),"@site/docs/components/settings-button.mdx",9910]};function u(e){let{error:t,retry:n,pastDelay:a}=e;return t?r.createElement("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"}},r.createElement("p",null,String(t)),r.createElement("div",null,r.createElement("button",{type:"button",onClick:n},"Retry"))):a?r.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"}},r.createElement("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb"},r.createElement("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},r.createElement("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),r.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},r.createElement("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),r.createElement("circle",{cx:"22",cy:"22",r:"8"},r.createElement("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"}))))):null}var c=n(7911),d=n(4789);function f(e,t){if("*"===e)return i()({loading:u,loader:()=>n.e(109).then(n.bind(n,5109)),modules:["@theme/NotFound"],webpack:()=>[5109],render(e,t){const n=e.default;return r.createElement(d.z,{value:{plugin:{name:"native",id:"default"}}},r.createElement(n,t))}});const o=l[`${e}-${t}`],f={},p=[],m=[],g=(0,c.Z)(o);return Object.entries(g).forEach((e=>{let[t,n]=e;const r=s[n];r&&(f[t]=r[0],p.push(r[1]),m.push(r[2]))})),i().Map({loading:u,loader:f,modules:p,webpack:()=>m,render(t,n){const i=JSON.parse(JSON.stringify(o));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let o=i;const l=n.split(".");l.slice(0,-1).forEach((e=>{o=o[e]})),o[l[l.length-1]]=a}));const l=i.__comp;delete i.__comp;const s=i.__context;return delete i.__context,r.createElement(d.z,{value:s},r.createElement(l,(0,a.Z)({},i,n)))}})}const p=[{path:"/Custoplayer/markdown-page",component:f("/Custoplayer/markdown-page","f97"),exact:!0},{path:"/Custoplayer/",component:f("/Custoplayer/","724"),routes:[{path:"/Custoplayer/",component:f("/Custoplayer/","bcb"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/category/components",component:f("/Custoplayer/category/components","59d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/components/fullscreen-buttons",component:f("/Custoplayer/components/fullscreen-buttons","41b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/components/play-buttons",component:f("/Custoplayer/components/play-buttons","c30"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/components/progress-bars",component:f("/Custoplayer/components/progress-bars","86f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/components/settings-button",component:f("/Custoplayer/components/settings-button","4e3"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/components/Time",component:f("/Custoplayer/components/Time","0fd"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/components/Volume",component:f("/Custoplayer/components/Volume","966"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/contributing",component:f("/Custoplayer/contributing","03c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/license",component:f("/Custoplayer/license","f77"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/other-properties",component:f("/Custoplayer/other-properties","bdf"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/overview",component:f("/Custoplayer/overview","8d1"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/preview-tooltip",component:f("/Custoplayer/preview-tooltip","cbb"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/quick-start",component:f("/Custoplayer/quick-start","74b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/setting-up-subtitles",component:f("/Custoplayer/setting-up-subtitles","3cd"),exact:!0,sidebar:"tutorialSidebar"},{path:"/Custoplayer/setting-up-video-qualities",component:f("/Custoplayer/setting-up-video-qualities","0ec"),exact:!0,sidebar:"tutorialSidebar"}]},{path:"*",component:f("*")}]},6277:(e,t,n)=>{"use strict";function r(e){var t,n,a="";if("string"==typeof e||"number"==typeof e)a+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;ta});const a=function(){for(var e,t,n=0,a="";n{"use strict";n.d(t,{lX:()=>w,q_:()=>T,ob:()=>p,PP:()=>L,Ep:()=>f});var r=n(7896);function a(e){return"/"===e.charAt(0)}function o(e,t){for(var n=t,r=n+1,a=e.length;r=0;f--){var p=i[f];"."===p?o(i,f):".."===p?(o(i,f),d++):d&&(o(i,f),d--)}if(!u)for(;d--;d)i.unshift("..");!u||""===i[0]||i[0]&&a(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var l=n(362);function s(e){return"/"===e.charAt(0)?e:"/"+e}function u(e){return"/"===e.charAt(0)?e.substr(1):e}function c(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function f(e){var t=e.pathname,n=e.search,r=e.hash,a=t||"/";return n&&"?"!==n&&(a+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(a+="#"===r.charAt(0)?r:"#"+r),a}function p(e,t,n,a){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",r="",a=t.indexOf("#");-1!==a&&(r=t.substr(a),t=t.substr(0,a));var o=t.indexOf("?");return-1!==o&&(n=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),o.state=t):(void 0===(o=(0,r.Z)({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(o.key=n),a?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=i(o.pathname,a.pathname)):o.pathname=a.pathname:o.pathname||(o.pathname="/"),o}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,a){if(null!=e){var o="function"==typeof e?e(t,n):e;"string"==typeof o?"function"==typeof r?r(o,a):a(!0):a(!1!==o)}else a(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;rt?n.splice(t,n.length-t,a):n.push(a),d({action:r,location:a,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",a=p(e,t,g(),w.location);c.confirmTransitionTo(a,r,n,(function(e){e&&(w.entries[w.index]=a,d({action:r,location:a}))}))},go:y,goBack:function(){y(-1)},goForward:function(){y(1)},canGo:function(e){var t=w.index+e;return t>=0&&t{"use strict";var r=n(8570),a={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return r.isMemo(e)?i:l[e.$$typeof]||a}l[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[r.Memo]=i;var u=Object.defineProperty,c=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,f=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var a=p(n);a&&a!==m&&e(t,a,r)}var i=c(n);d&&(i=i.concat(d(n)));for(var l=s(t),g=s(n),h=0;h{"use strict";e.exports=function(e,t,n,r,a,o,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,r,a,o,i,l],c=0;(s=new Error(t.replace(/%s/g,(function(){return u[c++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},7906:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},5749:(e,t,n)=>{"use strict";n.r(t)},1964:(e,t,n)=>{"use strict";n.r(t)},2521:function(e,t,n){var r,a;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'
'};function a(e,t,n){return en?n:e}function o(e){return 100*(-1+e)}function i(e,t,n){var a;return(a="translate3d"===r.positionUsing?{transform:"translate3d("+o(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+o(e)+"%,0)"}:{"margin-left":o(e)+"%"}).transition="all "+t+"ms "+n,a}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=a(e,r.minimum,1),n.status=1===e?null:e;var o=n.render(!t),u=o.querySelector(r.barSelector),c=r.speed,d=r.easing;return o.offsetWidth,l((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),s(u,i(e,c,d)),1===e?(s(o,{transition:"none",opacity:1}),o.offsetWidth,setTimeout((function(){s(o,{transition:"all "+c+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),c)}),c)):setTimeout(t,c)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*a(Math.random()*t,.1,.95)),t=a(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");c(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var a,i=t.querySelector(r.barSelector),l=e?"-100":o(n.status||0),u=document.querySelector(r.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),r.showSpinner||(a=t.querySelector(r.spinnerSelector))&&p(a),u!=document.body&&c(u,"nprogress-custom-parent"),u.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&p(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,a=e.length,o=t.charAt(0).toUpperCase()+t.slice(1);a--;)if((r=e[a]+o)in n)return r;return t}function a(e){return e=n(e),t[e]||(t[e]=r(e))}function o(e,t,n){t=a(t),e.style[t]=n}return function(e,t){var n,r,a=arguments;if(2==a.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&o(e,n,r);else o(e,a[1],a[2])}}();function u(e,t){return("string"==typeof e?e:f(e)).indexOf(" "+t+" ")>=0}function c(e,t){var n=f(e),r=n+t;u(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=f(e);u(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function f(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function p(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(a="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=a)},7175:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof a?new a(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&").replace(/=d.reach);S+=E.value.length,E=E.next){var C=E.value;if(t.length>e.length)return;if(!(C instanceof a)){var x,T=1;if(b){if(!(x=o(k,S,e,v))||x.index>=e.length)break;var _=x.index,L=x.index+x[0].length,A=S;for(A+=E.value.length;_>=A;)A+=(E=E.next).value.length;if(S=A-=E.value.length,E.value instanceof a)continue;for(var N=E;N!==t.tail&&(Ad.reach&&(d.reach=D);var I=E.prev;if(P&&(I=s(t,I,P),S+=P.length),u(t,I,T),E=s(t,I,new a(f,h?r.tokenize(R,h):R,y,R)),O&&s(t,E,O),T>1){var M={cause:f+","+m,reach:D};i(e,t,n,E.prev,S,M),d&&M.reach>d.reach&&(d.reach=M.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var r=t.next,a={value:n,prev:t,next:r};return t.next=a,r.prev=a,e.length++,a}function u(e,t,n){for(var r=t.next,a=0;a"+o.content+""},r}(),a=r;r.default=r,a.languages.markup={comment:{pattern://,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern://i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},a.languages.markup.tag.inside["attr-value"].inside.entity=a.languages.markup.entity,a.languages.markup.doctype.inside["internal-subset"].inside=a.languages.markup,a.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&/,"&"))})),Object.defineProperty(a.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^$)/i,lookbehind:!0,inside:a.languages[t]},n.cdata=/^$/i;var r={"included-cdata":{pattern://i,inside:n}};r["language-"+t]={pattern:/[\s\S]+/,inside:a.languages[t]};var o={};o[e]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:r},a.languages.insertBefore("markup","cdata",o)}}),Object.defineProperty(a.languages.markup.tag,"addAttribute",{value:function(e,t){a.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:a.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),a.languages.html=a.languages.markup,a.languages.mathml=a.languages.markup,a.languages.svg=a.languages.markup,a.languages.xml=a.languages.extend("markup",{}),a.languages.ssml=a.languages.xml,a.languages.atom=a.languages.xml,a.languages.rss=a.languages.xml,function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},r={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:r},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:r},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:r.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:r.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var a=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],o=r.variable[1].inside,i=0;i]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},a.languages.c=a.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),a.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),a.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},a.languages.c.string],char:a.languages.c.char,comment:a.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:a.languages.c}}}}),a.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete a.languages.c.boolean,function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!)\w+(?:\s*\.\s*\w+)*\b/.source.replace(//g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!)\w+/.source.replace(//g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/(?:\s*:\s*)?|:\s*/.source.replace(//g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(a),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(a),function(e){var t,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var r={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},a={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:r,number:a,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:r,number:a})}(a),a.languages.javascript=a.languages.extend("clike",{"class-name":[a.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),a.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,a.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:a.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:a.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:a.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:a.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:a.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),a.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:a.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),a.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),a.languages.markup&&(a.languages.markup.tag.addInlined("script","javascript"),a.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),a.languages.js=a.languages.javascript,function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(a),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",a=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-])(?:[ \t]*(?:(?![#:])|:))*/.source.replace(//g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),o=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<>/g,(function(){return r})).replace(/<>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)<>(?=\s*:\s)/.source.replace(/<>/g,(function(){return r})).replace(/<>/g,(function(){return"(?:"+a+"|"+o+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(o),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(a),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(//g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,a=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),o=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+a+o+"(?:"+a+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+a+o+")(?:"+a+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+a+")"+o+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+a+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)|_(?:(?!_))+_)+__\b|\*\*(?:(?!\*)|\*(?:(?!\*))+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)|__(?:(?!_))+__)+_\b|\*(?:(?!\*)|\*\*(?:(?!\*))+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~))+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\]))+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\]))+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(a),a.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:a.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},a.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n0)){var l=f(/^\{$/,/^\}$/);if(-1===l)continue;for(var s=n;s=0&&p(u,"variable-input")}}}}function c(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,a=r.inside["interpolation-punctuation"],o=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(e,t){return"___"+t.toUpperCase()+"_"+e+"___"}function s(t,n,r){var a={code:t,grammar:n,language:r};return e.hooks.run("before-tokenize",a),a.tokens=e.tokenize(a.code,a.grammar),e.hooks.run("after-tokenize",a),a.tokens}function u(t){var n={};n["interpolation-punctuation"]=a;var o=e.tokenize(t,n);if(3===o.length){var i=[1,1];i.push.apply(i,s(o[1],e.languages.javascript,"javascript")),o.splice.apply(o,i)}return new e.Token("interpolation",o,r.alias,t)}function c(t,n,r){var a=e.tokenize(t,{interpolation:{pattern:RegExp(o),lookbehind:!0}}),i=0,c={},d=s(a.map((function(e){if("string"==typeof e)return e;for(var n,a=e.content;-1!==t.indexOf(n=l(i++,r)););return c[n]=a,n})).join(""),n,r),f=Object.keys(c);return i=0,function e(t){for(var n=0;n=f.length)return;var r=t[n];if("string"==typeof r||"string"==typeof r.content){var a=f[i],o="string"==typeof r?r:r.content,l=o.indexOf(a);if(-1!==l){++i;var s=o.substring(0,l),d=u(c[a]),p=o.substring(l+a.length),m=[];if(s&&m.push(s),m.push(d),p){var g=[p];e(g),m.push.apply(m,g)}"string"==typeof r?(t.splice.apply(t,[n,1].concat(m)),n+=m.length-1):r.content=m}}else{var h=r.content;Array.isArray(h)?e(h):e([h])}}}(d),new e.Token(r,d,"language-"+r,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var d={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function f(e){return"string"==typeof e?e:Array.isArray(e)?e.map(f).join(""):f(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in d&&function t(n){for(var r=0,a=n.length;r]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(a),function(e){function t(e,t){return RegExp(e.replace(//g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:(?:\s*,\s*(?:\*\s*as\s+|\{[^{}]*\}))?|\*\s*as\s+|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r*\.{3}(?:[^{}]|)*\})/.source;function o(e,t){return e=e.replace(//g,(function(){return n})).replace(//g,(function(){return r})).replace(//g,(function(){return a})),RegExp(e,t)}a=o(a).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=o(/<\/?(?:[\w.:-]+(?:+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|))?|))**\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:o(//.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:o(/=/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var i=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(i).join(""):""},l=function(t){for(var n=[],r=0;r0&&n[n.length-1].tagName===i(a.content[0].content[1])&&n.pop():"/>"===a.content[a.content.length-1].content||n.push({tagName:i(a.content[0].content[1]),openedBraces:0}):n.length>0&&"punctuation"===a.type&&"{"===a.content?n[n.length-1].openedBraces++:n.length>0&&n[n.length-1].openedBraces>0&&"punctuation"===a.type&&"}"===a.content?n[n.length-1].openedBraces--:o=!0),(o||"string"==typeof a)&&n.length>0&&0===n[n.length-1].openedBraces){var s=i(a);r0&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(s=i(t[r-1])+s,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",s,null,s)}a.content&&"string"!=typeof a.content&&l(a.content)}};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||l(e.tokens)}))}(a),function(e){e.languages.diff={coord:[/^(?:\*{3}|-{3}|\+{3}).*$/m,/^@@.*@@$/m,/^\d.*$/m]};var t={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(t).forEach((function(n){var r=t[n],a=[];/^\w+$/.test(n)||a.push(/\w+/.exec(n)[0]),"diff"===n&&a.push("bold"),e.languages.diff[n]={pattern:RegExp("^(?:["+r+"].*(?:\r\n?|\n|(?![\\s\\S])))+","m"),alias:a,inside:{line:{pattern:/(.)(?=[\s\S]).*(?:\r\n?|\n)?/,lookbehind:!0},prefix:{pattern:/[\s\S]/,alias:/\w+/.exec(n)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:t})}(a),a.languages.git={comment:/^#.*/m,deleted:/^[-\u2013].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/}},coord:/^@@.*@@$/m,"commit-sha1":/^commit \w{40}$/m},a.languages.go=a.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),a.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete a.languages.go["class-name"],function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,a,o){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(a,(function(e){if("function"==typeof o&&!o(e))return e;for(var a,l=i.length;-1!==n.code.indexOf(a=t(r,l));)++l;return i[l]=e,a})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var a=0,o=Object.keys(n.tokenStack);!function i(l){for(var s=0;s=o.length);s++){var u=l[s];if("string"==typeof u||u.content&&"string"==typeof u.content){var c=o[a],d=n.tokenStack[c],f="string"==typeof u?u:u.content,p=t(r,c),m=f.indexOf(p);if(m>-1){++a;var g=f.substring(0,m),h=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),v=f.substring(m+p.length),b=[];g&&b.push.apply(b,i([g])),b.push(h),v&&b.push.apply(b,i([v])),"string"==typeof u?l.splice.apply(l,[s,1].concat(b)):u.content=b}}else u.content&&i(u.content)}return l}(n.tokens)}}}})}(a),function(e){e.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},e.hooks.add("before-tokenize",(function(t){e.languages["markup-templating"].buildPlaceholders(t,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"handlebars")})),e.languages.hbs=e.languages.handlebars}(a),a.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},a.languages.webmanifest=a.languages.json,a.languages.less=a.languages.extend("css",{comment:[/\/\*[\s\S]*?\*\//,{pattern:/(^|[^\\])\/\/.*/,lookbehind:!0}],atrule:{pattern:/@[\w-](?:\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{punctuation:/[:()]/}},selector:{pattern:/(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};@\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{variable:/@+[\w-]+/}},property:/(?:@\{[\w-]+\}|[\w-])+(?:\+_?)?(?=\s*:)/,operator:/[+\-*\/]/}),a.languages.insertBefore("less","property",{variable:[{pattern:/@[\w-]+\s*:/,inside:{punctuation:/:/}},/@@?[\w-]+/],"mixin-usage":{pattern:/([{;]\s*)[.#](?!\d)[\w-].*?(?=[(;])/,lookbehind:!0,alias:"function"}}),a.languages.makefile={comment:{pattern:/(^|[^\\])#(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*/,lookbehind:!0},string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"builtin-target":{pattern:/\.[A-Z][^:#=\s]+(?=\s*:(?!=))/,alias:"builtin"},target:{pattern:/^(?:[^:=\s]|[ \t]+(?![\s:]))+(?=\s*:(?!=))/m,alias:"symbol",inside:{variable:/\$+(?:(?!\$)[^(){}:#=\s]+|(?=[({]))/}},variable:/\$+(?:(?!\$)[^(){}:#=\s]+|\([@*%<^+?][DF]\)|(?=[({]))/,keyword:/-include\b|\b(?:define|else|endef|endif|export|ifn?def|ifn?eq|include|override|private|sinclude|undefine|unexport|vpath)\b/,function:{pattern:/(\()(?:abspath|addsuffix|and|basename|call|dir|error|eval|file|filter(?:-out)?|findstring|firstword|flavor|foreach|guile|if|info|join|lastword|load|notdir|or|origin|patsubst|realpath|shell|sort|strip|subst|suffix|value|warning|wildcard|word(?:list|s)?)(?=[ \t])/,lookbehind:!0},operator:/(?:::|[?:+!])?=|[|@]/,punctuation:/[:;(){}]/},a.languages.objectivec=a.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete a.languages.objectivec["class-name"],a.languages.objc=a.languages.objectivec,a.languages.ocaml={comment:{pattern:/\(\*[\s\S]*?\*\)/,greedy:!0},char:{pattern:/'(?:[^\\\r\n']|\\(?:.|[ox]?[0-9a-f]{1,3}))'/i,greedy:!0},string:[{pattern:/"(?:\\(?:[\s\S]|\r\n)|[^\\\r\n"])*"/,greedy:!0},{pattern:/\{([a-z_]*)\|[\s\S]*?\|\1\}/,greedy:!0}],number:[/\b(?:0b[01][01_]*|0o[0-7][0-7_]*)\b/i,/\b0x[a-f0-9][a-f0-9_]*(?:\.[a-f0-9_]*)?(?:p[+-]?\d[\d_]*)?(?!\w)/i,/\b\d[\d_]*(?:\.[\d_]*)?(?:e[+-]?\d[\d_]*)?(?!\w)/i],directive:{pattern:/\B#\w+/,alias:"property"},label:{pattern:/\B~\w+/,alias:"property"},"type-variable":{pattern:/\B'\w+/,alias:"function"},variant:{pattern:/`\w+/,alias:"symbol"},keyword:/\b(?:as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|match|method|module|mutable|new|nonrec|object|of|open|private|rec|sig|struct|then|to|try|type|val|value|virtual|when|where|while|with)\b/,boolean:/\b(?:false|true)\b/,"operator-like-punctuation":{pattern:/\[[<>|]|[>|]\]|\{<|>\}/,alias:"punctuation"},operator:/\.[.~]|:[=>]|[=<>@^|&+\-*\/$%!?~][!$%&*+\-.\/:<=>?@^|~]*|\b(?:and|asr|land|lor|lsl|lsr|lxor|mod|or)\b/,punctuation:/;;|::|[(){}\[\].,:;#]|\b_\b/},a.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},a.languages.python["string-interpolation"].inside.interpolation.inside.rest=a.languages.python,a.languages.py=a.languages.python,a.languages.reason=a.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),a.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete a.languages.reason.function,function(e){e.languages.sass=e.languages.extend("css",{comment:{pattern:/^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t].+)*/m,lookbehind:!0,greedy:!0}}),e.languages.insertBefore("sass","atrule",{"atrule-line":{pattern:/^(?:[ \t]*)[@+=].+/m,greedy:!0,inside:{atrule:/(?:@[\w-]+|[+=])/}}}),delete e.languages.sass.atrule;var t=/\$[-\w]+|#\{\$[-\w]+\}/,n=[/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|not|or)\b/,{pattern:/(\s)-(?=\s)/,lookbehind:!0}];e.languages.insertBefore("sass","property",{"variable-line":{pattern:/^[ \t]*\$.+/m,greedy:!0,inside:{punctuation:/:/,variable:t,operator:n}},"property-line":{pattern:/^[ \t]*(?:[^:\s]+ *:.*|:[^:\s].*)/m,greedy:!0,inside:{property:[/[^:\s]+(?=\s*:)/,{pattern:/(:)[^:\s]+/,lookbehind:!0}],punctuation:/:/,variable:t,operator:n,important:e.languages.sass.important}}}),delete e.languages.sass.property,delete e.languages.sass.important,e.languages.insertBefore("sass","punctuation",{selector:{pattern:/^([ \t]*)\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*)*/m,lookbehind:!0,greedy:!0}})}(a),a.languages.scss=a.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),a.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),a.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),a.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),a.languages.scss.atrule.inside.rest=a.languages.scss,function(e){var t={pattern:/(\b\d+)(?:%|[a-z]+)/,lookbehind:!0},n={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0},r={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},url:{pattern:/\burl\((["']?).*?\1\)/i,greedy:!0},string:{pattern:/("|')(?:(?!\1)[^\\\r\n]|\\(?:\r\n|[\s\S]))*\1/,greedy:!0},interpolation:null,func:null,important:/\B!(?:important|optional)\b/i,keyword:{pattern:/(^|\s+)(?:(?:else|for|if|return|unless)(?=\s|$)|@[\w-]+)/,lookbehind:!0},hexcode:/#[\da-f]{3,6}/i,color:[/\b(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)\b/i,{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,boolean:/\b(?:false|true)\b/,operator:[/~|[+!\/%<>?=]=?|[-:]=|\*[*=]?|\.{2,3}|&&|\|\||\B-\B|\b(?:and|in|is(?: a| defined| not|nt)?|not|or)\b/],number:n,punctuation:/[{}()\[\];:,]/};r.interpolation={pattern:/\{[^\r\n}:]+\}/,alias:"variable",inside:{delimiter:{pattern:/^\{|\}$/,alias:"punctuation"},rest:r}},r.func={pattern:/[\w-]+\([^)]*\).*/,inside:{function:/^[^(]+/,rest:r}},e.languages.stylus={"atrule-declaration":{pattern:/(^[ \t]*)@.+/m,lookbehind:!0,inside:{atrule:/^@[\w-]+/,rest:r}},"variable-declaration":{pattern:/(^[ \t]*)[\w$-]+\s*.?=[ \t]*(?:\{[^{}]*\}|\S.*|$)/m,lookbehind:!0,inside:{variable:/^\S+/,rest:r}},statement:{pattern:/(^[ \t]*)(?:else|for|if|return|unless)[ \t].+/m,lookbehind:!0,inside:{keyword:/^\S+/,rest:r}},"property-declaration":{pattern:/((?:^|\{)([ \t]*))(?:[\w-]|\{[^}\r\n]+\})+(?:\s*:\s*|[ \t]+)(?!\s)[^{\r\n]*(?:;|[^{\r\n,]$(?!(?:\r?\n|\r)(?:\{|\2[ \t])))/m,lookbehind:!0,inside:{property:{pattern:/^[^\s:]+/,inside:{interpolation:r.interpolation}},rest:r}},selector:{pattern:/(^[ \t]*)(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)(?:(?:\r?\n|\r)(?:\1(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)))*(?:,$|\{|(?=(?:\r?\n|\r)(?:\{|\1[ \t])))/m,lookbehind:!0,inside:{interpolation:r.interpolation,comment:r.comment,punctuation:/[{},]/}},func:r.func,string:r.string,comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0,greedy:!0},interpolation:r.interpolation,punctuation:/[{}()\[\];:.]/}}(a),function(e){var t=e.util.clone(e.languages.typescript);e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"];var n=e.languages.tsx.tag;n.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.lookbehind=!0}(a),a.languages.wasm={comment:[/\(;[\s\S]*?;\)/,{pattern:/;;.*/,greedy:!0}],string:{pattern:/"(?:\\[\s\S]|[^"\\])*"/,greedy:!0},keyword:[{pattern:/\b(?:align|offset)=/,inside:{operator:/=/}},{pattern:/\b(?:(?:f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|neg?|nearest|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|sqrt|store(?:8|16|32)?|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))?|memory\.(?:grow|size))\b/,inside:{punctuation:/\./}},/\b(?:anyfunc|block|br(?:_if|_table)?|call(?:_indirect)?|data|drop|elem|else|end|export|func|get_(?:global|local)|global|if|import|local|loop|memory|module|mut|nop|offset|param|result|return|select|set_(?:global|local)|start|table|tee_local|then|type|unreachable)\b/],variable:/\$[\w!#$%&'*+\-./:<=>?@\\^`|~]+/,number:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,punctuation:/[()]/};const o=a},9528:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to WebPlatform.org documentation. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (.comment can become .namespace--comment) or replace them with your defined ones (like .editor__comment). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the highlightAll and highlightAllUnder methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},5525:(e,t,n)=>{const r=n(9528),a=n(4515),o=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...o,...Object.keys(Prism.languages)];a(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(4596).resolve(t)],delete Prism.languages[e],n(4596)(t),o.add(e)}))}i.silent=!1,e.exports=i},4596:(e,t,n)=>{var r={"./":5525};function a(e){var t=o(e);return n(t)}function o(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}a.keys=function(){return Object.keys(r)},a.resolve=o,e.exports=a,a.id=4596},4515:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n "));var l={},s=e[r];if(s){function u(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in l))for(var i in a(t,o),l[t]=!0,n[t])l[i]=!0}t(s.require,u),t(s.optional,u),t(s.modify,u)}n[r]=l,o.pop()}}return function(e){var t=n[e];return t||(a(e,r),t=n[e]),t}}function a(e){for(var t in e)return!0;return!1}return function(o,i,l){var s=function(e){var t={};for(var n in e){var r=e[n];for(var a in r)if("meta"!=a){var o=r[a];t[a]="string"==typeof o?{title:o}:o}}return t}(o),u=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var a in n={},e){var o=e[a];t(o&&o.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+a+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+a+" because it is a component.");n[t]=a}))}return n[r]||r}}(s);i=i.map(u),l=(l||[]).map(u);var c=n(i),d=n(l);i.forEach((function e(n){var r=s[n];t(r&&r.require,(function(t){t in d||(c[t]=!0,e(t))}))}));for(var f,p=r(s),m=c;a(m);){for(var g in f={},m){var h=s[g];t(h&&h.modify,(function(e){e in d&&(f[e]=!0)}))}for(var v in d)if(!(v in c))for(var b in p(v))if(b in c){f[v]=!0;break}for(var y in m=f)c[y]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,a){var o=a?a.series:void 0,i=a?a.parallel:e,l={},s={};function u(e){if(e in l)return l[e];s[e]=!0;var a,c=[];for(var d in t(e))d in n&&c.push(d);if(0===c.length)a=r(e);else{var f=i(c.map((function(e){var t=u(e);return delete s[e],t})));o?a=o(f,(function(){return r(e)})):r(e)}return l[e]=a}for(var c in n)u(c);var d=[];for(var f in s)d.push(l[f]);return i(d)}(p,c,t,n)}};return w}}();e.exports=t},8262:(e,t,n)=>{"use strict";var r=n(3586);function a(){}function o(){}o.resetWarningCache=a,e.exports=function(){function e(e,t,n,a,o,i){if(i!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:a};return n.PropTypes=n,n}},3980:(e,t,n)=>{e.exports=n(8262)()},3586:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},2967:(e,t,n)=>{"use strict";var r=n(2784),a=n(4616);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n