https://www.snitcher.com/_astro/index.astro_astro_type_script_index_0_lang.zff9A3ip.js

1function w(){const I=document.getElementById("carousel-visual-container"),i=document.getElementById("carousel-container"),C=document.getElementById("usecase-carousel-section");if(!i||!C)return;i.__carouselCleanup&&i.__carouselCleanup();const p=JSON.parse(i.getAttribute("data-items")||"[]"),v=C.getAttribute("data-auto-cycle")!=="false";let y=I?.getAttribute("data-first-item-id")||(p[0]?.id??"sellers"),c=0,H=!1,u=null,d=!1,L=null,m=1e4,h=null;const S=t=>new Promise(e=>setTimeout(e,t)),T=async t=>{if(!I)return;const e=I.querySelector(`[data-visual-id="${y}"]`),s=I.querySelector(`[data-visual-id="${t}"]`);!e||!s||y===t||(s.style.visibility="visible",s.style.opacity="0",s.offsetHeight,e.style.opacity="0",s.style.opacity="1",await S(300),e.style.visibility="hidden")},P=t=>p[t],b=t=>{const e=t.querySelector(".carousel-progress-fill");e&&(e.classList.remove("carousel-progress-active","carousel-progress-paused"),e.style.strokeDashoffset="50.265482px",e.style.animation="",e.__progressAnimation&&(cancelAnimationFrame(e.__progressAnimation),delete e.__progressAnimation),e.getBoundingClientRect())},E=(t,e=1e4,s=50.265482)=>{const o=t.querySelector(".carousel-progress-fill");if(!o)return;o.__progressAnimation&&cancelAnimationFrame(o.__progressAnimation),o.classList.remove("carousel-progress-active","carousel-progress-paused"),o.style.strokeDashoffset=`${s}px`,o.style.animation="none",L=Date.now(),m=e;const a=Date.now(),n=0,_=s,f=()=>{if(o.classList.contains("carousel-progress-paused")){o.__progressAnimation=null;return}const r=Date.now()-a,l=Math.min(r/e,1);if(l<1){const x=_-(_-n)*l;o.style.strokeDashoffset=`${x}px`,o.__progressAnimation=requestAnimationFrame(f)}else o.style.strokeDashoffset=`${n}px`,o.__progressAnimation=null};o.__progressAnimation=requestAnimationFrame(f),o.classList.add("carousel-progress-active")},$=t=>{const e=t.querySelector(".carousel-progress-fill");if(e){if(parseFloat(getComputedStyle(e).strokeDashoffset||"50.265482"),L!==null){const s=Date.now()-L;m=Math.max(0,m-s),L=null}e.classList.add("carousel-progress-paused")}},O=t=>{const e=t.querySelector(".carousel-progress-fill");if(!e)return;const s=parseFloat(getComputedStyle(e).strokeDashoffset||"50.265482");e.classList.remove("carousel-progress-paused"),m>0&&s>0&&E(t,m,s)},M=()=>{i.querySelectorAll("[data-item-id]").forEach(e=>b(e))},q=(t,e,s)=>{const o=t.querySelector("p"),a=t.querySelector(".carousel-icon"),n=t.querySelector(".carousel-progress-wrapper");t.setAttribute("data-active",s.toString()),s?(t.classList.remove("group","hover:bg-zinc-100"),o?.classList.remove("group-hover:text-primary-500"),o?.classList.add("text-primary-500"),a?.classList.remove("group-hover:text-primary-500"),a?.classList.add("text-primary-500"),n?.classList.add("carousel-progress-visible")):(t.classList.add("group","hover:bg-zinc-100"),o?.classList.add("group-hover:text-primary-500"),o?.classList.remove("text-primary-500"),a?.classList.add("group-hover:text-primary-500"),a?.classList.remove("text-primary-500"),n?.classList.remove("carousel-progress-visible"))},R=t=>{const e=document.createElement("div");return e.className="carousel-content flex flex-col gap-4 items-start",e.innerHTML=`
2        ${t.image?`
3          <div class="carousel-inline-image lg:hidden">
4            <img src="${t.image}" alt="${t.title}" class="w-full rounded-lg" />
5          </div>
6        `:""}
7        ${t.features.map(s=>`
8          <div class="flex flex-col gap-1">
9            ${s.title?`<p class="text-base font-semibold text-zinc-900">${s.title}</p>`:""}
10            <p>${s.description}</p>
11          </div>
12        `).join("")}
13        <a href="${t.link}" class="inline-flex items-center justify-center gap-2 font-semibold text-base transition-colors group !no-underline text-primary-500 hover:text-primary-600">
14          Learn more
15          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-5 h-5 text-primary-500">
16            <path fill-rule="evenodd" clip-rule="evenodd" d="M13.1161 5.36612C13.6043 4.87796 14.3957 4.87796 14.8839 5.36612L20.6339 11.1161C20.8683 11.3505 21 11.6685 21 12C21 12.3315 20.8683 12.6494 20.6339 12.8839L14.8839 18.6339C14.3957 19.122 13.6043 19.122 13.1161 18.6339C12.628 18.1457 12.628 17.3543 13.1161 16.8661L16.7322 13.25H4.25C3.55964 13.25 3 12.6903 3 12C3 11.3096 3.55964 10.75 4.25 10.75H16.7322L13.1161 7.13388C12.628 6.64573 12.628 5.85427 13.1161 5.36612Z" fill="currentColor"/>
17          </svg>
18        </a>
19      `,e},k=()=>{u!==null&&(clearInterval(u),u=null),M()},z=()=>{if(d)return;d=!0,u!==null&&(clearInterval(u),u=null);const t=i.querySelector(`[data-item-index="${c}"]`);t&&$(t)},V=()=>

19{if(!d)return;d=!1;const t=i.querySelector(`[data-item-index="${c}"]`);if(t&&O(t),m>0)setTimeout(()=>{if(!d){const e=(c+1)%p.length;A(e)}},m);else{const e=(c+1)%p.length;A(e)}},A=async t=>{if(H)return;const e=P(t),s=e.id;if(y===s)return;H=!0,T(s);const o=i.querySelectorAll("[data-item-id]"),a=[];o.forEach(n=>{const f=parseInt(n.getAttribute("data-item-index")||"0")===t,r=n,l=r.querySelector(".carousel-content");if(f){l&&l.remove();const x=r.getBoundingClientRect().height;q(r,e,!0),r.style.minHeight="auto";const g=R(e);g.style.opacity="0",g.style.transition="opacity 0.2s ease-out",r.appendChild(g),r.offsetHeight;const j=r.getBoundingClientRect().height;r.style.height=`${x}px`,r.style.overflow="hidden",r.style.transition="height 0.3s ease-out",r.offsetHeight,r.style.height=`${j}px`,setTimeout(()=>{g.style.opacity="1"},100),a.push(()=>{r.style.height="",r.style.overflow="",r.style.minHeight="",r.style.transition="",g.style.opacity="",g.style.transition=""})}else{l&&(l.style.transition="opacity 0.2s ease-out",l.style.opacity="0",setTimeout(()=>l.remove(),200));const x=r.getBoundingClientRect().height;l&&(l.style.display="none");const g=r.getBoundingClientRect().height;l&&(l.style.display=""),r.style.height=`${x}px`,r.style.overflow="hidden",r.style.transition="height 0.3s ease-out",r.offsetHeight,r.style.height=`${g}px`,q(r,e,!1),a.push(()=>{r.style.height="",r.style.overflow="",r.style.transition=""})}}),await S(350),a.forEach(n=>n()),v&&o.forEach(n=>{const _=parseInt(n.getAttribute("data-item-index")||"0"),f=n;_===t?(m=1e4,E(f,1e4),d&&$(f)):b(f)}),y=s||y,c=t,H=!1,v&&!d&&u===null&&D(),v&&B()},F=async t=>{const s=t.target.closest("[data-item-id]");if(!s)return;const o=parseInt(s.getAttribute("data-item-index")||"0");await A(o)};i.addEventListener("click",F);const B=()=>{i.querySelectorAll("[data-item-id]").forEach(e=>{const s=e,o=parseInt(s.getAttribute("data-item-index")||"-1");s.__carouselHoverEnter&&s.removeEventListener("mouseenter",s.__carouselHoverEnter),s.__carouselHoverLeave&&s.removeEventListener("mouseleave",s.__carouselHoverLeave);const a=()=>{c===o&&!d&&z()},n=()=>{c===o&&d&&V()};s.__carouselHoverEnter=a,s.__carouselHoverLeave=n,s.addEventListener("mouseenter",a),s.addEventListener("mouseleave",n)})},D=()=>{if(!v||u!==null)return;const t=i.querySelector(`[data-item-index="${c}"]`);t&&(m=1e4,E(t,1e4)),u=window.setInterval(()=>{const e=(c+1)%p.length;A(e)},1e4)};v&&(B(),h=new IntersectionObserver(t=>{t.forEach(e=>{e.isIntersecting?D():k()})},{threshold:.1}),h.observe(C)),i.__carouselCleanup=()=>{k(),h&&(h.disconnect(),h=null),i.removeEventListener("click",F),i.querySelectorAll("[data-item-id]").forEach(e=>{const s=e;s.__carouselHoverEnter&&(s.removeEventListener("mouseenter",s.__carouselHoverEnter),delete s.__carouselHoverEnter),s.__carouselHoverLeave&&(s.removeEventListener("mouseleave",s.__carouselHoverLeave),delete s.__carouselHoverLeave)})}}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",w):w();document.addEventListener("astro:page-load",w);