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

1import{o as G,B as N,t as o,p as S,C as v,D as O,E as c,n as e,r as d,f as A,_ as P,G as k,y as n,z as m,x as w,q as g,F as T,A as F,H as j,I as J,T as K,J as R,K as Q,L as X}from"./CG0zx5Uh.js";import{_ as Y}from"./Cb691REx.js";import Z from"./Dx8lCdQv.js";import{_ as ee,S as te}from"./DihZVV5e.js";import{u as ie}from"./Cm4DzozG.js";import"./ByyvypQQ.js";import"./BkDjI9iv.js";const le={class:"BlockAiSlider__title"},se=["innerHTML"];const oe={class:"BlockAiSlider__slide__asset"},ae={key:0,class:"BlockAiSlider__tag"},ne={key:1,class:"BlockAiSlider__ai"},re={class:"BlockAiSlider__slide__text"},ce={class:"BlockAiSlider__navigationLabel"},he={__name:"BlockAISlider",props:{blok:{type:Object,required:!0}},setup(p){const y=d(null),f=p,I=A(()=>X(f.blok?.lead)),x=A(()=>f.blok.features.map(t=>{const{isImage:i,isVideo:s}=ie(t.asset);return{...t,isImage:i.value,isVideo:s.value}})),C=d("slideUpAi"),E=d("fadeSlideUpAi"),h=d(0),_=d(null),r=d([]);function M(t){y.value=t}function U(t){h.value=t.activeIndex;let i;_.value?i=_.value:i=t.swipeDirection,i==="prev"?(C.value="slideDownAi",E.value="fadeSlideDownAi"):i==="next"&&(C.value="slideUpAi",E.value="fadeSlideUpAi"),_.value?V(`Arrow ${i}`):V(`Swipe ${i}`),_.value=null}const z=()=>{_.value="prev",y.value?.slidePrev()},H=()=>{_.value="next",y.value?.slideNext()},de=t=>{const i=x.value.findIndex(s=>s._uid===t);i!==-1&&(h.value=i,y.value?.slideTo(i))};function V(t){if(window.utag){const i={event_attributes_eventName:"slider_click",event_category:"Content Interaction",event_action:t,event_label:"The ai features",platform:"weneed-web"};window.utag.link(i)}}const B=A(()=>f.blok.backgroundColor==="grey-light"),u=A(()=>f.blok.backgroundColor==="white"),b=A(()=>f.blok.backgroundColor==="gradient"),L=d([]);return G(()=>{r.value&&new IntersectionObserver(([a])=>a.target.toggleAttribute("data-stuck",a.intersectionRatio<1),{threshold:[1]}).observe(r.value),L.value=Array.from(document.querySelectorAll(".BlockAiSlider__slide__video .BaseVideo__video"));const t=new IntersectionObserver(s=>{s.forEach(a=>{a.isIntersecting?a.target.play():(a.target.pause(),a.target.currentTime=0)})},{threshold:.5});L.value.forEach(s=>t.observe(s)),N(()=>{L.value.forEach(s=>t.unobserve(s))});const i=r.value.offsetHeight;r.value.style.height=`${i}px`}),N(()=>{r.value&&observer.unobserve(r.value)}),(t,i)=>{const s=P,a=Y,W=Z,$=j,q=ee;return o(),S(s,{id:p.blok.anchor,tag:"section",class:c(["BlockAiSlider paddingBlock",{inverted:e(B)||e(u),gradient:e(b)}]),style:O(`--slider-background-color: var(--c-${p.blok.backgroundColor})`)},{default:v(()=>[k(s,{tag:"div",class:"siteWidthMedium"},{default:v(()=>[n("h2",le,m(p.blok.title),1)]),_:1}),k(s,{tag:"div",class:"siteWidthNarrow"},{default:v(()=>[e(I)!==""&&e(I)!=="<p></p>"?(o(),w("div",{key:0,class:"BlockAiSlider__lead",innerHTML:e(I)},null,8,se)):g("",!0)]),_:1}),g("",!0),k(q,{"slides-per-view":1.05,loop:!1,freeMode:!0,"space-between":24,breakpoints:{750:{slidesPerView:1.05,spaceBetween:32}},class:"BlockAiSlider__slider",onSwiper:M,onSlideChange:U},{default:v(()=>[(o(!0),w(T,null,F(e(x),l=>(o(),S(e(te),{key:l._uid,class:"BlockAiSlider__slide"},{default:v(()=>[n("div",oe,[l.isVideo||l.vimeoLink?(o(),S(a,{key:0,src:l.vimeoLink?l.vimeoLink:l.asset.filename,autoplay:!0,muted:!0,loop:!0,preload:"none",class:"BlockAiSlider__slide__video"},null,8,["src"])):g("",!0),l.isImage?(o(),S(W,{key:1,blok:l},null,8,["blok"])):g("",!0)]),n("div",{class:c(["BlockAiSlider__slide__content",{hasSpacing:l.hasSpacing}])},[l.hasLabelNew?(o(),w("span",ae,m(t.$t("components.AtomNewsTeaser.new")),1)):g("",!0),l.hasLabelAi?(o(),w("div",ne,[k($,{name:"stars",class:"BlockAiSlider__ai__icon"}

1),J(" "+m(t.$t("components.BlockAiSlider.ai")),1)])):g("",!0),n("h3",{class:c(["BlockAiSlider__slide__title",{inverted:e(B)||e(u),gradient:e(b)}])},m(l.title),3),n("p",re,m(l.text),1)],2)]),_:2},1024))),128))]),_:1}),n("div",{ref_key:"navEl",ref:r,class:c(["BlockAiSlider__navigation",{inverted:e(B)||e(u),white:e(u)}])},[k($,{name:"arrow-left",class:c(["BlockAiSlider__navigationItem prev",{disabled:h.value===0,inverted:e(B)||e(u),gradient:e(b)}]),onClick:z},null,8,["class"]),n("div",ce,[(o(!0),w(T,null,F(p.blok.features,(l,D)=>(o(),S(K,{key:l._uid,name:C.value},{default:v(()=>[R(n("p",{class:c({gradient:e(b)})},m(l.title),3),[[Q,h.value===D]])]),_:2},1032,["name"]))),128))]),k($,{name:"arrow-right",class:c(["BlockAiSlider__navigationItem next",{disabled:h.value===e(x).length-1,inverted:e(B)||e(u),gradient:e(b)}]),onClick:H},null,8,["class"])],2)]),_:1},8,["id","style","class"])}}};export{he as default};