@nxgt/material 3.48.0 → 3.50.0

package/dist/charts.js

@@ -1,12 +1,12 @@
 import { t as e } from "./ui.utils-CAnKTCw5.js";
 import { t } from "./utils-BLfntITJ.js";
-import { t as n } from "./use-material-translation-DOkTaWK_.js";
-import { t as r } from "./button-yaltbQmC.js";
-import { t as i } from "./use-ssr-media-query-C6M5m8sf.js";
-import { i as a, n as o, r as s, t as c } from "./util-4heV2LPI.js";
-import { t as l } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
-import { t as u } from "./warn-once-C_e47JM8.js";
-import { t as d } from "./chip-BqWbbr1b.js";
+import { t as n } from "./warn-once-C_e47JM8.js";
+import { t as r } from "./use-material-translation-DWWeeg-B.js";
+import { t as i } from "./button-BRUaHD8z.js";
+import { t as a } from "./use-ssr-media-query-C6M5m8sf.js";
+import { i as o, n as s, r as c, t as l } from "./util-4heV2LPI.js";
+import { t as u } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
+import { t as d } from "./chip-DneTrtNj.js";
 import { c as f, d as p, f as m, i as h, o as g, p as _, s as v, t as y } from "./line-path-C5pZGC49.js";
 import { t as b } from "./live-status-BGPaN8r8.js";
 import { t as x } from "./linear-G97mfnKF.js";
@@ -15,11 +15,11 @@ import { n as C, t as ee } from "./path-Cxq8zobN.js";
 import { t as te } from "./array-CApNbSU9.js";
 import { i as w, o as ne, t as re } from "./step-dkv2wQWn.js";
 import { n as ie, r as ae, t as oe } from "./line-yI7Hiv1g.js";
-import { RotateCcw as se, Table2 as ce } from "lucide-react";
-import { morph as le, morphAt as ue, shapeOutline as de, toSvgPath as fe } from "@nxgt/material-core/shapes";
-import { createContext as pe, useCallback as T, useContext as me, useEffect as E, useId as D, useLayoutEffect as he, useMemo as O, useRef as k, useState as A } from "react";
+import { morph as se, morphAt as ce, shapeOutline as le, toSvgPath as ue } from "@nxgt/material-core/shapes";
+import { createContext as de, useCallback as T, useContext as fe, useEffect as E, useId as D, useLayoutEffect as pe, useMemo as O, useRef as k, useState as A } from "react";
 import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
-import { createPortal as ge } from "react-dom";
+import { createPortal as me } from "react-dom";
+import { RotateCcw as he, Table2 as ge } from "lucide-react";
 //#region ../../node_modules/react-use/esm/useClickAway.js
 var _e = ["mousedown", "touchstart"], ve = function(e, t, n) {
 	n === void 0 && (n = _e);
@@ -30,14 +30,14 @@ var _e = ["mousedown", "touchstart"], ve = function(e, t, n) {
 		for (var t = function(t) {
 			var n = e.current;
 			n && !n.contains(t.target) && r.current(t);
-		}, i = 0, o = n; i < o.length; i++) {
-			var c = o[i];
-			a(document, c, t);
+		}, i = 0, a = n; i < a.length; i++) {
+			var s = a[i];
+			o(document, s, t);
 		}
 		return function() {
 			for (var e = 0, r = n; e < r.length; e++) {
 				var i = r[e];
-				s(document, i, t);
+				c(document, i, t);
 			}
 		};
 	}, [n, e]);
@@ -69,14 +69,14 @@ function be() {
 			}
 		});
 	}, []);
