https://www.outdoor-magazin.com/_next/static/chunks/articleinlinebarometer.438134c6f5d34073.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8797],{18641:(e,t,s)=>{"use strict";s.d(t,{A:()=>l});var a=s(6029),i=s(35537),r=s(31332);let l=({url:e,image:t,headline:s,title:l,sizes:n})=>s?(0,a.jsxs)("div",{className:"va-survey-more mb-9",children:[(0,a.jsx)("div",{className:"mb-2",children:(0,a.jsx)(r.Headline,{size:"smallestArticle",headline:"Lesen Sie auch"})}),(0,a.jsx)(i.i,{link:e,sizes:n,src:t,headline:s,title:l})]}):null},30923:(e,t,s)=>{e.exports=s.p+"static/img/barometer-arrow.svg"},35537:(e,t,s)=>{"use strict";s.d(t,{i:()=>m});var a=s(6029),i=s(92476),r=s(31332),l=s(60660),n=s(37856),o=s.n(n),h=s(41498),d=s(32988),c=s.n(d);let m=({link:e,headline:t,title:s,isPremiumArticle:n,isAutorRelated:d=!1,time:m})=>(0,a.jsxs)(i.Ay,{className:c()({"va-related-article flex gap-4":!0,"py-4 mb-4":!d,"mb-6":d}),href:e,children:[(0,a.jsx)("div",{className:c()({"text-skin-primary border-r-2 border-solid border-skin-primary pr-4 flex items-center":!0,"w-px-40":!d,"w-px-50":d}),children:d&&m?(0,a.jsx)("div",{className:"text-xs block text-right",children:m}):(0,a.jsx)(h.B,{src:o(),className:"text-skin-primary size-px-20"})}),(0,a.jsxs)("div",{className:"w-[calc(100% - 20px)] py-2",children:[(0,a.jsx)(l.Subline,{isDarkMode:!0,size:"small",isPremiumArticle:n,children:t}),(0,a.jsx)(r.Headline,{size:"xs",headline:s,isDarkMode:!0})]})]})},38479:(e,t,s)=>{e.exports=s.p+"static/img/barometer-needle.svg"},63364:(e,t,s)=>{e.exports=s.p+"static/img/barometer-border.svg"},75575:(e,t,s)=>{"use strict";s.r(t),s.d(t,{InlineBarometer:()=>X,default:()=>E});var a=s(6029),i=s(78653),r=s.n(i);class l{constructor(e){this.elementStart=e.selector||e.selectors.start,this.elementMove=e.selector||e.selectors.move,this.elementStop=e.selector||e.selectors.stop,this.config=e,this.bounds=e.bounds,this.radius=e.radius,this.origin=e.origin,this.onInput=e.onInput,this.isDrag=!1,this.isClick=!1,this.config.debug&&(this.elementStart.insertAdjacentHTML("afterbegin",'<div style="left: 0px;top: 0px;width: 2px;height: 2px;background-color: black;position: relative"></div>'),this.debugPoint=this.elementStart.children[0]),this.elementStart.addEventListener("mousedown",this.onClick.bind(this)),this.elementStart.addEventListener("touchstart",this.onClick.bind(this)),this.elementMove.addEventListener("mousemove",this.onDrag.bind(this)),this.elementMove.addEventListener("touchmove",this.onDrag.bind(this)),this.elementStop.addEventListener("mouseup",this.onRelease.bind(this)),this.elementStop.addEventListener("touchend",this.onRelease.bind(this)),this.elementStop.addEventListener("mouseleave",this.onRelease.bind(this)),this.elementStop.addEventListener("touchcancel",this.onRelease.bind(this))}getPos(e){let t=this.elementStart.getBoundingClientRect(),s=t.left,a=t.top;return e.pageX&&e.clientY||(e=e.changedTouches[0]),{x:e.pageX-s,y:e.clientY-a}}processInput(e,t){let s={x:e.x-this.origin.x,y:e.y-this.origin.y},a=180*Math.asin(Math.abs(s.y)/Math.hypot(Math.abs(s.x),Math.abs(s.y)))/Math.PI;s.x<0&&(a=90-a+90);let i=this.getPosOnRadius(e);this.config.debug&&(this.debugPoint.setAttribute("style",`left: ${i.x}`),this.debugPoint.setAttribute("style",`top: ${i.y}`)),this.onInput&&this.onInput(a,s,i,t)}getPosOnRadius(e){let t={x:e.x-this.origin.x,y:e.y-this.origin.y},s=Math.atan2(t.y,t.x);return{x:this.origin.x+this.radius*Math.cos(s),y:this.origin.y+this.radius*Math.sin(s)}}onClick(e){if(this.isClick=!0,e.pageX){window.eventPageX=e.pageX;return}e.preventDefault(),e.stopPropagation(),this.processInput(this.getPos(e),"click")}onDrag(e){!this.isClick||(this.isDrag=!0,window.eventPageX&&window.eventPageX==e.pageX||(e.pageX&&!window.eventPageX&&(window.eventPageX=e.pageX),e.preventDefault(),e.stopPropagation(),this.processInput(this.getPos(e),"drag")))}onRelease(e){if(("mouseleave"!==e.type||!this.config.triggers||!1!==this.config.triggers.leave)&&(this.isDrag||this.isClick)){if(window.eventPageX&&window.eventPageX==e.pageX&&this.isClick&&this.isDrag){this.isDrag=!1,this.isClick=!1;return}this.isDrag=!1,this.isClick=!1,e.preventDefault(),e.stopPropagation(),this.processInput(this.getPos(e),"release")}}}var n=s(18641),o=s(55729),h=s(64996),d=s(8345),c=s(32988),m=s.n(c),u=s(38252),x=s(31332),b=s(60660),p=s(70217),g=s(95397),f=s(63364),v=s.n(f),w=s(38479),j=s.n(w),y=s(58057),k=s(30923),M=s.n(k),N=s(41498);

