https://nope.net/_app/immutable/nodes/57.BpooNrPK.js

1import"../chunks/DsnmJJEf.js";import{o as Be}from"../chunks/BsTrGTin.js";import{p as Ne,ac as We,h as n,aE as Z,f as Q,V as A,s as k,c as w,t as re,a as J,b as De,g as He,n as ne,$ as ze,r as y,aF as ye,i as Ve}from"../chunks/DiSGQSyH.js";import{d as Je,s as N}from"../chunks/DBVPR_-F.js";import{i as fe}from"../chunks/WRAehx9S.js";import{e as Oe,i as Ke}from"../chunks/BR-PwUWR.js";import{h as Qe}from"../chunks/CH54zNrS.js";import{a as $,s as de,r as Xe}from"../chunks/UMKO4Rc4.js";import{b as Ze}from"../chunks/Cb3oE84Z.js";import{r as et}from"../chunks/BkC6Bjwn.js";import{t as ge}from"../chunks/DnD-TIsQ.js";import{O as tt,a as at}from"../chunks/BAUcSsUe.js";import{r as we,m as I,b as K,a as le,s as C,d as z,c as he}from"../chunks/ad3iobkx.js";const st=!0,nt="always",Ft=Object.freeze(Object.defineProperty({__proto__:null,prerender:st,trailingSlash:nt},Symbol.toStringTag,{value:"Module"})),_e=Math.PI*2,G=(a,s,e)=>({x:a.x+Math.cos(e)*s,y:a.y+Math.sin(e)*s}),H=(a,s)=>Math.atan2(s.y-a.y,s.x-a.x),Le=(...a)=>a.flatMap((s,e)=>e?s.slice(1):s);function me(a,s=180){const e=[0];for(let t=1;t<a.length;t++)e.push(e[t-1]+Math.hypot(a[t].x-a[t-1].x,a[t].y-a[t-1].y));let o=1;return Array.from({length:s},(t,l)=>{const i=e[e.length-1]*l/(s-1);for(;o<e.length-1&&e[o]<i;)o++;return K(a[o-1],a[o],(i-e[o-1])/Math.max(.001,e[o]-e[o-1]))})}function it(a,s){const e=s.r+6,o=[];for(const t of a){const l=Math.hypot(t.x-s.x,t.y-s.y)<e?G(s,e,H(s,t)):t,i=o[o.length-1];if(i){const r=l.x-i.x,c=l.y-i.y,d=he(((s.x-i.x)*r+(s.y-i.y)*c)/Math.max(.001,r*r+c*c)),p={x:i.x+r*d,y:i.y+c*d};if(Math.hypot(p.x-s.x,p.y-s.y)<e-.05){const x=H(s,i),u=(H(s,l)-x+Math.PI*3)%_e-Math.PI,f=Math.max(2,Math.ceil(Math.abs(u)/.035));for(let h=0;h<=f;h++)o.push(G(s,e,x+u*h/f))}}o.push(l)}return o}function ot(a,s,e,o){const t=s.r+(e?16:25),i=H(s,a)+o*.48,r=i+o*Math.PI*1.35,c=G(s,t,i),d=G(s,t,r),p=G(a,a.r+3,H(a,c)),x=G(a,a.r+3,H(a,d)),u=Math.hypot(a.x-s.x,a.y-s.y),f=z(p,K(p,c,.45),G(c,u*.25,i-o*Math.PI/2),c,45),h=Array.from({length:75},(_,P)=>G(s,t,I(i,r,P/74))),m=z(d,G(d,u*.25,r+o*Math.PI/2),K(x,d,.33),x,45);return me(Le(f,h,m))}function rt(a,s,e,o,t,l){const i=t%2?1:-1,r=Math.hypot(a.x-s.x,a.y-s.y),c=G(a,r*I(.46,.18,l),H(a,s)),d=G(a,a.r+3,H(a,c)),p=e.r+(o?13:24)+t*(o?1.5:3),x=H(e,a)+i*(.25+t*.09),u=G(e,p,x),f=z(d,c,G(u,p*.65,x-i*Math.PI/2),u,65),h=Array.from({length:130},(m,_)=>{const P=_/129,j=I(p,e.r*.64,C(Math.max(0,(P-.5)*2)));return G(e,j,x+i*_e*1.12*P)});return me(Le(f,h))}const lt=({time:a,pressure:s,compact:e})=>{const o=he(s),t=C((o-.06)/.94),l=e?360:1e3,i=e?430:660,r={id:"person",kind:"person",label:"You",r:e?22:32,x:e?I(177,145,t):I(478,441,t),y:e?I(214,206,t):I(323,313,t),labelSide:"above",labelGap:e?11:14},c={id:"ai",kind:"ai",label:"AI",r:e?I(20,73,t):I(30,142,t),x:e?I(294,255,t):I(797,681,t),y:e?I(279,267,t):I(425,406,t),labelSide:"below",labelGap:e?10:13},d=e?[{id:"people",kind:"people",label:"People",x:77,y:92,r:20,labelSide:"above",labelGap:10},{id:"trying",kind:"try",label:"Trying",x:251,y:88,r:20,labelSide:"above",labelGap:10},{id:"exploring",kind:"explore",label:"Exploring",x:64,y:296,r:20,labelSide:"below",labelGap:10},{id:"places",kind:"places",label:"Places",x:183,y:370,r:20,labelSide:"below",labelGap:10},c]:[{id:"people",kind:"people",label:"People",x:247,y:163,r:30,labelSide:"above",labelGap:13},{id:"trying",kind:"try",label:"Trying",x:680,y:151,r:30,labelSide:"above",labelGap:13},{id:"exploring",kind:"explore",label:"Exploring",x:204,y:445,r:30,labelSide:"below",labelGap:13},{id:"places",kind:"places",label:"Places",x:491,y:552,r:30,labelSide:"below",labelGap:13},c],p={width:l,height:i,paths:[],dots:[],bodies:[]},x=H(r,c),u=Array.from({length:100},(h,m)=>{const _=m/99*_e,P=Math.max(0,Math.cos(_-x));return G(r,r.r+(e?10:18)+P*t*(e?12:29),_)});p.paths.push({points:u,colour:"person",fill:"person",opacity:.075,width:1,closed:!0}),t>0&&p.paths.push({points:we(c,c.r+(e?20:35)),colour:"ai",fill:"ai",opacity:.04+t*.055,width:.9,closed:!0});const f=[.16,.48,.3,.68,.06];for(let h=0;h<d.length;h++){const m=d[h],_=C((o-f[h])/.25),P=h===4?{...c,r:e?20:30}:m,j=ot(r,P,e,h%2?1:-1),g=rt(r,m,c,e,h,o),L=me(it(j.map((Y,T)=>K(Y,g[T],_)),r));

1p.paths.push({points:L,colour:"person",opacity:.14+_*.045,width:e?1.05:1.1}),h<4&&(m.opacity=I(1,.32,_));const E=(e?19:21)+h*.7+_*3;for(let Y=0;Y<7;Y++){const T=((a/E+Y/7+h*.137)%1+1)%1,B=le(L,T),D=C(Math.min(T/.05,(1-T)/.055)),V=I(1,1-C((T-.78)/.2),_);p.dots.push({...B,r:e?2.15:3.2,colour:"person",opacity:.88*D*V})}}return p.bodies=[...d,r],p},W=(a,s,e)=>({x:a.x+Math.cos(e)*s,y:a.y+Math.sin(e)*s});function Ye(a,s,e,o,t=80){return Array.from({length:t},(l,i)=>W(a,s,e+o*i/(t-1)))}function ct(a,s,e,o,t){const l=Math.atan2(e.y-a.y,e.x-a.x),i=l+Math.PI-t*.42,r=Ye(e,o,i,t*Math.PI*1.32),c=W(a,s+7,l-t*.21),d=W(a,s+7,l+t*.21),x=Math.hypot(e.x-a.x,e.y-a.y)*.35,u=r[0],f=r[r.length-1];return[...z(c,W(c,x,l-t*.2),W(u,x*.55,i-t*Math.PI/2),u,35),...r.slice(1),...z(f,W(f,x*.55,i+t*Math.PI*1.32+t*Math.PI/2),W(d,x,l+t*.24),d,35).slice(1)]}function dt(a,s,e,o,t,l){const i=Math.atan2(a.y-e.y,a.x-e.x),r=o+(l?12:18)+t%3*(l?4:8),c=i-.56-t*.065,d=Math.PI*4+1.05+t*.04,p=Ye(e,r,c,d,150),x=W(a,s+7,i+Math.PI-.12),u=W(a,s+7,i+Math.PI+.18),f=p[0],h=p[p.length-1],m=l?23:52;return[...z(x,{x:x.x,y:x.y-m},W(f,m,c-Math.PI/2),f,35),...p.slice(1),...z(h,W(h,m,c+d+Math.PI/2),{x:u.x,y:u.y+m},u,35).slice(1)]}const ht=({time:a,pressure:s,compact:e})=>{const o=C(he(s)),t=e?360:1e3,l=e?430:660,i=e?{x:180,y:213}:{x:500,y:326},c=K(i,e?{x:295,y:228}:{x:730,y:340},C((o-.12)/.88)),d=e?20:31,p=e?18:25,x=K(e?{x:71,y:225}:{x:193,y:338},e?{x:180,y:226}:{x:500,y:326},o),u=I(p,e?68:132,o),f=e?[{id:"people",kind:"people",label:"People",start:{x:99,y:88},end:{x:65,y:74}},{id:"try",kind:"try",label:"Trying",start:{x:263,y:91},end:{x:287,y:70}},{id:"explore",kind:"explore",label:"Exploring",start:{x:283,y:334},end:{x:302,y:346}},{id:"places",kind:"places",label:"Places",start:{x:104,y:349},end:{x:64,y:362}}]:[{id:"people",kind:"people",label:"People",start:{x:335,y:137},end:{x:238,y:113}},{id:"try",kind:"try",label:"Trying",start:{x:726,y:157},end:{x:828,y:109}},{id:"explore",kind:"explore",label:"Exploring",start:{x:786,y:485},end:{x:862,y:532}},{id:"places",kind:"places",label:"Places",start:{x:327,y:528},end:{x:213,y:565}}],h={width:t,height:l,paths:[{points:we(i,e?38:60),colour:"person",opacity:.09*(1-o),width:1.2}],dots:[],bodies:[]},m=f.map(g=>({...K(g.start,g.end,o),id:g.id,kind:g.kind,label:g.label,r:p*I(1,.78,o),opacity:I(1,.45,o),labelSide:g.id==="people"||g.id==="tr

1y"?"above":"below"})),_={...x,id:"ai",kind:"ai",label:"AI",r:u,labelSide:"below"},P=[...m,_],j=[.25,.48,.36,.59,.1];for(let g=0;g<P.length;g++){const L=P[g],E=C((o-j[g])/(1-j[g])),Y=ct(c,d,L,L.r+(e?12:21),g%2===0?1:-1),T=dt(c,d,x,u,g,e);E<.998&&h.paths.push({points:Y,colour:"person",opacity:.2*(1-E),width:e?1:1.15}),E>.002&&h.paths.push({points:T,colour:"person",opacity:.16*E,width:e?1:1.15});for(let B=0;B<7;B++){const D=(a/I(15+g*.8,24+g*1.2,E)+B/7+g*.113)%1,V=C((E-B/7)*7),ee=.68+B%3*.12;V<.998&&h.dots.push({...le(Y,D),r:e?2.15:3.2,colour:"person",opacity:ee*(1-V)}),V>.002&&h.dots.push({...le(T,D),r:e?2.15:3.2,colour:"person",opacity:ee*V})}}return h.bodies.push(...m,_,{...c,id:"person",kind:"person",label:"You",r:d,labelSide:"below"}),h},Fe=Math.PI*2;function O(a,s,e){return{x:a.x+Math.cos(s)*e,y:a.y+Math.sin(s)*e}}function ut(a,s,e,o){const t=Math.atan2(s.y-a.y,s.x-a.x),l=Math.hypot(s.x-a.x,s.y-a.y),i=e?29:43,r=o%2?-1:1,c=O(a,t-r*.13,e?29:43),d=t+Math.PI,p=O(s,d,i),x=z(c,O(O(a,t,l*.39),t-r*Math.PI/2,l*.15),O(O(s,d,i+l*.16),t-r*Math.PI/2,l*.14),p,38),u=Array.from({length:60},(m,_)=>O(s,d+r*_/59*Fe*.83,i)),f=u[u.length-1],h=z(f,O(f,t+Math.PI,l*.22),O(O(a,t,l*.3),t+r*Math.PI/2,l*.12),O(a,t+r*.15,e?29:43),38);return[...x,...u.slice(1),...h.slice(1)]}function pt(a,s,e,o){const t=Math.atan2(a.y-s.y,a.x-s.x),l=e?40+o*1.8:83+o*11,i=e?35+o*1.8:42+o*7,r=O(a,t+Math.PI,e?27:40),c=O(s,t-.17+o*.025,l),d=z(r,{x:I(r.x,c.x,.3),y:r.y-(e?9:24)-o*(e?1:3)},{x:I(r.x,c.x,.78),y:c.y-(e?7:20)},c,32),p=Array.from({length:103},(x,u)=>{const f=u/102;return O(s,t-.17+o*.025+f*Fe*1.65,I(l,i,C(f)))});return[...d,...p.slice(1)]}const bt=({time:a,pressure:s,compact:e})=>{const o=he(s),t=e?{x:170,y:215}:{x:470,y:310},l=e?{x:238,y:265}:{x:635,y:400},i=e?18:28,r=C(o),c=I(i,e?113:250,r),d=e?360:1e3,p=e?430:660,x=e?[{id:"try",kind:"try",x:77,y:127,r:i,label:"Trying",labelSide:"above"},{id:"people",kind:"people",x:240,y:81,r:i,label:"People",labelSide:"above"},{id:"explore",kind:"explore",x:63,y:306,r:i,label:"Exploring",labelSide:"below"},{id:"places",kind:"places",x:188,y:370,r:i,label:"Places",labelSide:"below"},{id:"ai",kind:"ai",...l,r:i,label:"AI",labelSide:"below"}]:[{id:"try",kind:"try",x:270,y:165,r:i,label:"Trying",labelSide:"above"},{id:"people",kind:"people",x:605,y:110,r:i,label:"People",labelSide:"above"},{id:"explore",kind:"explore",x:220,y:415,r:i,label:"Exploring",labelSide:"below"},{id:"places",kind:"places",x:530,y:545,r:i,label:"Places",labelSide:"below"},{id:"ai",kind:"ai",...l,r:i,label:"AI",labelSide:"below"}],u={width:d,height:p,paths:[],dots:[],bodies:[]};o>0&&u.paths.push({points:we(l,c),closed:!0,fill:"ai",colour:"ai",opacity:.045+r*.055,width:e?1:1.4});const f=[.48,.32,.65,.17,.06];return x.forEach((h,m)=>{const _=C((o-f[m])/.3),P=ut(t,h,e,m),j=pt(t,l,e,m),g=P.map((L,E)=>K(L,le(j,E/(P.length-1)),_));_>.015&&h.kind!=="ai"&&u.paths.push({points:P,colour:"ghost",opacity:.2*_,width:e?.8:1.1,dash:e?[2,4]:[3,6]}),u.paths.push({points:g,colour:"person",opacity:I(.24,.2,_),width:e?1:1.25});for(let L=0;L<7;L++){const E=((a/(13+m*.85)+L/7+m*.037)%1+1)%1,Y=le(g,E),T=.94*Math.min(1,E/.055,(1-E)/.085);u.dots.push({...Y,r:e?2.15:3.15,colour:"person",opacity:Math.max(.12,T)})}h.kind!=="ai"&&u.bodies.push({...h,opacity:I(1,.32,_)})}),u.bodies.push({...x[4],r:c}),u.bodies.push({id:"person",kind:"person",...t,r:e?23:34,label:"You",labelSide:"above",labelGap:e?9:12}),u};var vt=Q(`<meta name="robots" content="noindex, nofollow"/> <meta name="description" content="Three person-centred illustrations of AI supporting someone's intentions or drawing their life into its own orbit."/> <link rel="canonical" href="https://nope.net/homepage_variants/visual-lab/orbits/"/>`,1),xt=Q('<button class="theme svelte-a7b9ax"> </button>'),yt=Q('<button aria-controls="studies"><span class="svelte-a7b9ax"> </span> </button>'),ft=Q('<span class="reduced svelte-a7b9ax">Reduced motion · use the slider</span>'),gt=Q('<button class="watch svelte-a7b9ax"> <span aria-hidden="true">↗</span></button> <button class="pause svelte-a7b9ax"> </button>',1),wt=Q('<div class="motion-controls svelte-a7b9ax"><!></div>'),_t=Q('<section class="study svelte-a7b9ax"><div class="study-heading svelte-a7b9ax"><h2 class="svelte-a7b9ax"><span class="svelte-a7b9ax"> </span> </h2><p class="svelte-a7b9ax"> </p></div> <figure class="svelte-a7b9ax"><!> <figcaption class="svelte-a7b9ax"><span class="state-marker svelte-a7b9ax" aria-hidden="true"></span>

1<p class="svelte-a7b9ax"> </p></figcaption></figure></section>'),mt=Q('<div class="orbit-lab svelte-a7b9ax"><a class="skip svelte-a7b9ax" href="#main-content">Skip to illustrations</a> <header class="svelte-a7b9ax"><a class="brand svelte-a7b9ax" href="/" aria-label="NOPE homepage">NOPE<span class="svelte-a7b9ax">.</span></a> <a class="back svelte-a7b9ax" href="/homepage_variants/v2.3/">← Homepage draft</a> <span class="unlisted svelte-a7b9ax">Visual studies · Unlisted</span> <!></header> <main id="main-content" class="svelte-a7b9ax"><div class="intro svelte-a7b9ax"><div><p class="eyebrow svelte-a7b9ax">A person, their intentions, and the world around them</p><h1 class="svelte-a7b9ax">You at the centre.</h1></div><p class="svelte-a7b9ax">AI begins as one part of your life. Explore what happens when it starts drawing everything toward itself.</p></div> <div class="study-navigation svelte-a7b9ax"><nav aria-label="Choose an illustration" class="svelte-a7b9ax"></nav> <button class="compare svelte-a7b9ax"> </button></div> <div class="controls svelte-a7b9ax"><div class="state-controls svelte-a7b9ax"><label for="ai-influence" class="svelte-a7b9ax">AI’s growing pull <span aria-live="polite" class="svelte-a7b9ax"> </span></label> <input id="ai-influence" type="range" min="0" max="1" step=".01" aria-controls="studies" class="svelte-a7b9ax"/> <div class="presets svelte-a7b9ax" role="group" aria-label="Choose a relationship state"><button>In balance</button> <button>Growing pull</button> <button>AI dominates</button></div></div> <!></div> <div class="legend svelte-a7b9ax" aria-label="Illustration key"><span class="intentions svelte-a7b9ax"><i aria-hidden="true" class="svelte-a7b9ax"></i>Blue dots: your intentions</span> <span class="svelte-a7b9ax"><span class="legend-icon svelte-a7b9ax"><!></span>AI</span> <p class="svelte-a7b9ax">Things you want to do, learn, make, or share.</p></div> <div id="studies" class="studies svelte-a7b9ax"></div> <div class="reading-notes svelte-a7b9ax"><p class="svelte-a7b9ax"><strong class="svelte-a7b9ax">AI starts at the same scale as the other encounters.</strong> Blue intentions leave the person, spend time elsewhere, and return. The growing orange planet shows AI drawing those intentions away from the experiences the person wanted.</p> <p class="svelte-a7b9ax">Time alone, time with people, practical AI help, and AI companionship can all belong in a life someone chooses. The concern shown here is AI displacing their choices, learning, judgment, or relationships.</p></div> <noscript></noscript></main> <footer class="svelte-a7b9ax"><span>NOPE · Illustrative patterns</span><nav aria-label="Other visual studies" class="svelte-a7b9ax"><a href="/homepage_variants/visual-lab/routes/" class="svelte-a7b9ax">Many possible routes</a><a href="/homepage_variants/v2.3/" class="svelte-a7b9ax">Homepage draft</a></nav></footer></div>');function Rt(a,s){Ne(s,!0);const e=[{id:"intentions",n:"01",name:"Intentions diverted",build:lt,idea:"Follow what you set out to do.",healthy:"You send intentions out into your life. A little time with AI, another person, or something you want to try can bring something back to you.",changing:"Some intentions still reach the experience you wanted. Others bend toward AI and stay there longer. The change happens a few routes at a time.",captured:"You still set things in motion, but the routes now gather around AI. The experiences you wanted to have are left on the outside.",description:"A person at the centre sends blue intentions toward five encounters. As AI grows, individual routes are diverted into its orbit and its expanding presence presses into the person’s space."},{id:"centre",n:"02",name:"Centre displaced",build:ht,idea:"Watch who occupies the centre.",healthy:"Your intentions organise the picture. AI is one of several encounters around you, with the same initial scale as the others.",changing:"AI moves inward as it grows. Your position shifts, and more of the surrounding activity begins to revolve around AI.",captured:"AI has taken the central place. You are still present, but the system now revolves around it instead of the life you wanted to lead.",description:"The person starts in the centre of five equal-sized encounters. As AI grows it takes the central position, draws in blue intentions, and moves the person to the edge."},{id:"eclipse",n:"03",name:"Life crowded out",build:bt,idea:"Watch how much space is left.",healthy:"There is room for different parts of your life. AI has its own place alongside people, trying things, exploring, and going somewhere.",changing:"AI’s influence spreads into the space around it. Other encounters become quieter as more of your intentions are drawn inside.",captured:"AI’s influence reaches across the person and the surrounding life. The outlines show what has been crowded out, while intentions circulate inside its reach.",description:"A fixed AI planet exp

1ands across a person-centred system. Its growing field absorbs routes and overlaps the person while other encounters recede."}];let o=Z("intentions"),t=Z(0),l=Z(!1),i=Z(!1),r=Z(!1),c=Z(!1),d=Z(!1),p=0,x=()=>{};We(()=>{n(r),n(l),x()});const u=ye(()=>n(i)?e:e.filter(v=>v.id===n(o))),f=ye(()=>n(t)<.12?"In balance":n(t)>.88?"AI dominates":"Growing pull");function h(v){return n(t)<.12?v.healthy:n(t)>.88?v.captured:v.changing}function m(v){A(o,v,!0),A(i,!1),A(r,!1),et(`#${v}`,{})}function _(v){A(r,!1),A(t,v,!0)}function P(){A(t,0),p=0,A(l,!1),A(r,!0)}Be(()=>{const v=()=>{const q=location.hash.slice(1);e.some(ae=>ae.id===q)&&(A(o,q,!0),A(i,!1))};v(),window.addEventListener("hashchange",v),window.addEventListener("popstate",v);const b=matchMedia("(prefers-reduced-motion: reduce)");let M=0,F=0;function R(q){if(M=0,!(!n(r)||n(l)||n(c)||document.hidden)){if(F&&(p+=Math.min((q-F)/1e3,.06)),F=q,A(t,C((p-1.2)/8),!0),p>=9.2){A(t,1),A(r,!1);return}M=requestAnimationFrame(R)}}function S(){cancelAnimationFrame(M),F=0,n(r)&&!n(l)&&!n(c)&&!document.hidden&&(M=requestAnimationFrame(R))}const U=()=>{A(c,b.matches,!0),n(c)&&A(r,!1),S()};return x=S,U(),A(d,!0),b.addEventListener("change",U),document.addEventListener("visibilitychange",S),()=>{x=()=>{},cancelAnimationFrame(M),b.removeEventListener("change",U),document.removeEventListener("visibilitychange",S),window.removeEventListener("hashchange",v),window.removeEventListener("popstate",v)}});var j=mt();Qe("a7b9ax",v=>{var b=vt();ne(4),He(()=>{ze.title="You at the centre · NOPE visual studies"}),J(v,b)});var g=k(w(j),2),L=k(w(g),6);{var E=v=>{var b=xt();b.__click=()=>ge.toggle();var M=w(b,!0);y(b),re(()=>{$(b,"aria-label",ge.current==="dark"?"Use light appearance":"Use dark appearance"),N(M,ge.current==="dark"?"Light":"Dark")}),J(v,b)};fe(L,v=>{n(d)&&v(E)})}y(g);var Y=k(g,2),T=k(w(Y),2),B=w(T);Oe(B,21,()=>e,Ke,(v,b)=>{var M=yt();M.__click=()=>m(n(b).id);let F;var R=w(M),S=w(R,!0);y(R);var U=k(R,1,!0);y(M),re(()=>{$(M,"aria-pressed",!n(i)&&n(o)===n(b).id),M.disabled=!n(d),F=de(M,1,"svelte-a7b9ax",null,F,{chosen:!n(i)&&n(o)===n(b).id}),N(S,n(b).n),N(U,n(b).name)}),J(v,M)}),y(B);var D=k(B,2);D.__click=()=>A(i,!n(i));var V=w(D,!0);y(D),y(T);var ee=k(T,2),ue=w(ee),pe=w(ue),Ie=k(w(pe)),Re=w(Ie,!0);y(Ie),y(pe);var te=k(pe,2);Xe(te),te.__input=()=>A(r,!1);var Me=k(te,2),ie=w(Me);ie.__click=()=>_(0);let ke;var oe=k(ie,2);oe.__click=()=>_(.5);let Ae;var ce=k(oe,2);ce.__click=()=>_(1);let Pe;y(Me),y(ue);var Ce=k(ue,2);{var je=v=>{var b=wt(),M=w(b);{var F=S=>{var U=ft();J(S,U)},R=S=>{var U=gt(),q=Ve(U);q.__click=P;var ae=w(q,!0);ne(),y(q);var X=k(q,2);X.__click=()=>A(l,!n(l));var se=w(X,!0);y(X),re(()=>{N(ae,n(r)?"Restart the change":"Watch the change"),$(X,"aria-label",n(l)?"Play motion":"Pause motion"),$(X,"aria-pressed",n(l)),N(se,n(l)?"Play":"Pause")}),J(S,U)};fe(M,S=>{n(c)?S(F):S(R,!1)})}y(b),J(v,b)};fe(Ce,v=>{n(d)&&v(je)})}y(ee);var be=k(ee,2),Se=k(w(be),2),Ee=w(Se),Ue=w(Ee);tt(Ue,{kind:"ai"}),y(Ee),ne(),y(Se),ne(2),y(be);var Te=k(be,2);Oe(Te,21,()=>n(u),v=>v.id,(v,b)=>{var M=_t(),F=w(M),R=w(F),S=w(R),U=w(S,!0);y(S);var q=k(S,1,!0);y(R);var ae=k(R),X=w(ae,!0);y(ae),y(F);var se=k(F,2),$e=w(se);{let xe=ye(()=>`${n(b).description} Current state: ${n(f)}. ${h(n(b))}`);at($e,{get build(){return n(b).build},get pressure(){return n(t)},get paused(){return n(l)},get description(){return n(xe)}})}var ve=k($e,2),Ge=k(w(ve)),qe=w(Ge,!0);y(Ge),y(ve),y(se),y(M),re(xe=>{$(M,"data-study",n(b).id),$(M,"aria-labelledby",`title-${n(b).id}`),$(R,"id",`title-${n(b).id}`),N(U,n(b).n),N(q,n(b).name),N(X,n(b).idea),$(se,"aria-labelledby",`title-${n(b).id}`),$(se,"aria-describedby",`caption-${n(b).id}`),$(ve,"id",`caption-${n(b).id}`),N(qe,xe)},[()=>h(n(b))]),J(v,M)}),y(Te),ne(4),y(Y),ne(2),y(j),re(()=>{$(D,"aria-pressed",n(i)),D.disabled=!n(d),N(V,n(i)?"Focus on one":"Compare all"),N(Re,n(f)),$(te,"aria-valuetext",n(f)),te.disabled=!n(d),$(ie,"aria-pressed",n(t)===0),ie.disabled=!n(d),ke=de(ie,1,"svelte-a7b9ax",null,ke,{active:n(t)===0}),$(oe,"aria-pressed",n(t)===.5),oe.disabled=!n(d),Ae=de(oe,1,"svelte-a7b9ax",null,Ae,{active:n(t)===.5}),$(ce,"aria-pressed",n(t)===1),ce.disabled=!n(d),Pe=de(ce,1,"svelte-a7b9ax",null,Pe,{active:n(t)===1})}),Ze(te,()=>n(t),v=>

1A(t,v)),J(a,j),De()}Je(["click","input"]);export{Rt as component,Ft as universal};