https://www.dash-mantine-components.com/_dash-component-suites/dash_mantine_components/async-AreaChart.js

1"use strict";(self.webpackChunkdash_mantine_components=self.webpackChunkdash_mantine_components||[]).push([[247],{37980(t,e,r){r.r(e),r.d(e,{default:()=>_});var a=r(31635),i=r(74848),o=r(40295),s=r.n(o),n=r(84124),l=r(57158),c=r(44653),d=r(50300),h=r(97018),p=r(69107),u=r(77984),f=r(91706),y=r(23495),m=r(78687),x=r(59396),v=r(86344),k=r(2412),A=r(46100),g=r(602),C=r(99274),j=r(36904),P=r(58424),b=r(6585),D=r(45849),N=r(89133),L=r(88498),O=r(11072);function S({offset:t,id:e,colors:r,fillOpacity:a}){const o=(0,g.xd)();return(0,i.jsxs)("linearGradient",{id:e,x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,i.jsx)("stop",{offset:t,stopColor:(0,v.r)(r[0],o),stopOpacity:a??.2}),(0,i.jsx)("stop",{offset:t,stopColor:(0,v.r)(r[1],o),stopOpacity:a??.2})]})}function w({data:t,series:e}){return 1===e.length?function({data:t,dataKey:e}){const r=Math.max(...t.map(t=>t[e])),a=Math.min(...t.map(t=>t[e]));return r<=0?0:a>=0?1:r/(r-a)}({data:t,dataKey:e[0].name}):.5}function $(t){return`${(100*t).toFixed(0)}%`}S.displayName="@mantine/charts/AreaSplit";const I={withXAxis:!0,withYAxis:!0,withDots:!0,withTooltip:!0,connectNulls:!0,strokeWidth:2,tooltipAnimationDuration:0,fillOpacity:.2,tickLine:"y",strokeDasharray:"5 5",curveType:"monotone",gridAxis:"x",type:"default",splitColors:["green.7","red.7"],orientation:"horizontal"},K=(0,x.V)((t,{textColor:e,gridColor:r})=>({root:{"--chart-text-color":e?(0,v.r)(e,t):void 0,"--chart-grid-color":r?(0,v.r)(r,t):void 0}})),z=(0,k.P9)((t,e)=>{const r=(0,A.Y)("AreaChart",I,t),{classNames:a,className:s,style:x,styles:k,unstyled:z,vars:M,data:W,series:F,withGradient:_,dataKey:Q,withXAxis:T,withYAxis:Y,curveType:G,gridProps:R,withDots:X,tickLine:E,strokeDasharray:H,gridAxis:J,unit:B,yAxisProps:V,xAxisProps:Z,dotProps:q,activeDotProps:U,strokeWidth:tt,tooltipAnimationDuration:et,type:rt,legendProps:at,tooltipProps:it,withLegend:ot,withTooltip:st,areaChartProps:nt,fillOpacity:lt,splitColors:ct,splitOffset:dt,connectNulls:ht,onMouseLeave:pt,orientation:ut,referenceLines:ft,dir:yt,valueFormatter:mt,children:xt,areaProps:vt,xAxisLabel:kt,yAxisLabel:At,withRightYAxis:gt,rightYAxisLabel:Ct,rightYAxisProps:jt,withPointLabels:Pt,gridColor:bt,textColor:Dt,attributes:Nt,...Lt}=r,Ot=(0,g.xd)(),St=(0,o.useId)(),wt=`${St}-split`,$t="none"!==J&&("x"===E||"xy"===E),It="none"!==J&&("y"===E||"xy"===E),Kt=(et||0)>0,zt="boolean"==typeof _?_:"default"===rt,Mt="stacked"===rt||"percent"===rt,[Wt,Ft]=(0,o.useState)(null),_t=null!==Wt,{resolvedClassNames:Qt,resolvedStyles:Tt}=(0,C.Y)({classNames:a,styles:k,props:r}),Yt=(0,j.I)({name:"AreaChart",classes:N.A,props:r,className:s,style:x,classNames:a,styles:k,unstyled:z,attributes:Nt,vars:M,varsResolver:K}),Gt=F.map(t=>{const e=(0,v.r)(t.color,Ot),r=_t&&Wt!==t.name;return(0,o.createElement)(n.G,{...Yt("area"),activeDot:{fill:Ot.white,stroke:e,strokeWidth:2,r:4,...U},dot:{fill:e,fillOpacity:r?0:1,strokeWidth:2,r:4,...q},key:t.name,name:t.name,type:G,dataKey:t.name,fill:"none",strokeWidth:tt,stroke:"none",isAnimationActive:!1,connectNulls:ht,stackId:Mt?"stack-dots":void 0,yAxisId:t.yAxisId||"left",..."function"==typeof vt?vt(t):vt})}),Rt=F.map(t=>{const e=`${St}-${t.color.replace(/[^a-zA-Z0-9]/g,"")}`,r=(0,v.r)(t.color,Ot),a=_t&&Wt!==t.name;return(0,i.jsxs)(o.Fragment,{children:[(0,i.jsx)("defs",{children:(0,i.jsx)(O.s,{color:r,withGradient:zt,id:e,fillOpacity:lt})}),(0,i.jsx)(n.G,{...Yt("area"),activeDot:!1,dot:!1,name:t.name,type:t.curveType??G,dataKey:t.name,fill:"split"===rt?`url(#${wt})`:`url(#${e})`,strokeWidth:tt,stroke:r,isAnimationActive:!1,connectNulls:ht,stackId:Mt?"stack":void 0,fillOpacity:a?0:1,strokeOpacity:a?.5:1,strokeDasharray:t.strokeDasharray,yAxisId:t.yAxisId||"left",label:Pt?(0,i.jsx)(L.x,{valueFormatter:mt}):void 0,..."function"==typeof vt?vt(t):vt})]},t.name)}),Xt=ft?.map((t,e)=>{const r=(0,v.r)(t.color,Ot);return(0,i.jsx)(l.e,{stroke:t.color?r:"var(--chart-grid-color)",strokeWidth:1,yAxisId:t.yAxisId||"left",...t,label:{value:t.label,fill:t.color?r:"currentColor",fontSize:12,position:t.labelPosition??"insideBottomLeft"},...Yt("referenceLine")},e)}

1),Et="percent"===rt?$:mt,Ht={axisLine:!1,..."vertical"===ut?{dataKey:Q,type:"category"}:{type:"number"},tickLine:!!It&&{stroke:"currentColor"},allowDecimals:!0,unit:B,tickFormatter:"vertical"===ut?void 0:Et,...Yt("axis")};return(0,i.jsx)(P.a,{ref:e,...Yt("root"),onMouseLeave:t=>{Ft(null),pt?.(t)},dir:yt||"ltr",...Lt,children:(0,i.jsx)(c.u,{...Yt("container"),children:(0,i.jsxs)(d.Q,{data:W,stackOffset:"percent"===rt?"expand":void 0,layout:ut,margin:{bottom:kt?30:void 0,left:At?10:void 0,right:At?5:void 0},...nt,children:[Xt,ot&&(0,i.jsx)(h.s,{verticalAlign:"top",content:t=>(0,i.jsx)(b._,{payload:t.payload,onHighlight:Ft,legendPosition:at?.verticalAlign||"top",classNames:Qt,styles:Tt,series:F,attributes:Nt}),...at}),(0,i.jsx)(p.d,{strokeDasharray:H,vertical:"y"===J||"xy"===J,horizontal:"x"===J||"xy"===J,...Yt("grid"),...R}),(0,i.jsxs)(u.W,{hide:!T,..."vertical"===ut?{type:"number"}:{dataKey:Q},tick:{transform:"translate(0, 10)",fontSize:12,fill:"currentColor"},stroke:"",interval:"preserveStartEnd",tickLine:!!$t&&{stroke:"currentColor"},minTickGap:5,tickFormatter:"vertical"===ut?Et:void 0,...Yt("axis"),...Z,children:[kt&&(0,i.jsx)(f.J,{position:"insideBottom",offset:-20,fontSize:12,...Yt("axisLabel"),children:kt}),Z?.children]}),(0,i.jsxs)(y.h,{yAxisId:"left",orientation:"left",tick:{transform:"translate(-10, 0)",fontSize:12,fill:"currentColor"},hide:!Y,...Ht,...V,children:[At&&(0,i.jsx)(f.J,{position:"insideLeft",angle:-90,textAnchor:"middle",fontSize:12,offset:-5,...Yt("axisLabel"),children:At}),V?.children]}),(0,i.jsxs)(y.h,{yAxisId:"right",orientation:"right",tick:{transform:"translate(10, 0)",fontSize:12,fill:"currentColor"},hide:!gt,...Ht,...jt,children:[Ct&&(0,i.jsx)(f.J,{position:"insideRight",angle:90,textAnchor:"middle",fontSize:12,offset:-5,...Yt("axisLabel"),children:Ct}),V?.children]}),st&&(0,i.jsx)(m.m,{animationDuration:et,isAnimationActive:Kt,position:"vertical"===ut?{}:{y:0},cursor:{stroke:"var(--chart-grid-color)",strokeWidth:1,strokeDasharray:H},content:({label:t,payload:e,labelFormatter:r})=>(0,i.jsx)(D.I,{label:r&&e?r(t,e):t,payload:e,unit:B,classNames:Qt,styles:Tt,series:F,valueFormatter:mt,attributes:Nt}),...it}),"split"===rt&&(0,i.jsx)("defs",{children:(0,i.jsx)(S,{colors:ct,id:wt,offset:dt??w({data:W,series:F}),fillOpacity:lt})}),Rt,X&&Gt,xt]})})})});z.classes=N.A,z.displayName="@mantine/charts/AreaChart",r(19319);var M=r(83837),W=r(57479),F=r(68734);const _=function(t){var e=t.setProps,r=t.loading_state,i=(t.clickData,t.hoverData,t.clickSeriesName,t.hoverSeriesName,t.series),n=t.highlightHover,l=void 0!==n&&n,c=t.areaChartProps,d=t.activeDotProps,h=t.areaProps,p=t.data,u=t.dataKey,f=(0,a.Tt)(t,["setProps","loading_state","clickData","hoverData","clickSeriesName","hoverSeriesName","series","highlightHover","areaChartProps","activeDotProps","areaProps","data","dataKey"]),y=(0,o.useState)(null),m=y[0],x=y[1],v=l&&null!==m,k=(0,o.useRef)(null),A=function(t){(0,M.$Q)(t)&&(k.

1current=t.name)},g=function(t){if((0,M.$Q)(t)){var e=t.name;k.current=e,x(e)}},C=function(){x(null)},j=(0,a.Cl)((0,a.Cl)({},c),{onClick:function(t){(0,M.$Q)(t)&&e({clickSeriesName:k.current,clickData:(0,M.X$)(t)}),k.current=null},onMouseOver:function(t){(0,M.$Q)(t)&&e({hoverSeriesName:k.current,hoverData:(0,M.X$)(t)}),k.current=null}});return s().createElement(z,(0,a.Cl)({"data-dash-is-loading":(0,W.A_)(r)||void 0},(0,F.s)("AreaChart",f),{data:p,dataKey:u,areaChartProps:j,series:i,activeDotProps:(0,a.Cl)((0,a.Cl)({},d),{onClick:function(t,e){(0,M.$Q)(t)&&(k.current=e.dataKey)},onMouseOver:function(t,e){if((0,M.$Q)(t)){var r=e.dataKey;k.current=r,x(r)}},onMouseOut:C}),areaProps:function(t){var e=v&&m!==t.name,r=(0,a.Cl)((0,a.Cl)({},h),{onClick:A,onMouseOver:g,onMouseOut:C});return e&&(r.fillOpacity=.1,r.strokeOpacity=.2),r}}))}}}]);