chartai 0.1.0 → 1.1.0

package/dist/plugins/experimental/watermark.js

@@ -0,0 +1,76 @@
+import {
+  DEFAULT_FONT
+} from "../../chunk-1ngxm8t2.js";
+import {
+  MARGIN
+} from "../../chunk-831dem4f.js";
+import {
+  ChartManager
+} from "../../chunk-n8ew0z0e.js";
+import"../../chunk-93yrr7er.js";
+import"../../chunk-5gtx3pza.js";
+
+// src/plugins/experimental/watermark.ts
+var watermarkPlugin = {
+  name: "watermark",
+  beforeDraw(ctx, chart) {
+    const cfg = chart.config;
+    const text = cfg.watermarkText;
+    if (!text)
+      return;
+    const { width: w, height: h } = chart;
+    const m = MARGIN;
+    const chartW = w - m.left - m.right;
+    const chartH = h - m.top - m.bottom;
+    const position = cfg.watermarkPosition ?? "center";
+    const opacity = cfg.watermarkOpacity ?? 0.07;
+    const fontSize = cfg.watermarkFontSize ?? Math.max(12, Math.round(Math.min(chartW, chartH) * 0.06));
+    const dark = ChartManager.isDark;
+    const color = cfg.watermarkColor ?? (dark ? "#ffffff" : "#000000");
+    const fontFamily = cfg.fontFamily ?? DEFAULT_FONT;
+    const rotation = cfg.watermarkRotation ?? (position === "center" ? -30 : 0);
+    const pad = 16;
+    let x;
+    let y;
+    ctx.save();
+    ctx.globalAlpha = opacity;
+    ctx.font = `bold ${fontSize}px ${fontFamily}`;
+    ctx.fillStyle = color;
+    ctx.textBaseline = "middle";
+    switch (position) {
+      case "center":
+        x = m.left + chartW / 2;
+        y = m.top + chartH / 2;
+        ctx.textAlign = "center";
+        break;
+      case "top-left":
+        x = m.left + pad;
+        y = m.top + pad + fontSize / 2;
+        ctx.textAlign = "left";
+        break;
+      case "top-right":
+        x = w - m.right - pad;
+        y = m.top + pad + fontSize / 2;
+        ctx.textAlign = "right";
+        break;
+      case "bottom-left":
+        x = m.left + pad;
+        y = h - m.bottom - pad - fontSize / 2;
+        ctx.textAlign = "left";
+        break;
+      case "bottom-right":
+        x = w - m.right - pad;
+        y = h - m.bottom - pad - fontSize / 2;
+        ctx.textAlign = "right";
+        break;
+    }
+    ctx.translate(x, y);
+    if (rotation !== 0)
+      ctx.rotate(rotation * Math.PI / 180);
+    ctx.fillText(text, 0, 0);
+    ctx.restore();
+  }
+};
+export {
+  watermarkPlugin
+};

package/dist/plugins/experimental/watermark.min.js

@@ -0,0 +1 @@
+import{l as w}from"../../chunk-cvtt04m6.js";import{o as c}from"../../chunk-0eh4rzy9.js";import{q as b}from"../../chunk-50bcv2hw.js";import"../../chunk-wdfq2fpx.js";import"../../chunk-bbyt23tw.js";var W={name:"watermark",beforeDraw(t,l){let o=l.config,f=o.watermarkText;if(!f)return;let{width:m,height:s}=l,r=c,g=m-r.left-r.right,k=s-r.top-r.bottom,p=o.watermarkPosition??"center",u=o.watermarkOpacity??0.07,i=o.watermarkFontSize??Math.max(12,Math.round(Math.min(g,k)*0.06)),y=b.isDark,d=o.watermarkColor??(y?"#ffffff":"#000000"),P=o.fontFamily??w,h=o.watermarkRotation??(p==="center"?-30:0),e=16,a,n;switch(t.save(),t.globalAlpha=u,t.font=`bold ${i}px ${P}`,t.fillStyle=d,t.textBaseline="middle",p){case"center":a=r.left+g/2,n=r.top+k/2,t.textAlign="center";break;case"top-left":a=r.left+e,n=r.top+e+i/2,t.textAlign="left";break;case"top-right":a=m-r.right-e,n=r.top+e+i/2,t.textAlign="right";break;case"bottom-left":a=r.left+e,n=s-r.bottom-e-i/2,t.textAlign="left";break;case"bottom-right":a=m-r.right-e,n=s-r.bottom-e-i/2,t.textAlign="right";break}if(t.translate(a,n),h!==0)t.rotate(h*Math.PI/180);t.fillText(f,0,0),t.restore()}};export{W as watermarkPlugin};

package/dist/plugins/hover.d.ts

@@ -1,3 +1,16 @@
-import type { ChartPlugin } from "../chart-library.ts";
-export declare const hoverPlugin: ChartPlugin;
+import type { ChartPlugin, HoverData } from "../types.ts";
+export interface HoverConfig {
+    onHover?: (data: HoverData | null) => void;
+    showTooltip?: boolean;
+    pillDecayMs?: number;
+    fontFamily?: string;
+    formatX?: (value: number) => string;
+    formatY?: (value: number) => string;
+}
+declare module "../types.ts" {
+    interface ChartPluginRegistry {
+        hover: HoverConfig;
+    }
+}
+export declare const hoverPlugin: ChartPlugin<HoverConfig>;
 //# sourceMappingURL=hover.d.ts.map

package/dist/plugins/hover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hover.d.ts","sourceRoot":"","sources":["../../src/plugins/hover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EAGZ,MAAM,qBAAqB,CAAC;AAkC7B,eAAO,MAAM,WAAW,EAAE,WA0PzB,CAAC"}
+{"version":3,"file":"hover.d.ts","sourceRoot":"","sources":["../../src/plugins/hover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAiB,SAAS,EAAE,MAAM,aAAa,CAAC;AAyEzE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACrC;AAED,OAAO,QAAQ,aAAa,CAAC;IAC3B,UAAU,mBAAmB;QAC3B,KAAK,EAAE,WAAW,CAAC;KACpB;CACF;AAiCD,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,WAAW,CAkPhD,CAAC"}

package/dist/plugins/hover.js

@@ -1,9 +1,71 @@
+import {
+  dataToScreen,
+  screenToData
+} from "../chunk-mmsy3yqt.js";
+import {
+  DEFAULT_FONT
+} from "../chunk-1ngxm8t2.js";
+import {
+  MARGIN
+} from "../chunk-831dem4f.js";
 import {
   ChartManager
-} from "../chart-library.js";
-import"../chunk-bgfkgcmg.js";
+} from "../chunk-n8ew0z0e.js";
+import"../chunk-93yrr7er.js";
+import"../chunk-5gtx3pza.js";
 
 // src/plugins/hover.ts
