minerva-design 1.0.2 → 1.2.0

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

@@ -0,0 +1,356 @@
+/** GPU / CPU backend that draws the data layer */
+export type ChartRendererKind = "webgpu" | "webgl2" | "canvas2d";
+/**
+ * Requested backend: `auto` tries WebGPU, then WebGL2, then Canvas2D, and
+ * skips GPU backends that run in software (no hardware acceleration)
+ */
+export type ChartRendererPreference = "auto" | ChartRendererKind;
+/** Scale of an axis */
+export type ChartAxisType = "linear" | "time" | "category";
+/** How a series is drawn */
+export type ChartSeriesType = "line" | "area" | "bar" | "scatter";
+/** X value of a datum: a number, a `Date` (time axis) or a category name */
+export type ChartXValue = number | Date | string;
+/** One datum written as an object */
+export interface ChartPointDatum {
+    /** X value; the datum index when omitted */
+    x?: ChartXValue;
+    /** Y value; `null` leaves a gap */
+    y: number | null;
+    /** Diameter of the dot in CSS pixels (scatter) */
+    size?: number;
+    /** Color of the dot (scatter); any CSS color */
+    color?: string;
+    /** Text drawn next to the dot (scatter with `showLabels`) and shown in the tooltip */
+    label?: string;
+}
+/** Column-oriented data: the fastest form for large data sets (typed arrays are used as is) */
+export interface ChartColumnData {
+    /** X values; the index when omitted */
+    x?: ArrayLike<number> | readonly ChartXValue[];
+    /** Y values (`NaN` / `null` leave a gap) */
+    y: ArrayLike<number> | readonly (number | null)[];
+    /** Per-point diameters in CSS pixels (scatter) */
+    size?: ArrayLike<number>;
+}
+/**
+ * Data of a series: y values only (`[3, 5, 2]`, typed arrays included),
+ * `[x, y]` tuples, objects or columns
+ */
+export type ChartSeriesData = ArrayLike<number> | readonly (number | null)[] | readonly (readonly [ChartXValue, number | null])[] | readonly ChartPointDatum[] | ChartColumnData;
+/** A data series */
+export interface ChartSeries {
+    /** Stable identifier (defaults to the index) */
+    id?: string;
+    /** Name shown in the legend and the tooltip */
+    name?: string;
+    /**
+     * How the series is drawn
+     * @default "line"
+     */
+    type?: ChartSeriesType;
+    /** Data points */
+    data: ChartSeriesData;
+    /** Series color (any CSS color, `var(--x)` included); the palette when omitted */
+    color?: string;
+    /**
+     * Line width in CSS pixels (line / area)
+     * @default 2
+     */
+    lineWidth?: number;
+    /**
+     * Dot diameter in CSS pixels (scatter)
+     * @default 8
+     */
+    pointSize?: number;
+    /** Fill opacity (area, scatter), 0-1 */
+    opacity?: number;
+    /** Bars with the same stack id are stacked */
+    stack?: string;
+    /** Hides the series (it stays in the legend) */
+    hidden?: boolean;
+    /** Draws the `label` of each point next to it (scatter) */
+    showLabels?: boolean;
+}
+/** Options of an axis */
+export interface ChartAxisOptions {
+    /**
+     * Scale of the axis: `linear` numbers, `time` timestamps / dates, `category` names
+     * @default "linear"
+     */
+    type?: ChartAxisType;
+    /** Lower bound; computed from the data when omitted */
+    min?: number;
+    /** Upper bound; computed from the data when omitted */
+    max?: number;
+    /** Axis title */
+    title?: string;
+    /** Category names (`category` axis); collected from the data when omitted */
+    categories?: readonly string[];
+    /** Formats a tick / tooltip value */
+    format?: (value: number) => string;
+    /**
+     * Approximate number of ticks
+     * @default 5 (y), computed from the width (x)
+     */
+    tickCount?: number;
+    /**
+     * Draws grid lines at the ticks
+     * @default true for y, false for x
+     */
+    grid?: boolean;
+    /**
+     * Shows the axis line, ticks and labels
+     * @default true
+     */
+    visible?: boolean;
+    /** Keeps zero inside the automatic range (always on for bars) */
+    zero?: boolean;
+    /** Reverses the direction of the axis */
+    reverse?: boolean;
+    /** Rounds the automatic range to tick values; on by default except for category axes */
+    nice?: boolean;
+}
+/** Position of an annotation label inside its area */
+export type ChartLabelPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right" | "center";
+/** Area annotation: a rectangle in data coordinates (omitted bounds extend to the plot edges) */
+export interface ChartRectAnnotation {
+    type: "rect";
+    x0?: number;
+    x1?: number;
+    y0?: number;
+    y1?: number;
+    /** Fill color (any CSS color) */
+    color?: string;
+    /** Fill opacity, 0-1 (default 0.08) */
+    opacity?: number;
+    /** Text drawn inside the area */
+    label?: string;
+    /** Where the label goes (default `top-left`) */
+    labelPosition?: ChartLabelPosition;
+    /** Label color (defaults to `color`) */
+    labelColor?: string;
+}
+/** Reference line annotation at a value of the x or y axis */
+export interface ChartLineAnnotation {
+    type: "line";
+    axis: "x" | "y";
+    value: number;
+    /** Line color (any CSS color) */
+    color?: string;
+    /** Line width in CSS pixels (default 1) */
+    width?: number;
+    /** Dash pattern, e.g. `[4, 4]` */
+    dash?: readonly number[];
+    /** Text drawn at the end of the line */
+    label?: string;
+}
+/** Text placed at a data position (omitted coordinates center it on the plot) */
+export interface ChartTextAnnotation {
+    type: "text";
+    x?: number;
+    y?: number;
+    text: string;
+    /**
+     * Side of the text that touches the position: `top` hangs the text below
+     * it, `left` starts it there, ...; the text always stays inside the plot
+     * @default "center"
+     */
+    anchor?: "center" | "top" | "bottom" | "left" | "right";
+    /** Text color (defaults to the secondary text color) */
+    color?: string;
+    /**
+     * Font weight
+     * @default 500
+     */
+    weight?: number;
+}
+/** Background area, reference line or text */
+export type ChartAnnotation = ChartRectAnnotation | ChartLineAnnotation | ChartTextAnnotation;
+/** Zoom / pan / keyboard options */
+export interface ChartInteractionOptions {
+    /**
+     * Axes that zoom and pan; `true` = x for line / area / bar charts, both for scatter charts
+     * @default true
+     */
+    zoom?: boolean | "x" | "y" | "xy";
+    /**
+     * Wheel zoom: only with Ctrl / ⌘ (and trackpad pinch) or always
+     * @default "modifier"
+     */
+    wheel?: "modifier" | "always";
+    /**
+     * Drag to pan (when zoomed)
+     * @default true
+     */
+    pan?: boolean;
+    /**
+     * Arrow keys move the highlight, +/- zoom, 0 resets, Esc clears
+     * @default true
+     */
+    keyboard?: boolean;
+    /**
+     * Scatter points can be dragged: `drag` events follow the pointer and a
+     * `drop` event ends the gesture (the data is not changed by the chart)
+     * @default false
+     */
+    dragPoints?: boolean;
+}
+/** Tooltip options */
+export interface ChartTooltipOptions {
+    /**
+     * `nearest` shows the closest point, `axis` all the series at the closest x
+     * @default "axis" ("nearest" when every series is a scatter)
+     */
+    mode?: "nearest" | "axis";
+    /** Renders the tooltip content (a string is set as text) */
+    render?: (event: ChartHoverEvent) => string | Node | null;
+}
+/** Legend options */
+export interface ChartLegendOptions {
+    /**
+     * Legend position
+     * @default "top"
+     */
+    position?: "top" | "bottom";
+    /**
+     * Clicking an item toggles its series
+     * @default true
+     */
+    toggle?: boolean;
+}
+/** Inner space around the plot area, in CSS pixels */
+export interface ChartPadding {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
+/** Options of `createChart` */
+export interface ChartOptions {
+    /** Data series */
+    series: readonly ChartSeries[];
+    /** X axis */
+    xAxis?: ChartAxisOptions;
+    /** Y axis */
+    yAxis?: ChartAxisOptions;
+    /**
+     * Backend of the data layer
+     * @default "auto"
+     */
+    renderer?: ChartRendererPreference;
+    /** Legend; shown by default when there are several named series */
+    legend?: boolean | ChartLegendOptions;
+    /** Tooltip; `false` disables it */
+    tooltip?: boolean | ChartTooltipOptions;
+    /** Vertical guide line following the pointer (default on for `axis` tooltips) */
+    crosshair?: boolean;
+    /** Background areas and reference lines */
+    annotations?: readonly ChartAnnotation[];
+    /** Zoom / pan / keyboard; `false` makes the chart static */
+    interaction?: boolean | ChartInteractionOptions;
+    /** Space around the plot area */
+    padding?: ChartPadding;
+    /** Colors of the series without `color` (defaults to the `--chart-series-1..8` CSS variables, then the theme colors) */
+    palette?: readonly string[];
+    /** Accessible name of the chart */
+    ariaLabel?: string;
+}
+/** A point under the pointer */
+export interface ChartHoverItem {
+    seriesIndex: number;
+    seriesId: string;
+    seriesName: string;
+    /** Index of the point in the series data */
+    index: number;
+    x: number;
+    y: number;
+    /** Resolved color of the point */
+    color: string;
+    label?: string;
+}
+/** Hover / click payload */
+export interface ChartHoverEvent {
+    /** Points under the pointer (several in `axis` mode) */
+    items: ChartHoverItem[];
+    /** X value of the first item */
+    x: number;
+    /** Formatted x value */
+    xLabel: string;
+}
+/** Visible range of the axes */
+export interface ChartView {
+    x: [number, number];
+    y: [number, number];
+}
+/** Rectangle in CSS pixels, relative to the chart's container */
+export interface ChartRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/** A dragged point (`drag` / `drop` events) */
+export interface ChartDragEvent {
+    /** The point being dragged */
+    item: ChartHoverItem;
+    /** Data coordinates under the pointer */
+    x: number;
+    y: number;
+}
+/** A click (or tap) on the plot area outside the points */
+export interface ChartPlotClickEvent {
+    /** Data coordinates of the click */
+    x: number;
+    y: number;
+}
+/** Events of a chart instance */
+export interface ChartEventMap {
+    hover: ChartHoverEvent | null;
+    click: ChartHoverEvent;
+    /** Click on the plot area where there is no point */
+    plotClick: ChartPlotClickEvent;
+    zoom: ChartView;
+    renderer: ChartRendererKind;
+    /** The plot area moved or was resized */
+    layout: ChartRect;
+    /** A point is dragged (`interaction.dragPoints`) */
+    drag: ChartDragEvent;
+    /** A dragged point was released */
+    drop: ChartDragEvent;
+}
+/** Chart created by `createChart` */
+export interface ChartInstance {
+    /** Replaces the options (unchanged data arrays are not processed again) */
+    setOptions(options: ChartOptions): void;
+    /** Measures the container again (a ResizeObserver does it automatically) */
+    resize(): void;
+    /** Shows the whole data range */
+    resetZoom(): void;
+    /** Visible range */
+    getView(): ChartView;
+    /** Sets the visible range */
+    setView(view: Partial<ChartView>): void;
+    /** Plot area in CSS pixels of the container (`null` before the first frame) */
+    getPlotRect(): ChartRect | null;
+    /** Data coordinates -> CSS pixels of the container (`null` before the first frame) */
+    toPixel(x: number, y: number): {
+        x: number;
+        y: number;
+    } | null;
+    /** CSS pixels of the container -> data coordinates (`null` before the first frame) */
+    fromPixel(x: number, y: number): {
+        x: number;
+        y: number;
+    } | null;
+    /** Backend in use, `null` until ready */
+    getRenderer(): ChartRendererKind | null;
+    /** Resolves with the backend once the first frame can be drawn (`null` when the browser has no canvas support) */
+    ready: Promise<ChartRendererKind | null>;
+    /** Reads the CSS variables again (theme changes on `<html>` / `<body>` are detected automatically) */
+    refreshTheme(): void;
+    /** Subscribes to an event; returns the unsubscribe function */
+    on<K extends keyof ChartEventMap>(type: K, listener: (event: ChartEventMap[K]) => void): () => void;
+    /** Removes the DOM and frees the GPU resources */
+    destroy(): void;
+}

package/dist/charts/engine/viewport.cjs

@@ -0,0 +1,2 @@
+var e=(e,t,n)=>{let r=t[1]-t[0],i=Math.min(Math.max(e[1]-e[0],n),r),a=(e[0]+e[1])/2-i/2,o=a+i;return a<t[0]&&(a=t[0],o=a+i),o>t[1]&&(o=t[1],a=o-i),[a,o]},t=(e,t,n)=>[t-(t-e[0])*n,t+(e[1]-t)*n],n=(e,t)=>[e[0]+t,e[1]+t],r=(e,t,n=1e-9)=>{let r=Math.max(Math.abs(t[1]-t[0]),1e-300);return Math.abs(e[0]-t[0])<=r*n&&Math.abs(e[1]-t[1])<=r*n},i=(e,t,n)=>{let r=t===1?e*16:t===2?e*400:e;return Math.exp(Math.max(-1,Math.min(1,r*(n?.01:.0025))))};exports.clampRange=e,exports.panRange=n,exports.sameRange=r,exports.wheelFactor=i,exports.zoomRange=t;
+//# sourceMappingURL=viewport.cjs.map

package/dist/charts/engine/viewport.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.cjs","names":["clampRange","maxSpan","bounds","span","range","minSpan","b","zoomRange","anchor","factor","panRange","delta","sameRange","a","epsilon","wheelFactor","pixels","deltaMode","deltaY","pinch"],"sources":["../../../../charts/src/engine/viewport.ts"],"sourcesContent":["// Zoom / pan math on [min, max] ranges.\n\nexport type Range = [number, number];\n\n/**\n * Keeps a range inside `bounds` with a span between `minSpan` and the\n * span of the bounds (shifts it back instead of shrinking it).\n */\nexport const clampRange = (\n  range: Range,\n  bounds: Range,\n  minSpan: number,\n): Range => {\n  const maxSpan = bounds[1] - bounds[0];\n  const span = Math.min(Math.max(range[1] - range[0], minSpan), maxSpan);\n  const center = (range[0] + range[1]) / 2;\n  let a = center - span / 2;\n  let b = a + span;\n  if (a < bounds[0]) {\n    a = bounds[0];\n    b = a + span;\n  }\n  if (b > bounds[1]) {\n    b = bounds[1];\n    a = b - span;\n  }\n  return [a, b];\n};\n\n/** Scales a range around `anchor` (factor < 1 zooms in) */\nexport const zoomRange = (\n  range: Range,\n  anchor: number,\n  factor: number,\n): Range => [\n  anchor - (anchor - range[0]) * factor,\n  anchor + (range[1] - anchor) * factor,\n];\n\nexport const panRange = (range: Range, delta: number): Range => [\n  range[0] + delta,\n  range[1] + delta,\n];\n\nexport const sameRange = (a: Range, b: Range, epsilon = 1e-9): boolean => {\n  const span = Math.max(Math.abs(b[1] - b[0]), 1e-300);\n  return (\n    Math.abs(a[0] - b[0]) <= span * epsilon &&\n    Math.abs(a[1] - b[1]) <= span * epsilon\n  );\n};\n\n/** Wheel delta -> zoom factor (trackpad pinches arrive as ctrl + small deltas) */\nexport const wheelFactor = (\n  deltaY: number,\n  deltaMode: number,\n  pinch: boolean,\n): number => {\n  const pixels =\n    deltaMode === 1 ? deltaY * 16 : deltaMode === 2 ? deltaY * 400 : deltaY;\n  const speed = pinch ? 0.01 : 0.0025;\n  return Math.exp(Math.max(-1, Math.min(1, pixels * speed)));\n};\n"],"mappings":"AAQA,IAAaA,GACX,EACA,EACA,IACU,CACV,IAAMC,EAAUC,EAAO,GAAKA,EAAO,GAC7BC,EAAO,KAAK,IAAI,KAAK,IAAIC,EAAM,GAAKA,EAAM,GAAIC,CAAO,EAAGJ,CAAO,EAEjE,GADYG,EAAM,GAAKA,EAAM,IAAM,EACtBD,EAAO,EACpBG,EAAI,EAAIH,EASZ,OARI,EAAID,EAAO,KACb,EAAIA,EAAO,GACX,EAAI,EAAIC,GAENG,EAAIJ,EAAO,KACb,EAAIA,EAAO,GACX,EAAII,EAAIH,GAEH,CAAC,EAAGG,CAAC,CACd,EAGaC,GACX,EACA,EACA,IACU,CACVC,GAAUA,EAASJ,EAAM,IAAMK,EAC/BD,GAAUJ,EAAM,GAAKI,GAAUC,CACjC,EAEaC,GAAY,EAAc,IAAyB,CAC9DN,EAAM,GAAKO,EACXP,EAAM,GAAKO,CACb,EAEaC,GAAa,EAAU,EAAU,EAAU,OAAkB,CACxE,IAAMT,EAAO,KAAK,IAAI,KAAK,IAAIG,EAAE,GAAKA,EAAE,EAAE,EAAG,MAAM,EACnD,OACE,KAAK,IAAIO,EAAE,GAAKP,EAAE,EAAE,GAAKH,EAAOW,GAChC,KAAK,IAAID,EAAE,GAAKP,EAAE,EAAE,GAAKH,EAAOW,CAEpC,EAGaC,GACX,EACA,EACA,IACW,CACX,IAAMC,EACJC,IAAc,EAAIC,EAAS,GAAKD,IAAc,EAAIC,EAAS,IAAMA,EAEnE,OAAO,KAAK,IAAI,KAAK,IAAI,GAAI,KAAK,IAAI,EAAGF,GAD3BG,EAAQ,IAAO,MAC0B,CAAC,CAAC,CAC3D"}

package/dist/charts/engine/viewport.d.cts

@@ -0,0 +1,12 @@
+export type Range = [number, number];
+/**
+ * Keeps a range inside `bounds` with a span between `minSpan` and the
+ * span of the bounds (shifts it back instead of shrinking it).
+ */
+export declare const clampRange: (range: Range, bounds: Range, minSpan: number) => Range;
+/** Scales a range around `anchor` (factor < 1 zooms in) */
+export declare const zoomRange: (range: Range, anchor: number, factor: number) => Range;
+export declare const panRange: (range: Range, delta: number) => Range;
+export declare const sameRange: (a: Range, b: Range, epsilon?: number) => boolean;
+/** Wheel delta -> zoom factor (trackpad pinches arrive as ctrl + small deltas) */
+export declare const wheelFactor: (deltaY: number, deltaMode: number, pinch: boolean) => number;

package/dist/charts/engine/viewport.d.ts

@@ -0,0 +1,12 @@
+export type Range = [number, number];
+/**
+ * Keeps a range inside `bounds` with a span between `minSpan` and the
+ * span of the bounds (shifts it back instead of shrinking it).
+ */
+export declare const clampRange: (range: Range, bounds: Range, minSpan: number) => Range;
+/** Scales a range around `anchor` (factor < 1 zooms in) */
+export declare const zoomRange: (range: Range, anchor: number, factor: number) => Range;
+export declare const panRange: (range: Range, delta: number) => Range;
+export declare const sameRange: (a: Range, b: Range, epsilon?: number) => boolean;
+/** Wheel delta -> zoom factor (trackpad pinches arrive as ctrl + small deltas) */
+export declare const wheelFactor: (deltaY: number, deltaMode: number, pinch: boolean) => number;

package/dist/charts/engine/viewport.js

@@ -0,0 +1,15 @@
+//#region src/engine/viewport.ts
+var e = (e, t, n) => {
+	let r = t[1] - t[0], i = Math.min(Math.max(e[1] - e[0], n), r), a = (e[0] + e[1]) / 2 - i / 2, o = a + i;
+	return a < t[0] && (a = t[0], o = a + i), o > t[1] && (o = t[1], a = o - i), [a, o];
+}, t = (e, t, n) => [t - (t - e[0]) * n, t + (e[1] - t) * n], n = (e, t) => [e[0] + t, e[1] + t], r = (e, t, n = 1e-9) => {
+	let r = Math.max(Math.abs(t[1] - t[0]), 1e-300);
+	return Math.abs(e[0] - t[0]) <= r * n && Math.abs(e[1] - t[1]) <= r * n;
+}, i = (e, t, n) => {
+	let r = t === 1 ? e * 16 : t === 2 ? e * 400 : e;
+	return Math.exp(Math.max(-1, Math.min(1, r * (n ? .01 : .0025))));
+};
+//#endregion
+export { e as clampRange, n as panRange, r as sameRange, i as wheelFactor, t as zoomRange };
+
+//# sourceMappingURL=viewport.js.map

package/dist/charts/engine/viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.js","names":["clampRange","maxSpan","bounds","span","range","minSpan","b","zoomRange","anchor","factor","panRange","delta","sameRange","a","epsilon","wheelFactor","pixels","deltaMode","deltaY","pinch"],"sources":["../../../../charts/src/engine/viewport.ts"],"sourcesContent":["// Zoom / pan math on [min, max] ranges.\n\nexport type Range = [number, number];\n\n/**\n * Keeps a range inside `bounds` with a span between `minSpan` and the\n * span of the bounds (shifts it back instead of shrinking it).\n */\nexport const clampRange = (\n  range: Range,\n  bounds: Range,\n  minSpan: number,\n): Range => {\n  const maxSpan = bounds[1] - bounds[0];\n  const span = Math.min(Math.max(range[1] - range[0], minSpan), maxSpan);\n  const center = (range[0] + range[1]) / 2;\n  let a = center - span / 2;\n  let b = a + span;\n  if (a < bounds[0]) {\n    a = bounds[0];\n    b = a + span;\n  }\n  if (b > bounds[1]) {\n    b = bounds[1];\n    a = b - span;\n  }\n  return [a, b];\n};\n\n/** Scales a range around `anchor` (factor < 1 zooms in) */\nexport const zoomRange = (\n  range: Range,\n  anchor: number,\n  factor: number,\n): Range => [\n  anchor - (anchor - range[0]) * factor,\n  anchor + (range[1] - anchor) * factor,\n];\n\nexport const panRange = (range: Range, delta: number): Range => [\n  range[0] + delta,\n  range[1] + delta,\n];\n\nexport const sameRange = (a: Range, b: Range, epsilon = 1e-9): boolean => {\n  const span = Math.max(Math.abs(b[1] - b[0]), 1e-300);\n  return (\n    Math.abs(a[0] - b[0]) <= span * epsilon &&\n    Math.abs(a[1] - b[1]) <= span * epsilon\n  );\n};\n\n/** Wheel delta -> zoom factor (trackpad pinches arrive as ctrl + small deltas) */\nexport const wheelFactor = (\n  deltaY: number,\n  deltaMode: number,\n  pinch: boolean,\n): number => {\n  const pixels =\n    deltaMode === 1 ? deltaY * 16 : deltaMode === 2 ? deltaY * 400 : deltaY;\n  const speed = pinch ? 0.01 : 0.0025;\n  return Math.exp(Math.max(-1, Math.min(1, pixels * speed)));\n};\n"],"mappings":";AAQA,IAAaA,KACX,GACA,GACA,MACU;CACV,IAAMC,IAAUC,EAAO,KAAKA,EAAO,IAC7BC,IAAO,KAAK,IAAI,KAAK,IAAIC,EAAM,KAAKA,EAAM,IAAIC,CAAO,GAAGJ,CAAO,GAEjE,KADYG,EAAM,KAAKA,EAAM,MAAM,IACtBD,IAAO,GACpBG,IAAI,IAAIH;CASZ,OARI,IAAID,EAAO,OACb,IAAIA,EAAO,IACX,IAAI,IAAIC,IAENG,IAAIJ,EAAO,OACb,IAAIA,EAAO,IACX,IAAII,IAAIH,IAEH,CAAC,GAAGG,CAAC;AACd,GAGaC,KACX,GACA,GACA,MACU,CACVC,KAAUA,IAASJ,EAAM,MAAMK,GAC/BD,KAAUJ,EAAM,KAAKI,KAAUC,CACjC,GAEaC,KAAY,GAAc,MAAyB,CAC9DN,EAAM,KAAKO,GACXP,EAAM,KAAKO,CACb,GAEaC,KAAa,GAAU,GAAU,IAAU,SAAkB;CACxE,IAAMT,IAAO,KAAK,IAAI,KAAK,IAAIG,EAAE,KAAKA,EAAE,EAAE,GAAG,MAAM;CACnD,OACE,KAAK,IAAIO,EAAE,KAAKP,EAAE,EAAE,KAAKH,IAAOW,KAChC,KAAK,IAAID,EAAE,KAAKP,EAAE,EAAE,KAAKH,IAAOW;AAEpC,GAGaC,KACX,GACA,GACA,MACW;CACX,IAAMC,IACJC,MAAc,IAAIC,IAAS,KAAKD,MAAc,IAAIC,IAAS,MAAMA;CAEnE,OAAO,KAAK,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,GAAGF,KAD3BG,IAAQ,MAAO,MAC0B,CAAC,CAAC;AAC3D"}

package/dist/charts/index.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./engine/format.cjs"),t=require("./engine/chart.cjs"),n=require("./react/Chart.cjs"),r=require("./engine/presets.cjs"),i=require("./react/charts.cjs"),a=require("./engine/controller.cjs"),o=require("./engine/canvas.cjs");require("./core.cjs"),exports.BarChart=i.BarChart,exports.Chart=n.Chart,exports.LineChart=i.LineChart,exports.QuadrantChart=i.QuadrantChart,exports.ScatterChart=i.ScatterChart,exports.createCanvasChart=o.createCanvasChart,exports.createChart=t.createChart,exports.createChartController=a.createChartController,exports.formatCompact=e.formatCompact,exports.quadrantCenter=r.quadrantCenter,exports.quadrantChartOptions=r.quadrantChartOptions,exports.quadrantOf=r.quadrantOf,exports.scenePrimitives=a.scenePrimitives;

package/dist/charts/index.d.cts

@@ -0,0 +1,4 @@
+export { Chart } from './react/Chart.cjs';
+export { BarChart, LineChart, QuadrantChart, ScatterChart, } from './react/charts.cjs';
+export type { BarChartProps, ChartCommonProps, ChartHandle, ChartProps, LineChartProps, QuadrantChartProps, QuadrantDropTarget, ScatterChartProps, } from './react/types.cjs';
+export * from './core.cjs';

package/dist/charts/index.d.ts

@@ -0,0 +1,4 @@
+export { Chart } from './react/Chart.js';
+export { BarChart, LineChart, QuadrantChart, ScatterChart, } from './react/charts.js';
+export type { BarChartProps, ChartCommonProps, ChartHandle, ChartProps, LineChartProps, QuadrantChartProps, QuadrantDropTarget, ScatterChartProps, } from './react/types.js';
+export * from './core.js';

package/dist/charts/index.js

@@ -0,0 +1,10 @@
+"use client";
+import { formatCompact as e } from "./engine/format.js";
+import { createChart as t } from "./engine/chart.js";
+import { Chart as n } from "./react/Chart.js";
+import { quadrantCenter as r, quadrantChartOptions as i, quadrantOf as a } from "./engine/presets.js";
+import { BarChart as o, LineChart as s, QuadrantChart as c, ScatterChart as l } from "./react/charts.js";
+import { createChartController as u, scenePrimitives as d } from "./engine/controller.js";
+import { createCanvasChart as f } from "./engine/canvas.js";
+import "./core.js";
+export { o as BarChart, n as Chart, s as LineChart, c as QuadrantChart, l as ScatterChart, f as createCanvasChart, t as createChart, u as createChartController, e as formatCompact, r as quadrantCenter, i as quadrantChartOptions, a as quadrantOf, d as scenePrimitives };

package/dist/charts/react/Chart.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../engine/chart.cjs");let t=require("react"),n=require("react-dom"),r=require("react/jsx-runtime");var i=(e,t)=>e===void 0?t:typeof e==`number`?`${e}px`:e,a=e=>({series:e.series,xAxis:e.xAxis,yAxis:e.yAxis,renderer:e.renderer,legend:e.legend,tooltip:e.tooltip,crosshair:e.crosshair,annotations:e.annotations,interaction:e.interaction,padding:e.padding,palette:e.palette,ariaLabel:e.ariaLabel});function o({options:a,height:o,width:s,className:c,style:l,handleRef:u,renderTooltip:d,overlay:f,...p}){let m=(0,t.useRef)(null),h=(0,t.useRef)(null),g=(0,t.useRef)(p),_=(0,t.useRef)(d),[v,y]=(0,t.useState)(null),[b,x]=(0,t.useState)(null),S=(0,t.useMemo)(()=>typeof document>`u`?null:document.createElement(`div`),[]),C=(0,t.useMemo)(()=>{if(!d||!S||a.tooltip===!1)return a;let e=typeof a.tooltip==`object`?a.tooltip:{};return{...a,tooltip:{...e,render:e=>_.current?((0,n.flushSync)(()=>y(e)),S):null}}},[a,d,S]),w=(0,t.useRef)(C);return(0,t.useEffect)(()=>{g.current=p,_.current=d}),(0,t.useEffect)(()=>{let t=m.current;if(!t)return;let n=e.createChart(t,w.current);h.current=n;let r=[n.on(`hover`,e=>g.current.onHover?.(e)),n.on(`click`,e=>g.current.onPointClick?.(e)),n.on(`plotClick`,e=>g.current.onPlotClick?.(e)),n.on(`zoom`,e=>g.current.onZoom?.(e)),n.on(`renderer`,e=>g.current.onRendererChange?.(e)),n.on(`drag`,e=>g.current.onDrag?.(e)),n.on(`drop`,e=>g.current.onDrop?.(e)),n.on(`layout`,e=>x(e))];return()=>{r.forEach(e=>e()),n.destroy(),h.current=null}},[]),(0,t.useEffect)(()=>{w.current!==C&&(w.current=C,h.current?.setOptions(C))},[C]),(0,t.useImperativeHandle)(u,()=>({resetZoom:()=>h.current?.resetZoom(),getView:()=>h.current?.getView()??null,setView:e=>h.current?.setView(e),getRenderer:()=>h.current?.getRenderer()??null,getInstance:()=>h.current}),[]),(0,r.jsxs)(`div`,{className:c,style:{position:`relative`,width:i(s,`100%`),height:i(o,`320px`),...l},children:[(0,r.jsx)(`div`,{ref:m,style:{position:`absolute`,inset:0}}),f&&b&&(0,r.jsx)(`div`,{className:`minerva-chart-overlay`,style:{position:`absolute`,left:b.x,top:b.y,width:b.width,height:b.height,pointerEvents:`none`},children:f(b)}),S&&v&&d&&(0,n.createPortal)(d(v),S)]})}function s(e){let{height:t,width:n,className:i,style:s,ref:c,onHover:l,onPointClick:u,onPlotClick:d,onZoom:f,onRendererChange:p,renderTooltip:m}=e;return(0,r.jsx)(o,{options:a(e),height:t,width:n,className:i,style:s,handleRef:c,onHover:l,onPointClick:u,onPlotClick:d,onZoom:f,onRendererChange:p,renderTooltip:m})}exports.Chart=s,exports.ChartBase=o,exports.engineOptions=a;
+//# sourceMappingURL=Chart.cjs.map

package/dist/charts/react/Chart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.cjs","names":["useRef","useState","useMemo","createChart","createPortal","require_chart","react","react_dom","react_jsx_runtime","size","value","fallback","engineOptions","props","ChartBase","handlers","containerRef","chartRef","handlersRef","tooltipRef","renderTooltip","tipEvent","setTipEvent","plot","setPlot","tipHost","resolved","options","base","event","optionsRef","container","chart","offs","v","r","rect","off","handleRef","view","width","height","style","overlay","Chart","ref"],"sources":["../../../../charts/src/react/Chart.tsx"],"sourcesContent":["import {\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { createPortal, flushSync } from \"react-dom\";\nimport { createChart } from \"../engine/chart\";\nimport type {\n  ChartDragEvent,\n  ChartHoverEvent,\n  ChartInstance,\n  ChartOptions,\n  ChartPlotClickEvent,\n  ChartRect,\n  ChartRendererKind,\n  ChartView,\n} from \"../engine/types\";\nimport type { ChartCommonProps, ChartProps } from \"./types\";\n\ninterface Handlers {\n  onHover?: (event: ChartHoverEvent | null) => void;\n  onPointClick?: (event: ChartHoverEvent) => void;\n  onPlotClick?: (event: ChartPlotClickEvent) => void;\n  onZoom?: (view: ChartView) => void;\n  onRendererChange?: (renderer: ChartRendererKind) => void;\n  onDrag?: (event: ChartDragEvent) => void;\n  onDrop?: (event: ChartDragEvent) => void;\n}\n\nconst size = (value: number | string | undefined, fallback: string) =>\n  value === undefined\n    ? fallback\n    : typeof value === \"number\"\n      ? `${value}px`\n      : value;\n\n/** Engine options of the common props */\nexport const engineOptions = (\n  props: Pick<\n    ChartCommonProps,\n    | \"xAxis\"\n    | \"yAxis\"\n    | \"renderer\"\n    | \"legend\"\n    | \"tooltip\"\n    | \"crosshair\"\n    | \"annotations\"\n    | \"interaction\"\n    | \"padding\"\n    | \"palette\"\n    | \"ariaLabel\"\n  > &\n    Pick<ChartOptions, \"series\">,\n): ChartOptions => ({\n  series: props.series,\n  xAxis: props.xAxis,\n  yAxis: props.yAxis,\n  renderer: props.renderer,\n  legend: props.legend,\n  tooltip: props.tooltip,\n  crosshair: props.crosshair,\n  annotations: props.annotations,\n  interaction: props.interaction,\n  padding: props.padding,\n  palette: props.palette,\n  ariaLabel: props.ariaLabel,\n});\n\ninterface ChartBaseProps extends Handlers {\n  options: ChartOptions;\n  height?: number | string;\n  width?: number | string;\n  className?: string;\n  style?: CSSProperties;\n  handleRef?: ChartCommonProps[\"ref\"];\n  /** React content of the tooltip (replaces the engine's content) */\n  renderTooltip?: (event: ChartHoverEvent) => ReactNode;\n  /** React content placed over the chart, given the plot area */\n  overlay?: (plot: ChartRect) => ReactNode;\n}\n\n/** Mounts the engine in a sized <div> and forwards option / handler changes */\nexport function ChartBase({\n  options,\n  height,\n  width,\n  className,\n  style,\n  handleRef,\n  renderTooltip,\n  overlay,\n  ...handlers\n}: ChartBaseProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const chartRef = useRef<ChartInstance | null>(null);\n  const handlersRef = useRef<Handlers>(handlers);\n  const tooltipRef = useRef(renderTooltip);\n  const [tipEvent, setTipEvent] = useState<ChartHoverEvent | null>(null);\n  const [plot, setPlot] = useState<ChartRect | null>(null);\n  const tipHost = useMemo(\n    () =>\n      typeof document === \"undefined\" ? null : document.createElement(\"div\"),\n    [],\n  );\n\n  const resolved = useMemo((): ChartOptions => {\n    if (!renderTooltip || !tipHost || options.tooltip === false) return options;\n    const base = typeof options.tooltip === \"object\" ? options.tooltip : {};\n    return {\n      ...options,\n      tooltip: {\n        ...base,\n        render: (event) => {\n          if (!tooltipRef.current) return null;\n          // render synchronously so the engine measures the final size\n          flushSync(() => setTipEvent(event));\n          return tipHost;\n        },\n      },\n    };\n  }, [options, renderTooltip, tipHost]);\n  const optionsRef = useRef(resolved);\n\n  useEffect(() => {\n    handlersRef.current = handlers;\n    tooltipRef.current = renderTooltip;\n  });\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    const chart = createChart(container, optionsRef.current);\n    chartRef.current = chart;\n    const offs = [\n      chart.on(\"hover\", (e) => handlersRef.current.onHover?.(e)),\n      chart.on(\"click\", (e) => handlersRef.current.onPointClick?.(e)),\n      chart.on(\"plotClick\", (e) => handlersRef.current.onPlotClick?.(e)),\n      chart.on(\"zoom\", (v) => handlersRef.current.onZoom?.(v)),\n      chart.on(\"renderer\", (r) => handlersRef.current.onRendererChange?.(r)),\n      chart.on(\"drag\", (e) => handlersRef.current.onDrag?.(e)),\n      chart.on(\"drop\", (e) => handlersRef.current.onDrop?.(e)),\n      chart.on(\"layout\", (rect) => setPlot(rect)),\n    ];\n    return () => {\n      offs.forEach((off) => off());\n      chart.destroy();\n      chartRef.current = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (optionsRef.current === resolved) return;\n    optionsRef.current = resolved;\n    chartRef.current?.setOptions(resolved);\n  }, [resolved]);\n\n  useImperativeHandle(\n    handleRef,\n    () => ({\n      resetZoom: () => chartRef.current?.resetZoom(),\n      getView: () => chartRef.current?.getView() ?? null,\n      setView: (view) => chartRef.current?.setView(view),\n      getRenderer: () => chartRef.current?.getRenderer() ?? null,\n      getInstance: () => chartRef.current,\n    }),\n    [],\n  );\n\n  return (\n    <div\n      className={className}\n      style={{\n        position: \"relative\",\n        width: size(width, \"100%\"),\n        height: size(height, \"320px\"),\n        ...style,\n      }}\n    >\n      <div ref={containerRef} style={{ position: \"absolute\", inset: 0 }} />\n      {overlay && plot && (\n        <div\n          className=\"minerva-chart-overlay\"\n          style={{\n            position: \"absolute\",\n            left: plot.x,\n            top: plot.y,\n            width: plot.width,\n            height: plot.height,\n            pointerEvents: \"none\",\n          }}\n        >\n          {overlay(plot)}\n        </div>\n      )}\n      {tipHost &&\n        tipEvent &&\n        renderTooltip &&\n        createPortal(renderTooltip(tipEvent), tipHost)}\n    </div>\n  );\n}\n\n/**\n * GPU chart (WebGPU, then WebGL2, then Canvas2D) mixing line, area, bar and\n * scatter series; zoomable, keyboard accessible and themed by the Minerva\n * CSS variables.\n */\nexport function Chart(props: ChartProps) {\n  const {\n    height,\n    width,\n    className,\n    style,\n    ref,\n    onHover,\n    onPointClick,\n    onPlotClick,\n    onZoom,\n    onRendererChange,\n    renderTooltip,\n  } = props;\n  return (\n    <ChartBase\n      options={engineOptions(props)}\n      height={height}\n      width={width}\n      className={className}\n      style={style}\n      handleRef={ref}\n      onHover={onHover}\n      onPointClick={onPointClick}\n      onPlotClick={onPlotClick}\n      onZoom={onZoom}\n      onRendererChange={onRendererChange}\n      renderTooltip={renderTooltip}\n    />\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+import { CSSProperties, ReactNode } from 'react';
+import { ChartDragEvent, ChartHoverEvent, ChartOptions, ChartPlotClickEvent, ChartRect, ChartRendererKind, ChartView } from '../engine/types.cjs';
+import { ChartCommonProps, ChartProps } from './types.cjs';
+interface Handlers {
+    onHover?: (event: ChartHoverEvent | null) => void;
+    onPointClick?: (event: ChartHoverEvent) => void;
+    onPlotClick?: (event: ChartPlotClickEvent) => void;
+    onZoom?: (view: ChartView) => void;
+    onRendererChange?: (renderer: ChartRendererKind) => void;
+    onDrag?: (event: ChartDragEvent) => void;
+    onDrop?: (event: ChartDragEvent) => void;
+}
+/** Engine options of the common props */
+export declare const engineOptions: (props: Pick<ChartCommonProps, "xAxis" | "yAxis" | "renderer" | "legend" | "tooltip" | "crosshair" | "annotations" | "interaction" | "padding" | "palette" | "ariaLabel"> & Pick<ChartOptions, "series">) => ChartOptions;
+interface ChartBaseProps extends Handlers {
+    options: ChartOptions;
+    height?: number | string;
+    width?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    handleRef?: ChartCommonProps["ref"];
+    /** React content of the tooltip (replaces the engine's content) */
+    renderTooltip?: (event: ChartHoverEvent) => ReactNode;
+    /** React content placed over the chart, given the plot area */
+    overlay?: (plot: ChartRect) => ReactNode;
+}
+/** Mounts the engine in a sized <div> and forwards option / handler changes */
+export declare function ChartBase({ options, height, width, className, style, handleRef, renderTooltip, overlay, ...handlers }: ChartBaseProps): import('react').JSX.Element;
+/**
+ * GPU chart (WebGPU, then WebGL2, then Canvas2D) mixing line, area, bar and
+ * scatter series; zoomable, keyboard accessible and themed by the Minerva
+ * CSS variables.
+ */
+export declare function Chart(props: ChartProps): import('react').JSX.Element;
+export {};

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

@@ -0,0 +1,35 @@
+import { CSSProperties, ReactNode } from 'react';
+import { ChartDragEvent, ChartHoverEvent, ChartOptions, ChartPlotClickEvent, ChartRect, ChartRendererKind, ChartView } from '../engine/types.js';
+import { ChartCommonProps, ChartProps } from './types.js';
+interface Handlers {
+    onHover?: (event: ChartHoverEvent | null) => void;
+    onPointClick?: (event: ChartHoverEvent) => void;
+    onPlotClick?: (event: ChartPlotClickEvent) => void;
+    onZoom?: (view: ChartView) => void;
+    onRendererChange?: (renderer: ChartRendererKind) => void;
+    onDrag?: (event: ChartDragEvent) => void;
+    onDrop?: (event: ChartDragEvent) => void;
+}
+/** Engine options of the common props */
+export declare const engineOptions: (props: Pick<ChartCommonProps, "xAxis" | "yAxis" | "renderer" | "legend" | "tooltip" | "crosshair" | "annotations" | "interaction" | "padding" | "palette" | "ariaLabel"> & Pick<ChartOptions, "series">) => ChartOptions;
+interface ChartBaseProps extends Handlers {
+    options: ChartOptions;
+    height?: number | string;
+    width?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    handleRef?: ChartCommonProps["ref"];
+    /** React content of the tooltip (replaces the engine's content) */
+    renderTooltip?: (event: ChartHoverEvent) => ReactNode;
+    /** React content placed over the chart, given the plot area */
+    overlay?: (plot: ChartRect) => ReactNode;
+}
+/** Mounts the engine in a sized <div> and forwards option / handler changes */
+export declare function ChartBase({ options, height, width, className, style, handleRef, renderTooltip, overlay, ...handlers }: ChartBaseProps): import('react').JSX.Element;
+/**
+ * GPU chart (WebGPU, then WebGL2, then Canvas2D) mixing line, area, bar and
+ * scatter series; zoomable, keyboard accessible and themed by the Minerva
+ * CSS variables.
+ */
+export declare function Chart(props: ChartProps): import('react').JSX.Element;
+export {};