https://annotateit.ai/_astro/Hero.astro_astro_type_script_index_0_lang.3OfKc9Wu.js

1var e=document.querySelector(`.hero`);if(e){document.documentElement.classList.add(`js`);let t=Array.from(e.querySelectorAll(`[data-microdemo]`)),n=e.querySelector(`[data-demo-live]`),r=window.matchMedia(`(prefers-reduced-motion: reduce)`),i=window.matchMedia(`(hover: hover) and (pointer: fine)`),a=null,o=`auto`,s,c,l,u=0,d=!1,f=!1,p,m=e=>e.querySelector(`[data-demo-control]`),h=(e,t)=>{let n=m(e);if(!n)return;let r=n.dataset.demoName??`interactive`,i=t===`loading`?`Loading`:t===`error`?`Retry`:t===`playing`?`Show final result for`:t===`complete`?`Replay`:`Play`;n.disabled=t===`loading`,n.setAttribute(`aria-label`,`${i} ${r} demo`)},g=(e,t)=>{let n=e.querySelector(`video[data-demo-video]`);if(n)if(t===`playing`)n.removeAttribute(`data-ended`),n.removeAttribute(`data-refused`),n.currentTime=0,n.play().catch(t=>{t instanceof DOMException&&t.name===`AbortError`||e.dataset.demoState===`playing`&&(n.setAttribute(`data-refused`,``),w(e,!1))});else if(t===`complete`){n.pause();let e=()=>{Number.isFinite(n.duration)&&(n.currentTime=Math.max(0,n.duration-.05)),n.setAttribute(`data-ended`,``)};n.readyState>=1?e():n.addEventListener(`loadedmetadata`,e,{once:!0})}else n.pause(),n.removeAttribute(`data-ended`)},_=(e,t)=>

1{e.dataset.demoState=t,g(e,t),t===`playing`||t===`loading`?e.setAttribute(`aria-busy`,`true`):e.removeAttribute(`aria-busy`);let n=e.querySelector(`[data-demo-load-text]`);n&&(n.textContent=t===`loading`?`Loading demo…`:t===`error`?`The demo could not load. Please try again.`:``),h(e,t)},v=()=>{p?.abort(),p=void 0},y=()=>{s!==void 0&&(window.clearTimeout(s),s=void 0)},b=()=>{c!==void 0&&(window.clearTimeout(c),c=void 0)},x=()=>{l!==void 0&&(window.clearTimeout(l),l=void 0)},S=e=>{n&&(n.textContent=``,window.setTimeout(()=>{n.textContent=e},40))},C=e=>{_(e,r.matches?`reduced`:`poster`),a===e&&(a=null)},w=(e,t=!1)=>{y(),_(e,`complete`),a===e&&(a=null),t&&S(e.dataset.demoCompletion??`Interactive demo complete.`)},T=async(e,t)=>{let n=Array.from(e.querySelectorAll(`[data-demo-clean]`)),r,i=()=>{};try{await Promise.race([Promise.all([...n.map(async e=>{if(e.loading=`eager`,e.complete&&e.naturalWidth===0&&(e.src=e.src),await e.decode(),e.naturalWidth===0)throw Error(`Demo image is unavailable`)}),...Array.from(e.querySelectorAll(`video[data-demo-video]`)).map(e=>new Promise((n,r)=>{if(e.readyState>=4)return n();let i=i=>{e.removeEventListener(`canplaythrough`,a),e.removeEventListener(`error`,o),t.removeEventListener(`abort`,s),i?r(i):n()},a=()=>i(),o=()=>i(Error(`Demo clip is unavailable`)),s=()=>i(new DOMException(`Demo loading cancelled`,`AbortError`));e.addEventListener(`canplaythrough`,a),e.addEventListener(`error`,o),t.addEventListener(`abort`,s),e.preload===`auto`?e.error&&e.load():(e.preload=`auto`,e.load())}))]),new Promise((e,n)=>{r=window.setTimeout(()=>n(Error(`Demo image loading timed out`)),1e4),i=()=>n(new DOMException(`Demo loading cancelled`,`AbortError`)),t.addEventListener(`abort`,i,{once:!0}),t.aborted&&i()})])}finally{window.clearTimeout(r),t.removeEventListener(`abort`,i)}},E=async(e,t)=>{if(r.matches||document.hidden||e.closest(`[data-demo-panel]`)?.hasAttribute(`hidden`))return;t!==`auto`&&(d=!0,x());let n=++u;v(),b(),y(),a&&a!==e&&C(a),a=e;let i=new AbortController;p=i,_(e,`loading`);try{await T(e,i.signal)}catch{n===u&&!i.signal.aborted&&(_(e,`error`),a=null);return}finally{p===i&&(p=void 0)}n!==u||r.matches||document.hidden||(e.offsetWidth,window.requestAnimationFrame(()=>{if(n!==u||r.matches||document.hidden)return;

1a=e,o=t,_(e,`playing`);let i=Number(e.dataset.demoDuration??4500);s=window.setTimeout(()=>{w(e,o===`keyboard`||o===`pointer`)},i)}))},D=()=>{u+=1,v(),b(),x(),y(),a=null,t.forEach(e=>_(e,r.matches?`reduced`:`poster`))};t.forEach(e=>{let t=m(e);e.addEventListener(`pointerenter`,t=>{e.dataset.demoKind===`hero`&&(!i.matches||t.pointerType===`touch`||r.matches||(d=!0,x(),b(),c=window.setTimeout(()=>void E(e,`hover`),110)))}),e.addEventListener(`pointerleave`,b),t?.addEventListener(`focus`,()=>{e.dataset.demoKind===`hero`&&window.requestAnimationFrame(()=>{t.matches(`:focus-visible`)&&E(e,`keyboard`)})}),t?.addEventListener(`click`,t=>{d=!0,b(),x();let n=t.detail===0?`keyboard`:`pointer`;if(e.dataset.demoState===`playing`){w(e,!0);return}E(e,n)})});let O=Array.from(e.querySelectorAll(`[data-demo-tab]`)),k=Array.from(e.querySelectorAll(`[data-demo-panel]`)),A=(e,t=!0)=>{if(u+=1,v(),b(),x(),y(),a&&C(a),O.forEach(t=>{let n=t===e;t.setAttribute(`aria-selected`,String(n)),t.tabIndex=n?0:-1}),k.forEach(t=>{let n=t.dataset.demoPanel===e.dataset.demoTab;t.hidden=!n,t.toggleAttribute(`data-active`,n)}),t){d=!0;let e=k.find(e=>!e.hidden),t=e?.matches(`[data-microdemo]`)?e:e?.querySelector(`[data-microdemo]`);t&&E(t,`pointer`)}};O.forEach((e,t)=>{e.addEventListener(`click`,()=>A(e)),e.addEventListener(`keydown`,e=>{let n;if(e.key===`ArrowRight`)n=(t+1)%O.length;else if(e.key===`ArrowLeft`)n=(t-1+O.length)%O.length;else if(e.key===`Home`)n=0;else if(e.key===`End`)n=O.length-1;else return;e.preventDefault(),O[n].focus(),A(O[n])})}),O[0]&&A(O[0],!1),r.addEventListener(`change`,D),D();let j=()=>{a&&(u+=1,v(),a.dataset.demoState===`playing`?w(a,!1):C(a))};if(document.addEventListener(`visibilitychange`,()=>{document.hidden&&j()}),`IntersectionObserver`in window){let e=new IntersectionObserver(e=>{e.forEach(e=>{!e.isIntersecting&&a===e.target&&j()})},{threshold:.18});t.forEach(t=>e.observe(t))}let M=k.find(e=>!e.hidden),N=M?.matches(`[data-microdemo]`)?M:M?.querySelector(`[data-microdemo]`);N&&`IntersectionObserver`in window&&new IntersectionObserver((e,t)=>{let n=e[0];if(!n?.isIntersecting||n.intersectionRatio<.6){x();return}!f&&!d&&i.matches&&!r.matches&&(l=window.setTimeout(()=>{f=!0,t.disconnect(),E(N,`auto`)},700))},{threshold:[.6]}).observe(N);let P=()=>{t.filter(e=>

1!e.closest(`[data-demo-panel]`)?.hasAttribute(`hidden`)).forEach(e=>{let t=e.querySelector(`[data-demo-clean]`);t&&t.decode().catch(()=>void 0)})};document.readyState===`complete`?window.setTimeout(P,350):window.addEventListener(`load`,()=>window.setTimeout(P,350),{once:!0})}