https://www.outdoor-magazin.com/_next/static/chunks/brandtreeintro.72fe3b7ca50e0b9c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[17468],{1844:(e,s,l)=>{"use strict";l.d(s,{J:()=>d});var t=l(6029),n=l(32988),r=l.n(n),i=l(9181),a=l.n(i),o=l(41498),c=l(68980),u=l.n(c);let d=({onClick:e=null,size:s="medium",className:l="",ariaLabel:n="Close"})=>{let i={small:"size-px-32",medium:"size-px-40",large:"size-px-48"},c={small:"size-px-10",medium:"size-px-12",large:"size-px-14"};return(0,t.jsx)("button",{type:"button",onClick:e,"aria-label":n,className:r()("flex items-center justify-center","cursor-pointer rounded-full","border border-solid",i[s]||i.medium,a().closeButton,l),children:(0,t.jsx)(o.B,{src:u(),className:r()(c[s]||c.medium,a().icon)})})}},9181:e=>{e.exports={closeButton:"closeButton_closeButton__uSS8P",icon:"closeButton_icon__jqoWS"}},36003:e=>{e.exports={backdrop:"loginRequiredOverlay_backdrop__H72G7",modal:"loginRequiredOverlay_modal__XOFGK",iconContainer:"loginRequiredOverlay_iconContainer__xQ1t4",icon:"loginRequiredOverlay_icon__o0GjM"}},39432:(e,s,l)=>{"use strict";l.r(s),l.d(s,{BrandtreeIntro:()=>f,default:()=>y});var t=l(6029),n=l(55729),r=l(81278),i=l(32988),a=l.n(i),o=l(61322),c=l(70217),u=l(81163);let d=({className:e=""})=>(0,t.jsx)("div",{className:a()("flex items-center pb-4",e),children:(0,t.jsx)(u.Button,{type:"button",style:"primary",text:"Klassische Autosuche",icon:"search",iconPosition:"before","aria-label":"Klassische Autosuche: ausgew\xe4hlt",className:"rounded-full"})});var g=l(57993),m=l(4455),x=l(66086),p=l(78307),h=l(66299),v=l.n(h);let f=({data:e={},channel:s="ams-comparisons",...l})=>{let{headline:i,description:u,subheadline:h,showToggle:f,breadcrumb:y,loginUrl:b}=e,j=(0,r.useRouter)(),{loggedIn:k}=(0,n.useContext)(m.VQ),_=(0,x.A)(e=>e.selectedSlnrs),{getFavorites:S,toggleFavorite:w}=(0,p.A)(),[C,N]=(0,n.useState)("unsaved");(0,n.useMemo)(()=>{let e=j.query?.selected;return e?String(e).split("-vs-").filter(Boolean):_},[j.query?.selected,_]),(0,n.useEffect)(()=>{1},[k,null,s]);let z=(0,n.useCallback)(async()=>{let e=await w(null,s);return e?.success!==!1},[null,s]),B=(0,n.useCallback)(async()=>{let e=await w(null,s);return e?.success!==!1},[null,s]);if(!i&&!u)return null;let V=Array.isArray(u)?u.join(""):u;return(0,t.jsx)("div",{className:"va-maincol-list maincol_list lg:col-span-2",children:(0,t.jsxs)("div",{className:"va-maincol w-full lg:col-span-2 px-4 lg:px-0",children:[(0,t.jsx)(g.z,{breadcrumb:y}),(0,t.jsx)(o.j,{title:i,badge:h||null,noStandalone:!!u,showSaveComparison:!1,isLoggedIn:k,saveState:C,onSaveComparison:z,onUnsaveComparison:B,loginUrl:b}),V?.trim()&&(0,t.jsx)("div",{className:a()("pb-4 lg:pb-8",v().description),children:(0,t.jsx)(c.Text,{isDarkMode:!0,size:"normal",dangerouslySetInnerHTML:{__html:V}})}),f&&(0,t.jsx)("div",{className:"py-4 lg:py-8",children:(0,t.jsx)(d,{})})]})})},y=f},41628:(e,s,l)=>{"use strict";l.d(s,{Ft:()=>o,Hr:()=>i,Yk:()=>a});let t=()=>String("od").toLowerCase(),n={ams:"/fahrzeugvergleich/",mrd:"/motorradvergleich/"},r={ams:"/autosuche/",mrd:"/marken-modelle/"},i=(e=t())=>n[String(e||"").toLowerCase()]||"/fahrzeugvergleich/",a=(e=t())=>r[String(e||"").toLowerCase()]||"/autosuche/",o=(e=[])=>{let s=i(),l=(e||[]).filter(Boolean);return l.length?`${s}?selected=${l.join("-vs-")}`:s}},61322:(e,s,l)=>{"use strict";l.d(s,{j:()=>m});var t=l(6029),n=l(55729),r=l(32988),i=l.n(r),a=l(31332),o=l(82365),c=l(43059),u=l(81163);let d=({initialState:e="unsaved",onSave:s=null,onUnsave:l=null,onLoginRequired:r=null,isLoggedIn:i=!1,className:a=""})=>{let[o,c]=(0,n.useState)(e);(0,n.useEffect)(()=>{c(e)},[e]);let d=async()=>{if(!i&&"unsaved"===o){r&&r();return}if("unsaved"===o){c("saving");try{let e=!0;s&&(e=await s()),setTimeout(()=>{c(!1===e?"unsaved":"saved")},500)}catch(e){c("unsaved")}}else if("saved"===o){c("saving");try{let e=!0;l&&(e=await l()),setTimeout(()=>{c(!1===e?"saved":"unsaved")},500)}catch(e){c("saved")}}};return(0,t.jsx)(u.Button,{text:(()=>{switch(o){case"unsaved":default:return"Vergleich speichern";case"saving":return"Vergleich speichert";case"saved":return"Vergleich gespeichert"}})(),style:"unsaved"===o?"primary":"greyInverted",type:"button",onClick:d,disabled:"saving"===o,icon:(()=>{switch(o){case"unsaved":default:return"favorite";case"saving":return"loader";case"saved":return"favorite-full"}})(),iconPosition:"before","aria-label":(()=>{switch(o){case"unsaved":default:return"Vergleich speichern";case"saving":return"Vergleich wird gespeichert";case"saved":return"Vergleich gespeichert - Klicken zum Entfernen"}})(),className:a})};var g=l(72824);let m=({title:e,badge:s,sponsoring:l,noStandalone:r=!0,showSaveComparison:u=!1,isLoggedIn:m=!1,saveState:x="unsaved",onSaveComparison:p=null,onUnsaveComparison:h=null,onLogin:v=null,loginUrl:f="/benutzer-login"})=>

