@dcs-tech/ui 0.3.0 → 0.4.0

package/dist/Charts-COljjy0x.js

@@ -1,1759 +0,0 @@
-"use client";
-import { $ as e, A as t, B as n, C as r, Ct as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, Ln as p, M as m, N as h, O as g, P as _, Q as v, R as y, S as b, T as x, U as S, W as C, Wn as w, X as T, Y as E, Z as D, _ as O, _t as k, b as A, d as j, dt as M, et as N, f as P, g as F, h as I, j as L, k as R, l as z, m as ee, nt as B, pt as V, tt as te, v as ne, w as H, x as re, y as ie, z as U } from "./ChartImageMenu-gvNAYVkY.js";
-import { useCallback as W, useEffect as G, useLayoutEffect as ae, 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";
-//#region ../../shared-web-ui/src/Charts/ChartIcon.tsx
-var le = {
-	number: [
-		"M5 9h14",
-		"M5 15h14",
-		"M10 4L8 20",
-		"M16 4l-2 16"
-	],
-	numberTrend: ["M3 17l5-5 4 3 8-8", "M15 7h5v5"],
-	bar: ["M3 9h18v6H3z", "M5 12h7"],
-	gauge: ["M4 17a8 8 0 0 1 16 0", "M12 17l4-5"],
-	ring: ["M12 4a8 8 0 1 1 0 16a8 8 0 1 1 0-16", "M12 4a8 8 0 0 1 8 8"],
-	donut: ["M12 5a7 7 0 1 1 0 14a7 7 0 1 1 0-14", "M12 9a3 3 0 1 1 0 6a3 3 0 1 1 0-6"],
-	pie: [
-		"M12 4a8 8 0 1 1 0 16a8 8 0 1 1 0-16",
-		"M12 12V4",
-		"M12 12l7 4"
-	],
-	bars: [
-		"M4 6h12",
-		"M4 12h16",
-		"M4 18h8"
-	],
-	stacked: [
-		"M3 12h6",
-		"M11 12h5",
-		"M18 12h3"
-	],
-	treemap: [
-		"M3 4h18v16H3z",
-		"M12 4v16",
-		"M12 11h9",
-		"M3 14h9"
-	],
-	columns: [
-		"M6 20v-7",
-		"M12 20V6",
-		"M18 20v-10"
-	],
-	line: ["M3 17l5-6 4 3 8-9"],
-	area: ["M3 20v-4l5-6 4 3 8-8v15z"],
-	grouped: [
-		"M5 20v-8",
-		"M8 20v-5",
-		"M14 20V8",
-		"M17 20v-9"
-	],
-	calendar: [
-		"M3 5h18v15H3z",
-		"M7 10h2",
-		"M11 10h2",
-		"M15 10h2",
-		"M7 14h2",
-		"M11 14h2",
-		"M15 14h2",
-		"M7 17h2",
-		"M11 17h2"
-	],
-	funnel: [
-		"M4 5h16",
-		"M7 11h10",
-		"M10 17h4"
-	]
-}, ue = {
-	bars: 3,
-	stacked: 5,
-	columns: 3,
-	grouped: 2.5,
-	funnel: 3,
-	bar: 2
-};
-function de({ kind: e, size: t = 16 }) {
-	return /* @__PURE__ */ J("svg", {
-		className: "chart-icon",
-		viewBox: "0 0 24 24",
-		width: t,
-		height: t,
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: ue[e] ?? 2,
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": !0,
-		focusable: "false",
-		children: le[e].map((t, n) => /* @__PURE__ */ J("path", {
-			d: t,
-			fill: e === "area" ? "currentColor" : void 0,
-			fillOpacity: e === "area" ? .25 : void 0
-		}, n))
-	});
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/pointer.ts
-function fe(e, t, n) {
-	return n <= 0 || t <= 0 ? null : Math.max(0, Math.min(n - 1, Math.floor(e / t * n)));
-}
-function pe(e, t) {
-	let n = null, r = Infinity;
-	return t.forEach((t, i) => {
-		let a = e < t.start ? t.start - e : e > t.end ? e - t.end : 0;
-		a < r && (n = i, r = a);
-	}), n;
-}
-function me(e, t, n) {
-	let r = null, i = Infinity;
-	return n.forEach((n, a) => {
-		if (!n) return;
-		let o = e < n.left ? n.left - e : e > n.left + n.width ? e - n.left - n.width : 0, s = t < n.top ? n.top - t : t > n.top + n.height ? t - n.top - n.height : 0, c = o * o + s * s;
-		c < i && (r = a, i = c);
-	}), r;
-}
-function he(e, t) {
-	let n = Math.atan2(e, -t);
-	return n < 0 ? n + 2 * Math.PI : n;
-}
-var ge = -1;
-function _e(e, t, n, r, i) {
-	let a = Math.hypot(e, t);
-	if (a > n || !i.length) return null;
-	if (a < r) return -1;
-	let o = he(e, t), s = 2 * Math.PI, c = (e, t) => ((t - e) % s + s) % s, l = 0, u = Infinity;
-	return i.forEach((e, t) => {
-		if (o >= e.a0 && o <= e.a1) {
-			l = t, u = -1;
-			return;
-		}
-		if (u < 0) return;
-		let n = Math.min(c(o, e.a0), c(e.a1, o));
-		n < u && (l = t, u = n);
-	}), l;
-}
-var ve = {
-	x: 12,
-	y: 4
-};
-function ye(e, t, n, r = ve, i = 8) {
-	let a = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), o = e.x + r.x, s = "right";
-	o + t.width > n.width - i && (o = e.x - r.x - t.width, s = "left");
-	let c = e.y + r.y, l = "below";
-	return c + t.height > n.height - i && (c = e.y - r.y - t.height, l = "above"), {
-		left: a(o, i, n.width - t.width - i),
-		top: a(c, i, n.height - t.height - i),
-		x: s,
-		y: l
-	};
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/ChartTooltip.tsx
-var X = null, be = 8, xe = () => ({
-	width: document.documentElement.clientWidth || window.innerWidth,
-	height: document.documentElement.clientHeight || window.innerHeight
-});
-function Z(e) {
-	let t = K(e);
-	t.current = e;
-	let [n] = q(() => ({})), r = K(null), i = K(null), a = p(), [o, s] = q(null), c = K(null), l = K(null), u = W((e) => {
-		r.current = e;
-	}, []), d = W(() => {
-		c.current = null, s(null);
-	}, []), f = W((e, t) => {
-		X && X.id !== n && X.clear(), X = {
-			id: n,
-			clear: d
-		}, s((n) => n && n.index === e && n.via === t ? n : {
-			index: e,
-			via: t
-		});
-	}, [n, d]);
-	G(() => () => {
-		X?.id === n && (X = null);
-	}, [n]);
-	let m = W(() => {
-		let e = i.current, n = r.current;
-		if (!e || !n || !o) return;
-		let a = {
-			width: e.offsetWidth,
-			height: e.offsetHeight
-		}, s;
-		s = c.current ? ye(c.current, a, xe()) : w({
-			anchor: t.current.anchor?.(o.index, n) ?? Se(n, o.index) ?? n.getBoundingClientRect(),
-			tooltip: a,
-			viewport: xe(),
-			placement: "top",
-			offset: 8,
-			margin: 8
-		});
-		let l = e.parentElement?.getBoundingClientRect() ?? {
-			left: 0,
-			top: 0
-		};
-		e.style.transform = `translate(${Math.round(s.left - l.left)}px, ${Math.round(s.top - l.top)}px)`, e.style.visibility = "visible";
-	}, [o]);
-	ae(m), G(() => {
-		if (o?.via !== "touch") return;
-		let e = (e) => {
-			r.current?.contains(e.target) || d();
-		};
-		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-	}, [o?.via, d]);
-	let h = (e, n) => {
-		let i = r.current;
-		if (!i) return null;
-		let a = i.getBoundingClientRect();
-		return t.current.pick(e - a.left, n - a.top, a, i);
-	}, g = (e) => {
-		c.current = {
-			x: e.clientX,
-			y: e.clientY
-		};
-		let t = h(e.clientX, e.clientY);
-		if (t === null) return d();
-		f(t, e.pointerType === "touch" ? "touch" : "pointer"), m();
-	};
-	return {
-		active: o?.index ?? null,
-		plotProps: {
-			ref: u,
-			tabIndex: 0,
-			"data-chart-plot": "",
-			onPointerDown: (e) => {
-				e.pointerType === "touch" && (l.current = {
-					x: e.clientX,
-					y: e.clientY,
-					moved: !1
-				}, g(e));
-			},
-			onPointerMove: (e) => {
-				if (e.pointerType === "touch") {
-					if (!l.current) return;
-					Math.hypot(e.clientX - l.current.x, e.clientY - l.current.y) > be && (l.current.moved = !0);
-				}
-				g(e);
-			},
-			onPointerUp: () => {
-				l.current && setTimeout(() => l.current = null, 0);
-			},
-			onPointerLeave: (e) => {
-				e.pointerType !== "touch" && d();
-			},
-			onClick: (e) => {
-				if (l.current?.moved) return;
-				let n = h(e.clientX, e.clientY);
-				n !== null && n >= 0 && t.current.onPick?.(n);
-			},
-			onKeyDown: (e) => {
-				let n = t.current;
-				if ((e.key === "Enter" || e.key === " ") && o && o.index >= 0 && n.onPick) {
-					e.preventDefault(), n.onPick(o.index);
-					return;
-				}
-				if (e.key === "Escape") return o && e.stopPropagation(), d();
-				let r = te(e.key, o && o.index >= 0 ? o.index : n.start ?? null, n.count, n.keys);
-				r !== null && (e.preventDefault(), c.current = null, f(r, "key"));
-			},
-			onBlur: () => {
-				o?.via === "key" && d();
-			}
-		},
-		tooltip: (e) => !o || e == null || !a ? null : ce(/* @__PURE__ */ J("div", {
-			className: "chart-tooltip-layer",
-			"data-theme": r.current?.closest("[data-theme]")?.getAttribute("data-theme") ?? void 0,
-			children: /* @__PURE__ */ J("div", {
-				ref: i,
-				className: "chart-root chart-tooltip",
-				role: "presentation",
-				"aria-hidden": !0,
-				style: { visibility: "hidden" },
-				children: e
-			})
-		}), a)
-	};
-}
-function Se(e, t) {
-	let n = e.querySelector(`[data-hit="${t}"]`);
-	return n ? n.getBoundingClientRect() : null;
-}
-function Ce(e) {
-	let t = e.getBoundingClientRect(), n = [];
-	return e.querySelectorAll("[data-hit]").forEach((e) => {
-		let r = e.getBoundingClientRect();
-		n[Number(e.dataset.hit)] = {
-			left: r.left - t.left,
-			top: r.top - t.top,
-			width: r.width,
-			height: r.height
-		};
-	}), n;
-}
-function Q({ title: e, rows: t = [], note: n }) {
-	return /* @__PURE__ */ Y(se, { children: [
-		e != null && e !== "" && /* @__PURE__ */ J("p", {
-			className: "chart-tooltip-title",
-			children: e
-		}),
-		t.map((e) => /* @__PURE__ */ Y("p", {
-			className: "chart-tooltip-series",
-			children: [
-				e.color && /* @__PURE__ */ J("span", {
-					className: "chart-swatch chart-swatch--small",
-					style: { background: e.color }
-				}),
-				/* @__PURE__ */ J("span", {
-					className: "chart-tooltip-label",
-					children: e.label
-				}),
-				/* @__PURE__ */ J("strong", {
-					className: "chart-tooltip-value",
-					children: e.value
-				})
-			]
-		}, e.key)),
-		n != null && n !== "" && /* @__PURE__ */ J("p", {
-			className: "chart-tooltip-note",
-			children: n
-		})
-	] });
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/BarList.tsx
-function we({ href: e, className: t, title: n, children: r }) {
-	return /* @__PURE__ */ J("a", {
-		href: e,
-		className: t,
-		title: n,
-		children: r
-	});
-}
-function Te({ data: t, series: n, ariaLabel: r, title: i, linkAs: a = we, compact: o = !1, onSelect: s, selected: c = null, ...l }) {
-	let { nf: u, L: d } = B(l), f = (e) => !!s && !t[e]?.href && t[e]?.selectable !== !1, p = Z({
-		count: t.length,
-		pick: (e, t, n, r) => pe(t, Ce(r).map((e) => e ? {
-			start: e.top,
-			end: e.top + e.height
-		} : {
-			start: Infinity,
-			end: Infinity
-		})),
-		keys: {
-			ArrowLeft: 0,
-			ArrowRight: 0
-		},
-		start: c === null ? null : t.findIndex((e) => H(e) === c),
-		onPick: s ? (e) => f(e) && s(t[e]) : void 0
-	}), m = t.map((e) => x(e, n));
-	if (m.every((e) => e === 0)) return /* @__PURE__ */ J(D, {
-		title: i,
-		children: /* @__PURE__ */ J(E, {
-			ariaLabel: r,
-			text: d.empty,
-			compact: o
-		})
-	});
-	let h = O(m), g = m.reduce((e, t) => e + t, 0), _ = p.active, y = _ === null ? c : H(t[_]), b = _ === null ? null : t[_], S = (e, t) => `${e.fullLabel ?? e.label}: ${u(m[t])}`;
-	return /* @__PURE__ */ Y(D, {
-		title: i,
-		children: [
-			/* @__PURE__ */ J("ul", {
-				className: v(`chart-bars chart-plot chart-plot--rows${s ? " chart-plot--pick" : ""}`, o),
-				role: s ? "button" : "img",
-				"aria-label": b ? S(b, _) : r,
-				...p.plotProps,
-				children: t.map((e, t) => {
-					let r = H(e), i = e.fullLabel ?? e.label;
-					return /* @__PURE__ */ Y("li", {
-						"data-hit": t,
-						className: `chart-bars-item${t === _ ? " chart-bars-item--active" : ""}${c === r ? " chart-bars-item--on" : ""}`,
-						children: [
-							e.href ? /* @__PURE__ */ J(a, {
-								href: e.href,
-								className: "chart-bars-label chart-bars-link",
-								title: i,
-								children: e.label
-							}) : /* @__PURE__ */ J("span", {
-								className: "chart-bars-label",
-								title: i,
-								children: e.label
-							}),
-							/* @__PURE__ */ J("span", {
-								className: `chart-bars-bar${y !== null && y !== r ? " chart-faded" : ""}`,
-								"aria-hidden": !0,
-								children: n.map((t, r) => {
-									let i = e.values[t.key] ?? 0;
-									return i ? /* @__PURE__ */ J("span", {
-										className: `chart-bars-segment${n.slice(r + 1).every((t) => !(e.values[t.key] ?? 0)) ? " chart-bars-segment--end" : ""}`,
-										style: {
-											width: `${i / h * 100}%`,
-											background: M(n.length === 1 && e.slot ? e.slot : t.slot)
-										}
-									}, t.key) : null;
-								})
-							}),
-							/* @__PURE__ */ J("span", {
-								className: "chart-bars-value",
-								children: u(m[t])
-							})
-						]
-					}, r);
-				})
-			}),
-			/* @__PURE__ */ J(T, { text: b ? S(b, _) : "" }),
-			p.tooltip(b && /* @__PURE__ */ J(Q, {
-				title: b.fullLabel ?? b.label,
-				rows: n.map((e) => ({
-					key: e.key,
-					color: M(n.length === 1 && b.slot ? b.slot : e.slot),
-					label: e.label,
-					value: u(b.values[e.key] ?? 0)
-				})),
-				note: d.shareOf(e(U(m[_], g)), u(g))
-			}))
-		]
-	});
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/useBoxSize.ts
-function Ee() {
-	let [e, t] = q(null), [n, r] = q({
-		width: 0,
-		height: 0
-	});
-	return ae(() => {
-		if (!e) return;
-		let t = () => {
-			let t = e.getBoundingClientRect();
-			r((e) => e.width === Math.round(t.width) && e.height === Math.round(t.height) ? e : {
-				width: Math.round(t.width),
-				height: Math.round(t.height)
-			});
-		};
-		if (t(), typeof ResizeObserver > "u") return;
-		let n = new ResizeObserver(t);
-		return n.observe(e), () => n.disconnect();
-	}, [e]), [W((e) => t(e), []), n];
-}
-function $() {
-	let [e, t] = Ee();
-	return [e, t.width];
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/CalendarHeatmap.tsx
-function De(e) {
-	let t = (t) => {
-		try {
-			return new Intl.DateTimeFormat(e, {
-				...t,
-				timeZone: "UTC"
-			});
-		} catch {
-			return new Intl.DateTimeFormat(void 0, {
-				...t,
-				timeZone: "UTC"
-			});
-		}
-	};
-	return {
-		day: t({ dateStyle: "medium" }),
-		month: t({ month: "short" }),
-		weekday: t({ weekday: "short" })
-	};
-}
-var Oe = (e = "en-IN") => Array.from({ length: 7 }, (t, n) => De(e).weekday.format(Date.UTC(2024, 0, 1 + n)));
-function ke({ days: e, ariaLabel: t, title: n, onSelect: r, selected: i = null, compact: o = !1, ...s }) {
-	let { nf: c, L: l } = B(s), u = s.locale ?? "en-IN", d = oe(() => De(u), [u]), f = oe(() => Oe(u), [u]), p = oe(() => ie(e), [e]), [m, h] = $(), g = ne(h, p.weeks, o ? z.compactMax : z.max), _ = g.cell + g.gap, y = g.weekdays ? 28 : 0, b = i === null ? -1 : p.cells.findIndex((e) => e.day === i), x = Z({
-		count: p.cells.length,
-		pick: (e, t) => me(e, t, p.cells.map((e) => ({
-			left: y + e.week * _,
-			top: e.weekday * _,
-			width: g.cell,
-			height: g.cell
-		}))),
-		keys: {
-			ArrowLeft: -7,
-			ArrowRight: 7,
-			ArrowUp: -1,
-			ArrowDown: 1
-		},
-		start: b >= 0 ? b : null,
-		onPick: r ? (e) => r({
-			day: p.cells[e].day,
-			count: p.cells[e].count
-		}) : void 0
-	});
-	if (!p.cells.length || p.total === 0) return /* @__PURE__ */ J(D, {
-		title: n,
-		children: /* @__PURE__ */ J(E, {
-			ariaLabel: t,
-			text: l.empty,
-			compact: o
-		})
-	});
-	let S = (e) => `${d.day.format(a(e.day))}: ${c(e.count)}`, C = x.active, w = C === null ? null : p.cells[C] ?? null, O = `${g.weekdays ? "28px " : ""}repeat(${p.weeks}, ${g.cell}px)`, k = g.weekdays ? 2 : 1;
-	return /* @__PURE__ */ J(D, {
-		title: n,
-		children: /* @__PURE__ */ Y("div", {
-			ref: m,
-			className: v("chart-calendar", o),
-			role: "group",
-			"aria-label": `${t}: ${l.total} ${c(p.total)}`,
-			children: [
-				/* @__PURE__ */ J("div", {
-					className: "chart-calendar-months",
-					style: {
-						gridTemplateColumns: O,
-						columnGap: g.gap
-					},
-					"aria-hidden": !0,
-					children: A(p.months, _).map((e) => /* @__PURE__ */ J("span", {
-						style: {
-							gridRow: 1,
-							gridColumn: `${e.week + k} / span ${Math.max(1, Math.ceil(26 / _))}`
-						},
-						children: d.month.format(a(`${e.month}-01`))
-					}, e.month))
-				}),
-				/* @__PURE__ */ Y("div", {
-					className: `chart-calendar-grid chart-plot${r ? " chart-plot--pick" : ""}`,
-					style: {
-						gridTemplateColumns: O,
-						gridTemplateRows: `repeat(7, ${g.cell}px)`,
-						gap: g.gap
-					},
-					role: r ? "button" : "img",
-					"aria-label": w ? S(w) : t,
-					...x.plotProps,
-					children: [g.weekdays && f.map((e, t) => /* @__PURE__ */ J("span", {
-						className: "chart-calendar-weekday",
-						style: {
-							gridRow: t + 1,
-							gridColumn: 1
-						},
-						"aria-hidden": !0,
-						children: t % 2 == 0 ? e : ""
-					}, e)), p.cells.map((e, t) => /* @__PURE__ */ J("span", {
-						"data-hit": t,
-						className: `chart-calendar-day${t === b ? " chart-calendar-day--on" : ""}${t === C ? " chart-calendar-day--active" : ""}${b >= 0 && t !== b ? " chart-calendar-day--faded" : ""}`,
-						style: {
-							gridRow: e.weekday + 1,
-							gridColumn: e.week + k,
-							background: V(e.level),
-							borderRadius: g.cell < 8 ? 1 : 2
-						},
-						"data-level": e.level,
-						"aria-hidden": !0
-					}, e.day))]
-				}),
-				/* @__PURE__ */ Y("div", {
-					className: "chart-calendar-legend",
-					"aria-hidden": !0,
-					children: [
-						/* @__PURE__ */ J("span", { children: l.less }),
-						Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ J("span", {
-							className: "chart-calendar-swatch",
-							style: { background: V(t) }
-						}, t)),
-						/* @__PURE__ */ J("span", { children: l.more })
-					]
-				}),
-				/* @__PURE__ */ J(T, { text: w ? S(w) : "" }),
-				x.tooltip(w && /* @__PURE__ */ J(Q, {
-					title: d.day.format(a(w.day)),
-					rows: [{
-						key: "n",
-						color: V(Math.max(1, w.level)),
-						label: t,
-						value: c(w.count)
-					}]
-				}))
-			]
-		})
-	});
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/Legend.tsx
-function Ae({ series: e, labels: t }) {
-	let { L: n } = B({ labels: t });
-	return e.length < 2 ? null : /* @__PURE__ */ J("ul", {
-		className: v("chart-legend"),
-		"aria-label": n.legend,
-		children: e.map((e) => /* @__PURE__ */ Y("li", {
-			className: "chart-legend-item",
-			children: [/* @__PURE__ */ J("span", {
-				className: "chart-swatch",
-				style: { background: M(e.slot) },
-				"aria-hidden": !0
-			}), e.label]
-		}, e.key))
-	});
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/ColumnChart.tsx
-var je = 6, Me = 2, Ne = 6, Pe = 44;
-function Fe({ data: e, series: t, ariaLabel: n, title: i, height: a, compact: o = !1, mode: s = "stacked", legend: c = !1, onSelect: l, selected: u = null, ...d }) {
-	let { nf: f, L: p } = B(d), [h, g] = $(), _ = e.length, y = (t) => !!l && e[t]?.selectable !== !1, S = Z({
-		count: _,
-		pick: (e, t, n) => fe(e, n.width, _),
-		anchor: (e, t) => {
-			let n = t.getBoundingClientRect();
-			return {
-				left: n.left + n.width * e / _,
-				top: n.top,
-				width: n.width / _,
-				height: n.height
-			};
-		},
-		keys: {
-			ArrowUp: 0,
-			ArrowDown: 0
-		},
-		start: u === null ? null : e.findIndex((e) => H(e) === u),
-		onPick: l ? (t) => y(t) && l(e[t]) : void 0
-	}), C = e.map((e) => x(e, t));
-	if (C.every((e) => e === 0)) return /* @__PURE__ */ J(D, {
-		title: i,
-		children: /* @__PURE__ */ J(E, {
-			ariaLabel: n,
-			text: p.empty,
-			compact: o
-		})
-	});
-	let w = a ?? (o ? 96 : 220), O = s === "grouped" && t.length > 1, { max: k, ticks: A } = b(r(e, t, O ? "grouped" : "stacked")), j = O ? m(t.length, 100, je) : [], N = S.active, P = (N === null ? null : H(e[N])) ?? u, I = g && g / Math.max(1, _) < Ne ? 0 : Me, L = new Set(F(_, Math.max(2, Math.min(12, Math.floor((g || 600) / Pe))))), R = (e, n) => `${e.fullLabel ?? e.label}: ${t.length > 1 ? t.map((t) => `${t.label} ${f(e.values[t.key] ?? 0)}`).join(", ") : f(C[n])}`, z = N === null ? null : e[N];
-	return /* @__PURE__ */ J(D, {
-		title: i,
-		children: /* @__PURE__ */ Y("div", {
-			ref: h,
-			className: v(`chart-columns${O ? " chart-columns--grouped" : ""}`, o),
-			role: "group",
-			"aria-label": n,
-			children: [
-				/* @__PURE__ */ Y("div", {
-					className: "chart-columns-plot",
-					style: { height: w },
-					children: [!o && /* @__PURE__ */ J("div", {
-						className: "chart-axis-y",
-						"aria-hidden": !0,
-						children: [...A].reverse().map((e) => /* @__PURE__ */ J("span", { children: f(e) }, e))
-					}), /* @__PURE__ */ Y("div", {
-						className: `chart-columns-area chart-plot chart-plot--x${l ? " chart-plot--pick" : ""}`,
-						role: l ? "button" : "img",
-						"aria-label": z ? R(z, N) : n,
-						...S.plotProps,
-						children: [!o && A.slice(1).map((e) => /* @__PURE__ */ J("div", {
-							className: "chart-gridline",
-							style: { bottom: `${e / k * 100}%` },
-							"aria-hidden": !0
-						}, e)), /* @__PURE__ */ J("div", {
-							className: "chart-columns-bars",
-							style: { gap: I },
-							"aria-hidden": !0,
-							children: e.map((e, n) => {
-								let r = H(e), i = P !== null && P !== r ? " chart-faded" : "";
-								return /* @__PURE__ */ J("div", {
-									"data-hit": n,
-									className: `chart-column${n === N ? " chart-column--active" : ""}${u === r ? " chart-column--on" : ""}`,
-									children: O ? /* @__PURE__ */ J("span", {
-										className: `chart-column-group${i}`,
-										children: t.map((t, n) => /* @__PURE__ */ J("span", {
-											className: "chart-column-segment chart-column-segment--top chart-column-bar",
-											style: {
-												left: `${j[n].x}%`,
-												width: `${j[n].width}%`,
-												height: `${(e.values[t.key] ?? 0) / k * w}px`,
-												background: M(t.slot)
-											}
-										}, t.key))
-									}) : /* @__PURE__ */ J("span", {
-										className: `chart-column-stack${i}`,
-										children: t.map((n, r) => {
-											let i = e.values[n.key] ?? 0;
-											return i ? /* @__PURE__ */ J("span", {
-												className: `chart-column-segment${t.slice(r + 1).every((t) => !(e.values[t.key] ?? 0)) ? " chart-column-segment--top" : ""}`,
-												style: {
-													height: `${i / k * w}px`,
-													background: M(n.slot)
-												}
-											}, n.key) : null;
-										})
-									})
-								}, r);
-							})
-						})]
-					})]
-				}),
-				/* @__PURE__ */ J("div", {
-					className: `chart-axis-x${o ? " chart-axis-x--compact" : ""}`,
-					style: { gap: I },
-					"aria-hidden": !0,
-					children: e.map((e, t) => /* @__PURE__ */ J("span", {
-						className: u !== null && u !== H(e) ? "chart-faded" : void 0,
-						children: L.has(t) ? e.label : ""
-					}, H(e)))
-				}),
-				c && /* @__PURE__ */ J("div", {
-					className: "chart-columns-legend",
-					children: /* @__PURE__ */ J(Ae, {
-						series: t,
-						labels: d.labels
-					})
-				}),
-				/* @__PURE__ */ J(T, { text: z ? R(z, N) : "" }),
-				S.tooltip(z && /* @__PURE__ */ J(Q, {
-					title: z.fullLabel ?? z.label,
-					rows: t.map((e) => ({
-						key: e.key,
-						color: M(e.slot),
-						label: e.label,
-						value: f(z.values[e.key] ?? 0)
-					})),
-					note: t.length > 1 ? `${p.total}: ${f(C[N])}` : void 0
-				}))
-			]
-		})
-	});
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/useLegendFit.ts
-function Ie(e, t) {
-	let [n, r] = q(null), [i, a] = q(e), [o, s] = q(e);
-	return ae(() => {
-		if (!t || !n) {
-			a(e), s(e);
-			return;
-		}
-		let r = 0, i = () => {
-			let t = n.clientHeight, r = Array.from(n.children).filter((e) => !e.hasAttribute("data-legend-more")), i = e;
-			if (t && r.length >= e) {
-				let a = n.getBoundingClientRect().top, o = r.filter((e) => e.getBoundingClientRect().bottom - a <= t + .5).length;
-				i = o >= e ? e : Math.max(0, o - 1);
-			}
-			a(i), s(i);
-		}, o = () => {
-			cancelAnimationFrame(r), a(e), r = requestAnimationFrame(i);
-		};
-		if (o(), typeof ResizeObserver > "u") return () => cancelAnimationFrame(r);
-		let c = n.parentElement ?? n, l = c.clientWidth, u = new ResizeObserver(() => {
-			c.clientWidth !== l && (l = c.clientWidth, o());
-		});
-		return u.observe(c), () => {
-			cancelAnimationFrame(r), u.disconnect();
-		};
-	}, [
-		n,
-		e,
-		t
-	]), [
-		W((e) => r(e), []),
-		t ? i : e,
-		t ? o : e
-	];
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/Donut.tsx
-var Le = 2.5;
-function Re({ slices: t, ariaLabel: n, title: r, size: a, compact: o = !1, variant: s = "donut", onLegendCut: c, legend: u = !0, onSelect: d, selected: f = null, ...p }) {
-	let { nf: m, L: h } = B(p), [g, _] = q(null), [b, x, S] = Ie(t.length, o);
-	G(() => c?.(t.length - S), [
-		c,
-		t.length,
-		S
-	]);
-	let w = a ?? (o ? 112 : 168), E = t.reduce((e, t) => e + t.value, 0), D = s === "pie", O = D ? l(t).map((e) => ({
-		slice: e.slice,
-		a0: e.a0,
-		a1: e.a1
-	})) : R(t).map((e) => ({
-		slice: e.slice,
-		a0: e.start / j * 2 * Math.PI,
-		a1: (e.start + e.length) / j * 2 * Math.PI
-	})), k = (e) => !!d && t[e].value > 0 && t[e].selectable !== !1, A = Z({
-		count: t.length,
-		pick: (e, n, r) => {
-			let i = r.width / 100, a = 48 * i, o = D ? 0 : (40 - 16 / 2) * i, s = _e(e - r.width / 2, n - r.height / 2, a, o, O);
-			return s === null || s === -1 ? s : t.indexOf(O[s].slice);
-		},
-		anchor: (e, n) => {
-			let r = n.getBoundingClientRect(), i = O.find((n) => n.slice === t[e]), a = i ? y(r.left + r.width / 2, r.top + r.height / 2, r.width / 100 * (D ? 48 * .75 : 40), (i.a0 + i.a1) / 2) : {
-				x: r.left + r.width / 2,
-				y: r.top + r.height / 2
-			};
-			return {
-				left: a.x - 1,
-				top: a.y - 1,
-				width: 2,
-				height: 2
-			};
-		},
-		start: f === null ? null : t.findIndex((e) => e.key === f),
-		onPick: d ? (e) => k(e) && d(t[e]) : void 0
-	}), N = (e) => U(e, E), P = (t) => `${t.label} ${m(t.value)} (${e(N(t.value))})`, F = A.active === -1, I = A.active !== null && A.active >= 0 ? t[A.active] : void 0, L = I?.key ?? g ?? f, z = t.find((e) => e.key === L) ?? t[0], ee = (e) => L !== null && L !== e ? .55 : 1, V = D ? l(t) : [];
-	return /* @__PURE__ */ Y("figure", {
-		className: v(D ? "chart-donut chart-pie" : "chart-donut", o),
-		"aria-label": n,
-		children: [
-			r && /* @__PURE__ */ J("figcaption", {
-				className: "chart-donut-title",
-				children: r
-			}),
-			/* @__PURE__ */ Y("div", {
-				className: `chart-donut-ring chart-plot${d ? " chart-plot--pick" : ""}`,
-				style: {
-					width: w,
-					height: w
-				},
-				role: d ? "button" : "img",
-				"aria-label": I ? P(I) : `${n}: ${t.map(P).join(", ")}`,
-				...A.plotProps,
-				children: [/* @__PURE__ */ J("svg", {
-					viewBox: "0 0 100 100",
-					width: w,
-					height: w,
-					className: "chart-donut-svg",
-					overflow: "visible",
-					"aria-hidden": !0,
-					children: D ? E === 0 ? /* @__PURE__ */ J("circle", {
-						cx: "50",
-						cy: "50",
-						r: 48,
-						fill: M("rest"),
-						opacity: .5
-					}) : V.map((t) => {
-						let n = t.slice, r = L === n.key && V.length > 1 ? y(0, 0, Le, (t.a0 + t.a1) / 2) : null;
-						return /* @__PURE__ */ Y("g", {
-							transform: r ? `translate(${r.x} ${r.y})` : void 0,
-							opacity: ee(n.key),
-							className: "chart-pie-slice-group",
-							children: [/* @__PURE__ */ J("path", {
-								d: C(50, 50, 48, t.a0, t.a1),
-								fill: M(n.slot),
-								stroke: "var(--chart-surface)",
-								strokeWidth: +(V.length > 1),
-								strokeLinejoin: "round",
-								className: "chart-donut-slice chart-pie-slice"
-							}), t.label && /* @__PURE__ */ J("text", {
-								x: t.label.x,
-								y: t.label.y,
-								className: "chart-pie-share",
-								fill: i(n.slot),
-								textAnchor: "middle",
-								dominantBaseline: "central",
-								children: e(t.share)
-							})]
-						}, n.key);
-					}) : /* @__PURE__ */ J("g", {
-						transform: "rotate(-90 50 50)",
-						children: E === 0 ? /* @__PURE__ */ J("circle", {
-							cx: "50",
-							cy: "50",
-							r: 40,
-							fill: "none",
-							stroke: M("rest"),
-							strokeWidth: 16,
-							opacity: .5
-						}) : R(t).map(({ slice: e, start: t, length: n }) => /* @__PURE__ */ J("circle", {
-							cx: "50",
-							cy: "50",
-							r: 40,
-							fill: "none",
-							stroke: M(e.slot),
-							strokeWidth: L === e.key ? 18 : 16,
-							strokeDasharray: `${n} ${j}`,
-							strokeDashoffset: -t,
-							className: "chart-donut-slice",
-							opacity: F ? 1 : ee(e.key)
-						}, e.key))
-					})
-				}), D ? E === 0 && /* @__PURE__ */ J("div", {
-					className: "chart-donut-centre",
-					"aria-hidden": !0,
-					children: /* @__PURE__ */ J("span", {
-						className: "chart-donut-empty",
-						children: h.empty
-					})
-				}) : /* @__PURE__ */ J("div", {
-					className: "chart-donut-centre",
-					"aria-hidden": !0,
-					children: E > 0 && F ? /* @__PURE__ */ Y(se, { children: [/* @__PURE__ */ J("span", {
-						className: "chart-donut-share",
-						children: m(E)
-					}), /* @__PURE__ */ J("span", {
-						className: "chart-donut-share-label",
-						children: h.total.toLowerCase()
-					})] }) : E > 0 && z ? /* @__PURE__ */ Y(se, { children: [/* @__PURE__ */ J("span", {
-						className: "chart-donut-share",
-						children: e(N(z.value))
-					}), /* @__PURE__ */ J("span", {
-						className: "chart-donut-share-label",
-						children: z.label.toLowerCase()
-					})] }) : /* @__PURE__ */ J("span", {
-						className: "chart-donut-empty",
-						children: h.empty
-					})
-				})]
-			}),
-			u && /* @__PURE__ */ Y("ul", {
-				ref: b,
-				className: "chart-donut-legend",
-				"aria-label": h.legend,
-				children: [t.slice(0, x).map((t, n) => /* @__PURE__ */ Y("li", {
-					className: `chart-donut-legend-item${k(n) ? " chart-donut-legend-item--hit" : ""}${f === t.key ? " chart-donut-legend-item--on" : ""}${f !== null && f !== t.key ? " chart-faded" : ""}`,
-					onMouseEnter: () => _(t.key),
-					onMouseLeave: () => _(null),
-					onClick: k(n) ? () => d(t) : void 0,
-					children: [
-						/* @__PURE__ */ J("span", {
-							className: "chart-swatch",
-							style: { background: M(t.slot) },
-							"aria-hidden": !0
-						}),
-						/* @__PURE__ */ J("span", {
-							className: "chart-donut-legend-label",
-							children: t.label
-						}),
-						/* @__PURE__ */ Y("span", {
-							className: "chart-donut-legend-value",
-							children: [
-								m(t.value),
-								" · ",
-								e(N(t.value))
-							]
-						})
-					]
-				}, t.key)), x < t.length && /* @__PURE__ */ J("li", {
-					className: "chart-donut-legend-more",
-					"data-legend-more": "",
-					children: h.moreValues(m(t.length - x))
-				})]
-			}),
-			/* @__PURE__ */ J(T, { text: I ? P(I) : F ? `${h.total} ${m(E)}` : "" }),
-			A.tooltip(F ? /* @__PURE__ */ J(Q, {
-				title: n,
-				rows: t.map((e) => ({
-					key: e.key,
-					color: M(e.slot),
-					label: e.label,
-					value: m(e.value)
-				})),
-				note: `${h.total}: ${m(E)}`
-			}) : I && /* @__PURE__ */ J(Q, {
-				rows: [{
-					key: I.key,
-					color: M(I.slot),
-					label: I.label,
-					value: m(I.value)
-				}],
-				note: h.shareOf(e(N(I.value)), m(E))
-			}))
-		]
-	});
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/Funnel.tsx
-function ze({ steps: n, ariaLabel: r, title: a, compact: o = !1, onSelect: s, selected: c = null, ...l }) {
-	let { nf: u, L: d } = B(l), f = (e) => !!s && n[e].selectable !== !1, p = Z({
-		count: n.length,
-		pick: (e, t, n, r) => pe(t, Ce(r).map((e) => e ? {
-			start: e.top,
-			end: e.top + e.height
-		} : {
-			start: Infinity,
-			end: Infinity
-		})),
-		keys: {
-			ArrowLeft: 0,
-			ArrowRight: 0
-		},
-		start: c === null ? null : n.findIndex((e) => e.key === c),
-		onPick: s ? (e) => f(e) && s(n[e]) : void 0
-	});
-	if (!n.some((e) => e.value > 0)) return /* @__PURE__ */ J(D, {
-		title: a,
-		children: /* @__PURE__ */ J(E, {
-			ariaLabel: r,
-			text: d.empty,
-			compact: o
-		})
-	});
-	let m = t(n), h = p.active === null ? null : m[p.active] ?? null, g = h?.step.key ?? c, _ = (e) => `${e.step.label}: ${u(e.step.value)}${e.drop === null ? "" : `, ${d.funnelDrop} ${N(e.drop)}`}`;
-	return /* @__PURE__ */ Y(D, {
-		title: a,
-		children: [
-			/* @__PURE__ */ J("ol", {
-				className: v(`chart-funnel chart-plot chart-plot--rows${s ? " chart-plot--pick" : ""}`, o),
-				role: s ? "button" : "img",
-				"aria-label": h ? _(h) : r,
-				...p.plotProps,
-				children: m.map(({ step: e, width: t, drop: n }, r) => /* @__PURE__ */ J("li", {
-					"data-hit": r,
-					className: `chart-funnel-item${r === p.active ? " chart-funnel-item--active" : ""}`,
-					"aria-hidden": !0,
-					children: /* @__PURE__ */ Y("span", {
-						className: `chart-funnel-row${g !== null && g !== e.key ? " chart-faded" : ""}`,
-						children: [
-							/* @__PURE__ */ J("span", {
-								className: "chart-funnel-label",
-								title: e.label,
-								children: e.label
-							}),
-							/* @__PURE__ */ Y("span", {
-								className: "chart-funnel-track",
-								children: [/* @__PURE__ */ J("span", {
-									className: "chart-funnel-bar",
-									style: {
-										width: `${t * 100}%`,
-										background: M(e.slot),
-										color: i(e.slot)
-									},
-									children: t >= .18 ? u(e.value) : ""
-								}), t < .18 && /* @__PURE__ */ J("span", {
-									className: "chart-funnel-outside",
-									children: u(e.value)
-								})]
-							}),
-							/* @__PURE__ */ J("span", {
-								className: "chart-funnel-drop",
-								"data-change": n === null ? void 0 : n > 0 ? "drop" : n < 0 ? "rise" : "flat",
-								children: n === null ? "" : N(n)
-							})
-						]
-					})
-				}, e.key))
-			}),
-			/* @__PURE__ */ J(T, { text: h ? _(h) : "" }),
-			p.tooltip(h && /* @__PURE__ */ J(Q, {
-				rows: [{
-					key: h.step.key,
-					color: M(h.step.slot),
-					label: h.step.label,
-					value: u(h.step.value)
-				}],
-				note: [p.active > 0 ? `${d.funnelOfFirst}: ${e(h.ofFirst)}` : "", h.drop === null ? "" : `${d.funnelDrop}: ${N(h.drop)}`].filter(Boolean).join(" · ") || void 0
-			}))
-		]
-	});
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/Gauge.tsx
-function Be({ value: t, total: n, ariaLabel: r, label: i, variant: a = "half", color: o = 1, size: s, compact: c = !1, ...l }) {
-	let { nf: u, L: d } = B(l), f = P[a], p = U(t, n), { a0: m, a1: h, end: g } = L(a, p), _ = s ?? (a === "half" ? c ? 120 : 168 : c ? 88 : 128), y = Z({
-		count: 1,
-		pick: (e, t, n) => {
-			let r = n.width / f.width;
-			return _e(e - f.cx * r, t - f.cy * r, (f.r + 12 / 2) * r, 0, [{
-				a0: m,
-				a1: h
-			}]) === null ? null : 0;
-		}
-	}), b = d.ofTotal(u(t), u(n)), x = M(k(o, p));
-	return /* @__PURE__ */ Y("div", {
-		className: v(`chart-gauge chart-gauge--${a}`, c),
-		role: "meter",
-		"aria-label": r,
-		"aria-valuemin": 0,
-		"aria-valuemax": 100,
-		"aria-valuenow": Math.round(p * 10) / 10,
-		"aria-valuetext": `${b} (${e(p)})`,
-		children: [
-			/* @__PURE__ */ Y("div", {
-				className: "chart-gauge-dial chart-plot",
-				style: { width: _ },
-				...y.plotProps,
-				children: [/* @__PURE__ */ Y("svg", {
-					viewBox: `0 0 ${f.width} ${f.height}`,
-					width: _,
-					height: _ * f.height / f.width,
-					"aria-hidden": !0,
-					children: [/* @__PURE__ */ J("path", {
-						d: ee(f.cx, f.cy, f.r, m, h),
-						className: "chart-gauge-track",
-						fill: "none",
-						strokeWidth: 12,
-						strokeLinecap: "round"
-					}), p > 0 && /* @__PURE__ */ J("path", {
-						d: ee(f.cx, f.cy, f.r, m, Math.max(g, m + .01)),
-						className: "chart-gauge-value",
-						fill: "none",
-						stroke: x,
-						strokeWidth: 12,
-						strokeLinecap: "round"
-					})]
-				}), /* @__PURE__ */ J("span", {
-					className: "chart-gauge-share",
-					"aria-hidden": !0,
-					children: e(p)
-				})]
-			}),
-			i !== void 0 && /* @__PURE__ */ J("span", {
-				className: "chart-gauge-label",
-				children: i
-			}),
-			/* @__PURE__ */ J("span", {
-				className: "chart-gauge-of",
-				"aria-hidden": !0,
-				children: b
-			}),
-			/* @__PURE__ */ J(T, { text: y.active === null ? "" : `${b} (${e(p)})` }),
-			y.tooltip(y.active !== null && /* @__PURE__ */ J(Q, {
-				title: i ?? r,
-				rows: [{
-					key: "v",
-					color: x,
-					label: b,
-					value: e(p)
-				}]
-			}))
-		]
-	});
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/LineChart.tsx
-var Ve = 64;
-function He({ data: e, series: t, ariaLabel: n, title: r, area: i = !1, height: a, compact: s = !1, onSelect: c, selected: l = null, ...u }) {
-	let { nf: d, L: p } = B(u), [m, g] = $(), y = e.length, S = l === null ? -1 : e.findIndex((e) => H(e) === l), C = Z({
-		count: y,
-		pick: (e, t, n) => o(e, n.width, y),
-		anchor: (e, t) => {
-			let n = t.getBoundingClientRect();
-			return {
-				left: n.left + f(e, y, 100) / 100 * n.width - 1,
-				top: n.top,
-				width: 2,
-				height: n.height
-			};
-		},
-		keys: {
-			ArrowUp: 0,
-			ArrowDown: 0
-		},
-		start: S >= 0 ? S : null,
-		onPick: c ? (t) => e[t].selectable !== !1 && c(e[t]) : void 0
-	}), w = e.flatMap((e) => t.map((t) => e.values[t.key] ?? 0));
-	if (!w.some((e) => e > 0)) return /* @__PURE__ */ J(D, {
-		title: r,
-		children: /* @__PURE__ */ J(E, {
-			ariaLabel: n,
-			text: p.empty,
-			compact: s
-		})
-	});
-	let O = a ?? (s ? 96 : 220), { max: k, ticks: A } = b(w), j = t.map((t) => ({
-		s: t,
-		points: _(e.map((e) => e.values[t.key] ?? 0), 100, 100, k)
-	})), N = C.active, P = (e) => `${e.fullLabel ?? e.label}: ${t.map((n) => t.length > 1 ? `${n.label} ${d(e.values[n.key] ?? 0)}` : d(e.values[n.key] ?? 0)).join(", ")}`, L = N === null ? null : e[N] ?? null, R = F(y, Math.max(2, Math.min(s ? 4 : 6, Math.floor((g || 400) / Ve)))), z = (e) => `${f(e, y, 100)}%`;
-	return /* @__PURE__ */ J(D, {
-		title: r,
-		children: /* @__PURE__ */ Y("div", {
-			ref: m,
-			className: v(`chart-line${i ? " chart-line--area" : ""}`, s),
-			role: "group",
-			"aria-label": n,
-			children: [
-				/* @__PURE__ */ Y("div", {
-					className: "chart-columns-plot",
-					style: { height: O },
-					children: [!s && /* @__PURE__ */ J("div", {
-						className: "chart-axis-y",
-						"aria-hidden": !0,
-						children: [...A].reverse().map((e) => /* @__PURE__ */ J("span", { children: d(e) }, e))
-					}), /* @__PURE__ */ Y("div", {
-						className: `chart-line-area chart-plot chart-plot--x${c ? " chart-plot--pick" : ""}`,
-						role: c ? "button" : "img",
-						"aria-label": L ? P(L) : n,
-						...C.plotProps,
-						children: [
-							!s && A.slice(1).map((e) => /* @__PURE__ */ J("div", {
-								className: "chart-gridline",
-								style: { bottom: `${e / k * 100}%` },
-								"aria-hidden": !0
-							}, e)),
-							/* @__PURE__ */ Y("svg", {
-								className: "chart-line-svg",
-								viewBox: "0 0 100 100",
-								preserveAspectRatio: "none",
-								width: "100%",
-								height: "100%",
-								"aria-hidden": !0,
-								children: [
-									i && j.map(({ s: e, points: t }) => /* @__PURE__ */ J("path", {
-										d: I(t, 100),
-										fill: M(e.slot),
-										className: "chart-line-fill"
-									}, `a-${e.key}`)),
-									j.map(({ s: e, points: t }) => /* @__PURE__ */ J("path", {
-										d: h(t),
-										fill: "none",
-										stroke: M(e.slot),
-										className: "chart-line-path",
-										vectorEffect: "non-scaling-stroke"
-									}, e.key)),
-									S >= 0 && /* @__PURE__ */ J("line", {
-										className: "chart-line-selected",
-										x1: f(S, y, 100),
-										x2: f(S, y, 100),
-										y1: 0,
-										y2: 100,
-										vectorEffect: "non-scaling-stroke"
-									}),
-									N !== null && /* @__PURE__ */ J("line", {
-										className: "chart-line-crosshair",
-										x1: f(N, y, 100),
-										x2: f(N, y, 100),
-										y1: 0,
-										y2: 100,
-										vectorEffect: "non-scaling-stroke"
-									})
-								]
-							}),
-							[N, S >= 0 ? S : null].map((e, t) => e === null || t === 1 && e === N ? null : j.map(({ s: n, points: r }) => /* @__PURE__ */ J("span", {
-								className: "chart-line-dot",
-								style: {
-									left: z(e),
-									top: `${r[e].y}%`,
-									background: M(n.slot)
-								},
-								"aria-hidden": !0
-							}, `${t}-${n.key}`)))
-						]
-					})]
-				}),
-				/* @__PURE__ */ J("div", {
-					className: `chart-line-axis-x${s ? " chart-line-axis-x--compact" : ""}`,
-					"aria-hidden": !0,
-					children: R.map((t) => /* @__PURE__ */ J("span", {
-						style: { left: z(t) },
-						className: t === 0 ? "chart-line-axis-first" : t === y - 1 ? "chart-line-axis-last" : void 0,
-						children: e[t].label
-					}, t))
-				}),
-				/* @__PURE__ */ J(T, { text: L ? P(L) : "" }),
-				C.tooltip(L && /* @__PURE__ */ J(Q, {
-					title: L.fullLabel ?? L.label,
-					rows: t.map((e) => ({
-						key: e.key,
-						color: M(e.slot),
-						label: e.label,
-						value: d(L.values[e.key] ?? 0)
-					})),
-					note: t.length > 1 ? `${p.total}: ${d(x(L, t))}` : void 0
-				}))
-			]
-		})
-	});
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/NumberTrend.tsx
-function Ue({ value: t, ariaLabel: r, title: i, points: a = [], current: s, previous: c, good: l = "up", slot: u = 1, compact: d = !1, ...p }) {
-	let { nf: m, L: _ } = B(p), y = Z({
-		count: a.length,
-		pick: (e, t, n) => o(e, n.width, a.length),
-		anchor: (e, t) => {
-			let n = t.getBoundingClientRect();
-			return {
-				left: n.left + f(e, a.length, 100) / 100 * n.width - 1,
-				top: n.top,
-				width: 2,
-				height: n.height
-			};
-		},
-		keys: {
-			ArrowUp: 0,
-			ArrowDown: 0
-		}
-	}), b = s ?? a.reduce((e, t) => e + t.value, 0), x = c === void 0 ? null : S(b, c), C = x ? g(x.direction, l) : "neutral", w = x ? x.direction === "up" ? "▲" : x.direction === "down" ? "▼" : "=" : "", E = x ? x.percent === null ? _.deltaNew : e(Math.abs(x.percent)) : "", D = x ? `${x.direction === "up" ? _.deltaUp : x.direction === "down" ? _.deltaDown : _.deltaSame}${x.direction === "same" ? "" : ` ${E}`} ${_.vsPrevious}` : "", O = n(a.map((e) => e.value), 100, 100), k = y.active, A = k === null ? null : a[k] ?? null;
-	return /* @__PURE__ */ Y("div", {
-		className: v("chart-number", d),
-		role: "group",
-		"aria-label": `${r}: ${m(t)}${D ? `, ${D}` : ""}`,
-		children: [
-			i != null && i !== "" && /* @__PURE__ */ J("div", {
-				className: "chart-title",
-				children: i
-			}),
-			/* @__PURE__ */ Y("div", {
-				className: "chart-number-line",
-				"aria-hidden": !0,
-				children: [/* @__PURE__ */ J("span", {
-					className: "chart-number-value",
-					children: m(t)
-				}), x && /* @__PURE__ */ Y("span", {
-					className: "chart-number-delta",
-					"data-tone": C,
-					style: { color: M(C) },
-					children: [
-						w,
-						" ",
-						x.direction === "same" ? e(0) : E
-					]
-				})]
-			}),
-			O.length > 1 && /* @__PURE__ */ Y("div", {
-				className: "chart-number-spark chart-plot chart-plot--x",
-				role: "img",
-				"aria-label": A ? `${A.label}: ${m(A.value)}` : r,
-				...y.plotProps,
-				children: [/* @__PURE__ */ Y("svg", {
-					viewBox: "0 0 100 100",
-					preserveAspectRatio: "none",
-					width: "100%",
-					height: "100%",
-					"aria-hidden": !0,
-					children: [
-						/* @__PURE__ */ J("path", {
-							d: I(O, 100),
-							fill: M(u),
-							className: "chart-line-fill"
-						}),
-						/* @__PURE__ */ J("path", {
-							d: h(O),
-							fill: "none",
-							stroke: M(u),
-							className: "chart-line-path",
-							vectorEffect: "non-scaling-stroke"
-						}),
-						k !== null && /* @__PURE__ */ J("line", {
-							className: "chart-line-crosshair",
-							x1: f(k, a.length, 100),
-							x2: f(k, a.length, 100),
-							y1: 0,
-							y2: 100,
-							vectorEffect: "non-scaling-stroke"
-						})
-					]
-				}), k !== null && O[k] && /* @__PURE__ */ J("span", {
-					className: "chart-line-dot",
-					style: {
-						left: `${O[k].x}%`,
-						top: `${O[k].y}%`,
-						background: M(u)
-					},
-					"aria-hidden": !0
-				})]
-			}),
-			x && /* @__PURE__ */ J("div", {
-				className: "chart-number-note",
-				"aria-hidden": !0,
-				children: _.vsPrevious
-			}),
-			/* @__PURE__ */ J(T, { text: A ? `${A.label}: ${m(A.value)}` : "" }),
-			y.tooltip(A && /* @__PURE__ */ J(Q, {
-				title: A.label,
-				rows: [{
-					key: "v",
-					color: M(u),
-					label: r,
-					value: m(A.value)
-				}]
-			}))
-		]
-	});
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/Progress.tsx
-function We({ value: t, total: n, ariaLabel: r, label: i, color: a = 1, compact: o = !1, ...s }) {
-	let { nf: c, L: l } = B(s), u = Z({
-		count: 1,
-		pick: () => 0
-	}), d = n > 0 ? t / n * 100 : 0, f = M(k(a, d)), p = l.ofTotal(c(t), c(n));
-	return /* @__PURE__ */ Y("div", {
-		className: v("chart-progress chart-plot", o),
-		role: "progressbar",
-		"aria-label": r,
-		"aria-valuemin": 0,
-		"aria-valuemax": 100,
-		"aria-valuenow": Math.round(d * 10) / 10,
-		"aria-valuetext": `${c(t)} / ${c(n)} (${e(d)})`,
-		...u.plotProps,
-		children: [
-			i !== void 0 && /* @__PURE__ */ Y("div", {
-				className: "chart-progress-head",
-				children: [/* @__PURE__ */ J("span", {
-					className: "chart-progress-label",
-					children: i
-				}), /* @__PURE__ */ J("span", {
-					className: "chart-progress-share",
-					children: e(d)
-				})]
-			}),
-			/* @__PURE__ */ J("div", {
-				className: "chart-progress-track",
-				children: /* @__PURE__ */ J("div", {
-					className: "chart-progress-fill",
-					style: {
-						width: `${Math.min(100, d)}%`,
-						background: f
-					}
-				})
-			}),
-			/* @__PURE__ */ J(T, { text: u.active === null ? "" : `${p} (${e(d)})` }),
-			u.tooltip(u.active !== null && /* @__PURE__ */ J(Q, {
-				title: i ?? r,
-				rows: [{
-					key: "v",
-					color: f,
-					label: p,
-					value: e(d)
-				}]
-			}))
-		]
-	});
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/StackedBar.tsx
-function Ge({ slices: t, ariaLabel: n, title: r, compact: i = !1, onLegendCut: a, onSelect: o, selected: s = null, ...c }) {
-	let { nf: l, L: u } = B(c), [d, f] = q(null), [p, m, h] = Ie(t.length, i);
-	G(() => a?.(t.length - h), [
-		a,
-		t.length,
-		h
-	]);
-	let g = t.filter((e) => e.value > 0), _ = (e) => !!o && e.value > 0 && e.selectable !== !1, y = Z({
-		count: g.length,
-		pick: (e, t, n, r) => pe(e, Ce(r).map((e) => e ? {
-			start: e.left,
-			end: e.left + e.width
-		} : {
-			start: Infinity,
-			end: Infinity
-		})),
-		keys: {
-			ArrowUp: 0,
-			ArrowDown: 0
-		},
-		start: s === null ? null : g.findIndex((e) => e.key === s),
-		onPick: o ? (e) => _(g[e]) && o(g[e]) : void 0
-	}), b = t.reduce((e, t) => e + t.value, 0);
-	if (b === 0) return /* @__PURE__ */ J(D, {
-		title: r,
-		children: /* @__PURE__ */ J(E, {
-			ariaLabel: n,
-			text: u.empty,
-			compact: i
-		})
-	});
-	let x = (e) => U(e, b), S = (t) => `${t.label} ${l(t.value)} (${e(x(t.value))})`, C = y.active === null ? null : g[y.active] ?? null, w = C?.key ?? d ?? s, O = (e) => w !== null && w !== e ? " chart-faded" : "";
-	return /* @__PURE__ */ Y("figure", {
-		className: v("chart-stacked", i),
-		"aria-label": n,
-		children: [
-			r && /* @__PURE__ */ J("figcaption", {
-				className: "chart-title",
-				children: r
-			}),
-			/* @__PURE__ */ J("div", {
-				className: `chart-stacked-bar chart-plot chart-plot--x${o ? " chart-plot--pick" : ""}`,
-				role: o ? "button" : "img",
-				"aria-label": C ? S(C) : `${n}: ${t.map(S).join(", ")}`,
-				...y.plotProps,
-				children: g.map((e, t) => /* @__PURE__ */ J("span", {
-					"data-hit": t,
-					className: `chart-stacked-segment${O(e.key)}`,
-					style: {
-						flexGrow: e.value,
-						background: M(e.slot)
-					},
-					"aria-hidden": !0
-				}, e.key))
-			}),
-			/* @__PURE__ */ Y("ul", {
-				ref: p,
-				className: "chart-donut-legend chart-stacked-legend",
-				"aria-label": u.legend,
-				children: [t.slice(0, m).map((t) => /* @__PURE__ */ Y("li", {
-					className: `chart-donut-legend-item${_(t) ? " chart-donut-legend-item--hit" : ""}${s === t.key ? " chart-donut-legend-item--on" : ""}${O(t.key)}`,
-					onMouseEnter: () => f(t.key),
-					onMouseLeave: () => f(null),
-					onClick: _(t) ? () => o(t) : void 0,
-					children: [
-						/* @__PURE__ */ J("span", {
-							className: "chart-swatch",
-							style: { background: M(t.slot) },
-							"aria-hidden": !0
-						}),
-						/* @__PURE__ */ J("span", {
-							className: "chart-donut-legend-label",
-							children: t.label
-						}),
-						/* @__PURE__ */ Y("span", {
-							className: "chart-donut-legend-value",
-							children: [
-								l(t.value),
-								" · ",
-								e(x(t.value))
-							]
-						})
-					]
-				}, t.key)), m < t.length && /* @__PURE__ */ J("li", {
-					className: "chart-donut-legend-more",
-					"data-legend-more": "",
-					children: u.moreValues(l(t.length - m))
-				})]
-			}),
-			/* @__PURE__ */ J(T, { text: C ? S(C) : "" }),
-			y.tooltip(C && /* @__PURE__ */ J(Q, {
-				rows: [{
-					key: C.key,
-					color: M(C.slot),
-					label: C.label,
-					value: l(C.value)
-				}],
-				note: u.shareOf(e(x(C.value)), l(b))
-			}))
-		]
-	});
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/Treemap.tsx
-var Ke = 400;
-function qe({ nodes: t, ariaLabel: n, title: r, height: a, compact: o = !1, onSelect: s, selected: l = null, ...u }) {
-	let { nf: d, L: f } = B(u), [p, m] = $(), h = m || Ke, g = a ?? (o ? 120 : 220), _ = t.reduce((e, t) => e + Math.max(0, t.value), 0), y = _ > 0 ? c(t, h, g) : [], b = y.filter((e) => !e.node.children?.some((e) => e.value > 0)), x = (e) => e.parent ?? e.node, S = (e) => !!s && x(e).selectable !== !1, C = Z({
-		count: b.length,
-		pick: (e, t, n) => me(e / n.width * h, t / n.height * g, b.map((e) => ({
-			left: e.rect.x,
-			top: e.rect.y,
-			width: e.rect.w,
-			height: e.rect.h
-		}))),
-		start: l === null ? null : b.findIndex((e) => x(e).key === l),
-		onPick: s ? (e) => S(b[e]) && s(x(b[e])) : void 0
-	}), w = C.plotProps.ref, O = W((e) => {
-		p(e), w(e);
-	}, [p, w]);
-	if (_ <= 0) return /* @__PURE__ */ J(D, {
-		title: r,
-		children: /* @__PURE__ */ J(E, {
-			ariaLabel: n,
-			text: f.empty,
-			compact: o
-		})
-	});
-	let k = (t) => `${t.parent ? `${t.parent.label} › ` : ""}${t.node.label} ${d(t.node.value)} (${e(U(t.node.value, _))})`, A = (e) => e.parent ? `${e.parent.key}\u0000${e.node.key}` : e.node.key, j = C.active === null ? null : b[C.active] ?? null, N = (e) => ({
-		left: `${e.rect.x / h * 100}%`,
-		top: `${e.rect.y / g * 100}%`,
-		width: `${e.rect.w / h * 100}%`,
-		height: `${e.rect.h / g * 100}%`
-	});
-	return /* @__PURE__ */ J(D, {
-		title: r,
-		children: /* @__PURE__ */ Y("div", {
-			className: v("chart-treemap", o),
-			role: "group",
-			"aria-label": n,
-			children: [
-				/* @__PURE__ */ J("div", {
-					className: `chart-treemap-box chart-plot${s ? " chart-plot--pick" : ""}`,
-					style: { height: g },
-					role: s ? "button" : "img",
-					"aria-label": j ? k(j) : `${n}: ${b.map(k).join(", ")}`,
-					...C.plotProps,
-					ref: O,
-					children: y.map((e) => {
-						let t = x(e), n = !!e.node.children?.some((e) => e.value > 0), r = e.parent ? e.parent.children.filter((e) => e.value > 0).indexOf(e.node) : 0, a = l !== null && l !== t.key || j !== null && x(j).key !== t.key, o = b.indexOf(e);
-						return /* @__PURE__ */ J("div", {
-							"data-hit": o >= 0 ? o : void 0,
-							className: `chart-treemap-tile${n ? " chart-treemap-tile--group" : ""}${e.parent ? " chart-treemap-tile--child" : ""}${a ? " chart-faded" : ""}${l === t.key ? " chart-treemap-tile--on" : ""}${j === e ? " chart-treemap-tile--active" : ""}`,
-							style: {
-								...N(e),
-								background: M(t.slot),
-								color: i(t.slot),
-								opacity: e.parent ? re(r) : void 0
-							},
-							"aria-hidden": !0,
-							children: e.label && /* @__PURE__ */ Y("span", {
-								className: "chart-treemap-label",
-								children: [/* @__PURE__ */ J("span", {
-									className: "chart-treemap-name",
-									children: e.node.label
-								}), !n && /* @__PURE__ */ J("span", {
-									className: "chart-treemap-count",
-									children: d(e.node.value)
-								})]
-							})
-						}, A(e));
-					})
-				}),
-				/* @__PURE__ */ J(T, { text: j ? k(j) : "" }),
-				C.tooltip(j && /* @__PURE__ */ J(Q, {
-					title: j.parent ? `${j.parent.label} › ${j.node.label}` : j.node.label,
-					rows: [{
-						key: "n",
-						color: M(x(j).slot),
-						label: n,
-						value: d(j.node.value)
-					}],
-					note: f.shareOf(e(U(j.node.value, _)), d(_))
-				}))
-			]
-		})
-	});
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/ChartView.tsx
-function Je({ chart: e, ariaLabel: t, compact: n = !1, height: r, size: i, onSelect: a, selected: o = null, linkAs: s, onLegendCut: c, legend: l = !0, ...u }) {
-	let d = {
-		ariaLabel: t,
-		compact: n,
-		...u
-	}, f = a ? (e) => a(e.key ?? e.label) : void 0;
-	switch (e.kind) {
-		case "columns": return /* @__PURE__ */ J(Fe, {
-			data: e.data,
-			series: e.series,
-			mode: e.mode,
-			legend: l && e.series.length > 1,
-			height: r,
-			onSelect: f,
-			selected: o,
-			...d
-		});
-		case "line": return /* @__PURE__ */ J(He, {
-			data: e.data,
-			series: e.series,
-			area: e.area,
-			height: r,
-			onSelect: f,
-			selected: o,
-			...d
-		});
-		case "bars": return /* @__PURE__ */ J(Te, {
-			data: e.data,
-			series: e.series,
-			linkAs: s,
-			onSelect: f,
-			selected: o,
-			...d
-		});
-		case "stacked": return /* @__PURE__ */ J(Ge, {
-			slices: e.slices,
-			onLegendCut: c,
-			onSelect: f,
-			selected: o,
-			...d
-		});
-		case "donut":
-		case "pie": return /* @__PURE__ */ J(Re, {
-			variant: e.kind,
-			slices: e.slices,
-			size: i,
-			legend: l,
-			onLegendCut: c,
-			onSelect: f,
-			selected: o,
-			...d
-		});
-		case "treemap": return /* @__PURE__ */ J(qe, {
-			nodes: e.nodes,
-			height: r,
-			onSelect: f,
-			selected: o,
-			...d
-		});
-		case "calendar": return /* @__PURE__ */ J(ke, {
-			days: e.days,
-			onSelect: a ? (e) => a(e.day) : void 0,
-			selected: o,
-			...d
-		});
-		case "funnel": return /* @__PURE__ */ J(ze, {
-			steps: e.steps,
-			onSelect: f,
-			selected: o,
-			...d
-		});
-		case "gauge": {
-			let t = e.rows[0];
-			return /* @__PURE__ */ J(Be, {
-				value: t.value,
-				total: t.total,
-				color: t.color,
-				variant: e.variant,
-				label: n ? void 0 : t.label,
-				...d
-			});
-		}
-		case "progress": {
-			let t = e.rows[0];
-			return /* @__PURE__ */ J(We, {
-				value: t.value,
-				total: t.total,
-				color: t.color,
-				label: n ? void 0 : t.label,
-				...d
-			});
-		}
-		case "number": return /* @__PURE__ */ J(Ue, {
-			value: e.value,
-			points: e.points,
-			current: e.current,
-			previous: e.previous,
-			good: e.good,
-			slot: e.slot,
-			...d
-		});
-	}
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/Chart.tsx
-function Ye({ data: e, as: t, offer: n, ariaLabel: r, title: i, compact: a = !1, height: o, size: c, onSelect: l, selected: f = null, linkAs: p, onChartChange: m, legend: h, ...g }) {
-	let { L: _ } = B(g), [y, b] = q(void 0), x = n ? d(e).filter((e) => n.includes(e)) : [], S = s(e, y ?? t, n), C = u(e, S, _), w = (e) => {
-		b(e), m?.(e);
-	}, T = /* @__PURE__ */ J(Je, {
-		chart: C,
-		ariaLabel: r,
-		compact: a,
-		height: o,
-		size: c,
-		onSelect: l,
-		selected: f,
-		linkAs: p,
-		legend: h,
-		...g
-	});
-	return x.length < 2 && (i == null || i === "") ? T : /* @__PURE__ */ Y("figure", {
-		className: v("chart-titled chart-chart", a),
-		children: [(i || x.length > 1) && /* @__PURE__ */ Y("figcaption", {
-			className: "chart-chart-head",
-			children: [i && /* @__PURE__ */ J("span", {
-				className: "chart-title",
-				children: i
-			}), x.length > 1 && /* @__PURE__ */ J("span", {
-				className: "chart-choice",
-				role: "group",
-				"aria-label": `${_.chartChoice} — ${r}`,
-				children: x.map((e) => /* @__PURE__ */ J("button", {
-					type: "button",
-					className: "chart-choice-button",
-					"aria-pressed": e === S,
-					title: _.kinds[e],
-					"aria-label": _.kinds[e],
-					onClick: () => w(e),
-					children: /* @__PURE__ */ J(de, { kind: e })
-				}, e))
-			})]
-		}), T]
-	});
-}
-//#endregion
-//#region ../../shared-web-ui/src/Charts/ChartTable.tsx
-function Xe({ data: e, series: t, firstHeader: n, ...r }) {
-	let { nf: i } = B(r);
-	return /* @__PURE__ */ J("div", {
-		className: v("chart-table"),
-		children: /* @__PURE__ */ Y("table", { children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ Y("tr", { children: [/* @__PURE__ */ J("th", {
-			scope: "col",
-			children: n
-		}), t.map((e) => /* @__PURE__ */ J("th", {
-			scope: "col",
-			className: "chart-table-number",
-			children: e.label
-		}, e.key))] }) }), /* @__PURE__ */ J("tbody", { children: e.map((e) => /* @__PURE__ */ Y("tr", { children: [/* @__PURE__ */ J("td", { children: e.fullLabel ?? e.label }), t.map((t) => /* @__PURE__ */ J("td", {
-			className: "chart-table-number",
-			children: i(e.values[t.key] ?? 0)
-		}, t.key))] }, H(e))) })] })
-	});
-}
-//#endregion
-export { pe as A, ge as C, ye as D, fe as E, me as O, Z as S, he as T, $ as _, Ge as a, Se as b, He as c, Re as d, Fe as f, Ee as g, Oe as h, qe as i, de as j, _e as k, Be as l, ke as m, Ye as n, We as o, Ae as p, Je as r, Ue as s, Xe as t, ze as u, Te as v, ve as w, Ce as x, Q as y };