tokmon 0.18.0 → 0.19.0

package/dist/web/assets/timeline-CtYOp-UM.js

@@ -0,0 +1,2 @@
+import{R as m,r as nt,j as d,P as xt,E as At,f as at,a as Pt,b as Y,S as wt}from"./index-Du2fmToJ.js";import{i as it,c as ot,D as Nt,f as Qt,E as Zt,L as K,a as $,C as rt,A as Tt,b as T,d as mt,e as Z,h as $t,g as It,j as st,u as Rt,G as Bt,k as lt,m as et,l as X,n as te,o as Ft,X as H,Y as tt,p as Wt,q as Ot,r as jt,R as St,s as ct,t as ut,v as V,T as pt,w as ft,x as vt}from"./chart-GXfbPcfM.js";var ee=["type","layout","connectNulls","ref"],re=["key"];function U(t){"@babel/helpers - typeof";return U=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},U(t)}function kt(t,r){if(t==null)return{};var n=ne(t,r),e,a;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)e=o[a],!(r.indexOf(e)>=0)&&Object.prototype.propertyIsEnumerable.call(t,e)&&(n[e]=t[e])}return n}function ne(t,r){if(t==null)return{};var n={};for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)){if(r.indexOf(e)>=0)continue;n[e]=t[e]}return n}function Q(){return Q=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(t[e]=n[e])}return t},Q.apply(this,arguments)}function Et(t,r){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);r&&(e=e.filter(function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable})),n.push.apply(n,e)}return n}function _(t){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?Et(Object(n),!0).forEach(function(e){N(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Et(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function G(t){return se(t)||oe(t)||ie(t)||ae()}function ae(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ie(t,r){if(t){if(typeof t=="string")return yt(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if(n==="Object"&&t.constructor&&(n=t.constructor.name),n==="Map"||n==="Set")return Array.from(t);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return yt(t,r)}}function oe(t){if(typeof Symbol<"u"&&t[Symbol.iterator]!=null||t["@@iterator"]!=null)return Array.from(t)}function se(t){if(Array.isArray(t))return yt(t)}function yt(t,r){(r==null||r>t.length)&&(r=t.length);for(var n=0,e=new Array(r);n<r;n++)e[n]=t[n];return e}function le(t,r){if(!(t instanceof r))throw new TypeError("Cannot call a class as a function")}function Dt(t,r){for(var n=0;n<r.length;n++){var e=r[n];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,Kt(e.key),e)}}function ce(t,r,n){return r&&Dt(t.prototype,r),n&&Dt(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function ue(t,r,n){return r=dt(r),pe(t,Mt()?Reflect.construct(r,n||[],dt(t).constructor):r.apply(t,n))}function pe(t,r){if(r&&(U(r)==="object"||typeof r=="function"))return r;if(r!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return fe(t)}function fe(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Mt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(Mt=function(){return!!t})()}function dt(t){return dt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(n){return n.__proto__||Object.getPrototypeOf(n)},dt(t)}function de(t,r){if(typeof r!="function"&&r!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(r&&r.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),r&&bt(t,r)}function bt(t,r){return bt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,a){return e.__proto__=a,e},bt(t,r)}function N(t,r,n){return r=Kt(r),r in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t}function Kt(t){var r=he(t,"string");return U(r)=="symbol"?r:r+""}function he(t,r){if(U(t)!="object"||!t)return t;var n=t[Symbol.toPrimitive];if(n!==void 0){var e=n.call(t,r);if(U(e)!="object")return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}var J=(function(t){function r(){var n;le(this,r);for(var e=arguments.length,a=new Array(e),o=0;o<e;o++)a[o]=arguments[o];return n=ue(this,r,[].concat(a)),N(n,"state",{isAnimationFinished:!0,totalLength:0}),N(n,"generateSimpleStrokeDasharray",function(i,s){return"".concat(s,"px ").concat(i-s,"px")}),N(n,"getStrokeDasharray",function(i,s,l){var c=l.reduce(function(P,A){return P+A});if(!c)return n.generateSimpleStrokeDasharray(s,i);for(var f=Math.floor(i/c),u=i%c,h=s-i,y=[],p=0,v=0;p<l.length;v+=l[p],++p)if(v+l[p]>u){y=[].concat(G(l.slice(0,p)),[u-v]);break}var b=y.length%2===0?[0,h]:[h];return[].concat(G(r.repeat(l,f)),G(y),b).map(function(P){return"".concat(P,"px")}).join(", ")}),N(n,"id",Rt("recharts-line-")),N(n,"pathRef",function(i){n.mainCurve=i}),N(n,"handleAnimationEnd",function(){n.setState({isAnimationFinished:!0}),n.props.onAnimationEnd&&n.props.onAnimationEnd()}),N(n,"handleAnimationStart",function(){n.setState({isAnimationFinished:!1}),n.props.onAnimationStart&&n.props.onAnimationStart()}),n}return de(r,t),ce(r,[{key:"componentDidMount",value:function(){if(this.props.isAnimationActive){var e=this.getTotalLength();this.setState({totalLength:e})}}},{key:"componentDidUpdate",value:function(){if(this.props.isAnimationActive){var e=this.getTotalLength();e!==this.state.totalLength&&this.setState({totalLength:e})}}},{key:"getTotalLength",value:function(){var e=this.mainCurve;try{return e&&e.getTotalLength&&e.getTotalLength()||0}catch{return 0}}},{key:"renderErrorBar",value:function(e,a){if(this.props.isAnimationActive&&!this.state.isAnimationFinished)return null;var o=this.props,i=o.points,s=o.xAxis,l=o.yAxis,c=o.layout,f=o.children,u=Qt(f,Zt);if(!u)return null;var h=function(v,b){return{x:v.x,y:v.y,value:v.value,errorVal:st(v.payload,b)}},y={clipPath:e?"url(#clipPath-".concat(a,")"):null};return m.createElement(K,y,u.map(function(p){return m.cloneElement(p,{key:"bar-".concat(p.props.dataKey),data:i,xAxis:s,yAxis:l,layout:c,dataPointFormatter:h})}))}},{key:"renderDots",value:function(e,a,o){var i=this.props.isAnimationActive;if(i&&!this.state.isAnimationFinished)return null;var s=this.props,l=s.dot,c=s.points,f=s.dataKey,u=$(this.props,!1),h=$(l,!0),y=c.map(function(v,b){var P=_(_(_({key:"dot-".concat(b),r:3},u),h),{},{index:b,cx:v.x,cy:v.y,value:v.value,dataKey:f,payload:v.payload,points:c});return r.renderDotItem(l,P)}),p={clipPath:e?"url(#clipPath-".concat(a?"":"dots-").concat(o,")"):null};return m.createElement(K,Q({className:"recharts-line-dots",key:"dots"},p),y)}},{key:"renderCurveStatically",value:function(e,a,o,i){var s=this.props,l=s.type,c=s.layout,f=s.connectNulls;s.ref;var u=kt(s,ee),h=_(_(_({},$(u,!0)),{},{fill:"none",className:"recharts-line-curve",clipPath:a?"url(#clipPath-".concat(o,")"):null,points:e},i),{},{type:l,layout:c,connectNulls:f});return m.createElement(rt,Q({},h,{pathRef:this.pathRef}))}},{key:"renderCurveWithAnimation",value:function(e,a){var o=this,i=this.props,s=i.points,l=i.strokeDasharray,c=i.isAnimationActive,f=i.animationBegin,u=i.animationDuration,h=i.animationEasing,y=i.animationId,p=i.animateNewValues,v=i.width,b=i.height,P=this.state,A=P.prevPoints,k=P.totalLength;return m.createElement(Tt,{begin:f,duration:u,isActive:c,easing:h,from:{t:0},to:{t:1},key:"line-".concat(y),onAnimationEnd:this.handleAnimationEnd,onAnimationStart:this.handleAnimationStart},function(x){var g=x.t;if(A){var O=A.length/s.length,S=s.map(function(j,R){var F=Math.floor(R*O);if(A[F]){var W=A[F],L=T(W.x,j.x),Ut=T(W.y,j.y);return _(_({},j),{},{x:L(g),y:Ut(g)})}if(p){var qt=T(v*2,j.x),Jt=T(b/2,j.y);return _(_({},j),{},{x:qt(g),y:Jt(g)})}return _(_({},j),{},{x:j.x,y:j.y})});return o.renderCurveStatically(S,e,a)}var w=T(0,k),C=w(g),E;if(l){var D="".concat(l).split(/[,\s]+/gim).map(function(j){return parseFloat(j)});E=o.getStrokeDasharray(C,k,D)}else E=o.generateSimpleStrokeDasharray(k,C);return o.renderCurveStatically(s,e,a,{strokeDasharray:E})})}},{key:"renderCurve",value:function(e,a){var o=this.props,i=o.points,s=o.isAnimationActive,l=this.state,c=l.prevPoints,f=l.totalLength;return s&&i&&i.length&&(!c&&f>0||!mt(c,i))?this.renderCurveWithAnimation(e,a):this.renderCurveStatically(i,e,a)}},{key:"render",value:function(){var e,a=this.props,o=a.hide,i=a.dot,s=a.points,l=a.className,c=a.xAxis,f=a.yAxis,u=a.top,h=a.left,y=a.width,p=a.height,v=a.isAnimationActive,b=a.id;if(o||!s||!s.length)return null;var P=this.state.isAnimationFinished,A=s.length===1,k=ot("recharts-line",l),x=c&&c.allowDataOverflow,g=f&&f.allowDataOverflow,O=x||g,S=Z(b)?this.id:b,w=(e=$(i,!1))!==null&&e!==void 0?e:{r:3,strokeWidth:2},C=w.r,E=C===void 0?3:C,D=w.strokeWidth,j=D===void 0?2:D,R=$t(i)?i:{},F=R.clipDot,W=F===void 0?!0:F,L=E*2+j;return m.createElement(K,{className:k},x||g?m.createElement("defs",null,m.createElement("clipPath",{id:"clipPath-".concat(S)},m.createElement("rect",{x:x?h:h-y/2,y:g?u:u-p/2,width:x?y:y*2,height:g?p:p*2})),!W&&m.createElement("clipPath",{id:"clipPath-dots-".concat(S)},m.createElement("rect",{x:h-L/2,y:u-L/2,width:y+L,height:p+L}))):null,!A&&this.renderCurve(O,S),this.renderErrorBar(O,S),(A||i)&&this.renderDots(O,W,S),(!v||P)&&It.renderCallByParent(this.props,s))}}],[{key:"getDerivedStateFromProps",value:function(e,a){return e.animationId!==a.prevAnimationId?{prevAnimationId:e.animationId,curPoints:e.points,prevPoints:a.curPoints}:e.points!==a.curPoints?{curPoints:e.points}:null}},{key:"repeat",value:function(e,a){for(var o=e.length%2!==0?[].concat(G(e),[0]):e,i=[],s=0;s<a;++s)i=[].concat(G(i),G(o));return i}},{key:"renderDotItem",value:function(e,a){var o;if(m.isValidElement(e))o=m.cloneElement(e,a);else if(it(e))o=e(a);else{var i=a.key,s=kt(a,re),l=ot("recharts-line-dot",typeof e!="boolean"?e.className:"");o=m.createElement(Nt,Q({key:i},s,{className:l}))}return o}}])})(nt.PureComponent);N(J,"displayName","Line");N(J,"defaultProps",{xAxisId:0,yAxisId:0,connectNulls:!1,activeDot:!0,dot:!0,legendType:"line",stroke:"#3182bd",strokeWidth:1,fill:"#fff",points:[],isAnimationActive:!Bt.isSsr,animateNewValues:!0,animationBegin:0,animationDuration:1500,animationEasing:"ease",hide:!1,label:!1});N(J,"getComposedData",function(t){var r=t.props,n=t.xAxis,e=t.yAxis,a=t.xAxisTicks,o=t.yAxisTicks,i=t.dataKey,s=t.bandSize,l=t.displayedData,c=t.offset,f=r.layout,u=l.map(function(h,y){var p=st(h,i);return f==="horizontal"?{x:lt({axis:n,ticks:a,bandSize:s,entry:h,index:y}),y:Z(p)?null:e.scale(p),value:p,payload:h}:{x:Z(p)?null:n.scale(p),y:lt({axis:e,ticks:o,bandSize:s,entry:h,index:y}),value:p,payload:h}});return _({points:u,layout:f},c)});var ve=["layout","type","stroke","connectNulls","isRange","ref"],me=["key"],zt;function q(t){"@babel/helpers - typeof";return q=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},q(t)}function Vt(t,r){if(t==null)return{};var n=ye(t,r),e,a;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)e=o[a],!(r.indexOf(e)>=0)&&Object.prototype.propertyIsEnumerable.call(t,e)&&(n[e]=t[e])}return n}function ye(t,r){if(t==null)return{};var n={};for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)){if(r.indexOf(e)>=0)continue;n[e]=t[e]}return n}function z(){return z=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(t[e]=n[e])}return t},z.apply(this,arguments)}function _t(t,r){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);r&&(e=e.filter(function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable})),n.push.apply(n,e)}return n}function M(t){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?_t(Object(n),!0).forEach(function(e){I(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_t(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function be(t,r){if(!(t instanceof r))throw new TypeError("Cannot call a class as a function")}function Ct(t,r){for(var n=0;n<r.length;n++){var e=r[n];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,Xt(e.key),e)}}function ge(t,r,n){return r&&Ct(t.prototype,r),n&&Ct(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function xe(t,r,n){return r=ht(r),Ae(t,Gt()?Reflect.construct(r,n||[],ht(t).constructor):r.apply(t,n))}function Ae(t,r){if(r&&(q(r)==="object"||typeof r=="function"))return r;if(r!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return Pe(t)}function Pe(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Gt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(Gt=function(){return!!t})()}function ht(t){return ht=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(n){return n.__proto__||Object.getPrototypeOf(n)},ht(t)}function Oe(t,r){if(typeof r!="function"&&r!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(r&&r.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),r&&gt(t,r)}function gt(t,r){return gt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,a){return e.__proto__=a,e},gt(t,r)}function I(t,r,n){return r=Xt(r),r in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t}function Xt(t){var r=je(t,"string");return q(r)=="symbol"?r:r+""}function je(t,r){if(q(t)!="object"||!t)return t;var n=t[Symbol.toPrimitive];if(n!==void 0){var e=n.call(t,r);if(q(e)!="object")return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}var B=(function(t){function r(){var n;be(this,r);for(var e=arguments.length,a=new Array(e),o=0;o<e;o++)a[o]=arguments[o];return n=xe(this,r,[].concat(a)),I(n,"state",{isAnimationFinished:!0}),I(n,"id",Rt("recharts-area-")),I(n,"handleAnimationEnd",function(){var i=n.props.onAnimationEnd;n.setState({isAnimationFinished:!0}),it(i)&&i()}),I(n,"handleAnimationStart",function(){var i=n.props.onAnimationStart;n.setState({isAnimationFinished:!1}),it(i)&&i()}),n}return Oe(r,t),ge(r,[{key:"renderDots",value:function(e,a,o){var i=this.props.isAnimationActive,s=this.state.isAnimationFinished;if(i&&!s)return null;var l=this.props,c=l.dot,f=l.points,u=l.dataKey,h=$(this.props,!1),y=$(c,!0),p=f.map(function(b,P){var A=M(M(M({key:"dot-".concat(P),r:3},h),y),{},{index:P,cx:b.x,cy:b.y,dataKey:u,value:b.value,payload:b.payload,points:f});return r.renderDotItem(c,A)}),v={clipPath:e?"url(#clipPath-".concat(a?"":"dots-").concat(o,")"):null};return m.createElement(K,z({className:"recharts-area-dots"},v),p)}},{key:"renderHorizontalRect",value:function(e){var a=this.props,o=a.baseLine,i=a.points,s=a.strokeWidth,l=i[0].x,c=i[i.length-1].x,f=e*Math.abs(l-c),u=et(i.map(function(h){return h.y||0}));return X(o)&&typeof o=="number"?u=Math.max(o,u):o&&Array.isArray(o)&&o.length&&(u=Math.max(et(o.map(function(h){return h.y||0})),u)),X(u)?m.createElement("rect",{x:l<c?l:l-f,y:0,width:f,height:Math.floor(u+(s?parseInt("".concat(s),10):1))}):null}},{key:"renderVerticalRect",value:function(e){var a=this.props,o=a.baseLine,i=a.points,s=a.strokeWidth,l=i[0].y,c=i[i.length-1].y,f=e*Math.abs(l-c),u=et(i.map(function(h){return h.x||0}));return X(o)&&typeof o=="number"?u=Math.max(o,u):o&&Array.isArray(o)&&o.length&&(u=Math.max(et(o.map(function(h){return h.x||0})),u)),X(u)?m.createElement("rect",{x:0,y:l<c?l:l-f,width:u+(s?parseInt("".concat(s),10):1),height:Math.floor(f)}):null}},{key:"renderClipRect",value:function(e){var a=this.props.layout;return a==="vertical"?this.renderVerticalRect(e):this.renderHorizontalRect(e)}},{key:"renderAreaStatically",value:function(e,a,o,i){var s=this.props,l=s.layout,c=s.type,f=s.stroke,u=s.connectNulls,h=s.isRange;s.ref;var y=Vt(s,ve);return m.createElement(K,{clipPath:o?"url(#clipPath-".concat(i,")"):null},m.createElement(rt,z({},$(y,!0),{points:e,connectNulls:u,type:c,baseLine:a,layout:l,stroke:"none",className:"recharts-area-area"})),f!=="none"&&m.createElement(rt,z({},$(this.props,!1),{className:"recharts-area-curve",layout:l,type:c,connectNulls:u,fill:"none",points:e})),f!=="none"&&h&&m.createElement(rt,z({},$(this.props,!1),{className:"recharts-area-curve",layout:l,type:c,connectNulls:u,fill:"none",points:a})))}},{key:"renderAreaWithAnimation",value:function(e,a){var o=this,i=this.props,s=i.points,l=i.baseLine,c=i.isAnimationActive,f=i.animationBegin,u=i.animationDuration,h=i.animationEasing,y=i.animationId,p=this.state,v=p.prevPoints,b=p.prevBaseLine;return m.createElement(Tt,{begin:f,duration:u,isActive:c,easing:h,from:{t:0},to:{t:1},key:"area-".concat(y),onAnimationEnd:this.handleAnimationEnd,onAnimationStart:this.handleAnimationStart},function(P){var A=P.t;if(v){var k=v.length/s.length,x=s.map(function(w,C){var E=Math.floor(C*k);if(v[E]){var D=v[E],j=T(D.x,w.x),R=T(D.y,w.y);return M(M({},w),{},{x:j(A),y:R(A)})}return w}),g;if(X(l)&&typeof l=="number"){var O=T(b,l);g=O(A)}else if(Z(l)||te(l)){var S=T(b,0);g=S(A)}else g=l.map(function(w,C){var E=Math.floor(C*k);if(b[E]){var D=b[E],j=T(D.x,w.x),R=T(D.y,w.y);return M(M({},w),{},{x:j(A),y:R(A)})}return w});return o.renderAreaStatically(x,g,e,a)}return m.createElement(K,null,m.createElement("defs",null,m.createElement("clipPath",{id:"animationClipPath-".concat(a)},o.renderClipRect(A))),m.createElement(K,{clipPath:"url(#animationClipPath-".concat(a,")")},o.renderAreaStatically(s,l,e,a)))})}},{key:"renderArea",value:function(e,a){var o=this.props,i=o.points,s=o.baseLine,l=o.isAnimationActive,c=this.state,f=c.prevPoints,u=c.prevBaseLine,h=c.totalLength;return l&&i&&i.length&&(!f&&h>0||!mt(f,i)||!mt(u,s))?this.renderAreaWithAnimation(e,a):this.renderAreaStatically(i,s,e,a)}},{key:"render",value:function(){var e,a=this.props,o=a.hide,i=a.dot,s=a.points,l=a.className,c=a.top,f=a.left,u=a.xAxis,h=a.yAxis,y=a.width,p=a.height,v=a.isAnimationActive,b=a.id;if(o||!s||!s.length)return null;var P=this.state.isAnimationFinished,A=s.length===1,k=ot("recharts-area",l),x=u&&u.allowDataOverflow,g=h&&h.allowDataOverflow,O=x||g,S=Z(b)?this.id:b,w=(e=$(i,!1))!==null&&e!==void 0?e:{r:3,strokeWidth:2},C=w.r,E=C===void 0?3:C,D=w.strokeWidth,j=D===void 0?2:D,R=$t(i)?i:{},F=R.clipDot,W=F===void 0?!0:F,L=E*2+j;return m.createElement(K,{className:k},x||g?m.createElement("defs",null,m.createElement("clipPath",{id:"clipPath-".concat(S)},m.createElement("rect",{x:x?f:f-y/2,y:g?c:c-p/2,width:x?y:y*2,height:g?p:p*2})),!W&&m.createElement("clipPath",{id:"clipPath-dots-".concat(S)},m.createElement("rect",{x:f-L/2,y:c-L/2,width:y+L,height:p+L}))):null,A?null:this.renderArea(O,S),(i||A)&&this.renderDots(O,W,S),(!v||P)&&It.renderCallByParent(this.props,s))}}],[{key:"getDerivedStateFromProps",value:function(e,a){return e.animationId!==a.prevAnimationId?{prevAnimationId:e.animationId,curPoints:e.points,curBaseLine:e.baseLine,prevPoints:a.curPoints,prevBaseLine:a.curBaseLine}:e.points!==a.curPoints||e.baseLine!==a.curBaseLine?{curPoints:e.points,curBaseLine:e.baseLine}:null}}])})(nt.PureComponent);zt=B;I(B,"displayName","Area");I(B,"defaultProps",{stroke:"#3182bd",fill:"#3182bd",fillOpacity:.6,xAxisId:0,yAxisId:0,legendType:"line",connectNulls:!1,points:[],dot:!1,activeDot:!0,hide:!1,isAnimationActive:!Bt.isSsr,animationBegin:0,animationDuration:1500,animationEasing:"ease"});I(B,"getBaseValue",function(t,r,n,e){var a=t.layout,o=t.baseValue,i=r.props.baseValue,s=i??o;if(X(s)&&typeof s=="number")return s;var l=a==="horizontal"?e:n,c=l.scale.domain();if(l.type==="number"){var f=Math.max(c[0],c[1]),u=Math.min(c[0],c[1]);return s==="dataMin"?u:s==="dataMax"||f<0?f:Math.max(Math.min(c[0],c[1]),0)}return s==="dataMin"?c[0]:s==="dataMax"?c[1]:c[0]});I(B,"getComposedData",function(t){var r=t.props,n=t.item,e=t.xAxis,a=t.yAxis,o=t.xAxisTicks,i=t.yAxisTicks,s=t.bandSize,l=t.dataKey,c=t.stackedData,f=t.dataStartIndex,u=t.displayedData,h=t.offset,y=r.layout,p=c&&c.length,v=zt.getBaseValue(r,n,e,a),b=y==="horizontal",P=!1,A=u.map(function(x,g){var O;p?O=c[f+g]:(O=st(x,l),Array.isArray(O)?P=!0:O=[v,O]);var S=O[1]==null||p&&st(x,l)==null;return b?{x:lt({axis:e,ticks:o,bandSize:s,entry:x,index:g}),y:S?null:a.scale(O[1]),value:O,payload:x}:{x:S?null:e.scale(O[1]),y:lt({axis:a,ticks:i,bandSize:s,entry:x,index:g}),value:O,payload:x}}),k;return p||P?k=A.map(function(x){var g=Array.isArray(x.value)?x.value[0]:null;return b?{x:x.x,y:g!=null&&x.y!=null?a.scale(g):null}:{x:g!=null?e.scale(g):null,y:x.y}}):k=b?a.scale(v):e.scale(v),M({points:A,baseLine:k,layout:y,isRange:P},h)});I(B,"renderDotItem",function(t,r){var n;if(m.isValidElement(t))n=m.cloneElement(t,r);else if(it(t))n=t(r);else{var e=ot("recharts-area-dot",typeof t!="boolean"?t.className:""),a=r.key,o=Vt(r,me);n=m.createElement(Nt,z({},o,{key:a,className:e}))}return n});var Yt=Ft({chartName:"LineChart",GraphicalChild:J,axisComponents:[{axisType:"xAxis",AxisComp:H},{axisType:"yAxis",AxisComp:tt}],formatAxisMap:Wt}),Ht=Ft({chartName:"AreaChart",GraphicalChild:B,axisComponents:[{axisType:"xAxis",AxisComp:H},{axisType:"yAxis",AxisComp:tt}],formatAxisMap:Wt});const Se=[{value:"linear",label:"lin"},{value:"log",label:"log"}],we=[{value:"combined",label:"merged"},{value:"byProvider",label:"split"}],Lt="flex items-center overflow-hidden rounded border border-line text-[10px]",ke=vt(t=>{const r=t.filter(e=>e.dataKey!=="total"&&(e.value??0)>0).map(e=>({label:String(e.name??e.dataKey),value:Y(e.value??0),color:e.color})),n=t.reduce((e,a)=>e+(a.dataKey==="total"?0:a.value??0),0);return r.length>1&&r.push({label:"total",value:Y(n),color:"var(--color-fg-bright)"}),r}),Ee=vt(t=>{var r;return[{label:"total",value:Y(((r=t[0])==null?void 0:r.value)??0),color:"var(--color-cost)"}]});function Ne({derived:t,title:r="cost over time",height:n=260,periodLabel:e,heightClass:a}){const o=Ot(),i=t.byProvider,s=i.length>1,[l,c]=nt.useState("linear"),[f,u]=nt.useState(s?"byProvider":"combined"),h=t.timeline.map(p=>{const v={date:p.date,total:p.total,...p.byProvider};if(l==="log")for(const b of Object.keys(v))b!=="date"&&v[b]===0&&(v[b]=null);return v}),y=d.jsx(tt,{...V,width:52,tickFormatter:Pt,scale:l,allowDataOverflow:l==="log",domain:l==="log"?[.1,"auto"]:[0,"auto"]});return d.jsx(xt,{title:r,titleTag:e,captureName:"cost-over-time",right:d.jsxs("div",{className:"flex items-center gap-1.5",children:[s&&d.jsx(wt,{options:we,value:f,onChange:u,size:"xs",containerClassName:Lt,ariaLabel:"combine providers"}),d.jsx(wt,{options:Se,value:l,onChange:c,size:"xs",containerClassName:Lt,ariaLabel:"value scale"})]}),children:h.length===0?d.jsx(At,{children:"no spend in period"}):d.jsx(jt,{height:n,heightClass:a,children:d.jsx(St,{children:f==="combined"?d.jsxs(Ht,{data:h,margin:{top:8,right:8,left:0,bottom:0},children:[d.jsx("defs",{children:d.jsxs("linearGradient",{id:"g-cost",x1:"0",y1:"0",x2:"0",y2:"1",children:[d.jsx("stop",{offset:"0%",stopColor:"var(--color-cost)",stopOpacity:.16}),d.jsx("stop",{offset:"100%",stopColor:"var(--color-cost)",stopOpacity:.02})]})}),d.jsx(ct,{...ut}),d.jsx(H,{dataKey:"date",...V,tickFormatter:at,minTickGap:28}),y,d.jsx(pt,{content:Ee,cursor:ft}),d.jsx(B,{type:"monotone",dataKey:"total",stroke:"var(--color-cost)",strokeWidth:1.8,fill:"url(#g-cost)",connectNulls:!0,isAnimationActive:o,animationDuration:350})]}):d.jsxs(Yt,{data:h,margin:{top:8,right:8,left:0,bottom:0},children:[d.jsx(ct,{...ut}),d.jsx(H,{dataKey:"date",...V,tickFormatter:at,minTickGap:28}),y,d.jsx(pt,{content:ke,cursor:ft}),i.map(p=>d.jsx(J,{type:"monotone",dataKey:p.id,name:p.name,stroke:p.color,strokeWidth:1.6,dot:!1,connectNulls:!0,isAnimationActive:o,animationDuration:350},p.id))]})})})})}const De=vt(t=>{var r;return[{label:"cumulative",value:Y(((r=t[0])==null?void 0:r.value)??0),color:"var(--color-cost)"}]});function Te({derived:t,height:r=220,periodLabel:n}){const e=Ot(),a=t.cumulative;return d.jsx(xt,{title:"cumulative spend",titleTag:n,captureName:"cumulative",children:a.length===0?d.jsx(At,{children:"no spend in period"}):d.jsx(jt,{height:r,children:d.jsx(St,{children:d.jsxs(Yt,{data:a,margin:{top:8,right:8,left:0,bottom:0},children:[d.jsx(ct,{...ut}),d.jsx(H,{dataKey:"date",...V,tickFormatter:at,minTickGap:28}),d.jsx(tt,{...V,width:52,tickFormatter:Pt}),d.jsx(pt,{content:De,cursor:ft}),d.jsx(J,{type:"monotone",dataKey:"total",stroke:"var(--color-cost)",strokeWidth:1.8,dot:!1,isAnimationActive:e,animationDuration:350})]})})})})}const _e=vt(t=>{var r;return[{label:"cache saved",value:Y(((r=t[0])==null?void 0:r.value)??0),color:"var(--color-positive)"}]});function $e({derived:t,height:r=220,periodLabel:n}){const e=Ot(),a=t.cacheSavingsSeries,o=t.totals.cacheSavings;return d.jsx(xt,{title:"cache savings",titleTag:n,captureName:"cache-savings",right:d.jsx("span",{className:"tnum text-xs text-positive",children:Y(o)}),children:a.length===0?d.jsx(At,{children:"no cache reads in period"}):d.jsx(jt,{height:r,children:d.jsx(St,{children:d.jsxs(Ht,{data:a,margin:{top:8,right:8,left:0,bottom:0},children:[d.jsx("defs",{children:d.jsxs("linearGradient",{id:"g-save",x1:"0",y1:"0",x2:"0",y2:"1",children:[d.jsx("stop",{offset:"0%",stopColor:"var(--color-positive)",stopOpacity:.18}),d.jsx("stop",{offset:"100%",stopColor:"var(--color-positive)",stopOpacity:.02})]})}),d.jsx(ct,{...ut}),d.jsx(H,{dataKey:"date",...V,tickFormatter:at,minTickGap:28}),d.jsx(tt,{...V,width:52,tickFormatter:Pt}),d.jsx(pt,{content:_e,cursor:ft}),d.jsx(B,{type:"monotone",dataKey:"value",stroke:"var(--color-positive)",strokeWidth:1.6,fill:"url(#g-save)",isAnimationActive:e,animationDuration:350})]})})})})}export{$e as CacheSavings,Ne as CostTimeline,Te as CumulativeSpend};

package/dist/web/index.html

@@ -11,8 +11,8 @@
       // Apply saved theme before first paint to avoid a flash. Default: dark.
       try { if (localStorage.getItem('tokmon-theme') === 'light') document.documentElement.classList.add('light') } catch (e) {}
     </script>
-    <script type="module" crossorigin src="./assets/index-BMHETe8W.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-D1GoBwrC.css">
+    <script type="module" crossorigin src="./assets/index-Du2fmToJ.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-BIvuNQZ9.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tokmon",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "Terminal + web dashboard for Claude Code, Codex, Cursor, opencode, pi, Copilot, Gemini & more — usage, limits, and costs",
   "type": "module",
   "bin": {