https://kbve.com/_astro/BentoRoadmap.astro_astro_type_script_index_0_lang.D9R9JEB4.js

1import{c as e}from"./src.Ei5FvxJI.js";import{n as t}from"./clientRouter.hT5sTn99.js";t(()=>{let t=document.querySelector(`.bento-roadmap`);if(!t)return;let n=window.matchMedia(`(min-width: 85rem)`),r=`http://www.w3.org/2000/svg`,i=document.createElementNS(r,`svg`);i.setAttribute(`aria-hidden`,`true`),i.style.cssText=`position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:30;`;let a=(e=``)=>{let t=document.createElementNS(r,`path`);return t.setAttribute(`class`,`bento-wire bento-wire--dots ${e}`),t.setAttribute(`fill`,`none`),t.style.transition=`stroke 300ms ease, opacity 400ms ease`,t.style.opacity=`0`,i.appendChild(t),t},o=a(),s=a(),c=a(`bento-wire--live`),l=a(`bento-wire--live`);document.body.appendChild(i);let u=0,d=0,f=(e,t)=>e>window.innerHeight+200||t<-200,p=()=>{u=0;let e=t.querySelector(`.bento-roadmap__frame`),r=t.querySelector(`.bento-roadmap__badge`),i=t.querySelector(`.bento-roadmap__rail`);if(!n.matches||!e||!r){o.style.opacity=`0`,s.style.opacity=`0`,c.style.opacity=`0`;return}let a=e.getBoundingClientRect(),d=r.getBoundingClientRect(),p=d.top+d.height/2,m=d.left+d.width/2,h=document.querySelector(`.react-flow__node[data-id="live"]`);if(h){let e=h.getBoundingClientRect(),t=e.right,n=e.top+e.height/2,r=a.right+28,i=d.right+6;if(f(e.top,d.bottom)||p<=n||r<=t||i>=r)o.style.opacity=`0`;else{let e=Math.min(56,(p-n)/2);o.setAttribute(`d`,`M ${t} ${n} C ${t+(r-t)*.6} ${n}, ${r} ${n}, ${r} ${n+e} L ${r} ${p-e} C ${r} ${p}, ${i+(r-i)*.6} ${p}, ${i} ${p}`),o.style.opacity=`1`}}else o.style.opacity=`0`;let g=document.querySelector(`[data-meta-arrow]`);if(g){let e=g.getBoundingClientRect(),t=e.left+e.width/2,n=e.bottom+6,r=d.left-6;if(f(e.top,d.bottom)||p<=n||r<=t)s.style.opacity=`0`;else{let e=Math.min(56,(p-n)/2);s.setAttribute(`d`,`M ${t} ${n} L ${t} ${p-e} C ${t} ${p}, ${t+(r-t)*.4} ${p}, ${r} ${p}`),s.style.opacity=`1`}}else s.style.opacity=`0`;if(i){let e=i.getBoundingClientRect().top,t=d.bottom+6;f(d.top,e)||e<=t?c.style.opacity=`0`:(c.setAttribute(`d`,`M ${m} ${t} L ${m} ${e}`),c.style.opacity=`1`)}else c.style.opacity=`0`;let _=t.querySelector(`[data-roadmap-kanban]`);if(_&&i){let e=i.getBoundingClientRect().top+1,t=_.offsetWidth||88,n=_.offsetHeight||88,r=a.left-36-t;r<8||f(e,e)?(_.style.opacity=`0`,l.style.opacity=`0`):(_.style.left=`${r}px`,_.style.top=`${e-n/2}px`,_.style.opacity=`1`,l.setAttribute(`d`,`M ${r+t+4} ${e} L ${a.left+16} ${e}`),l.style.opacity=`1`)}else _&&(_.style.opacity=`0`,l.style.opacity=`0`)},m=()=>{u||=requestAnimationFrame(p)},h=()=>{for(let e of[o,s,c])e.style.stroke=`var(--sl-color-accent-high)`;window.clearTimeout(d),d=window.setTimeout(()=>{for(let e of[o,s,c])e.style.stroke=``},1400)},g=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,_=Array.from(t.querySelectorAll(`[data-roadmap-queue]`)).flatMap(e=>{let t=e.closest(`.bento-roadmap__stop`);return t?[{stop:t,slots:Array.from(e.querySelectorAll(`[data-run-slot]`)),runs:[]}]:[]}),v=new Map,y=0,b=e=>{for(let[t,n]of e.slots.entries()){let r=e.runs[t],i=n.querySelector(`[data-run-name]`),a=n.querySelector(`[data-run-status]`);!i||!a||(r?(n.dataset.state=r.state,i.textContent=`${r.word} workflow #${r.id}`,a.textContent=r.text):(n.dataset.state=`idle`,i.textContent=`Queue idle`,a.textContent=`Waiting for workflow…`))}},x=(e,t)=>{if(!_.length)return;let n=_[y%_.length];if(y+=1,v.set(e,n),n.runs.unshift({id:e,word:t,state:`running`,text:`Runner started.`}),n.runs.length>n.slots.length){let e=n.runs.pop();e&&v.delete(e.id)}b(n)},S=(e,t,n)=>{let r=v.get(e),i=r?.runs.find(t=>t.id===e);!r||!i||(i.state=t,i.text=n,b(r))},C=e=>{let t=e?.querySelector(`.bento-roadmap__card`);t&&(t.setAttribute(`data-active`,``),window.setTimeout(()=>t.removeAttribute(`data-active`),1600))},w=e=>{h();let n=v.get(e)?.stop??null,a=()=>{C(n),S(e,`done`,`Completed.`)},s=t.querySelector(`.bento-roadmap__rail`);if(g||!n||!s||o.style.opacity===`0`||c.style.opacity===`0`){a();return}let l=v.get(e)?.runs.find(t=>t.id===e)?.word,u=document.createElementNS(r,`g`),d=document.createElementNS(r,`rect`);d.setAttribute(`x`,`-5`),d.setAttribute(`y`,`-5`),d.setAttribute(`width`,`10`),d.setAttribute(`height`,`10`),d.setAttribute(`rx`,`2`),d.setAttribute(`fill`,`var(--sl-color-accent-high, #a67d43)`),d.style.filter=`drop-shadow(0 0 5px var(--sl-color-accent-high, #a67d43))`;let f=document.createElementNS(r,`path`);if(f.setAttribute(`d`,`M 0 -5 V 5 M -5 0 H 5`),f.setAttribute(`stroke`,`color-mix(in srgb, var(--sl-color-black) 55%, transparent)`),f.setAttribute(`stroke-width`,`1`),u.append(d,f),l){let t=document.createElementNS(r,`text`);t.setAttribute(`x`,`9`),t.setAttribute(`y`,`3`),t.setAttribute(`fill`,`var(--sl-color-accent-high, #a67d43)`),t.style.cssText=`font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:capitalize;paint-order:stroke;stroke:var(--sl-color-black);stroke-width:2px;`,t.textContent=`${l} #${e}`,u.appendChild(t)}i.appendChild(u);let p=0,m=0,_=performance.now(),y=e=>{m+=(e-_)/1e3*420,_=e;let r=null;if(p<=1){let e=p===0?o:c;if(e.style.opacity===`0`){p+=1,m=0,requestAnimationFrame(y);return}let t=e.getTotalLength();if(m>=t){p+=1,m=0,requestAnimationFrame(y);return}r=e.getPointAtLength(m)}else{let e=s.getBoundingClientRect().top+1,i=n.querySelector(`.bento-roadmap__node`),o=t.querySelector(`.bento-roadmap__badge`);if(!i||!o){u.remove(),a();return}let c=i.getBoundingClientRect(),l=o.getBoundingClientRect(),d=l.left+l.width/2,f=c.left+c.width/2,p=Math.abs(f-d);if(m>=p){u.remove(),a();return}r={x:d+Math.sign(f-d)*m,y:e}}u.setAttribute(`transform`,`translate(${r.x}, ${r.y})`),requestAnimationFrame(y)};requestAnimationFrame(y)},T=e.listen(e=>{e&&(e.stage===`shipped`?x(e.id,e.word):e.stage===`arrived`?S(e.id,`running`,`In pipeline…`):e.stage===`delivered`?(S(e.id,`running`,`Deploying…`),w(e.id)):e.stage===`dropped`&&S(e.id,`dropped`,`Dropped.`))});window.addEventListener(`scroll`,m,{capture:!0,passive:!0}),window.addEventListener(`resize`,m,{passive:!0});let E=window.setInterval(m,1200);m(),window.addEventListener(`pagehide`,()=>{T(),window.clearInterval(E),window.clearTimeout(d),u&&cancelAnimationFrame(u),window.removeEventListener(`scroll`,m,{capture:!0}),window.removeEventListener(`resize`,m),i.remove()},{once:!0})});