1import{f as e,D as d,E as h,P as c,J as s,I as w,O as G,F as E,G as I,a3 as de,r as u,a as J,w as pe,n as ve,K as $,V as z,S as F,U as Q,a7 as R,ad as W}from"./vendor-a0789617.js";import{g as t}from"./lodash-86ed0c75.js";import{K,S as P,a8 as me,_ as fe,P as he,O as _e,j as xe,e as j,L as N,az as ye,aA as be,Q as ge,ay as Se,av as ke,ax as we}from"./index-a0a0e1a1.js";import{_ as Te}from"./SwitchItem-7b0e052e.js";import"./axios-bb6ee5b8.js";import"./vee-validate-daa3561c.js";import"./swiper-ade697ba.js";/*! @license Third-party license notices: /dist/velux-marketing/client/THIRD_PARTY_NOTICES.txt */const $e={class:"py-2 px-5 my-6"},Ie={class:"flex gap-x-4"},Be={key:0,class:"w-8 h-8 shrink-0"},Ce={key:0,class:"mb-4"},Oe={__name:"SolutionUsp",props:{specIcon:{type:Object,default:()=>{}},specTitle:{type:String,required:!0},specText:{type:String,required:!0},specButton:{type:Object,default:()=>{}}},setup(l){const a=l,f=e(()=>t(a,"specIcon.imageSrc")),_=e(()=>{const v=t(a,"specIcon");return{value:{src:v.imageSrc,alt:v.altText}}}),o=e(()=>{const v=t(a.specButton,"url"),p=t(a.specButton,"text");return v&&p});return(v,p)=>(d(),h("div",$e,[c("div",Ie,[f.value?(d(),h("div",Be,[s(K,{"desktop-ratio":"1/1","mobile-ratio":"1/1",media:_.value},null,8,["media"])])):w("",!0),c("div",null,[l.specTitle?(d(),h("div",Ce,G(l.specTitle),1)):w("",!0),s(P,{class:"text-16",field:{value:l.specText}},null,8,["field"])])]),o.value?(d(),E(me,{key:0,href:l.specButton.url,target:l.specButton.target},{default:I(()=>[de(G(l.specButton.text),1)]),_:1},8,["href","target"])):w("",!0)]))}};const Ae={class:"relative px-5 py-8 old_sm:p-12 old_sm:pr-6"},Me={class:"relative"},Ne=140,Pe={__name:"SolutionSlide",props:{slide:{type:Object,default:()=>{}},slideIndex:{type:Number,default:0},amountSlides:{type:Number,default:0},boxHeight:{type:Number,default:0},products:{type:Array,default:()=>[]},slideHover:{type:Boolean,default:!1}},setup(l){const a=he(),f=_e(),{isMobile:_}=xe(),o=l,{windowText:v}=f.productLabels,p=u(""),m=u(""),y=u(""),g=u({}),B=u(""),C=u(""),O=u({}),T=u(0),A=u(null),S=u(null),b=u(!1),Z=e(()=>({value:{src:y.value}})),X=e(()=>({value:t(o.slide,"stepName","")})),Y=e(()=>({value:p.value})),ee=e(()=>({value:m.value})),te=e(()=>b.value?"delay-[300ms] opacity-100 z-10 translate-y-0":"translate-y-full opacity-0"),se=e(()=>b.value?"opacity-0 -translate-y-full":"opacity-100 translate-y-0"),le=e(()=>b.value?"opacity-100 translate-y-0":"opacity-0 -translate-y-full"),H=e(()=>t(o,"products",[])),ae=e(()=>H.value.length>1),oe=e(()=>{const i=u(Object.keys(o.products).length),n=o.slide.stepKey,r=[];return Object.values(o.products).forEach((x,V)=>{const M=x.productAttributes[n],k=f.getAttributeName(n,M);i.value===1?r.push(k):r.push(v+" "+(V+1)+": "+k)}),{value:r.join("<br />")}}),ie=e(()=>Object.keys(o.products).map(i=>({Text:`${v} ${parseInt(i)+1}`,type:parseInt(i)}))),D=()=>{const i=t(o,"slide.stepKey"),n=t(o.products[T.value],["productAttributes",i]),r=f.getStepAttributes(i);if(r){p.value=t(r,[n,"text"]);const x=o.slide.staticStepImage;x&&(y.value=t(x,"imageSrc")),i===ge.SIZE?m.value=o.slide.stepHeadline+"<br /><br />"+o.slide.stepDescription:m.value=t(r,[n,"description"]),g.value=t(r,`${n}.valueSpec[0].icon`)||{},B.value=t(r,`${n}.valueSpec[0].title`)||"",C.value=t(r,`${n}.valueSpec[0].description`)||"",O.value=t(r,`${n}.valueSpec[0].moreInfoLink`)||{}}},ne=({type:i})=>{T.value=parseInt(i),D()},ce=()=>{_.value||L()},re=()=>{_.value&&!b.value&&L()},L=()=>{const{boxHeight:i,amountSlides:n}=o,r=i-Ne*n;b.value=!0,A.value.style.height=`${r}px`,S.value.style.height=`${r}px`},q=()=>{A.value.style.height="0px",b.value=!1,ue()},ue=()=>{let i,n;const x=S.value.scrollTop,V=x/300,M=k=>{i===void 0&&(i=k);const U=k-i;n!==k&&(S.value.scrollTop=x-V*U),U<300&&(n=k,window.requestAnimationFrame(M))};window.requestAnimationFrame(M)};return J(()=>{D()}),pe(()=>a.activeProductSetName,(i,n)=>{i!==n&&ve(()=>{D()})}),(i,n)=>l.slide?(d(),h("li",{key:0,class:"duration-1000 relative transition text-old_velux-white z-10 overflow-hidden ease-in-out",onMouseenter:ce,onClick:z(re,["stop"]),onMouseleave:q},[c("div",{class:$(["absolute top-0 left-0 w-full h-full z-0 transition-height duration-500",[b.value?"brightness-50":"brightness-75"]])},[s(K,{class:"h-full top-1/2 -translate-y-1/2",alt:"This is a sample image","desktop-ratio":"1/1","mobile-ratio":"1/1","disable-lazy-load":"",media:Z.value,width:720},null,8,["media"])],2),c("div",{ref_key:"imageItem",ref:A,class:"duration-[400ms] w-full h-0 z-10 ease-in-out"}
1,[c("div",Ae,[c("div",{ref_key:"slideScroll",ref:S,class:$(["w-full vlx-slide-scroll pr-6",[b.value?"overflow-y-scroll":"overflow-y-hidden"]])},[s(N,{"label-class":"old_sm:mb-4"},{label:I(()=>[s(j,{field:X.value},null,8,["field"])]),_:1}),c("div",Me,[s(N,{class:$(["absolute top-0 left-0 transition duration-300 ease-in-out",{"opacity-0 -translate-y-full":l.slideHover}]),"heading-type":"3","heading-style":"4","label-class":"old_sm:mb-4"},{title:I(()=>[s(P,{field:oe.value},null,8,["field"])]),_:1},8,["class"])]),c("div",{class:$(["absolute top-[9.5rem] left-6 w-8 h-8 transition-height duration-300 old_sm:hidden",[se.value]]),onClick:z(L,["stop"])},[s(ye,{class:"w-full h-full block"})],2),c("div",{class:$(["absolute -bottom-16 left-6 w-8 h-8 transition-height duration-300 old_sm:hidden",[le.value]]),onClick:z(q,["stop"])},[s(be,{class:"w-full h-full block"})],2),H.value?(d(),h("div",{key:0,class:$(["text-wrapper duration-300 relative ease-in-out old_sm:max-w-[554px]",te.value])},[ae.value?(d(),E(Te,{key:0,class:"mb-4","selected-value":T.value,values:ie.value,small:!0,onSwitchChanged:ne},null,8,["selected-value","values"])):w("",!0),(d(!0),h(F,null,Q(H.value,(r,x)=>(d(),h("div",{key:x},[x===T.value?(d(),h(F,{key:0},[s(N,{"heading-type":"4"},{title:I(()=>[s(j,{field:Y.value},null,8,["field"])]),_:1}),s(P,{class:"mt-6",field:ee.value},null,8,["field"]),R(s(Oe,{"spec-icon":g.value,"spec-title":B.value,"spec-text":C.value,"spec-button":O.value},null,8,["spec-icon","spec-title","spec-text","spec-button"]),[[W,g.value]])],64)):w("",!0)]))),128))],2)):w("",!0)],2)])],512)],32)):w("",!0)}},je=fe(Pe,[["__scopeId","data-v-174e9cb3"]]),He={__name:"SolutionSlides",props:{steps:{type:Object,default:()=>{}},products:{type:Array,default:()=>[]}},setup(l){const a=l,f=u(0),_=u(!1),o=u(0),v=e(()=>{let p=0;return Object.values(a.steps).forEach(m=>{m?.stepName&&p++}),p});return J(()=>{const p=o.value.clientHeight;f.value=p}),(p,m)=>(d(),h("ul",{ref_key:"slideContainer",ref:o,class:"vlx-slider col-span-12 old_sm:col-span-6 old_sm:col-start-7 mt-6 old_sm:mt-0 -mx-5 old_sm:-ml-4 old_sm:-mr-8 relative gap-y-0 min-h-[840px] h-full grid",onMouseenter:m[0]||(m[0]=y=>_.value=!0),onMouseleave:m[1]||(m[1]=y=>_.value=!1)},[(d(!0),h(F,null,Q(Object.keys(l.steps),(y,g)=>(d(),E(je,{key:y,"slide-index":g,slide:l.steps[y],"amount-slides":v.value,"box-height":f.value,products:l.products,"slide-hover":_.value},null,8,["slide-index","slide","amount-slides","box-height","products","slide-hover"]))),128))],544))}},De={id:"product-solutions",ref:"solution",class:"order-first bg-old_velux-grey-100"},Le={class:"old_vlx-container old_vlx-grid py-0 old_sm:bg-old_velux-grey-300"},Ve={class:"col-span-12 old_sm:col-span-4 old_sm:col-start-2 flex flex-col items-start gap-12 old_sm:py-18"},ze={class:"flex flex-col bg-old_velux-white/94 -ml-5 px-5 py-8 z-20 -mt-21 old_sm:ml-0 old_sm:mt-0 old_sm:px-0 old_sm:py-0 old_sm:bg-transparent"},Fe={class:"vlx-read-more"},Ee={class:"vlx-read-more__content order-first max-h-[11.5rem] old_sm:max-h-full overflow-y-hidden peer-checked:max-h-full"},Ke={class:"prose leading-140 tracking-10 text-18"},Ze={__name:"SolutionView",props:{data:{type:Object,default:()=>{}},products:{type:Array,default:()=>[]}},setup(l){const a=l,f=e(()=>t(a.data,"productSetImage",{})),_=e(()=>t(f.value,"imageSrc","")),o=e(()=>t(f.value,"altText","")),v=e(()=>({value:{src:_.value,alt:o.value}})),p=e(()=>({value:t(a.data,"productSetShortDescription","")})),m=e(()=>({value:t(a.data,"productSetSolutionName","")})),y=e(()=>({value:t(a.data,"productSetLongDescription","")})),g=e(()=>t(a.data,"productSetPriceAvailability",!1)),B=e(()=>g.value?t(a.data,"productSetPrice",""):t(a.data,"productSetPriceText","")),C=e(()=>t(a.data,"additionalPriceTextForFlashing","")),O=e(()=>t(a.data,"additionalPriceTextForBlinds","")),T=e(()=>t(a.data,"steps"));return(A,S)=>(d(),h("div",null,[c("section",De,[c("div",null,[s(K,{class:"old_sm:hidden","mobile-ratio":"1/1",media:v.value},null,8,["media"]),c("div",Le,[c("div",Ve,[c("div",ze,[s(N,{"heading-type":"2","label-class":"old_sm:text-old_velux-black"},{title:I(()=>[s(j,{field:p.value},null,8,["field"])]),label:I(()=>[s(j,{field:m.value},null,8,["field"])]),_:1})]),c("label",Fe,[S[0]||(S[0]=c("input",{type:"checkbox",class:"peer"},null,-1)),s(Se),c("span",Ee,[c("span",Ke,[s(P,{field:y.value},null,8,["field"]),R(s(ke,{price:B.value},null,8,["price"]),[[W,B.value]]),s(we,{class:"pt-2","text-flashing":C.value,"text-blinds":O.value},null,8,["text-flashing","text-blinds"])])])])]),s(He,{steps:T.value,products:l.products},null,8,["steps","products"])])])],512)]))}};export{Ze as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.