minerva-design 1.2.0 → 1.4.0

package/dist/weapp/types.d.ts

@@ -554,6 +554,154 @@ export interface NativeBarChartProperties extends NativeChartProperties {
   stacked?: boolean;
 }
 export type NativeScatterChartProperties = NativeChartProperties;
+type NativeCurve = "linear" | "smooth" | "step";
+export interface NativeAreaChartProperties extends NativeChartProperties {
+  /** @default "smooth" */
+  curve?: NativeCurve;
+  stacked?: boolean;
+  /** 100% stacks (implies `stacked`) */
+  percent?: boolean;
+}
+export interface NativeHorizontalBarChartProperties extends NativeChartProperties {
+  stacked?: boolean;
+  percent?: boolean;
+  /** Values at the end of the bars */
+  labels?: boolean;
+}
+export type NativeCandlestickChartProperties = NativeChartProperties;
+export interface NativeRangeAreaChartProperties extends NativeChartProperties {
+  /** @default "smooth" */
+  curve?: NativeCurve;
+}
+export interface NativeMixedChartProperties extends NativeChartProperties {
+  /** Right value axis of the series with `yAxis: "right"` */
+  yAxis2?: NativeChartAxisOptions;
+  /** @default "normal" */
+  stackMode?: "normal" | "percent";
+  /** @default "vertical" */
+  orientation?: "vertical" | "horizontal";
+}
+export interface NativeBubbleChartProperties extends NativeChartProperties {
+  /** @default 6 */
+  minSize?: number;
+  /** @default 48 */
+  maxSize?: number;
+  maxValue?: number;
+}
+export interface NativeHeatmapCell {
+  x: string | number;
+  y: string | number;
+  value: number | null;
+}
+export interface NativeHeatmapChartProperties extends NativeChartCommonProperties {
+  data: readonly NativeHeatmapCell[];
+  xAxis?: NativeChartAxisOptions;
+  yAxis?: NativeChartAxisOptions;
+  xCategories?: readonly string[];
+  yCategories?: readonly string[];
+  colorScale?: readonly string[];
+  valueRange?: [number, number];
+  name?: string;
+  radius?: number;
+}
+export interface NativeSparklineProperties {
+  data: readonly (number | [number, number])[];
+  /** @default "line" */
+  type?: "line" | "area" | "bar";
+  color?: string;
+  /** @default "smooth" */
+  curve?: NativeCurve;
+  name?: string;
+  reference?: number;
+  /** @default "100%" */
+  width?: number | string;
+  /** @default 48 */
+  height?: number | string;
+  tooltip?: boolean | NativeChartTooltipOptions;
+  palette?: readonly string[];
+  ariaLabel?: string;
+  disableScroll?: boolean;
+}
+export interface NativeHistogramChartProperties extends NativeChartCommonProperties {
+  values: readonly number[];
+  /** @default "auto" */
+  bins?: number | "auto" | "sturges" | "freedman-diaconis";
+  domain?: [number, number];
+  /** @default true */
+  nice?: boolean;
+  /** @default "Count" */
+  name?: string;
+  color?: string;
+  /** More series drawn over the bins */
+  series?: readonly NativeChartSeries[];
+  xAxis?: NativeChartAxisOptions;
+  yAxis?: NativeChartAxisOptions;
+}
+export interface NativeBoxplotGroup {
+  x: string | number;
+  values: readonly number[];
+  color?: string;
+}
+export interface NativeBoxPlotChartProperties extends NativeChartCommonProperties {
+  series?: readonly NativeChartSeries[];
+  groups?: readonly NativeBoxplotGroup[];
+  /** @default "Values" */
+  name?: string;
+  /** @default 1.5 */
+  whisker?: number | "minmax";
+  /** @default "vertical" */
+  orientation?: "vertical" | "horizontal";
+  xAxis?: NativeChartAxisOptions;
+  yAxis?: NativeChartAxisOptions;
+}
+export interface NativeWaterfallStep {
+  label: string;
+  value?: number;
+  /** @default "change" */
+  kind?: "change" | "subtotal" | "total";
+  color?: string;
+}
+export interface NativeWaterfallChartProperties extends NativeChartCommonProperties {
+  steps: readonly NativeWaterfallStep[];
+  name?: string;
+  upColor?: string;
+  downColor?: string;
+  totalColor?: string;
+  /** @default 0 */
+  start?: number;
+  /** @default true */
+  labels?: boolean;
+  locale?: string;
+  /** @default "vertical" */
+  orientation?: "vertical" | "horizontal";
+  xAxis?: NativeChartAxisOptions;
+  yAxis?: NativeChartAxisOptions;
+}
+export interface NativeGanttTask {
+  name: string;
+  /** Timestamp (ms) */
+  start: number;
+  /** Timestamp (ms); milestones omit it */
+  end?: number;
+  /** 0-1 */
+  progress?: number;
+  group?: string;
+  color?: string;
+  milestone?: boolean;
+}
+export interface NativeGanttChartProperties extends NativeChartCommonProperties {
+  tasks: readonly NativeGanttTask[];
+  colors?: readonly string[];
+  taskName?: string;
+  progressName?: string;
+  milestoneName?: string;
+  locale?: string;
+  /** Line at this timestamp (`true`: now) @default false */
+  today?: boolean | number;
+  todayLabel?: string;
+  xAxis?: NativeChartAxisOptions;
+  yAxis?: NativeChartAxisOptions;
+}
 export interface NativeChartHoverItem {
   seriesIndex: number;
   seriesId: string;
@@ -607,6 +755,12 @@ export interface NativeChartConfig {
   yAxis?: { format?: (value: number) => string };
   /** Tooltip text (`\n` separates lines); `null` hides the tooltip */
   renderTooltip?: (event: NativeChartHoverEvent) => string | null;
+  /** heatmap-chart, sparkline and waterfall-chart: formats the values */
+  format?: (value: number) => string;
+  /** histogram-chart: formats the edges of the bins (tooltip) */
+  formatBin?: (value: number) => string;
+  /** gantt-chart: formats the progress shares (tooltip) */
+  formatProgress?: (share: number) => string;
 }
 interface NativeChartMethods extends NativeConfigConsumer {
   /** Measures the canvas again (after a host layout change) */
@@ -702,6 +856,318 @@ export interface NativeQuadrantChartInstance extends NativeChartMethods {
   configure(config: NativeQuadrantChartConfig): void;
 }
 
+/** A named value of a shape chart (pie slice, funnel stage) */
+export interface NativeShapeDatum {
+  name: string;
+  /** Negative values count as 0 */
+  value: number;
+  /** Any CSS color, `var(--x)` included; the palette when omitted */
+  color?: string;
+}
+export interface NativeTreemapNode {
+  name: string;
+  /** Leaves carry a value, parents sum their children */
+  value?: number;
+  color?: string;
+  children?: readonly NativeTreemapNode[];
+}
+export interface NativeRadarIndicator {
+  name: string;
+  /** @default the largest value of the indicator */
+  max?: number;
+  /** @default 0 */
+  min?: number;
+}
+export interface NativeRadarSeries {
+  name?: string;
+  /** One value per indicator */
+  values: readonly number[];
+  color?: string;
+  /** Fill opacity */
+  opacity?: number;
+}
+export interface NativeGaugeBand {
+  /** Upper bound of the band */
+  to: number;
+  color: string;
+}
+export interface NativeShapeLegendOptions {
+  /** @default "bottom" */
+  position?: "top" | "bottom";
+  /** Tapping an item hides / shows its entry @default true */
+  toggle?: boolean;
+}
+/** Properties of every shape chart component */
+export interface NativeShapeChartFrameProperties {
+  /** Numbers are px; any CSS length otherwise @default "100%" */
+  width?: number | string;
+  /** Numbers are px; any CSS length otherwise @default 320 (gauge-chart: 240, radial-bar-chart: 300, sankey- and sunburst-chart: 360, calendar-heatmap and bullet-chart: from the data) */
+  height?: number | string;
+  /** Stops the page from scrolling while the canvas is touched @default false */
+  disableScroll?: boolean;
+}
+/** Properties shared by pie-, donut-, radar-, gauge-, funnel- and treemap-chart */
+export interface NativeShapeChartCommonProperties extends NativeShapeChartFrameProperties {
+  palette?: readonly string[];
+  /** Shown by default for pie, donut, funnel and multi-series radar charts */
+  legend?: boolean | NativeShapeLegendOptions;
+  /** Tooltip drawn on the canvas; `false` disables it */
+  tooltip?: boolean;
+  /** Hidden entries by index; set (even `[]`) it is controlled: legend taps only emit `toggle` */
+  hidden?: readonly number[] | null;
+  /** @default true */
+  animation?: boolean;
+  padding?: NativeChartPadding;
+  ariaLabel?: string;
+}
+export interface NativePieChartProperties extends NativeShapeChartCommonProperties {
+  data: readonly NativeShapeDatum[];
+  /** Fraction of the outer radius @default 0 (donut-chart: 0.62) */
+  innerRadius?: number;
+  /** Degrees clockwise from 12 o'clock @default 0 */
+  startAngle?: number;
+  /** Gap between the slices in px */
+  padAngle?: number;
+  /** Corner radius of the slices in px */
+  cornerRadius?: number;
+  rose?: boolean;
+  labels?: "outside" | "inside" | "none";
+  labelContent?: readonly ("name" | "value" | "percent")[];
+  centerValue?: string;
+  centerLabel?: string;
+}
+export type NativeDonutChartProperties = NativePieChartProperties;
+export interface NativeRadarChartProperties extends NativeShapeChartCommonProperties {
+  indicators: readonly NativeRadarIndicator[];
+  series: readonly NativeRadarSeries[];
+  /** @default "polygon" */
+  shape?: "polygon" | "circle";
+  /** @default 4 */
+  levels?: number;
+  /** @default true */
+  dots?: boolean;
+}
+export interface NativeGaugeChartProperties extends NativeShapeChartCommonProperties {
+  value: number;
+  /** @default 0 */
+  min?: number;
+  /** @default 100 */
+  max?: number;
+  label?: string;
+  /** Degrees @default 240 */
+  sweep?: number;
+  /** Fraction of the radius @default 0.16 */
+  thickness?: number;
+  bands?: readonly NativeGaugeBand[];
+  color?: string;
+  needle?: boolean;
+  /** @default true */
+  ticks?: boolean;
+}
+export interface NativeFunnelChartProperties extends NativeShapeChartCommonProperties {
+  data: readonly NativeShapeDatum[];
+  /** @default "none" */
+  sort?: "descending" | "ascending" | "none";
+  /** @default 4 */
+  gap?: number;
+  /** @default true */
+  conversion?: boolean;
+  /** @default "trapezoid" */
+  shape?: "trapezoid" | "bar";
+}
+export interface NativeTreemapChartProperties extends NativeShapeChartCommonProperties {
+  data: readonly NativeTreemapNode[];
+  /** @default 2 */
+  gap?: number;
+  /** @default true */
+  headers?: boolean;
+}
+export interface NativeSankeyNode {
+  name: string;
+  color?: string;
+  column?: number;
+}
+export interface NativeSankeyLink {
+  source: string | number;
+  target: string | number;
+  value: number;
+  color?: string;
+}
+export interface NativeSankeyChartProperties extends NativeShapeChartCommonProperties {
+  nodes?: readonly NativeSankeyNode[];
+  links: readonly NativeSankeyLink[];
+  /** @default 12 */
+  nodeWidth?: number;
+  /** @default 12 */
+  nodePadding?: number;
+  /** @default "justify" */
+  align?: "justify" | "left" | "right" | "center";
+  /** @default 32 */
+  iterations?: number;
+  /** @default "gradient" */
+  linkColor?: "gradient" | "source" | "target" | "neutral";
+  /** @default 0.4 */
+  linkOpacity?: number;
+  /** @default true */
+  labels?: boolean;
+  /** @default true */
+  labelValues?: boolean;
+}
+export interface NativeSunburstChartProperties extends NativeShapeChartCommonProperties {
+  data: readonly NativeTreemapNode[];
+  /** @default 0.26 */
+  innerRadius?: number;
+  levels?: number;
+  /** @default 0 */
+  startAngle?: number;
+  /** @default 1 */
+  padAngle?: number;
+  /** @default 2 */
+  cornerRadius?: number;
+  /** @default "auto" */
+  labels?: "auto" | "tangential" | "radial" | "none";
+  /** Tapping a parent zooms into it, the center goes back up @default true */
+  drill?: boolean;
+  /** Controlled drill-down: taps only emit `drill` */
+  drillPath?: readonly string[] | null;
+}
+export interface NativeRadialBarDatum extends NativeShapeDatum {
+  max?: number;
+}
+export interface NativeRadialBarChartProperties extends NativeShapeChartCommonProperties {
+  data: readonly NativeRadialBarDatum[];
+  max?: number;
+  /** @default 0.3 */
+  innerRadius?: number;
+  /** @default 0 */
+  startAngle?: number;
+  /** @default 270 */
+  sweep?: number;
+  /** @default 0.28 */
+  gap?: number;
+  /** @default true */
+  track?: boolean;
+  /** @default true */
+  rounded?: boolean;
+  labels?: boolean;
+  labelContent?: readonly ("name" | "value" | "percent")[];
+  centerValue?: string;
+  centerLabel?: string;
+}
+export interface NativeCalendarDatum {
+  /** `YYYY-MM-DD` or a timestamp */
+  date: string | number;
+  value: number;
+}
+export interface NativeCalendarHeatmapProperties extends NativeShapeChartCommonProperties {
+  data: readonly NativeCalendarDatum[];
+  /** A year or an inclusive `[start, end]` range */
+  range?: number | [string | number, string | number];
+  /** @default "weeks" */
+  layout?: "weeks" | "months";
+  weekStart?: number;
+  locale?: string;
+  color?: string;
+  colors?: readonly string[];
+  /** @default 4 */
+  levels?: number;
+  thresholds?: readonly number[];
+  /** @default 3 */
+  gap?: number;
+  /** @default 2 */
+  radius?: number;
+  maxCellSize?: number;
+  /** @default true */
+  monthLabels?: boolean;
+  /** @default true */
+  weekdayLabels?: boolean;
+}
+export interface NativeBulletDatum {
+  name: string;
+  /** Small text under the name */
+  subtitle?: string;
+  value: number;
+  target?: number;
+  ranges?: readonly number[];
+  min?: number;
+  max?: number;
+  color?: string;
+}
+export interface NativeBulletChartProperties extends NativeShapeChartCommonProperties {
+  data: readonly NativeBulletDatum[];
+  /** @default "horizontal" */
+  orientation?: "horizontal" | "vertical";
+  ranges?: readonly number[];
+  rangeLabels?: readonly string[];
+  rangeColors?: readonly string[];
+  /** @default 0.4 */
+  barSize?: number;
+  targetColor?: string;
+  /** @default true */
+  ticks?: boolean;
+}
+/** shape-chart: any shape type of the engine from its options */
+export interface NativeShapeChartProperties extends NativeShapeChartFrameProperties {
+  /** Options by `type` ("pie", "radar", "gauge", "funnel", "treemap"...) without functions (see `configure`) */
+  options: { type: string; [option: string]: unknown };
+}
+export interface NativeShapeHoverEvent {
+  /** Index of the slice / stage / series / leaf; -1 when the highlight is cleared (`hover`) */
+  index: number;
+  /** Radar: index of the closest indicator */
+  indicator?: number;
+  name: string;
+  value: number;
+  /** Share, 0-1 */
+  percent: number;
+  color: string;
+  /** Treemap / sunburst: names from the root */
+  path?: string[];
+  /** Calendar heatmap: `YYYY-MM-DD` */
+  date?: string;
+  /** Sankey link ends */
+  source?: string;
+  target?: string;
+}
+export interface NativeShapeToggleEvent {
+  index: number;
+  /** Whether the entry is (or, controlled, would be) hidden */
+  hidden: boolean;
+  hiddenIndexes: number[];
+}
+/** `event.detail` of the shape chart events */
+export interface NativeShapeChartEvents {
+  hover: NativeShapeHoverEvent;
+  click: NativeShapeHoverEvent;
+  toggle: NativeShapeToggleEvent;
+  /** sunburst-chart (and shape-chart with a sunburst): names from the root to the focused node */
+  drill: { path: string[] };
+}
+/** Function options of the shape charts (not serializable as properties) */
+export interface NativeShapeChartConfig {
+  /** Values of the labels and the tooltip */
+  format?: (value: number) => string;
+  /** Shares (0-1) of the labels and the tooltip */
+  percentFormat?: (share: number) => string;
+  /** Tooltip text (`\n` separates lines); `null` hides the tooltip */
+  renderTooltip?: (event: NativeShapeHoverEvent) => string | null;
+}
+export interface NativeShapeChartInstance extends NativeConfigConsumer {
+  configure(config: NativeShapeChartConfig): void;
+  /** Measures the canvas again (after a host layout change) */
+  resize(): void;
+  /** Hides / shows an entry (emits `toggle`) */
+  toggle(index: number): void;
+  /** Indexes of the hidden entries */
+  getHidden(): number[];
+  /** Removes the highlight and the tooltip */
+  clearHover(): void;
+  /** Sunburst: focuses the node at this path (`[]` = the root), emits `drill` */
+  drill(path: readonly string[]): void;
+  /** Sunburst: names from the root to the focused node */
+  getDrillPath(): string[];
+}
+
 /** DatePicker data properties; omitted value is uncontrolled, null/empty stays controlled. */
 export interface NativeDatePickerProperties {
   value?: string | null;

package/dist/weapp/waterfall-chart/index.js

@@ -0,0 +1 @@
+Component(require('../controls.js').waterfallChart.definition);

package/dist/weapp/waterfall-chart/index.json

@@ -0,0 +1 @@
+{"component":true}

package/dist/weapp/waterfall-chart/index.wxml

@@ -0,0 +1 @@
+<view class="mn-chart" style="display:block;position:relative;width:{{chartWidth}};height:{{chartHeight}}"><canvas type="2d" class="mn-chart-canvas" style="display:block;width:100%;height:100%" disable-scroll="{{disableScroll}}" aria-role="img" aria-label="{{ariaLabel}}" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchend="onTouchEnd" bindtouchcancel="onTouchCancel"></canvas></view>

package/dist/weapp/waterfall-chart/index.wxss

@@ -0,0 +1 @@
+@import "../controls.wxss";

package/dist/web-components/components/chart/chart.d.ts

@@ -0,0 +1,58 @@
+import { ChartDragEvent, ChartHoverEvent, ChartInstance, ChartOptions, ChartPlotClickEvent, ChartRendererKind, ChartView } from '../../../charts/core.js';
+import { MinervaEngineElement } from './engine-element.js';
+/**
+ * Base of the cartesian chart elements (engine `createChart`): forwards the
+ * engine events as `minerva-*` events and exposes the zoom methods.
+ *
+ * @fires minerva-hover - The hovered (or keyboard-focused) points changed; detail: { x, xLabel, items }, `null` when nothing is hovered
+ * @fires minerva-point-click - A point or a bar was clicked; detail: { x, xLabel, items }
+ * @fires minerva-plot-click - The plot area was clicked where there is no point; detail: { x, y }
+ * @fires minerva-zoom - The user zoomed or panned; detail: { x, y } (the visible ranges)
+ * @fires minerva-renderer-change - The backend is ready (or fell back after a GPU loss); detail: { renderer }
+ */
+export declare abstract class MinervaCartesianChartElement extends MinervaEngineElement<ChartOptions, ChartInstance> {
+    /** Height of the chart, the legend included: pixels or any CSS length */
+    height?: string | number;
+    protected createEngine(container: HTMLElement, options: ChartOptions): ChartInstance;
+    protected bindEngine(chart: ChartInstance): Array<() => void>;
+    protected pointClicked(event: ChartHoverEvent): void;
+    protected plotClicked(event: ChartPlotClickEvent): void;
+    protected pointDropped?(event: ChartDragEvent): void;
+    /** Shows the whole data range */
+    resetZoom(): void;
+    /** Visible range, `null` before the engine is created */
+    getView(): ChartView | null;
+    /** Sets the visible range */
+    setView(view: Partial<ChartView>): void;
+    /** Backend in use (`webgpu`, `webgl2`, `webgl`, `canvas2d`), `null` until ready */
+    getRenderer(): ChartRendererKind | null;
+}
+/**
+ * GPU chart of `minerva-design/charts/core` (WebGPU, then WebGL2, WebGL,
+ * Canvas2D) mixing line, area, bar, scatter, candlestick and heatmap
+ * series: the `<Chart>` of React. Set the engine options (`ChartOptions`:
+ * `series`, `xAxis`, `yAxis`, `legend`, `tooltip`, `annotations`...) as
+ * the `options` property; replace the object (or a `data` array) to update
+ * the chart. Zoomable, keyboard accessible and themed by the Minerva CSS
+ * variables of its scope.
+ *
+ * Published as the optional entry `minerva-design/web-components/chart`
+ * (not part of the all-in-one entry nor the CDN bundle: it loads the chart
+ * engine `minerva-design/charts/core`).
+ *
+ * @summary GPU chart of any mix of series, configured by the engine options.
+ * @tag minerva-chart
+ * @csspart root - The sized box of the chart
+ * @csspart surface - The element the engine renders into
+ */
+export declare class MinervaChart extends MinervaCartesianChartElement {
+    static tagName: string;
+    /** Engine options (`ChartOptions` of minerva-design/charts/core); property only */
+    options?: ChartOptions;
+    protected engineOptions(): ChartOptions | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "minerva-chart": MinervaChart;
+    }
+}

package/dist/web-components/components/chart/chart.js

@@ -0,0 +1,55 @@
+import e from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
+import { MinervaEngineElement as t } from "./engine-element.js";
+import { property as n } from "lit/decorators.js";
+import { createChart as r } from "../../../charts/core.js";
+//#region src/components/chart/chart.ts
+var i = class extends t {
+	constructor(...e) {
+		super(...e), this.height = 320;
+	}
+	createEngine(e, t) {
+		return r(e, t);
+	}
+	bindEngine(e) {
+		return [
+			e.on("hover", (e) => this.emit("minerva-hover", e)),
+			e.on("click", (e) => this.pointClicked(e)),
+			e.on("plotClick", (e) => this.plotClicked(e)),
+			e.on("zoom", (e) => this.emit("minerva-zoom", e)),
+			e.on("renderer", (e) => this.emit("minerva-renderer-change", { renderer: e })),
+			e.on("drop", (e) => this.pointDropped?.(e))
+		];
+	}
+	pointClicked(e) {
+		this.emit("minerva-point-click", e);
+	}
+	plotClicked(e) {
+		this.emit("minerva-plot-click", e);
+	}
+	resetZoom() {
+		this.instance?.resetZoom();
+	}
+	getView() {
+		return this.instance?.getView() ?? null;
+	}
+	setView(e) {
+		this.instance?.setView(e);
+	}
+	getRenderer() {
+		return this.instance?.getRenderer() ?? null;
+	}
+};
+e([n()], i.prototype, "height", void 0);
+var a = class extends i {
+	static {
+		this.tagName = "minerva-chart";
+	}
+	engineOptions() {
+		return this.options ?? null;
+	}
+};
+e([n({ attribute: !1 })], a.prototype, "options", void 0);
+//#endregion
+export { i as MinervaCartesianChartElement, a as MinervaChart };
+
+//# sourceMappingURL=chart.js.map

package/dist/web-components/components/chart/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","names":["_decorate","__decorate","MinervaCartesianChartElement","MinervaEngineElement","_args","createChart","container","options","chart","event","view","property","MinervaChart"],"sources":["../../../../../web-components/src/components/chart/chart.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport {\n  createChart,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartInstance,\n  type ChartOptions,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n} from \"minerva-design/charts/core\";\nimport { MinervaEngineElement } from \"./engine-element\";\n\n/**\n * Base of the cartesian chart elements (engine `createChart`): forwards the\n * engine events as `minerva-*` events and exposes the zoom methods.\n *\n * @fires minerva-hover - The hovered (or keyboard-focused) points changed; detail: { x, xLabel, items }, `null` when nothing is hovered\n * @fires minerva-point-click - A point or a bar was clicked; detail: { x, xLabel, items }\n * @fires minerva-plot-click - The plot area was clicked where there is no point; detail: { x, y }\n * @fires minerva-zoom - The user zoomed or panned; detail: { x, y } (the visible ranges)\n * @fires minerva-renderer-change - The backend is ready (or fell back after a GPU loss); detail: { renderer }\n */\nexport abstract class MinervaCartesianChartElement extends MinervaEngineElement<\n  ChartOptions,\n  ChartInstance\n> {\n  /** Height of the chart, the legend included: pixels or any CSS length */\n  @property()\n  override height?: string | number = 320;\n\n  protected createEngine(\n    container: HTMLElement,\n    options: ChartOptions,\n  ): ChartInstance {\n    return createChart(container, options);\n  }\n\n  protected override bindEngine(chart: ChartInstance): Array<() => void> {\n    return [\n      chart.on(\"hover\", (event) => this.emit(\"minerva-hover\", event)),\n      chart.on(\"click\", (event) => this.pointClicked(event)),\n      chart.on(\"plotClick\", (event) => this.plotClicked(event)),\n      chart.on(\"zoom\", (view) => this.emit(\"minerva-zoom\", view)),\n      chart.on(\"renderer\", (renderer) =>\n        this.emit(\"minerva-renderer-change\", { renderer }),\n      ),\n      chart.on(\"drop\", (event) => this.pointDropped?.(event)),\n    ];\n  }\n\n  protected pointClicked(event: ChartHoverEvent): void {\n    this.emit(\"minerva-point-click\", event);\n  }\n\n  protected plotClicked(event: ChartPlotClickEvent): void {\n    this.emit(\"minerva-plot-click\", event);\n  }\n\n  protected pointDropped?(event: ChartDragEvent): void;\n\n  /** Shows the whole data range */\n  resetZoom(): void {\n    this.instance?.resetZoom();\n  }\n\n  /** Visible range, `null` before the engine is created */\n  getView(): ChartView | null {\n    return this.instance?.getView() ?? null;\n  }\n\n  /** Sets the visible range */\n  setView(view: Partial<ChartView>): void {\n    this.instance?.setView(view);\n  }\n\n  /** Backend in use (`webgpu`, `webgl2`, `webgl`, `canvas2d`), `null` until ready */\n  getRenderer(): ChartRendererKind | null {\n    return this.instance?.getRenderer() ?? null;\n  }\n}\n\n/**\n * GPU chart of `minerva-design/charts/core` (WebGPU, then WebGL2, WebGL,\n * Canvas2D) mixing line, area, bar, scatter, candlestick and heatmap\n * series: the `<Chart>` of React. Set the engine options (`ChartOptions`:\n * `series`, `xAxis`, `yAxis`, `legend`, `tooltip`, `annotations`...) as\n * the `options` property; replace the object (or a `data` array) to update\n * the chart. Zoomable, keyboard accessible and themed by the Minerva CSS\n * variables of its scope.\n *\n * Published as the optional entry `minerva-design/web-components/chart`\n * (not part of the all-in-one entry nor the CDN bundle: it loads the chart\n * engine `minerva-design/charts/core`).\n *\n * @summary GPU chart of any mix of series, configured by the engine options.\n * @tag minerva-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-chart\";\n\n  /** Engine options (`ChartOptions` of minerva-design/charts/core); property only */\n  @property({ attribute: false })\n  options?: ChartOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    return this.options ?? null;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-chart\": MinervaChart;\n  }\n}\n"],"mappings":";;;;;AAuBA,IAAsBE,IAAtB,cAA2DC,EAGzD;;EAGoC,aAAA,KAAA,SAAA;;CAEpC,aACE,GACA,GACe;EACf,OAAOE,EAAYC,GAAWC,CAAO;CACvC;CAEA,WAA8B,GAAyC;EACrE,OAAO;GACLC,EAAM,GAAG,UAAU,MAAU,KAAK,KAAK,iBAAiBC,CAAK,CAAC;GAC9DD,EAAM,GAAG,UAAU,MAAU,KAAK,aAAaC,CAAK,CAAC;GACrDD,EAAM,GAAG,cAAc,MAAU,KAAK,YAAYC,CAAK,CAAC;GACxDD,EAAM,GAAG,SAAS,MAAS,KAAK,KAAK,gBAAgBE,CAAI,CAAC;GAC1DF,EAAM,GAAG,aAAa,MACpB,KAAK,KAAK,2BAA2B,EAAE,YAAS,CAAC,CACnD;GACAA,EAAM,GAAG,SAAS,MAAU,KAAK,eAAeC,CAAK,CAAC;EACxD;CACF;CAEA,aAAuB,GAA8B;EACnD,KAAK,KAAK,uBAAuBA,CAAK;CACxC;CAEA,YAAsB,GAAkC;EACtD,KAAK,KAAK,sBAAsBA,CAAK;CACvC;CAKA,YAAkB;EAChB,KAAK,UAAU,UAAU;CAC3B;CAGA,UAA4B;EAC1B,OAAO,KAAK,UAAU,QAAQ,KAAK;CACrC;CAGA,QAAQ,GAAgC;EACtC,KAAK,UAAU,QAAQC,CAAI;CAC7B;CAGA,cAAwC;EACtC,OAAO,KAAK,UAAU,YAAY,KAAK;CACzC;AACF;AApDGV,EAAA,CAAAW,EAAS,CAAA,GAAAT,EAAA,WAAA,UAAA,KAAA,CAAA;AAwEZ,IAAaU,IAAb,cAAkCV,EAA6B;;EACnC,KAAA,UAAA;;CAM1B,gBAA+C;EAC7C,OAAO,KAAK,WAAW;CACzB;AACF;AANGF,EAAA,CAAAW,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAC,EAAA,WAAA,WAAA,KAAA,CAAA"}