https://solarmagazine.nl/_nuxt/DfWt0V75.js

1import{d as W,r as T,o as r,i as o,h as t,f as s,t as h,e as l,j as m,D as N,a1 as Ge,C as V,F as E,x as O,G as Me,m as Ae,n as Be,w as K,u as Fe,I as He,c as X,a as p,s as Ne,b as Pe,v as Re,A as Ee,k as I,g as j,_ as Oe}from"./CQbd9buU.js";import{I as J,u as Ue}from"./BAjGetGY.js";import{u as qe}from"./CaNS_plL.js";import Ke from"./BTSdSa6Z.js";import{I as Q}from"./BBkYaHRv.js";import{I as Xe}from"./Bv-PUFlr.js";import{_ as Je}from"./DXBJL5Dv.js";import{I as Qe}from"./RhlH2GYh.js";import{I as De}from"./DQ-4_Ohq.js";import{_ as We,t as Ye}from"./DQW6GKWa.js";import{a as Ze}from"./Cf7r-J1Q.js";import"./BUM_ANXQ.js";import"./C1EEANGS.js";import"./BIcmx0z_.js";import"./H2p4UT75.js";import"./B1vBuPBH.js";import"./PJPLYOF4.js";const ea={key:0,class:"bg-black backdrop-blur bg-opacity-70 fixed w-screen h-screen left-0 top-0 flex flex-col z-40"},aa={class:"flex items-center justify-between px-4 py-2 text-white"},ta={class:"font-bold"},sa={class:"flex flex-col justify-center"},la={class:"flex xl:hidden justify-between py-4"},na={class:"bg-muted rounded p-6 relative"},ia={key:0},ra=["aria-label","name","onClick"],oa={class:"absolute pointer-events-none z-20 flex items-center justify-center w-full h-full bg-black top-0 left-0 rounded bg-opacity-60"},ca={class:"text-lg lg:text-xl text-white"},w=4,ua=W({__name:"ProductImgViewer",props:{class:{},images:{}},setup(U){const u=U,d=T(u.images[0]),i=T(0),g=T(!1);function x(){let e=u.images.length;g.value===!1&&e>w&&(e=w),i.value<1?i.value=e-1:i.value=i.value-1,d.value=u.images[i.value]}function L(){let e=u.images.length;g.value===!1&&e>w&&(e=w),i.value>=e-1?i.value=0:i.value=i.value+1,d.value=u.images[i.value]}return(e,c)=>{var G,z,S,D,M,A;return r(),o("div",{class:V(("cn"in e?e.cn:t(Me))("flex flex-col gap-4",e.$props.class))},[t(g)?(r(),o("div",ea,[s("div",aa,[s("span",ta,h(t(i)+1)+"/"+h(e.images.length),1),s("button",{"aria-label":"Full screen sluiten",name:"sluiten",class:"flex py-2",onClick:c[0]||(c[0]=n=>g.value=!1)},[l(t(Qe),{class:"w-8 h-8"})])]),s("div",{class:V(["flex flex-1 justify-center",{"justify-between":e.images.length>1}])},[e.images.length>1?(r(),o("button",{key:0,"aria-label":"Vorige afbeelding",name:"vorige",onClick:c[1]||(c[1]=n=>x()),class:"items-center px-6 hidden xl:flex"},[l(t(De),{class:"w-8 h-8 text-white"})])):m("",!0),s("div",sa,[l(N,{src:(G=e.images[t(i)])==null?void 0:G.src,alt:(z=e.images[t(i)])==null?void 0:z.alt,width:"700",height:"700",class:"object-contain"},null,8,["src","alt"])]),e.images.length>1?(r(),o("button",{key:1,"aria-label":"Volgende afbeelding",name:"volgende",onClick:c[2]||(c[2]=n=>L()),class:"hidden xl:flex items-center px-6"},[l(t(Ge),{class:"w-8 h-8 text-white"})])):m("",!0)],2),s("div",la,[s("button",{"aria-label":"Vorige afbeelding",name:"vorige",onClick:c[3]||(c[3]=n=>x()),class:"items-center px-4"},[l(t(De),{class:"w-8 h-8 text-white"})]),s("button",{"aria-label":"Volgende afbeelding",name:"volgende",onClick:c[4]||(c[4]=n=>L()),class:"items-center px-4"},[l(t(Ge),{class:"w-8 h-8 text-white"})])])])):m("",!0),s("div",na,[s("button",{"aria-label":"Geef weer in volledig scherm",name:"volledig-scherm-weergeven",onClick:c[5]||(c[5]=n=>g.value=!0),class:"w-full flex justify-center"},[l(N,{alt:(S=t(d))==null?void 0:S.alt,src:(D=t(d))==null?void 0:D.src,width:"500",height:"500",fit:"contain",sizes:"250px xs:500px"},null,8,["alt","src"])]),e.images.length>1?(r(),o("div",ia,[s("button",{"aria-label":"Vorige afbeelding",name:"vorige",class:"bg-background scale-95 hover:scale-100 transition-all -translate-y-6 left-1 md:left-4 px-3 py-2.5 rounded-full border shadow text-foreground absolute top-1/2",onClick:c[6]||(c[6]=n=>x())},[l(t(Q),{class:"w-9 h-9 -ml-1"})]),s("button",{"aria-label":"Volgene afbeelding",name:"volgende",class:"bg-background scale-95 hover:scale-100 transition-all px-3 py-2.5 rounded-full border shadow text-foreground absolute right-1 md:right-4 top-1/2 -translate-y-6",onClick:c[7]||(c[7]=n=>L())},[l(t(J),{class:"w-9 h-9 -mr-1"})])])):m("",!0)]),e.images.length>1?(r(),o("div",{key:1,class:V(`grid grid-cols-${w+1} gap-4`)},[(r(!0),o(E,null,O(e.images.slice(0,w),(n,P)=>{var B;return r(),o("button",{"aria-label":n==null?void 0:n.alt,name:n==null?void 0:n.alt,class:V(`cursor-pointer w-fit roun

1ded p-2 bg-muted ${(n==null?void 0:n.alt)===((B=t(d))==null?void 0:B.alt)&&"outline outline-primary"}`),onClick:()=>{i.value=P,d.value=n}},[l(N,{animated:"",alt:n==null?void 0:n.alt,src:n==null?void 0:n.src,width:"112",height:"112",fit:"contain",sizes:"50px xs:80px"},null,8,["alt","src"])],10,ra)}),256)),e.images.length>w?(r(),o("button",{key:0,"aria-label":"Meer afbeeldingen",name:"meer-afbeeldingen",class:"cursor-pointer w-fit rounded p-2 bg-muted relative",onClick:c[8]||(c[8]=n=>g.value=!0)},[s("div",oa,[s("span",ca,"+"+h(e.images.length-w),1)]),l(N,{animated:"",alt:(M=e.images[5])==null?void 0:M.alt,src:(A=e.images[5])==null?void 0:A.src,width:"112",height:"112",fit:"contain",sizes:"50px xs:80px"},null,8,["alt","src"])])):m("",!0)],2)):m("",!0)],2)}}}),da={class:"w-full flex flex-col gap-0.5"},fa=["href","aria-label"],ga={key:1,class:"flex-1"},va={key:2,class:"flex-1"},R=W({__name:"Table",props:{class:{},content:{}},setup(U){return(u,d)=>(r(),o("div",da,[(r(!0),o(E,null,O(u.content,(i,g,x)=>(r(),o("div",{class:V(`${x%2===0?"bg-muted":"bg-background"}

1 py-2 px-3 gap-4 rounded flex`)},[i.url?(r(),o("a",{key:0,class:"flex flex-1",target:"_blank",href:i.url,"aria-label":`Bekijk ${i.label}`},[s("div",{class:V(["flex-1",{"text-secondary hover:text-secondary/80":i.url}])},h(i.label),3)],8,fa)):(r(),o("div",ga,h(i.label),1)),i.col?(r(),o("div",va,h(i.col),1)):m("",!0)],2))),256))]))}}),ma={class:"flex gap-10 items-center"},ha={class:"flex md:hidden items-center gap-2"},ba={class:"hidden md:flex items-center gap-2"},pa={class:"grid grid-cols-1 md:grid-cols-5 gap-10"},_a={class:"flex flex-col md:col-span-3 gap-4"},xa={class:"flex items-center gap-8 flex-wrap"},ka={class:"space-y-10"},ya=["innerHTML"],$a={id:"specificaties"},wa=s("h2",{class:"font-bold text-md pb-2"},"Specificaties",-1),Ca={class:"flex flex-col gap-10 md:col-span-2"},Ia={key:0},ja=s("h2",{class:"font-bold text-md pb-2"}," Dit product is direct te koop bij de fabrikant: ",-1),La={key:1},za=s("h2",{class:"font-bold text-md pb-2"}," Dit product is te koop bij de volgende installateurs: ",-1),Sa={key:2},Va=s("h2",{class:"font-bold text-md pb-2"}," Dit product is te koop bij de volgende groothandels: ",-1),Ta={key:3,id:"downloads",class:"flex flex-col"},Ga={class:"font-bold text-md pb-2"},Da={class:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-2 lg:grid-cols-3 gap-6 justify-center"},Ma={class:"flex justify-center"},Aa=["href"],Ba={key:4},Fa={class:"font-bold text-md pb-2"},Ha={class:"grid grid-cols-2 rounded"},st=W({__name:"index",async setup(U){var M,A,n,P,B,Y;let u,d;const i=Ne(),g=Ae();Be();const x=Ue("productCategoryId"),L=x.value,{data:e}=([u,d]=K(()=>Pe(`/api/v1/product/${g.params.id}`,{params:L?{categoryId:L}:{},required:!1})),u=await u,d(),u);(M=e.value)!=null&&M.category_id&&(x.value=e.value.category_id.toString()),e.value||([u,d]=K(()=>Re("/productzoeker/verlopen",{redirectCode:301,replace:!0})),await u,d());const{data:c}=([u,d]=K(()=>qe("/api/v1/product/page/1",{params:Ee(()=>{var k,y,b;return{categoryId:"2,3,4,5,6,7,8,9,11",merk:Ye((b=(y=(k=e==null?void 0:e.value)==null?void 0:k.values)==null?void 0:y.merk)==null?void 0:b.value)}})})),u=await u,d(),u);Fe({title:`Solar & Storage Magazine - ${((A=e==null?void 0:e.value)==null?void 0:A.name)||"Product details"}`,meta:[{name:"description",content:(P=(n=e==null?void 0:e.values)==null?void 0:n.omschrijving)==null?void 0:P.value}],link:[{rel:"canonical",href:(B=e==null?void 0:e.value)!=null&&B.url?`${i.public.apiUrl}/${(Y=e==null?void 0:e.value)==null?void 0:Y.url}`:`${i.public.apiUrl}${g.path}`}]});const G=T({}),z=T({}),S=T({});function D(k,y){const b=new DOMParser().parseFromString(k,"text/html");Array.from(b.getElementsByTagName("a")).forEach((_,C)=>{var $;y.value[C.toString()]={url:_.attributes[0].value,label:(($=_.firstChild)==null?void 0:$.nodeValue)||_.attributes[0].value||""}})}return He(()=>{var y,b,_,C,$,F,H;const k={};e&&(D((_=(b=(y=e==null?void 0:e.value)==null?void 0:y.values)==null?void 0:b.installateurs)==null?void 0:_.value,z),D((F=($=(C=e==null?void 0:e.value)==null?void 0:C.values)==null?void 0:$.groothandels)==null?void 0:F.value,S),Object.keys((H=e==null?void 0:e.value)==null?void 0:H.values).forEach(function(v,q){v!=="productnaam"&&v!=="afbeeldingen"&&v!=="fabrikant_bestel_link"&&v!=="omschrijving"&&v!=="installateurs"&&v!=="groothandels"&&v!=="datasheet"&&(k[v]={label:e.value.values[v].label,col:e.value.values[v].value})})),G.value=k}),(k,y)=>(r(),X(Ke,null,{default:p(()=>{var b,_,C,$,F,H,v,q,Z,ee,ae,te,se,le,ne,ie,re,oe,ce,ue,de,fe,ge,ve,me,he,be,pe,_e,xe,ke,ye,$e,we,Ce,Ie,je,Le,ze;return[s("div",ma,[s("div",ha,[l(t(Q),{class:"text-muted-foreground"}),l(I,{ariaLabel:"Ga naar de vorige pagina.",variant:"foreground",class:"text-muted-foreground",href:`/productzoeker/${(b=t(e))==null?void 0:b.category_id}/${t(g).params.slug}`},{default:p(()=>{var a,f;return[s("h1",null,h((f=(a=t(e))==null?void 0:a.category[0])==null?void 0:f.name),1)]}),_:1},8,["href"])]),s("div",ba,[l(Oe,{ariaLabel:"Terug knop",name:"terug",size:"sm",href:`/productzoeker/${(_=t(e))==null?void 0:_.category_id}/${t(g).params.slug}`,class:"gap-1 mr-4 px-1 pr-2.5"},{default:p(()=>[l(t(Q)),j("Terug")]),_:1},8,["href"]),l(I,{ariaLabel:"Ga terug naar de productzoeker home page.",href:"/productzoeker"},{default:p(()=>[l(t(Xe))]),_:1}),l(t(J),{class:"text-muted-foreground"}),l(I,{ariaLabel:`Ga terug naar de ${($=(C=t(e))==null?void 0:C.category[0])==null?void 0:$.name} pagina.`,href:`/productzoeker/${(F=t(e))==null?void 0:F.category_id}/${t(g).params.slug}`},{default:p(()=>{var a,f;return[j(h((f=(a=t(e))==null?void 0:a.category[0])==null?void 0:f.name),1)]}),_:1},8,["ariaLabel","href"]),l(t(J),{class:"text-muted-foreground"}),l(I,{ariaLabel:`Ga terug naar de ${(H=t(e))==null?void 0:H.name} pagina.`,class:"hover:text-foreground",variant:"foreground"},{default:p(()=>{var a;return[j(h((a=t(e))==null?void 0:a.name),1)]}),_:1},8,["ariaLabel"])])]),s("div",pa,[s("div",_a,[l(Je,null,{default:p(()=>{var a;return[j(h((a=t(e))==null?void 0:a.name),1)]}),_:1}),s("div",xa,[l(I,{ariaLabel:"Ga naar product informatie.",href:"#productinformatie",variant:"secondary"},{default:p(()=>[j("Productinformatie")]),_:1}),l(I,{ariaLabel:"Ga naar product specificaties.",href:"#specificaties",variant:"secondary"},{default:p(()=>[j("Specificaties")]),_:1}),l(I,{ariaLabel:"Ga naar product downloads.",href:"#downloads",variant:"secondary"},{default:p(()=>[j("Downloads")]),_:1})]),(Z=(q=(v=t(e))==null?void 0:v.values)==null?void 0:q.afbeeldingen)!=null&&Z.value?(r(),X(ua,{key:0,images:(se=(te=(ae=(ee=t(e))==null?void 0:ee.values)==null?void 0:ae.afbeeldingen)==null?void 0:te.value)==null?void 0:se.map(a=>({src:a==null?void 0:a.url,alt:a==null?void 0:a.filename}))},null,8,["images"])):m("",!0),s("div",ka,[s("div",{id:"productinformatie",innerHTML:(ie=(ne=(le=t(e))==null?void 0:le.values)==null?void 0:ne.omschrijving)==null?void 0:ie.value},null,8,ya),s("div",$a,[wa,l(R,{content:t(G)},null,8,["content"])])])]),s("div",Ca,[(ce=(oe=(re=t(e))==null?void 0:re.values)==null?void 0:oe.fabrikant_bestel_link)!=null&&ce.value?(r(),o("div",Ia,[ja,l(R,{content:{fabrikant_bestel_link:{label:"Klik hier om de website van de fabrikant te bezoeken.",url:(fe=(de=(ue=t(e))==null?void 0:ue.values)==null?void 0:de.fabrikant_bestel_link)==null?void 0:fe.value}}},null,8,["content"])])):m("",!0),Object.keys(t(z)).length>0?(r(),o("div",La,[za,l(R,{content:t(z)},null,8,["content"])])):m("",!0),Object.keys(t(S)).length>0?(r(),o("div",Sa,[Va,l(R,{content:t(S)},null,8,["content"])])):m("",!0),(ve=(ge=t(e))==null?void 0:ge.values)!=null&&ve.datasheet?(r(),o("div",Ta,[s("h2",Ga," Downloads ("+h((be=(he=(me=t(e))==null?void 0:me.values)==null?void 0:he.datasheet)==null?void 0:be.label)+"): ",1),s("div",Da,[(r(!0),o(E,null,O((xe=(_e=(pe=t(e))==null?void 0:pe.values)==null?void 0:_e.datasheet)==null?void 0:xe.value,a=>(r(),o("div",null,[s("div",Ma,[s("a",{href:`${t(i).public.apiUrl}${a==null?void 0:a.url}`,target:"_blank"},[l(N,{src:a==null?void 0:a.url,alt:a==null?void 0:a.filename,height:"200",width:"141",class:"w-fit",fit:"contain",rounded:""},null,8,["src","alt"])],8,Aa)])]))),256))])])):m("",!0),(($e=(ye=(ke=t(c))==null?void 0:ke.items)==null?void 0:ye.filter(a=>{var f;return a.id!==((f=t(e))==null?void 0:f.id)}))==null?void 0:$e.length)>0?(r(),o("div",Ba,[s("h2",Fa," Meer producten van "+h((Ie=(Ce=(we=t(e))==null?void 0:we.values)==null?void 0:Ce.merk)==null?void 0:Ie.value)+": ",1),s("div",Ha,[(r(!0),o(E,null,O((ze=(Le=(je=t(c))==null?void 0:je.items)==null?void 0:Le.filter(a=>{var f;return a.id!==((f=t(e))==null?void 0:f.id)}))==null?void 0:ze.slice(0,4),a=>{var f,Se,Ve,Te;return r(),X(We,{id:a==null?void 0:a.id,name:a==null?void 0:a.name,brand:(Se=(f=a==null?void 0:a.values)==null?void 0:f.merk)==null?void 0:Se.value,image:(Te=(Ve=a==null?void 0:a.afbeeldingen)==null?void 0:Ve.value[0])==null?void 0:Te.url,href:a==null?void 0:a.url,new:a==null?void 0:a.label_new},null,8,["id","name","brand","image","href","new"])}),256))])])):m("",!0)])]),l(Ze)]}),_:1}))}});

1export{st as default};