1import{bv as N,r as d,bw as v,j as e,l as k,L as f}from"./index-BMSagvvg.js";import{L as w,F as y,a as L}from"./ListsSearch-dhDdlFfZ.js";import{d as S}from"./slots-ulW478KD.js";const m=12;function $(i,r){return i.find(n=>r.categoria===n.slug||r.categoria.startsWith(`${n.slug}-`))?.title??r.categoria}function M(){const{categorie:i,items:r,flagships:n,themes:o}=N.useLoaderData(),[l,u]=d.useState("tutte"),[g,p]=d.useState(m),b=d.useMemo(()=>{const s=t=>r.filter(t).length,a=[{slug:"tutte",label:"Tutte",n:r.length}];for(const t of i)a.push({slug:`cat:${t.slug}`,label:t.title,n:t.count});for(const t of v){if(i.some(x=>x.slug===t.slug))continue;const h=s(x=>(o[x.slug]??[]).includes(t.slug));h>0&&a.push({slug:`tema:${t.slug}`,label:t.label,n:h})}return a},[r,i,o]),c=d.useMemo(()=>{if(l==="tutte")return r;if(l.startsWith("cat:")){const a=l.slice(4);return r.filter(t=>t.categoria===a||t.categoria.startsWith(`${a}-`))}const s=l.slice(5);return r.filter(a=>(o[a.slug]??[]).includes(s))},[l,r,o]),j=s=>{u(s),p(m)};return e.jsxs(k,{contentGroup:"classifiche",children:[e.jsx(S,{}),e.jsx("section",{className:"bg-forbes-ink text-white",children:e.jsxs("div",{className:"px-4 py-10 sm:px-8 md:py-14",children:[e.jsxs("div",{className:"grid grid-cols-1 gap-8 md:grid-cols-[minmax(0,3fr)_minmax(0,1fr)] md:items-end",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 text-[11px] font-bold uppercase tracking-[0.24em] text-forbes-red",children:[e.jsx("span",{className:"inline-block h-px w-8 bg-forbes-red","aria-hidden":!0}),"Forbes Liste"]}),e.jsx("h1",{className:"mt-4 font-serif text-[2.6rem] leading-[1.02] tracking-tight md:text-[4rem]",style:{textWrap:"balance"},children:"Le liste che definiscono chi conta."}),e.jsx("p",{className:"mt-4 max-w-[60ch] text-[17px] leading-relaxed text-white/75 md:text-lg",children:"Persone, aziende e idee che stanno trasformando l'Italia e il mondo."}),e.jsx("div",{className:"mt-6",children:e.jsx(w,{})})]}),e.jsxs("ul",{className:"hidden text-[11px] font-semibold uppercase leading-[2.1] tracking-[0.24em] text-white/60 md:block",children:[e.jsx("li",{children:"Dati"}),e.jsx("li",{children:"Storie"}),e.jsx("li",{children:"Persone"}),e.jsx("li",{children:"Un mondo più grande."})]})]}),e.jsx("div",{className:"mt-10",children:e.jsx(y,{flagships:n})}),e.jsx("div",{className:"mt-10",children:e.jsx(L,{categorie:i,total:r.length})})]})}),e.jsxs("section",{className:"px-4 py-10 sm:px-8 md:py-14",children:[e.jsxs("div",{className:"flex flex-wrap items-end justify-between gap-4",children:[e.jsxs("div",{children:[e.jsx("span",{className:"inline-block h-1 w-10 bg-forbes-red","aria-hidden":!0}),e.jsx("h2",{className:"mt-3 font-serif text-3xl leading-tight tracking-tight text-forbes-ink md:text-[2.6rem]",children:"Le liste da conoscere adesso"})]}),e.jsxs("span",{className:"text-[13px] text-forbes-muted",children:[c.length," ",c.length===1?"lista":"liste"]})]}),e.jsx("div",{className:"mt-6 -mx-4 overflow-x-auto px-4 sm:mx-0 sm:px-0",children:e.jsx("div",{className:"flex min-w-max gap-6 border-b border-forbes-rule",children:b.map(s=>{const a=s.slug===l;return e.jsx("button",{type:"button",onClick:()=>j(s.slug),className:`-mb-px border-b-2 pb-3 text-[11px] font-bold uppercase tracking-[0.18em] transition-colors ${a?"border-forbes-red text-forbes-ink":"border-transparent text-forbes-muted hover:text-forbes-ink"}`,children:s.label},s.slug)})})}),e.jsx("ul",{className:"mt-8 grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 lg:grid-cols-3",children:c.slice(0,g).map(s=>e.jsx("li",{children:e.jsxs(f,{to:"/classifiche-forbes/$categoria/$slug",params:{categoria:s.categoria,slug:s.slug},className:"group block",children:[e.jsx("div",{className:"aspect-[16/10] overflow-hidden bg-forbes-tint",children:s.image&&e.jsx("img",{src:s.image,alt:s.title,loading:"lazy",decoding:"async",className:"h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.03]"})}),e.jsxs("div",{className:"mt-3.5 text-[11px] font-bold uppercase tracking-[0.18em] text-forbes-red",children:[$(i,s)," · ",s.year]}),e.jsx("h3",{className:"mt-2 font-serif text-xl leading-snug text-forbes-ink transition-colors group-hover:text-forbes-red",children:s.title})]})},s.id))}),g<c.length&&e.jsx("div",{className:"mt-10 flex justify-center",children:e.jsx("button",{type:"button",onClick:()=>p(s=>s+m),className:"inline-flex items-center gap-2 border border-forbes-ink px-6 py-3 text-[11px] font-semibold uppercase tracking-[0.22em] text-forbes-ink transition-colors hover:bg-forbes-ink hover:text-white",children:"Mostra altre liste"})})]}),e.jsx("section",{className:"border-t border-forbes-rule px-4 py-10 sm:px-8 md:py-12",children:e.jsx("div",{className:"grid grid-cols-1 gap-8 md:grid-cols-3 md:gap-10",children:i.map(s=>e.jsxs(f,{to:"/classifiche/$categoria",params:{categoria:s.slug},className:"group flex flex-col border-t-2 border-forbes-ink pt-5",children:[e.jsxs("span",{className:"text-[11px] font-semibold uppercase tracking-[0.22em] text-forbes-red",children:[s.count," liste"]}),e.jsx("h2",{className:"mt-2 font-serif text-[26px] leading-[1.12] text-forbes-ink transition-colors group-hover:text-forbes-red",children:s.title}),s.description&&e.jsx("p",{className:"mt-3 text-[15px] leading-relaxed text-forbes-muted",children:s.description}),e.jsxs("span",{className:"mt-4 inline-flex items-center gap-2 text-[11px] font-semibold uppercase tracking-[0.22em] text-forbes-ink transition-colors group-hover:text-forbes-red",children:["Tutte le liste ",e.jsx("span",{className:"h-px w-6 bg-forbes-red transition-all group-hover:w-10"})]})]},s.slug))})})]})}export{M as component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.