https://bedrijf.theperfectwedding.nl/build/assets/ShowArticle.a7f04542.js

1import{_ as N,o as a,d as r,e as l,t as d,f as p,r as L,ag as $,s as D,ae as K,S as R,E as O,H as I,G as V,a6 as G,ar as Q,J as W,b as w,g as X,w as q,C as k,j as Y}from"./application.55c133d0.js";import{_ as Z,F as ee}from"./FaqBreadcrumb.3b73db5a.js";import"./FaqFooter.eb216809.js";import"./index.0ecbefe5.js";const te={name:"FaqArticleHeader",props:{article:{type:Object,required:!0}}},ne={class:"max-w-3xl"},ae={class:"text-2xl md:text-[28px] font-semibold text-gray-800"},oe={key:0,class:"mt-2 text-sm text-gray-600"},le={class:"mt-4 flex items-center gap-3 text-sm text-gray-500"},re=["src","alt"],ie={class:"flex flex-col"},se={key:0,class:"text-gray-700 font-medium"},ce={key:1,class:"text-xs"};function de(n,i,o,e,y,u){var s,c,v;return a(),r("header",ne,[l("h1",ae,d(o.article.title),1),o.article.description?(a(),r("p",oe,d(o.article.description),1)):p("",!0),l("div",le,[(s=o.article.author)!=null&&s.avatar?(a(),r("img",{key:0,src:o.article.author.avatar,alt:((c=o.article.author)==null?void 0:c.name)||"Auteur",class:"h-8 w-8 rounded-full ring-2 ring-white"},null,8,re)):p("",!0),l("div",ie,[(v=o.article.author)!=null&&v.name?(a(),r("span",se,d(o.article.author.name),1)):p("",!0),o.article.updatedAt?(a(),r("span",ce,d(n.$t("faq.fields.lastupdate"))+" "+d(o.article.updatedAt),1)):p("",!0)])])])}const ue=N(te,[["render",de]]),fe={name:"FaqToc",props:{root:{type:Object,default:null},articleId:{type:[String,Number],required:!0},label:{type:String,required:!0},emptyLabel:{type:String,default:""}},setup(n){const i=L(!1),o=$([]),e=L(null),y=L(null);let u=null;const s=90,c=()=>document.querySelector("#content-main > main")||window,v=t=>{var f;return t===window?((f=document.scrollingElement)==null?void 0:f.scrollTop)||window.pageYOffset||0:t.scrollTop},F=(t,f)=>{(t===window?window:t).scrollTo({top:f,behavior:"smooth"})},C=(t,f)=>{var b;const h=t.getBoundingClientRect();if(f===window)return(((b=document.scrollingElement)==null?void 0:b.scrollTop)||window.pageYOffset||0)+h.top;const m=f.getBoundingClientRect();return v(f)+(h.top-m.top)},E=t=>String(t).toLowerCase().trim().replace(/[\s._/]+/g,"-").replace(/[^a-z0-9-]/g,"").replace(/-+/g,"-"),S=()=>{o.splice(0);const t=n.root;if(!t)return;const f=t.querySelectorAll("h1, h2, h3"),h=new Map;f.forEach(m=>{var z,U;const b=Number(m.tagName.substring(1)),A=((z=m.textContent)==null?void 0:z.trim())||"";let g=m.getAttribute("id")||E(A);const x=(U=h.get(g))!=null?U:0;h.set(g,x+1),x>0&&(g=`${g}-${x}`),m.setAttribute("id",g),o.push({id:g,text:A,level:b})})},_=()=>{u&&(u.disconnect(),u=null)},T=()=>{_();const t=y.value,f=n.root;!f||(u=new IntersectionObserver(h=>{var m;for(const b of h)if(b.isIntersecting&&((m=b.target)==null?void 0:m.id)){e.value=b.target.id;break}},{root:t===window?null:t,rootMargin:`-${s}px 0px -70% 0px`,threshold:0}),o.forEach(h=>{const m=f.querySelector(`#${CSS.escape(h.id)}`);m&&u.observe(m)}))},j=()=>decodeURIComponent((window.location.hash||"").replace("#","")),H=(t,{updateHistory:f=!0}={})=>{const h=n.root;if(!h)return;const m=h.querySelector(`#${CSS.escape(t)}`);if(!m)return;const b=y.value||window,A=C(m,b)-s;if(f){const g=new URL(window.location.href),x=`#${encodeURIComponent(t)}`;g.hash=x,window.location.hash!==x?window.history.pushState({toc:!0,id:t},"",g):window.history.replaceState({toc:!0,id:t},"",g)}F(b,A)},M=()=>{const t=j();t&&H(t,{updateHistory:!1})},B=async()=>{await G(),S(),T();const t=j();t&&setTimeout(()=>H(t,{updateHistory:!1}),50)},J=t=>{H(t),i.value=!1},P=t=>["w-full text-left rounded px-2 py-1.5 transition",t.level===1?"pl-2 text-[13px] font-medium":"",t.level===2?"pl-4 text-[13px]":"",t.level===3?"pl-6 text-[12px]":"",e.value===t.id?"bg-indigo-50 text-indigo-700":"text-slate-600 hover:bg-slate-50 hover:text-slate-900"];return D(async()=>{y.value=c(),await B(),window.addEventListener("popstate",M)}),K(()=>{_(),window.removeEventListener("popstate",M)}),R(()=>n.articleId,()=>B()),R(()=>n.root,()=>B()),{open:i,toc:o,activeId:e,handleSelect:J,buttonClass:P}}},me={class:"lg:sticky lg:top-20"},he={class:"lg:hidden mt-8"},pe={key:0,class:"mt-2 rounded-md border border-slate-200 bg-white p-2 max-h-64 overflow-y-auto"},be={key:0,class:"space-y-1"},ge=["onClick"],ye={key:1,class:"text-sm text-slate-400"},ve={class:"hidden sticky top-0 lg:block"},_e={class:"text-sm font-semibold text-slate-700 mb-2"},xe={key:0,class:"space-y-1"},we=["onClick"],ke={key:1,class:"text-sm text-slate-400"};function qe(n,i,o,e,y,u){return a(),r("aside",me,[l("div",he,[l("button",{type:"button",onClick:i[0]||(i[0]=s=>e.open=!e.open),class:"w-full flex items-center justify-between rounded-md border border-slate-200 bg-white px-3 py-2 text-sm font-medium text-slate-700"},[l("span",null,d(o.label),1),(a(),r("svg",{class:O(["h-4 w-4 transition-transform",e.open?"rotate-180":""]),viewB

1ox:"0 0 20 20",fill:"currentColor"},[...i[1]||(i[1]=[l("path",{"fill-rule":"evenodd",d:"M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.24a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z","clip-rule":"evenodd"},null,-1)])],2))]),e.open?(a(),r("div",pe,[e.toc.length?(a(),r("nav",be,[(a(!0),r(I,null,V(e.toc,s=>(a(),r("button",{key:s.id,type:"button",onClick:c=>e.handleSelect(s.id),class:O(e.buttonClass(s))},d(s.text),11,ge))),128))])):(a(),r("p",ye,d(o.emptyLabel),1))])):p("",!0)]),l("div",ve,[l("div",null,[l("h3",_e,d(o.label),1),e.toc.length?(a(),r("nav",xe,[(a(!0),r(I,null,V(e.toc,s=>(a(),r("button",{key:s.id,type:"button",onClick:c=>e.handleSelect(s.id),class:O(e.buttonClass(s))},d(s.text),11,we))),128))])):(a(),r("p",ke,d(o.emptyLabel),1))])])])}const Ce=N(fe,[["render",qe]]),Se={components:{Head:Q,Link:W,FaqLayout:Z,FaqBreadcrumb:ee,FaqArticleHeader:ue,FaqToc:Ce},props:{topic:{type:Object,required:!0},article:{type:Object,required:!0},navigation:{type:Object,default:()=>({prev:null,next:null})},breadcrumb:{type:Array,default:()=>[]},isAdmin:{type:Boolean,default:!1}},setup(n){const i=L(null),o=()=>document.querySelector("#content-main > main")||window,e=()=>{const u=o();u===window?window.scrollTo({top:0,behavior:"auto"}):u.scrollTo({top:0,behavior:"auto"})},y=async()=>{await G();const u=i.value;if(!u)return;u.querySelectorAll("img").forEach(c=>{if(c.dataset.enhancedClickable!=="true"){if(c.parentElement&&c.parentElement.tagName==="A"){c.dataset.enhancedClickable="true";return}c.style.cursor="pointer",c.addEventListener("click",()=>{const v=c.getAttribute("src");!v||window.open(v,"_blank","noopener")}),c.dataset.enhancedClickable="true"}})};return D(()=>{e(),y()}),R(()=>n.article.id,()=>{e(),y()}),{topic:n.topic,article:n.article,navigation:n.navigation,breadcrumb:n.breadcrumb,isAdmin:n.isAdmin,articleRef:i}}},Te={key:0,"data-cy":"faq-article-draft",class:"mb-4 rounded-md border border-yellow-300 bg-yellow-50 px-4 py-3 text-sm text-yellow-800 flex items-start gap-2"},Ae={key:1,"data-cy":"faq-article-audience",class:"mb-4"},Le={class:"inline-flex items-center rounded-full bg-sky-100 px-3 py-1 text-xs md:text-sm font-medium text-sky-800"},Fe={key:2,"data-cy":"faq-article-page"},Ee={class:"pt-4"},He={class:"mt-8 grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_260px] gap-8 lg:items-start"},Be={class:"order-2 lg:order-1"},Oe=["innerHTML"],Re={key:0,"data-cy":"faq-article-navigation",class:"mt-10 pt-6 border-t border-gray-200 flex items-center justify-between gap-4 text-sm"},Ie={key:0},Ne={key:1,class:"text-right"};function je(n,i,o,e,y,u){var S;const s=w("Head"),c=w("FaqBreadcrumb"),v=w("FaqArticleHeader"),F=w("FaqToc"),C=w("Link"),E=w("FaqLayout");return a(),r(I,null,[(S=e.article)!=null&&S.title?(a(),X(s,{key:0},{default:q(()=>[l("title",null,d(e.article.title),1)]),_:1})):p("",!0),k(E,null,{breadcrumb:q(()=>{var _,T;return[k(c,{items:e.breadcrumb,"index-url":(T=(_=n.route)==null?void 0:_.call(n,"faq.index"))!=null?T:"/support","index-label":n.$t("faq.fields.collections"),topic:e.topic,current:e.article.title},null,8,["items","index-url","index-label","topic","current"])]}),default:q(({search:_})=>[e.isAdmin&&e.article.status&&e.article.status!=="published"?(a(),r("div",Te,[i[0]||(i[0]=l("span",{class:"mt-[2px]"},"\u26A0\uFE0F",-1)),l("span",null,d(n.$t("faq.article.draft")),1)])):p("",!0),e.isAdmin&&e.article.audienceLabel?(a(),r("div",Ae,[l("span",Le,d(n.$t("faq.article.audience"))+": "+d(e.article.audienceLabel),1)])):p("",!0),_.hasSearch?p("",!0):(a(),r("div",Fe,[l("div",Ee,[k(v,{article:e.article},null,8,["article"])]),l("div",He,[l("div",Be,[l("article",{ref:"articleRef","data-cy":"faq-article-content",class:"faq-article mt-2 leading-7 text-gray-800 space-y-4 prose-sm sm:prose max-w-none",innerHTML:e.article.content},null,8,Oe)]),k(F,{class:"order-1 lg:order-2",root:e.articleRef,"article-id":e.article.id,label:n.$t("faq.fields.inArticle"),"empty-label":n.$t("faq.fields.noTable")},null,8,["root","article-id","label","empty-label"])]),e.navigation&&(e.navigation.prev||e.navigation.next)?(a(),r("div",Re,[e.navigation.prev?(a(),r("div",Ie,[k(C,{href:e.navigation.prev.url,"data-cy":"faq-article-previous",class:"inline-flex items-center gap-2 text-[#1f4b7a] hover:underline"},{default:q(()=>[i[1]||(i[1]=l("svg",{class:"h-4 w-4",viewBox:"0 0 20 20"},[l("path",{"fill-rule":"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z","clip-rule":"evenodd"}

1)],-1)),Y(" "+d(e.navigation.prev.title),1)]),_:1},8,["href"])])):p("",!0),i[3]||(i[3]=l("div",{class:"flex-1"},null,-1)),e.navigation.next?(a(),r("div",Ne,[k(C,{href:e.navigation.next.url,"data-cy":"faq-article-next",class:"inline-flex items-center gap-2 text-[#1f4b7a] hover:underline"},{default:q(()=>[Y(d(e.navigation.next.title)+" ",1),i[2]||(i[2]=l("svg",{class:"h-4 w-4",viewBox:"0 0 20 20"},[l("path",{"fill-rule":"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707A1 1 0 118.707 5.293l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z","clip-rule":"evenodd"})],-1))]),_:1},8,["href"])])):p("",!0)])):p("",!0)]))]),_:1})],64)}const Ye=N(Se,[["render",je]]);export{Ye as default};