minerva-design 1.1.0 → 1.2.0

package/dist/charts/react/charts.js

@@ -1,13 +1,10 @@
 "use client";
 import { ChartBase as e, engineOptions as t } from "./Chart.js";
-import { useMemo as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
+import { barSeries as n, lineSeries as r, quadrantChartOptions as i, quadrantOf as a, scatterSeries as o } from "../engine/presets.js";
+import { useMemo as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
 //#region src/react/charts.tsx
-var i = (e, t, n) => e.map((e) => ({
-	...e,
-	type: e.type ?? t,
-	...n !== void 0 && (e.type ?? t) === "bar" ? { stack: e.stack ?? n } : {}
-})), a = (e) => ({
+var l = (e) => ({
 	height: e.height,
 	width: e.width,
 	className: e.className,
@@ -15,165 +12,122 @@ var i = (e, t, n) => e.map((e) => ({
 	handleRef: e.ref,
 	onHover: e.onHover,
 	onPointClick: e.onPointClick,
+	onPlotClick: e.onPlotClick,
 	onZoom: e.onZoom,
-	onRendererChange: e.onRendererChange
+	onRendererChange: e.onRendererChange,
+	renderTooltip: e.renderTooltip
 });
-function o(o) {
-	let { series: s, area: c = !1 } = o, l = n(() => i(s, c ? "area" : "line"), [s, c]);
-	return /* @__PURE__ */ r(e, {
+function u(n) {
+	let { series: i, area: a = !1 } = n, o = s(() => r(i, a), [i, a]);
+	return /* @__PURE__ */ c(e, {
 		options: t({
-			...o,
-			series: l
+			...n,
+			series: o
 		}),
-		...a(o)
+		...l(n)
 	});
 }
-function s(o) {
-	let { series: s, stacked: c = !1 } = o, l = n(() => i(s, "bar", c ? "stack" : void 0), [s, c]);
-	return /* @__PURE__ */ r(e, {
+function d(r) {
+	let { series: i, stacked: a = !1 } = r, o = s(() => n(i, a), [i, a]);
+	return /* @__PURE__ */ c(e, {
 		options: t({
-			...o,
-			series: l
+			...r,
+			series: o
 		}),
-		...a(o)
+		...l(r)
 	});
 }
-function c(o) {
-	let { series: s } = o, c = n(() => i(s, "scatter"), [s]);
-	return /* @__PURE__ */ r(e, {
+function f(n) {
+	let { series: r } = n, i = s(() => o(r), [r]);
+	return /* @__PURE__ */ c(e, {
 		options: t({
-			...o,
-			series: c
+			...n,
+			series: i
 		}),
-		...a(o)
+		...l(n)
 	});
 }
-var l = {
-	topLeft: "var(--danger-color, #ef4444)",
-	topRight: "var(--primary-color, #4f46e5)",
-	bottomLeft: "var(--warning-color, #f59e0b)",
-	bottomRight: "var(--text-secondary-color, #64748b)"
+var p = [
+	"topLeft",
+	"topRight",
+	"bottomLeft",
+	"bottomRight"
+], m = (e, t, n) => {
+	let r = e.endsWith("Left"), i = e.startsWith("top");
+	return {
+		position: "absolute",
+		left: r ? 0 : n.x - t.x,
+		top: i ? 0 : n.y - t.y,
+		width: r ? n.x - t.x : t.x + t.width - n.x,
+		height: i ? n.y - t.y : t.y + t.height - n.y,
+		pointerEvents: "none"
+	};
 };
-function u(i) {
-	let { points: o, xDomain: s = [0, 10], yDomain: c = [0, 10], xSplit: u, ySplit: d, quadrants: f, xLabel: p, yLabel: m, reverseX: h = !1, showLabels: g = !0, pointSize: _ = 12, name: v, onPointClick: y } = i, [b, x] = s, [S, C] = c, w = u ?? (b + x) / 2, T = d ?? (S + C) / 2, E = n(() => {
-		let e = (e) => ({
-			...f?.[e],
-			color: f?.[e]?.color ?? l[e]
-		});
-		return {
-			topLeft: e("topLeft"),
-			topRight: e("topRight"),
-			bottomLeft: e("bottomLeft"),
-			bottomRight: e("bottomRight")
+function h(n) {
+	let { points: r, xDomain: o, yDomain: s, xSplit: u, ySplit: d, quadrants: f, xLabel: h, yLabel: g, axisLabels: _, showTicks: v, reverseX: y, showLabels: b, pointSize: x, name: S, draggable: C, onPointClick: w, onPointDrop: T, onQuadrantClick: E, renderTooltip: D, quadrantContent: O } = n, k = {
+		xDomain: o,
+		yDomain: s,
+		xSplit: u,
+		ySplit: d,
+		reverseX: y
+	}, A = i({
+		points: r,
+		xDomain: o,
+		yDomain: s,
+		xSplit: u,
+		ySplit: d,
+		quadrants: f,
+		xLabel: h,
+		yLabel: g,
+		axisLabels: _,
+		showTicks: v,
+		reverseX: y,
+		showLabels: b,
+		pointSize: x,
+		name: S,
+		draggable: C ?? !!T
+	}, t({
+		...n,
+		series: []
+	})), j = O ? (e) => {
+		let [t, n] = o ?? [0, 10], [r, i] = s ?? [0, 10], a = u ?? (t + n) / 2, l = d ?? (r + i) / 2, f = (a - t) / (n - t || 1), h = (l - r) / (i - r || 1), g = {
+			x: e.x + e.width * (y ? 1 - f : f),
+			y: e.y + e.height * (1 - h)
 		};
-	}, [f]), D = n(() => {
-		let e = (e, t) => {
-			let n = h ? e < w : e >= w;
-			return t >= T ? n ? "topRight" : "topLeft" : n ? "bottomRight" : "bottomLeft";
-		};
-		return [{
-			type: "scatter",
-			name: v ?? "",
-			pointSize: _,
-			showLabels: g,
-			opacity: .9,
-			data: o.map((t) => ({
-				x: t.x,
-				y: t.y,
-				label: t.label,
-				size: t.size,
-				color: t.color ?? E[e(t.x, t.y)].color
-			}))
-		}];
-	}, [
-		o,
-		E,
-		h,
-		w,
-		T,
-		v,
-		_,
-		g
-	]), O = n(() => {
-		let e = h ? [w, x] : [b, w], t = h ? [b, w] : [w, x], n = (e, [t, n], [r, i], a) => ({
-			type: "rect",
-			x0: t,
-			x1: n,
-			y0: r,
-			y1: i,
-			color: E[e].color,
-			opacity: .07,
-			label: E[e].label,
-			labelPosition: a
-		});
-		return [
-			n("topLeft", e, [T, C], "top-left"),
-			n("topRight", t, [T, C], "top-right"),
-			n("bottomLeft", e, [S, T], "bottom-left"),
-			n("bottomRight", t, [S, T], "bottom-right"),
-			{
-				type: "line",
-				axis: "x",
-				value: w,
-				dash: [],
-				color: "var(--border-strong-color, var(--border-color, #cbd5e1))"
-			},
-			{
-				type: "line",
-				axis: "y",
-				value: T,
-				dash: [],
-				color: "var(--border-strong-color, var(--border-color, #cbd5e1))"
-			},
-			...i.annotations ?? []
-		];
-	}, [
-		E,
-		h,
-		b,
-		x,
-		S,
-		C,
-		w,
-		T,
-		i.annotations
-	]), k = t({
-		...i,
-		series: D,
-		annotations: O,
-		xAxis: {
-			min: b,
-			max: x,
-			title: p,
-			reverse: h,
-			nice: !1,
-			grid: !1,
-			tickCount: 4
-		},
-		yAxis: {
-			min: S,
-			max: C,
-			title: m,
-			nice: !1,
-			grid: !1,
-			tickCount: 4
-		},
-		legend: i.legend ?? !1,
-		interaction: i.interaction ?? { zoom: !1 }
-	});
-	return /* @__PURE__ */ r(e, {
-		options: k,
-		...a({
-			...i,
-			onPointClick: void 0
+		return p.map((t) => O[t] ? /* @__PURE__ */ c("div", {
+			className: `minerva-chart-quadrant minerva-chart-quadrant-${t}`,
+			style: m(t, e, g),
+			children: O[t]
+		}, t) : null);
+	} : void 0;
+	return /* @__PURE__ */ c(e, {
+		options: A,
+		...l({
+			...n,
+			onPointClick: void 0,
+			renderTooltip: void 0
 		}),
-		onPointClick: y ? (e) => {
+		overlay: j,
+		onPointClick: w ? (e) => {
+			let t = e.items[0]?.index;
+			t !== void 0 && r[t] && w(r[t], t);
+		} : void 0,
+		onPlotClick: E ? (e) => E(a(k, e.x, e.y), e) : void 0,
+		onDrop: T ? (e) => {
+			let t = e.item.index;
+			r[t] && T(r[t], t, {
+				x: e.x,
+				y: e.y,
+				quadrant: a(k, e.x, e.y)
+			});
+		} : void 0,
+		renderTooltip: D ? (e) => {
 			let t = e.items[0]?.index;
-			t !== void 0 && o[t] && y(o[t], t);
+			return t !== void 0 && r[t] ? D(r[t], t) : null;
 		} : void 0
 	});
 }
 //#endregion
-export { s as BarChart, o as LineChart, u as QuadrantChart, c as ScatterChart };
+export { d as BarChart, u as LineChart, h as QuadrantChart, f as ScatterChart };
 
 //# sourceMappingURL=charts.js.map

package/dist/charts/react/charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.js","names":["withType","series","s","type","stack","frameProps","props","LineChart","input","useMemo","area","ChartBase","engineOptions","BarChart","stacked","ScatterChart","DEFAULT_QUADRANT_COLORS","QuadrantChart","x0","x1","xDomain","y0","y1","yDomain","xs","xSplit","ys","ySplit","regions","region","quadrants","corner","cornerOf","right","reverseX","x","y","name","points","p","pointSize","showLabels","annotations","left","rect","xa","xb","ya","yb","position","options","xLabel","yLabel","onPointClick","index","event"],"sources":["../../../../charts/src/react/charts.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type {\n  ChartAnnotation,\n  ChartSeries,\n  ChartSeriesType,\n} from \"../engine/types\";\nimport { ChartBase, engineOptions } from \"./Chart\";\nimport type {\n  BarChartProps,\n  ChartCommonProps,\n  LineChartProps,\n  QuadrantChartProps,\n  QuadrantRegion,\n  ScatterChartProps,\n} from \"./types\";\n\nconst withType = (\n  series: readonly ChartSeries[],\n  type: ChartSeriesType,\n  stack?: string,\n): ChartSeries[] =>\n  series.map((s) => ({\n    ...s,\n    type: s.type ?? type,\n    ...(stack !== undefined && (s.type ?? type) === \"bar\"\n      ? { stack: s.stack ?? stack }\n      : {}),\n  }));\n\nconst frameProps = (props: ChartCommonProps) => ({\n  height: props.height,\n  width: props.width,\n  className: props.className,\n  style: props.style,\n  handleRef: props.ref,\n  onHover: props.onHover,\n  onPointClick: props.onPointClick,\n  onZoom: props.onZoom,\n  onRendererChange: props.onRendererChange,\n});\n\n/** Line (or area) chart; handles millions of points on the GPU */\nexport function LineChart(props: LineChartProps) {\n  const { series: input, area = false } = props;\n  const series = useMemo(\n    () => withType(input, area ? \"area\" : \"line\"),\n    [input, area],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Bar chart: grouped side by side, or stacked */\nexport function BarChart(props: BarChartProps) {\n  const { series: input, stacked = false } = props;\n  const series = useMemo(\n    () => withType(input, \"bar\", stacked ? \"stack\" : undefined),\n    [input, stacked],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Scatter chart: zooms on both axes, hit testing through a spatial index */\nexport function ScatterChart(props: ScatterChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => withType(input, \"scatter\"), [input]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\nconst DEFAULT_QUADRANT_COLORS = {\n  topLeft: \"var(--danger-color, #ef4444)\",\n  topRight: \"var(--primary-color, #4f46e5)\",\n  bottomLeft: \"var(--warning-color, #f59e0b)\",\n  bottomRight: \"var(--text-secondary-color, #64748b)\",\n} as const;\n\ntype Corner = keyof typeof DEFAULT_QUADRANT_COLORS;\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted\n * quadrants with titles, dividers, and labelled dots placed without\n * overlapping labels.\n */\nexport function QuadrantChart(props: QuadrantChartProps) {\n  const {\n    points,\n    xDomain = [0, 10],\n    yDomain = [0, 10],\n    xSplit,\n    ySplit,\n    quadrants,\n    xLabel,\n    yLabel,\n    reverseX = false,\n    showLabels = true,\n    pointSize = 12,\n    name,\n    onPointClick,\n  } = props;\n  const [x0, x1] = xDomain;\n  const [y0, y1] = yDomain;\n  const xs = xSplit ?? (x0 + x1) / 2;\n  const ys = ySplit ?? (y0 + y1) / 2;\n\n  const regions = useMemo(() => {\n    const region = (\n      corner: Corner,\n    ): Required<Pick<QuadrantRegion, \"color\">> & QuadrantRegion => ({\n      ...quadrants?.[corner],\n      color: quadrants?.[corner]?.color ?? DEFAULT_QUADRANT_COLORS[corner],\n    });\n    return {\n      topLeft: region(\"topLeft\"),\n      topRight: region(\"topRight\"),\n      bottomLeft: region(\"bottomLeft\"),\n      bottomRight: region(\"bottomRight\"),\n    };\n  }, [quadrants]);\n\n  const series = useMemo((): ChartSeries[] => {\n    const cornerOf = (x: number, y: number): Corner => {\n      const right = reverseX ? x < xs : x >= xs;\n      const top = y >= ys;\n      return top\n        ? right\n          ? \"topRight\"\n          : \"topLeft\"\n        : right\n          ? \"bottomRight\"\n          : \"bottomLeft\";\n    };\n    return [\n      {\n        type: \"scatter\",\n        name: name ?? \"\",\n        pointSize,\n        showLabels,\n        opacity: 0.9,\n        data: points.map((p) => ({\n          x: p.x,\n          y: p.y,\n          label: p.label,\n          size: p.size,\n          color: p.color ?? regions[cornerOf(p.x, p.y)].color,\n        })),\n      },\n    ];\n  }, [points, regions, reverseX, xs, ys, name, pointSize, showLabels]);\n\n  const annotations = useMemo((): ChartAnnotation[] => {\n    // visual left / right -> data ranges\n    const left: [number, number] = reverseX ? [xs, x1] : [x0, xs];\n    const right: [number, number] = reverseX ? [x0, xs] : [xs, x1];\n    const rect = (\n      corner: Corner,\n      [xa, xb]: [number, number],\n      [ya, yb]: [number, number],\n      position: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\",\n    ): ChartAnnotation => ({\n      type: \"rect\",\n      x0: xa,\n      x1: xb,\n      y0: ya,\n      y1: yb,\n      color: regions[corner].color,\n      opacity: 0.07,\n      label: regions[corner].label,\n      labelPosition: position,\n    });\n    return [\n      rect(\"topLeft\", left, [ys, y1], \"top-left\"),\n      rect(\"topRight\", right, [ys, y1], \"top-right\"),\n      rect(\"bottomLeft\", left, [y0, ys], \"bottom-left\"),\n      rect(\"bottomRight\", right, [y0, ys], \"bottom-right\"),\n      {\n        type: \"line\",\n        axis: \"x\",\n        value: xs,\n        dash: [],\n        color: \"var(--border-strong-color, var(--border-color, #cbd5e1))\",\n      },\n      {\n        type: \"line\",\n        axis: \"y\",\n        value: ys,\n        dash: [],\n        color: \"var(--border-strong-color, var(--border-color, #cbd5e1))\",\n      },\n      ...(props.annotations ?? []),\n    ];\n  }, [regions, reverseX, x0, x1, y0, y1, xs, ys, props.annotations]);\n\n  const options = engineOptions({\n    ...props,\n    series,\n    annotations,\n    xAxis: {\n      min: x0,\n      max: x1,\n      title: xLabel,\n      reverse: reverseX,\n      nice: false,\n      grid: false,\n      tickCount: 4,\n    },\n    yAxis: {\n      min: y0,\n      max: y1,\n      title: yLabel,\n      nice: false,\n      grid: false,\n      tickCount: 4,\n    },\n    legend: props.legend ?? false,\n    interaction: props.interaction ?? { zoom: false },\n  });\n\n  return (\n    <ChartBase\n      options={options}\n      {...frameProps({ ...props, onPointClick: undefined })}\n      onPointClick={\n        onPointClick\n          ? (event) => {\n              const index = event.items[0]?.index;\n              if (index !== undefined && points[index])\n                onPointClick(points[index], index);\n            }\n          : undefined\n      }\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"charts.js","names":["frameProps","props","LineChart","input","series","useMemo","lineSeries","area","ChartBase","engineOptions","BarChart","barSeries","stacked","ScatterChart","scatterSeries","CORNERS","cornerStyle","left","corner","top","split","plot","QuadrantChart","geometry","options","quadrantChartOptions","draggable","onPointDrop","overlay","quadrantContent","x0","x1","xDomain","y0","y1","yDomain","xs","xSplit","ys","ySplit","fx","fy","reverseX","onPointClick","index","event","points","onQuadrantClick","quadrantOf","at","renderTooltip"],"sources":["../../../../charts/src/react/charts.tsx"],"sourcesContent":["import { useMemo, type CSSProperties } from \"react\";\nimport {\n  barSeries,\n  lineSeries,\n  quadrantChartOptions,\n  quadrantOf,\n  scatterSeries,\n  type QuadrantCorner,\n} from \"../engine/presets\";\nimport type { ChartRect } from \"../engine/types\";\nimport { ChartBase, engineOptions } from \"./Chart\";\nimport type {\n  BarChartProps,\n  ChartCommonProps,\n  LineChartProps,\n  QuadrantChartProps,\n  ScatterChartProps,\n} from \"./types\";\n\nconst frameProps = (props: ChartCommonProps) => ({\n  height: props.height,\n  width: props.width,\n  className: props.className,\n  style: props.style,\n  handleRef: props.ref,\n  onHover: props.onHover,\n  onPointClick: props.onPointClick,\n  onPlotClick: props.onPlotClick,\n  onZoom: props.onZoom,\n  onRendererChange: props.onRendererChange,\n  renderTooltip: props.renderTooltip,\n});\n\n/** Line (or area) chart; handles millions of points on the GPU */\nexport function LineChart(props: LineChartProps) {\n  const { series: input, area = false } = props;\n  const series = useMemo(() => lineSeries(input, area), [input, area]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Bar chart: grouped side by side, or stacked */\nexport function BarChart(props: BarChartProps) {\n  const { series: input, stacked = false } = props;\n  const series = useMemo(() => barSeries(input, stacked), [input, stacked]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Scatter chart: zooms on both axes, hit testing through a spatial index */\nexport function ScatterChart(props: ScatterChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => scatterSeries(input), [input]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\nconst CORNERS: QuadrantCorner[] = [\n  \"topLeft\",\n  \"topRight\",\n  \"bottomLeft\",\n  \"bottomRight\",\n];\n\nconst cornerStyle = (\n  corner: QuadrantCorner,\n  plot: ChartRect,\n  split: { x: number; y: number },\n): CSSProperties => {\n  const left = corner.endsWith(\"Left\");\n  const top = corner.startsWith(\"top\");\n  return {\n    position: \"absolute\",\n    left: left ? 0 : split.x - plot.x,\n    top: top ? 0 : split.y - plot.y,\n    width: left ? split.x - plot.x : plot.x + plot.width - split.x,\n    height: top ? split.y - plot.y : plot.y + plot.height - split.y,\n    pointerEvents: \"none\",\n  };\n};\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted\n * quadrants with titles, dividers, and labelled dots placed without\n * overlapping labels. Dots can be dragged to another quadrant.\n */\nexport function QuadrantChart(props: QuadrantChartProps) {\n  const {\n    points,\n    xDomain,\n    yDomain,\n    xSplit,\n    ySplit,\n    quadrants,\n    xLabel,\n    yLabel,\n    axisLabels,\n    showTicks,\n    reverseX,\n    showLabels,\n    pointSize,\n    name,\n    draggable,\n    onPointClick,\n    onPointDrop,\n    onQuadrantClick,\n    renderTooltip,\n    quadrantContent,\n  } = props;\n  const geometry = { xDomain, yDomain, xSplit, ySplit, reverseX };\n\n  const options = quadrantChartOptions(\n    {\n      points,\n      xDomain,\n      yDomain,\n      xSplit,\n      ySplit,\n      quadrants,\n      xLabel,\n      yLabel,\n      axisLabels,\n      showTicks,\n      reverseX,\n      showLabels,\n      pointSize,\n      name,\n      draggable: draggable ?? !!onPointDrop,\n    },\n    engineOptions({ ...props, series: [] }),\n  );\n\n  const overlay = quadrantContent\n    ? (plot: ChartRect) => {\n        const [x0, x1] = xDomain ?? [0, 10];\n        const [y0, y1] = yDomain ?? [0, 10];\n        const xs = xSplit ?? (x0 + x1) / 2;\n        const ys = ySplit ?? (y0 + y1) / 2;\n        const fx = (xs - x0) / (x1 - x0 || 1);\n        const fy = (ys - y0) / (y1 - y0 || 1);\n        const split = {\n          x: plot.x + plot.width * (reverseX ? 1 - fx : fx),\n          y: plot.y + plot.height * (1 - fy),\n        };\n        return CORNERS.map((corner) =>\n          quadrantContent[corner] ? (\n            <div\n              key={corner}\n              className={`minerva-chart-quadrant minerva-chart-quadrant-${corner}`}\n              style={cornerStyle(corner, plot, split)}\n            >\n              {quadrantContent[corner]}\n            </div>\n          ) : null,\n        );\n      }\n    : undefined;\n\n  return (\n    <ChartBase\n      options={options}\n      {...frameProps({\n        ...props,\n        onPointClick: undefined,\n        renderTooltip: undefined,\n      })}\n      overlay={overlay}\n      onPointClick={\n        onPointClick\n          ? (event) => {\n              const index = event.items[0]?.index;\n              if (index !== undefined && points[index])\n                onPointClick(points[index], index);\n            }\n          : undefined\n      }\n      onPlotClick={\n        onQuadrantClick\n          ? (at) => onQuadrantClick(quadrantOf(geometry, at.x, at.y), at)\n          : undefined\n      }\n      onDrop={\n        onPointDrop\n          ? (event) => {\n              const index = event.item.index;\n              if (!points[index]) return;\n              onPointDrop(points[index], index, {\n                x: event.x,\n                y: event.y,\n                quadrant: quadrantOf(geometry, event.x, event.y),\n              });\n            }\n          : undefined\n      }\n      renderTooltip={\n        renderTooltip\n          ? (event) => {\n              const index = event.items[0]?.index;\n              return index !== undefined && points[index]\n                ? renderTooltip(points[index], index)\n                : null;\n            }\n          : undefined\n      }\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/charts/react/types.d.cts

@@ -1,5 +1,7 @@
-import { CSSProperties, Ref } from 'react';
-import { ChartAnnotation, ChartAxisOptions, ChartHoverEvent, ChartInstance, ChartLegendOptions, ChartInteractionOptions, ChartPadding, ChartRendererKind, ChartRendererPreference, ChartSeries, ChartTooltipOptions, ChartView } from '../engine/types.cjs';
+import { CSSProperties, ReactNode, Ref } from 'react';
+import { ChartAnnotation, ChartAxisOptions, ChartHoverEvent, ChartInstance, ChartLegendOptions, ChartInteractionOptions, ChartPadding, ChartPlotClickEvent, ChartRendererKind, ChartRendererPreference, ChartSeries, ChartTooltipOptions, ChartView } from '../engine/types.cjs';
+import { QuadrantConfig, QuadrantCorner, QuadrantPoint } from '../engine/presets.cjs';
+export type { QuadrantAxisLabels, QuadrantConfig, QuadrantCorner, QuadrantPoint, QuadrantRegion, QuadrantRegions, } from '../engine/presets.cjs';
 /** Imperative handle of the chart components (`ref`) */
 export interface ChartHandle {
     /** Shows the whole data range */
@@ -57,6 +59,10 @@ export interface ChartCommonProps {
     onHover?: (event: ChartHoverEvent | null) => void;
     /** Called when a point (or bar) is clicked */
     onPointClick?: (event: ChartHoverEvent) => void;
+    /** Called when the plot area is clicked where there is no point */
+    onPlotClick?: (event: ChartPlotClickEvent) => void;
+    /** React content of the tooltip (replaces the default content) */
+    renderTooltip?: (event: ChartHoverEvent) => ReactNode;
     /** Called when the user zooms or pans */
     onZoom?: (view: ChartView) => void;
     /** Called with the backend once it is ready (and when it falls back after a GPU loss) */
@@ -98,71 +104,33 @@ export interface ScatterChartProps extends ChartCommonProps {
     /** Series drawn as dots unless they set a `type` */
     series: readonly ChartSeries[];
 }
-/** A point of a QuadrantChart */
-export interface QuadrantPoint {
-    /** Position on the horizontal axis */
+/** Where a dragged QuadrantChart point was dropped */
+export interface QuadrantDropTarget {
+    /** Data coordinates of the drop */
     x: number;
-    /** Position on the vertical axis */
     y: number;
-    /** Text drawn next to the dot and shown in the tooltip */
-    label?: string;
-    /** Dot color (any CSS color); the color of its quadrant by default */
-    color?: string;
-    /** Dot diameter in pixels */
-    size?: number;
-}
-/** Title and color of a quadrant */
-export interface QuadrantRegion {
-    /** Title drawn in the outer corner of the quadrant */
-    label?: string;
-    /** Background tint and default dot color (any CSS color) */
-    color?: string;
-}
-/** The four quadrants of a QuadrantChart */
-export interface QuadrantRegions {
-    topLeft?: QuadrantRegion;
-    topRight?: QuadrantRegion;
-    bottomLeft?: QuadrantRegion;
-    bottomRight?: QuadrantRegion;
+    /** Quadrant of the drop, as seen on screen */
+    quadrant: QuadrantCorner;
 }
 /** Props of QuadrantChart */
-export interface QuadrantChartProps extends Omit<ChartCommonProps, "onPointClick" | "xAxis" | "yAxis"> {
-    /** Points to place */
-    points: readonly QuadrantPoint[];
-    /**
-     * Range of the horizontal axis
-     * @default [0, 10]
-     */
-    xDomain?: [number, number];
-    /**
-     * Range of the vertical axis
-     * @default [0, 10]
-     */
-    yDomain?: [number, number];
-    /** X value of the vertical divider (the middle of `xDomain` by default) */
-    xSplit?: number;
-    /** Y value of the horizontal divider (the middle of `yDomain` by default) */
-    ySplit?: number;
-    /** Titles and colors of the quadrants */
-    quadrants?: QuadrantRegions;
-    /** Title of the horizontal axis */
-    xLabel?: string;
-    /** Title of the vertical axis */
-    yLabel?: string;
-    /** Reverses the horizontal axis (e.g. "urgent" on the left) */
-    reverseX?: boolean;
+export interface QuadrantChartProps extends Omit<ChartCommonProps, "onPointClick" | "onPlotClick" | "renderTooltip" | "xAxis" | "yAxis">, QuadrantConfig {
+    /** Called with the clicked point and its index */
+    onPointClick?: (point: QuadrantPoint, index: number) => void;
+    /** Called when the empty area of a quadrant is clicked */
+    onQuadrantClick?: (quadrant: QuadrantCorner, position: {
+        x: number;
+        y: number;
+    }) => void;
     /**
-     * Draws the labels next to the dots (overlapping labels are skipped)
-     * @default true
+     * Called when a dragged point is released; the dots become draggable
+     * when it is set (the chart does not move them: update `points`)
      */
-    showLabels?: boolean;
+    onPointDrop?: (point: QuadrantPoint, index: number, target: QuadrantDropTarget) => void;
+    /** React content of the tooltip of a point */
+    renderTooltip?: (point: QuadrantPoint, index: number) => ReactNode;
     /**
-     * Dot diameter in pixels
-     * @default 12
+     * React content placed over each quadrant (e.g. an add button); the
+     * content receives pointer events, the rest of the quadrant does not
      */
-    pointSize?: number;
-    /** Name of the points in the tooltip */
-    name?: string;
-    /** Called with the clicked point and its index */
-    onPointClick?: (point: QuadrantPoint, index: number) => void;
+    quadrantContent?: Partial<Record<QuadrantCorner, ReactNode>>;
 }

package/dist/charts/react/types.d.ts

@@ -1,5 +1,7 @@
-import { CSSProperties, Ref } from 'react';
-import { ChartAnnotation, ChartAxisOptions, ChartHoverEvent, ChartInstance, ChartLegendOptions, ChartInteractionOptions, ChartPadding, ChartRendererKind, ChartRendererPreference, ChartSeries, ChartTooltipOptions, ChartView } from '../engine/types.js';
+import { CSSProperties, ReactNode, Ref } from 'react';
+import { ChartAnnotation, ChartAxisOptions, ChartHoverEvent, ChartInstance, ChartLegendOptions, ChartInteractionOptions, ChartPadding, ChartPlotClickEvent, ChartRendererKind, ChartRendererPreference, ChartSeries, ChartTooltipOptions, ChartView } from '../engine/types.js';
+import { QuadrantConfig, QuadrantCorner, QuadrantPoint } from '../engine/presets.js';
+export type { QuadrantAxisLabels, QuadrantConfig, QuadrantCorner, QuadrantPoint, QuadrantRegion, QuadrantRegions, } from '../engine/presets.js';
 /** Imperative handle of the chart components (`ref`) */
 export interface ChartHandle {
     /** Shows the whole data range */
@@ -57,6 +59,10 @@ export interface ChartCommonProps {
     onHover?: (event: ChartHoverEvent | null) => void;
     /** Called when a point (or bar) is clicked */
     onPointClick?: (event: ChartHoverEvent) => void;
+    /** Called when the plot area is clicked where there is no point */
+    onPlotClick?: (event: ChartPlotClickEvent) => void;
+    /** React content of the tooltip (replaces the default content) */
+    renderTooltip?: (event: ChartHoverEvent) => ReactNode;
     /** Called when the user zooms or pans */
     onZoom?: (view: ChartView) => void;
     /** Called with the backend once it is ready (and when it falls back after a GPU loss) */
@@ -98,71 +104,33 @@ export interface ScatterChartProps extends ChartCommonProps {
     /** Series drawn as dots unless they set a `type` */
     series: readonly ChartSeries[];
 }
-/** A point of a QuadrantChart */
-export interface QuadrantPoint {
-    /** Position on the horizontal axis */
+/** Where a dragged QuadrantChart point was dropped */
+export interface QuadrantDropTarget {
+    /** Data coordinates of the drop */
     x: number;
-    /** Position on the vertical axis */
     y: number;
-    /** Text drawn next to the dot and shown in the tooltip */
-    label?: string;
-    /** Dot color (any CSS color); the color of its quadrant by default */
-    color?: string;
-    /** Dot diameter in pixels */
-    size?: number;
-}
-/** Title and color of a quadrant */
-export interface QuadrantRegion {
-    /** Title drawn in the outer corner of the quadrant */
-    label?: string;
-    /** Background tint and default dot color (any CSS color) */
-    color?: string;
-}
-/** The four quadrants of a QuadrantChart */
-export interface QuadrantRegions {
-    topLeft?: QuadrantRegion;
-    topRight?: QuadrantRegion;
-    bottomLeft?: QuadrantRegion;
-    bottomRight?: QuadrantRegion;
+    /** Quadrant of the drop, as seen on screen */
+    quadrant: QuadrantCorner;
 }
 /** Props of QuadrantChart */
-export interface QuadrantChartProps extends Omit<ChartCommonProps, "onPointClick" | "xAxis" | "yAxis"> {
-    /** Points to place */
-    points: readonly QuadrantPoint[];
-    /**
-     * Range of the horizontal axis
-     * @default [0, 10]
-     */
-    xDomain?: [number, number];
-    /**
-     * Range of the vertical axis
-     * @default [0, 10]
-     */
-    yDomain?: [number, number];
-    /** X value of the vertical divider (the middle of `xDomain` by default) */
-    xSplit?: number;
-    /** Y value of the horizontal divider (the middle of `yDomain` by default) */
-    ySplit?: number;
-    /** Titles and colors of the quadrants */
-    quadrants?: QuadrantRegions;
-    /** Title of the horizontal axis */
-    xLabel?: string;
-    /** Title of the vertical axis */
-    yLabel?: string;
-    /** Reverses the horizontal axis (e.g. "urgent" on the left) */
-    reverseX?: boolean;
+export interface QuadrantChartProps extends Omit<ChartCommonProps, "onPointClick" | "onPlotClick" | "renderTooltip" | "xAxis" | "yAxis">, QuadrantConfig {
+    /** Called with the clicked point and its index */
+    onPointClick?: (point: QuadrantPoint, index: number) => void;
+    /** Called when the empty area of a quadrant is clicked */
+    onQuadrantClick?: (quadrant: QuadrantCorner, position: {
+        x: number;
+        y: number;
+    }) => void;
     /**
-     * Draws the labels next to the dots (overlapping labels are skipped)
-     * @default true
+     * Called when a dragged point is released; the dots become draggable
+     * when it is set (the chart does not move them: update `points`)
      */
-    showLabels?: boolean;
+    onPointDrop?: (point: QuadrantPoint, index: number, target: QuadrantDropTarget) => void;
+    /** React content of the tooltip of a point */
+    renderTooltip?: (point: QuadrantPoint, index: number) => ReactNode;
     /**
-     * Dot diameter in pixels
-     * @default 12
+     * React content placed over each quadrant (e.g. an add button); the
+     * content receives pointer events, the rest of the quadrant does not
      */
-    pointSize?: number;
-    /** Name of the points in the tooltip */
-    name?: string;
-    /** Called with the clicked point and its index */
-    onPointClick?: (point: QuadrantPoint, index: number) => void;
+    quadrantContent?: Partial<Record<QuadrantCorner, ReactNode>>;
 }

package/dist/native/charts/src/canvas.cjs

@@ -0,0 +1 @@
+const e=require("./engine/color.cjs");require("./engine/format.cjs");const t=require("./engine/controller.cjs");require("./engine/canvas.cjs");const n=require("./engine/presets.cjs");exports.barSeries=n.barSeries,exports.createChartController=t.createChartController,exports.lineSeries=n.lineSeries,exports.quadrantChartOptions=n.quadrantChartOptions,exports.quadrantOf=n.quadrantOf,exports.scatterSeries=n.scatterSeries,exports.scenePrimitives=t.scenePrimitives,exports.toCss=e.toCss;

package/dist/native/charts/src/canvas.js

@@ -0,0 +1,6 @@
+import { toCss as e } from "./engine/color.js";
+import "./engine/format.js";
+import { createChartController as t, scenePrimitives as n } from "./engine/controller.js";
+import "./engine/canvas.js";
+import { barSeries as r, lineSeries as i, quadrantChartOptions as a, quadrantOf as o, scatterSeries as s } from "./engine/presets.js";
+export { r as barSeries, t as createChartController, i as lineSeries, a as quadrantChartOptions, o as quadrantOf, s as scatterSeries, n as scenePrimitives, e as toCss };

package/dist/native/charts/src/engine/axis.cjs

@@ -0,0 +1,2 @@
+const e=require("./scale.cjs"),t=require("./format.cjs"),n=require("./time.cjs");var r=(r,i,a)=>{let[o,s]=i[0]<=i[1]?i:[i[1],i[0]];if(r.type===`category`){let e=r.categories.length,t=Math.max(0,Math.ceil(o-1e-9)),n=Math.min(e-1,Math.floor(s+1e-9)),i=Math.max(0,n-t+1),c=Math.max(1,Math.ceil(i/Math.max(1,a))),l=[];for(let e=t-t%c;e<=n;e+=c)e>=t&&l.push(e);let u=e=>{let t=Math.round(e);return r.format?r.format(t):r.categories[t]??String(t)};return{values:l,labels:l.map(u),formatValue:u}}if(r.type===`time`){let e=n.timeTicks(o,s,a),t=e.unit===`day`||e.unit===`month`||e.unit===`year`?`day`:e.unit,i=r.format??(e=>n.formatTime(e,t));return{values:e.values,labels:e.values.map(r.format??e.format),formatValue:i}}let c=e.linearTicks(o,s,a),l=e.tickStep(o,s,a),u=r.format??t.tickFormatter(l,Math.max(Math.abs(o),Math.abs(s)));return{values:c,labels:c.map(u),formatValue:r.format??t.formatValue}};exports.axisTicks=r;
+//# sourceMappingURL=axis.cjs.map

package/dist/native/charts/src/engine/axis.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"axis.cjs","names":["timeTicks","formatTime","linearTicks","tickStep","tickFormatter","formatValue","require_scale","require_format","require_time","axisTicks","min","max","range","axis","n","first","last","visible","step","count","values","i","name","v","ticks","unit","full","tick"],"sources":["../../../../../../charts/src/engine/axis.ts"],"sourcesContent":["// Ticks and value labels of an axis for its visible range.\n\nimport { formatValue, tickFormatter } from \"./format\";\nimport type { AxisModel } from \"./model\";\nimport { linearTicks, tickStep } from \"./scale\";\nimport { formatTime, timeTicks, type TimeUnit } from \"./time\";\nimport type { Range } from \"./viewport\";\n\nexport interface AxisTicks {\n  values: number[];\n  labels: string[];\n  /** Full label of any value (tooltips) */\n  formatValue: (value: number) => string;\n}\n\n/**\n * @param count approximate number of ticks (numeric / time axes) or the\n *   maximum number of labels (category axes)\n */\nexport const axisTicks = (\n  axis: AxisModel,\n  range: Range,\n  count: number,\n): AxisTicks => {\n  const [min, max] = range[0] <= range[1] ? range : [range[1], range[0]];\n  if (axis.type === \"category\") {\n    const n = axis.categories.length;\n    const first = Math.max(0, Math.ceil(min - 1e-9));\n    const last = Math.min(n - 1, Math.floor(max + 1e-9));\n    const visible = Math.max(0, last - first + 1);\n    const step = Math.max(1, Math.ceil(visible / Math.max(1, count)));\n    const values: number[] = [];\n    for (let i = first - (first % step); i <= last; i += step) {\n      if (i >= first) values.push(i);\n    }\n    const name = (v: number) => {\n      const i = Math.round(v);\n      return axis.format ? axis.format(i) : (axis.categories[i] ?? String(i));\n    };\n    return { values, labels: values.map(name), formatValue: name };\n  }\n  if (axis.type === \"time\") {\n    const ticks = timeTicks(min, max, count);\n    const unit: TimeUnit =\n      ticks.unit === \"day\" || ticks.unit === \"month\" || ticks.unit === \"year\"\n        ? \"day\"\n        : ticks.unit;\n    const full = axis.format ?? ((v: number) => formatTime(v, unit));\n    return {\n      values: ticks.values,\n      labels: ticks.values.map(axis.format ?? ticks.format),\n      formatValue: full,\n    };\n  }\n  const values = linearTicks(min, max, count);\n  const step = tickStep(min, max, count);\n  const tick =\n    axis.format ?? tickFormatter(step, Math.max(Math.abs(min), Math.abs(max)));\n  return {\n    values,\n    labels: values.map(tick),\n    formatValue: axis.format ?? formatValue,\n  };\n};\n"],"mappings":"iFAmBA,IAAaS,GACX,EACA,EACA,IACc,CACd,GAAM,CAACC,EAAKC,GAAOC,EAAM,IAAMA,EAAM,GAAKA,EAAQ,CAACA,EAAM,GAAIA,EAAM,EAAE,EACrE,GAAIC,EAAK,OAAS,WAAY,CAC5B,IAAMC,EAAID,EAAK,WAAW,OACpBE,EAAQ,KAAK,IAAI,EAAG,KAAK,KAAKL,EAAM,IAAI,CAAC,EACzCM,EAAO,KAAK,IAAIF,EAAI,EAAG,KAAK,MAAMH,EAAM,IAAI,CAAC,EAC7CM,EAAU,KAAK,IAAI,EAAGD,EAAOD,EAAQ,CAAC,EACtCG,EAAO,KAAK,IAAI,EAAG,KAAK,KAAKD,EAAU,KAAK,IAAI,EAAGE,CAAK,CAAC,CAAC,EAC1DC,EAAmB,CAAC,EAC1B,IAAK,IAAIC,EAAIN,EAASA,EAAQG,EAAOG,GAAKL,EAAM,GAAKE,EAC/CG,GAAKN,GAAOK,EAAO,KAAKC,CAAC,EAE/B,IAAMC,EAAQ,GAAc,CAC1B,IAAMD,EAAI,KAAK,MAAME,CAAC,EACtB,OAAOV,EAAK,OAASA,EAAK,OAAOQ,CAAC,EAAKR,EAAK,WAAWQ,IAAM,OAAOA,CAAC,CACvE,EACA,MAAO,CAAE,SAAQ,OAAQD,EAAO,IAAIE,CAAI,EAAG,YAAaA,CAAK,CAC/D,CACA,GAAIT,EAAK,OAAS,OAAQ,CACxB,IAAMW,EAAQxB,EAAAA,UAAUU,EAAKC,EAAKQ,CAAK,EACjCM,EACJD,EAAM,OAAS,OAASA,EAAM,OAAS,SAAWA,EAAM,OAAS,OAC7D,MACAA,EAAM,KACNE,EAAOb,EAAK,SAAY,GAAcZ,EAAAA,WAAWsB,EAAGE,CAAI,GAC9D,MAAO,CACL,OAAQD,EAAM,OACd,OAAQA,EAAM,OAAO,IAAIX,EAAK,QAAUW,EAAM,MAAM,EACpD,YAAaE,CACf,CACF,CACA,IAAMN,EAASlB,EAAAA,YAAYQ,EAAKC,EAAKQ,CAAK,EACpCD,EAAOf,EAAAA,SAASO,EAAKC,EAAKQ,CAAK,EAC/BQ,EACJd,EAAK,QAAUT,EAAAA,cAAcc,EAAM,KAAK,IAAI,KAAK,IAAIR,CAAG,EAAG,KAAK,IAAIC,CAAG,CAAC,CAAC,EAC3E,MAAO,CACL,SACA,OAAQS,EAAO,IAAIO,CAAI,EACvB,YAAad,EAAK,QAAUR,EAAAA,WAC9B,CACF"}

package/dist/native/charts/src/engine/axis.js

@@ -0,0 +1,38 @@
+import { linearTicks as e, tickStep as t } from "./scale.js";
+import { formatValue as n, tickFormatter as r } from "./format.js";
+import { formatTime as i, timeTicks as a } from "./time.js";
+//#region ../charts/src/engine/axis.ts
+var o = (o, s, c) => {
+	let [l, u] = s[0] <= s[1] ? s : [s[1], s[0]];
+	if (o.type === "category") {
+		let e = o.categories.length, t = Math.max(0, Math.ceil(l - 1e-9)), n = Math.min(e - 1, Math.floor(u + 1e-9)), r = Math.max(0, n - t + 1), i = Math.max(1, Math.ceil(r / Math.max(1, c))), a = [];
+		for (let e = t - t % i; e <= n; e += i) e >= t && a.push(e);
+		let s = (e) => {
+			let t = Math.round(e);
+			return o.format ? o.format(t) : o.categories[t] ?? String(t);
+		};
+		return {
+			values: a,
+			labels: a.map(s),
+			formatValue: s
+		};
+	}
+	if (o.type === "time") {
+		let e = a(l, u, c), t = e.unit === "day" || e.unit === "month" || e.unit === "year" ? "day" : e.unit, n = o.format ?? ((e) => i(e, t));
+		return {
+			values: e.values,
+			labels: e.values.map(o.format ?? e.format),
+			formatValue: n
+		};
+	}
+	let d = e(l, u, c), f = t(l, u, c), p = o.format ?? r(f, Math.max(Math.abs(l), Math.abs(u)));
+	return {
+		values: d,
+		labels: d.map(p),
+		formatValue: o.format ?? n
+	};
+};
+//#endregion
+export { o as axisTicks };
+
+//# sourceMappingURL=axis.js.map

package/dist/native/charts/src/engine/axis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"axis.js","names":["axisTicks","min","max","range","axis","n","first","last","visible","step","count","values","i","name","v","ticks","timeTicks","unit","full","formatTime","linearTicks","tickStep","tick","tickFormatter","formatValue"],"sources":["../../../../../../charts/src/engine/axis.ts"],"sourcesContent":["// Ticks and value labels of an axis for its visible range.\n\nimport { formatValue, tickFormatter } from \"./format\";\nimport type { AxisModel } from \"./model\";\nimport { linearTicks, tickStep } from \"./scale\";\nimport { formatTime, timeTicks, type TimeUnit } from \"./time\";\nimport type { Range } from \"./viewport\";\n\nexport interface AxisTicks {\n  values: number[];\n  labels: string[];\n  /** Full label of any value (tooltips) */\n  formatValue: (value: number) => string;\n}\n\n/**\n * @param count approximate number of ticks (numeric / time axes) or the\n *   maximum number of labels (category axes)\n */\nexport const axisTicks = (\n  axis: AxisModel,\n  range: Range,\n  count: number,\n): AxisTicks => {\n  const [min, max] = range[0] <= range[1] ? range : [range[1], range[0]];\n  if (axis.type === \"category\") {\n    const n = axis.categories.length;\n    const first = Math.max(0, Math.ceil(min - 1e-9));\n    const last = Math.min(n - 1, Math.floor(max + 1e-9));\n    const visible = Math.max(0, last - first + 1);\n    const step = Math.max(1, Math.ceil(visible / Math.max(1, count)));\n    const values: number[] = [];\n    for (let i = first - (first % step); i <= last; i += step) {\n      if (i >= first) values.push(i);\n    }\n    const name = (v: number) => {\n      const i = Math.round(v);\n      return axis.format ? axis.format(i) : (axis.categories[i] ?? String(i));\n    };\n    return { values, labels: values.map(name), formatValue: name };\n  }\n  if (axis.type === \"time\") {\n    const ticks = timeTicks(min, max, count);\n    const unit: TimeUnit =\n      ticks.unit === \"day\" || ticks.unit === \"month\" || ticks.unit === \"year\"\n        ? \"day\"\n        : ticks.unit;\n    const full = axis.format ?? ((v: number) => formatTime(v, unit));\n    return {\n      values: ticks.values,\n      labels: ticks.values.map(axis.format ?? ticks.format),\n      formatValue: full,\n    };\n  }\n  const values = linearTicks(min, max, count);\n  const step = tickStep(min, max, count);\n  const tick =\n    axis.format ?? tickFormatter(step, Math.max(Math.abs(min), Math.abs(max)));\n  return {\n    values,\n    labels: values.map(tick),\n    formatValue: axis.format ?? formatValue,\n  };\n};\n"],"mappings":";;;;AAmBA,IAAaA,KACX,GACA,GACA,MACc;CACd,IAAM,CAACC,GAAKC,KAAOC,EAAM,MAAMA,EAAM,KAAKA,IAAQ,CAACA,EAAM,IAAIA,EAAM,EAAE;CACrE,IAAIC,EAAK,SAAS,YAAY;EAC5B,IAAMC,IAAID,EAAK,WAAW,QACpBE,IAAQ,KAAK,IAAI,GAAG,KAAK,KAAKL,IAAM,IAAI,CAAC,GACzCM,IAAO,KAAK,IAAIF,IAAI,GAAG,KAAK,MAAMH,IAAM,IAAI,CAAC,GAC7CM,IAAU,KAAK,IAAI,GAAGD,IAAOD,IAAQ,CAAC,GACtCG,IAAO,KAAK,IAAI,GAAG,KAAK,KAAKD,IAAU,KAAK,IAAI,GAAGE,CAAK,CAAC,CAAC,GAC1DC,IAAmB,CAAC;EAC1B,KAAK,IAAIC,IAAIN,IAASA,IAAQG,GAAOG,KAAKL,GAAM,KAAKE,GACnD,AAAIG,KAAKN,KAAOK,EAAO,KAAKC,CAAC;EAE/B,IAAMC,KAAQ,MAAc;GAC1B,IAAMD,IAAI,KAAK,MAAME,CAAC;GACtB,OAAOV,EAAK,SAASA,EAAK,OAAOQ,CAAC,IAAKR,EAAK,WAAWQ,MAAM,OAAOA,CAAC;EACvE;EACA,OAAO;GAAE;GAAQ,QAAQD,EAAO,IAAIE,CAAI;GAAG,aAAaA;EAAK;CAC/D;CACA,IAAIT,EAAK,SAAS,QAAQ;EACxB,IAAMW,IAAQC,EAAUf,GAAKC,GAAKQ,CAAK,GACjCO,IACJF,EAAM,SAAS,SAASA,EAAM,SAAS,WAAWA,EAAM,SAAS,SAC7D,QACAA,EAAM,MACNG,IAAOd,EAAK,YAAY,MAAce,EAAWL,GAAGG,CAAI;EAC9D,OAAO;GACL,QAAQF,EAAM;GACd,QAAQA,EAAM,OAAO,IAAIX,EAAK,UAAUW,EAAM,MAAM;GACpD,aAAaG;EACf;CACF;CACA,IAAMP,IAASS,EAAYnB,GAAKC,GAAKQ,CAAK,GACpCD,IAAOY,EAASpB,GAAKC,GAAKQ,CAAK,GAC/BY,IACJlB,EAAK,UAAUmB,EAAcd,GAAM,KAAK,IAAI,KAAK,IAAIR,CAAG,GAAG,KAAK,IAAIC,CAAG,CAAC,CAAC;CAC3E,OAAO;EACL;EACA,QAAQS,EAAO,IAAIW,CAAI;EACvB,aAAalB,EAAK,UAAUoB;CAC9B;AACF"}

package/dist/native/charts/src/engine/canvas.cjs

@@ -0,0 +1 @@
+require("./controller.cjs");

package/dist/native/charts/src/engine/canvas.js

@@ -0,0 +1 @@
+import "./controller.js";