https://hydrotheek.nl/_nuxt/DWXBpgP_.js

1import{c as T}from"./B_Jas0Ns.js";import{_ as w}from"./lDM2uD9D.js";import{_ as C}from"./DjH_Se_S.js";import{_ as h,d as b,c as r,o,F as k,j as A,k as y,w as B,n as g,f,g as E,e as $,a as _,b as I,h as m}from"./DbkbmiAu.js";import{_ as M,c as S,d as O}from"./DzRrDRG7.js";const L=T(w),j=b({name:"MoleculeAccordionContainer",props:{accordionItems:{type:[Object,Array,null],required:!0},forceClose:{type:Boolean,default:!1},isMoreInfo:{type:Boolean,default:!1},isTemplate:{type:Boolean,default:!1}},setup(){const e=f(null);function a(t){e.value=t}const l=f(null),d=f("neutral");E(()=>{Array.from(l.value.children).forEach(t=>{t.classList.toggle("neutral-item-state")})});function p(t){Array.from(l.value.children).forEach((u,s)=>{const c=t.itemState==="neutral",n=t.itemState==="active"&&s===t.index,v=!c&&!n;u.classList.toggle("neutral-item-state",c),u.classList.toggle("active-item-state",n),u.classList.toggle("not-active-item-state",v)})}return{activeAccordionTab:e,passThroughAccordionIndex:a,accordionEl:l,itemStateChanged:p,itemState:d}}}),q=["innerHTML"];function N(e,a,l,d,p,t){const i=L,u=C;return o(),r("section",{ref:"accordionEl",class:g(["accordioncontainer",[{"more-info":e.isMoreInfo},{template:e.isTemplate}]]),"data-testid":"accordioncontainer"},[(o(!0),r(k,null,A(e.accordionItems,(s,c)=>(o(),y(u,{key:`accordion-item-${c}`,"default-state":c===0&&!e.forceClose?"open":"closed",index:c,class:"accordioncontainer__item",title:s.title,quantity:s.quantity,active:e.activeAccordionTab||"0","is-more-info":e.isMoreInfo,"is-template":e.isTemplate,"class-state":e.itemState,onSetActiveAccordionTab:a[0]||(a[0]=n=>e.passThroughAccordionIndex(n)),onStateChange:a[1]||(a[1]=n=>e.itemStateChanged(n))},{default:B(()=>[e.isMoreInfo||e.isTemplate?(o(),y(i,{key:0,type:"paragraph",text:s.text,color:"black",font:"secondary"},null,8,["text"])):(o(),r("div",{key:1,class:"content-main",innerHTML:s.text},null,8,q))]),_:2},1032,["default-state","index","title","quantity","active","is-more-info","is-template","class-state"]))),128))],2)}const x=h(j,[["render",N],["__scopeId","data-v-afd8f224"]]),P=b({name:"TemplateAccordion",props:{elements:{type:Array,required:!0},hasBackground:{type:Boolean,default:!1}},setup(e){const a=m(()=>e.elements.filter(t=>t.subtype!=="banner"&&t.subtype!=="carrousel"&&t.type!=="pageoverview")),l=m(()=>e.elements.filter(t=>t.subtype==="banner"||t.type==="pageoverview"||t.subtype==="carrousel"||t.type==="modularcontent"&&t.gkn_map_banner)),d=m(()=>e.elements.filter(t=>t.type==="pageoverview")[0]),p=m(()=>{const t=f([]);return a.value.forEach(i=>{i.gkn_accordion&&t.value.push({title:i.gkn_accordion.title,text:i.gkn_accordion.text.split(`\r
2`).join("<br>")})}),t});return{filteredElements:a,otherElements:l,pageOverviewElement:d,accordions:p}}}),V={class:"content-template__inner"},z={key:0},F={key:1},H={key:2},G={key:3,class:"page-overview-carousel"};function D(e,a,l,d,p,t){const i=x,u=M,s=S,c=O;return o(),r("div",null,[$("div",V,[_(i,{"accordion-items":e.accordions.value,"force-close":!0,"is-template":!0},null,8,["accordion-items"])]),(o(!0),r(k,null,A(e.otherElements,(n,v)=>(o(),r("div",{key:v},[n.subtype==="banner"&&n.mediaitems.length?(o(),r("div",z,[_(u,{banner:n.mediaitems[0],class:g({"white-color":e.hasBackground})},null,8,["banner","class"])])):n.subtype==="carrousel"&&n.mediaitems.length?(o(),r("div",F,[_(s,{items:n.mediaitems,title:n.title},null,8,["items","title"])])):n.type==="modularcontent"&&n.gkn_map_banner&&n.gkn_map_banner.link_intern?(o(),r("div",H,[_(c,{banner:n.gkn_map_banner,class:g({"white-color":e.hasBackground})},null,8,["banner","class"])])):n.type==="pageoverview"&&e.pageOverviewElement.subPages.length?(o(),r("div",G,[_(s,{items:e.pageOverviewElement.subPages,title:e.pageOverviewElement.title,"is-page-overview":!0},null,8,["items","title"])])):I("",!0)]))),128))])}const J=h(P,[["render",D],["__scopeId","data-v-2e5095f2"]]),X=Object.freeze(Object.defineProperty({__proto__:null,default:J},Symbol.toStringTag,{value:"Module"}));export{J as T,x as _,X as a};