https://weneed.ch/_nuxt/qE_5AAhV.js

1import{_ as X}from"./ByyvypQQ.js";import{_ as Y}from"./E6_grSv8.js";import{a4 as j,a5 as q,o as O,t as i,x as r,D as b,E as n,n as o,F as y,A,G as k,p as P,q as m,C as Q,y as p,r as D,f,_ as G,H as U,L as $}from"./CG0zx5Uh.js";import{u as J}from"./Bu6aspiy.js";import{u as K}from"./BkDjI9iv.js";import"./DDlvirwQ.js";const Z=j("/icons/arrow-double.svg"),L=["id"],R={class:"BlockParalaxHero__content"},ee=["innerHTML"],oe=["innerHTML"],te={key:0,class:"BlockParalaxHero__disturberWrapper"},ae={class:"BlockParalaxHero__disturber"},ie=["innerHTML"],le=["alt"],fe={__name:"BlockParalaxHero",props:{blok:{type:Object,required:!0}},setup(t){const{useParallaxAnimation:z}=J(),x=t,H=f(()=>$(x.blok?.lead)),w=f(()=>$(x.blok?.disturber)),F=f(()=>$(x.blok.title).replace("<p>","").replace("</p>","").replace(/\u00A0/g,"")),{getImageDimensions:l}=K(),c=f(()=>{const a=x.blok?.image;return a?.filename?a:null}),_=f(()=>c.value&&c.value?.focus?{filters:{focal:c.value?.focus}}:null),I=f(()=>c.value?l(c.value.filename):null),s=f(()=>{const a=x.blok?.imageMobile;return a?.filename?a:null}),V=f(()=>s.value&&s.value?.focus?{filters:{focal:s.value?.focus}}:null),S=f(()=>s.value?l(s.value.filename):null);function v(a,h){return l(a).width*(h/100)}const d=D(!1),M=D(),T=D(),C=q("(max-width: 750px)");function W(){console.log("scrollToNextSection");const a=M.value?.nextElementSibling;a&&a.scrollIntoView({behavior:"smooth"})}return O(()=>{d.value=!0,C.value||z(M.value,T.value,0,10),M.value.querySelectorAll(".BlockParalaxHero__asset").forEach(h=>{const u=parseFloat(h.getAttribute("data-shift-from")),B=parseFloat(h.getAttribute("data-shift-to"));z(M.value,h,u,B)})}),(a,h)=>{const u=X,B=Y,E=U,N=G;return i(),r("section",{id:t.blok.anchor,ref_key:"heroWrapper",ref:M,class:n(["BlockParalaxHero",{isMounted:o(d)}])},[t.blok.imagesLeft?.length>0?(i(),r("div",{key:0,class:n(["BlockParalaxHero__decoLeft",{imageSpace:t.blok.hasImageSpace,"is-visible":o(d)}]),style:b(`z-index: ${t.blok.zIndexLeft};`)},[(i(!0),r(y,null,A(t.blok.imagesLeft,(e,g)=>(i(),r(y,{key:e._uid},[k(u,{fit:"cover",class:n(["BlockParalaxHero__asset isHiddenMobile",{isHiddenMobile:e.imageMobile?.filename,imageSpace:t.blok.hasImageSpace}]),alt:e.imageDesktop.alt||e.imageDesktop.title,src:e.imageDesktop.filename,width:o(l)(e.imageDesktop.filename).width,height:o(l)(e.imageDesktop.filename).height,modifiers:o(_),style:b(`left: ${e.positionXDesktopProcent}%;
2                                top: ${e.positionYDesktopProcent}%;
3                                width: ${v(e.imageDesktop.filename,e.scaleDesktop)}px;
4                                z-index: ${e.zIndex};`),loading:g===0?"eager":"lazy","data-shift-from":e.shiftFromDesktop,"data-shift-to":e.shiftToDesktop},null,8,["class","alt","src","width","height","modifiers","style","loading","data-shift-from","data-shift-to"]),e.imageMobile?.filename?(i(),P(u,{key:0,fit:"cover",class:"BlockParalaxHero__asset isVisibleMobile",alt:e.imageMobile.alt||e.imageMobile.title,src:e.imageMobile.filename,width:o(l)(e.imageMobile.filename).width,height:o(l)(e.imageMobile.filename).height,modifiers:o(_),style:b(`left: ${e.positionXMobileProcent}%;
5                                top: ${e.positionYMobileProcent}%;
6                                width: ${v(e.imageMobile.filename,e.scaleMobile)}px;
7                                z-index: ${e.zIndex};`),loading:g===0?"eager":"lazy","data-shift-from":e.shiftFromMobile,"data-shift-to":e.shiftToMobile},null,8,["alt","src","width","height","modifiers","style","loading","data-shift-from","data-shift-to"])):m("",!0)],64))),128))],6)):m("",!0),t.blok.imagesRight?.length>0?(i(),r("div",{key:1,class:n(["BlockParalaxHero__decoRight",{imageSpace:t.blok.hasImageSpace,"is-visible":o(d)}]),style:b(`z-index: ${t.blok.zIndexRight};`)},[(i(!0),r(y,null,A(t.blok.imagesRight,(e,g)=>(i(),r(y,{key:e._uid},[k(u,{fit:"cover",class:n(["BlockParalaxHero__asset isHiddenMobile",{isHiddenMobile:e.imageMobile?.filename,imageSpace:t.blok.hasImageSpace}]),alt:e.imageDesktop.alt||e.imageDesktop.title,src:e.imageDesktop.filename,width:o(l)(e.imageDesktop.filename).width,height:o(l)(e.imageDesktop.filename).height,modifiers:o(_),style:b(`right: ${e.positionXDesktopProcent}%;
8                                top: ${e.positionYDesktopProcent}%;
9                                width: ${v(e.imageDesktop.filename,e.scaleDesktop)}

9px;
10                                z-index: ${e.zIndex};`),loading:g===0?"eager":"lazy","data-shift-from":e.shiftFromDesktop,"data-shift-to":e.shiftToDesktop},null,8,["class","alt","src","width","height","modifiers","style","loading","data-shift-from","data-shift-to"]),e.imageMobile?.filename?(i(),P(u,{key:0,fit:"cover",class:"BlockParalaxHero__asset isVisibleMobile",alt:e.imageMobile.alt||e.imageMobile.title,src:e.imageMobile.filename,width:o(l)(e.imageMobile.filename).width,height:o(l)(e.imageMobile.filename).height,modifiers:o(_),style:b(`right: ${e.positionXMobileProcent}%;
11                                top: ${e.positionYMobileProcent}%;
12                                width: ${v(e.imageMobile.filename,e.scaleMobile)}px;
13                                z-index: ${e.zIndex};`),loading:g===0?"eager":"lazy","data-shift-from":e.shiftFromMobile,"data-shift-to":e.shiftToMobile},null,8,["alt","src","width","height","modifiers","style","loading","data-shift-from","data-shift-to"])):m("",!0)],64))),128))],6)):m("",!0),k(N,{tag:"div",class:"BlockParalaxHero__grid siteWidth"},{default:Q(()=>[p("div",R,[p("h1",{class:n(["BlockParalaxHero__title",{"is-animated":o(d)}]),innerHTML:o(F)},null,10,ee),o(H)!==""&&o(H)!=="<p></p>"?(i(),r("div",{key:0,class:n(["BlockParalaxHero__lead",{"is-animated":o(d)}]),innerHTML:o(H)},null,10,oe)):m("",!0),p("div",{class:n(["BlockParalaxHero__ctas",{"is-animated":o(d)}])},[k(B,{class:"BlockParalaxHero__downloads",hasQRCodes:!0}),o(w)&&t.blok.isDisturberActive?(i(),r("div",te,[k(E,{name:"special-arrow",class:"BlockParalaxHero__disturberArrow"}),p("figure",ae,[o(w)?(i(),r("div",{key:0,innerHTML:o(w)},null,8,ie)):m("",!0)])])):m("",!0)],2)])]),_:1}),o(c)?(i(),r("div",{key:2,class:n(["BlockParalaxHero__imageWrapper",{hasImageMobile:o(s)?.filename,hasMoreSpaceBottom:t.blok.hasMoreSpaceBottom,"is-visible":o(d)}])},[p("div",{ref_key:"mockupImage",ref:T},[k(u,{class:n(["BlockParalaxHero__image",{isHiddenMobile:o(s)?.filename,hasMoreSpaceBottom:t.blok.hasMoreSpaceBottom}]),fit:"contain",alt:o(c).alt||o(c).title,src:o(c).filename,width:o(I).width,height:o(I).height,modifiers:o(_),sizes:"400px mobile:750px tablet-portrait:1000px tablet:1200px desktop:1920px",loading:"eager",fetchpriority:"high",preload:!0},null,8,["class","alt","src","width","height","modifiers"]),o(s)?.filename?(i(),P(u,{key:0,class:"BlockParalaxHero__image isVisibleMobile hasImageMobile",fit:"contain",alt:o(s).alt||o(s).title,src:o(s).filename,width:o(S).width,height:o(S).height,modifiers:o(V),sizes:"400px mobile:750px tablet-portrait:1000px tablet:1200px desktop:1920px",loading:"eager",fetchpriority:"high",preload:!0},null,8,["alt","src","width","height","modifiers"])):m("",!0)],512)],2)):m("",!0),p("img",{class:n(["BlockParalaxHero__arrowDown",{"is-visible":o(d)}]),src:Z,alt:a.$t("components.BlockParalaxHero.scroll_down"),onClick:W},null,10,le)],10,L)}}};export{fe as default};