https://www.womenshealth.de/_next/static/chunks/brandtreescoring.25bfd76b0fe49f91.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[32657],{4392:(e,t,l)=>{"use strict";l.r(t),l.d(t,{BrandtreeScoring:()=>O,default:()=>D});var n=l(6029),s=l(67404),r=l.n(s),a=l(31332),i=l(81163),o=l(46756),c=l(32988),u=l.n(c),d=l(55729),x=l(8599),m=l.n(x),_=l(92476),p=l(64670),g=l.n(p),b=l(41498);let k=({children:e})=>(0,n.jsxs)("div",{className:"flex p-4 mb-9 font-skin-primary text-xs border border-solid "+m().backgroundColor+" "+m().borderColor+" "+m().textColor+" "+m().wrapper,children:[(0,n.jsx)(b.B,{src:g(),className:"size-px-20 block"}),(0,n.jsxs)("div",{className:"pl-4 "+m().text,children:["Was genau ist die MOTORRAD-1000-Punktewertung, wie setzt sie sich zusammen und wie werden die Kriterien ermittelt? Alle Fragen rund um die Wertung und deren Punktesystem haben wir in den ",(0,n.jsx)(_.Ay,{href:"/punktewertung-faq/",children:"FAQ"})," zusammengestellt und geben dort die Antworten."]})]});var h=l(7335),v=l(41474),j=l(70217),f=l(58057),y=l(64996),w=l(40524),C=l(58376),N=l(57887),P=l.n(N),W=l(68980),S=l.n(W),M=l(43331),B=l.n(M),z=l(68166),I=l.n(z);let V=({variants:e,maxPoints:t,variantsPoints:l,variantsData:s,isComparison:c=!0,isSelected:x=!0,seriesInfo:m=null,brands:_,series:p,years:g,element:N,page:W})=>{let[M,z]=(0,d.useState)(0),[V,O]=(0,d.useState)(null),[D,H]=(0,d.useState)(null),$=(0,h.R)(e=>e.setScoringIndex),[A,R]=(0,d.useState)(!1),[U,Q]=(0,d.useState)(!1),[T,q]=(0,d.useState)(!1),[E,F]=(0,d.useState)(null),[X,Y]=(0,d.useState)(null),[G,L]=(0,d.useState)(null),[J,K]=(0,d.useState)(null),[Z,ee]=(0,d.useState)(null),[et,el]=(0,d.useState)(null),[en,es]=(0,d.useState)(null),[er,ea]=(0,d.useState)(null),[ei,eo]=(0,d.useState)(null),[ec,eu]=(0,d.useState)(null),[ed,ex]=(0,d.useState)([]),{ready:em,hasAbo:e_,hasNewAbo:ep}=(0,d.useContext)(v.IB),eg=(0,y.A)(),eb=(0,C.z1)();if(!e?.length)return null;let ek=(e,t)=>{O(e),$(e),H(`va-wertung-body-${e}`);let l=[...ed],n=l.indexOf(e);-1===n?l.push(e):l.splice(n,1),ex(l),null!=e&&em&&!ep&&eb.rescoreUpscore?.(`.va-wertung-body-${e}`)},eh=async()=>{try{let t=await eg(N,null,W,{getSelectedData:1,selectedBrand:E,selectedSerie:G,selectedYear:Z});t&&t.seriesInfo&&es(t.seriesInfo),t&&t.variantsPoints&&ea(t.variantsPoints),t&&t.variantsData&&eo(t.variantsData),t&&t.maxPoints&&eu(t.maxPoints),q(!1),Q(!0),eb.trackMatomo({props:["Custom Events","Motorradvergleich",e[M].label+" - "+t.seriesInfo.title+" ("+et+")"]})}catch(e){console.error(e)}},ev=({isVertical:e=null,percent:t=0,isCount:l,isSummary:s,isComparison:a=!1,isInactive:i=!1})=>{let{isMobile:o}=(0,d.useContext)(w.a);return(0,n.jsxs)("div",{className:u()({"relative bottom-0 left-0 w-full":!0,[r().diagrammUnderColor]:!0,"h-px-24":e||s,"h-px-3 mt-px-18":!e&&!s}),children:[e||s?null:(0,n.jsxs)("div",{className:u()({"w-px-60  font-skin-primary flex items-end justify-end gap-1 absolute -bottom-px z-2":!0,"text-skin-primary":a,[r().notComparisonInactive]:!a&&!i,"text-skin-grey":i}),style:t?{left:`calc(${t}% - ${o?"30px":"60px"} )`}:{left:"0"},children:[(0,n.jsx)("span",{className:"px-0.5 pb-px text-lg font-bold",children:l}),(0,n.jsx)(b.B,{src:I(),className:"mb-0.5 h-px-17"})]}),(0,n.jsxs)("div",{className:u()({"h-full absolute left-0 bottom-0 rounded-r-full":!0,"h-full":e||s,"h-px-3":!e&&!s,"min-w-px-60":a,[r().diagrammWinnerColor]:a,"bg-skin-primary min-w-px-60":a,"bg-skin-grey-darkest":!a&&!i,[r().diagrammColor]:!0,"bg-skin-grey":i}),style:{width:t+"%"},children:[s&&(0,n.jsx)("span",{className:u()({"font-skin-primary text-xs font-bold absolute left-1.5 top-0 bottom-0  block pt-px-4 overflow-hidden text-ellipsis whitespace-nowrap":!0,[r().summary]:!0,"text-skin-white":!i,"text-skin-grey-light":i}),children:a?en?.title:m?.title}),e||s?(0,n.jsxs)("div",{className:u()({"font-skin-primary flex items-center gap-2 absolute top-0 bottom-0 z-2":!0,"text-skin-white":!i,"text-skin-grey-dark":i,"right-1.5":t>0}),children:[(0,n.jsx)("span",{className:"text-lg font-bold",children:l}),(0,n.jsx)(b.B,{src:I(),className:"h-px-21 w-8"})]}):null]}),s?(0,n.jsx)("span",{className:"absolute right-2 bottom-0 font-skin-primary text-sm font-bold text-right "+r().verticalPoint,children:"1000"}):null]})},ej=({maxCount:e,isVertical:t})=>(0,n.jsx)("div",{className:u()({"w-px-30 font-skin-primary text-sm  text-right ":!0,[r().sublineColor]:!0,"font-light":!t,[r().notVerticalPoint]:!t,"font-bold absolute right-2 bottom-0":t,[r().verticalPoint]:t}),children:e}),ef=({children:e})=>(0,n.jsx)("div",{className:"relative flex justify-between pb-0.5 pr-px-30 pt-2",children:e});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"",children:[e?.length>=1&&!A&&(0,n.jsx)("div",{className:"mb-4 px-4 lg:px-0",children:(0,n.jsx)(o.l,{options:e,noBlank:!0,value:M,id:"variants",label:"W\xe4hle hier eine Modellvariante:",name:"variants",onChange:e=>{z(e.target.value),O(null),$(null)}})}),A&&!T&&(0,n.jsxs)("div",{className:"mb-4 grid grid-cols-2 gap-4 px-4 lg:px-0",children:[(0,n.jsxs)("div",{className:"relative aspect-square border-2 border-solid border-skin-grey-darkest lg:aspect-video",children:[m?.image?(0,n.jsx)(f.Ay,{src:m?.image,className:"size-full object-cover",elementId:"brandtree.1000PunkteVergleichen"}):(0,n.jsx)(b.B,{src:S(),className:"relative -top-px-16 w-px-30 -rotate-45 cursor-pointer text-skin-primary lg:w-px-50"}),(0,n.jsx)("div",{className:"absolute inset-x-0 bottom-0 bg-skin-grey-darkest p-2 text-center",children:(0,n.jsx)(j.Text,{size:"small",inverted:!0,children:e[`${M}`].label})})]}),(0,n.jsxs)("div",{className:"relative flex aspect-square items-center justify-center border-2 border-solid border-skin-primary lg:aspect-video",onClick:(e=>{en&&ei?(F(null),Y(null),L(null),K(null),ee(null),el(null),es(null),ea(null),eo(null),eu(null),Q(!1)):q(!0),O(null),$(null)}).bind(null),children:[en?.image?(0,n.jsx)(f.Ay,{src:en?.image,elementId:"brandtree.1000PunkteVergleichen",className:"size-full object-cover"}):(0,n.jsx)(b.B,{src:S(),className:"relative -top-px-16 w-px-30 -rotate-45 cursor-pointer text-skin-primary lg:w-px-50"}),(0,n.jsx)("div",{className:"absolute inset-x-0 bottom-0 cursor-pointer bg-skin-primary p-2 text-center",children:(0,n.jsx)(j.Text,{size:"small",inverted:!0,children:en?.title&&et?en?.title+` (${et})`:"Motorrad ausw\xe4hlen"})}),U?(0,n.jsx)("div",{className:"absolute right-2 top-2 flex size-px-28 cursor-pointer items-center justify-center rounded-full bg-skin-white bg-opacity-70 text-skin-primary",children:(0,n.jsx)(b.B,{src:B(),className:"w-px-12"})}):null]})]}),T&&(0,n.jsxs)("div",{className:"mb-9 space-y-4 px-4 lg:px-0",id:"brandSelect",children:[(0,n.jsx)(a.Headline,{size:"medium",isDarkMode:!0,headline:"W\xe4hle ein Motorrad aus der 1000-Punktwertungs-Datenbank zum Vergleich"}),(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("div",{className:"flex gap-4",children:[(0,n.jsx)(o.l,{options:_,defaultText:"Marke w\xe4hlen",onChange:e=>{if(F(e.target.value),p){let t=Object.keys(p).filter((t,l)=>t==e.target.value);t&&t.length>0&&Y([...new Map(p[`${t[0]}`].series.map(e=>[e.value,e])).values()])}},value:E}),E&&(0,n.jsx)("div",{className:"cursor-pointer",onClick:e=>{F(null),L(null),ee(null),el(null)},children:(0,n.jsx)(b.B,{src:B(),className:`${x?"text-skin-black "+r().iconColor:"text-skin-grey"} h-px-20 w-px-16`})})]}),(0,n.jsxs)("div",{className:"flex gap-4",children:[(0,n.jsx)(o.l,{options:X,defaultText:"Modell w\xe4hlen",onChange:e=>{if(L(e.target.value),g){let t=Object.keys(g).filter((t,l)=>t==e.target.value);t&&t.length>0&&K(g[`${t[0]}`].years)}},value:G}),G&&(0,n.jsx)("div",{className:"cursor-pointer",onClick:e=>{L(null),ee(null),el(null)},children:(0,n.jsx)(b.B,{src:B(),className:`${x?"text-skin-black "+r().iconColor:"text-skin-grey"} h-px-20 w-px-16`})})]}),(0,n.jsxs)("div",{className:"flex gap-4",children:[(0,n.jsx)(o.l,{options:J,defaultText:"Modelljahr w\xe4hlen",onChange:e=>{ee(e.target.value),el(e?.target?.options[`${e?.target?.options?.selectedIndex}`]?.label)},value:Z}),Z&&(0,n.jsx)("div",{className:"cursor-pointer",onClick:e=>{ee(null),el(null)},children:(0,n.jsx)(b.B,{src:B(),className:`${x?"text-skin-black "+r().iconColor:"text-skin-grey"} h-px-20 w-px-16`})})]})]}),(0,n.jsxs)("div",{className:"flex flex-wrap justify-center gap-4",children:[(0,n.jsx)(i.Button,{style:"primaryInverted",text:"Abbrechen",onClick:e=>{R(!1),q(!1),F(null),Y(null),L(null),K(null),ee(null),el(null),es(null),ea(null),eo(null),eu(null),Q(!1)}}),(0,n.jsx)(i.Button,{text:"Jetzt vergleichen",onClick:e=>{Z&&G&&E&&eh()}})]})]}),!T&&(0,n.jsx)("div",{className:"mb-9 flex flex-col gap-y-4 px-4 lg:px-0",children:Object.keys(l[M]).map((e,t)=>

