https://www.outdoor-magazin.com/_next/static/chunks/articleinlinesurvey.502112c25df9d456.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10813],{18641:(e,l,s)=>{"use strict";s.d(l,{A:()=>a});var r=s(6029),i=s(35537),t=s(31332);let a=({url:e,image:l,headline:s,title:a,sizes:n})=>s?(0,r.jsxs)("div",{className:"va-survey-more mb-9",children:[(0,r.jsx)("div",{className:"mb-2",children:(0,r.jsx)(t.Headline,{size:"smallestArticle",headline:"Lesen Sie auch"})}),(0,r.jsx)(i.i,{link:e,sizes:n,src:l,headline:s,title:a})]}):null},35537:(e,l,s)=>{"use strict";s.d(l,{i:()=>m});var r=s(6029),i=s(92476),t=s(31332),a=s(60660),n=s(37856),o=s.n(n),d=s(41498),u=s(32988),c=s.n(u);let m=({link:e,headline:l,title:s,isPremiumArticle:n,isAutorRelated:u=!1,time:m})=>(0,r.jsxs)(i.Ay,{className:c()({"va-related-article flex gap-4":!0,"py-4 mb-4":!u,"mb-6":u}),href:e,children:[(0,r.jsx)("div",{className:c()({"text-skin-primary border-r-2 border-solid border-skin-primary pr-4 flex items-center":!0,"w-px-40":!u,"w-px-50":u}),children:u&&m?(0,r.jsx)("div",{className:"text-xs block text-right",children:m}):(0,r.jsx)(d.B,{src:o(),className:"text-skin-primary size-px-20"})}),(0,r.jsxs)("div",{className:"w-[calc(100% - 20px)] py-2",children:[(0,r.jsx)(a.Subline,{isDarkMode:!0,size:"small",isPremiumArticle:n,children:l}),(0,r.jsx)(t.Headline,{size:"xs",headline:s,isDarkMode:!0})]})]})},71712:e=>{e.exports={"background-color":"inlineSurvey_background-color__CsPFA",backgroundColor:"inlineSurvey_background-color__CsPFA","border-color":"inlineSurvey_border-color__8ThBc",borderColor:"inlineSurvey_border-color__8ThBc","text-color":"inlineSurvey_text-color__Pdt5e",textColor:"inlineSurvey_text-color__Pdt5e",option:"inlineSurvey_option__uKp8W",image:"inlineSurvey_image__o2y8Z"}},95397:(e,l,s)=>{"use strict";s.d(l,{G:()=>n});var r=s(6029),i=s(31332),t=s(60660),a=s(70217);let n=({firstHalf:e,total:l,data:s,isAnswered:n=!1,showText:o})=>(0,r.jsxs)("div",{className:"va-barometer-header mb-9",children:[(0,r.jsx)("div",{className:"mb-4",children:(0,r.jsx)(i.Headline,{type:"article",size:"medium",headline:"Umfrage",isDarkMode:!0})}),(0,r.jsx)("div",{ref:e,className:"mb-1",children:(0,r.jsx)(i.Headline,{size:"small",headline:s&&s.title?s.title:"title",noBold:!0,isDarkMode:!0})}),(0,r.jsxs)(t.Subline,{size:"small",useDangerousHTML:!1,isDarkMode:!0,children:[l," Mal abgestimmt"]}),n?(0,r.jsx)("div",{className:"pt-2 text-skin-primary",children:(0,r.jsx)(a.Text,{isDarkMode:!0,size:"small",dangerouslySetInnerHTML:{__html:o}})}):null]})},97851:(e,l,s)=>{"use strict";s.r(l),s.d(l,{InlineSurvey:()=>y,default:()=>b});var r=s(6029),i=s(71712),t=s.n(i),a=s(18641),n=s(55729),o=s(64996),d=s(8345),u=s(32988),c=s.n(u),m=s(58057),x=s(95397);let v=({data:e,resultsRaw:l,results:s,showResults:i,portal:t,pollId:u,page:c})=>{let m=`${t}Survey_${u}`,[v,p]=(0,d.A)([m]),y=(0,o.A)(),[b,_]=(0,n.useState)(null),[j,g]=(0,n.useState)(!1),[f,k]=(0,n.useState)(l?.total||0),[w,N]=(0,n.useState)(!1),S=[];s&&s.length&&s.map((e,l)=>{S.push(e.barWidth)});let[z,A]=(0,n.useState)(S);if((0,n.useEffect)(()=>{let e=v[m];e&&"string"==typeof e&&!w&&(N(!0),_(e),C())},[]),!e||!s)return null;let C=async()=>{let e=await y("article.inlineSurvey",null,c,{showResult:!0},{pollId:u});if(e){N(!0),g(e.showResults),k(e.resultsRaw?.total||0);let l=[];e.results&&e.results.length&&e.results.map((e,s)=>{l.push(e.barWidth)}),A(l)}},M=async(e,l)=>{if(w)return;e.preventDefault(),_(l),p(m,l,{maxAge:31104e6,path:"/",secure:!0,sameSite:"None"});let s={vote:l.toString(),pollId:u},r=await y("article.inlineSurvey",null,c,{},s);if(r){N(!0),g(r.showResults),k(r.resultsRaw?.total||0);let e=[];r.results&&r.results.length&&r.results.map((l,s)=>{e.push(l.barWidth)}),A(e)}},D=j&&s?.[b]?.raw?.Antwort_Artikel;return(0,r.jsxs)("div",{className:"va-inline-survey mb-9",children:[(0,r.jsx)(x.G,{total:f,data:e}),(0,r.jsxs)("div",{className:"va-inline-survey__options flex flex-col",children:[s&&s.length?s.map((e,l)=>(0,r.jsx)(h,{active:b==l,text:e.name,showResults:j,width:z[l],number:l,click:M,image:e.image},`survey-item-${l}`)):null,j?(0,r.jsx)("div",{className:"mt-2",children:(0,r.jsx)(a.A,{headline:D?.overline,url:D?.url,sizes:["inlineSurvey"],title:D?.headline,image:D?.image})}):null]})]})},h=({text:e="",active:l=!1,showResults:s=!1,width:i=0,click:a=null,number:n=0,image:o=null})=>(0,r.jsxs)("div",{className:c()({"va-survey-option border border-solid mb-2 flex pr-2.5 relative cursor-pointer":!0,[t().option]:!0,[t().borderColor]:!l,"va-survey-option--image":!!o,"border-skin-primary":l}),onClick:e=>a(e,n),children:[!!o&&(0,r.jsx)("div",{className:"flex-grow-1 flex items-center",children:(0,r.jsx)("span",{className:"va-survey-option__image block overflow-hidden "+t().image,children:(0,r.jsx)(m._V,{className:"w-full",elementId:"inlineSurvey",src:o})})}),(0,r.jsxs)("div",{className:"flex-grow-1 flex relative flex-row justify-between items-center pl-2.5 w-full",children:[(0,r.jsx)("div",{className:c()({"va-survey-option__text relative z-10 py-2 font-skin-primary text-xs":!0,[t().textColor]:!0}),children:e}),s?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"va-survey-option__percentage relative z-10 font-skin-primary text-base font-bold",children:[i,"%"]}),(0,r.jsx)("div",{className:c()({"va-survey-option__bar absolute top-0 left-0 h-full":!0,[t().backgroundColor]:!l,"bg-skin-primary":l}),style:{width:`${i}%`}})]}):null]})]});var p=s(23661);let y=({pollId:e,resultsRaw:l,data:s,results:i,showResults:t,portal:a,page:n,divId:o})=>e?(0,r.jsx)("div",{...(0,p.h)("survey"),className:"px-4 lg:px-0",id:o,children:(0,r.jsx)(v,{data:s,resultsRaw:l,results:i,showResults:t,portal:a,pollId:e,page:n})}):null,b=y}}]);