https://maximilianmeyer.de/wp-content/themes/cannes/dist/assets/co…t-content_slider_dreispaltig-js-6f94ef75.js

1import"./swiper-bundle-e480a4c0.js";/* empty css                      */import{P as E}from"./plyr.min-21ffcb82.js";import{g as u}from"./index-db918426.js";import{S as q}from"./ScrollTrigger-b8122681.js";import{p as k,h as C,i as _}from"./textAnimations-1ec72e5d.js";import{S as x}from"./swiper-core-eb9b6f3b.js";const I=document.querySelector(".component.content_slider_dreispaltig");I&&document.addEventListener("DOMContentLoaded",function(){function p(t){return C(t.querySelector(".text.wysiwyg-styles"))}function L(t,r){return!!(t.classList.contains("text")&&p(r))}function A(t,r){return!!(t.classList.contains("text")&&p(r)||t.classList.contains("cta-wrapper")&&p(r))}function w(t,r,n,d=0){u.utils.toArray(t.children).forEach((o,a)=>{A(o,t)||u.to(o,{opacity:1,...r,duration:.75,ease:"power1.inOut",delay:n+a*d,stagger:0})}),p(t)&&_(t.querySelector(".text.wysiwyg-styles"),{ctaWrapper:t.querySelector(".cta-wrapper"),delay:n})}document.querySelectorAll(".component.content_slider_dreispaltig .swiper").forEach(function(t){let r=t.getAttribute("data-autoplay"),n=t.getAttribute("data-swiper-index");if(t.getAttribute("data-animation")==="slide"){let o=!1;o={el:'.swiper[data-swiper-index="'+n+'"] .pagination-wrapper',type:"custom",clickable:!0,renderCustom:function(e,i,s){return i+" / "+s}};let a=new x(t,{autoHeight:!1,grabCursor:!0,observer:!0,slidesPerView:1,centeredSlides:!1,autoplay:r==="autoplay-on"?{delay:1e4}:!1,loop:!1,speed:700,watchSlidesProgress:!0,allowTouchMove:!0,breakpoints:{768:{slidesPerView:"auto",speed:1500}},on:{init:function(){this.slides.forEach(function(e){e.classList.add("animate")})},lock:function(){t.querySelector(".navigation").classList.add("locked")},unlock:function(){t.querySelector(".navigation").classList.remove("locked")},transitionStart:function(){let e=this,i=e.activeIndex>e.previousIndex?"right":"left",s=e.slides,l=e.activeIndex;t.querySelector(".navigation").classList.contains("locked")||(i==="right"&&(s[l].querySelector(".separator").classList.add("fade-out"),s[l+1]&&s[l+1].querySelector(".separator").classList.remove("fade-out")),i==="left"&&(s[l+1].querySelector(".separator").classList.remove("fade-out"),s[l+2]&&s[l+2].querySelector(".separator").classList.add("fade-out"))),e.slides[e.slides.length-1].classList.contains("swiper-slide-visible")&&e.navigation.nextEl.classList.add("swiper-button-disabled")}},navigation:{nextEl:'.swiper[data-swiper-index="'+n+'"] > .navigation .button-next',prevEl:'.swiper[data-swiper-index="'+n+'"] > .navigation .button-prev'},pagination:o});t.addEventListener("touchstart",function(e){},{passive:!0}),window.addEventListener("resize",function(){t.classList.contains("mobile-slider")||(window.innerWidth<768?a.disable():a.enable())}),window.innerWidth<768&&(t.classList.contains("mobile-slider")||a.disable())}else{u.registerPlugin(q);const o=u.utils.toArray(".component.content_slider_dreispaltig .gsap-slider .swiper-slide"),a=document.querySelector(".component.content_slider_dreispaltig .gsap-slider"),e=a.offsetWidth;let i=0,s=[];o.forEach(m=>{const g=window.getComputedStyle(m),h=parseFloat(g.marginRight)||0;s.push(i),i+=m.offsetWidth+h});let l=20;const c=i-e+l*2,f=300,y=u.timeline();y.to(o,{x:-(i-e+l*2),duration:c,ease:"none"}),y.addLabel("hold"),y.to({},{duration:f},"+=0"),q.create({animation:y,trigger:a,start:"top-=150 top",end:()=>"+="+(c+f),pin:!0,scrub:1,snap:{snapTo:m=>{const g=c+f,h=m*g;return[...s,g].reduce((S,b)=>Math.abs(b-h)<Math.abs(S-h)?b:S)/g},duration:.3,inertia:!0}})}}),document.querySelectorAll(".component.content_slider_dreispaltig .image-swiper-container .image-swiper").forEach(function(t){let r=t.getAttribute("data-autoplay"),n=t.getAttribute("data-swiper-index"),d=t.getAttribute("data-pagination-style"),o=!1;d==="grafik"?o={el:'.image-swiper[data-swiper-index="'+n+'"] .swiper-pagination',clickable:!0}:o={el:'.image-swiper[data-swiper-index="'+n+'"] .swiper-pagination',type:"custom",clickable:!0,renderCustom:function(e,i,s){return i+" / "+s}};let a=.5;new x(t,{wrapperClass:"image-swiper-wrapper",slideClass:"image-swiper-slide",autoHeight:!1,grabCursor:!0,observer:!0,loop:!1,allowTouchMove:!0,slidesPerView:1,autoplay:r==="autoplay-on"?{delay:1e4}:!1,speed:350,breakpoints:{768:{speed:1e3}},watchSlidesProgress:!0,slidesOffsetBefore:0,slidesOffsetAfter:0,spaceBetween:0,navigation:{nextEl:'.image-swiper[data-swiper-index="'+n+'"] .image-button-next',prevEl:'.image-swiper[data-swiper-index="'+n+'"] .image-button-prev'},pagination:o,on:{slideChangeTransitionEnd:function(){let e=this,i=e.el.querySelectorAll(".text-wrapper");for(let s=0;s<i.length;++s)i[s].classList.remove("show");e.slides[e.activeIndex].querySelectorAll(".text-wrapper").length&&e.slides[e.activeIndex].querySelector(".text-wrapper").classList.add("show")},progress:function(){let e=this;for(let i=0;i<e.slides.length;i++){let s=e.slides[i].progress,l=e.width*a,c=s*l;e.slides.length>1&&e.slides[i].querySelectorAll(".background-image").length?e.slides[i].querySelector(".background-image").style.transform="translateX("+c+"px)":e.slides.length>1&&e.slides[i].querySelectorAll(".google-map").length&&(e.slides[i].querySelector(".google-map").style.transform="translateX("+c+"px)"),e.slides.length>1&&e.slides[i].querySelectorAll(".plyr").length&&(e.slides[i].querySelector(".plyr").style.transform="translateX("+c+"px)")}},touchStart:function(){let e=this;for(let i=0;i<e.slides.length;i++)e.slides[i].style.transition=""},setTransition:function(e,i){for(let s=0;s<e.slides.length;s++)e.slides[s].style.transition=i+"ms",e.slides[s].querySelectorAll(".background-image").length?e.slides[s].querySelector(".background-image").style.transition=i+"ms":e.slides[s].querySelectorAll(".google-map").length&&(e.slides[s].querySelector(".google-map").style.transition=i+"ms"),e.slides[s].querySelectorAll(".plyr").length&&(e.slides[s].querySelector(".plyr").style.transition=i+"ms")}}}),t.addEventListener("touchstart",function(e){},{passive:!0})}),Array.from(document.querySelectorAll(".component.content_slider_dreispaltig .js-player")).map(t=>

1new E(t)).forEach(t=>{let r=t.elements.container,n=r.previousElementSibling,d=r.nextElementSibling,o=d.querySelector(".play-icon-trigger"),a=n.previousElementSibling,e=r.closest(".image-swiper"),i=e.closest(".swiper");t.on("ready",s=>{o&&o.addEventListener("click",function(l){l.preventDefault(),n.querySelector("video")&&n.querySelector("video").pause(),t.muted=!1,t.play(),n.classList.add("hidden"),d.style.visibility="hidden",a.style.opacity=0,e&&e.swiper.autoplay.running&&e.swiper.autoplay.stop(),i&&i.swiper.autoplay.running&&i.swiper.autoplay.stop()}),a&&a.addEventListener("click",function(l){l.preventDefault(),a.style.opacity=1,t.pause(),n.classList.remove("hidden"),n.querySelector("video").play(),d.style.visibility="visible"}),n.addEventListener("click",function(l){n.querySelector("video")&&n.querySelector("video").pause(),l.preventDefault(),t.muted=!1,t.play(),this.classList.add("hidden")})}),t.on("ended",s=>{n.classList.remove("hidden"),n.querySelector("video")&&n.querySelector("video").play(),a.classList.remove("hidden"),d.style.visibility="visible",o.style.display="block",e&&e.getAttribute("data-autoplay")==="autoplay-on"&&e.swiper.autoplay.start(),i&&i.getAttribute("data-autoplay")==="autoplay-on"&&i.swiper.autoplay.start()})});function v(t,r){if(!t||!r)return!1;const n=t.getBoundingClientRect(),d=r.getBoundingClientRect();return n.top<d.bottom&&n.bottom>d.top}window.addEventListener("scroll",function(){let t=document.querySelector(".component.content_slider_dreispaltig"),r;if(t&&window.innerWidth<768&&r){r=t.querySelector(".navigation");let n=t.querySelector(".header__sub-menu--mobile");v(n,t)?r.style.visibility="visible":r.style.visibility="hidden",v(n,t)?r.style.opacity=1:r.style.opacity=0}}),document.querySelectorAll(".component.content_slider_dreispaltig").forEach(function(t){let r=t.querySelectorAll(".swiper-slide"),n=window.innerWidth<768,d=n?{y:50}:{x:-50},o=n?{y:0}:{x:0};if(r.forEach(function(e){u.utils.toArray(e.children).forEach((i,s)=>{i.classList.contains("text")&&p(e)&&k(i),!L(i,e)&&u.set(i,{opacity:0,...d})})}),n&&t.classList.contains("mobile-slider")){const e=r[r.length-1],i=e==null?void 0:e.querySelector(".image-slider-item"),s=e==null?void 0:e.querySelector(".image-swiper-container");if(i&&s){const l=Array.from(r).find((c,f)=>f<r.length-1&&c.querySelector(".image-slider-item"));if(l){const c=l.querySelector(".image-slider-item").getBoundingClientRect().height;s.style.paddingTop="0",s.style.height=c+"px",i.style.height=c+"px"}}}let a=new IntersectionObserver((e,i)=>{e.forEach(s=>{s.isIntersecting&&(!n||n&&t.classList.contains("mobile-slider")?r.forEach(function(l,c){w(l,o,c*.3)}):w(s.target,o,0,.3))})},{threshold:window.innerWidth>=768?.5:.1});t.classList.contains("mobile-slider")?a.observe(t):r.forEach(function(e){a.observe(e)})})});