minerva-design 1.3.0 → 1.5.0

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

@@ -0,0 +1,77 @@
+import { MinervaElement as e, hostStyles as t } from "../../internal/minerva-element.js";
+import n from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
+import { css as r, html as i } from "lit";
+import { property as a } from "lit/decorators.js";
+import { styleMap as o } from "lit/directives/style-map.js";
+//#region src/components/chart/engine-element.ts
+var s = (e) => typeof e == "number" || /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e, c = class extends e {
+	constructor(...e) {
+		super(...e), this.engine = null, this.offs = [];
+	}
+	static {
+		this.styles = [t, r`
+:host{
+display: block;
+width: 100%;
+}
+.root{
+position: relative;
+width: 100%;
+}
+.surface{
+position: absolute;
+inset: 0;
+}
+`];
+	}
+	get instance() {
+		return this.engine;
+	}
+	get defaultHeight() {
+		return 320;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.hasUpdated && this.mountEngine();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.unmountEngine();
+	}
+	updated(e) {
+		if (super.updated(e), !this.engine) {
+			this.mountEngine();
+			return;
+		}
+		if ([...e.keys()].every((e) => e === "height")) return;
+		if (this.syncEngine) {
+			this.syncEngine(this.engine, e);
+			return;
+		}
+		let t = this.engineOptions();
+		t && this.engine.setOptions(t);
+	}
+	mountEngine() {
+		if (this.engine || !this.isConnected) return;
+		let e = this.renderRoot.querySelector("[part=surface]"), t = e ? this.engineOptions() : null;
+		if (!e || !t) return;
+		let n = this.createEngine(e, t);
+		this.engine = n, this.offs = this.bindEngine?.(n) ?? [], this.engineMounted?.(n);
+	}
+	unmountEngine() {
+		for (let e of this.offs) e();
+		this.offs = [], this.engine?.destroy(), this.engine = null;
+	}
+	render() {
+		return i`<div
+part="root"
+class="root"
+style=${o({ height: s(this.height ?? this.defaultHeight) })}
+>
+<div part="surface" class="surface"></div>
+</div>`;
+	}
+};
+n([a()], c.prototype, "height", void 0);
+//#endregion
+export { c as MinervaEngineElement };
+
+//# sourceMappingURL=engine-element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"engine-element.js","names":["_decorate","__decorate","cssLength","value","MinervaEngineElement","MinervaElement","_args","hostStyles","changed","key","options","surface","engine","off","styleMap","property"],"sources":["../../../../../web-components/src/components/chart/engine-element.ts"],"sourcesContent":["import { css, html, type PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { MinervaElement, hostStyles } from \"../../internal/minerva-element\";\n\n/**\n * What a chart engine factory of `minerva-design/charts/core` returns\n * (`createChart`, `createShapeChart`, ...): options can be replaced, the\n * instance destroyed.\n */\nexport interface EngineInstance<O> {\n  setOptions(options: O): void;\n  destroy(): void;\n}\n\nconst cssLength = (value: string | number) =>\n  typeof value === \"number\" || /^\\d+(\\.\\d+)?$/.test(value)\n    ? `${value}px`\n    : value;\n\n/**\n * Base of the chart elements: mounts an engine of\n * `minerva-design/charts/core` into a sized surface of the shadow root once\n * the element is rendered and connected, passes the new options on every\n * property change, and destroys it when the element is disconnected (a\n * reconnected element creates a new engine). Nothing runs on the server.\n *\n * A subclass names the factory (`createEngine`), turns its properties into\n * engine options (`engineOptions`, `null` while there is nothing to draw)\n * and forwards the engine events (`bindEngine`).\n */\nexport abstract class MinervaEngineElement<\n  O,\n  I extends EngineInstance<O>,\n> extends MinervaElement {\n  static override styles = [\n    hostStyles,\n    css`\n:host{\ndisplay: block;\nwidth: 100%;\n}\n.root{\nposition: relative;\nwidth: 100%;\n}\n.surface{\nposition: absolute;\ninset: 0;\n}\n`,\n  ];\n\n  /** Height of the chart, the legend included: pixels or any CSS length (default 320, sparkline 48, gauge 240) */\n  @property()\n  height?: string | number;\n\n  private engine: I | null = null;\n  private offs: Array<() => void> = [];\n\n  /** The engine instance (`minerva-design/charts/core`), `null` until the element is rendered and connected */\n  get instance(): I | null {\n    return this.engine;\n  }\n\n  /** Height used when the `height` attribute is not set */\n  protected get defaultHeight(): string | number {\n    return 320;\n  }\n\n  /** Creates the engine (e.g. `createChart(container, options)`) */\n  protected abstract createEngine(container: HTMLElement, options: O): I;\n\n  /** Engine options of the current properties; `null` while there is nothing to draw */\n  protected abstract engineOptions(): O | null;\n\n  /** Subscribes to the engine events; returns the unsubscribe functions */\n  protected bindEngine?(engine: I): Array<() => void>;\n\n  /** Called once the engine is created (e.g. to pass data streamed apart from the options) */\n  protected engineMounted?(engine: I): void;\n\n  /**\n   * Applies a property change to the live engine; replaces the default\n   * (`setOptions` with the new engine options) when data such as an order\n   * book is passed through its own engine method\n   */\n  protected syncEngine?(engine: I, changed: PropertyValues): void;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.hasUpdated) this.mountEngine();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.unmountEngine();\n  }\n\n  protected override updated(changed: PropertyValues): void {\n    super.updated(changed);\n    if (!this.engine) {\n      this.mountEngine();\n      return;\n    }\n    // the height only resizes the surface (the engine observes its size)\n    if ([...changed.keys()].every((key) => key === \"height\")) return;\n    if (this.syncEngine) {\n      this.syncEngine(this.engine, changed);\n      return;\n    }\n    const options = this.engineOptions();\n    if (options) this.engine.setOptions(options);\n  }\n\n  private mountEngine(): void {\n    if (this.engine || !this.isConnected) return;\n    const surface =\n      this.renderRoot.querySelector<HTMLElement>(\"[part=surface]\");\n    const options = surface ? this.engineOptions() : null;\n    if (!surface || !options) return;\n    const engine = this.createEngine(surface, options);\n    this.engine = engine;\n    this.offs = this.bindEngine?.(engine) ?? [];\n    this.engineMounted?.(engine);\n  }\n\n  private unmountEngine(): void {\n    for (const off of this.offs) off();\n    this.offs = [];\n    this.engine?.destroy();\n    this.engine = null;\n  }\n\n  protected override render() {\n    return html`<div\npart=\"root\"\nclass=\"root\"\nstyle=${styleMap({ height: cssLength(this.height ?? this.defaultHeight) })}\n>\n<div part=\"surface\" class=\"surface\"></div>\n</div>`;\n  }\n}\n"],"mappings":";;;;;;AAeA,IAAME,KAAa,MACjB,OAAOC,KAAU,YAAY,gBAAgB,KAAKA,CAAK,IACnD,GAAGA,EAAM,MACTA,GAagBC,IAAtB,cAGUC,EAAe;;EAwBW,aADP,KAAA,SAAA,MACO,KAAA,OAAA,CAAC;;;EAvBV,KAAA,SAAA,CACvBE,GACA,CAAG;;;;;;;;;;;;;CAcL;;CAUA,IAAI,WAAqB;EACvB,OAAO,KAAK;CACd;CAGA,IAAc,gBAAiC;EAC7C,OAAO;CACT;CAqBA,oBAAmC;EAEjC,AADA,MAAM,kBAAkB,GACpB,KAAK,cAAY,KAAK,YAAY;CACxC;CAEA,uBAAsC;EAEpC,AADA,MAAM,qBAAqB,GAC3B,KAAK,cAAc;CACrB;CAEA,QAA2B,GAA+B;EAExD,IADA,MAAM,QAAQC,CAAO,GACjB,CAAC,KAAK,QAAQ;GAChB,KAAK,YAAY;GACjB;EACF;EAEA,IAAI,CAAC,GAAGA,EAAQ,KAAK,CAAC,CAAC,CAAC,OAAO,MAAQC,MAAQ,QAAQ,GAAG;EAC1D,IAAI,KAAK,YAAY;GACnB,KAAK,WAAW,KAAK,QAAQD,CAAO;GACpC;EACF;EACA,IAAME,IAAU,KAAK,cAAc;EACnC,AAAIA,KAAS,KAAK,OAAO,WAAWA,CAAO;CAC7C;CAEA,cAA4B;EAC1B,IAAI,KAAK,UAAU,CAAC,KAAK,aAAa;EACtC,IAAMC,IACJ,KAAK,WAAW,cAA2B,gBAAgB,GACvDD,IAAUC,IAAU,KAAK,cAAc,IAAI;EACjD,IAAI,CAACA,KAAW,CAACD,GAAS;EAC1B,IAAME,IAAS,KAAK,aAAaD,GAASD,CAAO;EAGjD,AAFA,KAAK,SAASE,GACd,KAAK,OAAO,KAAK,aAAaA,CAAM,KAAK,CAAC,GAC1C,KAAK,gBAAgBA,CAAM;CAC7B;CAEA,gBAA8B;EAC5B,KAAK,IAAMC,KAAO,KAAK,MAAM,EAAI;EAGjC,AAFA,KAAK,OAAO,CAAC,GACb,KAAK,QAAQ,QAAQ,GACrB,KAAK,SAAS;CAChB;CAEA,SAA4B;EAC1B,OAAO,CAAI;;;QAGPC,EAAS,EAAE,QAAQZ,EAAU,KAAK,UAAU,KAAK,aAAa,EAAE,CAAC,EAAE;;;;CAIzE;AACF;AAzFGF,EAAA,CAAAe,EAAS,CAAA,GAAAX,EAAA,WAAA,UAAA,KAAA,CAAA"}

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

