Module 970812

6,764 characters · in 022c48013ebfa04f.js
Dependencies
Required by (2)
Lazily required by (0)none
Lazily requires (0)none
Source Raw
function(e,t,n){n.d(t,{A:()=>_});var i=n(627968),a=n(64700),l=n(503698),r=n.n(l),s=n(172218),u=n(17928),o=n(775602),c=n(763827),d=n(531685),g=n(25639),h=n(329319);let f="ease-in-out",m=[8,16,11,13,6],x=Array.from({length:5},(e,t)=>t),A=[2,2,5,2,2],N=[3,3,10,6,3],v=[3,3,7,12,6],E=[3,3,5,10,16],D=[3,3,8,13,7],S=[4,6,12,9,6],b=[6,10,9,16,8],j=6.67/8,y="M16.5 18H16a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-.5v-.5a2.5 2.5 0 0 0-5 0v.5Zm3.5 0v-.5a1 1 0 1 0-2 0v.5h2Z",T=`translate(${12.33-15*j}, ${1-15.5*j}) scale(${j})`;function M(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:m,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:2,a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:16;for(let l=0;l<5;l++){let r=n[l],s=p(-t,t);e[l]=Math.max(i,Math.min(a,r+s))}return e}function p(e,t){return Math.random()*(t-e)+e}let C={[g.s.GENTLE_AMBIENT]:{firstState:"burst",transitionConfig:{durationMs:180,timingFunction:f},states:{burst:{getHeights:e=>M(e,4),getAnimationDelay:()=>p(64,128),getStateDuration:()=>p(3e3,6e3),getNextState:()=>"quiet"},quiet:{getHeights:e=>M(e,3),getAnimationDelay:()=>p(64,128),getStateDuration:()=>p(1e3,3e3),getNextState:()=>"burst"}}},[g.s.GENTLE_AMBIENT_WITH_INTRO]:{firstState:"introSilent",transitionConfig:{durationMs:100,timingFunction:f},states:{introSilent:{getHeights:e=>(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:2;for(let i=0;i<5;i++)e[i]=n+p(0,t);return e})(e),getAnimationDelay:()=>p(64,128),getStateDuration:()=>p(32,64),getNextState:()=>"waveBuildCenter"},waveBuildCenter:{getHeights:e=>M(e,3,A),getAnimationDelay:()=>p(64,128),getStateDuration:()=>p(32,64),getNextState:()=>"waveBuildRight1"},waveBuildRight1:{getHeights:e=>M(e,4,N,1),getAnimationDelay:()=>p(64,128),getStateDuration:()=>p(32,64),getNextState:()=>"waveBuildRight2"},waveBuildRight2:{getHeights:e=>M(e,4,v,1),getAnimationDelay:()=>p(64,128),getStateDuration:()=>p(32,64),getNextState:()=>"wavePeakRight"},wavePeakRight:{getHeights:e=>M(e,4,E,1),getAnimationDelay:()=>p(64,128),getStateDuration:()=>p(32,64),getNextState:()=>"waveReturnLeft1"},waveReturnLeft1:{getHeights:e=>M(e,5,D),getAnimationDelay:()=>p(64,128),getStateDuration:()=>p(32,64),getNextState:()=>"waveReturnLeft2"},waveReturnLeft2:{getHeights:e=>M(e,5,S),getAnimationDelay:()=>p(64,128),getStateDuration:()=>p(32,64),getNextState:()=>"burst"},burst:{getHeights:e=>M(e,4),getAnimationDelay:()=>p(64,128),getStateDuration:()=>p(3e3,6e3),getNextState:()=>"quiet"},quiet:{getHeights:e=>M(e,3),getAnimationDelay:()=>p(64,128),getStateDuration:()=>p(1e3,3e3),getNextState:()=>"burst"}}},[g.s.HIGH_CONTRAST]:{firstState:"burst",transitionConfig:{durationMs:120,timingFunction:f},states:{burst:{getHeights:e=>M(e,7,b),getAnimationDelay:()=>p(64,128),getStateDuration:()=>p(3e3,6e3),getNextState:()=>"quiet"},quiet:{getHeights:e=>M(e,4,b),getAnimationDelay:()=>p(64,128),getStateDuration:()=>p(1e3,3e3),getNextState:()=>"burst"}}}};function R(e){let{iconSize:t=20,locked:n=!1,maskId:a}=e;return n?(0,i.jsx)("defs",{children:(0,i.jsxs)("mask",{id:a,children:[(0,i.jsx)("rect",{width:t,height:t,fill:"white"}),(0,i.jsx)("rect",{x:11.33,y:0,width:8.67,height:9.5,fill:"black",rx:1})]})}):null}function w(e){let t,n,l,{color:o="currentColor",className:c,animationStyle:f=g.s.GENTLE_AMBIENT,iconSize:m=20,locked:A=!1}=e,N=a.useId(),v=(0,u.bG)([d.A],()=>d.A.isAppFocused()),[E,D]=a.useState(!1),S=a.useCallback(e=>{D(t=>t!==e?e:t)},[]),b=(0,s.K)(S,.15),j=a.useRef([,,,,,].fill(0)),M=C[f],p=!v||!E,w=(m-18)/2,I=p?0:M.transitionConfig.durationMs,_=a.useRef(null),L=a.useMemo(()=>({transitionProperty:"transform",transitionDuration:`${I}ms`,transitionTimingFunction:M.transitionConfig.timingFunction}),[M.transitionConfig.timingFunction,I]),k=a.useMemo(()=>({...L,width:2,height:16,backgroundColor:o}),[L,o]),G=a.useMemo(()=>({left:w,top:(m-16)/2,width:18,height:16,columnGap:2}),[m,w,18]),U=a.useCallback(e=>{let t=_.current;if(null==t)return;let n=t.children;for(let t=0;t<5;t++){let i=n.item(t);if(null==i)continue;let a=e[t],l=Math.max(2,Math.min(16,"number"==typeof a&&Number.isFinite(a)?a:2))/16;i.style.transform=`scaleY(${l})`}},[_]);a.useLayoutEffect(()=>{p||U(M.states[M.firstState].getHeights(j.current))},[U,M,p]),t=a.useRef(M.firstState),n=a.useRef(null),l=!p,a.useEffect(()=>{if(!l)return;t.current=M.firstState,n.current=null;let e=null,i=!1;n.current={now:Date.now(),stateEnterTime:Date.now(),stateEndTime:0};let a=n.current;function r(e){a.stateEnterTime=a.now;let t=e.getStateDuration();a.stateEndTime=t>0?a.now+t:0}function s(){null!=e&&(clearTimeout(e),e=null)}let u=M.states[t.current];return null!=u&&r(u),function n(l){s(),i||(e=setTimeout(()=>{e=null,i||function(){if(i)return;e=null,a.now=Date.now();let l=t.current,s=M.states[l];if(null==s){t.current=M.firstState,n(0);return}try{let e=s.getHeights(j.current);U(e)}catch(e){i=!0;return}if(0===a.stateEndTime||a.now>=a.stateEndTime){let e=s.getNextState();t.current=e;let n=M.states[e];null!=n&&r(n)}n(s.getAnimationDelay())}()},Math.max(0,l)))}(0),()=>{i=!0,s()}},[U,l,M,j]);let H=A?`url(#${N})`:void 0;return(0,i.jsx)("span",{ref:b,className:r()(c,h.Aj),children:(0,i.jsxs)("svg",{width:m,height:m,viewBox:`0 0 ${m} ${m}`,fill:"none",children:[(0,i.jsx)(R,{iconSize:m,locked:A,maskId:N}),(0,i.jsx)("g",{mask:H,children:(0,i.jsx)("foreignObject",{x:0,y:0,width:m,height:m,children:(0,i.jsx)("div",{className:h.FH,children:(0,i.jsx)("div",{ref:_,className:h.Gb,style:G,children:x.map(e=>(0,i.jsx)("div",{className:h.M0,style:k},e))})})})}),A&&(0,i.jsx)("path",{d:y,transform:T,fill:o,fillRule:"evenodd",clipRule:"evenodd"})]})})}function I(e){let{color:t="currentColor",className:n,iconSize:l=20,locked:r=!1}=e,s=a.useId(),u=(l-18)/2,o=r?`url(#${s})`:void 0;return(0,i.jsx)("span",{className:n,style:{display:"inline-flex",pointerEvents:"none",contain:"strict",width:l,height:l},children:(0,i.jsxs)("svg",{width:l,height:l,viewBox:`0 0 ${l} ${l}`,fill:"none",children:[(0,i.jsx)(R,{iconSize:l,locked:r,maskId:s}),(0,i.jsx)("g",{mask:o,children:m.map((e,n)=>{let a=(l-e)/2;return(0,i.jsx)("rect",{x:u+4*n,y:a,width:2,height:e,rx:1,fill:t},n)})}),r&&(0,i.jsx)("path",{d:y,transform:T,fill:t,fillRule:"evenodd",clipRule:"evenodd"})]})})}function _(e){let{color:t="currentColor",className:n,iconSize:l=20,animationStyle:r=g.s.GENTLE_AMBIENT,locked:s=!1}=e,d=(0,u.bG)([o.Ay],()=>o.Ay.useReducedMotion),h=(0,u.bG)([c.A],()=>c.A.isConnected()),[f,m]=a.useState(h);return(a.useEffect(()=>{if(h){let e=setTimeout(()=>m(!0),800);return()=>clearTimeout(e)}m(!1)},[h]),d||f)?(0,i.jsx)(I,{color:t,className:n,iconSize:l,locked:s}):(0,i.jsx)(w,{color:t,className:n,animationStyle:r,iconSize:l,locked:s})}}