iBet uBet web content aggregator. Adding the entire web to your favor.

Link to original content: https://i.auto-bild.de/assets/chunks/chunk-rbGwGRxM.js

import{b as x,g as y,a as S,B as D,S as L}from"./chunk-BxOEGRdV.js";import{_ as b,j as n,o as a,c,f as s,t as p,v as B,b as m,w as g,l as d,n as o,g as k,F as C,e as H,m as A}from"./chunk-VdC208LP.js";import{a as N}from"./chunk-CDws8Ys7.js";import{r as z,n as $}from"./chunk-BDWfaWzc.js";import{s as V}from"./chunk-evWSYW8S.js";const E={components:{BasicImage:x,BasicLink:y},props:{headline:String,bgColor:{type:String,default:"#fff"},coopLogo:{type:Object,default:null},coopText:String,coopTextColor:{type:String,default:"#949494"},textColor:{type:String,default:"#fff"},link:{type:Object,default:null}}},U={class:"modableTeaserBlockHeader__coopInfo"};function j(t,r,e,f,h,i){const l=n("BasicImage"),_=n("BasicLink");return a(),c("div",{class:"modableTeaserBlockHeader__wrapper",style:B(`background-color:${e.bgColor}`)},[s("span",{class:"modableTeaserBlockHeader__headline",style:B(`color:${e.textColor}`)},p(e.headline),5),s("div",U,[s("span",{class:"modableTeaserBlockHeader__coopText",style:B(`color:${e.coopTextColor}`)},p(e.coopText),5),e.link?(a(),m(_,{key:0,data:e.link,class:"teaserBlockLink"},{default:g(()=>[d(l,{"image-data":e.coopLogo,"lazy-loading":!0,class:"modableTeaserBlockHeader__coopLogo"},null,8,["image-data"])]),_:1},8,["data"])):(a(),m(l,{key:1,"image-data":e.coopLogo,"lazy-loading":!0,class:"modableTeaserBlockHeader__coopLogo"},null,8,["image-data"]))])],4)}const M=b(E,[["render",j]]),q={components:{ArrowIcon:S},props:{sliderPrevClass:{type:String,default:""},sliderNextClass:{type:String,default:""}}},F={class:"sliderButtons"};function R(t,r,e,f,h,i){const l=n("ArrowIcon");return a(),c("div",F,[s("button",{class:o(["swiper-prev",e.sliderPrevClass])},[d(l,{rotation:180})],2),s("button",{class:o(["swiper-next",e.sliderNextClass])},[d(l,{rotation:0})],2)])}const W=b(q,[["render",R],["__scopeId","data-v-0fa48109"]]),K={components:{BasicButton:D,BasicImage:x,BasicLink:y,ModableTeaserBlockHeader:M,Slider:L,SliderButtons:W,TeaserBlockHeader:N},props:{bgColor:String,textColor:String,coopText:String,coopTextColor:{type:String,default:"#949494"},coopLogo:{type:Object,default:null},link:{type:Object,default:null},headline:String,trackingId:{type:String,default:""},teasers:{type:Array,default:()=>[]}},computed:{id(){return V(this.headline)},swiperId(){return`swiper-id-${this.id}`},swiperNext(){return`swiper-next-${this.id}`},swiperPrev(){return`swiper-prev-${this.id}`},swiperPagination(){return`swiper-pagination-${this.id}`},impolicy(){return this.$mobileHeaderIsSet?"busdev_teaser_mobile":"busdev_teaser_desktop"},isAd(){return this.teasers[0].isAd}},mounted(){this.initSwiper()},methods:{initSwiper(){return this.$swiper(`.${this.swiperId}`,{slidesPerView:1.75,loop:!0,loopedSlides:5,spaceBetween:12,breakpoints:{[z]:{loop:!0,loopedSlides:this.teasers.length,slidesPerView:5,spaceBetween:20}},navigation:{prevEl:`.${this.swiperPrev}`,nextEl:`.${this.swiperNext}`},pagination:{el:`.${this.swiperPagination}`,type:"bullets",clickable:!0,dynamicBullets:!0}})},lazyLoadingActive(t,r){return this.$mobileHeaderIsSet?t>=2&&t[s("div",Z,[(a(!0),c(C,null,H(e.teasers,(u,I)=>(a(),c("div",{key:I,class:"busdevTeaser__slide swiper-slide"},[d(v,{data:u.productLink,class:"busdevTeaser__link","tracking-params":i.getTrackingParams(u)},{default:g(()=>[s("div",G,[d(T,{"image-data":u.image,impolicy:i.impolicy,"lazy-loading":i.lazyLoadingActive(I,e.teasers.length),class:"busdevTeaser__pictureblockImg"},null,8,["image-data","impolicy","lazy-loading"])]),s("div",J,[s("p",Q,p(u.title),1)])]),_:2},1032,["data","tracking-params"]),t.$mobileHeaderIsSet?k("",!0):(a(),m(w,{key:0,href:u.productLink.url,class:"busdevTeaser__button mainButton__ghost","tracking-params":i.getTrackingParams(u)},{default:g(()=>[A(p(u.productLink.text),1)]),_:2},1032,["href","tracking-params"]))]))),128))]),t.$mobileHeaderIsSet||e.teasers.length>5?(a(),c("div",X,[s("div",{class:o(["swiper-pagination",i.swiperPagination])},null,2),s("div",Y,[d(O,{"slider-next-class":i.swiperNext,"slider-prev-class":i.swiperPrev},null,8,["slider-next-class","slider-prev-class"])])])):k("",!0)]),_:1},8,["class"])],2)}const ke=b(K,[["render",ee],["__scopeId","data-v-652e3060"]]),te={components:{BasicImage:x,BasicLink:y},props:{teaser:{type:Object,required:!0}},data(){return{teaserDummy:{altText:this.BRANDS.AUTO_BILD.name,copyright:this.BRANDS.AUTO_BILD.name,height:"217",path:`${$(this.$env.imageBaseUrl)}images/teaser-dummy.png`,width:"385"}}},methods:{image(t){return t.teaserImage?t.teaserImage:this.teaserDummy},impolicy(t){return this.image(t)===this.teaserDummy?"":this.$mobileHeaderIsSet?"article_teaser_mobile":"leadteaser"}}},ae={class:"imageOnlyTeaser__pictureBlock"},se={key:0,class:"imageOnlyTeaser__headline"},ie={key:1,class:"imageOnlyTeaser__title"};function re(t,r,e,f,h,i){const l=n("BasicImage"),_=n("BasicLink");return a(),c("div",{class:o(["imageOnlyTeaser",{labeling:e.teaser.isAd}])},[d(_,{class:"imageOnlyTeaser__link",data:e.teaser.link},{default:g(()=>[s("div",ae,[s("div",null,[d(l,{class:o(["imageOnlyTeaser__image",{imageOnlyTeaser__imageZoom:e.teaser.link&&!e.teaser.teaserHeadline&&!e.teaser.teaserTitle}]),"image-data":i.image(e.teaser),impolicy:i.impolicy(e.teaser),"lazy-loading":!1},null,8,["class","image-data","impolicy"]),e.teaser.teaserHeadline||e.teaser.teaserTitle?(a(),c("div",{key:0,class:o(["imageOnlyTeaser__textBlock",{imageOnlyTeaser__textBlockHighlight:e.teaser.link}])},[e.teaser.teaserHeadline?(a(),c("p",se,p(e.teaser.teaserHeadline),1)):k("",!0),e.teaser.teaserTitle?(a(),c("p",ie,p(e.teaser.teaserTitle),1)):k("",!0)],2)):k("",!0)])])]),_:1},8,["data"])],2)}const be=b(te,[["render",re],["__scopeId","data-v-b7309401"]]),ne={components:{BasicLink:y,Slider:L,ArrowIcon:S},props:{containerId:{type:String,required:!0},teasers:{type:Array,required:!0}},data(){return{observer:null,swiperPrevDisabled:!0}},mounted(){this.initSwiper(),this.observer=new MutationObserver(t=>{for(const r of t){const e=r.target.getAttribute(r.attributeName);this.$nextTick(()=>{this.onClassChange(e,r.oldValue)})}}),this.observer.observe(this.$refs.swiperprev,{attributes:!0,attributeOldValue:!0,attributeFilter:["class"]})},beforeDestroy(){this.observer.disconnect()},methods:{initSwiper(){return this.$swiper(`.textLinkTeaser-slider${this.containerId}`,{slidesPerView:"auto",watchSlidesProgress:!0,slidesOffsetAfter:30,navigation:{prevEl:`.swiper-prev${this.containerId}`,nextEl:`.swiper-next${this.containerId}`}})},onClassChange(t){const r=t.split(" ");this.swiperPrevDisabled=r.includes("swiper-button-disabled")}}},oe={class:"swiper-wrapper"};function le(t,r,e,f,h,i){const l=n("ArrowIcon"),_=n("BasicLink"),T=n("Slider");return a(),m(T,{class:o(["textLinkTeaser-slider",`textLinkTeaser-slider${e.containerId}`])},{default:g(()=>[s("button",{ref:"swiperprev",class:o(["swiper-prev",`swiper-prev${e.containerId}`])},[d(l,{rotation:180})],2),s("div",{class:o(["blur-prev",{"blur-prev-disabled":h.swiperPrevDisabled}])},null,2),r[0]||(r[0]=s("div",{class:"blur-next"},null,-1)),s("button",{class:o(["swiper-next",`swiper-next${e.containerId}`])},[d(l)],2),s("div",oe,[(a(!0),c(C,null,H(e.teasers,(v,w)=>(a(),m(_,{key:w,class:o([{labeling:v.isAd},"swiper-slide"]),data:v.textLink},{default:g(()=>[A(p(v.textLink.text),1)]),_:2},1032,["class","data"]))),128))])]),_:1},8,["class"])}const fe=b(ne,[["render",le],["__scopeId","data-v-01fbcdf5"]]),ce={name:"UnknownTeaser",props:{design:{type:String,default:""}}},de=["innerHTML"];function _e(t,r,e,f,h,i){return a(),c("div",{innerHTML:``},null,8,de)}const ve=b(ce,[["render",_e]]);export{ke as B,be as I,fe as L,ve as U};