1{let[y,b]=(0,n.useState)(!1);return e?(0,t.jsxs)("div",{className:i()("va-brand-intro-section",{"lg:py-8":!r,"lg:pt-8 lg:pb-0 lg:mb-4":r}),children:[s&&(0,t.jsx)(o.E,{className:"mb-2",children:s}),(0,t.jsxs)("div",{className:"flex flex-col lg:flex-row lg:items-center lg:justify-between lg:gap-4",children:[(0,t.jsx)(a.Headline,{size:"large",useH1:!0,headline:e,isDarkMode:!0}),u&&(0,t.jsx)("div",{className:"mt-4 lg:mt-0 lg:flex-shrink-0",children:(0,t.jsx)(d,{initialState:x,isLoggedIn:m,onSave:p,onUnsave:h,onLoginRequired:()=>{b(!0)}})})]}),l&&l.logo&&(0,t.jsx)("div",{className:"pt-4 flex justify-end",children:(0,t.jsx)(c.k,{logo:l.logo,poweredByLink:l.poweredByLink||l.link,text:l.text,isCar:l.isCar,useImage:l?.useImage||!1})}),u&&(0,t.jsx)(g.b,{isOpen:y,onClose:()=>{b(!1)},onLogin:v?()=>{v&&v(),b(!1)}:null,loginUrl:f,icon:"lock"})]}):null}},62498:e=>{e.exports={badge:"badge_badge__Qkp6Y"}},62790:(e,s,l)=>{e.exports=l.p+"static/img/icon-plus.svg"},66086:(e,s,l)=>{"use strict";l.d(s,{A:()=>i});var t=l(29784),n=l(46334),r=l(41628);let i=(0,t.vt)((0,n.Zr)((e,s)=>({selectedVehicles:[],selectedSlnrs:[],MAX_VEHICLES:3,toast:null,addVehicle:(l,t=null)=>{let{selectedSlnrs:n,selectedVehicles:r,MAX_VEHICLES:i}=s();return n.includes(l)?{success:!1,reason:"already_added"}:n.length>=i?{success:!1,reason:"max_limit"}:(e({selectedSlnrs:[...n,l],selectedVehicles:t?[...r,{slnr:l,...t}]:r}),{success:!0})},removeVehicle:l=>{let{selectedSlnrs:t,selectedVehicles:n}=s(),r=String(l);return e({selectedSlnrs:t.filter(e=>String(e)!==r),selectedVehicles:n.filter(e=>String(e.slnr)!==r)}),{success:!0}},toggleVehicle:(e,l=null)=>{let{selectedSlnrs:t,selectedVehicles:n,addVehicle:r,removeVehicle:i}=s();if(t.includes(e))return i(e);let a=n.find(s=>l?.generation&&s.generation===l.generation||l?.generationID&&s.generationID===l.generationID||s.generationID===String(e)||s.generationID===e);return a?i(a.slnr):r(e,l)},isSelected:e=>s().selectedSlnrs.includes(e),isGenerationSelected:e=>{if(!e)return!1;let{selectedVehicles:l}=s();return l.some(s=>s.generation===e||s.generationID===e||s.generationID===String(e))},getVehiclesByGeneration:e=>{if(!e)return[];let{selectedVehicles:l}=s();return l.filter(s=>s.generation===e||s.generationID===e||s.generationID===String(e))},isFull:()=>s().selectedSlnrs.length>=s().MAX_VEHICLES,getCount:()=>s().selectedSlnrs.length,setSlnrs:s=>{e({selectedSlnrs:s})},clearSelection:()=>{e({selectedSlnrs:[],selectedVehicles:[]})},getComparisonUrl:()=>{let{selectedSlnrs:e}=s();return e.length<2?null:(0,r.Ft)(e)},canCompare:()=>s().selectedSlnrs.length>=2,showToast:s=>{e({toast:s})},hideToast:()=>{e({toast:null})}}),{name:"vehicle-comparison-storage",partialize:e=>({selectedSlnrs:e.selectedSlnrs,selectedVehicles:e.selectedVehicles})}))},66299:e=>{e.exports={description:"intro_description__aRLRF"}},72824:(e,s,l)=>{"use strict";l.d(s,{b:()=>S});var t=l(6029),n=l(55729),r=l(32988),i=l.n(r),a=l(58376),o=l(85169),c=l(36003),u=l.n(c),d=l(81163),g=l(1844),m=l(31332),x=l(70217),p=l(41498),h=l(46966),v=l.n(h),f=l(93963),y=l.n(f),b=l(62790),j=l.n(b),k=l(3732),_=l.n(k);let S=({isOpen:e=!1,onClose:s=null,onAction:l=null,onLogin:r=null,actionUrl:c=null,loginUrl:p="/login",icon:h="favorite",headline:v="Anmeldung erforderlich",description:f="Um Vergleiche zu speichern und sp\xe4ter wieder aufzurufen, melden Sie sich bitte an oder erstellen Sie ein kostenloses Konto.",buttonText:y="Jetzt anmelden",buttonIcon:b="user",dismissText:j="Sp\xe4ter",loginRequestTracking:k=null,source:_=null})=>{let S=l||r,C=c||p,{track:N}=(0,a.z1)();(0,n.useEffect)(()=>{e&&k&&N("mb_login_request_impression",{type:k.type})},[e]);let z=(0,n.useCallback)(e=>{k&&N("mb_login_request_close_later",{type:k.type,text:e}),s?.()},[k,N,s]),B=(0,n.useCallback)(()=>{let e;if(_&&(0,o.Tn)(),k){try{e=C?new URL(C,window.location.origin).hostname:void 0}catch(s){e=void 0}N("mb_login_request_click",{type:k.type,text:"login",href:C,destination_host:e})}},[_,k,N,C]);return((0,n.useEffect)(()=>{let s=s=>{"Escape"===s.key&&e&&z("x")};return e&&(document.addEventListener("keydown",s),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",s),document.body.style.overflow=""}},[e,z]),e)?(0,t.jsx)("div",{className:i()("fixed inset-0 z-insane flex items-start justify-center overflow-y-auto lg:p-4 lg:py-8",u().backdrop),onClick:e=>{e.target===e.currentTarget&&z("x")},role:"dialog","aria-modal":"true","aria-labelledby":"login-required-overlay-title",children:(0,t.jsxs)("div",{className:i()("relative w-full max-w-lg p-6 my-auto",u().modal),children:[(0,t.jsx)("div",{className:"absolute top-3 right-4",children:(0,t.jsx)(g.J,{onClick:()=>z("x"),size:"medium",ariaLabel:"Overlay schlie\xdfen"})}),(0,t.jsxs)("div",{className:"flex flex-col items-center gap-4 text-center pt-4",children:[(0,t.jsx)(w,{icon:h}),(0,t.jsx)("div",{className:"px-8",children:(0,t.jsx)(m.Headline,{headline:v,size:"medium",isDarkMode:!0,id:"login-required-overlay-title"})}),(0,t.jsx)("div",{className:"px-4",children:(0,t.jsx)(x.Text,{isDarkMode:!0,children:f})}),S?(0,t.jsx)(d.Button,{text:y,style:"primary",type:"button",onClick:()=>{B(),S&&S(),s&&s()},icon:b,iconPosition:"before"}):(0,t.jsx)(d.Button,{text:y,style:"primary",type:"link",link:C,onClick:B,icon:b,iconPosition:"before"}),(0,t.jsx)("button",{type:"button",onClick:()=>z("spaeter"),className:"text-sm underline text-skin-grey-dark hover:text-skin-primary transition-colors",children:j})]})]})}):null},w=({icon:e})=>{e=String(e).toLowerCase();let s=i()("flex items-center justify-center size-px-60 rounded-full",u().iconContainer);switch(e){case"ams-plus":return(0,t.jsx)(p.B,{src:_(),className:"h-px-40",alt:""});case"lock":return(0,t.jsx)("div",{className:s,children:(0,t.jsx)(p.B,{src:y(),className:i()("size-px-28",u().icon),alt:""})});case"plus":return(0,t.jsx)("div",{className:s,children:(0,t.jsx)(p.B,{src:j(),className:i()("size-px-28",u().icon),alt:""})});default:return(0,t.jsx)("div",{className:s,children:(0,t.jsx)(p.B,{src:v(),className:i()("size-px-28",u().icon),alt:""})})}}},82365:(e,s,l)=>{"use strict";l.d(s,{E:()=>o});var t=l(6029),n=l(62498),r=l.n(n),i=l(32988),a=l.n(i);let o=({children:e,size:s="default",className:l=""})=>e?(0,t.jsx)("div",{className:a()("rounded inline-block font-skin-primary",r().badge,{"text-xs px-3 py-1":"default"===s,"text-2xs px-2 py-px-2":"small"===s},l),children:e}):null},93963:(e,s,l)=>{e.exports=l.p+"static/img/icon-lock.svg"}}]);