https://weneed.ch/_nuxt/U-R8dwfV.js

1import{_ as z}from"./Cb691REx.js";import{r as h,o as G,B as H,t as o,p as b,C as f,D as M,n as a,E as _,f as c,_ as O,y as s,x as d,F as V,A,z as F,J as j,G as S,T as D,q as y,K as J,H as K}from"./CG0zx5Uh.js";const P={class:"BlockFeaturesSlider__tabs"},Q=["onClick"],R={class:"BlockFeaturesSlider__slide"},X={class:"BlockFeaturesSlider__headlineWrapper"},Y={key:0,class:"BlockFeaturesSlider__headline"},Z={class:"BlockFeaturesSlider__shadowWrapper"},ee={class:"BlockFeaturesSlider__videoWrapper"},te={class:"BlockFeaturesSlider__videoContainer"},ae=["alt"],oe={class:"BlockFeaturesSlider__textWrapper"},se={key:0,class:"BlockFeaturesSlider__text"},le={class:"BlockFeaturesSlider__navigationLabel"},ce={__name:"BlockFeaturesSlider",props:{blok:{type:Object,required:!0}},setup(v){const l=v,w=h([]),n=h(l?.blok?.features[0]?._uid),k=c(()=>l.blok.features.find(e=>e._uid===n.value)),p=c(()=>k.value?.backgroundColor==="grey-light"),g=c(()=>k.value?.backgroundColor==="white"),C=c(()=>k.value?.backgroundColor==="gradient"),m=e=>n.value===e,u=c(()=>l.blok.features.findIndex(e=>e._uid===n.value)),W=c(()=>u.value===0),N=c(()=>u.value===l.blok.features.length-1),U=e=>{n.value=n.value===e?null:e},x=h("slideUp"),B=h("fadeSlideUp"),T=()=>{x.value="slideDown",B.value="fadeSlideDown";const e=u.value;e>0&&(n.value=l.blok.features[e-1]._uid),L("Arrow left",l.blok.features[u.value].title)},q=()=>{x.value="slideUp",B.value="fadeSlideUp";const e=u.value;e<l.blok.features.length-1&&(n.value=l.blok.features[e+1]._uid),L("Arrow right",l.blok.features[u.value].title)},I=h([]);function L(e,E){if(window.utag){const i={event_attributes_eventName:"slider_click",event_category:"Content Interaction",event_action:e,event_label:"The core features",platform:"weneed-web"};window.utag.link(i)}}return G(()=>{I.value=Array.from(document.querySelectorAll(".BlockFeaturesSlider__video .BaseVideo__video"));const e=new IntersectionObserver(i=>{i.forEach(r=>{r.isIntersecting?r.target.play():(r.target.pause(),r.target.currentTime=0)})},{threshold:.5});I.value.forEach(i=>e.observe(i)),H(()=>{I.value.forEach(i=>e.unobserve(i))});const E=w.value.offsetHeight;w.value.style.height=`${E}px`}),(e,E)=>{const i=z,r=O,$=K;return o(),b(r,{id:v.blok.anchor,tag:"section",class:_(["BlockFeaturesSlider paddingBlock",{inverted:a(p)||a(g),gradient:a(C)}]),style:M(`--slider-background-color: var(--c-${a(k)?.backgroundColor})`)},{default:f(()=>[s("ul",P,[(o(!0),d(V,null,A(v.blok?.features,t=>(o(),d("li",{key:t._uid,class:_(["BlockFeaturesSlider__tab",{active:m(t._uid)}]),onClick:ie=>U(t._uid)},F(t.title),11,Q))),128))]),s("div",R,[(o(!0),d(V,null,A(v.blok?.features,t=>j((o(),b(r,{key:t._uid,tag:"div",class:"siteWidthMedium BlockFeaturesSlider__content"},{default:f(()=>[s("div",X,[S(D,{name:B.value},{default:f(()=>[m(t._uid)?(o(),d("p",Y,F(t.headline),1)):y("",!0)]),_:2},1032,["name"])]),s("div",Z,[s("div",ee,[s("div",te,[t.video.filename||t.vimeoLink?(o(),b(i,{key:0,src:t.vimeoLink?t.vimeoLink:t.video.filename,autoplay:!1,muted:!0,loop:!0,preload:"none",class:"BlockFeaturesSlider__video"},null,8,["src"])):y("",!0),s("img",{alt:e.$t("components.BlockScrollVideo.phoneContainer"),src:"/phone/phone.webp",class:"BlockFeaturesSlider__mockup"},null,8,ae)])])]),s("div",oe,[S(D,{name:B.value},{default:f(()=>[m(t._uid)?(o(),d("p",se,F(t.text),1)):y("",!0)]),_:2},1032,["name"])])]),_:2},1536)),[[J,m(t._uid)]])),128))]),s("div",{ref_key:"navEl",ref:w,class:_(["BlockFeaturesSlider__navigation",{inverted:a(p)||a(g),white:a(g)}])},[S($,{name:"arrow-left",class:_(["BlockFeaturesSlider__navigationItem prev",{inverted:a(p)||a(g),disabled:a(W),gradient:a(C)}]),onClick:T},null,8,["class"]),s("div",le,[(o(!0),d(V,null,A(v.blok?.features,t=>(o(),b(D,{key:t._uid,name:x.value},{default:f(()=>[m(t._uid)?(o(),d("p",{key:0,class:_({gradient:a(k)?.backgroundColor==="gradient"})},F(t.title),3)):y("",!0)]),_:2},1032,["name"]))),128))]),S($,{name:"arrow-right",class:_(["BlockFeaturesSlider__navigationItem next",{inverted:a(p)||a(g),disabled:a(N),gradient:a(C)}]),onClick:q},null,8,["class"])],2)]),_:1},8,["id","class","style"])}}};export{ce as default};