https://www.boote-magazin.de/_next/static/chunks/TeaserPremiumPromoTeaser.6914bec6997dafba.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[60999,63193],{2897:(e,s,r)=>{r.r(s),r.d(s,{PremiumPromoTeaser:()=>w});var a=r(6029),i=r(13301),t=r(683),l=r(81278),c=r(55729),n=r(93462),o=r(72866),d=r(99998),u=r(42691),m=r(43340),g=r(49832),v=r(26898),p=r(62745),x=r(90687),h=r(33364),j=r(90052),f=r(70856),S=r(87236),b=r(42187);n.A.use([o.A,d.A]);let w=({title:e,buttonText:s,buttonLink:r,entries:n})=>{let f=(0,l.useRouter)(),w=(0,c.useRef)(),P=(0,c.useRef)(),{locale:k}=(0,l.useRouter)()||{},[T,y]=(0,c.useState)(null),E=(0,p.K)((0,g.k)(e=>e.isApp)),{isAuthorized:A}=(0,v.A)(),{data:R}=(0,i.I)(["teaser/premiumPromoTeaser"],async()=>{let e=`/api/loader/?${new URLSearchParams({portal:(0,t.getActive)()?.id,block:"Teaser/PremiumPromoTeaser",variables:JSON.stringify({}),context:JSON.stringify({locale:k})})}`,s=await fetch(e);return await s.json()||{}},{initialData:{entries:n},refetchOnMount:!1,refetchOnWindowFocus:!1,keepPreviousData:!0}),O=async e=>{e?.isGPX?A?f.push("/mein-bereich/gpx-daten/"):f.push("/premium-abo/"):e?.isPDF&&f.push("/premium-guides/")};return((0,c.useEffect)(()=>{if(T&&P?.current)try{if(T.params.pagination.el=P.current,T.pagination){try{T.pagination.destroy()}catch(e){}T.pagination.init(),"function"==typeof T.pagination.render&&T.pagination.render(),T.pagination.update()}"function"==typeof T.update&&T.update()}catch(e){}},[T]),!R?.entries?.length||E)?null:(0,a.jsx)(S.y,{visible:"Premium_Promo_Teaser",action:"visible",name:"Teaser",children:(0,a.jsx)("div",{className:"w-full px-4",children:(0,a.jsxs)("div",{className:"border-skin-premium-4 border",children:[(0,a.jsx)("div",{className:"bg-skin-premium-4 p-4 md:px-8",children:(0,a.jsxs)("div",{className:"mx-auto flex max-w-screen-xl items-center justify-between",children:[(0,a.jsx)("div",{className:"flex-1",children:(0,a.jsx)(j.A,{headlineHeading:"h4",headlineSize:"lg",headlineStyle:"bold",headlineUppercase:!1,className:"text-skin-primary-ultradark text-lg font-bold leading-tight md:text-2xl",children:e})}),(0,a.jsx)("div",{className:"ml-auto",children:(0,a.jsxs)("div",{className:"text-skin-primary-ultradark flex flex-col items-center gap-0.5",children:[(0,a.jsx)("div",{className:"pointer-events-none text-xs font-bold uppercase leading-none",children:"Premium"}),(0,a.jsx)(N,{}),(0,a.jsx)("div",{className:"pointer-events-none text-[11px] font-medium leading-none",children:"Abo-Vorteil"})]})})]})}),(0,a.jsx)("div",{className:"p-4 md:p-8",children:(0,a.jsxs)("div",{className:"mx-auto max-w-screen-xl",children:[(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)(u.R,{ref:w,onSwiper:e=>{y(e)},slidesPerView:2,spaceBetween:16,observeParents:!0,breakpoints:{768:{slidesPerView:4,spaceBetween:24,allowTouchMove:!1}},allowTouchMove:!0,observer:!0,modules:[o.A,d.A],pagination:{el:P?.current,enabled:!0,clickable:!0,type:"bullets",renderBullet:function(){return'<div class="swiper-pagination-bullet swiper-pagination-bullet-secondary swiper-brand-bullet inline-block p-2 cursor-pointer"><div class="h-2 w-2 bg-skin-primary-dark opacity-20 rounded-full"></div></div>'},hideOnClick:!1},onBeforeInit:e=>{e.params.pagination.el=P.current},className:"md:!overflow-visible",children:R?.entries?.map(e=>{let s,r;return(0,a.jsx)(m.q,{children:(0,a.jsx)("div",{className:"relative overflow-hidden",children:(0,a.jsx)(S.y,{click:"Premium_Promo_Teaser",action:"click",name:e.isGPX?"GPX":"PDF",children:(0,a.jsxs)("div",{onClick:()=>O(e),className:"block cursor-pointer",children:[(0,a.jsx)("div",{className:"relative aspect-[3/4] w-full overflow-hidden",children:e.image?.[0]&&(r=(s=e.image[0]).height/s.width>1.2,(0,a.jsx)(x._V,{cloudinary:s,alt:e.title,title:e.title,width:240,height:320,crop:r?"fit":"fill",className:`border-skin-primary-light absolute inset-0 size-full border ${r?"object-contain":"object-cover"}`}))}),(0,a.jsx)("div",{className:"pt-2",children:(0,a.jsx)(j.A,{headlineHeading:"h3",headlineSize:"premiumPromo",headlineStyle:"normal",headlineUppercase:!1,className:"mb-0 line-clamp-1",children:e.title})})]})})})},`premium_promo_teaser_${e.sys.id}`)})}),(0,a.jsx)("div",{className:"md:hidden",children:(0,a.jsx)(b.LR,{showSliderPagination:!0,isRotationTeaser:!1,paginationText:!1,roundedEdges:!1,fullWidth:!1,paginationRef:P})})]}),(0,a.jsx)("div",{className:"mt-6 flex justify-center",children:(0,a.jsx)(S.y,{click:"Premium_Promo_Teaser",action:"click",name:s,children:(0,a.jsx)(h.$,{buttonOutline:!0,buttonColor:"premium",buttonSize:"sm",link:r,fullWidth:!1,children:s})})})]})})]})})})},N=()=>{switch((0,t.getActive)().id){case"BIKE":return(0,a.jsx)(f.PortalLogoSvg,{portal:"BIKE",height:16,width:48,className:"h-7 w-[85px]"});case"TOUR":return(0,a.jsx)(f.PortalLogoSvg,{portal:"TOUR",height:16,width:48,className:"h-7 w-[83px]"});case"BOOT":return(0,a.jsx)(f.PortalLogoSvg,{portal:"BOOT",height:12,width:64,className:"h-5 w-[100px]"});case"YACHT":return(0,a.jsx)(f.PortalLogoSvg,{portal:"YACHT",height:20,width:48,className:"w-[77px h-8"});case"SURF":return(0,a.jsx)(f.PortalLogoSvg,{portal:"SURF",height:16,width:48,className:"h-8 w-[96px]"});default:return null}}},70201:(e,s,r)=>{e.exports=r.p+"static/media/vwc-logo.09bf14c3.svg"},70856:(e,s,r)=>{r.r(s),r.d(s,{PortalLogoSvg:()=>I});var a=r(6029);let i=r.p+"static/media/bike-festival-logo.06a470a9.svg";var t=r(6370);let l=r.p+"static/media/bike-logo.043f1211.svg",c=r.p+"static/media/boex-logo-claim.a6fa52bf.svg",n=r.p+"static/media/boex-logo.b1b0d4a4.svg";var o=r(15881),d=r(26847),u=r(7969);let m=r.p+"static/media/delius-mono-logo.7ecbcf30.svg";