@@ -0,0 +1,234 @@
+import { BoxplotGroup, ChartConnectorOptions, ChartOptions, ChartSeries, GanttTask, HistogramBinning, WaterfallStep } from '../../../charts/core.js';
+import { MinervaCartesianChartElement } from './chart.js';
+import { MinervaBarChart, SeriesChartElement, ChartBaseOptions } from './charts.js';
+/**
+ * Horizontal bar chart of `minerva-design/charts/core` (the
+ * `<HorizontalBarChart>` of React): categories down the left side, values
+ * from the left (rankings, long names, diverging surveys, stacked
+ * progress). The series without a `type` are drawn as bars.
+ *
+ * Published as the optional entry `minerva-design/web-components/chart`.
+ *
+ * @summary GPU bar chart drawn from the left: rankings and long names.
+ * @tag minerva-horizontal-bar-chart
+ * @csspart root - The sized box of the chart
+ * @csspart surface - The element the engine renders into
+ */
+export declare class MinervaHorizontalBarChart extends MinervaBarChart {
+    static tagName: string;
+    protected engineOptions(): ChartOptions | null;
+}
+/**
+ * Range area chart of `minerva-design/charts/core` (the `<RangeAreaChart>`
+ * of React): bands between a lower (`y0`) and an upper edge (`y`) of every
+ * point (confidence intervals, min-max ranges), mixable with lines. The
+ * series without a `type` are drawn as bands.
+ *
+ * Published as the optional entry `minerva-design/web-components/chart`.
+ *
+ * @summary GPU bands between a lower and an upper edge.
+ * @tag minerva-range-area-chart
+ * @csspart root - The sized box of the chart
+ * @csspart surface - The element the engine renders into
+ */
+export declare class MinervaRangeAreaChart extends SeriesChartElement {
+    static tagName: string;
+    /** Shape of the edges: straight, smooth (monotone) or steps */
+    curve: "linear" | "smooth" | "step";
+    protected typed(series: readonly ChartSeries[]): ChartSeries[];
+}
+/**
+ * Combination chart of `minerva-design/charts/core` (the `<MixedChart>` of
+ * React): bars, lines, areas and dots, each series with its `type`, on one
+ * or two value axes (`yAxis: "right"` series use `options.yAxis2`).
+ *
+ * Published as the optional entry `minerva-design/web-components/chart`.
+ *
+ * @summary GPU combination of bars, lines and areas on two value axes.
+ * @tag minerva-mixed-chart
+ * @csspart root - The sized box of the chart
+ * @csspart surface - The element the engine renders into
+ */
+export declare class MinervaMixedChart extends SeriesChartElement {
+    static tagName: string;
+    protected typed(series: readonly ChartSeries[]): ChartSeries[];
+}
+/**
+ * Bubble chart of `minerva-design/charts/core` (the `<BubbleChart>` of
+ * React): x, y and a `value` per point sized by area (√value diameters,
+ * one scale for every series). The series without a `type` are drawn as
+ * bubbles.
+ *
+ * Published as the optional entry `minerva-design/web-components/chart`.
+ *
+ * @summary GPU bubble chart: x, y and a value sized by area.
+ * @tag minerva-bubble-chart
+ * @csspart root - The sized box of the chart
+ * @csspart surface - The element the engine renders into
+ */
+export declare class MinervaBubbleChart extends SeriesChartElement {
+    static tagName: string;
+    /** Diameter in pixels of the smallest bubbles */
+    minSize: number;
+    /** Diameter in pixels of the largest value */
+    maxSize: number;
+    /** Value drawn with `max-size` (share a scale between charts); the largest value by default */
+    maxValue?: number;
+    protected typed(series: readonly ChartSeries[]): ChartSeries[];
+}
+/**
+ * Histogram of `minerva-design/charts/core` (the `<HistogramChart>` of
+ * React): the distribution of raw samples in bins of equal width
+ * (Freedman-Diaconis, Sturges or a count); millions of samples are binned
+ * in milliseconds.
+ *
+ * Published as the optional entry `minerva-design/web-components/chart`.
+ *
+ * @summary GPU histogram of raw samples, binned automatically.
+ * @tag minerva-histogram-chart
+ * @csspart root - The sized box of the chart
+ * @csspart surface - The element the engine renders into
+ */
+export declare class MinervaHistogramChart extends MinervaCartesianChartElement {
+    static tagName: string;
+    /** Raw samples (typed arrays are counted without copies); property only */
+    values?: ArrayLike<number>;
+    /** Number of bins, or the rule choosing it: `auto`, `sturges`, `freedman-diaconis` */
+    bins: HistogramBinning;
+    /** Range covered by the bins (the data range by default); property only */
+    domain?: readonly [number, number];
+    /** Rounds the bin width to 1, 2 or 5 × 10^k and aligns the edges on it; property only */
+    nice: boolean;
+    /** Name of the counts (legend, tooltip; default "Count") */
+    valueName?: string;
+    /** Bar color (any CSS color) */
+    color?: string;
+    /** Formats the edges of the bins in the tooltip; property only */
+    formatBin?: (value: number) => string;
+    /** More series drawn over the bins (e.g. a density `line`); property only */
+    series?: readonly ChartSeries[];
+    /** Other engine options (axes, legend, tooltip, annotations...); property only */
+    options?: ChartBaseOptions;
+    protected engineOptions(): ChartOptions | null;
+}
+/**
+ * Box plot of `minerva-design/charts/core` (the `<BoxPlotChart>` of
+ * React): medians, quartiles, whiskers and outliers of samples, from raw
+ * values (`groups`) or computed statistics (`series`).
+ *
+ * Published as the optional entry `minerva-design/web-components/chart`.
+ *
+ * @summary GPU box plot of raw samples or computed quartiles.
+ * @tag minerva-box-plot-chart
+ * @csspart root - The sized box of the chart
+ * @csspart surface - The element the engine renders into
+ */
+export declare class MinervaBoxPlotChart extends MinervaCartesianChartElement {
+    static tagName: string;
+    /** Raw samples `{ x, values, color }`, one box each; property only */
+    groups?: readonly BoxplotGroup[];
+    /** Series of computed box plots (`low`, `q1`, `y` the median, `q3`, `high`, `outliers`); property only */
+    series?: readonly ChartSeries[];
+    /** Name of the series built from `groups` (default "Values") */
+    valueName?: string;
+    /** Reach of the whiskers in interquartile ranges (Tukey: 1.5), or `minmax` */
+    whisker: number | "minmax";
+    /** Outliers drawn as rings of the series color or as filled dots (series may set their own) */
+    outlierShape: "hollow" | "filled";
+    /** Diameter of the outliers in CSS pixels */
+    outlierSize: number;
+    /** `horizontal` lays the boxes out in rows */
+    orientation: "vertical" | "horizontal";
+    /** Other engine options (axes, legend, tooltip, annotations...); property only */
+    options?: ChartBaseOptions;
+    protected engineOptions(): ChartOptions | null;
+}
+/**
+ * Waterfall (bridge) chart of `minerva-design/charts/core` (the
+ * `<WaterfallChart>` of React): how changes take a value from a start to an
+ * end, with subtotals and totals (P&L bridges, budget variances).
+ *
+ * Published as the optional entry `minerva-design/web-components/chart`.
+ *
+ * @summary GPU bridge of changes, subtotals and totals.
+ * @tag minerva-waterfall-chart
+ * @csspart root - The sized box of the chart
+ * @csspart surface - The element the engine renders into
+ */
+export declare class MinervaWaterfallChart extends MinervaCartesianChartElement {
+    static tagName: string;
+    /** Changes, subtotals and totals `{ label, value, kind, color }`, in order; property only */
+    steps?: readonly WaterfallStep[];
+    /** Name of the series in the tooltip (default "Change") */
+    valueName?: string;
+    /** Color of the increases (the success color by default) */
+    upColor?: string;
+    /** Color of the decreases (the danger color by default) */
+    downColor?: string;
+    /** Color of the totals and subtotals (the primary color by default) */
+    totalColor?: string;
+    /** Value the first change starts from */
+    start: number;
+    /** Hides the change (or total) written at the end of every bar */
+    hideLabels: boolean;
+    /** Formats the values (labels, tooltip); property only */
+    format?: (value: number) => string;
+    /** Hides the thin lines from the end of every bar to the next one */
+    hideConnectors: boolean;
+    /** Style of the connector lines `{ color, width, dash }` (dashed, secondary text color by default); property only */
+    connector?: ChartConnectorOptions;
+    /** `horizontal` lays the steps out in rows */
+    orientation: "vertical" | "horizontal";
+    /** Other engine options (axes, tooltip, annotations...); property only */
+    options?: ChartBaseOptions;
+    protected engineOptions(): ChartOptions | null;
+}
+/**
+ * Gantt chart of `minerva-design/charts/core` (the `<GanttChart>` of
+ * React): tasks as bars on a time axis with their progress, groups,
+ * milestones and a today line; zooms and pans along the time.
+ *
+ * Published as the optional entry `minerva-design/web-components/chart`.
+ *
+ * @summary GPU Gantt chart of tasks, progress and milestones.
+ * @tag minerva-gantt-chart
+ * @csspart root - The sized box of the chart
+ * @csspart surface - The element the engine renders into
+ */
+export declare class MinervaGanttChart extends MinervaCartesianChartElement {
+    static tagName: string;
+    /** Tasks and milestones `{ name, start, end, progress, group, color, milestone }`, from top to bottom; property only */
+    tasks?: readonly GanttTask[];
+    /** Colors of the groups in order of appearance (the chart palette by default); property only */
+    colors?: readonly string[];
+    /** Name of the tasks without a group ("Tasks" in the locale by default) */
+    taskName?: string;
+    /** Name of the progress bars (legend, tooltip; "Progress" in the locale by default) */
+    progressName?: string;
+    /** Name of the milestones (legend, tooltip; "Milestones" in the locale by default) */
+    milestoneName?: string;
+    /** Name of the dependencies row of the tooltip ("Depends on" in the locale by default) */
+    dependenciesName?: string;
+    /** Formats the progress shares (tooltip, default "60%"); property only */
+    formatProgress?: (share: number) => string;
+    /** Draws a line at this date (`true`: now); property only */
+    today: boolean | number | Date;
+    /** Label of the today line */
+    todayLabel?: string;
+    /** Other engine options (axes, legend, annotations, interaction...); property only */
+    options?: ChartBaseOptions;
+    private mountedAt;
+    protected engineOptions(): ChartOptions | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "minerva-horizontal-bar-chart": MinervaHorizontalBarChart;
+        "minerva-range-area-chart": MinervaRangeAreaChart;
+        "minerva-mixed-chart": MinervaMixedChart;
+        "minerva-bubble-chart": MinervaBubbleChart;
+        "minerva-histogram-chart": MinervaHistogramChart;
+        "minerva-box-plot-chart": MinervaBoxPlotChart;
+        "minerva-waterfall-chart": MinervaWaterfallChart;
+        "minerva-gantt-chart": MinervaGanttChart;
+    }
+}

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

