https://www.campbellsci.com/_nuxt/C0-1MoBf.js

1import{U as A,G as D,a0 as M,M as h,N as g,O as i,Q as d,P as e,ao as o,ap as a,bb as I,S as C,aG as j,aI as r,Y as t,aT as V,au as c,av as u,b8 as F,at as f,aM as H,a1 as O}from"./Ci6g-eB0.js";import T from"./D8E-hhQ-.js";import{_ as E}from"./BfweNlps.js";import G from"./C0NdvJE5.js";import L from"./_yUrLBM9.js";import{_ as Q}from"./BErNTcfz.js";import{familyProduct as s}from"./4NBsx1VT.js";import"./DfbgfAzy.js";import"./HSztS7TJ.js";import"./B6cdsZza.js";import"./CEZWCVLk.js";import"./TEzhsncP.js";import"./D-pctMGk.js";const K={"aria-label":"Breadcrumb",class:"text-sm text-muted"},Y={class:"flex flex-wrap items-center gap-1.5"},J={"aria-hidden":"true"},R={"aria-hidden":"true"},W={"aria-current":"page",class:"font-medium text-highlighted"},X={class:"mt-6 grid gap-10 lg:grid-cols-2"},Z={"aria-label":"Product images",class:"flex flex-col gap-4"},ee={key:1,class:"flex aspect-[4/3] w-full flex-col items-center justify-center gap-3 rounded-2xl border border-neutral-200 bg-neutral-100"},te={class:"text-sm text-muted"},se={class:"grid grid-cols-4 gap-3"},le={class:"flex aspect-square items-center justify-center rounded-lg border border-neutral-200 bg-neutral-100"},ie={class:"sr-only"},oe={class:"lg:sticky lg:top-[var(--ui-header-height)] self-start"},ne={class:"space-y-2"},re={class:"flex flex-wrap items-center gap-3"},ae={key:0,class:"font-mono text-sm font-semibold text-muted"},de={class:"text-2xl font-bold leading-tight text-highlighted sm:text-3xl"},ce={key:0,class:"text-sm font-medium text-primary-600"},ue={key:1,class:"text-muted"},me={class:"rounded-xl border border-neutral-200 bg-neutral-50 p-4"},pe={class:"mt-1.5 flex items-center gap-2 text-sm text-muted"},he={key:0,class:"space-y-3"},ge={class:"space-y-2"},_e={class:"space-y-2"},xe=["value","checked","onChange"],fe={class:"flex flex-col gap-0.5"},be={class:"text-sm font-medium text-highlighted"},ye={class:"font-mono text-xs text-muted"},ve={key:0,class:"text-xs text-muted"},ke={key:1,class:"overflow-x-auto rounded-xl border border-neutral-200"},we={class:"w-full text-sm"},ze={class:"divide-y divide-neutral-200"},Ce={class:"px-4 py-2.5 font-mono text-xs text-muted"},Ne={class:"px-4 py-2.5 font-medium text-highlighted"},Se={class:"px-4 py-2.5 text-muted"},$e={key:0,"aria-label":"Product sections",class:"mt-12 border-b border-neutral-200"},Pe={class:"-mb-px flex flex-wrap gap-x-6 gap-y-1 overflow-x-auto text-sm font-medium"},qe=["href"],Be={key:1,id:"overview",class:"py-8 lg:py-12"},Ue={key:2,id:"specifications",class:"border-t border-neutral-200 py-8 lg:py-12"},Ae={class:"mt-6 max-w-3xl space-y-8"},De={class:"text-lg font-semibold text-highlighted"},Me={class:"mt-3 divide-y divide-neutral-200 border-t border-neutral-200"},Ie={class:"text-sm font-medium text-muted"},je={class:"text-sm text-highlighted sm:col-span-2"},Ve={key:3,id:"highlights",class:"border-t border-neutral-200 py-8 lg:py-12"},Fe={class:"mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-3"},He={class:"mt-0.5 text-xs text-muted"},Oe={key:4,id:"accessories",class:"border-t border-neutral-200 py-8 lg:py-12"},Te={class:"mt-6 grid gap-6 sm:grid-cols-2 lg:grid-cols-3"},Ee={class:"flex aspect-video items-center justify-center rounded-lg bg-neutral-100"},Ge={class:"font-semibold text-highlighted"},Le={key:0,class:"font-mono text-xs text-muted"},Qe={key:5,id:"faqs",class:"border-t border-neutral-200 py-8 lg:py-12"},rt=A({__name:"family",setup(Ke){D({title:`${s.title} | Example PDP (Commerce)`,description:s.subtitle??void 0});const _=s.members??[],x=M(_[0]??null),v=O(()=>{const m=[];return(s.description||s.technicalDescription)&&m.push({id:"overview",label:"Overview"}),s.specs&&m.push({id:"specifications",label:"Specifications"}),s.highlights?.length&&m.push({id:"highlights",label:"Highlights"}),s.accessories?.length&&m.push({id:"accessories",label:"Accessories"}),s.faqs?.length&&m.push({id:"faqs",label:"FAQs"}),m});return(m,n)=>{const k=I,p=j,N=V,S=T,$=H,b=E,w=F,P=G,q=L,B=Q;return i(),h(B,{class:"bg-white"},{default:g(()=>[d(q,{class:"py-8 lg:py-12"},{default:g(()=>[e("nav",K,[e("ol",Y,[e("li",null,[d(k,{to:"/",class:"rounded-sm hover:text-highlighted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"},{default:g(()=>[...n[0]||(n[0]=[C(" Home ",-1)])]),_:1})]),e("li",J,[d(p,{name:"i-lucide-chevron-right",class:"size-4 text-neutral-400"})]),e("li",null,[d(k,{to:"/products",class:"rounded-sm hover:text-highlighted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"},{default:g(()=>[...n[1]||(n[1]=[C(" Products ",-1)])]),_:1})]),e("li",R,[d(p,{name:"i-lucide-chevron-right",class:"size-4 text-neutral-400"})]),e("li",null,[e("span",W,r(t(s).title),1)])])]),e("div",X,[e("section",Z,[t(s).images?.[0]?.cloudinaryId||t(s).images?.[0]?.src?(i(),h(N,{key:0,src:t(s).images[0].src??t(s).images[0].cloudinaryId,alt:t(s).images[0].alt,width:"720",height:"540",loading:"lazy",sizes:"sm:600px lg:720px",class:"w-full rounded-2xl border border-neutral-200 object-cover"},null,8,["src","alt"])):(i(),o("div",ee,[d(p,{name:"i-lucide-image",class:"size-12 text-neutral-300"}),e("span",te,r(t(s).images?.[0]?.alt??t(s).title),1)])),e("ul",se,[(i(),o(c,null,u(4,l=>e("li",{key:l},[e("div",le,[d(p,{name:"i-lucide-image",class:"size-5 text-neutral-300"}),e("span",ie,"Product thumbnail "+r(l),1)])])),64))])]),e("div",oe,[d(w,{ui:{body:"space-y-6"}},{default:g(()=>[e("div",ne,[e("div",re,[t(s).model?(i(),o("p",ae,r(t(s).model),1)):a("",!0),d(S,{color:t(s).status.behavior==="orderable"?"primary":"neutral",variant:"subtle",size:"sm",label:t(s).status.label},null,8,["color","label"])]),e("h1",de,r(t(s).title),1),t(s).tagline?(i(),o("p",ce,r(t(s).tagline),1)):a("",!0),t(s).subtitle?(i(),o("p",ue,r(t(s).subtitle),

11)):a("",!0)]),e("div",me,[n[3]||(n[3]=e("p",{class:"text-xs font-semibold uppercase tracking-wider text-muted"},"Pricing",-1)),e("p",pe,[d(p,{name:"i-lucide-lock-keyhole",class:"size-4 text-neutral-400"}),n[2]||(n[2]=e("span",null,"Sign in to see pricing",-1))])]),t(_).length?(i(),o("div",he,[e("fieldset",ge,[n[4]||(n[4]=e("legend",{class:"text-sm font-semibold text-highlighted"},"Select a model",-1)),e("div",_e,[(i(!0),o(c,null,u(t(_),l=>(i(),o("label",{key:l.model,class:f(["flex cursor-pointer items-start gap-3 rounded-lg border p-3 transition-colors",t(x)?.model===l.model?"border-primary-500 bg-primary-50":"border-neutral-200 hover:bg-neutral-50"])},[e("input",{type:"radio",name:"family-member",value:l.model,checked:t(x)?.model===l.model,class:"mt-0.5 size-4 shrink-0 accent-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500",onChange:y=>x.value=l},null,40,xe),e("span",fe,[e("span",be,r(l.title),1),e("span",ye,r(l.model),1),l.keySpec?(i(),o("span",ve,r(l.keySpec),1)):a("",!0)])],2))),128))])])])):a("",!0),t(_).length>1?(i(),o("div",ke,[e("table",we,[n[5]||(n[5]=e("caption",{class:"sr-only"},"Compare family members",-1)),n[6]||(n[6]=e("thead",null,[e("tr",{class:"border-b border-neutral-200 bg-neutral-50"},[e("th",{scope:"col",class:"px-4 py-2.5 text-left font-semibold text-highlighted"},"Model"),e("th",{scope:"col",class:"px-4 py-2.5 text-left font-semibold text-highlighted"},"Title"),e("th",{scope:"col",class:"px-4 py-2.5 text-left font-semibold text-highlighted"},"Key spec")])],-1)),e("tbody",ze,[(i(!0),o(c,null,u(t(_),l=>(i(),o("tr",{key:l.model,class:f(["transition-colors",t(x)?.model===l.model?"bg-primary-50":"hover:bg-neutral-50"])},[e("td",Ce,r(l.model),1),e("td",Ne,r(l.title),1),e("td",Se,r(l.keySpec??"-"),1)],2))),128))])])])):a("",!0),d($,{color:"primary",size:"lg",block:"",label:"Configure selected model",icon:"i-lucide-settings-2",to:t(x)?.to},null,8,["to"]),t(s).keyAdvantages?(i(),h(b,{key:2,html:t(s).keyAdvantages,class:"border-t border-neutral-200 pt-5 [&_li]:flex [&_li]:items-start [&_li]:gap-2 [&_li]:py-1.5 [&_li]:text-sm [&_li]:text-highlighted [&_ul]:m-0 [&_ul]:list-none [&_ul]:p-0"},null,8,["html"])):a("",!0)]),_:1})])]),t(v).length?(i(),o("nav",$e,[e("ul",Pe,[(i(!0),o(c,null,u(t(v),l=>(i(),o("li",{key:l.id},[e("a",{href:"#"+l.id,class:"inline-block border-b-2 border-transparent py-3 text-muted transition-colors hover:border-primary-500 hover:text-highlighted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"},r(l.label),9,qe)]))),128))])])):a("",!0),t(s).description||t(s).technicalDescription?(i(),o("section",Be,[n[7]||(n[7]=e("h2",{class:"text-2xl font-bold text-highlighted"},"Overview",-1)),t(s).description?(i(),h(b,{key:0,html:t(s).description,class:"mt-4 max-w-3xl leading-relaxed text-muted"},null,8,["html"])):a("",!0),t(s).technicalDescription?(i(),h(b,{key:1,html:t(s).technicalDescription,class:"mt-4 max-w-3xl leading-relaxed text-muted"},null,8,["html"])):a("",!0)])):a("",!0),t(s).specs?(i(),o("section",Ue,[n[8]||(n[8]=e("h2",{class:"text-2xl font-bold text-highlighted"},"Specifications",-1)),e("div",Ae,[(i(!0),o(c,null,u(t(s).specs,(l,y)=>(i(),o("div",{key:y},[e("h3",De,r(y),1),e("dl",Me,[(i(!0),o(c,null,u(l,(U,z)=>(i(),o("div",{key:z,class:"grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4"},[e("dt",Ie,r(z),1),e("dd",je,r(U),1)]))),128))])]))),128))])])):a("",!0),t(s).highlights?.length?(i(),o("section",Ve,[n[9]||(n[9]=e("h2",{class:"text-2xl font-bold text-highlighted"},"Highlights",-1)),e("ul",Fe,[(i(!0),o(c,null,u(t(s).highlights,l=>(i(),o("li",{key:l.title,class:f(["flex items-start gap-3 rounded-xl border p-4",l.featured?"border-primary-300 bg-primary-50":"border-neutral-200 bg-neutral-50"])},[d(p,{name:l.icon,class:f(["mt-0.5 size-5 shrink-0",l.featured?"text-primary-600":"text-neutral-500"])},null,8,["name","class"]),e("div",null,[e("p",{class:f(["text-sm font-semibold",l.featured?"text-primary-700":"text-highlighted"])},r(l.title),3),e("p",He,r(l.description),1)])],2))),128))])])):a("",!0),t(s).accessories?.length?(i(),o("section",Oe,[n[10]||(n[10]=e("h2",{class:"text-2xl font-bold text-highlighted"},"Accessories",-1)),e("div",Te,[(i(!0),o(c,null,u(t(s).accessories,l=>(i(),h(w,{key:l.itemNumber,variant:"outline",class:"flex h-full flex-col",ui:{root:"border-neutral-200 hover:border-primary-300",body:"flex flex-1 flex-col gap-3"}},{default:g(()=>[e("div",Ee,[d(p,{name:"i-lucide-image",class:"size-8 text-neutral-300"}

1)]),e("p",Ge,r(l.title),1),l.itemNumber?(i(),o("p",Le,r(l.itemNumber),1)):a("",!0)]),_:2},1024))),128))])])):a("",!0),t(s).faqs?.length?(i(),o("section",Qe,[n[11]||(n[11]=e("h2",{class:"text-2xl font-bold text-highlighted"},"Frequently asked questions",-1)),d(P,{class:"mt-6 max-w-3xl",items:t(s).faqs.map(l=>({label:l.label,content:l.content}))},null,8,["items"])])):a("",!0)]),_:1})]),_:1})}}});export{rt as default};