1import{r as t,u as a,n as e,o,p as r,c as s,M as n,R as i,j as l}from"../js/index.BZ5lIXdN.js";import{G as c}from"./graphWrapper.BjRmAB3Y.js";import{u,c as g,n as d,p as h,t as p,a as m,l as f,G as b,H as x,b as y,d as v,e as j}from"./graph.CHt57l8r.js";import{H as S}from"./rounded-corners.C1TitmJZ.js";import{L as T,f as w}from"./loadingWrapper.4NXVzE9y.js";S(y);const G=t.memo(()=>{var S;const G=a(e),L=a(o),A=t.useRef(null),M=a(r),N=u(),O=s.useMediaQuery({query:"(max-width: ".concat(n.mobile.big,"px)")}),R=null!=(S=null==G?void 0:G.total_accounts)?S:[],k=R.length?new Date(R[0][0]).toISOString():void 0,C=R.length?new Date(R[R.length-1][0]).toISOString():void 0;i.useEffect(()=>{(async()=>{try{o(!0);const t=v(M.activeFilter);await w({url:"/charts/status",queryParams:t,onSuccess:t=>{const a=j(t);e(a)}})}catch(t){t instanceof Error&&console.log(t.message)}finally{o(!1)}})()},[M.activeFilter]);const D=t.useMemo(()=>({...g,chart:{...g.chart,...O&&{marginLeft:0,marginRight:0},spacingLeft:5,height:N},plotOptions:{column:{colorByPoint:!0,stacking:"normal",pointPadding:0,groupPadding:.03,states:{hover:{color:{linearGradient:{x1:0,y1:1,x2:0,y2:0},stops:[[0,"rgba(0, 136, 204, 0.1)"],[1,"rgba(0, 136, 204, 0.25)"]]}}}}},xAxis:{...g.xAxis,labels:f(O)},yAxis:[{opposite:!1,crosshair:{...m(),label:{...m().label,formatter:t=>Math.round(t).toLocaleString()}},labels:{...O&&{align:"left",x:0},style:{fontSize:O?"13px":"14px",fontFamily:"Inter, sans-serif",color:"var(--branding)"},formatter:t=>Math.round(Number(t.value)).toLocaleString()},title:{text:""}}],series:[{name:"Number of accounts",type:"column",data:R,color:"var(--branding)",centerInCategory:!0,navigatorOptions:{color:"var(--branding)"},colors:["rgba(0,136,204, 0.1)"],borderRadiusTopLeft:"10%",borderRadiusTopRight:"10%",pointPadding:0,zIndex:3,dataGrouping:{enabled:!1}}],legend:{enabled:!1},tooltip:{...g.tooltip,formatter(){var t;return p({p2:null==(t=null==this?void 0:this.points)?void 0:t[0],valueFormatter:t=>t?Math.round(t).toLocaleString():""})},positioner(t,a,e){return h(t,a,e,O,this)}},navigator:{...d(O),series:{type:"areaspline",stacking:"normal",lineColor:"rgba(0, 136, 204)",fillColor:"rgba(0,136,204, 0.1)",dataGrouping:{units:[["week",[1,2,3,4,6]],["month",[1,2,3,4,6]]]}}}}),[R,N,O]);return l.jsxs(c,{minDate:k,maxDate:C,id:"numberOfAccountsGraph",title:"Number of accounts",filterName:"account",tooltipText:l.jsxs("div",{children:[l.jsx("p",{children:"The total number of accounts (addresses) that exist in the blockchain. Only those accounts are counted whose status change has been stored to the state at least once."}),l.jsx("p",{style:{marginTop:"8px",color:"var(--base-600)"},children:"Data is aggregated daily as of 0:00 UTC."})]}),tooltipTitle:"Number of accounts",children:[l.jsx(b,{leftTitle:"Accounts"}),L?l.jsx(T,{show:L,height:N}):l.jsx(l.Fragment,{children:R.length?l.jsx(x,{ref:A,highcharts:y,options:D,constructorType:"stockChart"}):null}),!R.length&&!L&&l.jsx("div",{style:{height:N}})]})});G.displayName="AccountGraph";export{G as AccountSizeGraph};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.