https://www.velux.it/dist/velux-marketing/client/assets/Overview-751ec6f0.js

1import{g as o,n as we}from"./lodash-86ed0c75.js";import{a as he,E as Se,S as Ce}from"./swiper-ade697ba.js";import{u as ie}from"./index-418555d9.js";import{_ as me,l as Te,u as Ne,P as G,n as $e,o as Pe,aG as Ie,e as ee,L as Ee,S as ve,a8 as oe,K as Ve,O as xe,j as fe,Q as M,R as Ae,av as re}from"./index-a0a0e1a1.js";import{D as s,E as d,P as r,F as I,u as l,ak as W,I as g,f as e,w as ye,V as Fe,J as i,a7 as ge,be as Oe,aC as qe,S as D,r as L,a0 as Be,G as H,a3 as Z,O,ad as be,U as te,H as je,c9 as Ue,K as ne,a9 as De,g as Le,a as Re,R as Ke}from"./vendor-a0789617.js";import{_ as le}from"./ListsBox-70a67e7a.js";import{_ as Me}from"./SizeListBox-9bec294d.js";import{u as He}from"./useBlindsAndShuttersFunctions-cdd0fcb0.js";import{_ as ze}from"./ColorPicker-e4ab63fc.js";import We from"./ApiLoader-2b14dc7b.js";import"./axios-bb6ee5b8.js";import"./vee-validate-daa3561c.js";import"./useDomeSkinFunctions-1d12bc20.js";import"./ApiLoaderIcon-683b30b5.js";/*! @license Third-party license notices: /dist/velux-marketing/client/THIRD_PARTY_NOTICES.txt */const Ze={class:"grid gap-2"},Ge=["id","value","placeholder"],Ye={__name:"ContactFormInput",props:{id:{type:String,default:""},placeholder:{type:String,required:!0},validationText:{type:String,default:""},hasError:{type:Boolean,default:!1},modelValue:{type:String,required:!0},clearError:{type:Function,required:!0}},emits:["update:modelValue"],setup(a,{emit:t}){const n=a,p=t,_=u=>{n.clearError&&n.clearError(n.id),p("update:modelValue",u.target.value)};return(u,h)=>(s(),d("div",Ze,[r("input",{id:a.id,value:a.modelValue,type:"text",placeholder:a.placeholder,class:"w-full",onInput:_},null,40,Ge),a.hasError?(s(),I(l(W),{key:0,field:a.validationText,class:"text-12 text-velux-red-700 pl-6"},null,8,["field"])):g("",!0)]))}},pe=me(Ye,[["__scopeId","data-v-d8837bfb"]]),Je={class:"grid gap-4"},Qe={class:"grid gap-4 sm:grid-cols-2"},Xe={class:"grid gap-2 grid-cols-1 py-3 text-15 leading-120"},et={class:"flex gap-2 cursor-pointer items-center"},tt={class:"grid justify-items-end"},at=["value"],st={__name:"ContactForm",props:{form:{type:Object,required:!0},shouldResetForm:{type:Boolean,default:!1}},setup(a){const t=a,n=Te(),{getCookieByName:p}=Pe(),_=()=>{const m=p("hubspotutk")||"",P=p("__exponea_etc__")||"";return{hs_cookie:m,br_cookie:P}},{hs_cookie:u,br_cookie:h}=_(),$=Ne(),b=e(()=>o($,"sitecoreContext.language")||""),v=G(),k=e(()=>v.getSavedConfigurationUrl||""),x=(m,P)=>P?`${m} *`:m,j=e(()=>{const m=v.configuratorId;return m.substring(1,m.length-1)}),A=o(t,"form.title",""),f=o(t,"form.submitButtonTitle",""),R=o(t,"form.thankYouMessage",""),E=o(t,"form.formFields",[]),F=E.filter(m=>m.internalName==="firstName"),q=F[0].validationText,K=F[0].isRequired,S=x(F[0].placeholder,K),U=E.filter(m=>m.internalName==="lastName"),C=U[0].validationText,T=U[0].isRequired,Y=x(U[0].placeholder,T),J=E.filter(m=>m.fieldType==="EmailField"),ce=J[0].validationText,Q=J[0].isRequired,ae=x(J[0].placeholder,Q),X=E.filter(m=>m.fieldType==="CheckboxField"),ue=X[0].validationText,se=X[0].isRequired,de=x(X[0].text,se),z=L(!1),N=L({firstName:"",lastName:"",email:"",termsAccepted:!1}),V=L({firstName:!1,lastName:!1,email:!1,termsAccepted:!1}),c=m=>{V.value[m]&&(V.value[m]=!1)},y=async()=>{V.value={firstName:!1,lastName:!1,email:!1,termsAccepted:!1};let m=!1;K&&!N.value.firstName&&(V.value.firstName=!0,m=!0),T&&!N.value.lastName&&(V.value.lastName=!0,m=!0);const P=/^[^\s@]+@[^\s@]+\.[^\s@]+$/;if((Q&&!N.value.email||!P.test(N.value.email))&&(V.value.email=!0,m=!0),se&&!N.value.termsAccepted&&(V.value.termsAccepted=!0,m=!0),!m)try{const B={...N.value,hs_cookie:u,br_cookie:h,url:k.value};await $e(`${n.apiHost}/api/Velux/AdvisoryPlanningForm/SubmitForm?datasourceId=${j.value}&language=${b.value}`,{...B}),z.value=!0}catch(B){console.error("error ",B)}},w=()=>{N.value={firstName:"",lastName:"",email:"",termsAccepted:!1},V.value={firstName:!1,lastName:!1,email:!1,termsAccepted:!1},z.value=!1};return ye(()=>t.shouldResetForm,m=>{m&&w()}),(m,P)=>(s(),d(D,null,[z.value?g("",!0):(s(),d("form",{key:0,class:"grid grid-cols-1 gap-6 sm:gap-8",onSubmit:Fe(y,["prevent"])},[i(l(W),{field:l(A),class:"w-full text-18 sm:text-20 font-light leading-140"},null,8,["field"]),r("div",Je,[r("div",Qe,[i(pe,{id:"firstName",modelValue:N.value.firstName,"onUpdate:modelValue":P[0]||(P[0]=B=>N.value.firstName=B),placeholder:l(S),"validation-text":l(q),"has-error":V.value.firstName,"clear-error":c},null,8,["modelValue","placeholder","validation-text","has-error"]),i(pe,{id:"lastName",modelValue:N.value.lastName,"onUpdate:modelValue":P[1]||(P[1]=B=>N.value.lastName=B),placeholder:l(Y),"validation-text":l(C),"has-error":V.value.lastName,"clear-error":c},null,8,["modelValue","placeholder","validation-text","has-error"])]),i(pe,{id:"email",modelValue:N.value.email,"onUpdate:modelValue":P[2]||(P[2]=B=>N.value.email=B),placeholder:l(ae),"validation-text":l(ce),"has-error":V.value.email,"clear-error":c},null,8,["modelValue","placeholder","validation-text","has-error"])]),r("div",Xe,[r("label",et,[ge(r("input",{"onUpdate:modelValue":P[3]||(P[3]=B=>N.value.termsAccepted=B),type:"checkbox",class:"place-self-start h-6 w-6 rounded-full border border-velux-white bg-transparent cursor-pointer ml-1 focus:ring-0 focus:ring-offset-0 focus:border",onChange:P[4]||(P[4]=B=>c("termsAccepted"))},null,544),[[Oe,N.value.termsAccepted]]),i(l(W),{field:l(de)},null,8,["field"])]),V.value.termsAccepted?(s(),I(l(W),{key:0,field:l(ue),class:"text-12 text-velux-red-700 pl-6 ml-2"},null,8,["field"])):g("",!0)]),r("div",tt,[r("input",{type:"submit",value:l(f),class:"px-4 pt-3.5 pb-3.75 bg-velux-red-900 font-black uppercase text-14 tracking-6 cursor-pointer"},null,8,at)])],32)),z.value?(s(),I(l(qe),{key:1,field:l(R)},null,8,["field"])):g("",!0)],64))}},lt=Be({__name:"ContactHeader",props:{headline:{type:String,required:!0},goBackText:{type:String,required:!0}},emits:["onNavigationPrev"],setup(a,{emit:t}){const n=ie(),p=t,_=()=>{const h={configurator_element_description:"back_to_summary"};n.trackConfiguratorInteractions("summary_page_interactions",h,"summary"),n.pauseTouchTrackingEvents=!0,setTimeout(()=>{n.pauseTouchTrackingEvents=!1},50)},u=()=>{_(),p("onNavigationPrev",0)};

1return(h,$)=>(s(),d(D,null,[r("div",{class:"vlx-button vlx-button--text vlx-button--icon-left text-old_velux-white cursor-pointer flex items-center",onClick:u},[i(Ie,{class:"mr-2 w-4"}),i(l(W),{field:a.goBackText},null,8,["field"])]),i(l(W),{tag:"h3",field:a.headline,class:"pb-6 my-8 border-b"},null,8,["field"])],64))}}),ot={},rt={id:"Streamline",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 24 24"};function nt(a,t){return s(),d("svg",rt,[...t[0]||(t[0]=[r("path",{d:"M21.22,3.18l-2.32-2.32c-.29-.29-.69-.46-1.1-.46H8.56c-.86,0-1.56,.7-1.56,1.56v15.4c0,.86,.7,1.56,1.56,1.56h11.55c.86,0,1.56-.7,1.56-1.56V4.29c0-.42-.16-.81-.46-1.1Zm-.74,14.18c0,.2-.16,.36-.36,.36H8.56c-.2,0-.36-.16-.36-.36V1.96c0-.2,.16-.36,.36-.36h9.23c.1,0,.19,.04,.26,.11l2.32,2.32c.07,.07,.11,.16,.11,.26v13.08Z",style:{fill:"currentColor"}},null,-1),r("path",{d:"M3.52,22.04V6.64h-1.2v15.4c0,.86,.7,1.56,1.56,1.56H15.44v-1.2H3.89c-.2,0-.36-.16-.36-.36Z",style:{fill:"currentColor"}},null,-1)])])}const it=me(ot,[["render",nt]]),ct={class:"old_sm:flex old_sm:flex-wrap"},ut={class:"old_sm:flex prose old_sm:text-base text-15 leading-140 tracking-10 mb-6 text-old_velux-white"},dt={__name:"TeaserItem",props:{teaser:{type:Object,default:()=>{}}},setup(a){const t=ie(),n=a,p=e(()=>({value:o(n,"teaser.title","")})),_=e(()=>({value:o(n,"teaser.description","")})),u=e(()=>o(n,"teaser.cta","")),h=e(()=>o(u.value,"url","")),$=e(()=>o(u.value,"target","_blank")),b=e(()=>o(u.value,"text","")),v=e(()=>o(n,"teaser.trackingName","")),k=()=>{const x={configurator_element_description:v.value};t.trackConfiguratorInteractions("summary_page_interactions",x,"summary")};return(x,j)=>(s(),d("div",ct,[i(Ee,{"heading-type":"4",class:"mb-3 old_sm:mb-6"},{title:H(()=>[i(ee,{field:p.value},null,8,["field"])]),_:1}),r("div",ut,[i(ve,{field:_.value},null,8,["field"])]),i(oe,{primary:"",small:"",href:h.value,target:$.value,onClick:k},{default:H(()=>[Z(O(b.value),1)]),_:1},8,["href","target"])]))}},pt={class:"old_sm:text-20"},mt={class:"flex items-start mt-4"},vt={class:"mt-4 mb-9 text-base"},ft={class:"old_vlx-grid grid-cols-1 old_sm:grid-cols-2 old_sm:gap-y-14"},gt={__name:"FollowUp",props:{teasersInfo:{type:Object,required:!0}},setup(a){const t=G(),n=a,p=e(()=>o(n,"teasersInfo",{})),_=e(()=>({value:o(p.value,"urlPrefix","")})),u=e(()=>({value:o(p.value,"urlExplanatoryText","")})),h=t.getSavedConfigurationUrl||"",$=e(()=>o(p.value,"teaserItems",[])),b=e(()=>o(t,"activeProductPreset.buildYourOwn")),v=e(()=>b.value&&h.length),k=()=>{navigator.clipboard.writeText(h)};return(x,j)=>(s(),d(D,null,[ge(r("div",pt,[i(ee,{field:_.value},null,8,["field"]),r("span",mt,[i(ee,{field:{value:l(h)}},null,8,["field"]),r("span",{class:"ml-4 cursor-pointer",onClick:k},[i(it,{class:"w-6 h-6.5"})])]),r("p",vt,[i(ee,{field:u.value},null,8,["field"])])],512),[[be,v.value]]),r("div",ft,[(s(!0),d(D,null,te($.value,A=>(s(),d("div",{key:A.title,class:"mt-4 old_sm:mt-0 first:mt-0 flex flex-wrap content-between"},[i(dt,{teaser:A},null,8,["teaser"])]))),128))])],64))}},ht={class:"sm:col-start-1 sm:col-end-6 sm:col-span-6 md:col-start-1 md:col-end-12 md:col-span-12 relative pb-6"},ke={__name:"OverviewTitleImage",props:{imageMedia:{type:Object,required:!0},productLabel:{type:String,required:!0}},setup(a){return(t,n)=>(s(),d(D,null,[n[0]||(n[0]=r("div",{class:"hidden top-0 bottom-0 left-0 sm:fixed sm:block sm:w-1/2 bg-old_velux-grey-900"},null,-1)),r("div",ht,[i(l(W),{field:a.productLabel,class:"vlx-headline mb-6 uppercase"},null,8,["field"]),r("h2",null,[je(t.$slots,"default")]),i(Ve,{"desktop-ratio":"1/1","mobile-ratio":"1/1",class:"mt-12",media:a.imageMedia},null,8,["media"])])],64))}},_t={__name:"BlindsAndShuttersColorsWrapper",props:{data:{type:Object,required:!0},type:{type:String,required:!0}},setup(a){const t=a,{colors:n,availability:p,updateColor:_,selectedLocalColor:u,currentColor:h}=He(t),$=G(),b=L(!1),v=L(!1),k=L(null),x=e(()=>v.value?"w-8 h-8 old_sm:w-6 old_sm:h-6":"w-3 h-3"),j=e(()=>o(t,"data.productSetKey")||""),A=e(()=>o($.getCart,`[${t.type}].key`)||""),f=e(()=>j.value===A.value);Ue(k,()=>{b.value=!1,E(!1)});const R=()=>{b.value=!0,!v.value&&E(!0)},E=q=>{v.value=q},F=q=>{v.value&&(b.value=!1,_(q),E(!1))};return(q,K)=>f.value?(s(),d("div",{key:0,ref_key:"colorsWrapper",ref:k,class:ne(["cursor-pointer",{"bg-old_velux-white pt-6 pl-6 pr-6 pb-3 absolute top-1/2 -translate-y-1/2 z-10":v.value}]),onClick:R},[i(ze,{"show-only-active-color":"",class:ne(["!mb-2.5",{"pointer-events-none":!v.value}]),colors:l(n),availability:l(p),"selected-color":l(h)||l(u),"show-all-colors":b.value,"is-opened":v.value,"show-focus-border":v.value,size:x.value,onUpdateColor:F},null,8,["colors","availability","selected-color","show-all-colors","is-opened","show-focus-border","size","class"])],2)):g("",!0)}},xt={},yt={width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function bt(a,t){return s(),d("svg",yt,[...t[0]||(t[0]=[r("path",{d:"M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z",stroke:"white"},null,-1),r("path",{d:"M9.18395 6H2.82031",stroke:"white"},null,-1)])])}const kt=me(xt,[["render",bt]]),wt={key:0,class:"mb-5 old_sm:mb-8 overview-item"},St={class:"text-18 old_sm:text-20 leading-140 tracking-10 grow"},Ct={class:"mb-2"},Tt={key:0,class:"pr-2"},Nt={class:"relative"},$t={key:0,class:"mt-4 flex"},Pt={key:1,class:"flex flex-start"},It={key:0},Et={key:1,class:"w-3 h-3 mt-1.5 rounded-full bg-old_velux-initial-black cursor-default mr-2 mb-2.5"},Vt={key:0},At={key:2},Ft={key:1},Ot={key:0,class:"old_sm:text-20 leading-140 tracking-10 flex flex-col old_mobile:w-1/2 mt-2"},_e={__name:"OverviewItem",props:{productType:{type:Object,default:()=>{}},data:{type:String,default:""},description:{type:String,default:""}

1,productCount:{type:Number,default:0},showPrice:{type:Boolean,default:!1},isExtraProduct:{type:Boolean,default:!1},useColumns:{type:Boolean,default:!0}},setup(a){const t=G(),n=xe(),{isMobile:p}=fe(),_=a,{productType:u}=De(_),{attributes:h}=n,{windowText:$}=n.productLabels,{removeText:b}=n.productLabels,v=n.getBlindsAndShutters,k=e(()=>f.value===M.ADDON),x=e(()=>f.value===M.TOP_UNIT),j=e(()=>f.value===M.PANE),A=e(()=>f.value===M.SIZE),f=e(()=>o(u,"value.stepKey")||""),R=e(()=>h[f.value]),E=e(()=>o(t,"activeProductPreset.buildYourOwn")),F=e(()=>!A.value&&!x.value),q=e(()=>{const{stepLabel:c,stepName:y}=u.value;return c||y}),K=e(()=>t.productData.filter(c=>c?.productAttributes?.productgroup!==Ae.ACCESSORY)),S=e(()=>f.value===M.BLINDS||f.value===M.SHUTTERS),U=e(()=>p.value&&!S.value?"flex flex-col items-start":"flex justify-between"),C=e(()=>o(v,`[${f.value}].productSets`)||[]),T=e(()=>{const c=t.getCart;return o(c,`${f.value}.name`)||""}),Y=e(()=>n.getStepContent(f.value)),J=e(()=>o(t,"topUnitPanes")||[]),ce=e(()=>{const c=o(t.getCart,"topunit.productAttributes.pane")||"",y=o(t.getCart,"topunit.productAttributes.variantchar2")||"";if(!c.length||!y.length)return"";const w=o(n,`attributes.pane[${c}].text`)||"";return`${o(n,`attributes.topunit[${y}].text`||"")} ${w}`}),Q=e(()=>{const c=[];return Object.entries(R.value).forEach(([y,w])=>{j.value&&J.value.includes(y)||c.push({Text:w.text,id:y})}),c}),ae=e(()=>{const c=n.getFilteredAddons;return c?Object.values(c).map(y=>({Text:y.productSetName,...y.productData[0]})):""}),X=c=>{if(!c)return;const y=c.productAttributes[f.value];return R.value[y]?.text||""},ue=c=>_.showPrice&&c[f.value],se=()=>{t.resetProductData(f.value)},de=c=>{const y=z(c);return o(_,"isExtraProduct")&&y},z=c=>{const y=o(c,`[${u.value.stepKey}].totalPrice`),w=o(c,`[${u.value.stepKey}].price`);return y||w||0},N=c=>{t.updateProductData("addon",c)},V=({id:c})=>{t.updateCart(f.value,c),setTimeout(()=>{t.checkAvailability()},0)};return(c,y)=>l(u)?(s(),d("div",wt,[r("div",{class:ne(U.value)},[r("div",St,[r("span",Ct,[Z(O(q.value)+" ",1),l(u).multiplyPriceBy?(s(),d("span",Tt,[y[0]||(y[0]=r("span",null,"ｘ",-1)),r("span",null,O(l(u).multiplyPriceBy),1)])):g("",!0)]),r("div",Nt,[a.isExtraProduct&&E.value?(s(),d("div",$t,[k.value?(s(),I(le,{key:0,"invert-style":"",options:ae.value,selected:{value:T.value},"check-for-disabled":!1,"align-to-right":!1,"is-disabled":!ae.value.length,onSelected:N},null,8,["options","selected","is-disabled"])):g("",!0),k.value?g("",!0):(s(),d("div",Pt,[T.value?(s(),d("div",It,[(s(!0),d(D,null,te(C.value,w=>(s(),I(_t,{key:w?.productSetItemId,class:"mr-2 mt-1.5",data:w,type:f.value},null,8,["data","type"]))),128))])):(s(),d("div",Et)),i(le,{"invert-style":"","align-to-right":!1,selected:{value:T.value},"step-key":f.value,"product-sets":C.value,"is-truncate":!l(p),"is-disabled":!l(t).isProductConfigured},null,8,["selected","step-key","product-sets","is-truncate","is-disabled"])]))])):g("",!0)])]),r("div",{class:ne(["old_sm:pl-4",{"self-end":a.isExtraProduct}])},[(s(!0),d(D,null,te(K.value,(w,m)=>(s(),d("div",{key:w.productId,class:"flex"},[ge(r("span",{class:"mr-3 text-18 old_sm:text-20"},O(l($))+" "+O(m+1)+": ",513),[[be,K.value.length>1]]),a.isExtraProduct?g("",!0):(s(),d("span",Vt,[F.value?(s(),I(le,{key:0,"invert-style":"",options:Q.value,selected:{value:X(w)},"align-to-right":!l(p),"step-key":f.value,"is-static":!E.value,onSelected:V},null,8,["options","selected","align-to-right","step-key","is-static"])):g("",!0),A.value?(s(),I(Me,{key:1,"invert-style":"","current-step":l(M).SIZE,content:Y.value,selected:w?.productAttributes?.size},null,8,["current-step","content","selected"])):g("",!0),x.value?(s(),d("div",At,[i(le,{"is-top-unit":"","invert-style":"",options:Q.value,selected:{value:ce.value},"step-key":f.value,"align-to-right":!l(p),onSelected:V},null,8,["options","selected","step-key","align-to-right"])])):g("",!0)])),ue(w)?(s(),d("div",Ft,[i(re,{class:"flex ml-1",price:z(w),"show-exchange-rate":!1},null,8,["price"]),de(w)?(s(),I(oe,{key:0,class:"text-16 flex justify-end",light:"",lowercase:"",onClick:se},{default:H(()=>[i(kt),Z(" "+O(l(b)),1)]),_:1})):g("",!0)])):g("",!0)]))),128))],2)],2),a.isExtraProduct?(s(),d("div",Ot)):g("",!0),a.description?(s(),I(ve,{key:1,class:"basis-full mt-2",field:{value:a.description}},null,8,["field"])):g("",!0)])):g("",!0)}},qt={key:0},Bt={class:"flex justify-between items-center mb-8 last:mb-4 flex-wrap"},jt={class:"text-20 leading-140 tracking-10"},Ut={class:"leading-140 pl-4 text-right text-base"},Dt={__name:"InstallationKit",props:{installationKit:{type:Object,required:!0}},setup(a){const t=G(),n=a,p=L([]),_=e(()=>o(n,"installationKit.installationProductsDescription")||""),u=e(()=>o(n,"installationKit.installationProductsTitle")||""),h=e(()=>o(t,"activeProductPreset.installationKit.showInstallationProducts")||!1),$=e(()=>t.getInstallationProductsTotalPrice),b=()=>{const v=[{name:"flashing",products:[{price:"",productId:""}]}];p.value=v};return h.value||b(),p.value=t.installationProducts,ye(()=>t.installationProducts,v=>{if(h.value){if(!v?.length){b();return}p.value=t.installationProducts}}),(v,k)=>h.value?(s(),d("div",qt,[r("div",Bt,[r("span",jt,O(u.value),1),r("div",Ut,[i(re,{price:$.value,"show-exchange-rate":!1},null,8,["price"])]),_.value?(s(),I(ve,{key:0,class:"mt-2 w-2/3 basis-full old_mobile:text-13",field:{value:_.value}},null,8,["field"])):g("",!0)])])):g("",!0)}},Lt={key:0,class:"border-t pt-6"}