@@ -0,0 +1,197 @@
+import e from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
+import { MinervaCartesianChartElement as t } from "./chart.js";
+import { withSeriesType as n } from "./series.js";
+import { MinervaBarChart as r, SeriesChartElement as i } from "./charts.js";
+import { property as a } from "lit/decorators.js";
+import { boxplotData as o, bubbleSeries as s, ganttSeries as c, histogramSeries as l, waterfallSeries as u } from "../../../charts/core.js";
+//#region src/components/chart/extended.ts
+var d = class extends r {
+	static {
+		this.tagName = "minerva-horizontal-bar-chart";
+	}
+	engineOptions() {
+		let e = super.engineOptions();
+		return e && {
+			...e,
+			orientation: "horizontal"
+		};
+	}
+}, f = class extends i {
+	constructor(...e) {
+		super(...e), this.curve = "smooth";
+	}
+	static {
+		this.tagName = "minerva-range-area-chart";
+	}
+	typed(e) {
+		return n(e, "area", void 0, this.curve).map((e) => e.type === "area" ? {
+			...e,
+			lineWidth: e.lineWidth ?? 1.5
+		} : e);
+	}
+};
+e([a()], f.prototype, "curve", void 0);
+var p = class extends i {
+	static {
+		this.tagName = "minerva-mixed-chart";
+	}
+	typed(e) {
+		return n(e, "line");
+	}
+}, m = class extends i {
+	constructor(...e) {
+		super(...e), this.minSize = 6, this.maxSize = 48;
+	}
+	static {
+		this.tagName = "minerva-bubble-chart";
+	}
+	typed(e) {
+		return s(e, {
+			minSize: this.minSize,
+			maxSize: this.maxSize,
+			maxValue: this.maxValue
+		});
+	}
+};
+e([a({
+	type: Number,
+	attribute: "min-size"
+})], m.prototype, "minSize", void 0), e([a({
+	type: Number,
+	attribute: "max-size"
+})], m.prototype, "maxSize", void 0), e([a({
+	type: Number,
+	attribute: "max-value"
+})], m.prototype, "maxValue", void 0);
+var h = { fromAttribute: (e) => e === null ? void 0 : /^\d+$/.test(e) ? Number(e) : e }, g = class extends t {
+	constructor(...e) {
+		super(...e), this.bins = "auto", this.nice = !0;
+	}
+	static {
+		this.tagName = "minerva-histogram-chart";
+	}
+	engineOptions() {
+		return this.values ? {
+			...this.options,
+			series: [l(this.values, {
+				bins: this.bins,
+				domain: this.domain,
+				nice: this.nice,
+				name: this.valueName,
+				color: this.color,
+				format: this.formatBin
+			}), ...this.series ?? []]
+		} : null;
+	}
+};
+e([a({ attribute: !1 })], g.prototype, "values", void 0), e([a({ converter: h })], g.prototype, "bins", void 0), e([a({ attribute: !1 })], g.prototype, "domain", void 0), e([a({ attribute: !1 })], g.prototype, "nice", void 0), e([a({ attribute: "value-name" })], g.prototype, "valueName", void 0), e([a()], g.prototype, "color", void 0), e([a({ attribute: !1 })], g.prototype, "formatBin", void 0), e([a({ attribute: !1 })], g.prototype, "series", void 0), e([a({ attribute: !1 })], g.prototype, "options", void 0);
+var _ = { fromAttribute: (e) => e === null ? void 0 : e === "minmax" ? e : Number(e) }, v = class extends t {
+	constructor(...e) {
+		super(...e), this.whisker = 1.5, this.outlierShape = "hollow", this.outlierSize = 7, this.orientation = "vertical";
+	}
+	static {
+		this.tagName = "minerva-box-plot-chart";
+	}
+	engineOptions() {
+		return !this.groups?.length && !this.series ? null : {
+			...this.options,
+			orientation: this.orientation,
+			series: n([...this.groups?.length ? [{
+				id: "boxplot",
+				name: this.valueName ?? "Values",
+				data: o(this.groups, { whisker: this.whisker })
+			}] : [], ...this.series ?? []], "boxplot").map((e) => e.type === "boxplot" ? {
+				...e,
+				outlierShape: e.outlierShape ?? this.outlierShape,
+				outlierSize: e.outlierSize ?? this.outlierSize
+			} : e)
+		};
+	}
+};
+e([a({ attribute: !1 })], v.prototype, "groups", void 0), e([a({ attribute: !1 })], v.prototype, "series", void 0), e([a({ attribute: "value-name" })], v.prototype, "valueName", void 0), e([a({ converter: _ })], v.prototype, "whisker", void 0), e([a({ attribute: "outlier-shape" })], v.prototype, "outlierShape", void 0), e([a({
+	type: Number,
+	attribute: "outlier-size"
+})], v.prototype, "outlierSize", void 0), e([a()], v.prototype, "orientation", void 0), e([a({ attribute: !1 })], v.prototype, "options", void 0);
+var y = class extends t {
+	constructor(...e) {
+		super(...e), this.start = 0, this.hideLabels = !1, this.hideConnectors = !1, this.orientation = "vertical";
+	}
+	static {
+		this.tagName = "minerva-waterfall-chart";
+	}
+	engineOptions() {
+		return this.steps ? {
+			...this.options,
+			orientation: this.orientation,
+			series: [u(this.steps, {
+				name: this.valueName,
+				upColor: this.upColor,
+				downColor: this.downColor,
+				totalColor: this.totalColor,
+				start: this.start,
+				labels: !this.hideLabels,
+				format: this.format,
+				connector: this.hideConnectors ? !1 : this.connector ?? !0,
+				locale: this.options?.locale
+			})]
+		} : null;
+	}
+};
+e([a({ attribute: !1 })], y.prototype, "steps", void 0), e([a({ attribute: "value-name" })], y.prototype, "valueName", void 0), e([a({ attribute: "up-color" })], y.prototype, "upColor", void 0), e([a({ attribute: "down-color" })], y.prototype, "downColor", void 0), e([a({ attribute: "total-color" })], y.prototype, "totalColor", void 0), e([a({ type: Number })], y.prototype, "start", void 0), e([a({
+	type: Boolean,
+	attribute: "hide-labels"
+})], y.prototype, "hideLabels", void 0), e([a({ attribute: !1 })], y.prototype, "format", void 0), e([a({
+	type: Boolean,
+	attribute: "hide-connectors"
+})], y.prototype, "hideConnectors", void 0), e([a({ attribute: !1 })], y.prototype, "connector", void 0), e([a()], y.prototype, "orientation", void 0), e([a({ attribute: !1 })], y.prototype, "options", void 0);
+var b = class extends t {
+	constructor(...e) {
+		super(...e), this.today = !1, this.mountedAt = Date.now();
+	}
+	static {
+		this.tagName = "minerva-gantt-chart";
+	}
+	engineOptions() {
+		if (!this.tasks) return null;
+		let e = c(this.tasks, {
+			colors: this.colors,
+			taskName: this.taskName,
+			progressName: this.progressName,
+			milestoneName: this.milestoneName,
+			formatProgress: this.formatProgress,
+			dependenciesName: this.dependenciesName,
+			locale: this.options?.locale
+		}), t = this.today, n = t === !1 ? null : t === !0 ? this.mountedAt : t instanceof Date ? t.getTime() : t, r = n === null ? [] : [{
+			type: "line",
+			axis: "y",
+			value: n,
+			color: "var(--danger-color, #dc2626)",
+			dash: [4, 3],
+			label: this.todayLabel
+		}], i = this.options ?? {};
+		return {
+			...i,
+			series: e.series,
+			orientation: "horizontal",
+			xAxis: {
+				type: "category",
+				categories: e.categories,
+				...i.xAxis
+			},
+			yAxis: {
+				type: "time",
+				min: e.domain[0],
+				max: e.domain[1],
+				...i.yAxis
+			},
+			annotations: [...i.annotations ?? [], ...r],
+			interaction: i.interaction ?? { zoom: "y" },
+			legend: i.legend ?? e.series.length > 1
+		};
+	}
+};
+e([a({ attribute: !1 })], b.prototype, "tasks", void 0), e([a({ attribute: !1 })], b.prototype, "colors", void 0), e([a({ attribute: "task-name" })], b.prototype, "taskName", void 0), e([a({ attribute: "progress-name" })], b.prototype, "progressName", void 0), e([a({ attribute: "milestone-name" })], b.prototype, "milestoneName", void 0), e([a({ attribute: "dependencies-name" })], b.prototype, "dependenciesName", void 0), e([a({ attribute: !1 })], b.prototype, "formatProgress", void 0), e([a({ attribute: !1 })], b.prototype, "today", void 0), e([a({ attribute: "today-label" })], b.prototype, "todayLabel", void 0), e([a({ attribute: !1 })], b.prototype, "options", void 0);
+//#endregion
+export { v as MinervaBoxPlotChart, m as MinervaBubbleChart, b as MinervaGanttChart, g as MinervaHistogramChart, d as MinervaHorizontalBarChart, p as MinervaMixedChart, f as MinervaRangeAreaChart, y as MinervaWaterfallChart };
+
+//# sourceMappingURL=extended.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"extended.js","names":["_decorate","__decorate","MinervaHorizontalBarChart","MinervaBarChart","options","MinervaRangeAreaChart","SeriesChartElement","_args","withSeriesType","series","s","property","MinervaMixedChart","MinervaBubbleChart","_args2","bubbleSeries","binning","value","MinervaHistogramChart","MinervaCartesianChartElement","_args3","histogramSeries","whiskerReach","MinervaBoxPlotChart","_args4","boxplotData","MinervaWaterfallChart","_args5","waterfallSeries","MinervaGanttChart","_args6","gantt","ganttSeries","today","now","lines"],"sources":["../../../../../web-components/src/components/chart/extended.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport {\n  boxplotData,\n  bubbleSeries,\n  ganttSeries,\n  histogramSeries,\n  waterfallSeries,\n  type BoxplotGroup,\n  type ChartAnnotation,\n  type ChartConnectorOptions,\n  type ChartOptions,\n  type ChartSeries,\n  type GanttTask,\n  type HistogramBinning,\n  type WaterfallStep,\n} from \"minerva-design/charts/core\";\nimport { MinervaCartesianChartElement } from \"./chart\";\nimport {\n  MinervaBarChart,\n  SeriesChartElement,\n  type ChartBaseOptions,\n} from \"./charts\";\nimport { withSeriesType } from \"./series\";\n\n/**\n * Horizontal bar chart of `minerva-design/charts/core` (the\n * `<HorizontalBarChart>` of React): categories down the left side, values\n * from the left (rankings, long names, diverging surveys, stacked\n * progress). The series without a `type` are drawn as bars.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bar chart drawn from the left: rankings and long names.\n * @tag minerva-horizontal-bar-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaHorizontalBarChart extends MinervaBarChart {\n  static override tagName = \"minerva-horizontal-bar-chart\";\n\n  protected override engineOptions(): ChartOptions | null {\n    const options = super.engineOptions();\n    return options && { ...options, orientation: \"horizontal\" };\n  }\n}\n\n/**\n * Range area chart of `minerva-design/charts/core` (the `<RangeAreaChart>`\n * of React): bands between a lower (`y0`) and an upper edge (`y`) of every\n * point (confidence intervals, min-max ranges), mixable with lines. The\n * series without a `type` are drawn as bands.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bands between a lower and an upper edge.\n * @tag minerva-range-area-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaRangeAreaChart extends SeriesChartElement {\n  static override tagName = \"minerva-range-area-chart\";\n\n  /** Shape of the edges: straight, smooth (monotone) or steps */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"smooth\";\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(series, \"area\", undefined, this.curve).map((s) =>\n      s.type === \"area\" ? { ...s, lineWidth: s.lineWidth ?? 1.5 } : s,\n    );\n  }\n}\n\n/**\n * Combination chart of `minerva-design/charts/core` (the `<MixedChart>` of\n * React): bars, lines, areas and dots, each series with its `type`, on one\n * or two value axes (`yAxis: \"right\"` series use `options.yAxis2`).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU combination of bars, lines and areas on two value axes.\n * @tag minerva-mixed-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaMixedChart extends SeriesChartElement {\n  static override tagName = \"minerva-mixed-chart\";\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(series, \"line\");\n  }\n}\n\n/**\n * Bubble chart of `minerva-design/charts/core` (the `<BubbleChart>` of\n * React): x, y and a `value` per point sized by area (√value diameters,\n * one scale for every series). The series without a `type` are drawn as\n * bubbles.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bubble chart: x, y and a value sized by area.\n * @tag minerva-bubble-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaBubbleChart extends SeriesChartElement {\n  static override tagName = \"minerva-bubble-chart\";\n\n  /** Diameter in pixels of the smallest bubbles */\n  @property({ type: Number, attribute: \"min-size\" })\n  minSize = 6;\n\n  /** Diameter in pixels of the largest value */\n  @property({ type: Number, attribute: \"max-size\" })\n  maxSize = 48;\n\n  /** Value drawn with `max-size` (share a scale between charts); the largest value by default */\n  @property({ type: Number, attribute: \"max-value\" })\n  maxValue?: number;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return bubbleSeries(series, {\n      minSize: this.minSize,\n      maxSize: this.maxSize,\n      maxValue: this.maxValue,\n    });\n  }\n}\n\nconst binning = {\n  fromAttribute: (value: string | null): HistogramBinning | undefined =>\n    value === null\n      ? undefined\n      : /^\\d+$/.test(value)\n        ? Number(value)\n        : (value as HistogramBinning),\n};\n\n/**\n * Histogram of `minerva-design/charts/core` (the `<HistogramChart>` of\n * React): the distribution of raw samples in bins of equal width\n * (Freedman-Diaconis, Sturges or a count); millions of samples are binned\n * in milliseconds.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU histogram of raw samples, binned automatically.\n * @tag minerva-histogram-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaHistogramChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-histogram-chart\";\n\n  /** Raw samples (typed arrays are counted without copies); property only */\n  @property({ attribute: false })\n  values?: ArrayLike<number>;\n\n  /** Number of bins, or the rule choosing it: `auto`, `sturges`, `freedman-diaconis` */\n  @property({ converter: binning })\n  bins: HistogramBinning = \"auto\";\n\n  /** Range covered by the bins (the data range by default); property only */\n  @property({ attribute: false })\n  domain?: readonly [number, number];\n\n  /** Rounds the bin width to 1, 2 or 5 × 10^k and aligns the edges on it; property only */\n  @property({ attribute: false })\n  nice = true;\n\n  /** Name of the counts (legend, tooltip; default \"Count\") */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Bar color (any CSS color) */\n  @property()\n  color?: string;\n\n  /** Formats the edges of the bins in the tooltip; property only */\n  @property({ attribute: false })\n  formatBin?: (value: number) => string;\n\n  /** More series drawn over the bins (e.g. a density `line`); property only */\n  @property({ attribute: false })\n  series?: readonly ChartSeries[];\n\n  /** Other engine options (axes, legend, tooltip, annotations...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.values) return null;\n    return {\n      ...this.options,\n      series: [\n        histogramSeries(this.values, {\n          bins: this.bins,\n          domain: this.domain,\n          nice: this.nice,\n          name: this.valueName,\n          color: this.color,\n          format: this.formatBin,\n        }),\n        ...(this.series ?? []),\n      ],\n    };\n  }\n}\n\nconst whiskerReach = {\n  fromAttribute: (value: string | null): number | \"minmax\" | undefined =>\n    value === null ? undefined : value === \"minmax\" ? value : Number(value),\n};\n\n/**\n * Box plot of `minerva-design/charts/core` (the `<BoxPlotChart>` of\n * React): medians, quartiles, whiskers and outliers of samples, from raw\n * values (`groups`) or computed statistics (`series`).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU box plot of raw samples or computed quartiles.\n * @tag minerva-box-plot-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaBoxPlotChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-box-plot-chart\";\n\n  /** Raw samples `{ x, values, color }`, one box each; property only */\n  @property({ attribute: false })\n  groups?: readonly BoxplotGroup[];\n\n  /** Series of computed box plots (`low`, `q1`, `y` the median, `q3`, `high`, `outliers`); property only */\n  @property({ attribute: false })\n  series?: readonly ChartSeries[];\n\n  /** Name of the series built from `groups` (default \"Values\") */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Reach of the whiskers in interquartile ranges (Tukey: 1.5), or `minmax` */\n  @property({ converter: whiskerReach })\n  whisker: number | \"minmax\" = 1.5;\n\n  /** Outliers drawn as rings of the series color or as filled dots (series may set their own) */\n  @property({ attribute: \"outlier-shape\" })\n  outlierShape: \"hollow\" | \"filled\" = \"hollow\";\n\n  /** Diameter of the outliers in CSS pixels */\n  @property({ type: Number, attribute: \"outlier-size\" })\n  outlierSize = 7;\n\n  /** `horizontal` lays the boxes out in rows */\n  @property()\n  orientation: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Other engine options (axes, legend, tooltip, annotations...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.groups?.length && !this.series) return null;\n    return {\n      ...this.options,\n      orientation: this.orientation,\n      series: withSeriesType(\n        [\n          ...(this.groups?.length\n            ? [\n                {\n                  id: \"boxplot\",\n                  name: this.valueName ?? \"Values\",\n                  data: boxplotData(this.groups, { whisker: this.whisker }),\n                },\n              ]\n            : []),\n          ...(this.series ?? []),\n        ],\n        \"boxplot\",\n      ).map((s) =>\n        s.type === \"boxplot\"\n          ? {\n              ...s,\n              outlierShape: s.outlierShape ?? this.outlierShape,\n              outlierSize: s.outlierSize ?? this.outlierSize,\n            }\n          : s,\n      ),\n    };\n  }\n}\n\n/**\n * Waterfall (bridge) chart of `minerva-design/charts/core` (the\n * `<WaterfallChart>` of React): how changes take a value from a start to an\n * end, with subtotals and totals (P&L bridges, budget variances).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bridge of changes, subtotals and totals.\n * @tag minerva-waterfall-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaWaterfallChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-waterfall-chart\";\n\n  /** Changes, subtotals and totals `{ label, value, kind, color }`, in order; property only */\n  @property({ attribute: false })\n  steps?: readonly WaterfallStep[];\n\n  /** Name of the series in the tooltip (default \"Change\") */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Color of the increases (the success color by default) */\n  @property({ attribute: \"up-color\" })\n  upColor?: string;\n\n  /** Color of the decreases (the danger color by default) */\n  @property({ attribute: \"down-color\" })\n  downColor?: string;\n\n  /** Color of the totals and subtotals (the primary color by default) */\n  @property({ attribute: \"total-color\" })\n  totalColor?: string;\n\n  /** Value the first change starts from */\n  @property({ type: Number })\n  start = 0;\n\n  /** Hides the change (or total) written at the end of every bar */\n  @property({ type: Boolean, attribute: \"hide-labels\" })\n  hideLabels = false;\n\n  /** Formats the values (labels, tooltip); property only */\n  @property({ attribute: false })\n  format?: (value: number) => string;\n\n  /** Hides the thin lines from the end of every bar to the next one */\n  @property({ type: Boolean, attribute: \"hide-connectors\" })\n  hideConnectors = false;\n\n  /** Style of the connector lines `{ color, width, dash }` (dashed, secondary text color by default); property only */\n  @property({ attribute: false })\n  connector?: ChartConnectorOptions;\n\n  /** `horizontal` lays the steps out in rows */\n  @property()\n  orientation: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Other engine options (axes, tooltip, annotations...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.steps) return null;\n    return {\n      ...this.options,\n      orientation: this.orientation,\n      series: [\n        waterfallSeries(this.steps, {\n          name: this.valueName,\n          upColor: this.upColor,\n          downColor: this.downColor,\n          totalColor: this.totalColor,\n          start: this.start,\n          labels: !this.hideLabels,\n          format: this.format,\n          connector: this.hideConnectors ? false : (this.connector ?? true),\n          locale: this.options?.locale,\n        }),\n      ],\n    };\n  }\n}\n\n/**\n * Gantt chart of `minerva-design/charts/core` (the `<GanttChart>` of\n * React): tasks as bars on a time axis with their progress, groups,\n * milestones and a today line; zooms and pans along the time.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU Gantt chart of tasks, progress and milestones.\n * @tag minerva-gantt-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaGanttChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-gantt-chart\";\n\n  /** Tasks and milestones `{ name, start, end, progress, group, color, milestone }`, from top to bottom; property only */\n  @property({ attribute: false })\n  tasks?: readonly GanttTask[];\n\n  /** Colors of the groups in order of appearance (the chart palette by default); property only */\n  @property({ attribute: false })\n  colors?: readonly string[];\n\n  /** Name of the tasks without a group (\"Tasks\" in the locale by default) */\n  @property({ attribute: \"task-name\" })\n  taskName?: string;\n\n  /** Name of the progress bars (legend, tooltip; \"Progress\" in the locale by default) */\n  @property({ attribute: \"progress-name\" })\n  progressName?: string;\n\n  /** Name of the milestones (legend, tooltip; \"Milestones\" in the locale by default) */\n  @property({ attribute: \"milestone-name\" })\n  milestoneName?: string;\n\n  /** Name of the dependencies row of the tooltip (\"Depends on\" in the locale by default) */\n  @property({ attribute: \"dependencies-name\" })\n  dependenciesName?: string;\n\n  /** Formats the progress shares (tooltip, default \"60%\"); property only */\n  @property({ attribute: false })\n  formatProgress?: (share: number) => string;\n\n  /** Draws a line at this date (`true`: now); property only */\n  @property({ attribute: false })\n  today: boolean | number | Date = false;\n\n  /** Label of the today line */\n  @property({ attribute: \"today-label\" })\n  todayLabel?: string;\n\n  /** Other engine options (axes, legend, annotations, interaction...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  private mountedAt = Date.now();\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.tasks) return null;\n    const gantt = ganttSeries(this.tasks, {\n      colors: this.colors,\n      taskName: this.taskName,\n      progressName: this.progressName,\n      milestoneName: this.milestoneName,\n      formatProgress: this.formatProgress,\n      dependenciesName: this.dependenciesName,\n      locale: this.options?.locale,\n    });\n    const today = this.today;\n    const now =\n      today === false\n        ? null\n        : today === true\n          ? this.mountedAt\n          : today instanceof Date\n            ? today.getTime()\n            : today;\n    const lines: ChartAnnotation[] =\n      now === null\n        ? []\n        : [\n            {\n              type: \"line\",\n              axis: \"y\",\n              value: now,\n              color: \"var(--danger-color, #dc2626)\",\n              dash: [4, 3],\n              label: this.todayLabel,\n            },\n          ];\n    const options = this.options ?? {};\n    return {\n      ...options,\n      series: gantt.series,\n      orientation: \"horizontal\",\n      xAxis: {\n        type: \"category\",\n        categories: gantt.categories,\n        ...options.xAxis,\n      },\n      yAxis: {\n        type: \"time\",\n        min: gantt.domain[0],\n        max: gantt.domain[1],\n        ...options.yAxis,\n      },\n      annotations: [...(options.annotations ?? []), ...lines],\n      interaction: options.interaction ?? { zoom: \"y\" },\n      legend: options.legend ?? gantt.series.length > 1,\n    };\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-horizontal-bar-chart\": MinervaHorizontalBarChart;\n    \"minerva-range-area-chart\": MinervaRangeAreaChart;\n    \"minerva-mixed-chart\": MinervaMixedChart;\n    \"minerva-bubble-chart\": MinervaBubbleChart;\n    \"minerva-histogram-chart\": MinervaHistogramChart;\n    \"minerva-box-plot-chart\": MinervaBoxPlotChart;\n    \"minerva-waterfall-chart\": MinervaWaterfallChart;\n    \"minerva-gantt-chart\": MinervaGanttChart;\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import { ChartCurve, ChartSeries, ChartSeriesType } from '../../../charts/core.js';
+/**
+ * Gives the series without a `type` the type of the element (the presets of
+ * the React components): `stack` / `curve` apply to the series of that type
+ * that do not set their own.
+ */
+export declare const withSeriesType: (series: readonly ChartSeries[], type: ChartSeriesType, stack?: string, curve?: ChartCurve) => ChartSeries[];

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

