https://santafe.edu/assets/7466.1fd118d7.js

1"use strict";(self.webpackChunknew_website=self.webpackChunknew_website||[]).push([[7466],{17466(e,t,r){r.r(t),r.d(t,{default:()=>w});var n=r(64467),a=r(45458),i=r(80296),l=r(96540),o=r(66221),c=r(59406);function s(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 f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var u={M:"#2B9A9A",G:"#1F5D7A",T:"#6B8E4E",P:"#C85A2E",E:"#D9C89A"},m=["M","G","T","P","E"],h={M:{label:"droplet"},G:{label:"shot glass"},T:{label:"bathtub"},P:{label:"swimming pool"},E:{label:"small lake"}},p="#A8D8E8";function d(e){var t=e.tier,r=e.color;switch(t){case"M":return l.createElement("path",{d:"M18 3 C18 3 6 17 6 25 a12 12 0 0 0 24 0 C30 17 18 3 18 3 Z",fill:r});case"G":return l.createElement("g",null,l.createElement("path",{d:"M10 8 L26 8 L23.5 30 L12.5 30 Z",stroke:r,strokeWidth:1.8,fill:"none",strokeLinejoin:"round"}),l.createElement("path",{d:"M11.8 14 L24.2 14 L22.6 29.3 L13.4 29.3 Z",fill:r,opacity:.6}));case"T":return l.createElement("g",null,l.createElement("path",{d:"M4 16 L32 16 Q32 28, 26 28 L10 28 Q4 28, 4 16 Z",stroke:r,strokeWidth:1.8,fill:"none",strokeLinejoin:"round"}),l.createElement("path",{d:"M6 18 L30 18 Q30 26, 25 26 L11 26 Q6 26, 6 18 Z",fill:r,opacity:.5}),l.createElement("line",{x1:9,y1:28,x2:9,y2:33,stroke:r,strokeWidth:1.8,strokeLinecap:"round"}),l.createElement("line",{x1:27,y1:28,x2:27,y2:33,stroke:r,strokeWidth:1.8,strokeLinecap:"round"}));case"P":return l.createElement("g",null,l.createElement("rect",{x:4,y:10,width:28,height:20,rx:2,fill:r,opacity:.45,stroke:r,strokeWidth:1.5}),l.createElement("line",{x1:5,y1:17,x2:31,y2:17,stroke:"#fff",strokeWidth:1,strokeDasharray:"2 3",opacity:.5}),l.createElement("line",{x1:5,y1:23,x2:31,y2:23,stroke:"#fff",strokeWidth:1,strokeDasharray:"2 3",opacity:.5}));case"E":return l.createElement("g",null,l.createElement("path",{d:"M6 20 Q3 12, 10 10 Q16 7, 20 11 Q26 8, 31 14 Q35 20, 30 26 Q24 31, 16 29 Q7 28, 6 20 Z",fill:r,opacity:.55,stroke:r,strokeWidth:1.3}),l.createElement("path",{d:"M12 20 Q15 18, 18 20 Q21 22, 24 20",stroke:"#fff",fill:"none",strokeWidth:1,opacity:.55}));default:return null}}var y=40,g=212;function x(e,t,r){return Math.min(1,Math.max(0,(e-t)/(r-t)))}var v=640,E=440;var M=Array.from({length:10},function(e,t){return function(e,t){for(var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=new Array(e),a=0;a<e;a+=1)n[a]=a;for(var i=t>>>0||1,l=e-1;l>r;l-=1){i=Math.imul(i^i>>>16,2246822507);var o=r+(i=((i=Math.imul(i^i>>>13,3266489909))^i>>>16)>>>0)%(l-r+1),c=n[l];n[l]=n[o],n[o]=c}return n}(100,Math.imul(t+1,2654435761),0===t?10:0)});function b(e){var t,r;if(e<100)t=0,r=e;else{var n=e-100;t=1+n%9,r=Math.floor(n/9)}var a=M[t][r];return{lx:11*(t%5)+a%10,ly:11*Math.floor(t/5)+Math.floor(a/10)}}function w(e){var t=e.step,r=e.showControls,n=void 0===r||r,s=e.annotations,M=void 0===s?[]:s,w=e.annotationPosition,k=void 0===w?"below":w,P=e.onStepChange,A=e.maxTier,I=void 0===A?"E":A,O=e.centerX,L=(0,l.useState)(0),S=(0,i.A)(L,2),j=S[0],W=S[1],D=(0,l.useState)(!1),Q=(0,i.A)(D,2),C=Q[0],T=Q[1],B=void 0!==t?t:j,F=Math.max(0,m.indexOf(I)),G=function(e,t){var r=Math.max(0,Math.min(e,g)),n=Math.min(Math.floor(r/53),t),a=m[n],i=r-53*n;if(n>=t)return{tier:a,tierIndex:n,countInTier:Math.max(1,Math.round(Math.exp(Math.log(1e3)*Math.min(i,y)/y))),phase:"accumulating",mergeProgress:0};if(i<=y)return{tier:a,tierIndex:n,countInTier:Math.max(1,Math.round(Math.exp(Math.log(1e3)*i/y))),phase:"accumulating",mergeProgress:0};var l=i-y;return{tier:a,tierIndex:n,countInTier:1e3,phase:"merging",mergeProgress:Math.min(Math.max((l-1)/11,0),1)}}(B,F);(0,l.useEffect)(function(){if(C&&void 0===t){var e=setInterval(function(){W(function(e){if(e>=g)return T(!1),g;var t=e+1;return P&&P(t),t})},150);return function(){return clearInterval(e)}}},[C,t,P]);for(var N=function(){if(!M.length)return[];var e=M.filter(function(e){return e.step===B});if(e.length)return e;var t=M.filter(function(e){return e.step<=B});if(!t.length)return[];var r=Math.max.apply(Math,(0,a.A)(t.map(function(e){return e.step})));return t.filter(function(e){return e.step===r})}(),z=G.countInTier,Z="merging"===G.phase&&G.tierIndex<F,R=G.mergeProgress,X=m[G.tierIndex+1],Y=Z&&R>

1.5&&X?X:G.tier,_=null!=O?O:320,q=Math.min(_-24,v-_-24),H=2*Math.max(0,q),J=new Array(z),K=0;K<z;K+=1)J[K]=b(K);for(var U=1/0,V=-1/0,$=1/0,ee=-1/0,te=0;te<J.length;te+=1){var re=J[te],ne=re.lx,ae=re.ly;ne<=9&&ae<=9&&(ne<U&&(U=ne),ne>V&&(V=ne),ae<$&&($=ae),ae>ee&&(ee=ae))}var ie=V-U+1,le=ee-$+1,oe=(U+V)/2,ce=($+ee)/2,se=0;if(z>=100){var fe=Math.log(100),ue=Math.log(1e3),me=Math.log(z);se=Math.min(1,Math.max(0,(me-fe)/(ue-fe)))}Z&&(se=1);var he=oe+(26.5-oe)*se,pe=ce+(10-ce)*se,de=ie+(54-ie)*se,ye=le+(21-le)*se,ge=Math.max(2,Math.min(120,H/de,392/ye)),xe=z<=300?{type:"spring",stiffness:180,damping:22,mass:.6}:{type:"tween",duration:.25,ease:[.22,.61,.36,1]},ve=(0,l.useRef)(0);(0,l.useEffect)(function(){ve.current=z},[z]);var Ee,Me,be,we,ke,Pe,Ae,Ie,Oe=ve.current,Le=z<=300,Se=J.map(function(e,t){return{x:_+(e.lx-he)*ge-ge/2,y:220+(e.ly-pe)*ge-ge/2,i:t}}),je=Z?x(R,0,.15):0,We=Z?x(R,.15,.35):0,De=Z?x(R,.35,.55):0,Qe=Z?x(R,.55,1):0,Ce=de*ge,Te=ye*ge,Be=Ce+(120-Ce)*Qe,Fe=Te+(120-Te)*Qe,Ge=Z?(Ee=u[G.tier],Me=u[X]||u[G.tier],be=De,we=[parseInt(Ee.slice(1,3),16),parseInt(Ee.slice(3,5),16),parseInt(Ee.slice(5,7),16)],ke=[parseInt(Me.slice(1,3),16),parseInt(Me.slice(3,5),16),parseInt(Me.slice(5,7),16)],Pe=Math.round(we[0]+(ke[0]-we[0])*be),Ae=Math.round(we[1]+(ke[1]-we[1])*be),Ie=Math.round(we[2]+(ke[2]-we[2])*be),"rgb(".concat(Pe,", ").concat(Ae,", ").concat(Ie,")")):u[G.tier],Ne=Math.min(12,Math.min(Be,Fe)/10),ze=N.length>0&&l.createElement("div",{style:f({fontFamily:"monospace",fontSize:14,color:"#e8e8f0",background:"#1a1a2e",padding:"8px 12px",borderRadius:6,display:"flex",flexDirection:"column",gap:2},"right"===k?{marginLeft:12,alignSelf:"flex-start",maxWidth:200}:{marginTop:"below"===k?10:0,marginBottom:"above"===k?10:0})},N.map(function(e,t){return l.createElement("div",{key:t},e.label)})),Ze="right"===k,Re=u[G.tier];return l.createElement("div",{style:{margin:"1em auto",width:Ze?void 0:v,display:Ze?"flex":"block",alignItems:Ze?"flex-start":void 0}},"above"===k&&ze,l.createElement("div",{style:{width:v,height:E,borderRadius:10,overflow:"hidden",background:"radial-gradient(ellipse at center, #1f1f3a 0%, #0f0f1e 100%)",boxShadow:"0 8px 32px rgba(0,0,0,0.35)"}},l.createElement("svg",{width:v,height:E,viewBox:"0 0 ".concat(v," ").concat(E),style:{display:"block"}},l.createElement("defs",null,l.createElement("filter",{id:"flops-glow",x:"-50%",y:"-50%",width:"200%",height:"200%"},l.createElement("feGaussianBlur",{stdDeviation:"6",result:"blur"}),l.createElement("feMerge",null,l.createElement("feMergeNode",{in:"blur"}),l.createElement("feMergeNode",{in:"SourceGraphic"}))),l.createElement("filter",{id:"flops-glow-soft",x:"-50%",y:"-50%",width:"200%",height:"200%"},l.createElement("feGaussianBlur",{stdDeviation:"2",result:"blur"}),l.createElement("feMerge",null,l.createElement("feMergeNode",{in:"blur"}),l.createElement("feMergeNode",{in:"SourceGraphic"})))),l.createElement(o.N,{mode:"popLayout"},Se.map(function(e){var t=Z?1-We:1,r=1===z||Z&&je>0,n=function(e){var t=Math.imul(e+1,2654435761)>>>0,r=t%4,n=(t>>>2)%1e4/1e4,a=100+(t>>>14)%200;return 0===r?{x:n*v,y:-a}:1===r?{x:v+a,y:n*E}:2===r?{x:n*v,y:E+a}:{x:-a,y:n*E}}(e.i),a=e.i>=Oe,i=Math.max(0,e.i-Oe),o=a?Math.min(.35,.005*i):0,s=e.x+ge<0||e.x>v||e.y+ge<0||e.y>E,u=0!==e.i&&!s&&(Le?{x:n.x,y:n.y,opacity:0,scale:.7}:{x:e.x,y:e.y,opacity:0,scale:.6});return l.createElement(c.P.g,{key:"".concat(G.tier,"-").concat(e.i),initial:u,animate:{x:e.x,y:e.y,opacity:t,scale:1},exit:{opacity:0,scale:0},transition:f(f({},xe),{},{delay:o}),style:{originX:"50%",originY:"50%"}},l.createElement("rect",{width:ge,height:ge,fill:Re,rx:Math.min(6,ge/8),style:r?{filter:"url(#flops-glow)"}:void 0}),1===z&&l.createElement("text",{x:ge/2,y:ge/2,textAnchor:"middle",dominantBaseline:"central",fill:"#fff",fontWeight:"700",fontSize:ge/2.5,fontFamily:"system-ui, -apple-system, sans-serif",style:{filter:"url(#flops-glow-soft)"}},G.tier))})),l.createElement(o.N,null,Z&&l.createElement(c.P.g,{key:"unified-".concat(G.tier,"-").concat(X),initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.2}},l.createElement(c.P.rect,{initial:!1,animate:{attrX:_-Be/2,attrY:220-Fe/2,width:Be,height:Fe},transition:{type:"spring",stiffness:140,damping:20,mass:.7},fill:Ge,rx:Ne,opacity:We,style:{filter:"url(#flops-glow)"}}),l.createElement(c.P.text,{textAnchor:"middle",dominantBaseline:"central",fill:"#fff",fontWeight:"700",fontFamily:"system-ui, -apple-system, sans-serif",initial:!1,animate:{attrX:_,attrY:220,fontSize:Math.max(18,Math.min(Be,Fe)/2.5),opacity:De},transition:{type:"spring",stiffness:140,damping:18},style:{filter:"url(#flops-glow-soft)"}},X))),l.createElement(c.P.text,{x:16,y:28,fill:"#e8e8f0",fontSize:14,fontFamily:"monospace",opacity:.6},G.tier,"FLOP/s"),l.createElement("g",{transform:"translate(".concat(556,", 14)"),style:{pointerEvents:"none"}},l.createElement(o.N,null,l.createElement(c.P.g,{key:Y,initial:{opacity:0,y:-4},animate:{opacity:1,y:0},exit:{opacity:0,y:4},transition:{duration:.35}},l.createElement("g",{transform:"translate(18, 0)"},l.createElement(d,{tier:Y,color:p})),l.createElement("text",{x:36,y:54,textAnchor:"middle",fill:p,fontSize:11,fontFamily:"monospace",opacity:.85},h[Y].label)))))),"right"===k&&ze,l.createElement("div",{style:{width:Ze?v:void 0}},"below"===k&&ze,n&&l.createElement("div",{style:{display:"flex",alignItems:"center",gap:12,marginTop:10,width:v}},l.createElement("button",{type:"button",onClick:function(){!C&&j>=g&&W(0),T(function(e){return!e})},disabled:void 0!==t,style:{width:36,height:28,border:"1px solid #888",borderRadius:4,background:C?"#C85A2E":"#2B9A9A",color:"#fff",fontFamily:"monospace",fontSize:13,cursor:void 0!==t?"default":"pointer",opacity:void 0!==t?.5:1},"aria-label":C?"Pause":"Play"},C?"❚❚":"▶"),l.createElement("input",{type:"range",min:0,max:g,value:B,onChange:function(e){var t=Number(e.target.value);W(t),T(!1),P&&P(t)},disabled:void 0!==t,style:{flex:1,opacity:void 0!==t?.5:1}}),l.createElement("span",{style:{fontFamily:"monospace",fontSize:14,minWidth:100}},"Step ",B," (",G.tier,")"))))}}}]);