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

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24450],{98644:(e,t,r)=>{"use strict";r.r(t),r.d(t,{VariousWidecolMehrtanken:()=>$,default:()=>I});var i=r(6029),l=r(55729),n=r(98748),a=r.n(n),s=r(32988),d=r.n(s),c=r(12086),o=r(31332),u=r(70217),g=r(81163);let p=(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 m=r(30507),h=r(58376),f=r(72576);let x=/^(\d{4})-(\d{2})-(\d{2})/,k={up:"▲",down:"▼",flat:"\xb1"};function b(e){let t=x.exec(String(e??""));return t?`${t[3]}.${t[2]}.`:""}function y(e){return Array.isArray(e)?e.map(e=>({dayKey:function(e){if(e instanceof Date)return Number.isNaN(e.getTime())?null:e.toISOString().slice(0,10);let t=x.exec(String(e??""));return t?`${t[1]}-${t[2]}-${t[3]}`:null}(e?.date),price:parseFloat(e?.price)})).filter(e=>e.dayKey&&!Number.isNaN(e.price)):[]}function _(e){return y(e).reduce((e,t)=>!e||t.dayKey>e.dayKey?t:e,null)}var w=r(71024);let j=r.n(w)()(()=>Promise.all([r.e(78743),r.e(56335),r.e(62802)]).then(r.bind(r,40421)),{loadableGenerated:{webpack:()=>[40421]},ssr:!1}),v=new Intl.NumberFormat("de-DE"),T=({initialIsElectric:e=!1,links:t})=>{let r=p(e=>e),[n,s]=(0,l.useState)(e),m=(0,f.w)(),x=n?"Lades\xe4ulen Statistiken Deutschland":"Spritpreis Statistiken Deutschland",k=n?"pr\xe4sentiert von":"pr\xe4sentiert von mehr-tanken",b=n?"going-electric":"mt",y=n?"goingelectric.de":"mehr-tanken.de",_=n?"https://www.goingelectric.de/":"https://www.mehr-tanken.de/",w=n?t?.mehrLadenUrl:t?.mehrTankenUrl;return(0,i.jsx)("div",{className:"p-4 lg:col-span-2 lg:px-0 lg:py-8",...m&&{"data-upscore-object-id":""},children:(0,i.jsx)(h.yI,{visible:!0,name:"mt.widget",children:(0,i.jsxs)(h.yI,{visible:!0,click:!0,name:"widget_tanken",children:[(0,i.jsx)("div",{className:"mb-6",children:(0,i.jsx)(o.Headline,{type:"list",size:"medium",headline:x,poweredByLink:_,text:k,logo:b,isDarkMode:!0,upscoreTitle:m})}),(0,i.jsxs)("fieldset",{className:d()({"flex mb-4 space-x-4":!0,[a().fieldElectric]:n}),children:[(0,i.jsx)(N,{isFuel:!0,checked:!n,onChange:s.bind(void 0,!1)}),(0,i.jsx)(N,{isFuel:!1,checked:n,onChange:s.bind(void 0,!0)})]}),!n&&(0,i.jsx)(C,{}),(0,i.jsxs)("div",{className:"mb-4 flex flex-wrap gap-4 lg:flex-nowrap",children:[(0,i.jsxs)("div",{className:"flex w-full gap-4 text-center lg:w-1/2",children:[(0,i.jsx)(F,{isElectric:n,position:"left"}),(0,i.jsx)(F,{isElectric:n,position:"right"})]}),(0,i.jsx)("div",{className:"w-full lg:w-1/2 lg:pl-4",children:(0,i.jsx)(F,{isElectric:n,isGraphContainer:!0})})]}),(0,i.jsxs)("div",{className:"lg:flex lg:justify-between",children:[(0,i.jsxs)("div",{className:"mb-2 lg:mb-0 "+a().textColor,children:[(0,i.jsxs)(u.Text,{size:"small",children:["Quelle: ",y]}),(0,i.jsx)(u.Text,{size:"small",children:function(){try{let e=n?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 n||(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,i.jsx)(g.Button,{text:"Weitere Statistiken",icon:"arrow",link:w,upscoreUrl:m})]})]})})})},N=({isFuel:e,checked:t=!1,onChange:r=()=>{}})=>(0,i.jsxs)("div",{className:"va-fuel-widget-button w-1/2 "+a().button,children:[(0,i.jsx)("input",{className:"hidden",type:"checkbox",id:e?"kraftstoff":"strom",checked:t,onChange:r}),(0,i.jsx)("label",{className:"inline-flex cursor-pointer justify-center items-center w-full font-skin-primary text-sm text-skin-primary rounded-full border border-skin-primary border-solid "+a().buttonPadding,htmlFor:e?"kraftstoff":"strom",children:e?"Kraftstoff":"Strom"})]}),D={up:"text-skin-mt-red",down:"text-skin-mt-green",flat:"text-skin-grey-dark dark:text-skin-darkmode-grey-light"},F=({isGraphContainer:e=!1,isElectric:t,position:r})=>{let{electric:l,fuelPrices:n,selectedFuel:s}=p(e=>({electric:e.electric,fuelPrices:e.fuelPrices,selectedFuel:e.selectedFuel})),c=n?.find(e=>e.fuelTypeId===s),g=t||"left"!==r?null:function(e){let t,r=_(e);if(!r)return null;let i=function(e){var t;let r=_(e);if(!r)return null;let i=(t=function(e){let t=x.exec(String(e??""));if(!t)return null;let[,r,i,l]=t.map(Number);return new Date(Date.UTC(r,i-1,l+-7)).toISOString().slice(0,10)}(r.dayKey),y(e).find(e=>e.dayKey===t)||null);if(!i)return null;let l=Math.round(1e3*r.price)-Math.round(1e3*i.price),n=Math.sign(l)*Math.round(Math.abs(l)/10);return{cents:Math.abs(n),direction:n>0?"up":n<0?"down":"flat"}}(e);return{price:Number.isNaN(t=parseFloat(r.price))?"":`${t.toFixed(3).replace(".",",")} €`,subline:`Durchschnittspreis gestern (${b(r.dayKey)})`,trend:i?{...i,text:i?`${k[i.direction]} ${i.cents} Cent gg\xfc. Vorwoche`:""}:null}}(c?.raw),m=t||"right"===r?"green":"blue",h=t?"Deutschland":"left"

1===r?g?.subline||"Durchschnittspreis gestern":"G\xfcnstigster Zeitpunkt zum Tanken";return(0,i.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,[a().headlineBlue]:"blue"===m,[a().headlineGreen]:"green"===m}),children:e?(0,i.jsx)(S,{isElectric:t}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Headline,{isDarkMode:!0,size:"medium",headline:function(){if(t)if("left"===r)return`${v.format(l?.chargingPoints?.[0]?.count)} Ladepunkte`;else return`${v.format(l?.permits?.[0]?.count)} E-Fahrzeuge`;return"left"===r?g?.price||"":"Vor 12 Uhr"}()}),(0,i.jsx)("div",{className:"text-skin-grey-dark dark:text-skin-darkmode-grey-light",children:(0,i.jsx)(u.Text,{size:"small",isDarkmode:!0,children:h})}),g?.trend?(0,i.jsx)("div",{className:D[g.trend.direction],children:(0,i.jsx)(u.Text,{size:"xs",children:g.trend.text})}):null]})})},S=({isElectric:e})=>{let{electric:t,fuelPrices:r,selectedFuel:n}=p(e=>({electric:e.electric,fuelPrices:e.fuelPrices,selectedFuel:e.selectedFuel})),a=(0,m.A)(e=>e.isDarkMode),s=l.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"});s=(0,i.jsx)(j,{options:{responsive:!0,plugins:{legend:{display:!1},title:{display:!0,text:"Entwicklung Ladepunkte in Deutschland",color:a?"white":"black"}},scales:{x:{grid:{display:!1,drawTicks:!0},ticks:{color:a?"rgb(194,194,194)":"black"}},y:{grid:{display:!1,drawTicks:!0},ticks:{color:a?"rgb(194,194,194)":"black",callback:function(e){return`${v.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===n);if(e){let t=e?.raw?.toReversed()||[];s=(0,i.jsx)(j,{options:{responsive:!0,plugins:{legend:{display:!1},title:{display:!0,text:"Preisverlauf der letzten 28 Tage"},tooltip:{callbacks:{title:function(e){var r;let i;return r=t[e[0]?.dataIndex]?.date,(i=x.exec(String(r??"")))?`${i[3]}.${i[2]}.${i[1].slice(2)}`:""},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){let t;return`${Number.isNaN(t=parseFloat(e))?"":`${t.toFixed(2).replace(".",",")} €`} `}}}}},data:{labels:t.map(e=>b(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,i.jsx)("div",{className:"size-full",children:s})},C=()=>{let e=p(e=>e.selectedFuel),t=p(e=>e.setSelectedFuel);return(0,i.jsxs)("div",{className:"flex gap-2 lg:justify-between mb-4 w-full lg:w-1/2 "+a().tabs,children:[(0,i.jsx)(g.Button,{text:"Diesel",style:"diesel"===e?"primary":"primaryInverted",onClick:()=>t("diesel")}),(0,i.jsx)(g.Button,{text:"Super E5",style:"s95_e5"===e?"primary":"primaryInverted",onClick:()=>t("s95_e5")}),(0,i.jsx)(g.Button,{text:"Super E10",style:"s95_e10"===e?"primary":"primaryInverted",onClick:()=>t("s95_e10")})]})};var E=r(65253);let $=({links:e,tab:t,data:r})=>{let n=p();return(0,l.useEffect)(()=>{n.setData(r)},[]),(0,i.jsx)(E.p,{children:(0,i.jsx)(T,{initialIsElectric:"kraftstoff"!==t,links:e,data:r})})},I=$},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"}}}]);