https://www.secretbox.fr/_nuxt/DGcSb1GT2.js

1import{H as e,Ht as t,I as n,N as r,Vt as i,_ as a,b as o,d as s,et as c,l,p as u,r as d,u as f,ut as p,v as m,vt as h,z as g,zt as _}from"./CgDnuvNn.js";import{t as v}from"./C8FudJIn.js";import{t as y}from"./BF54hvle.js";import{t as b}from"./B65RteAa.js";import{n as x,t as S}from"./DSqFRPy8.js";import{t as C}from"./CffetNxK.js";import{n as w,t as T}from"./Ceog9k9P.js";var E=[`aria-label`],D=[`aria-selected`,`aria-controls`,`onClick`],O=`inline-flex shrink-0 items-center whitespace-nowrap rounded-full border px-5 py-2.5 text-[12px] transition-colors`,k=Object.assign(o({__name:`tab-bar`,props:{items:{},activeKey:{},ariaLabel:{},panelId:{},linkRel:{default:()=>void 0}},emits:[`select`],setup(n,{emit:r}){let i=r,o=e=>e.key===n.activeKey?`border-gold bg-gold text-white`:`border-sand bg-white text-ink/65 hover:border-gold hover:text-gold`;return(r,l)=>{let f=y;return g(),u(`div`,{class:`flex gap-2 overflow-x-auto pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,role:`tablist`,"aria-label":n.ariaLabel},[(g(!0),u(d,null,e(n.items,e=>(g(),u(d,{key:e.key},[e.to?(g(),s(f,{key:0,to:e.to,role:`tab`,"aria-selected":e.key===n.activeKey,rel:n.linkRel,class:_([O,o(e)])},{default:c(()=>[a(t(e.label),1)]),_:2},1032,[`to`,`aria-selected`,`rel`,`class`])):(g(),u(`button`,{key:1,type:`button`,role:`tab`,"aria-selected":e.key===n.activeKey,"aria-controls":n.panelId,class:_([O,o(e)]),onClick:t=>i(`select`,e.key)},t(e.label),11,D))],64))),128))],8,E)}}}),{__name:`UiTabBar`}),A={key:0,class:`-mx-5 mb-9 flex min-h-10 gap-2 overflow-hidden px-5 md:mx-0 md:px-0`,"aria-hidden":`true`},j={id:`home-tab-products`,role:`tabpanel`,"aria-live":`polite`},M=250,N=Object.assign(o({__name:`product-carousel-with-tabs`,props:{block:{}},setup(t){let{apiUrl:a}=b(),o=l(()=>w(t.block)),_=p(null),y=p([]),E=p([]),D=p(`2`),O=p(!1),N=p(!0),P=new Map,F=[62,92,118,96,112],I=null,L=null,R=l(()=>[{id:`2`,uid:`all`,name:`Tout`,position:0},...E.value.map(e=>({...e,id:String(e.id)}))]),z=l(()=>R.value.map(e=>({key:e.id,label:e.name}))),B=e=>new Promise(t=>setTimeout(t,e)),V=async e=>{let t=P.get(e);if(t){y.value=t,N.value=!1;return}L?.abort();let n=new AbortController;L=n,y.value=[],N.value=!0;try{let[t]=await Promise.all([v(a(`/api/home-products/tabs`,{categoryId:e}),{signal:n.signal}),B(M)]);if(L!==n)return;E.value=t.tabs.filter(e=>!!(e.id&&e.name)),P.set(e,t.products.items),y.value=t.products.items,O.value=!0}catch(e){n.signal.aborted||(console.error(`Unable to load home products`,e),y.value=[],O.value=!0)}finally{L===n&&!n.signal.aborted&&(N.value=!1)}},H=e=>{D.value!==e&&(D.value=e,V(e))};return n(()=>{if(!(`IntersectionObserver`in window)){V(D.value);return}I=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(I?.disconnect(),I=null,V(D.value))},{rootMargin:`300px`}),_.value&&I.observe(_.value)}),r(()=>{I?.disconnect(),L?.abort()}),(t,n)=>{let r=x,a=k,l=S,p=C;return g(),u(`section`,{ref_key:`sectionRef`,ref:_,class:`bg-creme py-16 md:py-24`},[m(p,{class:`px-5 md:px-6`},{default:c(()=>[m(r,{class:`mb-8 md:mb-10`,text:h(o).text,title:h(T)(h(o).title),"link-label":h(o).link_label,"link-to":h(o).link_url},null,8,[`text`,`title`,`link-label`,`link-to`]),h(O)?(g(),s(a,{key:1,class:`-mx-5 mb-9 px-5 md:mx-0 md:px-0`,items:h(z),"active-key":h(D),"aria-label":h(o).title,"panel-id":`home-tab-products`,onSelect:H},null,8,[`items`,`active-key`,`aria-label`])):(g(),u(`div`,A,[(g(),u(d,null,e(F,e=>f(`span`,{key:e,class:`h-10 shrink-0 animate-pulse rounded-full bg-sand/70`,style:i({width:`${e}px`})},null,4)),64))])),f(`div`,j,[m(l,{loading:h(N),"placeholder-count":8,products:h(y)},null,8,[`loading`,`products`])])]),_:1})],512)}}}),{__name:`CmsBlockProductCarouselWithTabs`});export{N as default};