https://www.outdoor-magazin.com/_next/static/chunks/variouswidecolmehrtanken.b27a86c069fe672c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24450],{47640:(e,t,r)=>{"use strict";r.r(t),r.d(t,{VariousWidecolMehrtanken:()=>T,default:()=>F});var l=r(6029),i=r(55729),a=r(98748),s=r.n(a),n=r(32988),d=r.n(n),c=r(12086),o=r(31332),u=r(70217),g=r(81163);let m=(0,r(29784).vt)(e=>({kraftstoff:{averagePrice:{s95_e5:1,s95_e10:1,diesel:1},cheapestHour:{s95_e5:22,s95_e10:22,diesel:22},cheapestDay:{s95_e5:"Freitag",s95_e10:"Freitag",diesel:"Freitag"},cheapestBrand:{s95_e5:"ED",s95_e10:"ED",diesel:"ED"}},electric:{chargingPoints:[],permits:[]},selectedFuel:"diesel",recommendation:{},setSelectedFuel:t=>e(()=>({selectedFuel:t})),setData:t=>e(()=>t)}));var p=r(30507),h=r(58376),f=r(72576),x=r(71024);let k=r.n(x)()(()=>Promise.all([r.e(78743),r.e(56335),r.e(62802)]).then(r.bind(r,40421)),{loadableGenerated:{webpack:()=>[40421]},ssr:!1}),b=new Intl.NumberFormat("de-DE"),_=({initialIsElectric:e=!1,links:t})=>{let r=m(e=>e),[a,n]=(0,i.useState)(e),p=(0,f.w)(),x=a?"Lades\xe4ulen Statistiken Deutschland":"Spritpreis Statistiken Deutschland",k=a?"pr\xe4sentiert von":"pr\xe4sentiert von mehr-tanken",b=a?"going-electric":"mt",_=a?"goingelectric.de":"mehr-tanken.de",j=a?"https://www.goingelectric.de/":"https://www.mehr-tanken.de/",D=a?t?.mehrLadenUrl:t?.mehrTankenUrl;return(0,l.jsx)("div",{className:"lg:col-span-2 px-4 lg:px-0 py-4 lg:py-8",...p&&{"data-upscore-object-id":""},children:(0,l.jsx)(h.yI,{visible:!0,name:"mt.widget",children:(0,l.jsxs)(h.yI,{visible:!0,click:!0,name:"widget_tanken",children:[(0,l.jsx)("div",{className:"mb-6",children:(0,l.jsx)(o.Headline,{type:"list",size:"medium",headline:x,poweredByLink:j,text:k,logo:b,isDarkMode:!0,upscoreTitle:p})}),(0,l.jsxs)("fieldset",{className:d()({"flex mb-4 space-x-4":!0,[s().fieldElectric]:a}),children:[(0,l.jsx)(w,{isFuel:!0,checked:!a,onChange:n.bind(void 0,!1)}),(0,l.jsx)(w,{isFuel:!1,checked:a,onChange:n.bind(void 0,!0)})]}),!a&&(0,l.jsx)(v,{}),(0,l.jsxs)("div",{className:"flex flex-wrap lg:flex-nowrap gap-4 mb-4",children:[(0,l.jsxs)("div",{className:"flex gap-4 w-full lg:w-1/2 text-center",children:[(0,l.jsx)(y,{isElectric:a,position:"left"}),(0,l.jsx)(y,{isElectric:a,position:"right"})]}),(0,l.jsx)("div",{className:"lg:pl-4 w-full lg:w-1/2",children:(0,l.jsx)(y,{isElectric:a,isGraphContainer:!0})})]}),(0,l.jsxs)("div",{className:"lg:flex lg:justify-between",children:[(0,l.jsxs)("div",{className:"mb-2 lg:mb-0 "+s().textColor,children:[(0,l.jsxs)(u.Text,{size:"small",children:["Quelle: ",_]}),(0,l.jsx)(u.Text,{size:"small",children:function(){try{let e=a?r?.electric?.permits?.[0]?.date:r?.fuelPrices?.[0]?.raw?.[0]?.date,t=`Stand: ${(0,c.default)(new Date(e||new Date),"dd.MM.yyyy")}`;return a||(t="Berechnung g\xfcnstigster Zeitpunkt auf Grundlage der letzten 30 Tage. "+t),t}catch(e){return"Berechnung g\xfcnstigster Zeitpunkt auf Grundlage der letzten 30 Tage."}}()})]}),(0,l.jsx)(g.Button,{text:"Weitere Statistiken",icon:"arrow",link:D,upscoreUrl:p})]})]})})})},w=({isFuel:e,checked:t=!1,onChange:r=()=>{}})=>(0,l.jsxs)("div",{className:"va-fuel-widget-button w-1/2 "+s().button,children:[(0,l.jsx)("input",{className:"hidden",type:"checkbox",id:e?"kraftstoff":"strom",checked:t,onChange:r}),(0,l.jsx)("label",{className:"inline-flex justify-center items-center w-full font-skin-primary text-sm text-skin-primary rounded-full border border-skin-primary border-solid "+s().buttonPadding,htmlFor:e?"kraftstoff":"strom",children:e?"Kraftstoff":"Strom"})]}),y=({isGraphContainer:e=!1,isElectric:t,position:r})=>{let{electric:i,fuelPrices:a,selectedFuel:n,recommendation:c}=m(e=>({electric:e.electric,fuelPrices:e.fuelPrices,selectedFuel:e.selectedFuel,recommendation:e.recommendation})),g=t||"right"===r?"green":"blue";return(0,l.jsx)("div",{className:d()({"border border-solid border-skin-grey-medium p-2 flex flex-col items-center justify-center":!0,"aspect-square w-1/2 space-y-1":!e,"relative h-full":e,[s().headlineBlue]:"blue"===g,[s().headlineGreen]:"green"===g}),children:e?(0,l.jsx)(j,{isElectric:t}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(o.Headline,{isDarkMode:!0,size:"medium",headline:function(){if(t)if("left"===r)return`${b.format(i?.chargingPoints?.[0]?.count)} Ladepunkte`;else return`${b.format(i?.permits?.[0]?.count)} E-Fahrzeuge`;let e=a?.find(e=>e.fuelTypeId===n);if(!e)return"";if("left"===r)return`${parseFloat(e.avg).toFixed(3).replace(".",",")} €`;{let e=c?.[n];if(!e)return"";let t=new Intl.DateTimeFormat("de-DE",{weekday:"long",hour:"2-digit"});return`${t.format(new Date(e.low))}`}}()}),(0,l.jsx)("div",{className:"text-skin-grey-dark",children:(0,l.jsx)(u.Text,{size:"small",isDarkmode:!0,children:t?"Deutschland":"left"