1var g=r(41589),v=r(22869),p=r(99981);let x=r.p+"static/media/mediasales-logo-small.890c93b2.svg",h=r.p+"static/media/mediasales-logo.8d9fea82.svg";var j=r(90585),f=r(91834),S=r(88286);let b=r.p+"static/media/porscherfahrer-logo.0e08ee96.svg";var w=r(32186),N=r(4377);let P=r.p+"static/media/surf-logo-gradient.986d6904.svg";var k=r(10629),T=r(81311);let y=r.p+"static/media/vdw-logo.cb33b133.svg";var E=r(70201),A=r(40553);let R=r.p+"static/media/wing-logo.177fdc83.svg",O=r.p+"static/media/yacht-classic-logo.79b8efa8.svg";var B=r(61622),C=r(19058);let I=({portal:e,color:s=!1,mobile:r=!1,type:I=!1,className:_="",title:D="",...L})=>{let U={...L,className:_,title:D};switch(e){case"WING":if(r)return(0,a.jsx)(C.Svg,{src:R,...U});if("claim"===I)return(0,a.jsx)(C.Svg,{src:A,...U});return(0,a.jsx)(C.Svg,{src:R,...U});case"MOD":return(0,a.jsx)(C.Svg,{src:j,...U});case"BOOT":return(0,a.jsx)(C.Svg,{src:o,...U});case"GUTEFAHRT":return(0,a.jsx)(C.Svg,{src:p,...U});case"BIKE":if(s||"header"===I)return(0,a.jsx)(C.Svg,{src:t,...U});return(0,a.jsx)(C.Svg,{src:l,...U});case"BIKE-FESTIVAL":return(0,a.jsx)(C.Svg,{src:i,...U});case"MYBIKE":return(0,a.jsx)(C.Svg,{src:f,...U});case"YACHT":return(0,a.jsx)(C.Svg,{src:B,...U});case"YACHT-CLASSIC":return(0,a.jsx)(C.Svg,{src:O,...U});case"TOUR":return(0,a.jsx)(C.Svg,{src:T,...U});case"VWC":return(0,a.jsx)(C.Svg,{src:E,...U});case"PorscheClassic":return(0,a.jsx)(C.Svg,{src:S,...U});case"PorscheFahrer":case"PORSCHEFAHRER":return(0,a.jsx)(C.Svg,{src:b,...U});case"BOEX":if("claim"===I)return(0,a.jsx)(C.Svg,{src:c,...U});return(0,a.jsx)(C.Svg,{src:n,...U});case"SUP":if("claim"===I)return(0,a.jsx)(C.Svg,{src:w,...U});return(0,a.jsx)(C.Svg,{src:N,...U});case"SUPCLAIM":return(0,a.jsx)(C.Svg,{src:w,...U});case"SURF":if("gradient"===I)return(0,a.jsx)(C.Svg,{src:P,...U});return(0,a.jsx)(C.Svg,{src:k,...U});case"EMTB":return s&&(U.className+=" text-black fill-current"),(0,a.jsx)(C.Svg,{src:g,...U});case"FREERIDE":return s&&(U.className+=" bg-skin-freeride"),(0,a.jsx)(C.Svg,{src:v,...U});case"DK-EVENTS-MARKETING":case"DK-EVENTS":if("mono"===I)return(0,a.jsx)(C.Svg,{src:m,...U});return(0,a.jsx)(C.Svg,{src:u,...U});case"DK-SHOP":if("mono"===I)return(0,a.jsx)(C.Svg,{src:m,...U});if("small"===I)return(0,a.jsx)(C.Svg,{src:d,...U});return(0,a.jsx)(C.Svg,{src:u,...U});case"DK-WEB":return(0,a.jsx)(C.Svg,{src:u,...U});case"VDW":return(0,a.jsx)(C.Svg,{src:y,...U});case"MEDIASALES":if("small"===I)return(0,a.jsx)(C.Svg,{src:x,...U});return(0,a.jsx)(C.Svg,{src:h,...U});default:return null}}},88286:(e,s,r)=>{e.exports=r.p+"static/media/porschekl-logo.0775eb16.svg"}}]);