https://www.velux.dk/dist/velux-marketing/client/assets/FAQSearchResult-0283179e.js

1import{g as t}from"./lodash-de8cc594.js";import{u as U,e as G,s as E,_ as W,d as ee,S as V,f as M,a9 as te,aa as H,V as ae,a as se,U as le}from"./index-afea52c0.js";import{f as e,D as l,E as p,H as K,X as oe,Y as ie,S as L,U as z,F,G as D,Z as J,I as C,P as R,O as j,K as Q,a0 as ne,a4 as re,w as X,a as Y,J as w,$ as ue,aa as ce,by as de,r as P,k as me,V as ve,u as pe}from"./vendor-0404560d.js";import{_ as ge}from"./BaseModal-eaad09e0.js";import"./axios-c3c6769d.js";import"./vee-validate-378e8b8c.js";import"./swiper-0a0ef14b.js";/*! @license Third-party license notices: /dist/velux-marketing/client/THIRD_PARTY_NOTICES.txt */const fe={__name:"SidebarNavigationItem",props:{item:{type:Object,default:()=>{}},activeItemId:{type:String,default:""},itemId:{type:String,default:""}},setup(i){const r=i,s=e(()=>t(r,"activeItemId")),m=e(()=>t(r,"itemId")),a=e(()=>t(r,"item")),v=e(()=>s.value===m.value);return(u,g)=>(l(),p("div",null,[K(u.$slots,"sidebarNavigationItem",oe(ie({navigationItem:a.value,isActive:v.value})))]))}},ye={__name:"SidebarNavigation",props:{items:{type:Array,default:()=>[]},activeItemId:{type:String,default:""}},emits:["setActiveItem"],setup(i,{emit:r}){const s=i,m=r,a=e(()=>t(s,"activeItemId")||""),v=u=>m("setActiveItem",u);return(u,g)=>(l(),p("div",null,[(l(!0),p(L,null,z(i.items,c=>(l(),F(fe,{key:c.id,"item-id":c.id,class:"cursor-pointer",item:c,"active-item-id":a.value,"data-test-id":"navigation-item",onClick:n=>v(c)},{sidebarNavigationItem:D(({navigationItem:n,isActive:y})=>[K(u.$slots,"default",J({ref_for:!0},{navigationItem:n,isActive:y}))]),_:3},8,["item-id","item","active-item-id","onClick"]))),128))]))}},xe={class:"sm:text-20 text-15 leading-128 text-velux-black font-light w-full whitespace-nowrap md:whitespace-normal"},be={__name:"FAQSearchResultSidebarItem",props:{navigationItem:{type:Object,default:()=>{}},isActive:{type:Boolean,default:!1}},setup(i){const r=i,s=U(),m=e(()=>t(r,"navigationItem.title")),a=e(()=>t(r,"navigationItem.id")),v=e(()=>s.sitecoreContext?.requestUrl||""),u=e(()=>({link:{value:{href:a.value?`${v.value}?category=${a.value}`:"#"}}})),g=e(()=>t(r,"navigationItem.previewImageUrl")||""),c=e(()=>({value:{src:g.value,alt:m.value}}));return(n,y)=>(l(),F(E,{"link-data":u.value,class:Q(["py-4 px-6 md:border-0 md:mb-4 md:mr-0 rounded-full flex items-center border border-velux-grey-50 mr-2 mb-0 hover:bg-velux-grey-50/50",{"sidebar-item-active bg-velux-grey-50":i.isActive}]),"data-test-id":"sidebar-item-wrapper"},{default:D(()=>[g.value?(l(),F(G,{key:0,class:"sm:w-6 w-4 mr-4 object-cover","data-test-id":"sidebar-item-image",media:c.value,width:24},null,8,["media"])):C("",!0),R("div",xe,j(m.value),1)]),_:1},8,["link-data","class"]))}},_e={__name:"FAQSearchResultSidebar",props:{categories:{type:Array,default:()=>[]},activeItemId:{type:String,default:""}},emits:["setActiveItem"],setup(i,{emit:r}){const s=r,m=a=>s("setActiveItem",a);return(a,v)=>(l(),F(ye,{class:"md:-mb-4 flex md:flex-col flex-row overflow-x-auto items-start mb-[45px] pb-[10px] mb:pb-0",items:i.categories,"active-item-id":i.activeItemId,onSetActiveItem:m},{default:D(({navigationItem:u,isActive:g})=>[u?(l(),F(be,{key:0,"data-test-id":"sidebar-item","navigation-item":u,"is-active":g},null,8,["navigation-item","is-active"])):C("",!0)]),_:1},8,["items","active-item-id"]))}},Ie=["id"],he=ne({__name:"FAQSearchResultSubcategoryList",props:{items:{type:Array,default:()=>[]},activeItemId:{type:String,default:""}},emits:["setActiveItem"],setup(i,{emit:r}){const{isMobile:s}=re(),m=r,a=i,v=U(),u=e(()=>t(a,"activeItemId",""));X(u,d=>{f(d)});const g=e(()=>v.sitecoreContext?.requestUrl||""),c=d=>({link:{value:{href:d?.item?.id?`${g.value}?category=${d?.item?.id}`:"#"}}}),n=e(()=>t(a,"items",[]).map(h=>(h.isActive=h.item.id===u.value,h))),y=d=>t(d,"item.title"),k=d=>m("setActiveItem",d),S=d=>d?"active-subcategory text-old_velux-grey-800 border-old_velux-red-500":"inactive-subcategory text-old_velux-grey-700 border-old_velux-grey-200 ",_=e(()=>s.value?"hide-scrollbar":"vlx-scrollbar"),f=d=>{if(typeof document>"u")return;const h=document.getElementById(d);h&&h.scrollIntoView()};return Y(()=>{f(u.value)}),(d,h)=>(l(),p("div",{class:Q(["flex flex-row overflow-x-auto -mx-2",[_.value]]),tabindex:"1"},[(l(!0),p(L,null,z(n.value,(I,$)=>(l(),p(L,null,[y(I)?(l(),p("div",{id:I?.item.id,key:I?.item?.id||$,class:"px-2","data-test-id":"title-wrapper"},[w(E,{"link-data":c(I),onClick:T=>k(I)},{default:D(()=>[R("span",{class:Q(["inline-block text-14 leading-120 font-light whitespace-nowrap border-b pb-[17px] min-w-[130px] cursor-pointer",S(I.isActive)]),"data-test-id":"title"},j(I.item.title||""),3)]),_:2},1032,["link-data","onClick"])],8,Ie)):C("",!0)],64))),256))],2))}});const we=W(he,[["__scopeId","data-v-d56c0277"]]);function Ce(){return{createFileDownload:(r,s="file")=>{if(typeof window>"u")return;const m=r?.config?.url,a=document.createElement("a");a.href=m,a.setAttribute("download",s),document.body.appendChild(a),a.click(),a.remove()}}}const ke={key:0,class:"old_mobile:mt-[28px] old_sm:pr-4 old_sm:pl-4","data-test-id":"

1cta-file-wrapper"},Se={key:0,class:"text-16 leading-130 font-bold text-old_velux-black tracking-[.03em] uppercase flex items-center whitespace-nowrap","data-test-id":"cta-wrapper"},Ae={key:1,class:"text-16 leading-130 font-bold text-old_velux-black tracking-[.03em] uppercase flex items-center whitespace-nowrap","data-test-id":"file-wrapper"},$e={key:2,class:"text-16 leading-130 font-bold text-old_velux-black tracking-[.03em] uppercase flex items-center whitespace-nowrap","data-test-id":"link-wrapper"},Fe={__name:"FAQSearchResultListItem",props:{fields:{type:Object,required:!0},datasource:{type:Object,default:()=>{}}},emits:["downloadFile","openModal"],setup(i,{emit:r}){const s=i,m=U(),a=r,v=e(()=>t(s,"datasource[Details Article Button].value")||"read more"),u=e(()=>t(s,"datasource[Download File Button].value")||"download"),g=e(()=>({value:t(s,"fields.title")||""})),c=e(()=>({value:t(s,"fields.subtitle")||""})),n=e(()=>t(s,"fields.type")||0),y=e(()=>n.value===3&&d.value),k=e(()=>n.value===1&&f.value),S=e(()=>n.value===2),_=e(()=>n.value===0&&f.value),f=e(()=>t(s,"fields.id")||""),d=e(()=>t(s,"fields.link")||""),h=e(()=>m.sitecoreContext?.requestUrl||""),I=e(()=>h.value),$=e(()=>t(s,"fields.categoryId")||""),T=e(()=>_.value?{link:{value:{href:f.value?`${I.value}?category=${$.value}&gem=${f.value}`:"#"}}}:null),B=e(()=>_.value?E:"div"),N=()=>

1{if(!S.value){if(y.value&&window){window.open(d.value,"_blank");return}if(_.value){a("openModal",g.value);return}if(k.value){a("downloadFile",f.value,g.value);return}}};return(q,O)=>(l(),F(ue(B.value),J(q.$attrs.dataTestId,{class:["flex py-6 old_sm:py-12 border-t border-old_velux-grey-200 old_sm:items-center old_sm:justify-between old_mobile:flex-col flex-wrap old_sm:flex-nowrap hover:bg-old_velux-grey-50/50 active:bg-old_velux-grey-50 transition-[padding] old_sm:hover:pl-6",{"cursor-pointer":!S.value}],"data-test-id":"result-item-wrapper","link-data":T.value,onClick:N}),{default:D(()=>[R("div",null,[w(ee,{class:"text-20 old_sm:text-32 leading-120 text-old_velux-black font-light mb-6",tag:"h5","data-test-id":"test-title",field:g.value},null,8,["field"]),w(V,{class:"text-15 old_sm:text-16 leading-120 font-light text-old_velux-grey-700","data-test-id":"test-subTitle",field:c.value},null,8,["field"])]),S.value?C("",!0):(l(),p("div",ke,[_.value?(l(),p("div",Se,[R("span",null,j(v.value),1),w(M,{name:"plus",class:"ml-4 w-4"})])):C("",!0),k.value?(l(),p("div",Ae,[R("span",null,j(u.value),1),w(M,{name:"download",class:"ml-4 w-4"})])):C("",!0),y.value?(l(),p("div",$e,[R("span",null,j(v.value),1),w(M,{name:"link",class:"ml-4 w-4"})])):C("",!0)]))]),_:1},16,["class","link-data"]))}},Te={key:0,class:"text-center mt-12","data-test-id":"load-more-page"},Re={__name:"FAQSearchResultList",props:{items:{type:Array,default:()=>[]},gemContent:{type:String,default:""},datasource:{type:Object,default:()=>{}},documentsTotalCount:{type:Number,default:0}},setup(i){const{getDownloadLink:r,getContentArticle:s}=te(),{createFileDownload:m}=Ce(),a=i,v=H(),u=ce(),g=e(()=>u.query),c=e(()=>t(g,"value.gem","")),n=e(()=>c.value?{value:de(a.items).find(b=>b?.id===c.value)?.title||""}:{value:""}),y=e(()=>c.value&&t(a,"gemContent")||""),k=P(!1),S=P(y.value),_=P(n.value),f=e(()=>t(a,"documentsTotalCount")||0),d=e(()=>v.numberNextItem||1),h=e(()=>f.value>T.value),I=e(()=>t(a,"datasource[Load More Button].value")||"Load More"),$=P([]),T=e(()=>$.value.length||1),B=o=>{v.updateNextItemIndex(o)},N=o=>t(o,"title")||t(o,"subtitle"),q=P(!1);Y(()=>{q.value=!0}),me(async()=>{if(!c.value||!q.value)return;const o=await s(c.value);o.length&&(k.value=!0,S.value=o)}),X(()=>a.items,o=>{d.value>1?$.value=[...$.value,...o]:$.value=o},{immediate:!0,flush:"post"});const O=async(o={})=>{_.value=o},x=async(o,A)=>{const b=await r(o);b&&m(b,A.value)};return(o,A)=>(l(),p(L,null,[R("div",J({class:"flex flex-col border-b border-old_velux-grey-200"},o.$attrs.dataTestId),[(l(!0),p(L,null,z($.value,(b,Z)=>(l(),p(L,null,[N(b)?(l(),F(Fe,{key:b?.id||Z,fields:b,datasource:i.datasource,"data-test-id":"faq-search-item",onOpenModal:O,onDownloadFile:x},null,8,["fields","datasource"])):C("",!0)],64))),256))],16),h.value?(l(),p("div",Te,[w(ae,{"icon-color":"black",large:"","data-test-id":"load-more",onClick:A[0]||(A[0]=ve(b=>B(T.value),["prevent"]))},{default:D(()=>[R("span",null,j(I.value),1),w(M,{name:"plus",width:"16",height:"16"})]),_:1})])):C("",!0),w(ge,{modelValue:k.value,"onUpdate:modelValue":A[1]||(A[1]=b=>k.value=b),"custom-classes":"old_sm:w-[80%] old_sm:my-25 my-21 mx-auto py-[58px] old_sm:py-[108px] px-6 old_sm:px-[126px]","transition-type":"jump","data-test-id":"base-modal"},{default:D(()=>[w(V,{tag:"h2",class:"text-36 old_sm:text-48 leading-120 mb-10 text-old_velux-black",field:_.value,"data-test-id":"title-component"},null,8,["field"]),w(V,{field:{value:S.value},"data-test-id":"text-component"},null,8,["field"])]),_:1},8,["modelValue"])],64))}},je={key:0,class:"flex items-center old_md:mb-15 mb-8","data-test-id":"category"},De={class:"old_md:text-64 text-36 leading-100 text-velux-black font-light"},qe={key:2,class:"old_md:text-48 text-36 leading-100 text-velux-black font-light old_md:mb-12 mb-8","data-test-id":"subcategory-title"},Le={__name:"FAQSearchResultMain",props:{category:{type:Object,default:()=>{}},subCategories:{type:Array,default:()=>[]},searchResultItems:{type:Array,default:()=>[]},subCategory:{type:Object,default:()=>null},gemContent:{type:String,default:""},datasource:{type:Object,default:()=>{}},documentsTotalCount:{type:Number,default:0}},emits:["setActiveSubCategory"],setup(i,{emit:r}){const s=i,m=r,a=e(()=>t(s,"category")||!1),v=e(()=>t(s,"gemContent")||""),u=e(()=>t(s,"subCategories")||[]),g=e(()=>u.value.length),c=e(()=>t(s,"subCategory.item.id")||""),n=e(()=>t(a.value,"previewImageUrl")||""),y=e(()=>t(a.value,"title")||""),k=e(()=>({value:{src:n.value,alt:y.value}})),S=e(()=>t(s,"subCategory.item.title")||""),_=f=>m("setActiveSubCategory",f);return(f,d)=>(l(),p("div",null,[a.value?(l(),p("div",je,[n.value?(l(),F(G,{key:0,class:"old_md:max-w-12 old_md:mr-8 mr-4 max-w-8 object-cover","data-test-id":"

1category-image",media:k.value,width:48},null,8,["media"])):C("",!0),R("div",De,j(y.value),1)])):C("",!0),g.value?(l(),F(we,{key:1,class:"mb-10","data-test-id":"subcategories",items:u.value,"active-item-id":c.value,"gem-content":v.value,onSetActiveItem:_},null,8,["items","active-item-id","gem-content"])):C("",!0),i.subCategory?(l(),p("div",qe,j(S.value),1)):C("",!0),w(Re,{"data-test-id":"search-result-list","gem-content":v.value,items:i.searchResultItems,"documents-total-count":i.documentsTotalCount,datasource:i.datasource},null,8,["gem-content","items","documents-total-count","datasource"])]))}},Be=["data-section-name"],Ee={__name:"FAQSearchResult",props:{rendering:{type:Object,required:!0},fields:{type:Object,required:!0},params:{type:Object,default:()=>{}},name:{type:String,default:"FAQSearchResult"}},setup(i){const r=U(),s=H(),{renderingIndex:m}=se(),a=i,v=e(()=>t(a,"rendering.uid")||""),u=e(()=>r.isLoading||!1),g=e(()=>s.category||""),c=e(()=>r.getPlaceholderComponentData(a.name)),n=e(()=>t(c.value,"fields.faqPageData.searchResult")||[]),y=e(()=>t(c.value,"fields.faqPageData.categoriesTree")||[]),k=e(()=>t(c.value,"fields.faqPageData.gemContent")||""),S=e(()=>t(c.value,"fields.datasource")||{}),_=e(()=>y.value.map(x=>x.item)),f=e(()=>y.value.find(o=>o.item.id===T.value)?.children||[]),d=e(()=>t(n.value,"item.documents")||t(n.value,"children[0].item.documents")||[]),h=e(()=>t(n.value,"item.documentsTotalCount")||0),I=e(()=>{const x=t(n.value,"item.id")||"",o=t(n.value,"children[0].item.parentId")||"",A=t(n.value,"item.parentId")||"";return _.value.find(({id:b})=>b===x||b===o||b===A)}),$=e(()=>{const x=t(n.value,"children[0].item.id"),o=t(n.value,"item.id");return f.value.find(({item:A})=>A.id===x||A.id===o)}),T=e(()=>t(I.value,"id")||""),B=e(()=>t(n.value,"children[0].item.id")||g.value),N=({id:x})=>{O(T.value,x)},q=({item:x})=>{const o=t(x,"id");O(B.value,o)},O=(x,o)=>{x!==o&&s.updateCategory(o||"")};return(x,o)=>(l(),p("div",{"data-section-name":pe(m)(v.value).id,class:"flex sm:py-[94px] py-[33px] md:px-10 px-6 flex-col md:flex-row"},[w(_e,{class:"md:w-[40%]",categories:_.value,"active-item-id":T.value,"data-test-id":"result-sidebar",onSetActiveItem:N},null,8,["categories","active-item-id"]),u.value?(l(),F(le,{key:0,class:"mx-auto sm:my-10 my-4","data-test-id":"loader"})):(l(),F(Le,{key:1,class:"flex-1 md:w-[60%]","sub-categories":f.value,category:I.value,"sub-category":$.value,"search-result-items":d.value,"gem-content":k.value,datasource:S.value,"documents-total-count":h.value,"data-test-id":"result-main",onSetActiveSubCategory:q},null,8,["sub-categories","category","sub-category","search-result-items","gem-content","datasource","documents-total-count"]))],8,Be))}};export{Ee as default};