@dcs-tech/ui 0.9.0 → 0.10.0

package/dist/{ChartView-CW3m4Z_1.js → ChartView-n4G5_2ro.js}

@@ -1,5 +1,5 @@
 "use client";
-import { A as e, C as t, Cn as n, D as r, E as i, En as a, F as o, G as s, J as c, K as l, L as u, M as d, N as f, O as p, R as m, S as h, T as g, Tn as _, W as v, X as y, Y as b, Z as x, _ as S, b as C, c as w, ct as T, d as E, f as D, ft as O, g as k, h as A, i as j, j as M, k as N, l as P, m as F, o as I, ot as L, p as R, q as z, r as B, s as V, t as H, u as ee, v as U, vt as te, w as ne, y as re, z as ie } from "./geometry-yZmKN662.js";
+import { A as e, C as t, Cn as n, D as r, E as i, En as a, F as o, G as s, J as c, K as l, L as u, M as d, N as f, O as p, R as m, S as h, T as g, Tn as _, W as v, X as y, Y as b, Z as x, _ as S, b as C, c as w, ct as T, d as E, f as D, ft as O, g as k, h as A, i as j, j as M, k as N, l as P, m as F, o as I, ot as L, p as R, q as z, r as B, s as V, t as H, u as ee, v as U, vt as te, w as ne, y as re, z as ie } from "./geometry-DG134nYI.js";
 import { useCallback as W, useEffect as ae, useLayoutEffect as G, useMemo as oe, useRef as K, useState as q } from "react";
 import { Fragment as se, jsx as J, jsxs as Y } from "react/jsx-runtime";
 import { createPortal as ce } from "react-dom";
@@ -933,8 +933,8 @@ function Le({ slices: n, ariaLabel: r, title: i, size: a, compact: o = !1, varia
 	});
 }
 // src/components/Charts/Funnel.tsx