@@ -0,0 +1,14 @@
+//#region src/components/chart/series.ts
+var e = (e, t, n, r) => e.map((e) => {
+	let i = e.type ?? t;
+	return {
+		...e,
+		type: i,
+		...n !== void 0 && i === t ? { stack: e.stack ?? n } : {},
+		...r !== void 0 && (i === "line" || i === "area") ? { curve: e.curve ?? r } : {}
+	};
+});
+//#endregion
+export { e as withSeriesType };
+
+//# sourceMappingURL=series.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"series.js","names":["withSeriesType","series","t","s","type","stack","curve"],"sources":["../../../../../web-components/src/components/chart/series.ts"],"sourcesContent":["import type {\n  ChartCurve,\n  ChartSeries,\n  ChartSeriesType,\n} from \"minerva-design/charts/core\";\n\n/**\n * Gives the series without a `type` the type of the element (the presets of\n * the React components): `stack` / `curve` apply to the series of that type\n * that do not set their own.\n */\nexport const withSeriesType = (\n  series: readonly ChartSeries[],\n  type: ChartSeriesType,\n  stack?: string,\n  curve?: ChartCurve,\n): ChartSeries[] =>\n  series.map((s) => {\n    const t = s.type ?? type;\n    return {\n      ...s,\n      type: t,\n      ...(stack !== undefined && t === type ? { stack: s.stack ?? stack } : {}),\n      ...(curve !== undefined && (t === \"line\" || t === \"area\")\n        ? { curve: s.curve ?? curve }\n        : {}),\n    };\n  });\n"],"mappings":";AAWA,IAAaA,KACX,GACA,GACA,GACA,MAEAC,EAAO,KAAK,MAAM;CAChB,IAAMC,IAAIC,EAAE,QAAQC;CACpB,OAAO;EACL,GAAGD;EACH,MAAMD;EACN,GAAIG,MAAU,KAAA,KAAaH,MAAME,IAAO,EAAE,OAAOD,EAAE,SAASE,EAAM,IAAI,CAAC;EACvE,GAAIC,MAAU,KAAA,MAAcJ,MAAM,UAAUA,MAAM,UAC9C,EAAE,OAAOC,EAAE,SAASG,EAAM,IAC1B,CAAC;CACP;AACF,CAAC"}