1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1880],{24601:function(){},18975:function(e,t,r){"use strict";var i=r(25566);r(24601);var n=r(2265),o=n&&"object"==typeof n&&"default"in n?n:{default:n},s=void 0!==i&&i.env&&!0,a=function(e){return"[object String]"===Object.prototype.toString.call(e)},l=function(){function e(e){var t=void 0===e?{}:e,r=t.name,i=void 0===r?"stylesheet":r,n=t.optimizeForSpeed,o=void 0===n?s:n;u(a(i),"`name` must be a string"),this._name=i,this._deletedRulePlaceholder="#"+i+"-deleted-rule____{}",u("boolean"==typeof o,"`optimizeForSpeed` must be a boolean"),this._optimizeForSpeed=o,this._serverSheet=void 0,this._tags=[],this._injected=!1,this._rulesCount=0;var l="undefined"!=typeof window&&document.querySelector('meta[property="csp-nonce"]');this._nonce=l?l.getAttribute("content"):null}var t=e.prototype;return t.setOptimizeForSpeed=function(e){u("boolean"==typeof e,"`setOptimizeForSpeed` accepts a boolean"),u(0===this._rulesCount,"optimizeForSpeed cannot be when rules have already been inserted"),this.flush(),this._optimizeForSpeed=e,this.inject()},t.isOptimizeForSpeed=function(){return this._optimizeForSpeed},t.inject=function(){var e=this;if(u(!this._injected,"sheet already injected"),this._injected=!0,"undefined"!=typeof window&&this._optimizeForSpeed){this._tags[0]=this.makeStyleTag(this._name),this._optimizeForSpeed="insertRule"in this.getSheet(),this._optimizeForSpeed||(s||console.warn("StyleSheet: optimizeForSpeed mode not supported falling back to standard mode."),this.flush(),this._injected=!0);return}this._serverSheet={cssRules:[],insertRule:function(t,r){return"number"==typeof r?e._serverSheet.cssRules[r]={cssText:t}:e._serverSheet.cssRules.push({cssText:t}),r},deleteRule:function(t){e._serverSheet.cssRules[t]=null}}},t.getSheetForTag=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]},t.getSheet=function(){return this.getSheetForTag(this._tags[this._tags.length-1])},t.insertRule=function(e,t){if(u(a(e),"`insertRule` accepts only strings"),"undefined"==typeof window)return"number"!=typeof t&&(t=this._serverSheet.cssRules.length),this._serverSheet.insertRule(e,t),this._rulesCount++;if(this._optimizeForSpeed){var r=this.getSheet();"number"!=typeof t&&(t=r.cssRules.length);try{r.insertRule(e,t)}catch(t){return s||console.warn("StyleSheet: illegal rule: \n\n"+e+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),-1}}else{var i=this._tags[t];this._tags.push(this.makeStyleTag(this._name,e,i))}return this._rulesCount++},t.replaceRule=function(e,t){if(this._optimizeForSpeed||"undefined"==typeof window){var r="undefined"!=typeof window?this.getSheet():this._serverSheet;if(t.trim()||(t=this._deletedRulePlaceholder),!r.cssRules[e])return e;r.deleteRule(e);try{r.insertRule(t,e)}catch(i){s||console.warn("StyleSheet: illegal rule: \n\n"+t+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),r.insertRule(this._deletedRulePlaceholder,e)}}else{var i=this._tags[e];u(i,"old rule at index `"+e+"` not found"),i.textContent=t}return e},t.deleteRule=function(e){if("undefined"==typeof window){this._serverSheet.deleteRule(e);return}if(this._optimizeForSpeed)this.replaceRule(e,"");else{var t=this._tags[e];u(t,"rule at index `"+e+"` not found"),t.parentNode.removeChild(t),this._tags[e]=null}},t.flush=function(){this._injected=!1,this._rulesCount=0,"undefined"!=typeof window?(this._tags.forEac
1h(function(e){return e&&e.parentNode.removeChild(e)}),this._tags=[]):this._serverSheet.cssRules=[]},t.cssRules=function(){var e=this;return"undefined"==typeof window?this._serverSheet.cssRules:this._tags.reduce(function(t,r){return r?t=t.concat(Array.prototype.map.call(e.getSheetForTag(r).cssRules,function(t){return t.cssText===e._deletedRulePlaceholder?null:t})):t.push(null),t},[])},t.makeStyleTag=function(e,t,r){t&&u(a(t),"makeStyleTag accepts only strings as second parameter");var i=document.createElement("style");this._nonce&&i.setAttribute("nonce",this._nonce),i.type="text/css",i.setAttribute("data-"+e,""),t&&i.appendChild(document.createTextNode(t));var n=document.head||document.getElementsByTagName("head")[0];return r?n.insertBefore(i,r):n.appendChild(i),i},function(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}(e.prototype,[{key:"length",get:function(){return this._rulesCount}}]),e}();function u(e,t){if(!e)throw Error("StyleSheet: "+t+".")}var c=function(e){for(var t=5381,r=e.length;r;)t=33*t^e.charCodeAt(--r);return t>>>0},f={};function h(e,t){if(!t)return"jsx-"+e;var r=String(t),i=e+r;return f[i]||(f[i]="jsx-"+c(e+"-"+r)),f[i]}function p(e,t){"undefined"==typeof window&&(t=t.replace(/\/style/gi,"\\/style"));var r=e+t;return f[r]||(f[r]=t.replace(/__jsx-style-dynamic-selector/g,e)),f[r]}var d=function(){function e(e){var t=void 0===e?{}:e,r=t.styleSheet,i=void 0===r?null:r,n=t.optimizeForSpeed,o=void 0!==n&&n;this._sheet=i||new l({name:"styled-jsx",optimizeForSpeed:o}),this._sheet.inject(),i&&"boolean"==typeof o&&(this._sheet.setOptimizeForSpeed(o),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer=void 0,this._indices={},this._instancesCounts={}}var t=e.prototype;return t.add=function(e){var t=this;void 0===this._optimizeForSpeed&&(this._optimizeForSpeed=Array.isArray(e.children),this._sheet.setOptimizeForSpeed(this._optimizeForSpeed),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),"undefined"==typeof window||this._fromServer||(this._fromServer=this.selectFromServer(),this._instancesCounts=Object.keys(this._fromServer).reduce(function(e,t){return e[t]=0,e},{}));var r=this.getIdAndRules(e),i=r.styleId,n=r.rules;if(i in this._instancesCounts){this._instancesCounts[i]+=1;return}var o=n.map(function(e){return t._sheet.insertRule(e)}).filter(function(e){return -1!==e});this._indices[i]=o,this._instancesCounts[i]=1},t.remove=function(e){var t=this,r=this.getIdAndRules(e).styleId;if(function(e,t){if(!e)throw Error("StyleSheetRegistry: "+t+".")}(r in this._instancesCounts,"styleId: `"+r+"` not found"),this._instancesCounts[r]-=1,this._instancesCounts[r]<1){var i=this._fromServer&&this._fromServer[r];i?(i.parentNode.removeChild(i),delete this._fromServer[r]):(this._indices[r].forEach(function(e){return t._sheet.deleteRule(e)}),delete this._indices[r]),delete this._instancesCounts[r]}},t.update=function(e,t){this.add(t),this.remove(e)},t.flush=function(){this._sheet.flush(),this._sheet.inject(),this._fromServer=void 0,this._indices={},this._instancesCounts={}},t.cssRules=function(){var e=this,t=this._fromServer?Object.keys(this._fromServer).map(function(t){return[t,e._fromServer[t]]}):[],r=this._sheet.cssRules();return t.concat(Object.keys(this._indices).map(function(t){return[t,e._indices[t].map(function(e){return r[e].cssText}).join(e._optimizeForSpeed?"":"\n")]}).filter(function(e){return!!e[1]}))},t.styles=function(e){var t,r;return t=this.cssRules(),void 0===(r=e)&&(r={}),t.map(function(e){var t=e[0],i=e[1];return o.default.createElement("style",{id:"__"+t,key:"__"+t,nonce:r.nonce?r.nonce:void 0,dangerouslySetInnerHTML:{__html:i}})})},t.getIdAndRules=function(e){var t=e.children,r=e.dynamic,i=e.id;if(r){var n=h(i,r);return{styleId:n,rules:Array.isArray(t)?t.map(function(e){return p(n,e)}):[p(n,t)]}}return{styleId:h(i),rules:Array.isArray(t)?t:[t]}},t.selectFromServer=function(){return Array.prototype.slice.call(document.querySelectorAll('[id^="__jsx-"]')).reduce(function(e,t){return e[t.id.slice(2)]=t,e},{})},e}(),v=n.createContext(null);v.displayName="StyleSheetContext";var m=o.default.useInsertionEffect||o.default.useLayoutEffect,g="undefined"!=typeof window?new d:void 0;function _(e){var t=g||n.useContext(v);return t&&("undefined"==typeof window?t.add(e):m(function(){return t.add(e),function(){t.remove(e)}},[e.id,String(e.dynamic)])),null}_.dynamic=function(e){return e.map(function(e){return h(e[0],e[1])}).join(" ")},t.style=_},29:function(e,t,r){"use strict";e.exports=r(18975).style}
1,62756:function(e,t,r){"use strict";let i,n;r.d(t,{J:function(){return L}});var o=r(2265),s=r(31094),a=r(13323),l=r(96802),u=r(17684),c=r(64518),f=r(31948),h=r(32539),p=r(40048),d=r(80004),v=r(28851),m=r(93689),g=r(18369),_=r(38198),x=r(37863),S=r(47634),y=r(37105),b=r(24536),R=r(40293),E=r(27847),w=r(37388),P=((i=P||{})[i.Open=0]="Open",i[i.Closed=1]="Closed",i),B=((n=B||{})[n.TogglePopover=0]="TogglePopover",n[n.ClosePopover=1]="ClosePopover",n[n.SetButton=2]="SetButton",n[n.SetButtonId=3]="SetButtonId",n[n.SetPanel=4]="SetPanel",n[n.SetPanelId=5]="SetPanelId",n);let A={0:e=>{let t={...e,popoverState:(0,b.E)(e.popoverState,{0:1,1:0})};return 0===t.popoverState&&(t.__demoMode=!1),t},1:e=>1===e.popoverState?e:{...e,popoverState:1},2:(e,t)=>e.button===t.button?e:{...e,button:t.button},3:(e,t)=>e.buttonId===t.buttonId?e:{...e,buttonId:t.buttonId},4:(e,t)=>e.panel===t.panel?e:{...e,panel:t.panel},5:(e,t)=>e.panelId===t.panelId?e:{...e,panelId:t.panelId}},z=(0,o.createContext)(null);function U(e){let t=(0,o.useContext)(z);if(null===t){let t=Error("<".concat(e," /> is missing a parent <Popover /> component."));throw Error.captureStackTrace&&Error.captureStackTrace(t,U),t}return t}z.displayName="PopoverContext";let T=(0,o.createContext)(null);function F(e){let t=(0,o.useContext)(T);if(null===t){let t=Error("<".concat(e," /> is missing a parent <Popover /> component."));throw Error.captureStackTrace&&Error.captureStackTrace(t,F),t}return t}T.displayName="PopoverAPIContext";let O=(0,o.createContext)(null);function V(){return(0,o.useContext)(O)}O.displayName="PopoverGroupContext";let I=(0,o.createContext)(null);function C(e,t){return(0,b.E)(t.type,A,e,t)}I.displayName="PopoverPanelContext";let M=E.AN.RenderStrategy|E.AN.Static,j=E.AN.RenderStrategy|E.AN.Static,L=Object.assign((0,E.yV)(function(e,t){var r;let{__demoMode:i=!1,...n}=e,u=(0,o.useRef)(null),c=(0,m.T)(t,(0,m.h)(e=>{u.current=e})),d=(0,o.useRef)([]),g=(0,o.useReducer)(C,{__demoMode:i,popoverState:i?0:1,buttons:d,button:null,buttonId:null,panel:null,panelId:null,beforePanelSentinel:(0,o.createRef)(),afterPanelSentinel:(0,o.createRef)()}),[{popoverState:_,button:S,buttonId:R,panel:w,panelId:P,beforePanelSentinel:B,afterPanelSentinel:A},U]=g,F=(0,p.i)(null!=(r=u.current)?r:S),O=(0,o.useMemo)(()=>{if(!S||!w)return!1;for(let e of document.querySelectorAll("body > *"))if(Number(null==e?void 0:e.contains(S))^Number(null==e?void 0:e.contains(w)))return!0;let e=(0,y.GO)(),t=e.indexOf(S),r=(t+e.length-1)%e.length,i=(t+1)%e.length,n=e[r],o=e[i];return!w.contains(n)&&!w.contains(o)},[S,w]),M=(0,f.E)(R),j=(0,f.E)(P),L=(0,o.useMemo)(()=>({buttonId:M,panelId:j,close:()=>U({type:1})}),[M,j,U]),D=V(),N=null==D?void 0:D.registerPopover,H=(0,a.z)(()=>{var e;return null!=(e=null==D?void 0:D.isFocusWithinPopoverGroup())?e:(null==F?void 0:F.activeElement)&&((null==S?void 0:S.contains(F.activeElement))||(null==w?void 0:w.contains(F.activeElement)))});(0,o.useEffect)(()=>null==N?void 0:N(L),[N,L]);let[W,k]=(0,s.k)(),G=(0,v.v)({mainTreeNodeRef:null==D?void 0:D.mainTreeNodeRef,portals:W,defaultContainers:[S,w]});(0,l.O)(null==F?void 0:F.defaultView,"focus",e=>{var t,r,i,n;e.target!==window&&e.target instanceof HTMLElement&&0===_&&(H()||S&&w&&(G.contains(e.target)||null!=(r=null==(t=B.current)?void 0:t.contains)&&r.call(t,e.target)||null!=(n=null==(i=A.current)?void 0:i.contains)&&n.call(i,e.target)||U({type:1})))},!0),(0,h.O)(G.resolveContainers,(e,t)=>{U({type:1}),(0,y.sP)(t,y.tJ.Loose)||(e.preventDefault(),null==S||S.focus())},0===_);let X=(0,a.z)(e=>{U({type:1});let t=e?e instanceof HTMLElement?e:"current"in e&&e.current instanceof HTMLElement?e.current:S:S;null==t||t.focus()}),Y=(0,o.useMemo)(()=>({close:X,isPortalled:O}),[X,O]),$=(0,o.useMemo)(()=>({open:0===_,close:X}),[_,X]);return o.createElement(I.Provider,{value:null},o.createElement(z.Provider,{value:g},o.createElement(T.Provider,{value:Y},o.createElement(x.up,{value:(0,b.E)(_,{0:x.ZM.Open,1:x.ZM.Closed})},o.createElement(k,null,(0,E.sY)({ourProps:{ref:c},theirProps:n,slot:$,defaultTag:"div",name:"Popover"}),o.createElement(G.MainTreeNode,null))))))}),{Button:(0,E.yV)(function(e,t){let r=(0,u.M)(),{id:i="headlessui-popover-button-".concat(r),...n}=e,[s,l]=U("Popover.Button"),{isPortalled:c}=F("Popover.Button"),f=(0,o.useRef)(null),h="headlessui-focus-sentinel-".concat((0,u.M)()),v=V(),x=null==v?void 0:v.closeOthers,R=null!==(0,o.useContext)(I);(0,o.useEffect)(()=>
1{if(!R)return l({type:3,buttonId:i}),()=>{l({type:3,buttonId:null})}},[R,i,l]);let[P]=(0,o.useState)(()=>Symbol()),B=(0,m.T)(f,t,R?null:e=>{if(e)s.buttons.current.push(P);else{let e=s.buttons.current.indexOf(P);-1!==e&&s.buttons.current.splice(e,1)}s.buttons.current.length>1&&console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."),e&&l({type:2,button:e})}),A=(0,m.T)(f,t),z=(0,p.i)(f),T=(0,a.z)(e=>{var t,r,i;if(R){if(1===s.popoverState)return;switch(e.key){case w.R.Space:case w.R.Enter:e.preventDefault(),null==(r=(t=e.target).click)||r.call(t),l({type:1}),null==(i=s.button)||i.focus()}}else switch(e.key){case w.R.Space:case w.R.Enter:e.preventDefault(),e.stopPropagation(),1===s.popoverState&&(null==x||x(s.buttonId)),l({type:0});break;case w.R.Escape:if(0!==s.popoverState)return null==x?void 0:x(s.buttonId);if(!f.current||null!=z&&z.activeElement&&!f.current.contains(z.activeElement))return;e.preventDefault(),e.stopPropagation(),l({type:1})}}),O=(0,a.z)(e=>{R||e.key===w.R.Space&&e.preventDefault()}),C=(0,a.z)(t=>{var r,i;(0,S.P)(t.currentTarget)||e.disabled||(R?(l({type:1}),null==(r=s.button)||r.focus()):(t.preventDefault(),t.stopPropagation(),1===s.popoverState&&(null==x||x(s.buttonId)),l({type:0}),null==(i=s.button)||i.focus()))}),M=(0,a.z)(e=>{e.preventDefault(),e.stopPropagation()}),j=0===s.popoverState,L=(0,o.useMemo)(()=>({open:j}),[j]),D=(0,d.f)(e,f),N=R?{ref:A,type:D,onKeyDown:T,onClick:C}:{ref:B,id:s.buttonId,type:D,"aria-expanded":0===s.popoverState,"aria-controls":s.panel?s.panelId:void 0,onKeyDown:T,onKeyUp:O,onClick:C,onMouseDown:M},H=(0,g.l)(),W=(0,a.z)(()=>{let e=s.panel;e&&(0,b.E)(H.current,{[g.N.Forwards]:()=>(0,y.jA)(e,y.TO.First),[g.N.Backwards]:()=>(0,y.jA)(e,y.TO.Last)})===y.fE.Error&&(0,y.jA)((0,y.GO)().filter(e=>"true"!==e.dataset.headlessuiFocusGuard),(0,b.E)(H.current,{[g.N.Forwards]:y.TO.Next,[g.N.Backwards]:y.TO.Previous}),{relativeTo:s.button})});return o.createElement(o.Fragment,null,(0,E.sY)({ourProps:N,theirProps:n,slot:L,defaultTag:"button",name:"Popover.Button"}),j&&!R&&c&&o.createElement(_._,{id:h,features:_.A.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:W}))}),Overlay:(0,E.yV)(function(e,t){let r=(0,u.M)(),{id:i="headlessui-popover-overlay-".concat(r),...n}=e,[{popoverState:s},l]=U("Popover.Overlay"),c=(0,m.T)(t),f=(0,x.oJ)(),h=null!==f?(f&x.ZM.Open)===x.ZM.Open:0===s,p=(0,a.z)(e=>{if((0,S.P)(e.currentTarget))return e.preventDefault();l({type:1})}),d=(0,o.useMemo)(()=>({open:0===s}),[s]);return(0,E.sY)({ourProps:{ref:c,id:i,"aria-hidden":!0,onClick:p},theirProps:n,slot:d,defaultTag:"div",features:M,visible:h,name:"Popover.Overlay"})}),Panel:(0,E.yV)(function(e,t){let r=(0,u.M)(),{id:i="headlessui-popover-panel-".concat(r),focus:n=!1,...s}=e,[l,f]=U("Popover.Panel"),{close:h,isPortalled:d}=F("Popover.Panel"),v="headlessui-focus-sentinel-before-".concat((0,u.M)()),S="headlessui-focus-sentinel-after-".concat((0,u.M)()),R=(0,o.useRef)(null),P=(0,m.T)(R,t,e=>{f({type:4,panel:e})}),B=(0,p.i)(R),A=(0,E.Y2)();(0,c.e)(()=>(f({type:5,panelId:i}),()=>{f({type:5,panelId:null})}),[i,f]);let z=(0,x.oJ)(),T=null!==z?(z&x.ZM.Open)===x.ZM.Open:0===l.popoverState,O=(0,a.z)(e=>{var t;if(e.key===w.R.Escape){if(0!==l.popoverState||!R.current||null!=B&&B.activeElement&&!R.current.contains(B.activeElement))return;e.preventDefault(),e.stopPropagation(),f({type:1}),null==(t=l.button)||t.focus()}});(0,o.useEffect)(()=>{var t;e.static||1===l.popoverState&&(null==(t=e.unmount)||t)&&f({type:4,panel:null})},[l.popoverState,e.unmount,e.static,f]),(0,o.useEffect)(()=>{if(l.__demoMode||!n||0!==l.popoverState||!R.current)return;let e=null==B?void 0:B.activeElement;R.current.contains(e)||(0,y.jA)(R.current,y.TO.First)},[l.__demoMode,n,R,l.popoverState]);let V=(0,o.useMemo)(()=>({open:0===l.popoverState,close:h}),[l,h]),C={ref:P,id:i,onKeyDown:O,onBlur:n&&0===l.popoverState?e=>{var t,r,i,n,o;let s=e.relatedTarget;s&&R.current&&(null!=(t=R.current)&&t.contains(s)||(f({type:1}),(null!=(i=null==(r=l.beforePanelSentinel.current)?void 0:r.contains)&&i.call(r,s)||null!=(o=null==(n=l.afterPanelSentinel.current)?void 0:n.contains)&&o.call(n,s))&&s.focus({preventScroll:!0})))}:void 0,tabIndex:-1},M=(0,g.l)(),L=(0,a.z)(()=>{let e=R.current;e&&(0,b.E)(M.current,{[g.N.Forwards]:()=>{var t;(0,y.jA)(e,y.TO.First)===y.fE.Error&&(null==(t=l.afterPanelSentinel.current)||t.focu
1s())},[g.N.Backwards]:()=>{var e;null==(e=l.button)||e.focus({preventScroll:!0})}})}),D=(0,a.z)(()=>{let e=R.current;e&&(0,b.E)(M.current,{[g.N.Forwards]:()=>{var e;if(!l.button)return;let t=(0,y.GO)(),r=t.indexOf(l.button),i=t.slice(0,r+1),n=[...t.slice(r+1),...i];for(let t of n.slice())if("true"===t.dataset.headlessuiFocusGuard||null!=(e=l.panel)&&e.contains(t)){let e=n.indexOf(t);-1!==e&&n.splice(e,1)}(0,y.jA)(n,y.TO.First,{sorted:!1})},[g.N.Backwards]:()=>{var t;(0,y.jA)(e,y.TO.Previous)===y.fE.Error&&(null==(t=l.button)||t.focus())}})});return o.createElement(I.Provider,{value:i},T&&d&&o.createElement(_._,{id:v,ref:l.beforePanelSentinel,features:_.A.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:L}),(0,E.sY)({mergeRefs:A,ourProps:C,theirProps:s,slot:V,defaultTag:"div",features:j,visible:T,name:"Popover.Panel"}),T&&d&&o.createElement(_._,{id:S,ref:l.afterPanelSentinel,features:_.A.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:D}))}),Group:(0,E.yV)(function(e,t){let r=(0,o.useRef)(null),i=(0,m.T)(r,t),[n,s]=(0,o.useState)([]),l=(0,v.H)(),u=(0,a.z)(e=>{s(t=>{let r=t.indexOf(e);if(-1!==r){let e=t.slice();return e.splice(r,1),e}return t})}),c=(0,a.z)(e=>(s(t=>[...t,e]),()=>u(e))),f=(0,a.z)(()=>{var e;let t=(0,R.r)(r);if(!t)return!1;let i=t.activeElement;return!!(null!=(e=r.current)&&e.contains(i))||n.some(e=>{var r,n;return(null==(r=t.getElementById(e.buttonId.current))?void 0:r.contains(i))||(null==(n=t.getElementById(e.panelId.current))?void 0:n.contains(i))})}),h=(0,a.z)(e=>{for(let t of n)t.buttonId.current!==e&&t.close()}),p=(0,o.useMemo)(()=>({registerPopover:c,unregisterPopover:u,isFocusWithinPopoverGroup:f,closeOthers:h,mainTreeNodeRef:l.mainTreeNodeRef}),[c,u,f,h,l.mainTreeNodeRef]),d=(0,o.useMemo)(()=>({}),[]);return o.createElement(O.Provider,{value:p},(0,E.sY)({ourProps:{ref:i},theirProps:e,slot:d,defaultTag:"div",name:"Popover.Group"}),o.createElement(l.MainTreeNode,null))})})},80004:function(e,t,r){"use strict";r.d(t,{f:function(){return s}});var i=r(2265),n=r(64518);function o(e){var t;if(e.type)return e.type;let r=null!=(t=e.as)?t:"button";if("string"==typeof r&&"button"===r.toLowerCase())return"button"}function s(e,t){let[r,s]=(0,i.useState)(()=>o(e));return(0,n.e)(()=>{s(o(e))},[e.type,e.as]),(0,n.e)(()=>{r||t.current&&t.current instanceof HTMLButtonElement&&!t.current.hasAttribute("type")&&s("button")},[r,t]),r}},88532:function(e,t,r){"use strict";r.d(t,{bL:function(){return w}});var i=r(2265);let n=`#version 300 es 2precision mediump float; 3 4layout(location = 0) in vec4 a_position; 5 6uniform vec2 u_resolution; 7uniform float u_pixelRatio; 8uniform float u_imageAspectRatio; 9 10uniform float u_originX; 11uniform float u_originY; 12uniform float u_worldWidth; 13uniform float u_worldHeight; 14uniform float u_fit; 15 16uniform float u_scale; 17uniform float u_rotation; 18uniform float u_offsetX; 19uniform float u_offsetY; 20 21uniform float u_pxSize; 22 23out vec2 v_objectUV; 24out vec2 v_objectBoxSize; 25out vec2 v_objectHelperBox; 26 27out vec2 v_responsiveUV; 28out vec2 v_responsiveBoxSize; 29out vec2 v_responsiveHelperBox; 30out vec2 v_responsiveBoxGivenSize; 31 32out vec2 v_patternUV; 33out vec2 v_patternBoxSize; 34out vec2 v_patternHelperBox; 35 36out vec2 v_imageUV; 37 38// #define ADD_HELPERS 39 40vec3 getBoxSize(float boxRatio, vec2 givenBoxSize) { 41 vec2 box = vec2(0.);
42 // fit = none 43 box.x = boxRatio * min(givenBoxSize.x / boxRatio, givenBoxSize.y); 44 float noFitBoxWidth = box.x; 45 if (u_fit == 1.) { // fit = contain 46 box.x = boxRatio * min(u_resolution.x / boxRatio, u_resolution.y); 47 } else if (u_fit == 2.) { // fit = cover 48 box.x = boxRatio * max(u_resolution.x / boxRatio, u_resolution.y); 49 } 50 box.y = box.x / boxRatio; 51 return vec3(box, noFitBoxWidth); 52} 53 54void main() { 55 gl_Position = a_position; 56 57 vec2 uv = gl_Position.xy * .5; 58 vec2 boxOrigin = vec2(.5 - u_originX, u_originY - .5); 59 vec2 givenBoxSize = vec2(u_worldWidth, u_worldHeight); 60 givenBoxSize = max(givenBoxSize, vec2(1.)) * u_pixelRatio; 61 float r = u_rotation * 3.14159265358979323846 / 180.; 62 mat2 graphicRotation = mat2(cos(r), sin(r), -sin(r), cos(r)); 63 vec2 graphicOffset = vec2(-u_offsetX, u_offsetY); 64 65 66 // =================================================== 67 // Sizing api for graphic objects with fixed ratio 68 // (currently supports only ratio = 1) 69 70 float fixedRatio = 1.; 71 vec2 fixedRatioBoxGivenSize = vec2( 72 (u_worldWidth == 0.) ? u_resolution.x : givenBoxSize.x, 73 (u_worldHeight == 0.) ? u_resolution.y : givenBoxSize.y 74 ); 75 76 v_objectBoxSize = getBoxSize(fixedRatio, fixedRatioBoxGivenSize).xy; 77 vec2 objectWorldScale = u_resolution.xy / v_objectBoxSize; 78 79 #ifdef ADD_HELPERS 80 v_objectHelperBox = uv; 81 v_objectHelperBox *= objectWorldScale; 82 v_objectHelperBox += boxOrigin * (objectWorldScale - 1.); 83 #endif 84 85 v_objectUV = uv; 86 v_objectUV *= objectWorldScale; 87 v_objectUV += boxOrigin * (objectWorldScale - 1.); 88 v_objectUV += graphicOffset; 89 v_objectUV /= u_scale; 90 v_objectUV = graphicRotation * v_objectUV; 91 92 93 // =================================================== 94 95 96 // =================================================== 97 // Sizing api for graphic objects with either givenBoxSize ratio or canvas ratio. 98 // Full-screen mode available with u_worldWidth = u_worldHeight = 0 99 100 v_responsiveBoxGivenSize = vec2( 101 (u_worldWidth == 0.) ? u_resolution.x : givenBoxSize.x, 102 (u_worldHeight == 0.) ? u_resolution.y : givenBoxSize.y 103 ); 104 float responsiveRatio = v_responsiveBoxGivenSize.x / v_responsiveBoxGivenSize.y; 105 v_responsiveBoxSize = getBoxSize(responsiveRatio, v_responsiveBoxGivenSize).xy; 106 vec2 responsiveBoxScale = u_resolution.xy / v_responsiveBoxSize; 107 108 #ifdef ADD_HELPERS 109 v_responsiveHelperBox = uv; 110 v_responsiveHelperBox *= responsiveBoxScale; 111 v_responsiveHelperBox += boxOrigin * (responsiveBoxScale - 1.); 112 #endif 113 114 v_responsiveUV = uv; 115 v_responsiveUV *= responsiveBoxScale; 116 v_responsiveUV += boxOrigin * (responsiveBoxScale - 1.); 117 v_responsiveUV += graphicOffset; 118 v_responsiveUV /= u_scale; 119 v_responsiveUV.x *= responsiveRatio; 120 v_responsiveUV = graphicRotation * v_responsiveUV; 121 v_responsiveUV.x /= responsiveRatio; 122 123 // =================================================== 124 125 126 // =================================================== 127 // Sizing api for patterns 128 // (treating graphics as a image u_worldWidth x u_worldHeight size) 129 130 float patternBoxRatio = givenBoxSize.x / givenBoxSize.y; 131 vec2 patternBoxGivenSize = vec2( 132 (u_worldWidth == 0.) ? u_resolution.x : givenBoxSize.x, 133 (u_worldHeight == 0.) ? u_resolution.y : givenBoxSize.y 134 ); 135 patternBoxRatio = patternBoxGivenSize.x / patternBoxGivenSize.y; 136 137 vec3 boxSizeData = getBoxSize(patternBoxRatio, patternBoxGivenSize); 138 v_patternBoxSize = boxSizeData.xy; 139 float patternBoxNoFitBoxWidth = boxSizeData.z; 140 vec2 patternBoxScale = u_resolution.xy / v_patternBoxSize; 141 142 #ifdef ADD_HELPERS 143 v_patternHelperBox = uv; 144 v_patternHelperBox *= patternBoxScale; 145 v_patternHelperBox += boxOrigin * (patternBoxScale - 1.); 146 #endif 147 148 v_patternUV = uv; 149 v_patternUV += graphicOffset / patternBoxScale; 150 v_patternUV += boxOrigin; 151 v_patternUV -= boxOrigin / patternBoxScale; 152 v_patternUV *= u_resolution.xy; 153 v_patternUV /= u_pixelRatio; 154 if (u_fit > 0.) { 155 v_patternUV *= (patternBoxNoFitBoxWidth / v_patternBoxSize.x); 156 } 157 v_patternUV /= u_scale; 158 v_patternUV = graphicRotation * v_patternUV; 159 v_patternUV += boxOrigin / patternBoxScale; 160 v_patternUV -= boxOrigin; 161 // x100 is a default multiplier between vertex and fragmant shaders 162 // we use it to avoid UV presision issues 163 v_patternUV *= .01; 164 165 // =================================================== 166 167 168 // =================================================== 169 // Sizing api for images 170 171 vec2 imageBoxSize; 172 if (u_fit == 1.) { // contain 173 imageBoxSize.x = min(u_resolution.x / u_imageAspectRatio, u_resolution.y) * u_imageAspectRatio; 174 } else if (u_fit == 2.) { // cover 175 imageBoxSize.x = max(u_resolution.x / u_imageAspectRatio, u_resolution.y) * u_imageAspectRatio; 176 } else { 177 imageBoxSize.x = min(10.0, 10.0 / u_imageAspectRatio * u_imageAspectRatio); 178 } 179 imageBoxSize.y = imageBoxSize.x / u_imageAspectRatio; 180 vec2 imageBoxScale = u_resolution.xy / imageBoxSize; 181 182 #ifdef ADD_HELPERS 183 vec2 imageHelperBox = uv; 184 imageHelperBox *= imageBoxScale; 185 imageHelperBox += boxOrigin * (imageBoxScale - 1.); 186 #endif 187 188 v_imageUV = uv; 189 v_imageUV *= imageBoxScale; 190 v_imageUV += boxOrigin * (imageBoxScale - 1.); 191 v_imageUV += graphicOffset; 192 v_imageUV /= u_scale; 193 v_imageUV.x *= u_imageAspectRatio; 194 v_imageUV = graphicRotation * v_imageUV; 195 v_imageUV.x /= u_imageAspectRatio; 196 197 v_imageUV += .5; 198 v_imageUV.y = 1. - v_imageUV.y; 199 200 // =================================================== 201 202}`,o=8294400;class s{parentElement;canvasElement;gl;program=null;uniformLocations={};fragmentShader;rafId=null;lastRenderTime=0;currentFrame=0;speed=0;currentSpeed=0;providedUniforms;mipmaps=[];hasBeenDisposed=!1;resolutionChanged=!0;textures=new Map;minPixelRatio;maxPixelCount;isSafari=(function(){let e=navigator.userAgent.toLowerCase();return e.includes("safari")&&!e.includes("chrome")&&!e.includes("android")})();uniformCache={};textureUnitMap=new Map;constructor(e,t,r,i,n=0,s=0,a=2,u=o,c=[]){if(e instanceof HTMLElement)this.parentElement=e;else throw Error("Paper Shaders: parent element must be an HTMLElement");
202if(!document.querySelector("style[data-paper-shader]")){let e=document.createElement("style");e.innerHTML=l,e.setAttribute("data-paper-shader",""),document.head.prepend(e)}let f=document.createElement("canvas");this.canvasElement=f,this.parentElement.prepend(f),this.fragmentShader=t,this.providedUniforms=r,this.mipmaps=c,this.currentFrame=s,this.minPixelRatio=a,this.maxPixelCount=u;let h=f.getContext("webgl2",i);if(!h)throw Error("Paper Shaders: WebGL is not supported in this browser");this.gl=h,this.initProgram(),this.setupPositionAttribute(),this.setupUniforms(),this.setUniformValues(this.providedUniforms),this.setupResizeObserver(),visualViewport?.addEventListener("resize",this.handleVisualViewportChange),this.setSpeed(n),this.parentElement.setAttribute("data-paper-shader",""),this.parentElement.paperShaderMount=this,document.addEventListener("visibilitychange",this.handleDocumentVisibilityChange)}initProgram=()=>{let e=function(e,t,r){let i=e.getShaderPrecisionFormat(e.FRAGMENT_SHADER,e.MEDIUM_FLOAT),n=i?i.precision:null;n&&n<23&&(t=t.replace(/precision\s+(lowp|mediump)\s+float;/g,"precision highp float;"),r=r.replace(/precision\s+(lowp|mediump)\s+float/g,"precision highp float").replace(/\b(uniform|varying|attribute)\s+(lowp|mediump)\s+(\w+)/g,"$1 highp $3"));let o=a(e,e.VERTEX_SHADER,t),s=a(e,e.FRAGMENT_SHADER,r);if(!o||!s)return null;let l=e.createProgram();return l?(e.attachShader(l,o),e.attachShader(l,s),e.linkProgram(l),e.getProgramParameter(l,e.LINK_STATUS))?(e.detachShader(l,o),e.detachShader(l,s),e.deleteShader(o),e.deleteShader(s),l):(console.error("Unable to initialize the shader program: "+e.getProgramInfoLog(l)),e.deleteProgram(l),e.deleteShader(o),e.deleteShader(s),null):null}(this.gl,n,this.fragmentShader);e&&(this.program=e)};setupPositionAttribute=()=>{let e=this.gl.getAttribLocation(this.program,"a_position"),t=this.gl.createBuffer();this.gl.bindBuffer(this.gl.ARRAY_BUFFER,t),this.gl.bufferData(this.gl.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),this.gl.STATIC_DRAW),this.gl.enableVertexAttribArray(e),this.gl.vertexAttribPointer(e,2,this.gl.FLOAT,!1,0,0)};setupUniforms=()=>{let e={u_time:this.gl.getUniformLocation(this.program,"u_time"),u_pixelRatio:this.gl.getUniformLocation(this.program,"u_pixelRatio"),u_resolution:this.gl.getUniformLocation(this.program,"u_resolution")};Object.entries(this.providedUniforms).forEach(([t,r])=>{if(e[t]=this.gl.getUniformLocation(this.program,t),r instanceof HTMLImageElement){let r=`${t}AspectRatio`;e[r]=this.gl.getUniformLocation(this.program,r)}}),this.uniformLocations=e};renderScale=1;parentWidth=0;parentHeight=0;parentDevicePixelWidth=0;parentDevicePixelHeight=0;devicePixelsSupported=!1;resizeObserver=null;setupResizeObserver=()=>{this.resizeObserver=new ResizeObserver(([e])=>{if(e?.borderBoxSize[0]){let t=e.devicePixelContentBoxSize?.[0];void 0!==t&&(this.devicePixelsSupported=!0,this.parentDevicePixelWidth=t.inlineSize,this.parentDevicePixelHeight=t.blockSize),this.parentWidth=e.borderBoxSize[0].inlineSize,this.parentHeight=e.borderBoxSize[0].blockSize}this.handleResize()}),this.resizeObserver.observe(this.parentElement)};handleVisualViewportChange=()=>{this.resizeObserver?.disconnect(),this.setupResizeObserver()};handleResize=()=>{let e=0,t=0,r=Math.max(1,window.devicePixelRatio),i=visualViewport?.scale??1;if(this.devicePixelsSupported){let n=Math.max(1,this.minPixelRatio/r);e=this.parentDevicePixelWidth*n*i,t=this.parentDevicePixelHeight*n*i}else{let n=Math.max(r,this.minPixelRatio)*i;this.isSafari&&(n*=Math.max(1,function(){let e=visualViewport?.scale??1,t=outerWidth/(e*(visualViewport?.width??window.innerWidth)+(window.innerWidth-document.documentElement.clientWidth)),r=Math.round(100*t);return r%5==0?r/100:33===r?1/3:67===r?2/3:133===r?4/3:t}())),e=Math.round(this.parentWidth)*n,t=Math.round(this.parentHeight)*n}let n=Math.min(1,Math.sqrt(this.maxPixelCount)/Math.sqrt(e*t)),o=Math.round(e*n),s=Math.round(t*n),a=o/Math.round(this.parentWidth);(this.canvasElement.width!==o||this.canvasElement.height!==s||this.renderScale!==a)&&(this.renderScale=a,this.canvasElement.width=o,this.canvasElement.height=s,this.resolutionChanged=!0,this.gl.viewport(0,0,this.gl.canvas.width,this.gl.canvas.height),this.render(performance.now()))};render=e=>{if(this.hasBeenDisposed)return;if(null===this.program){console.warn("Tried to render before program or gl was initialized");return}let t=e-this.lastRenderTime;this.lastRenderTime=e,0!==this.currentSpeed&&(this.currentFrame+=t*this.currentSpeed),this.gl.clear(this.gl.COLOR_BUFFER_BIT),this.gl.useProgram(this.program),this.gl.uniform1f(this.uniformLocations.u_time,.001*this.currentFrame),this.resolutionChanged&&(this.gl.uniform2f(this.uniformLocations.u_resolution,this.gl.canvas.width,this.gl.canvas.height),this.gl.uniform1f(this.uniformLocations.u_pixelRatio,this.renderScale),this.resolutionChanged=!1),this.gl.drawArrays(this.gl.TRIANGLES,0,6),0!==this.currentSpeed?this.requestRender():this.rafId=null};requestRender=()=>{null!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame(this.render)};setTextureUniform=(e,t)=>
202{if(!t.complete||0===t.naturalWidth)throw Error(`Paper Shaders: image for uniform ${e} must be fully loaded`);let r=this.textures.get(e);r&&this.gl.deleteTexture(r),this.textureUnitMap.has(e)||this.textureUnitMap.set(e,this.textureUnitMap.size);let i=this.textureUnitMap.get(e);this.gl.activeTexture(this.gl.TEXTURE0+i);let n=this.gl.createTexture();this.gl.bindTexture(this.gl.TEXTURE_2D,n),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_WRAP_S,this.gl.CLAMP_TO_EDGE),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_WRAP_T,this.gl.CLAMP_TO_EDGE),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MIN_FILTER,this.gl.LINEAR),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MAG_FILTER,this.gl.LINEAR),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,t),this.mipmaps.includes(e)&&(this.gl.generateMipmap(this.gl.TEXTURE_2D),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MIN_FILTER,this.gl.LINEAR_MIPMAP_LINEAR));let o=this.gl.getError();if(o!==this.gl.NO_ERROR||null===n){console.error("Paper Shaders: WebGL error when uploading texture:",o);return}this.textures.set(e,n);let s=this.uniformLocations[e];if(s){this.gl.uniform1i(s,i);let r=`${e}AspectRatio`,n=this.uniformLocations[r];if(n){let e=t.naturalWidth/t.naturalHeight;this.gl.uniform1f(n,e)}}};areUniformValuesEqual=(e,t)=>e===t||!!(Array.isArray(e)&&Array.isArray(t))&&e.length===t.length&&e.every((e,r)=>this.areUniformValuesEqual(e,t[r]));setUniformValues=e=>{this.gl.useProgram(this.program),Object.entries(e).forEach(([e,t])=>{let r=t;if(t instanceof HTMLImageElement&&(r=`${t.src.slice(0,200)}|${t.naturalWidth}x${t.naturalHeight}`),this.areUniformValuesEqual(this.uniformCache[e],r))return;this.uniformCache[e]=r;let i=this.uniformLocations[e];if(!i){console.warn(`Uniform location for ${e} not found`);return}if(t instanceof HTMLImageElement)this.setTextureUniform(e,t);else if(Array.isArray(t)){let r=null,n=null;if(void 0!==t[0]&&Array.isArray(t[0])){let i=t[0].length;if(t.every(e=>e.length===i))r=t.flat(),n=i;else{console.warn(`All child arrays must be the same length for ${e}`);return}}else n=(r=t).length;switch(n){case 2:this.gl.uniform2fv(i,r);break;case 3:this.gl.uniform3fv(i,r);break;case 4:this.gl.uniform4fv(i,r);break;case 9:this.gl.uniformMatrix3fv(i,!1,r);break;case 16:this.gl.uniformMatrix4fv(i,!1,r);break;default:console.warn(`Unsupported uniform array length: ${n}`)}}else"number"==typeof t?this.gl.uniform1f(i,t):"boolean"==typeof t?this.gl.uniform1i(i,t?1:0):console.warn(`Unsupported uniform type for ${e}: ${typeof t}`)})};getCurrentFrame=()=>this.currentFrame;setFrame=e=>{this.currentFrame=e,this.lastRenderTime=performance.now(),this.render(performance.now())};setSpeed=(e=1)=>{this.speed=e,this.setCurrentSpeed(document.hidden?0:e)};setCurrentSpeed=e=>{this.currentSpeed=e,null===this.rafId&&0!==e&&(this.lastRenderTime=performance.now(),this.rafId=requestAnimationFrame(this.render)),null!==this.rafId&&0===e&&(cancelAnimationFrame(this.rafId),this.rafId=null)};setMaxPixelCount=(e=o)=>{this.maxPixelCount=e,this.handleResize()};setMinPixelRatio=(e=2)=>{this.minPixelRatio=e,this.handleResize()};setUniforms=e=>{this.setUniformValues(e),this.providedUniforms={...this.providedUniforms,...e},this.render(performance.now())};handleDocumentVisibilityChange=()=>{this.setCurrentSpeed(document.hidden?0:this.speed)};dispose=()=>{this.hasBeenDisposed=!0,null!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=null),this.gl&&this.program&&(this.textures.forEach(e=>{this.gl.deleteTexture(e)}),this.textures.clear(),this.gl.deleteProgram(this.program),this.program=null,this.gl.bindBuffer(this.gl.ARRAY_BUFFER,null),this.gl.bindBuffer(this.gl.ELEMENT_ARRAY_BUFFER,null),this.gl.bindRenderbuffer(this.gl.RENDERBUFFER,null),this.gl.bindFramebuffer(this.gl.FRAMEBUFFER,null),this.gl.getError()),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),visualViewport?.removeEventListener("resize",this.handleVisualViewportChange),document.removeEventListener("visibilitychange",this.handleDocumentVisibilityChange),this.uniformLocations={},this.canvasElement.remove(),delete this.parentElement.paperShaderMount}}function a(e,t,r){let i=e.createShader(t);return i?(e.shaderSource(i,r),e.compileShader(i),e.getShaderParameter(i,e.COMPILE_STATUS))?i:(console.error("An error occurred compiling the shaders: "+e.getShaderInfoLog(i)),e.deleteShader(i),null):null}let l=`@layer paper-shaders { 203 :where([data-paper-shader]) { 204 isolation: isolate; 205 position: relative; 206 207 & canvas { 208 contain: strict; 209 display: block; 210 position: absolute; 211 inset: 0; 212 z-index: -1; 213 width: 100%; 214 height: 100%; 215 border-radius: inherit; 216 corner-shape: inherit; 217 } 218 } 219}`;var u=r(57437);async function c(e){let t={},r=[],i=e=>{try{if(e.startsWith("/"))return!0;return new URL(e),!0}catch(e){return!1}},n=e=>{try{if(e.startsWith("/"))return!1;return new URL(e,window.location.origin).origin!==window.location.origin}catch(e){return!1}};
219return Object.entries(e).forEach(e=>{let[o,s]=e;if("string"==typeof s){if(!s){t[o]=function(){if("undefined"==typeof window){console.warn("Paper Shaders: canât create an image on the server");return}let e=new Image;return e.src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",e}();return}if(!i(s)){console.warn('Uniform "'.concat(o,'" has invalid URL "').concat(s,'". Skipping image loading.'));return}let e=new Promise((e,r)=>{let i=new Image;n(s)&&(i.crossOrigin="anonymous"),i.onload=()=>{t[o]=i,e()},i.onerror=()=>{console.error("Could not set uniforms. Failed to load image at ".concat(s)),r()},i.src=s});r.push(e)}else t[o]=s}),await Promise.all(r),t}let f=(0,i.forwardRef)(function(e,t){let{fragmentShader:r,uniforms:n,webGlContextAttributes:o,speed:a=0,frame:l=0,width:f,height:h,minPixelRatio:p,maxPixelCount:d,mipmaps:v,style:m,...g}=e,[_,x]=(0,i.useState)(!1),S=(0,i.useRef)(null),y=(0,i.useRef)(null),b=(0,i.useRef)(o);(0,i.useEffect)(()=>((async()=>{let e=await c(n);S.current&&!y.current&&(y.current=new s(S.current,r,e,b.current,a,l,p,d,v),x(!0))})(),()=>{var e;null===(e=y.current)||void 0===e||e.dispose(),y.current=null}),[r]),(0,i.useEffect)(()=>{let e=!1;return(async()=>{let t=await c(n);if(!e){var r;null===(r=y.current)||void 0===r||r.setUniforms(t)}})(),()=>{e=!0}},[n,_]),(0,i.useEffect)(()=>{var e;null===(e=y.current)||void 0===e||e.setSpeed(a)},[a,_]),(0,i.useEffect)(()=>{var e;null===(e=y.current)||void 0===e||e.setMaxPixelCount(d)},[d,_]),(0,i.useEffect)(()=>{var e;null===(e=y.current)||void 0===e||e.setMinPixelRatio(p)},[p,_]),(0,i.useEffect)(()=>{var e;null===(e=y.current)||void 0===e||e.setFrame(l)},[l,_]);let R=function(e){let t=i.useRef(void 0),r=i.useCallback(t=>{let r=e.map(e=>{if(null!=e){if("function"==typeof e){let r=e(t);return"function"==typeof r?r:()=>{e(null)}}return e.current=t,()=>{e.current=null}}});return()=>{r.forEach(e=>e?.())}},e);return i.useMemo(()=>e.every(e=>null==e)?null:e=>{t.current&&(t.current(),t.current=void 0),null!=e&&(t.current=r(e))},e)}([S,t]);return(0,u.jsx)("div",{ref:R,style:void 0!==f||void 0!==h?{width:"string"==typeof f&&!1===isNaN(+f)?+f:f,height:"string"==typeof h&&!1===isNaN(+h)?+h:h,...m}:m,...g})});f.displayName="ShaderMount";let h=` 220in vec2 v_objectUV; 221in vec2 v_responsiveUV; 222in vec2 v_responsiveBoxGivenSize; 223in vec2 v_patternUV; 224in vec2 v_imageUV;`,p=` 225in vec2 v_objectBoxSize; 226in vec2 v_objectHelperBox; 227in vec2 v_responsiveBoxSize; 228in vec2 v_responsiveHelperBox; 229in vec2 v_patternBoxSize; 230in vec2 v_patternHelperBox;`,d=` 231uniform float u_originX; 232uniform float u_originY; 233uniform float u_worldWidth; 234uniform float u_worldHeight; 235uniform float u_fit; 236 237uniform float u_scale; 238uniform float u_rotation; 239uniform float u_offsetX; 240uniform float u_offsetY;`,v={fit:"contain",scale:1,rotation:0,offsetX:0,offsetY:0,originX:.5,originY:.5,worldWidth:0,worldHeight:0},m={none:0,contain:1,cover:2};function g(e){if(Array.isArray(e))return 4===e.length?e:3===e.length?[...e,1]:x;if("string"!=typeof e)return x;let t,r,i,n=1;if(e.startsWith("#"))[t,r,i,n]=function(e){3===(e=e.replace(/^#/,"")).length&&(e=e.split("").map(e=>e+e).join("")),6===e.length&&(e+="ff");let t=parseInt(e.slice(0,2),16)/255;return[t,parseInt(e.slice(2,4),16)/255,parseInt(e.slice(4,6),16)/255,parseInt(e.slice(6,8),16)/255]}(e);else if(e.startsWith("rgb"))[t,r,i,n]=function(e){let t=e.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([0-9.]+))?\s*\)$/i);return t?[parseInt(t[1]??"0")/255,parseInt(t[2]??"0")/255,parseInt(t[3]??"0")/255,void 0===t[4]?1:parseFloat(t[4])]:[0,0,0,1]}(e);else{if(!e.startsWith("hsl"))return console.error("Unsupported color format",e),x;[t,r,i,n]=function(e){let t,r,i;let[n,o,s,a]=e,l=n/360,u=o/100,c=s/100;if(0===o)t=r=i=c;else{let e=(e,t,r)=>(r<0&&(r+=1),r>1&&(r-=1),r<1/6)?e+(t-e)*6*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e,n=c<.5?c*(1+u):c+u-c*u,o=2*c-n;t=e(o,n,l+1/3),r=e(o,n,l),i=e(o,n,l-1/3)}return[t,r,i,a]}(function(e){let t=e.match(/^hsla?\s*\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(?:,\s*([0-9.]+))?\s*\)$/i);return t?[parseInt(t[1]??"0"),parseInt(t[2]??"0"),parseInt(t[3]??"0"),void 0===t[4]?1:parseFloat(t[4])]:[0,0,0,1]}(e))}return[_(t,0,1),_(r,0,1),_(i,0,1),_(n,0,1)]}let _=(e,t,r)=>
240Math.min(Math.max(e,t),r),x=[0,0,0,1],S=` 241#define TWO_PI 6.28318530718 242#define PI 3.14159265358979323846 243`,y=` 244vec2 rotate(vec2 uv, float th) { 245 return mat2(cos(th), sin(th), -sin(th), cos(th)) * uv; 246} 247`,b=` 248 float hash21(vec2 p) { 249 p = fract(p * vec2(0.3183099, 0.3678794)) + 0.1; 250 p += dot(p, p + 19.19); 251 return fract(p.x * p.y); 252 } 253`,R=`#version 300 es 254precision mediump float; 255 256uniform float u_time; 257 258uniform vec4 u_colors[10]; 259uniform float u_colorsCount; 260 261uniform float u_distortion; 262uniform float u_swirl; 263uniform float u_grainMixer; 264uniform float u_grainOverlay; 265 266${h} 267${p} 268${d} 269 270out vec4 fragColor; 271 272${S} 273${y} 274${b} 275 276float valueNoise(vec2 st) { 277 vec2 i = floor(st); 278 vec2 f = fract(st); 279 float a = hash21(i); 280 float b = hash21(i + vec2(1.0, 0.0)); 281 float c = hash21(i + vec2(0.0, 1.0)); 282 float d = hash21(i + vec2(1.0, 1.0)); 283 vec2 u = f * f * (3.0 - 2.0 * f); 284 float x1 = mix(a, b, u.x); 285 float x2 = mix(c, d, u.x); 286 return mix(x1, x2, u.y); 287} 288 289float noise(vec2 n, vec2 seedOffset) { 290 return valueNoise(n + seedOffset); 291} 292 293vec2 getPosition(int i, float t) { 294 float a = float(i) * .37; 295 float b = .6 + fract(float(i) / 3.) * .9; 296 float c = .8 + fract(float(i + 1) / 4.); 297 298 float x = sin(t * b + a); 299 float y = cos(t * c + a * 1.5); 300 301 return .5 + .5 * vec2(x, y); 302} 303 304void main() { 305 vec2 shape_uv = v_objectUV; 306 shape_uv += .5; 307 308 vec2 grainUV = v_objectUV; 309 // apply inverse transform to grain_uv so it respects the originXY 310 float grainUVRot = u_rotation * 3.14159265358979323846 / 180.; 311 mat2 graphicRotation = mat2(cos(grainUVRot), sin(grainUVRot), -sin(grainUVRot), cos(grainUVRot)); 312 vec2 graphicOffset = vec2(-u_offsetX, u_offsetY); 313 grainUV = transpose(graphicRotation) * grainUV; 314 grainUV *= u_scale; 315 grainUV *= .7; 316 grainUV -= graphicOffset; 317 grainUV *= v_objectBoxSize; 318 319 float grain = noise(grainUV, vec2(0.)); 320 float mixerGrain = .4 * u_grainMixer * (grain - .5); 321 322 const float firstFrameOffset = 41.5; 323 float t = .5 * (u_time + firstFrameOffset); 324 325 float radius = smoothstep(0., 1., length(shape_uv - .5)); 326 float center = 1. - radius; 327 for (float i = 1.; i <= 2.; i++) { 328 shape_uv.x += u_distortion * center / i * sin(t + i * .4 * smoothstep(.0, 1., shape_uv.y)) * cos(.2 * t + i * 2.4 * smoothstep(.0, 1., shape_uv.y)); 329 shape_uv.y += u_distortion * center / i * cos(t + i * 2. * smoothstep(.0, 1., shape_uv.x)); 330 } 331 332 vec2 uvRotated = shape_uv; 333 uvRotated -= vec2(.5); 334 float angle = 3. * u_swirl * radius; 335 uvRotated = rotate(uvRotated, -angle); 336 uvRotated += vec2(.5); 337 338 vec3 color = vec3(0.); 339 float opacity = 0.; 340 float totalWeight = 0.; 341 342 for (int i = 0; i < 10; i++) { 343 if (i >= int(u_colorsCount)) break; 344 345 vec2 pos = getPosition(i, t) + mixerGrain; 346 vec3 colorFraction = u_colors[i].rgb * u_colors[i].a; 347 float opacityFraction = u_colors[i].a; 348 349 float dist = length(uvRotated - pos); 350 351 dist = pow(dist, 3.5); 352 float weight = 1. / (dist + 1e-3); 353 color += colorFraction * weight; 354 opacity += opacityFraction * weight; 355 totalWeight += weight; 356 } 357 358 color /= max(1e-4, totalWeight); 359 opacity /= max(1e-4, totalWeight); 360 361 float rr = noise(rotate(grainUV, 1.), vec2(3.)); 362 float gg = noise(rotate(grainUV, 2.) + 10., vec2(-1.)); 363 float bb = noise(grainUV - 2., vec2(5.)); 364 vec3 grainColor = vec3(rr, gg, bb); 365 color = mix(color, grainColor, .01 + .3 * u_grainOverlay); 366 367 fragColor = vec4(color, opacity); 368} 369`,E={name:"Default",params:{...v,speed:1,frame:0,colors:["#e0eaff","#241d9a","#f75092","#9f50d3"],distortion:.8,swirl:.1,grainMixer:0,grainOverlay:0}};({...v});let w=(0,i.memo)(function({speed:e=E.params.speed,frame:t=E.params.frame,colors:r=E.params.colors,distortion:i=E.params.distortion,swirl:n=E.params.swirl,grainMixer:o=E.params.grainMixer,grainOverlay:s=E.params.grainOverlay,fit:a=E.params.fit,rotation:l=E.params.rotation,scale:c=E.params.scale,originX:h=E.params.originX,originY:p=E.params.originY,offsetX:d=E.params.offsetX,offsetY:v=E.params.offsetY,worldWidth:_=E.params.worldWidth,worldHeight:x=E.params.worldHeight,...S}){let y={u_colors:r.map(g),u_colorsCount:r.length,u_distortion:i,u_swirl:n,u_grainMixer:o,u_grainOverlay:s,u_fit:m[a],u_rotation:l,u_scale:c,u_offsetX:d,u_offsetY:v,u_originX:h,u_originY:p,u_worldWidth:_,u_worldHeight:x};return(0,u.jsx)(f,{...S,speed:e,frame:t,fragmentShader:R,uniforms:y})},function(e,t){for(let r in e){if("colors"===r){let r=Array.isArray(e.colors),i=Array.isArray(t.colors);if(!r||!i){if(!1===Object.is(e.colors,t.colors))return!1;continue}if(e.colors?.length!==t.colors?.length||!e.colors?.every((e,r)=>e===t.colors?.[r]))return!1;continue}if(!1===Object.is(e[r],t[r]))return!1}return!0})}}]); 370//# sourceMappingURL=1880-9602e8aa3a8504e5.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.