1let _=0,S=!1,C=null,R=Array(36).fill(0),B=null,P=0,A=0,D=null,L=null,z=null,I=({data:e,dots:t,resultData:s,portal:i,pollId:c,page:u,isStatic:f=!1})=>{let w=`${i}Barometer_${c}`,[k,I,H]=(0,d.A)([w]),[X,E]=(0,o.useState)(!1),[T,O]=(0,o.useState)(!1),[U,Y]=(0,o.useState)(null),[G,W]=(0,o.useState)(null),[V,Z]=(0,o.useState)(null),[q,F]=(0,o.useState)(null),[J,K]=(0,o.useState)(0),[Q,ee]=(0,o.useState)(Array(36).fill(0)),[et,es]=(0,o.useState)(null),[ea,ei]=(0,o.useState)(0),[er,el]=(0,o.useState)(0),[en,eo]=(0,o.useState)(0),[eh,ed]=(0,o.useState)(0),[ec,em]=(0,o.useState)(0),[eu,ex]=(0,o.useState)(16),[eb,ep]=(0,o.useState)(null),[eg,ef]=(0,o.useState)(s&&s.total?s.total:1),ev=(0,h.A)(),[ew,ej]=(0,o.useState)(""),[ey,ek]=(0,o.useState)(0),[eM,eN]=(0,o.useState)(0),[e_,eS]=(0,o.useState)(0),eC=(0,o.useRef)(null),eR=(0,o.useRef)(null);(0,o.useRef)(null);let eB=(0,o.useRef)(null),eP=(0,o.useRef)(null),eA=(0,o.useRef)(null),eD=(0,o.useCallback)(e=>{null!==e&&window.setTimeout(()=>{let t=e.getBoundingClientRect().height,s=e.getBoundingClientRect().width;Y(t),W(s),Z(e),F(e.getBoundingClientRect()),B=e.getBoundingClientRect(),new l({selectors:{start:e,move:e,stop:e},bounds:e.getBoundingClientRect(),origin:{x:s/2,y:t},radius:s/2-5,onInput:eO.bind(void 0),triggers:{leave:!1}})},1e3)},[X,u]);(0,o.useEffect)(()=>{!f&&!X&&G&&G&&(eL(),E(!0),S=!0)},[U,G]);let eL=()=>{for(let[e,t]of Object.entries(s.votes||{})){if((e=parseInt(e))>35||e<0)continue;let s=R;s[e]=Math.max(t,0),R=s,ee(s),ei(P=Math.max(t,P))}ee(R=R.reverse()),el(A=Math.max(P/(t.length-1),1));let e=k[w];e&&(eT(e),O(!0),L=C=e,es(e),ez())},ez=()=>{eX(),e$(),eI()},eI=()=>{null!==C&&(_>30||_<6?ej("Sie haben eine starke Meinung"):_>24||_<12?ej("Sie haben eine eindeutige Meinung"):_>20||_<16?ej("Sie haben eine ausgeglichene Meinung"):ej("Sie haben eine sehr ausgeglichene Meinung"))},e$=()=>{let e="",s=Array(6);for(let a=0;a<R.length;++a){let i=Math.min(t.length-1,Math.round(Math.max(R[a],0)/A));for(let r=0;r<i;++r){let l=t[r];if(!l)break;let n=Math.round(a/(R.length/l.dots)),o=s[r],h=!1;if(o)for(let e=0;e<o.length;++e)o[e]===n&&(h=!0);else o=[];if(h){i=Math.min(t.length,i+1);continue}let d=180/l.dots*n,c=Math.sin(d*Math.PI/180),m=Math.cos(d*Math.PI/180),u=1.2*l.radius,x=Math.round(c*u),b=(B?.width||500)/2-Math.round(m*u)-5;e+=`<span class="${eY}"  style=bottom:${x}px;left:${b}px></span>`,o.push(n),s[r]=o}}eB.current.children&&eB.current.children.length&&(eB.current.innerHTML="",eB.current.innerHTML=`<span class="absolute bottom-10 left-2/3 font-skin-primary text-base">${z}%</span>`),eB.current.insertAdjacentHTML("afterbegin",e),eH()},eH=()=>{let e,t,s=C/R.length*100,a=B?.width||500,i=B?.height||400,r=1.8*s-90;ek(r);let l=Math.sin(r*Math.PI/180),n=Math.cos(r*Math.PI/180);S||(r>0?(e=l*(a/2-5)+a/2-13,t=i-n*(a/2-5)-12):r<0?(e=l*(a/2-5)+a/2-17,t=i-n*(a/2-5)-13):(e=l*(a/2-5)+a/2-15,t=i-n*(a/2-5)-15),eN(e),eS(t))},eX=()=>{let e=eE();eo(e[2]),z=e[0],ed(e[0]),em(e[1]);let t="";if(e[1]>0&&e[1]<20){let s=Math.ceil(e[1]/10);for(let e=0;e<s;e++){let s=80-10*e;0!=e&&(s-=1),t+=`<span class=${eY}  style=bottom:${s}px;left:35px></span>`}}if(e[2]>0&&e[2]<=40){let t=(B?.width||500)/2+43.5,s=Math.ceil(e[2]/10);for(let e=0;e<s;e++);}eP.current.insertAdjacentHTML("afterbegin",t)},eE=()=>{let e=0,t=0,s=0;for(let a=0;a<Q.length;a++)a>24?s+=Math.max(0,R[a]):a<12?e+=Math.max(0,R[a]):t+=Math.max(0,R[a]);return[Math.round(e/(e+t+s)*100)||0,Math.round(t/(e+t+s)*100)||0,Math.round(s/(e+t+s)*100)||0]},eT=e=>{let t=R;t[e]=t[e]?t[e]+1:1,R=t,ee(t)},eO=(t,s,a,i)=>{if(s.y<0&&"drag"===i&&eC.current.setAttribute("style",`left: ${a.x-eu}px;
2                top: ${a.y-eu}px;
3                pointer-events: none; transition: none 0s ease 0s; z-index: 15;`),s.y<0&&(eC.current.setAttribute("style",`left: ${a.x-eu}px;
4                top: ${a.y-eu}px;
5                pointer-events: none; transition: none 0s ease 0s; z-index: 15;`),K(_=R.length-Math.min(Math.round(t/180*R.length),R.length-1))),"release"===i){var r,l;if(s.y>0&&(36==_||35==_)){let e=document.getElementById("barometerMainContent").getBoundingClientRect();a.x=G||e.width-5,a.y=U||e.height-5}else if(s.y>0&&1==_){let e=document.getElementById("barometerMainContent").getBoundingClientRect();a.x=5,a.y=U||e.height-5}if(_=Math.min(Math.max(0,_),35),eN(a.x-eu),eS(a.y-eu),K(_),null!==C&&C>=0&&C<36){let e;r=C,(e=R)[r]=e[r]&&e[r]>0?e[r]=e[r]-1:0,R=e,ee(e)}else ef(eg+1);eT(_),C=_,es(_),_>=18?ep(e.articleRight||""):ep(e.articleLeft||""),T||O(!0),ez(),l=_,D&&clearTimeout(D),D=setTimeout(async()=>{let e={vote:l.toString(),pollId:c};L&&R[L]>0&&(e.voteOld=L.toString());let t=await ev("article.inlineBarometer",null,u,{},e);I(w,_,{maxAge:31104e6,path:"/",secure:"https:"===window.location.protocol,sameSite:"None"}),t&&ef(t.resultData.total),L=l},2e3)}},eU=m()({"w-8 h-8 block absolute bg-skin-primary rounded-full animate-avatar":!0,"before:w-7 before:h-7 before:block before:border-2 before:border-solid before:border-skin-white before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full":!0}),eY=m()({"w-px-7 h-px-7 rounded-full bg-skin-primary absolute":!0});return f?(0,a.jsxs)("div",{className:"va-barometer mb-9",children:[(0,a.jsx)("div",{className:"mb-4",children:(0,a.jsx)(x.Headline,{type:"article",size:"medium",headline:"Umfrage"})}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"va-barometer__header mb-6 flex flex-col items-center text-center",children:[(0,a.jsx)(b.Subline,{size:"big",children:"100 Mal abgestimmt"}),(0,a.jsx)("div",{className:"mb-1",children:(0,a.jsx)(x.Headline,{size:"medium",headline:"Was halten Sie von den neuen CO2-Vorgaben der EU?"})}),(0,a.jsx)("div",{className:"pt-2 text-skin-primary",children:(0,a.jsx)(p.Text,{size:"small",children:"Sie haben eine starke Meinung."})})]}),(0,a.jsxs)("div",{className:"va-barometer__content relative mb-9 w-full "+r().barometerContent,children:[(0,a.jsx)(N.B,{src:v(),className:"size-full text-skin-grey-medium"}),(0,a.jsxs)("div",{className:"va-barometer__arrow-container w-2/5 h-4 flex absolute -top-2.5 left-1/2 justify-between items-center -translate-x-1/2",children:[(0,a.jsx)("div",{className:"va-barometer__arrow va-barometer__arrow--left w-px-30 block h-px-18 "+r().arrowLeft,children:(0,a.jsx)(N.B,{src:M(),className:"size-full text-skin-primary"})}),(0,a.jsx)("div",{className:"va-barometer__arrow va-barometer__arrow--right block h-px-18 w-px-30 "+r().arrowRight,children:(0,a.jsx)(N.B,{src:M(),className:"size-full text-skin-primary"})})]}),(0,a.jsx)("div",{className:eU+" va-barometer__avatar",style:{to

5p:"-10px",left:"10px"}}),(0,a.jsxs)("div",{className:"absolute top-0 h-full w-1/3",children:[(0,a.jsx)("span",{className:eY,style:{bottom:"10px",left:"20px"}}),(0,a.jsx)("span",{className:"absolute bottom-10 left-2/3 font-skin-primary text-base",children:"30%"})]}),(0,a.jsx)("div",{className:"absolute left-1/3 top-0 h-full w-1/3",children:(0,a.jsx)("span",{className:"absolute left-1/2 top-20 -translate-x-1/2 font-skin-primary text-base",children:"20%"})}),(0,a.jsx)("div",{className:" absolute right-0 top-0 h-full w-1/3",children:(0,a.jsx)("span",{className:"right-2/5 absolute bottom-10 font-skin-primary text-base",children:"50%"})}),(0,a.jsx)(y.Ay,{src:j(),className:"absolute bottom-0 left-1/2 h-4/5 w-auto origin-bottom -translate-x-1/2 transition-all duration-300 ease-linear ",style:{transform:"rotate(50deg)"}}),(0,a.jsx)($,{})]})]}),(0,a.jsxs)("div",{className:"va-barometer__answers flex justify-between",children:[(0,a.jsx)("span",{className:"w-3/6 pr-2.5 text-left font-skin-primary text-sm",children:"\xdcberf\xe4llig. Die Hersteller m\xfcssen endlich sauberere Autos bauen."}),(0,a.jsx)("span",{className:"w-3/6 pl-2.5 text-right font-skin-primary text-sm",children:"Zu strikt. Das bringt unsere Autoindustrie in Gefahr."})]})]}):(0,a.jsxs)("div",{className:"va-barometer mb-9",children:[(0,a.jsx)(g.G,{firstHalf:eR,total:eg,data:e,isAnswered:T,showText:ew}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"va-barometer__content relative mb-9 w-full "+r().barometerContent,ref:eD,id:"barometerMainContent",children:[(0,a.jsx)(N.B,{src:v(),className:"size-full text-skin-grey-light"}),T?null:(0,a.jsxs)("div",{className:"va-barometer__arrow-container w-2/5 flex absolute -top-2.5 left-1/2 justify-between items-center -translate-x-1/2",children:[(0,a.jsx)("div",{className:"va-barometer__arrow va-barometer__arrow--left w-px-30 block h-px-18 "+r().arrowLeft,children:(0,a.jsx)(N.B,{src:M(),className:"size-full text-skin-primary"})}),(0,a.jsx)("div",{className:"va-barometer__arrow va-barometer__arrow--right block h-px-18 w-px-30 "+r().arrowRight,children:(0,a.jsx)(N.B,{src:M(),className:"size-full text-skin-primary"})})]}),T?(0,a.jsx)("div",{ref:eC,className:eU+" va-barometer__avatar",style:{top:`${e_}px`,left:`${eM}px`}}):(0,a.jsx)("div",{ref:eC,className:eU+" va-barometer__avatar",style:{top:"-10px",left:`${G/2-16}px`}}),(0,a.jsx)("div",{className:"absolute top-0 h-full w-1/3",ref:eB,children:T?(0,a.jsxs)("span",{className:"absolute bottom-10 left-2/3 font-skin-primary text-sm",children:[eh,"%"]}):null}),(0,a.jsx)("div",{className:"absolute left-1/3 top-0 h-full w-1/3",ref:eP,children:T?(0,a.jsxs)("span",{className:"absolute left-1/2 top-20 -translate-x-1/2 font-skin-primary text-sm",children:[ec,"%"]}):null}),(0,a.jsx)("div",{className:" absolute right-0 top-0 h-full w-1/3",ref:eA,children:T?(0,a.jsxs)("span",{className:"right-2/5 absolute bottom-10 font-skin-primary text-sm",children:[en,"%"]}):null}),(0,a.jsx)(y.Ay,{src:j(),className:`w-auto h-4/5 absolute left-1/2 -translate-x-1/2 bottom-0 transition-all duration-300 ease-linear origin-bottom  ${T?"-ml-px-7":""}`,style:T?{transform:`rotate(${ey}deg)`}:{}}),(0,a.jsx)($,{})]}),(0,a.jsxs)("div",{className:"va-barometer__answers mb-9 flex justify-between",children:[(0,a.jsx)("span",{className:"w-3/6 pr-2.5 text-left font-skin-primary text-sm",children:e&&e.answerLeft?e.answerLeft:""}),(0,a.jsx)("span",{className:"w-3/6 pl-2.5 text-right font-skin-primary text-sm",children:e&&e.answerRight?e.answerRight:""})]}),T?(0,a.jsx)(n.A,{headline:eb?.headline,url:eb?.url,title:eb?.title,image:eb?.image}):null]})]})},$=()=>{let{project:e}=(0,o.useContext)(u.HP),t=m()({"absolute -bottom-px-20 left-1/2 w-9 h-9 rounded-full border-2 border-skin-white border-solid -translate-x-1/2 flex justify-center items-center":!0});switch(String(e).toUpperCase()){case"AMS":case"CAR":return(0,a.jsx)("div",{className:t+" bg-skin-primary"});case"PRO":return(0,a.jsx)("div",{className:t+" bg-skin-secondary"});case"MH":return(0,a.jsx)("div",{className:t+" bg-skin-primary text-skin-white"});default:return(0,a.jsx)("div",{className:"-bottom-px-20 absolute left-1/2 w-9 h-9 bg-skin-primary rounded-full border-2 border-skin-white border-solid -translate-x-1/2"})}};var H=s(23661);let X=({data:e,dots:t,resultData:s,pollId:i,portal:r,page:l,divId:n})=>i?(0,a.jsx)("div",{className:"px-4 lg:px-0",id:n,...(0,H.h)("barometer"),children:(0,a.jsx)(I,{data:e,dots:t,resultData:s,pollId:i,portal:r,page:l,isStatic:!1})}):null,E=X},78653:e=>{e.exports={"arrow-left":"inlineBarometer_arrow-left__O7vYt",arrowLeft:"inlineBarometer_arrow-left__O7vYt","arrow-right":"inlineBarometer_arrow-right__32e

5cW",arrowRight:"inlineBarometer_arrow-right__32ecW","barometer-content":"inlineBarometer_barometer-content__l214u",barometerContent:"inlineBarometer_barometer-content__l214u"}},95397:(e,t,s)=>{"use strict";s.d(t,{G:()=>n});var a=s(6029),i=s(31332),r=s(60660),l=s(70217);let n=({firstHalf:e,total:t,data:s,isAnswered:n=!1,showText:o})=>(0,a.jsxs)("div",{className:"va-barometer-header mb-9",children:[(0,a.jsx)("div",{className:"mb-4",children:(0,a.jsx)(i.Headline,{type:"article",size:"medium",headline:"Umfrage",isDarkMode:!0})}),(0,a.jsx)("div",{ref:e,className:"mb-1",children:(0,a.jsx)(i.Headline,{size:"small",headline:s&&s.title?s.title:"title",noBold:!0,isDarkMode:!0})}),(0,a.jsxs)(r.Subline,{size:"small",useDangerousHTML:!1,isDarkMode:!0,children:[t," Mal abgestimmt"]}),n?(0,a.jsx)("div",{className:"pt-2 text-skin-primary",children:(0,a.jsx)(l.Text,{isDarkMode:!0,size:"small",dangerouslySetInnerHTML:{__html:o}})}):null]})}}]);