-function Re({ steps: e, ariaLabel: t, title: n, compact: r = !1, onSelect: i, selected: a = null, ...o }) {
-	let { nf: u, L: d } = x(o), f = (t) => !!i && e[t].selectable !== !1, p = Q({
+function Re({ steps: e, ariaLabel: t, title: n, compact: r = !1, showChange: i = !0, onSelect: a, selected: o = null, ...u }) {
+	let { nf: d, L: f } = x(u), p = (t) => !!a && e[t].selectable !== !1, m = Q({
 		count: e.length,
 		pick: (e, t, n, r) => de(t, xe(r).map((e) => e ? {
 			start: e.top,
@@ -947,38 +947,41 @@ function Re({ steps: e, ariaLabel: t, title: n, compact: r = !1, onSelect: i, se
 			ArrowLeft: 0,
 			ArrowRight: 0
 		},
-		start: a === null ? null : e.findIndex((e) => e.key === a),
-		onPick: i ? (t) => f(t) && i(e[t]) : void 0
+		start: o === null ? null : e.findIndex((e) => e.key === o),
+		onPick: a ? (t) => p(t) && a(e[t]) : void 0
 	});
 	if (!e.some((e) => e.value > 0)) return /* @__PURE__ */ J(l, {
 		title: n,
 		children: /* @__PURE__ */ J(v, {
 			ariaLabel: t,
-			text: d.empty,
+			text: f.empty,
 			compact: r
 		})
 	});
-	let m = ne(e), h = p.active === null ? null : m[p.active] ?? null, g = h?.step.key ?? a, _ = (e) => `${e.step.label}: ${u(e.step.value)}${e.drop === null ? "" : `, ${d.funnelDrop} ${b(e.drop)}`}`;
+	let h = ne(e).map((e) => i ? e : {
+		...e,
+		drop: null
+	}), g = m.active === null ? null : h[m.active] ?? null, _ = g?.step.key ?? o, y = (e) => `${e.step.label}: ${d(e.step.value)}${e.drop === null ? "" : `, ${f.funnelDrop} ${b(e.drop)}`}`;
 	return /* @__PURE__ */ Y(l, {
 		title: n,
 		children: [
 			/* @__PURE__ */ J("ol", {
-				className: z(`chart-funnel chart-plot chart-plot--rows${i ? " chart-plot--pick" : ""}`, r),
-				role: i ? void 0 : "img",
-				"aria-label": !i && h ? _(h) : t,
-				...p.plotProps,
-				children: m.map(({ step: e, width: t, drop: n }, r) => /* @__PURE__ */ J("li", {
-					"data-hit": p.pickable ? void 0 : r,
-					className: `chart-funnel-item${r === p.active ? " chart-funnel-item--active" : ""}`,
-					"aria-hidden": !p.pickable || void 0,
+				className: z(`chart-funnel${i ? "" : " chart-funnel--no-change"} chart-plot chart-plot--rows${a ? " chart-plot--pick" : ""}`, r),
+				role: a ? void 0 : "img",
+				"aria-label": !a && g ? y(g) : t,
+				...m.plotProps,
+				children: h.map(({ step: e, width: t, drop: n }, r) => /* @__PURE__ */ J("li", {
+					"data-hit": m.pickable ? void 0 : r,
+					className: `chart-funnel-item${r === m.active ? " chart-funnel-item--active" : ""}`,
+					"aria-hidden": !m.pickable || void 0,
 					children: /* @__PURE__ */ Y("span", {
-						...p.pickable ? p.item(r, {
-							pressed: a === e.key,
-							disabled: !f(r)
+						...m.pickable ? m.item(r, {
+							pressed: o === e.key,
+							disabled: !p(r)
 						}) : {},
-						"aria-label": p.pickable ? `${e.label}: ${u(e.value)}${n === null ? "" : `, ${b(n)}`}` : void 0,
-						"aria-description": p.pickable && n !== null ? d.funnelDrop : void 0,
-						className: `chart-funnel-row${g !== null && g !== e.key ? " chart-faded" : ""}`,
+						"aria-label": m.pickable ? `${e.label}: ${d(e.value)}${n === null ? "" : `, ${b(n)}`}` : void 0,
+						"aria-description": m.pickable && n !== null ? f.funnelDrop : void 0,
+						className: `chart-funnel-row${_ !== null && _ !== e.key ? " chart-faded" : ""}`,
 						children: [
 							/* @__PURE__ */ J("span", {
 								className: "chart-funnel-label",
@@ -995,14 +998,14 @@ function Re({ steps: e, ariaLabel: t, title: n, compact: r = !1, onSelect: i, se
 										background: L(e.slot),
 										color: te(e.slot)
 									},
-									children: t >= .18 ? u(e.value) : ""
+									children: t >= .18 ? d(e.value) : ""
 								}), t < .18 && /* @__PURE__ */ J("span", {
 									className: "chart-funnel-outside",
-									children: u(e.value)
+									children: d(e.value)
 								})]
 							}),
 							" ",
-							/* @__PURE__ */ J("span", {
+							i && /* @__PURE__ */ J("span", {
 								className: "chart-funnel-drop",
 								"data-change": n === null ? void 0 : n > 0 ? "drop" : n < 0 ? "rise" : "flat",
 								children: n === null ? "" : b(n)
@@ -1011,15 +1014,15 @@ function Re({ steps: e, ariaLabel: t, title: n, compact: r = !1, onSelect: i, se
 					})
 				}, e.key))
 			}),
-			/* @__PURE__ */ J(s, { text: h ? _(h) : "" }),
-			p.tooltip(h && /* @__PURE__ */ J($, {
+			/* @__PURE__ */ J(s, { text: g ? y(g) : "" }),
+			m.tooltip(g && /* @__PURE__ */ J($, {
 				rows: [{
-					key: h.step.key,
-					color: L(h.step.slot),
-					label: h.step.label,
-					value: u(h.step.value)
+					key: g.step.key,
+					color: L(g.step.slot),
+					label: g.step.label,
+					value: d(g.step.value)
 				}],
-				note: [p.active > 0 ? `${d.funnelOfFirst}: ${c(h.ofFirst)}` : "", h.drop === null ? "" : `${d.funnelDrop}: ${b(h.drop)}`].filter(Boolean).join(" · ") || void 0
+				note: [i && m.active > 0 ? `${f.funnelOfFirst}: ${c(g.ofFirst)}` : "", g.drop === null ? "" : `${f.funnelDrop}: ${b(g.drop)}`].filter(Boolean).join(" · ") || void 0
 			}))
 		]
 	});
@@ -1664,6 +1667,7 @@ function qe({ chart: e, ariaLabel: t, compact: n = !1, height: r, size: i, onSel
 		});
 		case "funnel": return /* @__PURE__ */ J(Re, {
 			steps: e.steps,
+			showChange: e.showChange,
 			onSelect: f,
 			selected: o,
 			...d

package/dist/{SummaryChart-CxRjK_HU.js → SummaryChart-i6fOdrDM.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./ChartView-CW3m4Z_1.js";
-import { n as t } from "./summaryChartData-CARqGRUl.js";
+import { t as e } from "./ChartView-n4G5_2ro.js";
+import { n as t } from "./summaryChartData-BiQYJbYZ.js";
 import { jsx as n } from "react/jsx-runtime";
 // src/components/DataTable/summary/SummaryChart.tsx
 var r = {

package/dist/{SummaryImage-Crf1R-3a.js → SummaryImage-CCt5ozD9.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./ChartImageMenu-DDVNJNc6.js";
-import { n as t } from "./summaryChartData-CARqGRUl.js";
+import { t as e } from "./ChartImageMenu-3OfqNFyt.js";
+import { n as t } from "./summaryChartData-BiQYJbYZ.js";
 import { jsx as n } from "react/jsx-runtime";
 // src/components/DataTable/summary/SummaryImage.tsx
 function r({ item: r, report: i, context: a, branding: o, format: s, locale: c, labels: l }) {

package/dist/{SummarySeeAll-BRHOMQRA.js → SummarySeeAll-BY8knsRe.js}

@@ -1,9 +1,9 @@
 "use client";
-import { t as e } from "./ChartImageMenu-DDVNJNc6.js";
-import { t } from "./ChartView-CW3m4Z_1.js";
-import { J as n, Tt as r, U as i, ot as a } from "./geometry-yZmKN662.js";
-import { n as o, o as s, s as c } from "./scrollArea-DbYFqbIH.js";
-import { r as l, t as u } from "./summaryChartData-CARqGRUl.js";
+import { t as e } from "./ChartImageMenu-3OfqNFyt.js";
+import { t } from "./ChartView-n4G5_2ro.js";
+import { J as n, Tt as r, U as i, ot as a } from "./geometry-DG134nYI.js";
+import { n as o, o as s, s as c } from "./scrollArea-D84Cwm4o.js";
+import { r as l, t as u } from "./summaryChartData-BiQYJbYZ.js";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 // src/components/DataTable/summary/SummarySeeAll.tsx
 function m({ item: m, all: h, onClose: g, onSelect: _, image: v, labels: y }) {