https://traton.com/.resources/vw-tab-website-light-module/webresources/v3/js/modules/Slider-801e7353.js

1import{$ as n,P as a}from"./vendor-34b46c5c.js";import{r as o}from"./ResizeHandler-443f1dd8.js";import{u as B}from"./Utils-7224caaf.js";import{c as e}from"../index-2c20db78.js";import{S as O,N as H,P as W}from"./pagination-52cb9d55.js";import{A as G,E as U,K as M,a as F}from"./effect-fade-7c43502d.js";O.use([H,W,G,U,M,F]);var N="",$=null,g=".swiper-slide",h=".swiper-wrapper",f=".swiper-container",u=".swiper-slide-active",T=".swiper-button-next",k=".swiper-button-prev",Y=".swiper-pagination",j=".slider-controls",z=".outer-container",K=".outer-wrapper",Z=".item",S="data-space-between",w="data-space-between-list",v="data-orientation",I="data-grouped-items",b="data-slider-autoplay",C="data-autoplay-duration",m="data-slider-transition",y="data-slide-duration",P="data-slider-loop-slides",q="data-slider-autoheight",A="data-slides-per-viewport",D="data-slides-per-group",E="data-fixed-slide-width",V="data-slider-centered",_="data-viewports",L="data-skip-swiper-init";function r(s){this.$target=n(s),this.element=s,this.$currSwiperInstance=null,this.$groupSliderInit=!1,this.$swiperContainer=n(this.$target.find(f)[0]),this.$swiperPagination=this.$target.find(Y),this.$sliderControls=this.$target.find(j)[0],this.$outerContainer=this.$target.find(z),this.$outerWrapper=this.$target.find(K),this.$items=this.$target.find(Z),this.autoHeight=this.$target.attr(q)==="true",this.loopSlides=this.$target.attr(P)==="true"?this.$target.attr(P):!1,this.autoPlay=this.$target.attr(b)?this.$target.attr(b)==="true":!1,this.centered=this.$target.attr(V)?this.$target.attr(V)==="true":!1,this.autoPlayDuration=this.$target.attr(C)?parseInt(this.$target.attr(C)):e.swiper.autoplayDuration,this.slideDuration=this.$target.attr(y)?parseInt(this.$target.attr(y)):400,this.transition=this.$target.attr(m)?this.$target.attr(m):"slide",this.viewports=this.$target.attr(_)?this.$target.attr(_).split(","):[],this.slidesPerViewport=this.$target.attr(A)?this.$target.attr(A).split(","):[],this.slidesPerGroup=this.$target.attr(D)?this.$target.attr(D).split(","):this.slidesPerViewport,this.orientation=this.$target.attr(v)?this.$target.attr(v).split(","):[],this.fixedSlideWidth=this.$target.attr(E)&&this.$target.attr(E)==="true",this.spaceBetween=this.$target.attr(S)?parseInt(this.$target.attr(S)):0,this.spaceBetweenList=this.$target.attr(w)?this.$target.attr(w).split(","):[],this.groupedItems=this.$target.attr(I)?this.$target.attr(I).split(","):[],this.options={},this.skipSwiperInit=this.$target.attr(L)?this.$target.attr(L)==="true":!1,n("body").hasClass("ie")&&this.$target.find("img.object-fit-image").parent().each(function(){var i=n(this),l=i.find("img").prop("src");l&&i.css("backgroundImage","url("+l+")").addClass("custom-object-fit")});var t=this;this.changeCallback=function(){},this.slideChangeCallback=function(){},this.onSwiperInit=function(){const i=t.$currSwiperInstance;t.slideChangeCallback.call(t,parseInt(t.$target.find(h).first().children(u).attr("data-id"))),t.$swiperPagination.children().length===1&&(t.$swiperPagination.length&&(i.paginationContainer.addClass(e.class.hidden),t.$sliderControls.addClass(e.class.hidden)),i.nextButton.addClass(e.class.hidden),i.prevButton.addClass(e.class.hidden),i.lockSwipes())},this.autoHeight&&a.subscribe(e.VIEWPORT_RESIZE,this.setHeight.bind(this)),a.subscribe(e.SLIDER_UPDATE_RESIZE,t.updateSlider.bind(this)),this.autoPlay&&(a.subscribe(e.VIEWPORT_SCROLL,this.onScroll.bind(this)),a.subscribe(e.SLIDER_VIDEO_AUTOPLAY_STOP,t.stopSliderAutoplay.bind(this)),a.subscribe(e.SLIDER_INTERACTABLE_VIDEO_START,this.startInteractableVideo.bind(this))),a.subscribe(e.VIDEO_SET,function(){t.checkForVideo()});var d="slider-".concat(crypto.randomUUID());this.$target.attr("id",d),this.options={threshold:50,a11y:!0,keyboard:!0,loop:this.loopSlides,pagination:{el:this.$swiperPagination[0],clickable:!0},centeredSlides:this.centered,autoplay:this.autoPlay?{delay:this.autoPlayDuration}:!1,spaceBetween:this.spaceBetween,speed:this.slideDuration,effect:this.transition,autoHeight:this.autoHeight,calculateHeight:this.autoHeight,navigation:{nextEl:"#".concat(d," ").concat(T),prevEl:"#".concat(d," ").concat(k)},slidesPerView:this.fixedSlideWidth?"auto":1,slidesPerGroup:1,direction:"horizontal",observer:!0,observeParents:!0,on:{slideChangeTransitionStart:function(){var i=t.$target.find(g),l=t.$target.find(u);i.removeClass(e.class.activeSlide),i.addClass(e.class.inactiveSlide),l.removeClass(e.class.inactiveSlide),l.addClass(e.class.activeSlide),t.slideChangeCallback.call(t,parseInt(t.$target.find(h).first().children(u).attr("data-id"))),t.checkForVideo()},init:i=>{this.$target.hasClass("mosaic-gallery-mobile")&&this.$target.find(".portrait")&&setTimeout(()=>{i.update()},200)}}}}r.prototype.init=function(){n.extend(this.options,N),this.viewports.length||this.slidesPerViewport.length||this.groupedItems.length?(a.subscribe(e.VIEWPORT_CHANGE,this.onViewportChange.bind(this)),this.onViewportChange()):this.attachSlider(),this.$target.find(k).on("click",function(){a.publish(e.SLIDER_VIDEO_AUTOPLAY_STOP,[{isVideo:!1}])}),this.$target.find(T).on("click",function(){a.publish(e.SLIDER_VIDEO_AUTOPLAY_STOP,[{isVideo:!1}])})};r.prototype.onScroll=function(){B.isInViewport(this.element,0)&&(a.unsubscribe(e.VIEWPORT_SCROLL,this.onScroll),this.$currSwiperInstance!==null&&this.$currSwiperInstance.params.autoplay===!1&&(this.$currSwiperInstance.params.autoplay=e.swiper.autoplayDuration,this.$currSwiperInstance.autoplay.start()))};r.prototype.startInteractableVideo=function(){n(this.$target).addClass("hide-control

1s")};r.prototype.updateSlider=function(s,t){this.$currSwiperInstance&&(this.$currSwiperInstance.update(),this.$currSwiperInstance.slideTo(t.index))};r.prototype.setHeight=function(){if(this.autoHeight)if(o.getDeviceState()===e.DEVICE_SMALL||o.getDeviceState()===e.DEVICE_MEDIUM){var s=this.$target.find(".swiper-slide-active .teaser > .teaser-content").length?this.$target.find(".swiper-slide-active .teaser > .teaser-content").height():0,t=this.$target.find(".swiper-slide-active .teaser > a").height()+s;this.$target.find(".swiper-wrapper").height(t+(o.getDeviceState()===e.DEVICE_SMALL?50:150)+"px")}else this.$target.find(".swiper-wrapper").height("100%")};r.prototype.checkForVideo=function(){if(this.$currSwiperInstance){var s=this,t=this.$currSwiperInstance.activeIndex,d=this.$currSwiperInstance.slides[t],i=this.$currSwiperInstance.previousIndex,l=this.$currSwiperInstance.slides[i],p=n(d).find("[data-module*='video']"),c=n(l).find("[data-module*='video']");$=c||!1;var R=p.length,x=n(p).attr("data-interactable")==="true";$&&a.publish(e.SLIDER_VIDEO_STOP,[c]),R?x||(a.publish(e.SLIDER_VIDEO_START,[p]),n(this.$target).removeClass("hide-controls")):n(this.$target).removeClass("hide-controls"),setTimeout(function(){s.startSliderAutoplay()},0)}};r.prototype.stopSliderAutoplay=function(){this.$currSwiperInstance&&this.$currSwiperInstance.autoplay.stop()};r.prototype.startSliderAutoplay=function(){this.$currSwiperInstance.autoplay.start()};r.prototype.onViewportChange=function(){this.viewports.indexOf(o.getDeviceState().toString())!==-1||this.slidesPerViewport.length?this.attachSlider():(this.destroySlider(),this.viewports.indexOf(o.getDeviceState().toString())===-1&&this.groupedItems.length&&this.initGroupedSlider())};r.prototype.attachSlider=function(){var s=this;if(this.groupedItems.length&&(this.destroySlider(),this.initGroupedSlider()),this.orientation.length&&this.destroySlider(),this.slidesPerViewport.length&&(this.options.slidesPerView=parseInt(this.slidesPerViewport[o.getDeviceState()-1]),this.options.slidesPerGroup=parseInt(this.slidesPerGroup[o.getDeviceState()-1])),this.spaceBetweenList.length&&(this.options.spaceBetween=parseInt(this.spaceBetweenList[o.getDeviceState()-1])),this.orientation.length&&(this.options.direction=this.orientation[o.getDeviceState()-1]),this.$currSwiperInstance===null&&!this.skipSwiperInit){this.$outerContainer.addClass(f.replace(".","")),this.$outerWrapper.addClass(h.replace(".","")),this.$items.addClass(g.replace(".",""));var t=new O(this.$swiperContainer[0],this.options);this.$currSwiperInstance=t,this.onSwiperInit(),t.on("transitionStart",function(){s.setHeight()}),this.setHeight()}else this.$currSwiperInstance&&(this.$currSwiperInstance.params.slidesPerView=this.fixedSlideWidth?"auto":this.options.slidesPerView)};r.prototype.destroySlider=function(){this.$currSwiperInstance!==null&&(this.$currSwiperInstance.destroy(!0,!0),this.$currSwiperInstance=null,this.$swiperPagination.html("")),this.$outerContainer.removeClass(f.replace(".","")),this.$outerWrapper.removeClass(h.replace(".","")),this.$items.removeClass(g.replace(".",""))};r.prototype.initGroupedSlider=function(){this.$target.find(h+" > .single").length||(this.$target.find(".single").unwrap(),this.$target.find(".single").addClass("swiper-slide")),o.getDeviceState()===e.DEVICE_SMALL&&!this.$groupSliderInit&&(this.$target.find(".single").addClass("swiper-slide"),this.$groupSliderInit=!0);var s=this.groupedItems[o.getDeviceState()-1],t=this.$target.find(h).children().length,d=Math.ceil(t/s),i=this.$target.find(h+" > .single");if(s>1){this.$target.find(".single").removeClass("swiper-slide");for(var l=0;l<d;l++)i=n(this.$target.find(h+" > .single").slice(0,Math.min(i.length,s))),i.length&&i.wrapAll("<div class='swiper-slide' />")}else parseInt(s)===0&&(this.$target.find(".single").removeClass("swiper-slide"),this.$target.find(".single").wrapAll("<div class='swiper-slide' />"))};r.prototype.setChangeCallback=function(s){this.changeCallback=s};function st(s){const t=new r(s);return t.init(),t}export{st as Factory};