https://www.bike-magazin.de/_next/static/chunks/BidexBidexVariantMeasurementdata.ee86215796cc71f7.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30910],{75915:(e,l,a)=>{a.d(l,{n:()=>r});var t=a(6029),i=a(75828),n=a.n(i);let r=({value:e,percentage:l,viewSettings:a})=>(0,t.jsxs)("div",{className:n()("flex flex-col"),children:[(0,t.jsx)("div",{className:n()("relative h-10 w-full rounded-full",{"bg-gradient-to-r from-[#FE0000] via-[#00FE00] to-[#FE0000]":"red-green-red"===a.gradient,"bg-gradient-to-r from-[#FE0000] via-[#fefa00] to-[#00FE00]":"red-yellow-green"===a.gradient,"bg-gray-200 border border-neutral-400":"neutral"===a.gradient}),style:a.followingGradient&&{backgroundRepeat:"repeat-x",backgroundSize:"200% 100%",backgroundPositionX:`${100-100*l}%`},children:(0,t.jsxs)("div",{className:"absolute h-full",style:{width:"calc(100% - 2rem - 11px)",left:"calc(1rem + 4px)"},children:[(0,t.jsx)("svg",{className:"absolute -top-3 left-0 w-6 -translate-x-1/2 text-neutral-700",style:{left:`${100*l}%`},fill:"currentColor",viewBox:"0 0 490 490",xmlns:"http://www.w3.org/2000/svg",children:(0,t.jsx)("polygon",{points:"245,456 400,33 90,33"})}),(0,t.jsxs)("div",{className:"grid h-full grid-cols-3 items-center justify-between whitespace-nowrap py-0.5",children:[(0,t.jsx)("div",{className:"",children:a.labelZero}),(0,t.jsx)("div",{className:"text-center font-bold",children:a.labelMiddle||(null!=e?`${"object"==typeof e?e.value:e}${a?.unit?` ${a.unit}`:""}`:null)}),(0,t.jsx)("div",{className:"text-right",children:a.labelMax})]})]})}),a.hideNumbers?(0,t.jsx)("div",{className:"mb-4"}):(0,t.jsxs)("div",{className:"flex flex-row justify-between px-4",children:[(0,t.jsx)("div",{className:"text-xs text-neutral-500",children:"0"}),(0,t.jsx)("div",{className:"text-xs text-neutral-500",children:Math.ceil(.33*a.max)}),(0,t.jsx)("div",{className:"text-xs text-neutral-500",children:Math.ceil(.66*a.max)}),(0,t.jsx)("div",{className:"text-xs text-neutral-500",children:a.max})]})]})},98116:(e,l,a)=>{a.r(l),a.d(l,{BidexVariantMeasurementdata:()=>d});var t=a(6029),i=a(19844),n=a(90052),r=a(75915);a(55729);var s=a(5700);let d=({variant:e,link:l})=>{let a=(0,s.c)("common");if(!e)return null;let d=e?.messdaten;if(null==d.handling&&null==d["area-of-application"]&&null==d["sit-position"])return null;let c=[{label:a("BRAND_MEASUREMENT_AREA"),value:d["area-of-application"],percentage:d["area-of-application"]?.value?d["area-of-application"].value/100:null,enum:{"All Mountain":"all-mountain",Enduro:"enduro",Marathon:"marathon",Trail:"trail","Trail-Hardtail":"trail-hardtail","XC-Hardtail":"xc-hardtail",Freeride:"freeride",Downhill:"downhill","E-Enduro":"e-enduro","E- All Mountain":"e-all-mountain","E-Hardtail":"e-hardtail","Light-Enduro":"light-enduro","Light-All Mountain":"light-all-mountain","Light-Downcountry":"light-downcountry","Light-Hardtails":"light-hardtails",Endurance:"endurance",Racebikes:"race-bikes",Gravel:"gravel","City/Trekking":"city-trekking","E-City/Trekking":"e-city-trekking",Tour:"tour",Wettkampf:"wettkampf"},getUppercasedTypes:function(e){for(let[l,a]of Object.entries(this.enum))if(a===e)return l;return null}},{label:a("BRAND_MEASUREMENT_HANDLING"),value:d.handling,percentage:d.handling?d.handling/100:null},{label:a("BRAND_MEASUREMENT_POSITION"),value:d["sit-position"],percentage:d["sit-position"]?d["sit-position"]/100:null}],u=["city-trekking","e-city-trekking"].includes(e?.messdaten?.["bike-type"]),o=a("BRAND_MEASUREMENT_AREA"),N=a("BRAND_MEASUREMENT_HANDLING"),h=a("BRAND_MEASUREMENT_POSITION"),x={[o]:{max:100,gradient:"neutral",hideNumbers:!0,labelZero:c.find(e=>e.label===o)?.getUppercasedTypes(c.find(e=>e.label===o)?.value?.types[0]),labelMiddle:"",labelMax:c.find(e=>e.label===o)?.getUppercasedTypes(c.find(e=>e.label===o)?.value?.types[1]),followingGradient:!0},[N]:{max:100,gradient:"neutral",hideNumbers:!1,labelZero:a("BRAND_MEASUREMENT_HANDLING_AGILE"),labelMiddle:"",labelMax:a("BRAND_MEASUREMENT_HANDLING_STABLE")},[h]:{max:100,gradient:"neutral",hideNumbers:!1,labelZero:a(u?"BRAND_MEASUREMENT_POSITION_UPRIGHT":"BRAND_MEASUREMENT_POSITION_SPORTY"),labelMiddle:"",labelMax:a(u?"BRAND_MEASUREMENT_POSITION_SPORTY":"BRAND_MEASUREMENT_POSITION_COMFORTABLE")}};return(0,t.jsxs)("div",{children:[(0,t.jsx)(n.A,{headlineHeading:"h2",headlineSize:"md",headlineStyle:"normal",children:a("BRAND_MEASUREMENT_TITLE")}),(0,t.jsx)("div",{className:"mb-4 flex flex-col gap-4 md:mb-8",children:c.map((e,l)=>null==e.value||null==e.percentage?null:(0,t.jsxs)("div",{children:[(0,t.jsx)(n.A,{headlineSize:"sm",headlineText:e.label,className:"mb-2 mt-4"}),(0,t.jsx)(r.n,{value:e.value,percentage:e.percentage,viewSettings:x[e.label]})]},l))}),(0,t.jsx)("p",{children:a.rich("BRAND_MEASUREMENT_ALL_LINK",{link:e=>(0,t.jsx)("span",{className:"underline",children:(0,t.jsx)(i.Link,{href:l,children:e})})})})]})}}}]);