https://www.xn--lnekalkulator1-lib.no/_next/static/chunks/393.f8b2ed288f5c0b35.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[393],{18393:(t,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>P});var l=i(37876),a=i(14232),o=i(89099),r=i(92781),s=i(55535),n=i(60004);i(95234);var d=i(43225),c=i.n(d),p=i(50400),u=i.n(p);r.wn;let x=["hideTitles"],f=[],h={root:["root","title","subtitle","chartDiv"],title:["title"],subtitle:["subtitle"],chartDiv:["chartDiv"]};function m(t){let e=function(e){let{variants:i,args:l,overrides:d}=a.useMemo(()=>(0,r.ug)(e,{name:t,descendantNames:h[t],internalArgPropNames:f,internalVariantPropNames:x}),[e,t]);return function(t){let{variants:e,overrides:i,forNode:l}=t,d={...a.useMemo(()=>Object.assign({},Object.fromEntries(Object.entries(t.args).filter(t=>{let[e,i]=t;return void 0!==i}))),[t.args]),...e};try{(0,o.useRouter)()}catch(t){}let p=(null===s.$Q||void 0===s.$Q?void 0:(0,s.$Q)())||{},x=a.useRef({}).current,f=a.useMemo(()=>[{path:"hideTitles",type:"private",variableType:"variant",initFunc:t=>{let{$props:e,$state:i,$queries:l,$q:a,$ctx:o}=t;return e.hideTitles}}],[d,p,x]),h=(0,r.p5)(f,{$props:d,$ctx:p,$queries:{},$q:{},$refs:x}),m=(0,n.o)();return(0,r.wn)("div",{"data-plasmic-name":"root","data-plasmic-override":i.root,"data-plasmic-root":!0,"data-plasmic-for-node":l,className:(0,r.xW)(c().all,c().root_reset,c().plasmic_default_styles,c().plasmic_mixins,m,u().root,{[u().roothideTitles]:(0,r.iM)(h,"hideTitles","hideTitles")})},(0,r.wn)("div",{"data-plasmic-name":"title","data-plasmic-override":i.title,className:(0,r.xW)(c().all,c().__wab_text,u().title,{[u().titlehideTitles]:(0,r.iM)(h,"hideTitles","hideTitles")})},"Renter vs. avdrag over tid"),(0,r.wn)("div",{"data-plasmic-name":"subtitle","data-plasmic-override":i.subtitle,className:(0,r.xW)(c().all,c().__wab_text,u().subtitle,{[u().subtitlehideTitles]:(0,r.iM)(h,"hideTitles","hideTitles")})},"Viser akkumulerte renter og avdrag gjennom l\xe5nets l\xf8petid."),(0,r.wn)("div",{"data-plasmic-name":"chartDiv","data-plasmic-override":i.chartDiv,className:(0,r.xW)(c().all,u().chartDiv)}))}({variants:i,args:l,overrides:d,forNode:t})};return"root"===t?e.displayName="PlasmicChartCumulative":e.displayName="PlasmicChartCumulative.".concat(t),e}let v=Object.assign(m("root"),{title:m("title"),subtitle:m("subtitle"),chartDiv:m("chartDiv"),internalVariantProps:x,internalArgProps:f});var g=i(48036),b=i(34007),y=i(31462),j=i(4069),k=i(40570),C=i(25493),T=i(67362),w=i(91159),_=i(46976),W=i(80745);let B=t=>{let{payload:e}=t;return(0,l.jsx)("div",{style:{display:"flex",justifyContent:"left",gap:"6px",flexWrap:"wrap"},children:e.map((t,e)=>(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"8px",padding:"6px 14px",backgroundColor:"#f8fafc",borderRadius:"20px",border:"1px solid #e2e8f0"},children:[(0,l.jsx)("div",{style:{width:"12px",height:"12px",borderRadius:"50%",backgroundColor:t.color,boxShadow:"0 2px 4px rgba(0,0,0,0.1)"}}),(0,l.jsx)("span",{style:{color:"#374151",fontWeight:"500",fontSize:"14px"},children:t.value})]},e))})},D=t=>{let{cx:e,cy:i,fill:a}=t;return(0,l.jsxs)("g",{children:[(0,l.jsx)("circle",{cx:e,cy:i,r:12,fill:a,fillOpacity:.2,stroke:"none"}),(0,l.jsx)("circle",{cx:e,cy:i,r:6,fill:a,stroke:"#ffffff",strokeWidth:3,style:{filter:"drop-shadow(0 2px 4px rgba(0,0,0,0.2))"}})]})},P=a.forwardRef(function(t,e){let{data:i,...a}=t;return(0,l.jsx)(v,{root:{ref:e},...a,title:"Renter vs. avdrag over tid",subtitle:"Viser akkumulerte renter og avdrag gjennom l\xe5nets l\xf8petid.",chartDiv:(0,l.jsx)(b.u,{width:"100%",height:400,children:(0,l.jsxs)(y.Q,{data:i,margin:{top:20,right:30,left:20,bottom:20},children:[(0,l.jsx)(j.d,{strokeDasharray:"3 3",stroke:"#e5e7eb",strokeOpacity:.5}),(0,l.jsx)(k.W,{dataKey:"year",tick:{fontSize:12,fill:"#6b7280"},tickLine:{stroke:"#d1d5db"},axisLine:{stroke:"#d1d5db"},label:{value:"\xc5r",position:"insideBottom",offset:-10,style:{textAnchor:"middle",fill:"#6b7280",fontWeight:"500",fontSize:14}}}),(0,l.jsx)(C.h,{tickFormatter:t=>"".concat((0,g.Z)(t/1e3),"k"),tick:{fontSize:12,fill:"#6b7280"},tickLine:{stroke:"#d1d5db"},axisLine:{stroke:"#d1d5db"},label:{value:"Akkumulert bel\xf8p (kr)",angle:-90,position:"insideLeft",offset:-10,style:{textAnchor:"middle",fill:"#6b7280",fontWeight:"500",fontSize:14}}}),(0,l.jsx)(T.m,{content:(0,W.qX)("cumulative"),offset:80,cursor:{stroke:"#8BCCA9",strokeWidth:2,strokeDasharray:"5 5",strokeOpacity:.7}}),(0,l.jsx)(w.s,{content:(0,l.jsx)(B,{}),verticalAlign:"top",align:"left",wrapperStyle:{paddingBottom:"20px"}}),(0,l.jsx)(_.G,{type:"monotone",dataKey:"cumulativePrincipal",name:"Totalt betalt avdrag",stackId:"1",stroke:"#8BCCA9",strokeWidth:2,fill:"url(#principalGradient)",fillOpacity:1,activeDot:(0,l.jsx)(D,{fill:"#8BCCA9"}),animationBegin:0,animationDuration:0}),(0,l.jsx)(_.G,{type:"monotone",dataKey:"cumulativeInterest",name:"Totalt betalt rente",stackId:"1",stroke:"#6366f1",strokeWidth:2,fill:"url(#interestGradient)",fillOpacity:1,activeDot:(0,l.jsx)(D,{fill:"#6366f1"}),animationBegin:0,animationDuration:0}),(0,l.jsxs)("defs",{children:[(0,l.jsxs)("linearGradient",{id:"principalGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,l.jsx)("stop",{offset:"0%",stopColor:"#8BCCA9",stopOpacity:.8}),(0,l.jsx)("stop",{offset:"50%",stopColor:"#8BCCA9",stopOpacity:.6}),(0,l.jsx)("stop",{offset:"100%",stopColor:"#8BCCA9",stopOpacity:.4})]}),(0,l.jsxs)("linearGradient",{id:"interestGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,l.jsx)("stop",{offset:"0%",stopColor:"#6366f1",stopOpacity:.8}),(0,l.jsx)("stop",{offset:"50%",stopColor:"#6366f1",stopOpacity:.6}),(0,l.jsx)("stop",{offset:"100%",stopColor:"#6366f1",stopOpacity:.4})]})]})]})})})})},50400:t=>{t.exports={root:"PlasmicChartCumulative_root__FYlBj",title:"PlasmicChartCumulative_title__GHDss",titlehideTitles:"PlasmicChartCumulative_titlehideTitles__tdHDE",