1===r?"Durchschnittsliterpreis Deutschland":"G\xfcnstigster Zeitpunkt"})})]})})},j=({isElectric:e})=>{let{electric:t,fuelPrices:r,selectedFuel:a}=m(e=>({electric:e.electric,fuelPrices:e.fuelPrices,selectedFuel:e.selectedFuel})),s=(0,p.A)(e=>e.isDarkMode),n=i.Fragment;if(e){let e=(t?.chargingPoints||[]).map(e=>({count:e.count,date:e.date})).toReversed(),r=new Intl.DateTimeFormat("de-DE",{month:"short",year:"2-digit"});n=(0,l.jsx)(k,{options:{responsive:!0,plugins:{legend:{display:!1},title:{display:!0,text:"Entwicklung Ladepunkte in Deutschland",color:s?"white":"black"}},scales:{x:{grid:{display:!1,drawTicks:!0},ticks:{color:s?"rgb(194,194,194)":"black"}},y:{grid:{display:!1,drawTicks:!0},ticks:{color:s?"rgb(194,194,194)":"black",callback:function(e){return`${b.format(e)}  `}}}}},data:{labels:e.map(e=>r.format(new Date(e.date))),datasets:[{data:e.map(e=>e.count),borderColor:"#83b860",backgroundColor:"rgba(0, 0, 0, 0)",pointBorderColor:"rgba(0, 0, 0, 0)"}]}})}else{let e=r?.find(e=>e.fuelTypeId===a);if(e){let t=e?.raw?.toReversed()||[],r=new Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"2-digit"});n=(0,l.jsx)(k,{options:{responsive:!0,plugins:{legend:{display:!1},title:{display:!0,text:"Preisverlauf der letzten 28 Tage"},tooltip:{callbacks:{label:function(e){return`${parseFloat(e.parsed.y).toFixed(3).replace(".",",")} € `}}}},scales:{x:{grid:{display:!1,drawTicks:!0}},y:{grid:{display:!1,drawTicks:!0},ticks:{callback:function(e){return`${parseFloat(e).toFixed(3).replace(".",",")} € `}}}}},data:{labels:t.map(e=>r.format(new Date(e.date))),datasets:[{data:t.map(e=>e.price),borderColor:"rgb(33, 150, 243)",backgroundColor:"rgba(0, 0, 0, 0)",pointBorderColor:"rgba(0, 0, 0, 0)"}]}})}}return(0,l.jsx)("div",{className:"w-full h-full",children:n})},v=()=>{let e=m(e=>e.selectedFuel),t=m(e=>e.setSelectedFuel);return(0,l.jsxs)("div",{className:"flex gap-2 lg:justify-between mb-4 w-full lg:w-1/2 "+s().tabs,children:[(0,l.jsx)(g.Button,{text:"Diesel",style:"diesel"===e?"primary":"primaryInverted",onClick:()=>t("diesel")}),(0,l.jsx)(g.Button,{text:"Super E5",style:"s95_e5"===e?"primary":"primaryInverted",onClick:()=>t("s95_e5")}),(0,l.jsx)(g.Button,{text:"Super E10",style:"s95_e10"===e?"primary":"primaryInverted",onClick:()=>t("s95_e10")})]})};var D=r(65253);let T=({links:e,tab:t,data:r})=>{let a=m();return(0,i.useEffect)(()=>{a.setData(r)},[]),(0,l.jsx)(D.p,{children:(0,l.jsx)(_,{initialIsElectric:"kraftstoff"!==t,links:e,data:r})})},F=T},98748:e=>{e.exports={"text-color":"mehrTankenWidget_text-color__eWiaI",textColor:"mehrTankenWidget_text-color__eWiaI","field-electric":"mehrTankenWidget_field-electric__SZR_R",fieldElectric:"mehrTankenWidget_field-electric__SZR_R",button:"mehrTankenWidget_button___fweL",tabs:"mehrTankenWidget_tabs__pOs4I","headline-blue":"mehrTankenWidget_headline-blue__DK3m0",headlineBlue:"mehrTankenWidget_headline-blue__DK3m0","headline-green":"mehrTankenWidget_headline-green__5ZKOT",headlineGreen:"mehrTankenWidget_headline-green__5ZKOT","button-padding":"mehrTankenWidget_button-padding__UaLXP",buttonPadding:"mehrTankenWidget_button-padding__UaLXP"}}}]);