https://uppababy.co.uk/_nuxt/CtOhw9tc.js

1import{_ as A}from"./ralx7MYY.js";import{b as V,r as x,I as $,an as q,j as D,ak as C,al as I,m as l,k as o,l as c,q as F}from"./B30BqIw0.js";import{u as O}from"./C3asxKRI.js";import"./C_-dRMTr.js";import"./D5uXLkT1.js";const R={class:"relative"},G={class:"grid gap-6 md:gap-10 grid-flow-col auto-cols-[minmax(100%,100%)] sm:auto-cols-[minmax(300px,60%)] snap-x snap-mandatory lg:grid-flow-row lg:auto-cols-auto lg:grid-cols-4 [ &>:first-child ]:ml-0 [ &>:last-child ]:mr-0"},P={class:"cms-block-image-text-row__column snap-start shrink-0"},U={class:"cms-block-image-text-row__column snap-start shrink-0"},Y={class:"cms-block-image-text-row__column snap-start shrink-0"},H={class:"cms-block-image-text-row__column snap-start shrink-0"},tt=V({__name:"CmsBlockTextImageFourColumn",props:{content:{}},setup(L){const T=L,{getSlotContent:r}=O(T.content),W=r("first-image"),y=r("first-text"),B=r("second-image"),M=r("second-text"),S=r("third-image"),E=r("third-text"),N=r("fourth-image"),j=r("fourth-text"),i=x(null),_=x(!1),k=x(!1),d=()=>Array.from(i.value?.querySelectorAll(".cms-block-image-text-row__column")??[]),f=()=>{const e=i.value;e&&(_.value=e.scrollLeft>0,k.value=e.scrollLeft+e.clientWidth<e.scrollWidth-1)},h=e=>{const t=i.value;if(!t)return;const s=d()[e];if(!s)return;const m=s.offsetLeft,u=s.clientWidth,v=Math.max(0,Math.min(t.scrollWidth-t.clientWidth,m-(t.clientWidth-u)/2));t.scrollTo({left:v,behavior:"smooth"})},g=()=>{const e=i.value,t=d();if(!e||!t.length)return 0;const n=e.scrollLeft+e.clientWidth/2;let s=0,m=Number.POSITIVE_INFINITY;return t.forEach((u,v)=>{const z=u.offsetLeft+u.clientWidth/2,b=Math.abs(z-n);b<m&&(m=b,s=v)}),s},w=e=>{const t=d();if(!t.length)return;const n=g(),s=e==="left"?Math.max(0,n-1):Math.min(t.length-1,n+1);h(s)};let p=null;const a=()=>{f(),clearTimeout(a._t),a._t=setTimeout(()=>h(g()),120)};return $(()=>{const e=i.value;e?.addEventListener("scroll",a,{passive:!0}),p=new ResizeObserver(()=>{f(),h(g())}),e&&p.observe(e),f()}),q(()=>{i.value?.removeEventListener("scroll",a),p?.disconnect()}),(e,t)=>{const n=A;return F(),D("div",R,[C(o("button",{onClick:t[0]||(t[0]=s=>w("left")),class:"lg:hidden absolute left-1 top-1/2 -translate-y-1/2 z-10 h-8 w-8 rounded-full bg-white/90 shadow-md ring-1 ring-black/10 flex items-center justify-center","aria-label":"Scroll left"},t[2]||(t[2]=[o("svg",{viewBox:"0 0 24 24",class:"h-8 w-8",fill:"none",stroke:"currentColor","stroke-width":"2"},[o("path",{d:"M15 19l-7-7 7-7","stroke-linecap":"round","stroke-linejoin":"round"})],-1)]),512),[[I,l(_)]]),C(o("button",{onClick:t[1]||(t[1]=s=>w("right")),class:"lg:hidden absolute right-1 top-1/2 -translate-y-1/2 z-10 h-8 w-8 rounded-full bg-white/90 shadow-md ring-1 ring-black/10 flex items-center justify-center","aria-label":"Scroll right"},t[3]||(t[3]=[o("svg",{viewBox:"0 0 24 24",class:"h-8 w-8",fill:"none",stroke:"currentColor","stroke-width":"2"},[o("path",{d:"M9 5l7 7-7 7","stroke-linecap":"round","stroke-linejoin":"round"})],-1)]),512),[[I,l(k)]]),o("div",{ref_key:"scroller",ref:i,class:"top-features-scroll overflow-x-scroll lg:overflow-hidden scroll-smooth"},[o("div",G,[o("div",P,[c(n,{content:l(W)},null,8,["content"]),c(n,{content:l(y)},null,8,["content"])]),o("div",U,[c(n,{content:l(B)},null,8,["content"]),c(n,{content:l(M)},null,8,["content"])]),o("div",Y,[c(n,{content:l(S)},null,8,["content"]),c(n,{content:l(E)},null,8,["content"])]),o("div",H,[c(n,{content:l(N)},null,8,["content"]),c(n,{content:l(j)},null,8,["content"])])])],512)])}}});

1export{tt as default};