1subtitle:"PlasmicChartCumulative_subtitle__fYeTj",subtitlehideTitles:"PlasmicChartCumulative_subtitlehideTitles__kdSR1",chartDiv:"PlasmicChartCumulative_chartDiv__cvkzp"}},80745:(t,e,i)=>{"use strict";i.d(e,{d0:()=>n,qX:()=>s});var l=i(37876);i(14232);var a=i(48036);let o=t=>{var e,i;let{active:o,payload:r,label:s,config:n={},showTotal:d=!0,showPercentages:c=!1,customFooter:p=null}=t;if(!o||!r||!r.length)return null;let u=r.reduce((t,e)=>t+(e.value||0),0),x={title:"\xc5r ".concat(s),titleKey:null,backgroundColor:"white",borderRadius:"12px",boxShadow:"0 8px 32px rgba(0,0,0,0.15)",minWidth:"220px",maxWidth:"280px",...n};return(0,l.jsxs)("div",{style:{backgroundColor:x.backgroundColor,padding:"20px",border:"none",borderRadius:x.borderRadius,boxShadow:x.boxShadow,minWidth:x.minWidth,maxWidth:x.maxWidth},children:[(0,l.jsx)("div",{style:{borderBottom:"2px solid #f3f4f6",paddingBottom:"12px",marginBottom:"12px"},children:(0,l.jsx)("h4",{style:{margin:"0",color:"#1f2937",fontSize:"16px",fontWeight:"600"},children:x.titleKey?null==(i=r[0])||null==(e=i.payload)?void 0:e[x.titleKey]:x.title})}),r.map((t,e)=>{let i=c&&u>0?(t.value/u*100).toFixed(1):null;return(0,l.jsxs)("div",{style:{marginBottom:"12px"},children:[(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"6px"},children:[(0,l.jsx)("div",{style:{width:"12px",height:"12px",borderRadius:"50%",backgroundColor:t.color}}),(0,l.jsx)("span",{style:{color:"#6b7280",fontSize:"13px",fontWeight:"500"},children:t.name})]}),(0,l.jsxs)("div",{style:{fontSize:"18px",fontWeight:"700",color:"#1f2937",marginLeft:"20px"},children:[(0,a.Z)(t.value)," kr"]}),i&&(0,l.jsxs)("div",{style:{fontSize:"12px",color:t.color,fontWeight:"500",marginLeft:"20px"},children:[i,"% av total"]})]},e)}),d&&(0,l.jsxs)("div",{style:{backgroundColor:"#f8fafc",padding:"8px 12px",borderRadius:"6px",marginTop:"12px"},children:[(0,l.jsx)("div",{style:{fontSize:"12px",color:"#6b7280",marginBottom:"2px"},children:n.totalLabel||"Total"}),(0,l.jsx)("div",{style:{fontSize:"14px",fontWeight:"600",color:"#1f2937"},children:n.customTotal||"".concat((0,a.Z)(u)," kr")})]}),p]})},r={paymentBreakdown:{showTotal:!0,showPercentages:!1,config:{totalLabel:"Total betaling"}},amortization:{showTotal:!0,showPercentages:!0,config:{totalLabel:"Total for \xe5ret"}},monthlyPayments:{showTotal:!0,showPercentages:!1,config:{totalLabel:"Total m\xe5nedlig betaling"}},cumulative:{showTotal:!0,showPercentages:!0,config:{totalLabel:"Totalt betalt til dato"}}},s=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default",e=r[t]||{};return t=>{let{active:i,payload:a,label:r,formatter:s}=t;return(0,l.jsx)(o,{active:i,payload:a,label:r,...e})}},n=()=>t=>{var e;let{active:i,payload:a,label:r}=t;if(!i||!a||!a.length)return null;let s=a[0],n=(null==s||null==(e=s.payload)?void 0:e.initialBalance)||0,d=s.value,c=n-d,p=n>0?(c/n*100).toFixed(1):0;return(0,l.jsx)(o,{active:i,payload:[{name:"Gjenv\xe6rende l\xe5n",value:d,color:"#8BCCA9"},{name:"Nedbetalt",value:c,color:"#6366f1"}],label:r,showTotal:!0,showPercentages:!1,config:{totalLabel:"Nedbetalt andel",customTotal:"".concat(p,"%")}})}}}]);