minerva-design 1.4.0 → 1.6.0

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

@@ -1,4 +1,4 @@
-import { ChartCurve, ChartOptions, ChartPointDatum, ChartSeries, ChartSeriesType, ChartXValue } from './types.cjs';
+import { ChartColorScheme, ChartConnectorOptions, ChartCurve, ChartDependency, ChartOptions, ChartPointDatum, ChartSeries, ChartSeriesType, ChartXValue } from './types.cjs';
 /** Default series names of the presets */
 interface PresetLabels {
     value: string;
@@ -47,10 +47,19 @@ export interface HeatmapConfig {
     xCategories?: readonly string[];
     /** Row names from bottom to top (collected from the data when omitted) */
     yCategories?: readonly string[];
-    /** Colors from the lowest to the highest value; a ramp of the first palette color by default */
-    colorScale?: readonly string[];
+    /**
+     * Colors from the lowest to the highest value (interpolated in OKLab), or
+     * a built-in theme-aware ramp of the first palette color
+     * @default "sequential"
+     */
+    colorScale?: readonly string[] | ChartColorScheme;
     /** Values at the ends of the color scale; the data range by default */
     valueRange?: readonly [number, number];
+    /**
+     * Value at the middle of the color scale (diverging data)
+     * @default 0 for `diverging` ramps spanning it, else the middle of the range
+     */
+    colorMidpoint?: number;
     /** Name of the value in the tooltip */
     name?: string;
     /** Corner radius of the cells, in pixels */
@@ -318,6 +327,12 @@ export interface WaterfallOptions {
     labels?: boolean;
     /** Formats the values (labels, tooltip) */
     format?: (value: number) => string;
+    /**
+     * Thin lines from the end of every bar to the next one; an object styles
+     * them
+     * @default true (dashed, secondary text color)
+     */
+    connector?: boolean | ChartConnectorOptions;
     /**
      * Locale of the default name
      * @default the page language
@@ -368,6 +383,8 @@ export interface GanttTask {
     color?: string;
     /** Draws a dot at `start` instead of a bar */
     milestone?: boolean;
+    /** Names of the tasks this one waits for (tooltip, and arrows from their ends) */
+    dependencies?: readonly string[];
 }
 /** Options of `ganttSeries` */
 export interface GanttOptions {
@@ -390,6 +407,19 @@ export interface GanttOptions {
     milestoneName?: string;
     /** Formats the progress shares (tooltip) @default "60%" */
     formatProgress?: (share: number) => string;
+    /**
+     * Name of the dependencies row of the tooltip
+     * @default "Depends on" (in the `locale`)
+     */
+    dependenciesName?: string;
+    /**
+     * Draws the dependencies as elbow arrows from the end of every
+     * predecessor to the start of the task
+     * @default true
+     */
+    dependencyArrows?: boolean;
+    /** Color of the dependency arrows (any CSS color); the secondary text color by default */
+    dependencyColor?: string;
     /**
      * Locale of the default names and of the progress shares
      * @default the page language
@@ -403,6 +433,8 @@ export interface GanttSeries {
     categories: string[];
     /** Time range of the tasks with a small margin (the `min` / `max` of the value axis) */
     domain: [number, number];
+    /** Arrows of the dependencies between existing tasks (the `dependencies` of the chart) */
+    dependencies: ChartDependency[];
 }
 /** Color `k` of the chart palette as a CSS color (theme variables first) */
 export declare const paletteColor: (k: number) => string;

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

@@ -1,4 +1,4 @@
-import { ChartCurve, ChartOptions, ChartPointDatum, ChartSeries, ChartSeriesType, ChartXValue } from './types.js';
+import { ChartColorScheme, ChartConnectorOptions, ChartCurve, ChartDependency, ChartOptions, ChartPointDatum, ChartSeries, ChartSeriesType, ChartXValue } from './types.js';
 /** Default series names of the presets */
 interface PresetLabels {
     value: string;
@@ -47,10 +47,19 @@ export interface HeatmapConfig {
     xCategories?: readonly string[];
     /** Row names from bottom to top (collected from the data when omitted) */
     yCategories?: readonly string[];
-    /** Colors from the lowest to the highest value; a ramp of the first palette color by default */
-    colorScale?: readonly string[];
+    /**
+     * Colors from the lowest to the highest value (interpolated in OKLab), or
+     * a built-in theme-aware ramp of the first palette color
+     * @default "sequential"
+     */
+    colorScale?: readonly string[] | ChartColorScheme;
     /** Values at the ends of the color scale; the data range by default */
     valueRange?: readonly [number, number];
+    /**
+     * Value at the middle of the color scale (diverging data)
+     * @default 0 for `diverging` ramps spanning it, else the middle of the range
+     */
+    colorMidpoint?: number;
     /** Name of the value in the tooltip */
     name?: string;
     /** Corner radius of the cells, in pixels */
@@ -318,6 +327,12 @@ export interface WaterfallOptions {
     labels?: boolean;
     /** Formats the values (labels, tooltip) */
     format?: (value: number) => string;
+    /**
+     * Thin lines from the end of every bar to the next one; an object styles
+     * them
+     * @default true (dashed, secondary text color)
+     */
+    connector?: boolean | ChartConnectorOptions;
     /**
      * Locale of the default name
      * @default the page language
@@ -368,6 +383,8 @@ export interface GanttTask {
     color?: string;
     /** Draws a dot at `start` instead of a bar */
     milestone?: boolean;
+    /** Names of the tasks this one waits for (tooltip, and arrows from their ends) */
+    dependencies?: readonly string[];
 }
 /** Options of `ganttSeries` */
 export interface GanttOptions {
@@ -390,6 +407,19 @@ export interface GanttOptions {
     milestoneName?: string;
     /** Formats the progress shares (tooltip) @default "60%" */
     formatProgress?: (share: number) => string;
+    /**
+     * Name of the dependencies row of the tooltip
+     * @default "Depends on" (in the `locale`)
+     */
+    dependenciesName?: string;
+    /**
+     * Draws the dependencies as elbow arrows from the end of every
+     * predecessor to the start of the task
+     * @default true
+     */
+    dependencyArrows?: boolean;
+    /** Color of the dependency arrows (any CSS color); the secondary text color by default */
+    dependencyColor?: string;
     /**
      * Locale of the default names and of the progress shares
      * @default the page language
@@ -403,6 +433,8 @@ export interface GanttSeries {
     categories: string[];
     /** Time range of the tasks with a small margin (the `min` / `max` of the value axis) */
     domain: [number, number];
+    /** Arrows of the dependencies between existing tasks (the `dependencies` of the chart) */
+    dependencies: ChartDependency[];
 }
 /** Color `k` of the chart palette as a CSS color (theme variables first) */
 export declare const paletteColor: (k: number) => string;

package/dist/charts/engine/presets.js

@@ -1,7 +1,8 @@
 import { localeLabels as e, numberFormat as t, resolveLocale as n } from "./locale.js";
-import { tickStep as r } from "./scale.js";
+import { chartLabels as r } from "./labels.js";
+import { tickStep as i } from "./scale.js";
 //#region src/engine/presets.ts
-var i = {
+var a = {
 	en: {
 		value: "Value",
 		values: "Values",
@@ -38,7 +39,7 @@ var i = {
 		progress: "Avancement",
 		milestones: "Jalons"
 	}
-}, a = (t) => e(i, t), o = (e, t, n, r) => e.map((e) => {
+}, o = (t) => e(a, t), s = (e, t, n, r) => e.map((e) => {
 	let i = e.type ?? t;
 	return {
 		...e,
@@ -46,16 +47,16 @@ var i = {
 		...n !== void 0 && i === t ? { stack: e.stack ?? n } : {},
 		...r !== void 0 && (i === "line" || i === "area") ? { curve: e.curve ?? r } : {}
 	};
-}), s = (e, t = !1, n = {}) => o(e, t ? "area" : "line", n.stacked ? "stack" : void 0, n.curve), c = (e, t = {}) => s(e, !0, t), l = (e, t = !1, n = !1) => o(e, "bar", t ? "stack" : void 0).map((e) => n && e.type === "bar" ? {
+}), c = (e, t = !1, n = {}) => s(e, t ? "area" : "line", n.stacked ? "stack" : void 0, n.curve), l = (e, t = {}) => c(e, !0, t), u = (e, t = !1, n = !1) => s(e, "bar", t ? "stack" : void 0).map((e) => n && e.type === "bar" ? {
 	...e,
 	showLabels: e.showLabels ?? !0
-} : e), u = (e) => o(e, "scatter"), d = (e) => o(e, "candlestick"), f = (e, t = {}) => {
+} : e), d = (e) => s(e, "scatter"), f = (e) => s(e, "candlestick"), p = (e, t = {}) => {
 	let n = e.data.some((e) => typeof e.x == "number"), r = e.data.some((e) => typeof e.y == "number");
 	return {
 		...t,
 		series: [{
 			id: "heatmap",
-			name: e.name ?? a(t.locale).value,
+			name: e.name ?? o(t.locale).value,
 			type: "heatmap",
 			data: e.data.map((e) => ({
 				x: e.x,
@@ -64,6 +65,7 @@ var i = {
 			})),
 			colorScale: e.colorScale,
 			valueRange: e.valueRange,
+			colorMidpoint: e.colorMidpoint,
 			radius: e.radius,
 			format: e.format
 		}],
@@ -83,17 +85,17 @@ var i = {
 			grid: !1,
 			...t.yAxis
 		},
-		legend: t.legend ?? !1,
+		legend: t.legend ?? !0,
 		interaction: t.interaction ?? { zoom: !1 },
 		tooltip: t.tooltip ?? { mode: "nearest" }
 	};
-}, p = (e, t = {}) => {
+}, m = (e, t = {}) => {
 	let n = e.type ?? "line";
 	return {
 		...t,
 		series: [{
 			id: "sparkline",
-			name: e.name ?? a(t.locale).value,
+			name: e.name ?? o(t.locale).value,
 			type: n,
 			data: e.data,
 			color: e.color,
@@ -129,12 +131,12 @@ var i = {
 			dash: [2, 3]
 		}]
 	};
-}, m = {
+}, h = {
 	topLeft: "var(--danger-color, #ef4444)",
 	topRight: "var(--primary-color, #4f46e5)",
 	bottomLeft: "var(--warning-color, #f59e0b)",
 	bottomRight: "var(--text-secondary-color, #64748b)"
-}, h = "var(--border-strong-color, var(--border-color, #cbd5e1))", g = (e) => {
+}, g = "var(--border-strong-color, var(--border-color, #cbd5e1))", _ = (e) => {
 	let [t, n] = e.xDomain ?? [0, 10], [r, i] = e.yDomain ?? [0, 10];
 	return {
 		x0: t,
@@ -144,17 +146,17 @@ var i = {
 		xs: e.xSplit ?? (t + n) / 2,
 		ys: e.ySplit ?? (r + i) / 2
 	};
-}, _ = (e, t, n) => {
-	let { xs: r, ys: i } = g(e), a = e.reverseX ? t < r : t >= r;
+}, v = (e, t, n) => {
+	let { xs: r, ys: i } = _(e), a = e.reverseX ? t < r : t >= r;
 	return n >= i ? a ? "topRight" : "topLeft" : a ? "bottomRight" : "bottomLeft";
-}, v = (e, t) => {
-	let { x0: n, x1: r, y0: i, y1: a, xs: o, ys: s } = g(e), c = t.endsWith("Right");
+}, y = (e, t) => {
+	let { x0: n, x1: r, y0: i, y1: a, xs: o, ys: s } = _(e), c = t.endsWith("Right");
 	return {
 		x: (e.reverseX ? !c : c) ? (o + r) / 2 : (n + o) / 2,
 		y: t.startsWith("top") ? (s + a) / 2 : (i + s) / 2
 	};
-}, y = (e, t = {}) => {
-	let { x0: n, x1: r, y0: i, y1: a, xs: o, ys: s } = g(e), c = !!e.reverseX, l = (t) => e.quadrants?.[t]?.color ?? m[t], u = [{
+}, b = (e, t = {}) => {
+	let { x0: n, x1: r, y0: i, y1: a, xs: o, ys: s } = _(e), c = !!e.reverseX, l = (t) => e.quadrants?.[t]?.color ?? h[t], u = [{
 		type: "scatter",
 		name: e.name ?? "",
 		pointSize: e.pointSize ?? 12,
@@ -165,7 +167,7 @@ var i = {
 			y: t.y,
 			label: t.label,
 			size: t.size,
-			color: t.color ?? l(_(e, t.x, t.y))
+			color: t.color ?? l(v(e, t.x, t.y))
 		}))
 	}], d = c ? [o, r] : [n, o], f = c ? [n, o] : [o, r], p = (t, [n, r], [i, a], o) => ({
 		type: "rect",
@@ -177,33 +179,33 @@ var i = {
 		opacity: .07,
 		label: e.quadrants?.[t]?.label,
 		labelPosition: o
-	}), v = e.axisLabels ?? {}, y = c ? r : n, b = c ? n : r, x = [
-		...v.top ? [{
+	}), m = e.axisLabels ?? {}, y = c ? r : n, b = c ? n : r, x = [
+		...m.top ? [{
 			type: "text",
 			x: o,
 			y: a,
-			text: v.top,
+			text: m.top,
 			anchor: "top"
 		}] : [],
-		...v.bottom ? [{
+		...m.bottom ? [{
 			type: "text",
 			x: o,
 			y: i,
-			text: v.bottom,
+			text: m.bottom,
 			anchor: "bottom"
 		}] : [],
-		...v.left ? [{
+		...m.left ? [{
 			type: "text",
 			x: y,
 			y: s,
-			text: v.left,
+			text: m.left,
 			anchor: "left"
 		}] : [],
-		...v.right ? [{
+		...m.right ? [{
 			type: "text",
 			x: b,
 			y: s,
-			text: v.right,
+			text: m.right,
 			anchor: "right"
 		}] : []
 	], S = [
@@ -216,14 +218,14 @@ var i = {
 			axis: "x",
 			value: o,
 			dash: [],
-			color: h
+			color: g
 		},
 		{
 			type: "line",
 			axis: "y",
 			value: s,
 			dash: [],
-			color: h
+			color: g
 		},
 		...x,
 		...t.annotations ?? []
@@ -239,7 +241,7 @@ var i = {
 		tooltip: t.tooltip ?? (C ? void 0 : { render: (t) => {
 			let n = t.items[0];
 			if (!n) return null;
-			let r = e.quadrants?.[_(e, n.x, n.y)]?.label;
+			let r = e.quadrants?.[v(e, n.x, n.y)]?.label;
 			return [n.label ?? e.name ?? "", r ?? ""].filter(Boolean).join("\n");
 		} }),
 		xAxis: {
@@ -272,7 +274,7 @@ var i = {
 		}),
 		interaction: w
 	};
-}, b = (e) => {
+}, x = (e) => {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) Number.isFinite(e[n]) && t++;
 	let n = new Float64Array(t), r = 0;
@@ -281,21 +283,21 @@ var i = {
 		Number.isFinite(i) && (n[r++] = i);
 	}
 	return n.sort();
-}, x = (e, t) => {
+}, S = (e, t) => {
 	let n = e.length;
 	if (!n) return NaN;
 	let r = Math.min(1, Math.max(0, t)) * (n - 1), i = Math.floor(r), a = Math.min(n - 1, i + 1);
 	return e[i] + (e[a] - e[i]) * (r - i);
-}, S = (e, t) => {
-	let n = b(e);
-	return t.map((e) => x(n, e));
-}, C = 1e5, w = (e, t = {}) => {
-	let n = 0, i = Infinity, a = -Infinity;
+}, C = (e, t) => {
+	let n = x(e);
+	return t.map((e) => S(n, e));
+}, w = 1e5, T = (e, t = {}) => {
+	let n = 0, r = Infinity, a = -Infinity;
 	for (let t = 0; t < e.length; t++) {
-		let r = e[t];
-		Number.isFinite(r) && (n++, r < i && (i = r), r > a && (a = r));
+		let i = e[t];
+		Number.isFinite(i) && (n++, i < r && (r = i), i > a && (a = i));
 	}
-	let [o, s] = t.domain ?? [i, a];
+	let [o, s] = t.domain ?? [r, a];
 	if (!n || !Number.isFinite(o) || !Number.isFinite(s)) return {
 		edges: [0, 1],
 		counts: [0],
@@ -307,17 +309,17 @@ var i = {
 	if (typeof l == "number") d = Math.round(l);
 	else if (l === "sturges") d = u;
 	else {
-		let t = Math.max(1, Math.floor(e.length / C)), r = [];
+		let t = Math.max(1, Math.floor(e.length / w)), r = [];
 		for (let n = 0; n < e.length; n += t) {
 			let t = e[n];
 			Number.isFinite(t) && r.push(t);
 		}
-		let i = Float64Array.from(r).sort(), a = 2 * (x(i, .75) - x(i, .25)) / Math.cbrt(n);
+		let i = Float64Array.from(r).sort(), a = 2 * (S(i, .75) - S(i, .25)) / Math.cbrt(n);
 		d = a > 0 ? Math.ceil(c / a) : u;
 	}
 	d = Math.max(1, Math.min(1e3, d || 1));
 	let f = c / d, p = o;
-	(t.nice ?? !0) && (f = r(o, s, d) || f, p = Math.floor(o / f + 1e-9) * f, d = Math.max(1, Math.ceil((s - p) / f - 1e-9)));
+	(t.nice ?? !0) && (f = i(o, s, d) || f, p = Math.floor(o / f + 1e-9) * f, d = Math.max(1, Math.ceil((s - p) / f - 1e-9)));
 	let m = p + d * f, h = Array(d).fill(0), g = 0;
 	for (let t = 0; t < e.length; t++) {
 		let n = e[t];
@@ -333,11 +335,11 @@ var i = {
 		width: f,
 		total: g
 	};
-}, T = (e, t = {}) => {
-	let r = t.binned ?? w(e, t), i = n(t.locale), o = t.format ?? ((e) => E(e, i));
+}, E = (e, t = {}) => {
+	let r = t.binned ?? T(e, t), i = n(t.locale), a = t.format ?? ((e) => D(e, i));
 	return {
 		id: "histogram",
-		name: t.name ?? a(i).count,
+		name: t.name ?? o(i).count,
 		type: "bar",
 		color: t.color,
 		barWidth: 1,
@@ -347,12 +349,12 @@ var i = {
 			return {
 				x: (n + i) / 2,
 				y: e,
-				label: `${o(n)} – ${o(i)}`
+				label: `${a(n)} – ${a(i)}`
 			};
 		})
 	};
-}, E = (e, n) => t(n, { maximumSignificantDigits: 6 }).format(e), D = (e, t = {}) => {
-	let n = b(e), r = n.length;
+}, D = (e, n) => t(n, { maximumSignificantDigits: 6 }).format(e), O = (e, t = {}) => {
+	let n = x(e), r = n.length;
 	if (!r) return {
 		low: NaN,
 		q1: NaN,
@@ -365,7 +367,7 @@ var i = {
 		mean: NaN,
 		count: 0
 	};
-	let i = x(n, .25), a = x(n, .5), o = x(n, .75), s = n[0], c = n[r - 1], l = 0;
+	let i = S(n, .25), a = S(n, .5), o = S(n, .75), s = n[0], c = n[r - 1], l = 0;
 	for (let e = 0; e < r; e++) l += n[e];
 	let u = t.whisker ?? 1.5, d = s, f = c, p = [];
 	if (u !== "minmax") {
@@ -388,8 +390,8 @@ var i = {
 		mean: l / r,
 		count: r
 	};
-}, O = (e, t = {}) => e.map((e) => {
-	let n = D(e.values, t);
+}, k = (e, t = {}) => e.map((e) => {
+	let n = O(e.values, t);
 	return {
 		x: e.x,
 		y: Number.isFinite(n.median) ? n.median : null,
@@ -400,31 +402,32 @@ var i = {
 		outliers: n.outliers,
 		...e.color ? { color: e.color } : {}
 	};
-}), k = (e) => o(e, "boxplot"), A = (e, t = {}) => {
-	let n = t.upColor ?? "var(--success-color, #16a34a)", r = t.downColor ?? "var(--danger-color, #dc2626)", i = t.totalColor ?? "var(--primary-color, #4f46e5)", o = t.start ?? 0, s = e.map((e) => {
+}), A = (e) => s(e, "boxplot"), j = (e, t = {}) => {
+	let n = t.upColor ?? "var(--success-color, #16a34a)", r = t.downColor ?? "var(--danger-color, #dc2626)", i = t.totalColor ?? "var(--primary-color, #4f46e5)", a = t.start ?? 0, s = e.map((e) => {
 		if (e.kind === "total" || e.kind === "subtotal") return {
 			x: e.label,
-			y: o,
+			y: a,
 			color: e.color ?? i
 		};
-		let t = e.value ?? 0, a = o;
-		return o += t, {
+		let t = e.value ?? 0, o = a;
+		return a += t, {
 			x: e.label,
-			y0: a,
-			y: o,
+			y0: o,
+			y: a,
 			color: e.color ?? (t >= 0 ? n : r)
 		};
 	});
 	return {
 		id: "waterfall",
-		name: t.name ?? a(t.locale).change,
+		name: t.name ?? o(t.locale).change,
 		type: "bar",
 		color: i,
 		data: s,
 		showLabels: t.labels ?? !1,
-		format: t.format
+		format: t.format,
+		connector: t.connector ?? !0
 	};
-}, j = (e, t = {}) => {
+}, M = (e, t = {}) => {
 	let n = t.minSize ?? 6, r = t.maxSize ?? 48, i = (e) => {
 		if (typeof e != "object" || !e) return null;
 		if (!("length" in e)) return e.value ?? null;
@@ -482,13 +485,13 @@ var i = {
 			data: i
 		};
 	});
-}, M = [
+}, N = [
 	"--primary-color",
 	"--success-color",
 	"--warning-color",
 	"--danger-color",
 	"--info-color"
-], N = [
+], P = [
 	"#4f46e5",
 	"#10b981",
 	"#f59e0b",
@@ -497,82 +500,99 @@ var i = {
 	"#8b5cf6",
 	"#14b8a6",
 	"#f97316"
-], P = (e) => {
-	let t = e % 8, n = N[t] ?? "#4f46e5", r = M[t];
+], F = (e) => {
+	let t = e % 8, n = P[t] ?? "#4f46e5", r = N[t];
 	return r ? `var(--chart-series-${t + 1}, var(${r}, ${n}))` : `var(--chart-series-${t + 1}, ${n})`;
-}, F = (e) => e instanceof Date ? e.getTime() : e === void 0 ? NaN : e, I = (e, r = {}) => {
-	let i = n(r.locale), o = a(i), s = r.taskName ?? o.tasks, c = [];
+}, I = (e) => e instanceof Date ? e.getTime() : e === void 0 ? NaN : e, L = (e, i = {}) => {
+	let a = n(i.locale), s = o(a), c = r(a), l = i.taskName ?? s.tasks, u = i.progressName ?? s.progress, d = /^(zh|ja)\b/i.test(a) ? "、" : ", ", f = [];
 	for (let t of e) {
-		let e = t.group ?? s;
-		!t.milestone && !c.includes(e) && c.push(e);
+		let e = t.group ?? l;
+		!t.milestone && !f.includes(e) && f.push(e);
 	}
-	let l = (e) => {
-		let t = Math.max(0, c.indexOf(e));
-		return r.colors?.[t] ?? P(t);
-	}, u = r.formatProgress ?? ((e) => t(i, {
+	let p = (e) => {
+		let t = Math.max(0, f.indexOf(e));
+		return i.colors?.[t] ?? F(t);
+	}, m = i.formatProgress ?? ((e) => t(a, {
 		style: "percent",
 		maximumFractionDigits: 0
-	}).format(e)), d = c.map((t) => ({
+	}).format(e)), h = f.map((t) => ({
 		id: `gantt:${t}`,
 		name: t,
 		type: "bar",
 		stack: "gantt",
-		color: l(t),
+		color: p(t),
 		opacity: .3,
 		barWidth: .62,
 		radius: 4,
-		data: e.filter((e) => !e.milestone && (e.group ?? s) === t).map((e) => ({
-			x: e.name,
-			y0: F(e.start),
-			y: F(e.end ?? e.start),
-			...e.color ? { color: e.color } : {}
-		}))
-	})), f = e.filter((e) => !e.milestone && e.progress !== void 0 && e.progress > 0);
-	f.length && d.push({
+		data: e.filter((e) => !e.milestone && (e.group ?? l) === t).map((e) => {
+			let t = [];
+			return e.progress !== void 0 && t.push({
+				name: u,
+				value: m(Math.min(1, Math.max(0, e.progress)))
+			}), e.dependencies?.length && t.push({
+				name: i.dependenciesName ?? c.dependencies,
+				value: e.dependencies.join(d)
+			}), {
+				x: e.name,
+				y0: I(e.start),
+				y: I(e.end ?? e.start),
+				...e.color ? { color: e.color } : {},
+				...t.length ? { details: t } : {}
+			};
+		})
+	})), g = e.filter((e) => !e.milestone && e.progress !== void 0 && e.progress > 0);
+	g.length && h.push({
 		id: "gantt:progress",
-		name: r.progressName ?? o.progress,
+		name: u,
 		type: "bar",
 		stack: "gantt",
+		tooltip: !1,
 		color: "var(--text-secondary-color, #6b7280)",
 		radius: 4,
-		data: f.map((e) => {
-			let t = F(e.start), n = F(e.end ?? e.start), r = Math.min(1, Math.max(0, e.progress ?? 0));
+		data: g.map((e) => {
+			let t = I(e.start), n = I(e.end ?? e.start), r = Math.min(1, Math.max(0, e.progress ?? 0));
 			return {
 				x: e.name,
 				y0: t,
 				y: t + (n - t) * r,
-				label: u(r),
-				color: e.color ?? l(e.group ?? s)
+				label: m(r),
+				color: e.color ?? p(e.group ?? l)
 			};
 		})
 	});
-	let p = e.filter((e) => e.milestone);
-	p.length && d.push({
+	let _ = e.filter((e) => e.milestone);
+	_.length && h.push({
 		id: "gantt:milestones",
-		name: r.milestoneName ?? o.milestones,
+		name: i.milestoneName ?? s.milestones,
 		type: "scatter",
 		color: "var(--text-color, #1f2937)",
 		pointSize: 13,
 		opacity: 1,
-		data: p.map((e) => ({
+		data: _.map((e) => ({
 			x: e.name,
-			y: F(e.start),
+			y: I(e.start),
 			...e.color ? { color: e.color } : {}
 		}))
 	});
-	let m = Infinity, h = -Infinity;
-	for (let t of e) for (let e of [F(t.start), F(t.end ?? t.start)]) e < m && (m = e), e > h && (h = e);
-	let g = Number.isFinite(h - m) ? Math.max((h - m) * .025, 1) : 0;
+	let v = Infinity, y = -Infinity;
+	for (let t of e) for (let e of [I(t.start), I(t.end ?? t.start)]) e < v && (v = e), e > y && (y = e);
+	let b = Number.isFinite(y - v) ? Math.max((y - v) * .025, 1) : 0, x = new Set(e.map((e) => e.name)), S = [];
+	if (i.dependencyArrows !== !1) for (let t of e) for (let e of t.dependencies ?? []) e !== t.name && x.has(e) && S.push({
+		from: e,
+		to: t.name,
+		...i.dependencyColor ? { color: i.dependencyColor } : {}
+	});
 	return {
-		series: d,
+		series: h,
 		categories: e.map((e) => e.name),
-		domain: Number.isFinite(m) ? [m - g, h + g] : [0, 1]
+		domain: Number.isFinite(v) ? [v - b, y + b] : [0, 1],
+		dependencies: S
 	};
-}, L = (e, t) => o(e, "area", void 0, t).map((e) => e.type === "area" ? {
+}, R = (e, t) => s(e, "area", void 0, t).map((e) => e.type === "area" ? {
 	...e,
 	lineWidth: e.lineWidth ?? 1.5
 } : e);
 //#endregion
-export { m as DEFAULT_QUADRANT_COLORS, c as areaSeries, l as barSeries, w as binValues, O as boxplotData, k as boxplotSeries, D as boxplotStats, j as bubbleSeries, d as candlestickSeries, I as ganttSeries, f as heatmapChartOptions, T as histogramSeries, s as lineSeries, P as paletteColor, a as presetLabels, v as quadrantCenter, y as quadrantChartOptions, _ as quadrantOf, S as quantiles, L as rangeAreaSeries, u as scatterSeries, p as sparklineOptions, A as waterfallSeries, o as withSeriesType };
+export { h as DEFAULT_QUADRANT_COLORS, l as areaSeries, u as barSeries, T as binValues, k as boxplotData, A as boxplotSeries, O as boxplotStats, M as bubbleSeries, f as candlestickSeries, L as ganttSeries, p as heatmapChartOptions, E as histogramSeries, c as lineSeries, F as paletteColor, o as presetLabels, y as quadrantCenter, b as quadrantChartOptions, v as quadrantOf, C as quantiles, R as rangeAreaSeries, d as scatterSeries, m as sparklineOptions, j as waterfallSeries, s as withSeriesType };
 
 //# sourceMappingURL=presets.js.map