+var MAX_HOVER_PX = 50;
+function findNearestPoint(chart, screenX, screenY, width, height) {
+  if (chart.series.length === 0)
+    return null;
+  const { x: dataX, y: dataY } = screenToData(screenX, screenY, chart, width, height);
+  const rX = chart.bounds.maxX - chart.bounds.minX;
+  const vW = rX / chart.view.zoomX;
+  const vMinX = chart.bounds.minX + chart.view.panX * rX;
+  let bsi = -1, bi = -1, bdx = Infinity, bdy = Infinity;
+  for (let s = 0;s < chart.series.length; s++) {
+    if (chart.config?.hiddenSeries?.has(s))
+      continue;
+    const sr2 = chart.series[s];
+    const n = sr2.rawX.length;
+    if (n === 0)
+      continue;
+    let lo = 0, hi = n - 1;
+    while (lo < hi) {
+      const mid = lo + hi >> 1;
+      if (sr2.rawX[mid] < dataX)
+        lo = mid + 1;
+      else
+        hi = mid;
+    }
+    let idx = lo;
+    if (lo > 0 && Math.abs(sr2.rawX[lo - 1] - dataX) < Math.abs(sr2.rawX[lo] - dataX))
+      idx = lo - 1;
+    const dx = Math.abs(sr2.rawX[idx] - dataX);
+    const dy = Math.abs(sr2.rawY[idx] - dataY);
+    if (dx < bdx || dx === bdx && dy < bdy) {
+      bdx = dx;
+      bdy = dy;
+      bsi = s;
+      bi = idx;
+    }
+  }
+  if (bsi === -1)
+    return null;
+  const sr = chart.series[bsi];
+  if (Math.abs((sr.rawX[bi] - vMinX) / vW * width - screenX) > MAX_HOVER_PX)
+    return null;
+  return {
+    x: sr.rawX[bi],
+    y: sr.rawY[bi],
+    index: bi,
+    screenX,
+    screenY,
+    seriesIndex: bsi,
+    seriesLabel: sr.label
+  };
+}
 var states = new WeakMap;
 var drawBox = (ctx, x, y, w, h, r, fill, stroke) => {
   ctx.beginPath();
@@ -17,7 +79,7 @@ var drawBox = (ctx, x, y, w, h, r, fill, stroke) => {
 var hoverPlugin = {
   name: "hover",
   install(chart, el) {
-    const mgr = ChartManager.getInstance();
+    const mgr = ChartManager;
     const ac = new AbortController;
     const s = {
       hoverResult: null,
@@ -55,7 +117,7 @@ var hoverPlugin = {
       if (chart.dragging)
         return;
       const r = el.getBoundingClientRect();
-      update(chart.findNearestPoint(clientX - r.left, clientY - r.top, r.width, r.height));
+      update(findNearestPoint(chart, clientX - r.left, clientY - r.top, r.width, r.height));
     };
     el.addEventListener("mousemove", (e) => handleHover(e.clientX, e.clientY), {
       signal: ac.signal
@@ -74,17 +136,14 @@ var hoverPlugin = {
     const { hoverResult: hvr } = s;
     const w = chart.width;
     const h = chart.height;
-    const margin = ChartManager.MARGIN;
-    const dark = ChartManager.getInstance().isDark;
+    const margin = MARGIN;
+    const dark = ChartManager.isDark;
     const {
       formatX = String,
       formatY = String,
-      fontFamily = ChartManager.DEFAULT_FONT
+      fontFamily = DEFAULT_FONT
     } = chart.config;
-    const rx = (chart.bounds.maxX - chart.bounds.minX) / chart.view.zoomX;
-    const ry = (chart.bounds.maxY - chart.bounds.minY) / chart.view.zoomY;
-    const px = (hvr.x - (chart.bounds.minX + chart.view.panX * (chart.bounds.maxX - chart.bounds.minX))) / rx * w;
-    const py = h * (1 - (hvr.y - (chart.bounds.minY + chart.view.panY * (chart.bounds.maxY - chart.bounds.minY))) / ry);
+    const { x: px, y: py } = dataToScreen(hvr.x, hvr.y, chart, w, h);
     const mainSeries = chart.series[hvr.seriesIndex] || chart.series[0];
     const rgb = `${Math.round(mainSeries.color.r * 255)},${Math.round(mainSeries.color.g * 255)},${Math.round(mainSeries.color.b * 255)}`;
     const col = `rgb(${rgb})`;
@@ -100,7 +159,9 @@ var hoverPlugin = {
     ctx.fill();
     ctx.strokeStyle = dark ? "rgba(0,0,0,0.6)" : "rgba(255,255,255,0.9)";
     ctx.stroke();
-    const seriesData = chart.series.map((ser) => {
+    const seriesData = chart.series.map((ser, si) => {
+      if (chart.config?.hiddenSeries?.has(si))
+        return null;
       let l = 0, r = ser.rawX.length - 1;
       while (l <= r) {
         const m = l + r >> 1;
@@ -114,7 +175,7 @@ var hoverPlugin = {
         ser.rawX[m] < hvr.x ? l = m + 1 : r = m - 1;
       }
       return null;
-    }).filter(Boolean);
+    }).filter((x) => x !== null);
     seriesData.sort((a, b) => Math.abs(b.rawVal) - Math.abs(a.rawVal));
     const totalSeries = seriesData.length;
     const displayData = seriesData.slice(0, 5);
@@ -150,7 +211,7 @@ var hoverPlugin = {
       ctx.restore();
     };
     drawPill(Math.max(margin.left, Math.min(w - margin.right, s.pillX)), h - margin.bottom + 4, formatX(hvr.x), true);
-    drawPill(Math.max(margin.left, margin.left), Math.max(9, Math.min(h - margin.bottom - 9, s.pillY)), formatY(hvr.y), false);
+    drawPill(margin.left, Math.max(9, Math.min(h - margin.bottom - 9, s.pillY)), formatY(hvr.y), false);
     const boxW = Math.max(...displayData.map((d) => ctx.measureText(d.label + d.val).width)) + 40;
     const boxH = 30 + displayData.length * 18 + (remainingCount > 0 ? 18 : 0);
     let bx = hvr.screenX + 14, by = hvr.screenY - boxH - 6;

package/dist/plugins/hover.min.js

@@ -1 +1 @@
-import{a as B}from"../chart-library.js";import"../chunk-cj3zanvs.js";var Y=new WeakMap,m=(j,q,I,G,E,O,J,z)=>{j.beginPath(),j.roundRect(q,I,G,E,O),j.fillStyle=J,j.fill(),j.strokeStyle=z,j.lineWidth=1.5,j.stroke()},l={name:"hover",install(j,q){let I=B.getInstance(),G=new AbortController,E={hoverResult:null,pillX:0,pillY:0,pillTargetX:0,pillTargetY:0,pillAnimRef:null,abort:G};Y.set(j,E);let O=(z)=>{if(j.config.onHover)j.config.onHover(z);if(!(j.config.showTooltip??!1))return;if(E.hoverResult=z,I.drawChart(j),z&&!E.pillAnimRef){let U=performance.now(),Q=(F)=>{if(!E.hoverResult)return E.pillAnimRef=null;let N=1-Math.pow(0.5,(F-U)/(j.config.pillDecayMs??60));U=F,E.pillX+=(E.pillTargetX-E.pillX)*N,E.pillY+=(E.pillTargetY-E.pillY)*N,I.drawChart(j),E.pillAnimRef=requestAnimationFrame(Q)};E.pillAnimRef=requestAnimationFrame(Q)}},J=(z,U)=>{if(j.dragging)return;let Q=q.getBoundingClientRect();O(j.findNearestPoint(z-Q.left,U-Q.top,Q.width,Q.height))};q.addEventListener("mousemove",(z)=>J(z.clientX,z.clientY),{signal:G.signal}),q.addEventListener("touchmove",(z)=>{if(z.touches.length===1)J(z.touches[0].clientX,z.touches[0].clientY)},{signal:G.signal,passive:!0}),["mouseleave","pointerdown","touchend","touchcancel"].forEach((z)=>q.addEventListener(z,()=>O(null),{signal:G.signal}))},afterDraw(j,q){let I=Y.get(q);if(!I?.hoverResult||!q.config.showTooltip)return;let{hoverResult:G}=I,E=q.width,O=q.height,J=B.MARGIN,z=B.getInstance().isDark,{formatX:U=String,formatY:Q=String,fontFamily:F=B.DEFAULT_FONT}=q.config,N=(q.bounds.maxX-q.bounds.minX)/q.view.zoomX,g=(q.bounds.maxY-q.bounds.minY)/q.view.zoomY,P=(G.x-(q.bounds.minX+q.view.panX*(q.bounds.maxX-q.bounds.minX)))/N*E,T=O*(1-(G.y-(q.bounds.minY+q.view.panY*(q.bounds.maxY-q.bounds.minY)))/g),u=q.series[G.seriesIndex]||q.series[0],S=`${Math.round(u.color.r*255)},${Math.round(u.color.g*255)},${Math.round(u.color.b*255)}`,H=`rgb(${S})`,k=z?`oklch(from ${H} calc(l + 0.1) c h)`:H;j.save(),j.setLineDash([4,3]),j.strokeStyle=`rgba(${S},0.4)`,j.stroke(new Path2D(`M${P} 0V${O-J.bottom}M${J.left} ${T}H${E}`)),j.restore(),j.beginPath(),j.arc(P,T,4.5,0,Math.PI*2),j.fillStyle=H,j.fill(),j.strokeStyle=z?"rgba(0,0,0,0.6)":"rgba(255,255,255,0.9)",j.stroke();let D=q.series.map((A)=>{let L=0,R=A.rawX.length-1;while(L<=R){let K=L+R>>1;if(Math.abs(A.rawX[K]-G.x)<0.0001)return{label:A.label,val:Q(A.rawY[K]),rawVal:A.rawY[K],col:`rgb(${Math.round(A.color.r*255)},${Math.round(A.color.g*255)},${Math.round(A.color.b*255)})`};A.rawX[K]<G.x?L=K+1:R=K-1}return null}).filter(Boolean);D.sort((A,L)=>Math.abs(L.rawVal)-Math.abs(A.rawVal));let p=D.length,_=D.slice(0,5),C=p-_.length;if(I.pillTargetX=P,I.pillTargetY=T,!I.pillAnimRef)I.pillX=P,I.pillY=T;let X=(A,L,R,K)=>{j.font=`600 10px ${F}`;let b=j.measureText(R).width,Z=b+12,M=18,y=K?A-Z/2:A-Z,o=K?L:L-M/2;j.save();let d=K?Math.atan((I.pillTargetX-I.pillX)/80)*0.2:Math.atan((I.pillTargetY-I.pillY)/80)*0.2;j.translate(A,L),j.rotate(d);let v=K?-Z/2:-Z,w=K?0:-M/2;j.beginPath(),j.roundRect(v,w,Z,M,4),j.fillStyle=z?"rgba(0,0,0,0.75)":"rgba(255,255,255,0.75)",j.fill(),j.fillStyle=`rgba(${S},0.2)`,j.fill(),j.strokeStyle=k,j.lineWidth=1.5,j.stroke(),j.fillStyle=k,j.textAlign="center",j.textBaseline="middle",j.fillText(R,v+Z/2,w+M/2),j.restore()};X(Math.max(J.left,Math.min(E-J.right,I.pillX)),O-J.bottom+4,U(G.x),!0),X(Math.max(J.left,J.left),Math.max(9,Math.min(O-J.bottom-9,I.pillY)),Q(G.y),!1);let f=Math.max(..._.map((A)=>j.measureText(A.label+A.val).width))+40,W=30+_.length*18+(C>0?18:0),V=G.screenX+14,$=G.screenY-W-6;if(V+f>E)V=G.screenX-f-14;if($=Math.max(4,Math.min(O-W-4,G.screenY-W-6)),m(j,V,$,f,W,6,z?"rgba(28,28,30,0.95)":"rgba(255,255,255,0.96)","rgba(0,0,0,0.08)"),j.textAlign="left",j.textBaseline="middle",j.fillStyle=z?"#888":"#999",j.fillText(U(G.x),V+10,$+15),_.forEach((A,L)=>{let R=$+35+L*18;j.fillStyle=A.col,j.beginPath(),j.roundRect(V+10,R-4,8,8,2),j.fill(),j.fillStyle=z?"#eee":"#1a1a1a",j.fillText(`${A.label}: ${A.val}`,V+24,R)}),C>0){let A=$+35+_.length*18;j.fillStyle=z?"#666":"#aaa",j.fillText(`+${C} more`,V+10,A)}},uninstall(j){let q=Y.get(j);if(q?.pillAnimRef)cancelAnimationFrame(q.pillAnimRef);q?.abort.abort(),Y.delete(j)}};export{l as hoverPlugin};
+import{j as W,k as B}from"../chunk-cbydth3q.js";import{l as V}from"../chunk-cvtt04m6.js";import{o as L}from"../chunk-0eh4rzy9.js";import{q as I}from"../chunk-50bcv2hw.js";import"../chunk-wdfq2fpx.js";import"../chunk-bbyt23tw.js";var _=50;function q(e,t,r,i,o){if(e.series.length===0)return null;let{x:a,y:s}=B(t,r,e,i,o),l=e.bounds.maxX-e.bounds.minX,g=l/e.view.zoomX,f=e.bounds.minX+e.view.panX*l,b=-1,u=-1,M=1/0,Y=1/0;for(let p=0;p<e.series.length;p++){if(e.config?.hiddenSeries?.has(p))continue;let h=e.series[p],A=h.rawX.length;if(A===0)continue;let m=0,d=A-1;while(m<d){let S=m+d>>1;if(h.rawX[S]<a)m=S+1;else d=S}let X=m;if(m>0&&Math.abs(h.rawX[m-1]-a)<Math.abs(h.rawX[m]-a))X=m-1;let C=Math.abs(h.rawX[X]-a),$=Math.abs(h.rawY[X]-s);if(C<M||C===M&&$<Y)M=C,Y=$,b=p,u=X}if(b===-1)return null;let c=e.series[b];if(Math.abs((c.rawX[u]-f)/g*i-t)>_)return null;return{x:c.rawX[u],y:c.rawY[u],index:u,screenX:t,screenY:r,seriesIndex:b,seriesLabel:c.label}}var k=new WeakMap,O=(e,t,r,i,o,a,s,l)=>{e.beginPath(),e.roundRect(t,r,i,o,a),e.fillStyle=s,e.fill(),e.strokeStyle=l,e.lineWidth=1.5,e.stroke()},Q={name:"hover",install(e,t){let r=I,i=new AbortController,o={hoverResult:null,pillX:0,pillY:0,pillTargetX:0,pillTargetY:0,pillAnimRef:null,abort:i};k.set(e,o);let a=(l)=>{if(e.config.onHover)e.config.onHover(l);if(!(e.config.showTooltip??!1))return;if(o.hoverResult=l,r.drawChart(e),l&&!o.pillAnimRef){let g=performance.now(),f=(b)=>{if(!o.hoverResult)return o.pillAnimRef=null;let u=1-Math.pow(0.5,(b-g)/(e.config.pillDecayMs??60));g=b,o.pillX+=(o.pillTargetX-o.pillX)*u,o.pillY+=(o.pillTargetY-o.pillY)*u,r.drawChart(e),o.pillAnimRef=requestAnimationFrame(f)};o.pillAnimRef=requestAnimationFrame(f)}},s=(l,g)=>{if(e.dragging)return;let f=t.getBoundingClientRect();a(q(e,l-f.left,g-f.top,f.width,f.height))};t.addEventListener("mousemove",(l)=>s(l.clientX,l.clientY),{signal:i.signal}),t.addEventListener("touchmove",(l)=>{if(l.touches.length===1)s(l.touches[0].clientX,l.touches[0].clientY)},{signal:i.signal,passive:!0}),["mouseleave","pointerdown","touchend","touchcancel"].forEach((l)=>t.addEventListener(l,()=>a(null),{signal:i.signal}))},afterDraw(e,t){let r=k.get(t);if(!r?.hoverResult||!t.config.showTooltip)return;let{hoverResult:i}=r,o=t.width,a=t.height,s=L,l=I.isDark,{formatX:g=String,formatY:f=String,fontFamily:b=V}=t.config,{x:u,y:M}=W(i.x,i.y,t,o,a),Y=t.series[i.seriesIndex]||t.series[0],c=`${Math.round(Y.color.r*255)},${Math.round(Y.color.g*255)},${Math.round(Y.color.b*255)}`,p=`rgb(${c})`,h=l?`oklch(from ${p} calc(l + 0.1) c h)`:p;e.save(),e.setLineDash([4,3]),e.strokeStyle=`rgba(${c},0.4)`,e.stroke(new Path2D(`M${u} 0V${a-s.bottom}M${s.left} ${M}H${o}`)),e.restore(),e.beginPath(),e.arc(u,M,4.5,0,Math.PI*2),e.fillStyle=p,e.fill(),e.strokeStyle=l?"rgba(0,0,0,0.6)":"rgba(255,255,255,0.9)",e.stroke();let A=t.series.map((n,v)=>{if(t.config?.hiddenSeries?.has(v))return null;let w=0,y=n.rawX.length-1;while(w<=y){let T=w+y>>1;if(Math.abs(n.rawX[T]-i.x)<0.0001)return{label:n.label,val:f(n.rawY[T]),rawVal:n.rawY[T],col:`rgb(${Math.round(n.color.r*255)},${Math.round(n.color.g*255)},${Math.round(n.color.b*255)})`};n.rawX[T]<i.x?w=T+1:y=T-1}return null}).filter((n)=>n!==null);A.sort((n,v)=>Math.abs(v.rawVal)-Math.abs(n.rawVal));let m=A.length,d=A.slice(0,5),X=m-d.length;if(r.pillTargetX=u,r.pillTargetY=M,!r.pillAnimRef)r.pillX=u,r.pillY=M;let C=(n,v,w,y)=>{e.font=`600 10px ${b}`;let T=e.measureText(w).width,H=T+12,P=18,z=y?n-H/2:n-H,G=y?v:v-P/2;e.save();let N=y?Math.atan((r.pillTargetX-r.pillX)/80)*0.2:Math.atan((r.pillTargetY-r.pillY)/80)*0.2;e.translate(n,v),e.rotate(N);let E=y?-H/2:-H,F=y?0:-P/2;e.beginPath(),e.roundRect(E,F,H,P,4),e.fillStyle=l?"rgba(0,0,0,0.75)":"rgba(255,255,255,0.75)",e.fill(),e.fillStyle=`rgba(${c},0.2)`,e.fill(),e.strokeStyle=h,e.lineWidth=1.5,e.stroke(),e.fillStyle=h,e.textAlign="center",e.textBaseline="middle",e.fillText(w,E+H/2,F+P/2),e.restore()};C(Math.max(s.left,Math.min(o-s.right,r.pillX)),a-s.bottom+4,g(i.x),!0),C(s.left,Math.max(9,Math.min(a-s.bottom-9,r.pillY)),f(i.y),!1);let $=Math.max(...d.map((n)=>e.measureText(n.label+n.val).width))+40,S=30+d.length*18+(X>0?18:0),R=i.screenX+14,D=i.screenY-S-6;if(R+$>o)R=i.screenX-$-14;if(D=Math.max(4,Math.min(a-S-4,i.screenY-S-6)),O(e,R,D,$,S,6,l?"rgba(28,28,30,0.95)":"rgba(255,255,255,0.96)","rgba(0,0,0,0.08)"),e.textAlign="left",e.textBaseline="middle",e.fillStyle=l?"#888":"#999",e.fillText(g(i.x),R+10,D+15),d.forEach((n,v)=>{let w=D+35+v*18;e.fillStyle=n.col,e.beginPath(),e.roundRect(R+10,w-4,8,8,2),e.fill(),e.fillStyle=l?"#eee":"#1a1a1a",e.fillText(`${n.label}: ${n.val}`,R+24,w)}),X>0){let n=D+35+d.length*18;e.fillStyle=l?"#666":"#aaa",e.fillText(`+${X} more`,R+10,n)}},uninstall(e){let t=k.get(e);if(t?.pillAnimRef)cancelAnimationFrame(t.pillAnimRef);t?.abort.abort(),k.delete(e)}};export{Q as hoverPlugin};

package/dist/plugins/labels-panel.d.ts

@@ -0,0 +1,4 @@
+import type { ChartPlugin } from "../types.ts";
+import { type LabelsConfig } from "./labels.ts";
+export declare const labelsPanelPlugin: ChartPlugin<LabelsConfig>;
+//# sourceMappingURL=labels-panel.d.ts.map

package/dist/plugins/labels-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"labels-panel.d.ts","sourceRoot":"","sources":["../../src/plugins/labels-panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAA8B,MAAM,aAAa,CAAC;AAG3E,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,aAAa,CAAC;AAgDrB,eAAO,MAAM,iBAAiB,EAAE,WAAW,CAAC,YAAY,CAgFvD,CAAC"}

package/dist/plugins/labels-panel.js

@@ -0,0 +1,122 @@
+import {
+  DEFAULT_FONT,
+  DEFAULT_LABEL_SIZE
+} from "../chunk-1ngxm8t2.js";
+import {
+  MARGIN
+} from "../chunk-831dem4f.js";
+import {
+  ChartManager
+} from "../chunk-n8ew0z0e.js";
+import"../chunk-93yrr7er.js";
+import"../chunk-5gtx3pza.js";
+
+// src/plugins/labels-panel.ts
+var niceTicks = (min, max, count) => {
+  const range = max - min;
+  if (range <= 0)
+    return [min];
+  const rough = range / count, mag = 10 ** Math.floor(Math.log10(rough)), res = rough / mag;
+  const step = mag * (res <= 1.5 ? 1 : res <= 3 ? 2 : res <= 7 ? 5 : 10);
+  const ticks = [];
+  for (let v = Math.ceil(min / step) * step;v <= max; v += step)
+    ticks.push(v);
+  return ticks;
+};
+var getViewState = (chart) => {
+  const { width: w, height: h } = chart, m = MARGIN;
+  const { bounds: b, view: v } = chart, fullX = b.maxX - b.minX, fullY = b.maxY - b.minY;
+  const rx = fullX / v.zoomX, ry = fullY / v.zoomY;
+  const mx = b.minX + v.panX * fullX, my = b.minY + v.panY * fullY;
+  const bgc = chart.config.bgColor ?? (ChartManager.isDark ? [0.11, 0.11, 0.12] : [0.98, 0.98, 0.98]);
+  return {
+    w,
+    h,
+    m,
+    rx,
+    ry,
+    mx,
+    my,
+    bg: `rgb(${Math.round(bgc[0] * 255)},${Math.round(bgc[1] * 255)},${Math.round(bgc[2] * 255)})`,
+    bgAlpha: `rgba(${Math.round(bgc[0] * 255)},${Math.round(bgc[1] * 255)},${Math.round(bgc[2] * 255)},0.95)`,
+    border: ChartManager.isDark ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)",
+    font: chart.config.fontFamily ?? DEFAULT_FONT,
+    text: chart.config.textColor ?? (ChartManager.isDark ? "#c0c0c0" : "#333333"),
+    grid: chart.config.gridColor ?? (ChartManager.isDark ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.06)")
+  };
+};
+var labelsPanelPlugin = {
+  name: "labels-panel",
+  beforeDraw(ctx, chart) {
+    const { w, h, m, rx, ry, mx, my, grid } = getViewState(chart);
+    ctx.strokeStyle = grid;
+    ctx.lineWidth = 1;
+    ctx.beginPath();
+    niceTicks(my, my + ry, 7).forEach((v) => {
+      const y = h * (1 - (v - my) / ry);
+      if (y > 5 && y < h - m.bottom - 5) {
+        ctx.moveTo(m.left, y);
+        ctx.lineTo(w, y);
+      }
+    });
+    niceTicks(mx, mx + rx, 8).forEach((v) => {
+      const x = w * ((v - mx) / rx);
+      if (x > m.left && x < w) {
+        ctx.moveTo(x, 0);
+        ctx.lineTo(x, h - m.bottom);
+      }
+    });
+    ctx.stroke();
+  },
+  afterDraw(ctx, chart) {
+    const { w, h, m, rx, ry, mx, my, bgAlpha, border, font, text } = getViewState(chart);
+    const {
+      formatX = String,
+      formatY = String,
+      labelSize = DEFAULT_LABEL_SIZE
+    } = chart.config;
+    ctx.fillStyle = bgAlpha;
+    ctx.fillRect(0, 0, m.left, h - m.bottom);
+    ctx.fillRect(0, h - m.bottom, w, m.bottom);
+    ctx.strokeStyle = border;
+    ctx.lineWidth = 1;
+    ctx.beginPath();
+    ctx.moveTo(0, 0);
+    ctx.lineTo(m.left, 0);
+    ctx.moveTo(m.left, 0);
+    ctx.lineTo(m.left, h - m.bottom);
+    ctx.moveTo(0, 0);
+    ctx.lineTo(0, h);
+    ctx.moveTo(0, h);
+    ctx.lineTo(w, h);
+    ctx.moveTo(m.left, h - m.bottom);
+    ctx.lineTo(w, h - m.bottom);
+    ctx.moveTo(w, h - m.bottom);
+    ctx.lineTo(w, h);
+    ctx.stroke();
+    ctx.font = `${labelSize}px ${font}`;
+    ctx.fillStyle = text;
+    ctx.textAlign = "center";
+    ctx.textBaseline = "middle";
+    niceTicks(my, my + ry, 7).forEach((v) => {
+      const y = h * (1 - (v - my) / ry);
+      if (y > 5 && y < h - m.bottom - 5)
+        ctx.fillText(formatY(v), m.left / 2, y);
+    });
+    ctx.textAlign = "right";
+    ctx.textBaseline = "top";
+    niceTicks(mx, mx + rx, 8).forEach((v) => {
+      const x = w * ((v - mx) / rx);
+      if (x < m.left - 10 || x > w + 30)
+        return;
+      ctx.save();
+      ctx.translate(x, h - m.bottom * 0.7);
+      ctx.rotate(-Math.PI / 14);
+      ctx.fillText(formatX(v), 0, 0);
+      ctx.restore();
+    });
+  }
+};
+export {
+  labelsPanelPlugin
+};

package/dist/plugins/labels-panel.min.js

@@ -0,0 +1 @@
+import{l as C,m as M}from"../chunk-cvtt04m6.js";import{o as y}from"../chunk-0eh4rzy9.js";import{q as T}from"../chunk-50bcv2hw.js";import"../chunk-wdfq2fpx.js";import"../chunk-bbyt23tw.js";var d=(o,f,n)=>{let t=f-o;if(t<=0)return[o];let e=t/n,l=10**Math.floor(Math.log10(e)),a=e/l,r=l*(a<=1.5?1:a<=3?2:a<=7?5:10),m=[];for(let s=Math.ceil(o/r)*r;s<=f;s+=r)m.push(s);return m},p=(o)=>{let{width:f,height:n}=o,t=y,{bounds:e,view:l}=o,a=e.maxX-e.minX,r=e.maxY-e.minY,m=a/l.zoomX,s=r/l.zoomY,b=e.minX+l.panX*a,i=e.minY+l.panY*r,g=o.config.bgColor??(T.isDark?[0.11,0.11,0.12]:[0.98,0.98,0.98]);return{w:f,h:n,m:t,rx:m,ry:s,mx:b,my:i,bg:`rgb(${Math.round(g[0]*255)},${Math.round(g[1]*255)},${Math.round(g[2]*255)})`,bgAlpha:`rgba(${Math.round(g[0]*255)},${Math.round(g[1]*255)},${Math.round(g[2]*255)},0.95)`,border:T.isDark?"rgba(255,255,255,0.15)":"rgba(0,0,0,0.15)",font:o.config.fontFamily??C,text:o.config.textColor??(T.isDark?"#c0c0c0":"#333333"),grid:o.config.gridColor??(T.isDark?"rgba(255,255,255,0.06)":"rgba(0,0,0,0.06)")}},E={name:"labels-panel",beforeDraw(o,f){let{w:n,h:t,m:e,rx:l,ry:a,mx:r,my:m,grid:s}=p(f);o.strokeStyle=s,o.lineWidth=1,o.beginPath(),d(m,m+a,7).forEach((b)=>{let i=t*(1-(b-m)/a);if(i>5&&i<t-e.bottom-5)o.moveTo(e.left,i),o.lineTo(n,i)}),d(r,r+l,8).forEach((b)=>{let i=n*((b-r)/l);if(i>e.left&&i<n)o.moveTo(i,0),o.lineTo(i,t-e.bottom)}),o.stroke()},afterDraw(o,f){let{w:n,h:t,m:e,rx:l,ry:a,mx:r,my:m,bgAlpha:s,border:b,font:i,text:g}=p(f),{formatX:k=String,formatY:v=String,labelSize:S=M}=f.config;o.fillStyle=s,o.fillRect(0,0,e.left,t-e.bottom),o.fillRect(0,t-e.bottom,n,e.bottom),o.strokeStyle=b,o.lineWidth=1,o.beginPath(),o.moveTo(0,0),o.lineTo(e.left,0),o.moveTo(e.left,0),o.lineTo(e.left,t-e.bottom),o.moveTo(0,0),o.lineTo(0,t),o.moveTo(0,t),o.lineTo(n,t),o.moveTo(e.left,t-e.bottom),o.lineTo(n,t-e.bottom),o.moveTo(n,t-e.bottom),o.lineTo(n,t),o.stroke(),o.font=`${S}px ${i}`,o.fillStyle=g,o.textAlign="center",o.textBaseline="middle",d(m,m+a,7).forEach((u)=>{let h=t*(1-(u-m)/a);if(h>5&&h<t-e.bottom-5)o.fillText(v(u),e.left/2,h)}),o.textAlign="right",o.textBaseline="top",d(r,r+l,8).forEach((u)=>{let h=n*((u-r)/l);if(h<e.left-10||h>n+30)return;o.save(),o.translate(h,t-e.bottom*0.7),o.rotate(-Math.PI/14),o.fillText(k(u),0,0),o.restore()})}};export{E as labelsPanelPlugin};

package/dist/plugins/labels.d.ts

@@ -1,3 +1,18 @@
-import type { ChartPlugin } from "../chart-library.ts";
-export declare const labelsPlugin: ChartPlugin;
+import type { ChartPlugin } from "../types.ts";
+export declare const DEFAULT_FONT = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif";
+export declare const DEFAULT_LABEL_SIZE = 12;
+export interface LabelsConfig {
+    textColor?: string;
+    gridColor?: string;
+    fontFamily?: string;
+    labelSize?: number;
+    formatX?: (value: number) => string;
+    formatY?: (value: number) => string;
+}
+declare module "../types.ts" {
+    interface ChartPluginRegistry {
+        labels: LabelsConfig;
+    }
+}
+export declare const labelsPlugin: ChartPlugin<LabelsConfig>;
 //# sourceMappingURL=labels.d.ts.map

package/dist/plugins/labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"labels.d.ts","sourceRoot":"","sources":["../../src/plugins/labels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,qBAAqB,CAAC;AA8CtE,eAAO,MAAM,YAAY,EAAE,WAmF1B,CAAC"}
+{"version":3,"file":"labels.d.ts","sourceRoot":"","sources":["../../src/plugins/labels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAA8B,MAAM,aAAa,CAAC;AAI3E,eAAO,MAAM,YAAY,2EAC+C,CAAC;AACzE,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACrC;AAED,OAAO,QAAQ,aAAa,CAAC;IAC3B,UAAU,mBAAmB;QAC3B,MAAM,EAAE,YAAY,CAAC;KACtB;CACF;AA6DD,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,YAAY,CAmGlD,CAAC"}

package/dist/plugins/labels.js

@@ -1,102 +1,14 @@
 import {
-  ChartManager
-} from "../chart-library.js";
-import"../chunk-bgfkgcmg.js";
-
-// src/plugins/labels.ts
-var niceTicks = (min, max, count) => {
-  const range = max - min;
-  if (range <= 0)
-    return [min];
-  const rough = range / count, mag = 10 ** Math.floor(Math.log10(rough)), res = rough / mag;
-  const step = mag * (res <= 1.5 ? 1 : res <= 3 ? 2 : res <= 7 ? 5 : 10);
-  const ticks = [];
-  for (let v = Math.ceil(min / step) * step;v <= max; v += step)
-    ticks.push(v);
-  return ticks;
-};
-var getViewState = (chart) => {
-  const mgr = ChartManager.getInstance(), w = chart.width, h = chart.height, m = ChartManager.MARGIN;
-  const { bounds: b, view: v } = chart, fullX = b.maxX - b.minX, fullY = b.maxY - b.minY;
-  const rx = fullX / v.zoomX, ry = fullY / v.zoomY;
-  const mx = b.minX + v.panX * fullX, my = b.minY + v.panY * fullY;
-  const bgc = chart.bgColor ?? (mgr.isDark ? [0.11, 0.11, 0.12] : [0.98, 0.98, 0.98]);
-  return {
-    w,
-    h,
-    m,
-    rx,
-    ry,
-    mx,
-    my,
-    bg: `${Math.round(bgc[0] * 255)},${Math.round(bgc[1] * 255)},${Math.round(bgc[2] * 255)}`,
-    font: chart.fontFamily ?? ChartManager.DEFAULT_FONT,
-    text: chart.textColor ?? (mgr.isDark ? "#c0c0c0" : "#333333"),
-    grid: chart.gridColor ?? (mgr.isDark ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.06)")
-  };
-};
-var labelsPlugin = {
-  name: "labels",
-  beforeDraw(ctx, chart) {
-    const { w, h, m, rx, ry, mx, my, grid } = getViewState(chart);
-    ctx.strokeStyle = grid;
-    ctx.lineWidth = 1;
-    ctx.beginPath();
-    niceTicks(my, my + ry, 7).forEach((v) => {
-      const y = h * (1 - (v - my) / ry);
-      if (y > 5 && y < h - m.bottom - 5) {
-        ctx.moveTo(m.left, y);
-        ctx.lineTo(w, y);
-      }
-    });
-    niceTicks(mx, mx + rx, 8).forEach((v) => {
-      const x = w * ((v - mx) / rx);
-      if (x > m.left && x < w) {
-        ctx.moveTo(x, 0);
-        ctx.lineTo(x, h - m.bottom);
-      }
-    });
-    ctx.stroke();
-  },
-  afterDraw(ctx, chart) {
-    const { w, h, m, rx, ry, mx, my, bg, font, text } = getViewState(chart);
-    const {
-      formatX = String,
-      formatY = String,
-      labelSize = ChartManager.DEFAULT_LABEL_SIZE
-    } = chart.config;
-    const drawFade = (dir, x, y, fw, fh) => {
-      const g = dir === "left" ? ctx.createLinearGradient(x, 0, x + fw, 0) : ctx.createLinearGradient(0, y, 0, y + fh);
-      const alphas = dir === "left" ? [1, 0.7, 0.2, 0.05, 0] : [0, 0.05, 0.2, 0.7, 1];
-      [0, 0.35, 0.55, 0.7, 1].forEach((s, i) => g.addColorStop(s, `rgba(${bg},${alphas[i]})`));
-      ctx.fillStyle = g;
-      ctx.fillRect(x, y, fw, fh);
-    };
-    drawFade("left", 0, 0, m.left + 20, h);
-    drawFade("bottom", 0, h - m.bottom - 20, w, m.bottom + 20);
-    ctx.font = `${labelSize}px ${font}`;
-    ctx.fillStyle = text;
-    ctx.textAlign = "right";
-    ctx.textBaseline = "middle";
-    niceTicks(my, my + ry, 7).forEach((v) => {
-      const y = h * (1 - (v - my) / ry);
-      if (y > 5 && y < h - m.bottom - 5)
-        ctx.fillText(formatY(v), m.left - 5, y);
-    });
-    ctx.textAlign = "right";
-    ctx.textBaseline = "top";
-    niceTicks(mx, mx + rx, 8).forEach((v) => {
-      const x = w * ((v - mx) / rx);
-      if (x < m.left - 10 || x > w + 30)
-        return;
-      ctx.save();
-      ctx.translate(x, h - m.bottom + 5);
-      ctx.rotate(-Math.PI / 14);
-      ctx.fillText(formatX(v), 0, 0);
-      ctx.restore();
-    });
-  }
-};
-export {
+  DEFAULT_FONT,
+  DEFAULT_LABEL_SIZE,
   labelsPlugin
+} from "../chunk-1ngxm8t2.js";
+import"../chunk-831dem4f.js";
+import"../chunk-n8ew0z0e.js";
+import"../chunk-93yrr7er.js";
+import"../chunk-5gtx3pza.js";
+export {
+  labelsPlugin,
+  DEFAULT_LABEL_SIZE,
+  DEFAULT_FONT
 };

package/dist/plugins/labels.min.js

@@ -1 +1 @@
-import{a as d}from"../chart-library.js";import"../chunk-cj3zanvs.js";var c=(t,m,s)=>{let r=m-t;if(r<=0)return[t];let o=r/s,e=10**Math.floor(Math.log10(o)),n=o/e,a=e*(n<=1.5?1:n<=3?2:n<=7?5:10),l=[];for(let b=Math.ceil(t/a)*a;b<=m;b+=a)l.push(b);return l},S=(t)=>{let m=d.getInstance(),s=t.width,r=t.height,o=d.MARGIN,{bounds:e,view:n}=t,a=e.maxX-e.minX,l=e.maxY-e.minY,b=a/n.zoomX,h=l/n.zoomY,i=e.minX+n.panX*a,p=e.minY+n.panY*l,u=t.bgColor??(m.isDark?[0.11,0.11,0.12]:[0.98,0.98,0.98]);return{w:s,h:r,m:o,rx:b,ry:h,mx:i,my:p,bg:`${Math.round(u[0]*255)},${Math.round(u[1]*255)},${Math.round(u[2]*255)}`,font:t.fontFamily??d.DEFAULT_FONT,text:t.textColor??(m.isDark?"#c0c0c0":"#333333"),grid:t.gridColor??(m.isDark?"rgba(255,255,255,0.06)":"rgba(0,0,0,0.06)")}},$={name:"labels",beforeDraw(t,m){let{w:s,h:r,m:o,rx:e,ry:n,mx:a,my:l,grid:b}=S(m);t.strokeStyle=b,t.lineWidth=1,t.beginPath(),c(l,l+n,7).forEach((h)=>{let i=r*(1-(h-l)/n);if(i>5&&i<r-o.bottom-5)t.moveTo(o.left,i),t.lineTo(s,i)}),c(a,a+e,8).forEach((h)=>{let i=s*((h-a)/e);if(i>o.left&&i<s)t.moveTo(i,0),t.lineTo(i,r-o.bottom)}),t.stroke()},afterDraw(t,m){let{w:s,h:r,m:o,rx:e,ry:n,mx:a,my:l,bg:b,font:h,text:i}=S(m),{formatX:p=String,formatY:u=String,labelSize:w=d.DEFAULT_LABEL_SIZE}=m.config,T=(g,f,y,C,E)=>{let M=g==="left"?t.createLinearGradient(f,0,f+C,0):t.createLinearGradient(0,y,0,y+E),k=g==="left"?[1,0.7,0.2,0.05,0]:[0,0.05,0.2,0.7,1];[0,0.35,0.55,0.7,1].forEach((D,X)=>M.addColorStop(D,`rgba(${b},${k[X]})`)),t.fillStyle=M,t.fillRect(f,y,C,E)};T("left",0,0,o.left+20,r),T("bottom",0,r-o.bottom-20,s,o.bottom+20),t.font=`${w}px ${h}`,t.fillStyle=i,t.textAlign="right",t.textBaseline="middle",c(l,l+n,7).forEach((g)=>{let f=r*(1-(g-l)/n);if(f>5&&f<r-o.bottom-5)t.fillText(u(g),o.left-5,f)}),t.textAlign="right",t.textBaseline="top",c(a,a+e,8).forEach((g)=>{let f=s*((g-a)/e);if(f<o.left-10||f>s+30)return;t.save(),t.translate(f,r-o.bottom+5),t.rotate(-Math.PI/14),t.fillText(p(g),0,0),t.restore()})}};export{$ as labelsPlugin};
+import{l as a,m as b,n as c}from"../chunk-cvtt04m6.js";import"../chunk-0eh4rzy9.js";import"../chunk-50bcv2hw.js";import"../chunk-wdfq2fpx.js";import"../chunk-bbyt23tw.js";export{c as labelsPlugin,b as DEFAULT_LABEL_SIZE,a as DEFAULT_FONT};

package/dist/plugins/legend.d.ts

@@ -0,0 +1,16 @@
+import type { ChartPlugin } from "../types.ts";
+export interface LegendConfig {
+    maxLabelChars?: number;
+    fontFamily?: string;
+    labelSize?: number;
+    textColor?: string;
+    defaultOpen?: boolean;
+    alwaysOpen?: boolean;
+}
+declare module "../types.ts" {
+    interface ChartPluginRegistry {
+        legend: LegendConfig;
+    }
+}
+export declare const legendPlugin: ChartPlugin<LegendConfig>;
+//# sourceMappingURL=legend.d.ts.map

package/dist/plugins/legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../src/plugins/legend.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAA8B,MAAM,aAAa,CAAC;AAI3E,MAAM,WAAW,YAAY;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,OAAO,QAAQ,aAAa,CAAC;IAC3B,UAAU,mBAAmB;QAC3B,MAAM,EAAE,YAAY,CAAC;KACtB;CACF;AAwED,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,YAAY,CA2IlD,CAAC"}