1{let i=l[M][e];return(0,n.jsxs)("div",{className:u()({relative:!0,[r().header]:!0,[r().backgroundBodyColor]:A,[r().backgroundHeadColor]:A,[r().comparison]:A}),onClick:ek.bind(null,t),children:[(0,n.jsx)("input",{type:"checkbox",className:"absolute left-0 top-0 z-1 size-full cursor-pointer opacity-0"}),(0,n.jsxs)("div",{className:u()({"va-wertung-header relative":!0,"h-px-52":!A,"h-px-100 px-4":A}),children:[(0,n.jsx)(ef,{children:(0,n.jsx)(a.Headline,{size:"small",headline:e,isDarkMode:!0})}),(0,n.jsxs)("div",{className:"relative flex items-center justify-between",children:[(0,n.jsx)(ev,{isVertical:!0,isSummary:!1,percent:Math.floor(100/parseInt(i.max)*parseInt(i.val)),isCount:i.val,name:e}),(0,n.jsx)(ej,{isVertical:!0,maxCount:i.max})]}),er&&er[0]?(0,n.jsxs)("div",{className:"relative mt-2 flex items-center justify-between",children:[(0,n.jsx)(ev,{isComparison:!0,isVertical:!0,isSummary:!1,percent:Math.floor(100/parseInt(er[0][e].max)*parseInt(er[0][e].val)),isCount:er[0][e].val,name:e}),(0,n.jsx)(ej,{isVertical:!0,maxCount:er[0][e].max})]}):A&&!er&&(0,n.jsxs)("div",{className:"relative mt-2 flex items-center justify-between",children:[(0,n.jsx)(ev,{isVertical:!0,isSummary:!1,isInactive:!0,percent:Math.floor(1/0*0),isCount:0,name:e}),(0,n.jsx)(ej,{isVertical:!0,maxCount:null})]}),(0,n.jsxs)("div",{className:u()({"flex items-center gap-1 absolute top-2":!0,"right-0":!A,"right-4":A}),children:[(0,n.jsx)("span",{className:"block font-skin-primary text-xs text-skin-grey",children:-1===ed.indexOf(t)?"Details ansehen":"schlie\xdfen"}),(0,n.jsx)(b.B,{src:P(),className:u()({"va-wertung-arrow text-skin-primary size-px-20 block transition-all":!0})})]})]}),(0,n.jsx)("div",{className:u()({"flex overflow-hidden relative flex-col gap-y-4 max-h-0 va-wertung-body z-10":!0,[r().body]:!0,[`va-wertung-body-${t}`]:!0}),children:Object.keys(s[M][e]).map((t,l)=>{let a=s[M][e][t];return(0,n.jsxs)("div",{className:"relative flex flex-wrap justify-between py-2",children:[(0,n.jsx)("p",{className:"font-skin-primary text-sm "+r().sublineColor,children:t}),(0,n.jsxs)("div",{className:"flex w-full items-end justify-between",children:[(0,n.jsx)(ev,{isVertical:!1,isSummary:!1,isInactive:!1,percent:Math.floor(100/parseInt(a.max)*parseInt(a.val)),name:t,isCount:a.val}),(0,n.jsx)(ej,{isVertical:!1,maxCount:a.max})]}),ei&&ei[0]?(0,n.jsxs)("div",{className:"mt-2 flex w-full items-end justify-between",children:[(0,n.jsx)(ev,{isVertical:!1,isSummary:!1,isComparison:!0,percent:Math.floor(100/parseInt(ei[0][e][t].max)*parseInt(ei[0][e][t].val)),name:t,isCount:ei[0][e][t].val}),(0,n.jsx)(ej,{isVertical:!1,maxCount:ei[0][e][t].max})]}):A&&!ei&&(0,n.jsxs)("div",{className:"mt-2 flex w-full items-end justify-between",children:[(0,n.jsx)(ev,{isVertical:!1,isSummary:!1,isComparison:!0,percent:Math.floor(1/0*0),name:t,isCount:0}),(0,n.jsx)(ej,{isVertical:!1,maxCount:0})]})]},"varianten-"+e+"-"+t)})})]},"varianten-"+e)})}),!T&&(0,n.jsxs)("div",{className:"lg:mx-50 py-2 px-4 space-y-2 font-skin-primary text-lg lg:text-base text-center text-skin-black bg-skin-grey-light "+r().backgroundColor,children:[(0,n.jsx)(a.Headline,{size:"medium",headline:"Summe",isDarkMode:!0}),(0,n.jsxs)("div",{className:"flex items-center justify-between",children:[(0,n.jsx)(ev,{isVertical:!0,isSummary:!0,percent:t[M]/10,name:"",isCount:t[M]}),(0,n.jsx)(ej,{isVertical:!0,maxCount:"1000"})]}),ec&&ec[0]&&(0,n.jsxs)("div",{className:"flex items-center justify-between",children:[(0,n.jsx)(ev,{isVertical:!0,isSummary:!0,isComparison:!0,percent:ec[0]/10,name:"",isCount:ec[0]}),(0,n.jsx)(ej,{isVertical:!0,maxCount:"1000"})]})]}),!A&&(0,n.jsxs)("div",{className:"flex flex-wrap justify-center gap-4 px-4 lg:px-0",children:[(0,n.jsx)(j.Text,{size:"small",className:"mt-2",isDarkMode:!0,children:"Vergleiche die Punktewertung mit anderen Motorr\xe4dern aus der MOTORRAD 1000-Punktewertung"}),(0,n.jsx)(i.Button,{text:"Vergleichen",onClick:(e=>{R(!0),O(null),$(null),q(!0),window.scrollBy(0,-600)}).bind(null)})]})]}),!T&&(0,n.jsx)("div",{className:"flex px-4 py-10 lg:px-0 lg:py-10",children:(0,n.jsx)(k,{})})]})},O=({variants:e,maxPoints:t,variantsPoints:l,variantsData:s,EMPTY:r,seriesInfo:a,brands:i,series:o,years:c,element:u,page:d,...x})=>r?null:(0,n.jsx)("div",{className:"va-maincol-list maincol_list lg:flex lg:col-span-2 lg:justify-between",children:(0,n.jsx)("div",{className:"va-maincol lg:col-span-2 w-full",children:(0,n.jsx)(V,{variants:e,maxPoints:t,variantsPoints:l,variantsData:s,seriesInfo:a,brands:i,series:o,years:c,element:u,page:d})})}),D=O},8599:e=>{e.exports={"text-color":"__1000PunkteHint_text-color__wxeRo",textColor:"__1000PunkteHint_text-color__wxeRo","background-color":"__1000PunkteHint_background-color__su4LM",backgroundColor:"__1000PunkteHint_background-color__su4LM","border-color":"__1000PunkteHint_border-color__avfWQ",borderColor:"__1000PunkteHint_border-color__avfWQ",wrapper:"__1000PunkteHint_wrapper__wQC6V",text:"__1000PunkteHint_text__OwbeZ"}},64670:(e,t,l)=>{e.exports=l.p+"static/img/icon-info.svg"},67404:e=>{e.exports={"background-color":"__1000PunkteWertung_background-color__bWlQY",backgroundColor:"__1000PunkteWertung_background-color__bWlQY","diagramm-under-color":"__1000PunkteWertung_diagramm-under-color__SxsqO",diagrammUnderColor:"__1000PunkteWertung_diagramm-under-color__SxsqO","diagramm-color":"__1000PunkteWertung_diagramm-color__PbUaj",diagrammColor:"__1000PunkteWertung_diagramm-color__PbUaj","diagramm-winner-color":"__1000PunkteWertung_diagramm-winner-color__Mic_A",diagrammWinnerColor:"__1000PunkteWertung_diagramm-winner-color__Mic_A","text-color":"__1000PunkteWertung_text-color__6qOBg",textColor:"__1000PunkteWertung_text-color__6qOBg","subline-color":"__1000PunkteWertung_subline-color__Rh5Ex",sublineColor:"__1000PunkteWertung_subline-color__Rh5Ex","background-body-colors":"__1000PunkteWertung_background-body-colors__RiP77",backgroundBodyColors:"__1000PunkteWertung_background-body-colors__RiP77","background-head-color":"__1000PunkteWertung_background-head-color__jUsev",backgroundHeadColor:"__1000PunkteWertung_background-head-color__jUsev","icon-color":"__1000PunkteWertung_icon-color__wWBcg",iconColor:"__1000PunkteWertung_icon-color__wWBcg","not-vertical-point":"__1000PunkteWertung_not-vertical-point__71CbO",notVerticalPoint:"__1000PunkteWertung_not-vertical-point__71CbO","vertical-point":"__1000PunkteWertung_vertical-point__CvX0N",verticalPoint:"__1000PunkteWertung_vertical-point__CvX0N","not-comparison-inactive":"__1000PunkteWertung_not-comparison-inactive__unGdD",notComparisonInactive:"__1000PunkteWertung_not-comparison-inactive__unGdD","background-body-color":"__1000PunkteWertung_background-body-color__QzIUr",backgroundBodyColor:"__1000PunkteWertung_background-body-color__QzIUr",summary:"__1000PunkteWertung_summary__X4F_M",header:"__1000PunkteWertung_header__0U4cO",comparison:"__1000PunkteWertung_comparison__MXw1n",body:"__1000PunkteWertung_body__NCwlb"}}}]);