1,Rt={class:"pb-6 mb-6 leading-140 flex justify-between items-center border-b"},Kt={class:"text-20 leading-140 tracking-10"},Mt={class:"text-base"},Ht={class:"py-6 mb-8 leading-140 flex justify-between items-center border-y"},zt={class:"text-20 leading-140 tracking-10"},Wt={class:"text-base"},Zt={key:1,class:"flex justify-end"},Gt={class:"flex old_sm:items-start"},Yt={__name:"ConfiguratorOverview",props:{imageMedia:{type:Object,required:!0},productLabel:{type:String,required:!0},productCategoryName:{type:String,required:!0},parentCategoryName:{type:String,required:!0},summary:{type:Object,required:!0},installationKit:{type:Object,required:!0},nextStepOptionsVisible:{type:Boolean,default:!1}},emits:["clickNextStep"],setup(a,{emit:t}){const n=G(),p=xe(),_=ie(),{isMobile:u}=fe(),h=a,$=t,b=L(!1),v=Le({}),k={},x=e(()=>{const S=o(h,"summary.downloadUrl.target")||{};return{url:S.url,target:S.target,text:S.text,continueButtonText:h.summary?.continueButtonText}}),j=e(()=>o(p,"productLabels.subTotalText","")),A=e(()=>o(p,"productLabels.totalText","")),f=e(()=>o(n.getWindowTotalPrice,"total","0").toString()),R=e(()=>o(n.getWindowTotalPrice,"subtotal","0").toString()),E=[M.BLINDS,M.SHUTTERS,M.ADDON];Object.entries(p.steps).forEach(([S,U])=>{if(U!==null){const C=E.includes(S),T={[S]:U};if(C){Object.assign(v,T);return}Object.assign(k,T)}});const F=S=>{_.pauseTouchTrackingEvents=S},q=()=>{F(!0),setTimeout(()=>{F(!1)},50);const S={configurator_element_description:"continue"};_.trackConfiguratorInteractions("summary_page_interactions",S,"summary")},K=()=>{q(),$("clickNextStep")};return(S,U)=>(s(),d(D,null,[l(u)?(s(),I(ke,{key:0,"image-media":a.imageMedia,"product-label":a.parentCategoryName},{default:H(()=>[Z(O(a.productCategoryName),1)]),_:1},8,["image-media","product-label"])):g("",!0),r("div",null,[i(ee,{tag:"h3",class:"pb-6 mb-8 border-b",field:{value:a.summary?.summaryTitle}},null,8,["field"]),(s(),d(D,null,te(k,(C,T)=>i(_e,{key:T,"product-type":C,"use-columns":!1},null,8,["product-type"])),64)),i(Dt,{"installation-kit":a.installationKit},null,8,["installation-kit"]),l(we)(v)?g("",!0):(s(),d("div",Lt,[r("div",Rt,[r("span",Kt,O(j.value),1),r("div",Mt,[i(re,{price:R.value,"show-exchange-rate":!1},null,8,["price"])])]),(s(!0),d(D,null,te(v,(C,T)=>(s(),I(_e,{key:T,"show-price":"","is-extra-product":"","step-name-key":T,"product-type":C},null,8,["step-name-key","product-type"]))),128))])),r("div",Ht,[r("span",zt,O(A.value),1),r("div",Wt,[i(re,{price:f.value,"use-reversed-conversion-rate":""},null,8,["price"])])])]),!a.nextStepOptionsVisible&&!b.value?(s(),d("div",Zt,[r("span",Gt,[x.value.url?(s(),I(oe,{key:0,secondary:"","on-dark":"",small:"",href:x.value.url,target:x.value.target,onHandleClick:S.handleClick},{default:H(()=>[Z(O(x.value.text),1)]),_:1},8,["href","target","onHandleClick"])):g("",!0),i(oe,{primary:"",small:"",class:"ml-4",onClick:K},{default:H(()=>[Z(O(x.value.continueButtonText),1)]),_:1})])])):g("",!0)],64))}},Jt={id:"scroll-to-top",class:"vlx-container vlx-grid"},Qt={class:"col-span-full sm:col-start-8 sm:col-end-13 sm:col-span-6 md:col-start-14 md:col-span-12"},ma={__name:"Overview",props:{teasersInfo:{type:Object,required:!0},parentCategoryName:{type:String,required:!0},productCategoryName:{type:String,required:!0},installationKit:{type:Object,required:!0}},setup(a){const t=ie(),n=G(),{isMobile:p}=fe(),_=a,u=e(()=>o(_,"teasersInfo",{})),h=e(()=>o(u.value,"goBackText","")),$=e(()=>o(u.value,"headline","")),b=u.value?.contactInformationForm?.showForm,v=L(!1),k=L(null);let x=!1;const j={prev:{shadow:!1,translate:["-70%",0,-1],speed:700,opacity:0},next:{translate:["100%",0,0],speed:700,opacity:0,autoHeight:!0}},A=e(()=>o(n,"activeProductPreset.summary")),f=e(()=>({value:{src:o(A,"value.summaryImage")||""}})),R=C=>k.value=C,E=()=>{k.value.slideNext(),setTimeout(()=>{document.querySelector("#scroll-to-top").scrollIntoView({behavior:"smooth",block:"start"})},500)},F=L(!1),q=C=>{k.value.slideTo(C),F.value=!0},K=()=>{x=!0},S=()=>{setTimeout(()=>{x=!1},50)},U=()=>{if(!x||t.pauseTouchTrackingEvents)return;const C={configurator_element_description:"swipe"};t.trackConfiguratorInteractions("summary_page_interactions",C,"summary")}

1;return Re(()=>{t.overlayType="configurator"}),Ke(()=>{t.overlayType=null}),(C,T)=>(s(),d(D,null,[r("div",Jt,[l(p)?g("",!0):(s(),I(ke,{key:0,"image-media":f.value,"product-label":a.parentCategoryName},{default:H(()=>[Z(O(a.productCategoryName),1)]),_:1},8,["image-media","product-label"])),r("div",Qt,[i(l(Ce),{class:"overview-swiper bg-velux-black",effect:"creative",modules:[l(Se)],navigation:!1,"creative-effect":j,"slides-per-view":1,"simulate-touch":!l(p),"space-between":10,onSwiper:R,onTouchStart:K,onTouchEnd:S,onSlideChange:U},{default:H(()=>[i(l(he),null,{default:H(()=>[i(Yt,{"image-media":f.value,"product-label":a.parentCategoryName,"product-category-name":a.productCategoryName,"parent-category-name":a.parentCategoryName,"installation-kit":a.installationKit,"next-step-options-visible":v.value,summary:A.value,onClickNextStep:E},null,8,["image-media","product-label","product-category-name","parent-category-name","installation-kit","next-step-options-visible","summary"])]),_:1}),i(l(he),null,{default:H(()=>[r("div",null,[i(lt,{headline:$.value,"go-back-text":h.value,onOnNavigationPrev:T[0]||(T[0]=Y=>q(Y))},null,8,["headline","go-back-text"]),l(b)?g("",!0):(s(),I(gt,{key:0,"teasers-info":u.value},null,8,["teasers-info"])),l(b)?(s(),I(st,{key:1,form:u.value.contactInformationForm,"should-reset-form":F.value},null,8,["form","should-reset-form"])):g("",!0)])]),_:1})]),_:1},8,["modules","simulate-touch"])])]),i(We,{"is-visible":l(n).isLoading},null,8,["is-visible"])],64))}};export{ma as default};