-	return l(function() {
+	return u(function() {
 		if (t) return o.observe(t), function() {
 			o.disconnect();
 		};
 	}, [t]), [n, i];
 }
-var xe = c && window.ResizeObserver !== void 0 ? be : (function() {
-	return [o, ye];
+var xe = l && window.ResizeObserver !== void 0 ? be : (function() {
+	return [s, ye];
 }), Se = [
 	1,
 	2,
@@ -803,8 +803,8 @@ function an({ keys: e, hidden: t, defaultHidden: n, onHiddenChange: r }) {
 }
 //#endregion
 //#region lib/components/ui/widgets/native-charts/hooks/use-chart-model.ts
-function on(e, t, { keyMap: r, axes: i, span: a, reference: o } = {}) {
-	let { data: s, x: c, xAxis: l, yAxis: u, onPointClick: d } = e, { t: f, language: p } = n(), m = O(() => Te(e.series), [e.series]), h = O(() => m.map((e) => e.key), [m]), g = an({
+function on(e, t, { keyMap: n, axes: i, span: a, reference: o } = {}) {
+	let { data: s, x: c, xAxis: l, yAxis: u, onPointClick: d } = e, { t: f, language: p } = r(), m = O(() => Te(e.series), [e.series]), h = O(() => m.map((e) => e.key), [m]), g = an({
 		keys: h,
 		hidden: e.hidden,
 		defaultHidden: e.defaultHidden,
@@ -858,7 +858,7 @@ function on(e, t, { keyMap: r, axes: i, span: a, reference: o } = {}) {
 	]), re = Qt({
 		count: s.length,
 		visible: O(() => w.map((e) => e.position), [w]),
-		keyMap: r,
+		keyMap: n,
 		onActivate: ({ index: e, series: t }) => {
 			let n = ne(e, t);
 			n && d?.(n);
@@ -896,8 +896,8 @@ function on(e, t, { keyMap: r, axes: i, span: a, reference: o } = {}) {
 		}
 	};
 }
-function sn(e, t, r) {
-	let { t: i, language: a } = n(), { title: o, categoryLabel: s, dataTable: c, summary: l } = e, u = e.xAxis?.label, { series: d, shown: f, labels: p, hidden: m, axes: h, refs: g } = r, _ = e.yAxis?.format, v = O(() => {
+function sn(e, t, n) {
+	let { t: i, language: a } = r(), { title: o, categoryLabel: s, dataTable: c, summary: l } = e, u = e.xAxis?.label, { series: d, shown: f, labels: p, hidden: m, axes: h, refs: g } = n, _ = e.yAxis?.format, v = O(() => {
 		let e = _ ?? F(a);
 		return {
 			table: qe(i, {
@@ -1122,8 +1122,8 @@ function bn({ range: e, count: t, step: n, unit: r, onChange: i, onCommit: a })
 //#endregion
 //#region lib/components/ui/widgets/native-charts/partials/range-handle.tsx
 var xn = 10, Sn = 24, Cn = 28, wn = Math.min(8, xn / 3);
-function Tn({ which: e, x: t, zoom: r, drag: i }) {
-	let { t: a } = n(), { range: o, count: s, labels: c } = r, [l, u] = Lt(e, o, s), d = e === "start" ? o[0] : o[1];
+function Tn({ which: e, x: t, zoom: n, drag: i }) {
+	let { t: a } = r(), { range: o, count: s, labels: c } = n, [l, u] = Lt(e, o, s), d = e === "start" ? o[0] : o[1];
 	return /* @__PURE__ */ N("g", {
 		role: "slider",
 		tabIndex: 0,
@@ -1137,8 +1137,8 @@ function Tn({ which: e, x: t, zoom: r, drag: i }) {
 		"data-slot": "chart-range-handle",
 		"data-handle": e,
 		onKeyDown: (t) => {
-			let n = Ht(o, e, t.key, s);
-			n && (t.preventDefault(), r.set(n));
+			let r = Ht(o, e, t.key, s);
+			r && (t.preventDefault(), n.set(r));
 		},
 		...i,
 		children: [
@@ -1187,15 +1187,15 @@ function En({ series: e, width: t, curve: n }) {
 		})]
 	}, e.key));
 }
-function Dn({ zoom: e, x0: t, x1: r, drag: i, windowRef: a }) {
-	let { t: o } = n(), { range: s, count: c, labels: l } = e;
+function Dn({ zoom: e, x0: t, x1: n, drag: i, windowRef: a }) {
+	let { t: o } = r(), { range: s, count: c, labels: l } = e;
 	return /* @__PURE__ */ M("rect", {
 		ref: a,
 		role: "slider",
 		tabIndex: 0,
 		x: t,
 		y: 1,
-		width: Math.max(0, r - t),
+		width: Math.max(0, n - t),
 		height: 46,
 		rx: 8,
 		"aria-label": o("material.charts.zoom-window", "Visible range"),
@@ -1276,8 +1276,8 @@ function On({ zoom: e, series: t, width: n, curve: r, windowRef: i }) {
 }
 //#endregion
 //#region lib/components/ui/widgets/native-charts/partials/chart-overview.tsx
-function kn({ zoom: e, series: t, width: i, curve: a }) {
-	let { t: o } = n(), { range: s, labels: c } = e, l = k(null);
+function kn({ zoom: e, series: t, width: n, curve: a }) {
+	let { t: o } = r(), { range: s, labels: c } = e, l = k(null);
 	return /* @__PURE__ */ N("div", {
 		role: "group",
 		"aria-label": o("material.charts.zoom-overview", "Zoom range"),
@@ -1294,20 +1294,20 @@ function kn({ zoom: e, series: t, width: i, curve: a }) {
 						from: c[s[0]] ?? "",
 						to: c[s[1]] ?? ""
 					})
-				}), e.zoomed && /* @__PURE__ */ N(r, {
+				}), e.zoomed && /* @__PURE__ */ N(i, {
 					variant: "ghost",
 					size: "xs",
 					onClick: () => {
 						l.current?.focus(), e.reset();
 					},
 					"data-slot": "chart-zoom-reset",
-					children: [/* @__PURE__ */ M(se, { "aria-hidden": !0 }), o("material.charts.zoom-reset", "Reset zoom")]
+					children: [/* @__PURE__ */ M(he, { "aria-hidden": !0 }), o("material.charts.zoom-reset", "Reset zoom")]
 				})]
 			}),
 			/* @__PURE__ */ M(On, {
 				zoom: e,
 				series: t,
-				width: i || 320,
+				width: n || 320,
 				curve: a,
 				windowRef: l
 			}),
@@ -1322,7 +1322,7 @@ function kn({ zoom: e, series: t, width: i, curve: a }) {
 //#region lib/components/ui/widgets/native-charts/hooks/use-chart-view.tsx
 function An({ model: e, zoom: t, props: n, data: r, group: i, curve: a, scroll: o = !0 }) {
 	let [s, c] = t.range, { clear: l } = e.nav, { onShift: u } = t;
-	he(() => {
+	pe(() => {
 		u.current = l;
 	}, [u, l]);
 	let d = `${s}:${c}`, f = k(d);
@@ -1365,11 +1365,11 @@ function An({ model: e, zoom: t, props: n, data: r, group: i, curve: a, scroll:
 //#endregion
 //#region lib/components/ui/widgets/native-charts/hooks/use-range-announcement.ts
 function jn(e, t) {
-	let { t: r } = n(), [i, a] = A(null), [o, s] = t, c = k([o, s]), l = k(null), u = T((t) => a(r("material.charts.zoom-showing", "Showing {from} to {to}", {
+	let { t: n } = r(), [i, a] = A(null), [o, s] = t, c = k([o, s]), l = k(null), u = T((t) => a(n("material.charts.zoom-showing", "Showing {from} to {to}", {
 		from: e[t[0]] ?? "",
 		to: e[t[1]] ?? ""
-	})), [e, r]);
-	return he(() => {
+	})), [e, n]);
+	return pe(() => {
 		c.current = [o, s];
 	}, [o, s]), E(() => {
 		let e = l.current;
@@ -1390,10 +1390,10 @@ function jn(e, t) {
 //#region lib/components/ui/widgets/native-charts/hooks/use-chart-zoom.ts
 var Mn = (e) => typeof e == "object" ? e : {};
 function Nn(e) {
-	let { data: t, x: r, xAxis: i } = e, { language: a } = n(), o = Mn(e.zoom), s = t.length, c = !!e.zoom && s > 2, [l, u] = A(o.defaultRange ?? null), d = o.range ?? l ?? Pt(s), f = c ? It(d, s) : Pt(s), p = O(() => c ? je(t, r, i, a) : [], [
+	let { data: t, x: n, xAxis: i } = e, { language: a } = r(), o = Mn(e.zoom), s = t.length, c = !!e.zoom && s > 2, [l, u] = A(o.defaultRange ?? null), d = o.range ?? l ?? Pt(s), f = c ? It(d, s) : Pt(s), p = O(() => c ? je(t, n, i, a) : [], [
 		c,
 		t,
-		r,
+		n,
 		i,
 		a
 	]), { onRangeChange: m } = o, h = o.range !== void 0, [g, _] = f, v = jn(p, f), y = k([g, _]), b = k(null);
@@ -1474,8 +1474,8 @@ function Pn({ model: e, caption: t }) {
 }
 //#endregion
 //#region lib/components/ui/widgets/native-charts/partials/chart-frame-header.tsx
-function Fn({ titleId: t, title: i, description: a, headline: o, tableId: s, open: c, onOpenChange: l }) {
-	let { t: u } = n();
+function Fn({ titleId: t, title: n, description: a, headline: o, tableId: s, open: c, onOpenChange: l }) {
+	let { t: u } = r();
 	return /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ N("div", {
 		className: "nxgt-chart-pad flex flex-wrap items-start justify-between gap-x-3 gap-y-1",
 		children: [/* @__PURE__ */ N("div", {
@@ -1484,19 +1484,19 @@ function Fn({ titleId: t, title: i, description: a, headline: o, tableId: s, ope
 				id: t,
 				className: "text-sm font-semibold",
 				"data-slot": "chart-title",
-				children: i
+				children: n
 			}), e(a) && /* @__PURE__ */ M("div", {
 				className: "text-xs text-muted-foreground",
 				children: a
 			})]
-		}), s && /* @__PURE__ */ N(r, {
+		}), s && /* @__PURE__ */ N(i, {
 			variant: "ghost",
 			size: "xs",
 			"aria-expanded": c,
 			"aria-controls": s,
 			onClick: () => l(!c),
 			"data-slot": "chart-view-data",
-			children: [/* @__PURE__ */ M(ce, { "aria-hidden": !0 }), c ? u("material.charts.hide-data", "Hide data") : u("material.charts.view-data", "View data")]
+			children: [/* @__PURE__ */ M(ge, { "aria-hidden": !0 }), c ? u("material.charts.hide-data", "Hide data") : u("material.charts.view-data", "View data")]
 		})]
 	}), e(o) && /* @__PURE__ */ M("div", {
 		className: "nxgt-chart-pad",
@@ -1507,15 +1507,15 @@ function Fn({ titleId: t, title: i, description: a, headline: o, tableId: s, ope
 //#endregion
 //#region lib/components/ui/widgets/native-charts/hooks/use-css-variables.ts
 function In(e, t) {
-	l(() => {
+	u(() => {
 		let n = e.current;
 		if (n) for (let [e, r] of Object.entries(t)) r == null ? n.style.removeProperty(e) : n.style.setProperty(e, typeof r == "number" ? `${r}px` : r);
 	}, [e, JSON.stringify(t)]);
 }
 //#endregion
 //#region lib/components/ui/widgets/native-charts/partials/chart-plot-state.tsx
-function Ln({ height: e, loading: t, empty: r, emptyState: i, children: a }) {
-	let { t: o } = n(), s = k(null);
+function Ln({ height: e, loading: t, empty: n, emptyState: i, children: a }) {
+	let { t: o } = r(), s = k(null);
 	return In(s, { "--nxgt-chart-height": e }), t ? /* @__PURE__ */ M("div", {
 		ref: s,
 		className: "nxgt-chart-skeleton",
@@ -1524,7 +1524,7 @@ function Ln({ height: e, loading: t, empty: r, emptyState: i, children: a }) {
 			className: "sr-only",
 			children: o("material.charts.loading", "Loading chart")
 		})
-	}) : r ? /* @__PURE__ */ M("div", {
+	}) : n ? /* @__PURE__ */ M("div", {
 		ref: s,
 		className: "nxgt-chart-empty",
 		"data-slot": "chart-empty",
@@ -1608,11 +1608,11 @@ function Bn(e, t, n) {
 	});
 }
 function Vn(e, t, n, r) {
-	return Bn(fe(de(zn[e], "circle"), { size: t }), n - t / 2, r - t / 2);
+	return Bn(ue(le(zn[e], "circle"), { size: t }), n - t / 2, r - t / 2);
 }
 var Hn;
 function Un(e, t, n, r) {
-	return Hn ??= le(de("circle", "circle"), de("cookie-6", "circle")), Bn(fe(ue(Hn, Math.min(1, Math.max(0, e))), { size: t }), n - t / 2, r - t / 2);
+	return Hn ??= se(le("circle", "circle"), le("cookie-6", "circle")), Bn(ue(ce(Hn, Math.min(1, Math.max(0, e))), { size: t }), n - t / 2, r - t / 2);
 }
 //#endregion
 //#region lib/components/ui/widgets/native-charts/partials/series-marker.tsx
@@ -1679,8 +1679,8 @@ function Kn({ item: e, on: n, patterns: r, onToggle: i, onIsolate: a }) {
 		className: t(!n && "text-muted-foreground")
 	});
 }
-function qn({ items: e, hidden: r, onToggle: i, onIsolate: a, onShowAll: o, patterns: s, className: c }) {
-	let { t: l } = n(), u = D();
+function qn({ items: e, hidden: n, onToggle: i, onIsolate: a, onShowAll: o, patterns: s, className: c }) {
+	let { t: l } = r(), u = D();
 	return /* @__PURE__ */ N("div", {
 		className: t("nxgt-chart-legend", c),
 		children: [
@@ -1690,13 +1690,13 @@ function qn({ items: e, hidden: r, onToggle: i, onIsolate: a, onShowAll: o, patt
 				"data-slot": "chart-legend",
 				children: e.map((e) => /* @__PURE__ */ M("li", { children: /* @__PURE__ */ M(Kn, {
 					item: e,
-					on: !r.includes(e.key),
+					on: !n.includes(e.key),
 					patterns: s,
 					onToggle: i,
 					onIsolate: a
 				}) }, e.key))
 			}),
-			r.length > 0 && /* @__PURE__ */ M(d, {
+			n.length > 0 && /* @__PURE__ */ M(d, {
 				size: "sm",
 				variant: "outlined",
 				label: l("material.charts.show-all", "Show all"),
@@ -1713,7 +1713,7 @@ function qn({ items: e, hidden: r, onToggle: i, onIsolate: a, onShowAll: o, patt
 }
 //#endregion
 //#region lib/components/ui/widgets/native-charts/partials/scroll-context.ts
-var Jn = pe(null);
+var Jn = de(null);
 //#endregion
 //#region lib/components/ui/widgets/native-charts/partials/chart-scroll.tsx
 function Yn(e, t) {
@@ -1725,7 +1725,7 @@ function Xn({ width: e, count: t, active: n }) {
 		left: 0,
 		right: 0
 	});
-	return In(a, { "--nxgt-chart-content": e }), he(() => {
+	return In(a, { "--nxgt-chart-content": e }), pe(() => {
 		let e = i.current;
 		e && (t > 0 && (e.scrollLeft = e.scrollWidth - e.clientWidth), r.current && Yn(e, r.current));
 	}, [t]), E(() => {
@@ -1818,7 +1818,7 @@ function Zn({ config: e, children: t }) {
 	});
 }
 function Qn({ side: e = "left", margin: t, width: n, height: r, children: i }) {
-	let a = me(Jn), o = a?.slots[e], s = e === "left" ? t.left : t.right;
+	let a = fe(Jn), o = a?.slots[e], s = e === "left" ? t.left : t.right;
 	if (E(() => {
 		a && (a.pinned.current[e] = s, a.frame.current?.style.setProperty(`--nxgt-chart-pin-${e}`, `${s}px`));
 	}, [
@@ -1827,7 +1827,7 @@ function Qn({ side: e = "left", margin: t, width: n, height: r, children: i }) {
 		s
 	]), !o) return null;
 	let c = e === "left" ? t.left : t.left - (n - t.right);
-	return ge(/* @__PURE__ */ N("svg", {
+	return me(/* @__PURE__ */ N("svg", {
 		width: s,
 		height: r,
 		"aria-hidden": "true",
@@ -1923,10 +1923,10 @@ function er({ labels: e, xOf: t, baseline: n, step: r = 1 }) {
 }
 //#endregion
 //#region lib/components/ui/widgets/native-charts/partials/plot-surface.tsx
-function V({ kind: e, title: r, status: i, onKeyDown: a, pointXs: o, pointYs: s, locate: c, onPointer: l, onActivate: u, className: d, children: f }) {
-	let { t: p } = n(), m = k(null);
+function V({ kind: e, title: n, status: i, onKeyDown: a, pointXs: o, pointYs: s, locate: c, onPointer: l, onActivate: u, className: d, children: f }) {
+	let { t: p } = r(), m = k(null);
 	ve(m, () => l?.(null));
-	let h = me(Jn);
+	let h = fe(Jn);
 	E(() => {
 		h && o && (h.xs.current = o);
 	}, [h, o]);
@@ -1942,7 +1942,7 @@ function V({ kind: e, title: r, status: i, onKeyDown: a, pointXs: o, pointYs: s,
 		role: "group",
 		tabIndex: 0,
 		"aria-roledescription": I(p, e),
-		"aria-label": p("material.charts.plot-label", "{title}. Use the arrow keys to move between points.", { title: r }),
+		"aria-label": p("material.charts.plot-label", "{title}. Use the arrow keys to move between points.", { title: n }),
 		className: t("nxgt-chart-plot", d),
 		"data-slot": "chart-plot",
 		onKeyDown: a,
@@ -2189,9 +2189,9 @@ function mr({ title: e, rows: n, className: r }) {
 		]
 	});
 }
-function hr({ mode: e, x: n, width: r, top: i = 4, gap: a, prefer: o, min: s, onMeasure: c, children: u }) {
+function hr({ mode: e, x: n, width: r, top: i = 4, gap: a, prefer: o, min: s, onMeasure: c, children: l }) {
 	let d = k(null), [f, p] = A(176), m = k(null);
-	return l(() => {
+	return u(() => {
 		let e = d.current;
 		if (!e) return;
 		let t = {
@@ -2212,7 +2212,7 @@ function hr({ mode: e, x: n, width: r, top: i = 4, gap: a, prefer: o, min: s, on
 		"aria-hidden": "true",
 		"data-mode": e,
 		className: t("nxgt-chart-tip-frame", e === "sheet" ? "nxgt-chart-tip-sheet" : "nxgt-chart-tip-float"),
-		children: u
+		children: l
 	});
 }
 //#endregion
@@ -2400,13 +2400,13 @@ function Or(e, t) {
 //#endregion
 //#region lib/components/ui/widgets/native-charts/hooks/use-reduced-motion.ts
 function kr() {
-	return i("(prefers-reduced-motion: reduce)", !1);
+	return a("(prefers-reduced-motion: reduce)", !1);
 }
 //#endregion
 //#region lib/components/ui/widgets/native-charts/hooks/use-entry-motion.ts
 function J({ total: e, animate: t = !0, replay: n }) {
 	let r = kr(), [i, a] = A(!1);
-	l(() => a(!0), []);
+	u(() => a(!0), []);
 	let o = i && t && !r && e > 0, s = Dr(o ? n ?? !0 : null, e), c = o && s < e;
 	return {
 		elapsed: o ? s : e,
@@ -2795,8 +2795,8 @@ function qr(e, t) {
 }
 //#endregion
 //#region lib/components/ui/widgets/native-charts/line-chart/partials/line-plot.tsx
-function Jr({ model: e, props: t, kind: r }) {
-	let { size: i, shown: a, labels: o, nav: s } = e, { width: c, height: l, phone: u } = i, d = D().replace(/[^a-zA-Z0-9-]/g, ""), { language: f } = n(), p = r === "area" && t.stacked === !0, m = t.yAxis?.format ?? F(f), h = wr({
+function Jr({ model: e, props: t, kind: n }) {
+	let { size: i, shown: a, labels: o, nav: s } = e, { width: c, height: l, phone: u } = i, d = D().replace(/[^a-zA-Z0-9-]/g, ""), { language: f } = r(), p = n === "area" && t.stacked === !0, m = t.yAxis?.format ?? F(f), h = wr({
 		width: c,
 		height: l,
 		labels: o,
@@ -2813,7 +2813,7 @@ function Jr({ model: e, props: t, kind: r }) {
 		format: m
 	});
 	return /* @__PURE__ */ N(V, {
-		kind: r,
+		kind: n,
 		title: t.title,
 		status: e.status,
 		onKeyDown: s.onKeyDown,
@@ -2826,7 +2826,7 @@ function Jr({ model: e, props: t, kind: r }) {
 				props: t,
 				geo: h,
 				id: d,
-				area: r === "area",
+				area: n === "area",
 				stacked: p,
 				yAxis: C
 			}),
@@ -3124,7 +3124,7 @@ function oi(e, t) {
 //#endregion
 //#region lib/components/ui/widgets/native-charts/bar-chart/partials/bar-plot.tsx
 function si({ model: e, props: t }) {
-	let { size: r, shown: i, labels: a, nav: o } = e, { width: s, height: c, phone: l } = r, u = D().replace(/[^a-zA-Z0-9-]/g, ""), { language: d } = n(), f = t.yAxis?.format ?? F(d), p = Zr({
+	let { size: n, shown: i, labels: a, nav: o } = e, { width: s, height: c, phone: l } = n, u = D().replace(/[^a-zA-Z0-9-]/g, ""), { language: d } = r(), f = t.yAxis?.format ?? F(d), p = Zr({
 		width: s,
 		height: c,
 		labels: a,
@@ -3362,13 +3362,13 @@ function xi(e, t, n, r) {
 //#endregion
 //#region lib/components/ui/widgets/native-charts/combo-chart/use-combo-scene.ts
 function Si(e, t) {
-	let r = D().replace(/[^a-zA-Z0-9-]/g, ""), { language: i } = n(), { width: a, height: o, phone: s } = e.size, c = Xe(t.series), l = e.shown.map((e) => ({
+	let n = D().replace(/[^a-zA-Z0-9-]/g, ""), { language: i } = r(), { width: a, height: o, phone: s } = e.size, c = Xe(t.series), l = e.shown.map((e) => ({
 		...e,
 		type: c.get(e.key)?.type ?? "line",
 		side: c.get(e.key)?.side ?? "left"
 	})), u = F(i);
 	return {
-		id: r,
+		id: n,
 		shown: l,
 		geo: di({
 			width: a,
@@ -3640,11 +3640,11 @@ function Mi({ model: e, props: t }) {
 //#endregion
 //#region lib/components/ui/widgets/native-charts/combo-chart/use-combo-model.ts
 function Ni(e, t) {
-	let { t: r } = n(), { series: i, yAxis: a, rightAxis: o } = e, s = O(() => i.some((e) => e.axis === "right") ? Ze(r, i, {
+	let { t: n } = r(), { series: i, yAxis: a, rightAxis: o } = e, s = O(() => i.some((e) => e.axis === "right") ? Ze(n, i, {
 		left: a,
 		right: o
 	}) : void 0, [
-		r,
+		n,
 		i,
 		a,
 		o
@@ -3868,8 +3868,8 @@ function Ji({ text: e, x: t, y: n }) {
 }
 //#endregion
 //#region lib/components/ui/widgets/native-charts/funnel-chart/partials/funnel-tip.tsx
-function Yi({ step: e, point: t, x: r, top: i, width: a, phone: o, tooltip: s }) {
-	let { t: c, language: l } = n();
+function Yi({ step: e, point: t, x: n, top: i, width: a, phone: o, tooltip: s }) {
+	let { t: c, language: l } = r();
 	if (s === !1) return null;
 	let u = e.growth !== null, d = u ? e.growth : e.drop, f = d === null ? [] : [{
 		key: "drop",
@@ -3879,7 +3879,7 @@ function Yi({ step: e, point: t, x: r, top: i, width: a, phone: o, tooltip: s })
 	}];
 	return /* @__PURE__ */ M(hr, {
 		mode: o ? "sheet" : "float",
-		x: r,
+		x: n,
 		top: i,
 		gap: 12,
 		prefer: "right",
@@ -3898,22 +3898,22 @@ function Yi({ step: e, point: t, x: r, top: i, width: a, phone: o, tooltip: s })
 //#endregion
 //#region lib/components/ui/widgets/native-charts/funnel-chart/partials/funnel-plot.tsx
 var Xi = 100;
-function Zi({ model: e, props: r }) {
-	let { size: i, steps: a, nav: o } = e, s = D().replace(/[^a-zA-Z0-9-]/g, ""), { t: c, language: l } = n(), u = Ri(i.height, a.length), d = J({
+function Zi({ model: e, props: n }) {
+	let { size: i, steps: a, nav: o } = e, s = D().replace(/[^a-zA-Z0-9-]/g, ""), { t: c, language: l } = r(), u = Ri(i.height, a.length), d = J({
 		total: W.bars + K(Math.max(0, a.length - 1)),
-		animate: r.animate,
+		animate: n.animate,
 		replay: e.motionKey
 	}), f = o.active?.index ?? null, p = f === null ? void 0 : a[f], m = a.map((e, t) => (u.tops[t] ?? 0) + 22 + u.bar / 2);
 	return /* @__PURE__ */ N(V, {
 		kind: "funnel",
-		title: r.title,
+		title: n.title,
 		status: e.status,
 		onKeyDown: o.onKeyDown,
 		pointYs: m,
 		onPointer: (e) => e === null ? o.clear() : o.pointTo(e),
 		onActivate: () => {
 			let t = f === null ? null : e.toPoint(f);
-			t && r.onPointClick?.(t);
+			t && n.onPointClick?.(t);
 		},
 		children: [/* @__PURE__ */ N("svg", {
 			width: i.width,
@@ -3924,14 +3924,14 @@ function Zi({ model: e, props: r }) {
 			children: [/* @__PURE__ */ M(X, {
 				id: s,
 				series: a,
-				patterns: r.patterns
+				patterns: n.patterns
 			}), /* @__PURE__ */ M(Ki, {
 				steps: a,
 				layout: u,
 				width: i.width,
 				elapsed: d.elapsed,
 				active: f,
-				patterns: r.patterns,
+				patterns: n.patterns,
 				chartId: s,
 				language: l,
 				chipText: (e) => Hi(c, e, l)
@@ -3943,7 +3943,7 @@ function Zi({ model: e, props: r }) {
 			top: u.tops[f] ?? 0,
 			width: i.width - Xi,
 			phone: i.phone,
-			tooltip: r.tooltip
+			tooltip: n.tooltip
 		})]
 	});
 }
@@ -4094,7 +4094,7 @@ function fa(e, t = !1) {
 	};
 }
 function pa(e, t) {
-	let { data: r, title: i } = e, { t: a, language: o } = n(), { resolved: s, keys: c, visibility: l } = fa(e, !0), u = R(e.height), d = e.format ?? F(o), f = oa(s, r.map((e) => e.value), l.hidden, d), p = f.slices.map((e) => ({
+	let { data: n, title: i } = e, { t: a, language: o } = r(), { resolved: s, keys: c, visibility: l } = fa(e, !0), u = R(e.height), d = e.format ?? F(o), f = oa(s, n.map((e) => e.value), l.hidden, d), p = f.slices.map((e) => ({
 		...e,
 		paint: P(e)
 	})), m = d(f.sum), h = (e) => sa(p[e]), g = Qt({
@@ -4132,7 +4132,7 @@ function pa(e, t) {
 //#endregion
 //#region lib/components/ui/widgets/native-charts/funnel-chart/use-funnel-model.ts
 function ma(e) {
-	let { data: t, title: r } = e, { t: i, language: a } = n(), o = O(() => Te(t.map(({ key: e, label: t, color: n, tone: r }) => ({
+	let { data: t, title: n } = e, { t: i, language: a } = r(), o = O(() => Te(t.map(({ key: e, label: t, color: n, tone: r }) => ({
 		key: e,
 		label: t,
 		color: n ?? 1,
@@ -4166,7 +4166,7 @@ function ma(e) {
 			n && e.onPointClick?.(n);
 		}
 	}), p = Vi(i, {
-		title: r,
+		title: n,
 		rates: l,
 		language: a,
 		steps: u.map((e) => ({
@@ -4183,7 +4183,7 @@ function ma(e) {
 		status: m && f.source === "key" ? Ui(i, m, a) : null,
 		legendItems: [],
 		table: e.dataTable === !1 ? null : Wi(i, u, c, a),
-		tableCaption: i("material.charts.table-caption", "{title}: the data", { title: r }),
+		tableCaption: i("material.charts.table-caption", "{title}: the data", { title: n }),
 		motionKey: o.map((e) => e.key).join(","),
 		empty: t.length === 0
 	};
@@ -4404,18 +4404,18 @@ function Pa({ model: e, props: n }) {
 //#endregion
 //#region lib/components/ui/widgets/native-charts/gauge/use-gauge-model.ts
 function Fa(e) {
-	let { t, language: r } = n(), { label: i, title: a } = e, [o, s] = [e.min ?? 0, e.max ?? 100];
-	o > s && u(`min (${o}) is above max (${s}); the scale is read from ${s} to ${o}.`, "Gauge");
-	let [c, l] = o > s ? [s, o] : [o, s], d = e.format ?? F(r), f = Ca(e.value, c, l), p = Number.isFinite(e.value) ? Math.min(Math.max(e.value, c), l) : c, m = Number.isFinite(e.value) ? e.value : c, h = ja(t, {
-		title: a,
-		label: i,
+	let { t, language: i } = r(), { label: a, title: o } = e, [s, c] = [e.min ?? 0, e.max ?? 100];
+	s > c && n(`min (${s}) is above max (${c}); the scale is read from ${c} to ${s}.`, "Gauge");
+	let [l, u] = s > c ? [c, s] : [s, c], d = e.format ?? F(i), f = Ca(e.value, l, u), p = Number.isFinite(e.value) ? Math.min(Math.max(e.value, l), u) : l, m = Number.isFinite(e.value) ? e.value : l, h = ja(t, {
+		title: o,
+		label: a,
 		value: d(m),
-		min: d(c),
-		max: d(l)
+		min: d(l),
+		max: d(u)
 	});
 	return {
-		min: c,
-		max: l,
+		min: l,
+		max: u,
 		value: p,
 		reading: m,
 		fraction: f,
@@ -4424,7 +4424,7 @@ function Fa(e) {
 		summary: L(e.summary, h),
 		legendItems: [],
 		table: e.dataTable ? ot(t("material.charts.table-measure", "Measure"), [
-			i,
+			a,
 			t("material.charts.table-minimum", "Minimum"),
 			t("material.charts.table-maximum", "Maximum")
 		], [{
@@ -4432,12 +4432,12 @@ function Fa(e) {
 			label: t("material.charts.table-value", "Value"),
 			values: [
 				m,
-				c,
-				l
+				l,
+				u
 			],
 			format: d
 		}]) : null,
-		tableCaption: t("material.charts.table-caption", "{title}: the data", { title: a }),
+		tableCaption: t("material.charts.table-caption", "{title}: the data", { title: o }),
 		empty: !1
 	};
 }
@@ -4660,8 +4660,8 @@ function Qa({ model: e, props: n }) {
 //#endregion
 //#region lib/components/ui/widgets/native-charts/heatmap-chart/partials/heat-scale.tsx
 function $a({ model: e }) {
-	let { t } = n(), [r, i] = e.domain, a = t("material.charts.heat-scale", "Colour scale, from {min} (lightest) to {max} (darkest)", {
-		min: e.format(r),
+	let { t } = r(), [n, i] = e.domain, a = t("material.charts.heat-scale", "Colour scale, from {min} (lightest) to {max} (darkest)", {
+		min: e.format(n),
 		max: e.format(i)
 	});
 	return /* @__PURE__ */ N("div", {
@@ -4792,7 +4792,7 @@ function ao({ rows: e, columns: t, toPoint: n, onPointClick: r }) {
 //#endregion
 //#region lib/components/ui/widgets/native-charts/heatmap-chart/use-heatmap-model.ts
 function oo(e) {
-	let { data: t, y: r, columns: i, title: a } = e, { t: o, language: s } = n(), c = R(e.height), l = e.format ?? F(s), u = je(t, r, void 0, s), d = i.map((e) => e.label), f = t.map((e) => i.map((t) => Me(e, t.key))), p = {
+	let { data: t, y: n, columns: i, title: a } = e, { t: o, language: s } = r(), c = R(e.height), l = e.format ?? F(s), u = je(t, n, void 0, s), d = i.map((e) => e.label), f = t.map((e) => i.map((t) => Me(e, t.key))), p = {
 		rows: u.length,
 		columns: i.length
 	}, m = {
@@ -4948,8 +4948,8 @@ function go({ slice: e, point: t, spot: n, phone: r, width: i, min: a, share: o,
 		})
 	});
 }
-function _o({ model: e, frame: t, layout: r, tooltip: i }) {
-	let { language: a } = n(), o = e.nav.active?.index, s = o === void 0 ? void 0 : e.slices[o], c = o === void 0 ? void 0 : r[o];
+function _o({ model: e, frame: t, layout: n, tooltip: i }) {
+	let { language: a } = r(), o = e.nav.active?.index, s = o === void 0 ? void 0 : e.slices[o], c = o === void 0 ? void 0 : n[o];
 	if (!s || !c || o === void 0) return null;
 	let { size: l } = e, u = (l.width - t.size) / 2;
 	return /* @__PURE__ */ M(go, {
@@ -4965,22 +4965,22 @@ function _o({ model: e, frame: t, layout: r, tooltip: i }) {
 }
 //#endregion
 //#region lib/components/ui/widgets/native-charts/pie-chart/partials/slice-plot.tsx
-function vo({ model: e, props: r, donut: i }) {
-	let { size: a, slices: o, nav: s } = e, c = D().replace(/[^a-zA-Z0-9-]/g, ""), { t: l } = n(), u = uo(a.width, a.height, i), d = ea(o.map((e) => e.value)), f = J({
+function vo({ model: e, props: n, donut: i }) {
+	let { size: a, slices: o, nav: s } = e, c = D().replace(/[^a-zA-Z0-9-]/g, ""), { t: l } = r(), u = uo(a.width, a.height, i), d = ea(o.map((e) => e.value)), f = J({
 		total: W.sweep,
-		animate: r.animate,
+		animate: n.animate,
 		replay: e.motionKey
 	}), p = s.active?.index ?? null, m = po(p === null ? null : o[p]?.key ?? null);
 	return /* @__PURE__ */ N(V, {
 		kind: i ? "donut" : "pie",
-		title: r.title,
+		title: n.title,
 		status: e.status,
 		onKeyDown: s.onKeyDown,
 		locate: (e, t) => na(d, e - u.size / 2, t - u.size / 2, u.inner * .9, u.outer + 6 + 4),
 		onPointer: (e) => e === null ? s.clear() : s.pointTo(e),
 		onActivate: () => {
 			let t = p === null ? null : e.toPoint(p);
-			t && r.onPointClick?.(t);
+			t && n.onPointClick?.(t);
 		},
 		className: "nxgt-chart-slices",
 		children: [
@@ -4993,7 +4993,7 @@ function vo({ model: e, props: r, donut: i }) {
 				children: [/* @__PURE__ */ M(X, {
 					id: c,
 					series: o,
-					patterns: r.patterns
+					patterns: n.patterns
 				}), /* @__PURE__ */ M(ho, {
 					slices: o,
 					layout: d,
@@ -5001,20 +5001,20 @@ function vo({ model: e, props: r, donut: i }) {
 					sweep: Math.PI * 2 * G(f.progress),
 					active: p,
 					pop: m,
-					patterns: r.patterns,
+					patterns: n.patterns,
 					chartId: c
 				})]
 			}),
 			i && /* @__PURE__ */ M(mo, {
 				diameter: u.inner * 2,
-				center: r.center ?? e.total,
-				caption: r.caption ?? l("material.charts.total", "Total")
+				center: n.center ?? e.total,
+				caption: n.caption ?? l("material.charts.total", "Total")
 			}),
 			/* @__PURE__ */ M(_o, {
 				model: e,
 				frame: u,
 				layout: d,
-				tooltip: r.tooltip
+				tooltip: n.tooltip
 			})
 		]
 	});
@@ -5340,11 +5340,11 @@ function Go({ model: e, props: n, id: r, geometry: i, motion: a, fade: o, langua
 //#endregion
 //#region lib/components/ui/widgets/native-charts/radar-chart/partials/radar-plot.tsx
 function Ko({ model: e, props: t }) {
-	let { shown: r, nav: i } = e, a = D().replace(/[^a-zA-Z0-9-]/g, ""), { language: o } = n(), s = J({
+	let { shown: n, nav: i } = e, a = D().replace(/[^a-zA-Z0-9-]/g, ""), { language: o } = r(), s = J({
 		total: W.lines,
 		animate: t.animate,
 		replay: e.motionKey
-	}), c = Po(e, t, G(s.progress)), { frame: l, vertices: u } = c, d = G(q(s.elapsed, W.lines * .6, W.lines * .4)), { active: f } = i, p = f ? Mo(l, f.index, jo(r.map((e) => e.label))) : null;
+	}), c = Po(e, t, G(s.progress)), { frame: l, vertices: u } = c, d = G(q(s.elapsed, W.lines * .6, W.lines * .4)), { active: f } = i, p = f ? Mo(l, f.index, jo(n.map((e) => e.label))) : null;
 	return /* @__PURE__ */ N(V, {
 		kind: "radar",
 		title: t.title,
@@ -5405,17 +5405,17 @@ function qo(e, t) {
 //#endregion
 //#region lib/components/ui/widgets/native-charts/radar-chart/use-radar-model.ts
 function Jo(e) {
-	let { t } = n(), r = on({
+	let { t } = r(), n = on({
 		...e,
 		height: e.height ?? 340
 	}, "radar"), i = qo(t, {
 		title: e.title,
-		labels: r.labels,
-		series: r.shown,
-		hidden: r.series.filter((e) => r.visibility.hidden.includes(e.key)).map((e) => e.label)
-	}), { size: a } = r, o = e.height === void 0 ? zo(a.width, a.height, r.labels, a.phone) : a.height;
+		labels: n.labels,
+		series: n.shown,
+		hidden: n.series.filter((e) => n.visibility.hidden.includes(e.key)).map((e) => e.label)
+	}), { size: a } = n, o = e.height === void 0 ? zo(a.width, a.height, n.labels, a.phone) : a.height;
 	return {
-		...r,
+		...n,
 		size: {
 			...a,
 			height: o
@@ -5528,22 +5528,22 @@ function ss({ rings: e, frame: t, elapsed: n, active: r, pop: i, patterns: a, ch
 }
 //#endregion
 //#region lib/components/ui/widgets/native-charts/radial-bar-chart/partials/radial-plot.tsx
-function cs({ model: e, props: r }) {
-	let { size: i, rings: a, nav: o } = e, s = D().replace(/[^a-zA-Z0-9-]/g, ""), { language: c } = n(), l = es(i.width, i.height, a.length), u = J({
+function cs({ model: e, props: n }) {
+	let { size: i, rings: a, nav: o } = e, s = D().replace(/[^a-zA-Z0-9-]/g, ""), { language: c } = r(), l = es(i.width, i.height, a.length), u = J({
 		total: W.sweep + K(Math.max(0, a.length - 1)),
-		animate: r.animate,
+		animate: n.animate,
 		replay: e.motionKey
 	}), d = o.active?.index ?? null, f = d === null ? void 0 : a[d], p = po(f?.key ?? null) / 2, m = (i.width - l.size) / 2;
 	return /* @__PURE__ */ N(V, {
 		kind: "radial-bar",
-		title: r.title,
+		title: n.title,
 		status: e.status,
 		onKeyDown: o.onKeyDown,
 		locate: (e, t) => ns(l, a.length, e - l.size / 2, t - l.size / 2),
 		onPointer: (e) => e === null ? o.clear() : o.pointTo(e),
 		onActivate: () => {
 			let t = d === null ? null : e.toPoint(d);
-			t && r.onPointClick?.(t);
+			t && n.onPointClick?.(t);
 		},
 		className: "nxgt-chart-slices",
 		children: [/* @__PURE__ */ N("svg", {
@@ -5555,14 +5555,14 @@ function cs({ model: e, props: r }) {
 			children: [/* @__PURE__ */ M(X, {
 				id: s,
 				series: a,
-				patterns: r.patterns
+				patterns: n.patterns
 			}), /* @__PURE__ */ M(ss, {
 				rings: a,
 				frame: l,
 				elapsed: u.elapsed,
 				active: d,
 				pop: p,
-				patterns: r.patterns,
+				patterns: n.patterns,
 				chartId: s
 			})]
 		}), f && d !== null && /* @__PURE__ */ M(go, {
@@ -5578,14 +5578,14 @@ function cs({ model: e, props: r }) {
 			width: i.width - m,
 			min: -m,
 			share: ia(f.share, c),
-			tooltip: r.tooltip
+			tooltip: n.tooltip
 		})]
 	});
 }
 //#endregion
 //#region lib/components/ui/widgets/native-charts/radial-bar-chart/use-radial-model.ts
 function ls(e) {
-	let { data: t, title: r } = e, { t: i, language: a } = n(), { resolved: o, keys: s, visibility: c } = fa(e), l = R(e.height), u = e.format ?? F(a), d = Qo(t.map((e) => e.value), e.max), f = o.flatMap((e, n) => {
+	let { data: t, title: n } = e, { t: i, language: a } = r(), { resolved: o, keys: s, visibility: c } = fa(e), l = R(e.height), u = e.format ?? F(a), d = Qo(t.map((e) => e.value), e.max), f = o.flatMap((e, n) => {
 		if (c.hidden.includes(e.key)) return [];
 		let r = t[n]?.value ?? 0, i = Number.isFinite(r) ? Math.max(0, r) : 0;
 		return [{
@@ -5605,7 +5605,7 @@ function ls(e) {
 			n && e.onPointClick?.(n);
 		}
 	}), h = is(i, {
-		title: r,
+		title: n,
 		max: u(d),
 		rings: f.map((e) => ({
 			label: e.label,
@@ -5625,7 +5625,7 @@ function ls(e) {
 		status: g && m.source === "key" ? ca(i, g, a) : null,
 		legendItems: dt(o),
 		table: e.dataTable === !1 ? null : as(i, f, u, a),
-		tableCaption: i("material.charts.table-caption", "{title}: the data", { title: r }),
+		tableCaption: i("material.charts.table-caption", "{title}: the data", { title: n }),
 		motionKey: s.join(","),
 		empty: t.length === 0
 	};
@@ -5720,7 +5720,7 @@ function _s(e, t, n, r, i) {
 //#endregion
 //#region lib/components/ui/widgets/native-charts/scatter-chart/use-scatter-layout.ts
 function vs(e, t) {
-	let { language: r } = n(), { width: i, height: a, phone: o } = e.size, s = t.yAxis?.format ?? F(r);
+	let { language: n } = r(), { width: i, height: a, phone: o } = e.size, s = t.yAxis?.format ?? F(n);
 	return {
 		layout: _s(e.dots, {
 			width: i,
@@ -6123,15 +6123,15 @@ function Bs(e, t, n) {
 //#endregion
 //#region lib/components/ui/widgets/native-charts/scatter-chart/use-scatter-model.ts
 function Vs(e) {
-	let { series: t, xAxis: r, yAxis: i, title: a } = e, { t: o, language: s } = n(), c = O(() => Te(t), [t]), l = O(() => c.map((e) => e.key), [c]), u = an({
+	let { series: t, xAxis: n, yAxis: i, title: a } = e, { t: o, language: s } = r(), c = O(() => Te(t), [t]), l = O(() => c.map((e) => e.key), [c]), u = an({
 		keys: l,
 		hidden: e.hidden,
 		defaultHidden: e.defaultHidden,
 		onHiddenChange: e.onHiddenChange
 	}), d = R(e.height), f = {
-		x: r?.label ?? o("material.charts.axis-x", "X"),
+		x: n?.label ?? o("material.charts.axis-x", "X"),
 		y: i?.label ?? o("material.charts.axis-y", "Y"),
-		formatX: r?.format ?? F(s)
+		formatX: n?.format ?? F(s)
 	}, p = c.filter((e) => !u.hidden.includes(e.key)).map((e) => ({
 		...e,
 		paint: P(e),