@nxgt/material 3.75.0 → 3.76.0

package/dist/{field-blur-context-kZ4SD7xu.js → field-blur-context-BLGgf_3z.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { l as t } from "./dist-lmHmz_bu.js";
-import { t as n } from "./typography-B6YMbCge.js";
+import { i as t } from "./dist-DWZXlCZR.js";
+import { t as n } from "./typography-CYEquVeb.js";
 import * as r from "react";
 import { createContext as i, use as a, useMemo as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";

package/dist/financial-variant-BsZEa5sF.js

@@ -0,0 +1,459 @@
+import { n as e, r as t, t as n, u as r } from "./tabs-DzEqMb1W.js";
+import { t as i } from "./use-material-translation-CD6QoVal.js";
+import { r as a, t as o } from "./currency-field-BJ9rSrif.js";
+import { t as s } from "./percent-field-lahyDJDG.js";
+import { n as c } from "./calculator-context-BugcKuVG.js";
+import { t as l } from "./calculator-announce-DRd2c6Dq.js";
+import { n as u, t as d } from "./calculator-panel-announce-AZSnZUSr.js";
+import { t as f } from "./currency-B-r3ig11.js";
+import { t as p } from "./calculator-segment-BlJE1LaS.js";
+import { useId as m, useMemo as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { currencyFractionDigits as y } from "@nxgt/material-core/currency-digits";
+import { CalcError as b, calcErrorMessage as x, compare as ee, dec as S, formatDecimal as C, sub as w } from "@nxgt/material-core/calculator";
+import { amortisation as T, costFromMargin as E, costFromMarkup as D, loanPayment as O, marginPercent as k, markupPercent as A, percentChange as j, priceFromMargin as M, priceFromMarkup as te, vatFromGross as ne, vatFromNet as re } from "@nxgt/material-core/calculator/financial";
+//#region lib/components/ui/widgets/calculator/variants/financial/financial-figures.ts
+var N = "material.calculator.financial.figure", ie = {
+	net: `${N}.net`,
+	vat: `${N}.vat`,
+	gross: `${N}.gross`,
+	margin: `${N}.margin`,
+	markup: `${N}.markup`,
+	profit: `${N}.profit`,
+	price: `${N}.price`,
+	cost: `${N}.cost`,
+	change: `${N}.change`,
+	difference: `${N}.difference`,
+	payment: `${N}.payment`,
+	interest: `${N}.interest`,
+	total: `${N}.total`,
+	"last-payment": `${N}.last-payment`
+}, P = (e, t, n, r, i) => ({
+	id: e,
+	label: {
+		key: ie[e],
+		fallback: t
+	},
+	value: n,
+	unit: r,
+	main: i
+});
+function F(e, t) {
+	if (e.some((e) => e === null || !Number.isFinite(e))) return null;
+	try {
+		return { figures: t(e.map(String)) };
+	} catch (e) {
+		if (e instanceof b) return { error: e.code };
+		throw e;
+	}
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/financial/financial-math.ts
+var I = (e, t, n, r) => F([t, n], ([t = "0", n = "0"]) => {
+	let i = e === "add" ? re(t, n, r) : ne(t, n, r);
+	return [
+		P("net", "Excluding VAT", i.net, "money", e === "remove"),
+		P("vat", "VAT", i.vat, "money"),
+		P("gross", "Including VAT", i.gross, "money", e === "add")
+	];
+}), L = (e, t, n, r, i) => F([n, r], ([n = "0", r = "0"]) => {
+	if (e === "rates") {
+		let e = {
+			...i,
+			percentDigits: 2
+		};
+		return [
+			P("margin", "Margin", k(n, r, e), "percent", !0),
+			P("markup", "Markup", A(n, r, e), "percent"),
+			P("profit", "Profit", w(S(r), S(n)), "money")
+		];
+	}
+	let a = e === "price" ? t === "margin" ? M(n, r, i) : te(n, r, i) : t === "margin" ? E(n, r, i) : D(n, r, i), o = e === "price" ? a : S(n), s = e === "price" ? S(n) : a;
+	return [e === "price" ? P("price", "Selling price", a, "money", !0) : P("cost", "Cost", a, "money", !0), P("profit", "Profit", w(o, s), "money")];
+}), R = (e, t) => F([e, t], ([e = "0", t = "0"]) => [P("change", "Change", j(e, t, { percentDigits: 2 }), "percent", !0), P("difference", "Difference", w(S(t), S(e)), "number")]), z = "\xA0", B = (e, t) => `${C(e, { locale: t })}${z}%`, V = (e, t) => e.unit === "percent" ? B(e.value, t.locale) : e.unit === "number" ? C(e.value, { locale: t.locale }) : f(e.value, {
+	locale: t.locale,
+	currency: t.currency,
+	digits: t.fractionDigits
+});
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/financial/financial-parts.tsx
+function H() {
+	let { currency: e, locale: t } = c();
+	return h(() => ({
+		locale: t,
+		currency: e,
+		fractionDigits: e ? y(e) : 2
+	}), [t, e]);
+}
+function U({ label: e, value: t, onChange: n }) {
+	let r = H();
+	return r.currency ? /* @__PURE__ */ _(o, {
+		label: e,
+		value: t,
+		onChange: n,
+		currency: r.currency,
+		fractionDigits: r.fractionDigits,
+		className: "nxgt-fin-field"
+	}) : /* @__PURE__ */ _(G, {
+		label: e,
+		value: t,
+		onChange: n,
+		min: 0
+	});
+}
+function W({ max: e = 100, ...t }) {
+	return /* @__PURE__ */ _(s, {
+		label: t.label,
+		value: t.value,
+		onChange: t.onChange,
+		max: e,
+		step: .5,
+		hideSteppers: !0,
+		className: "nxgt-fin-field"
+	});
+}
+function G({ min: e, max: t, ...n }) {
+	return /* @__PURE__ */ _(a, {
+		label: n.label,
+		value: n.value,
+		onChange: n.onChange,
+		min: e,
+		max: t,
+		hideSteppers: !0,
+		className: "nxgt-fin-field"
+	});
+}
+function K({ outcome: e, active: t }) {
+	let { t: n } = i(), r = H(), a = e && "figures" in e ? e.figures.find((e) => e.main) : void 0, o = a && n(a.label.key, a.label.fallback), s = e && "error" in e ? {
+		key: l[e.error],
+		fallback: x({ code: e.error }).fallback
+	} : null;
+	return u(a && o ? n("material.calculator.financial.announce", "{label}: {value}", {
+		label: o,
+		value: V(a, r)
+	}) : s && n(s.key, s.fallback), t), /* @__PURE__ */ _("section", {
+		"aria-label": n("material.calculator.financial.results", "Results"),
+		"data-slot": "calculator-financial-results",
+		className: "nxgt-fin-results",
+		children: e === null ? /* @__PURE__ */ _("p", {
+			className: "nxgt-fin-hint",
+			children: n("material.calculator.financial.empty", "Enter the figures to see the result.")
+		}) : "error" in e && s ? /* @__PURE__ */ _("p", {
+			className: "nxgt-fin-error",
+			children: n(s.key, s.fallback)
+		}) : "figures" in e ? /* @__PURE__ */ _("dl", {
+			className: "nxgt-fin-figures",
+			dir: "ltr",
+			children: e.figures.map((e) => /* @__PURE__ */ v("div", {
+				"data-main": e.main ? "" : void 0,
+				children: [/* @__PURE__ */ _("dt", { children: n(e.label.key, e.label.fallback) }), /* @__PURE__ */ _("dd", {
+					"data-figure": e.id,
+					children: V(e, r)
+				})]
+			}, e.id))
+		}) : null
+	});
+}
+var q = (e, t) => ({
+	id: e,
+	glyph: t,
+	name: t
+});
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/financial/financial-change.tsx
+function J({ active: e }) {
+	let { t } = i(), [n, r] = g(null), [a, o] = g(null);
+	return /* @__PURE__ */ v("div", {
+		className: "nxgt-fin-panel",
+		children: [/* @__PURE__ */ v("div", {
+			className: "nxgt-fin-fields",
+			children: [/* @__PURE__ */ _(G, {
+				label: t("material.calculator.financial.change.from", "From"),
+				value: n,
+				onChange: r
+			}), /* @__PURE__ */ _(G, {
+				label: t("material.calculator.financial.change.to", "To"),
+				value: a,
+				onChange: o
+			})]
+		}), /* @__PURE__ */ _(K, {
+			active: e,
+			outcome: R(n, a)
+		})]
+	});
+}
+function ae(e, t, n, r) {
+	let i = {
+		outcome: null,
+		loan: null
+	};
+	if ([
+		e,
+		t,
+		n
+	].some((e) => e === null)) return i;
+	try {
+		let i = {
+			principal: String(e),
+			annualRate: String(t),
+			periods: Number(n)
+		}, a = T(i, {
+			...r,
+			limit: 12
+		}), o = ee(a.lastPayment, a.payment) !== 0;
+		return {
+			outcome: { figures: [
+				P("payment", "Payment", O(i, r), "money", !0),
+				P("interest", "Total interest", a.totalInterest, "money"),
+				P("total", "Total paid", a.totalPaid, "money"),
+				...o ? [P("last-payment", "Last payment", a.lastPayment, "money")] : []
+			] },
+			loan: {
+				rows: a.rows,
+				periods: a.periods,
+				truncated: a.truncated
+			}
+		};
+	} catch (e) {
+		if (e instanceof b) return {
+			outcome: { error: e.code },
+			loan: null
+		};
+		throw e;
+	}
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/financial/financial-table.tsx
+var Y = "material.calculator.financial.table";
+function oe({ loan: e, format: t }) {
+	let { t: n } = i(), r = m(), a = (e) => C(e, {
+		locale: t.locale,
+		fractionDigits: t.fractionDigits
+	});
+	return /* @__PURE__ */ _("section", {
+		className: "nxgt-fin-table-wrap",
+		tabIndex: 0,
+		"aria-labelledby": r,
+		children: /* @__PURE__ */ v("table", {
+			className: "nxgt-fin-table",
+			dir: "ltr",
+			children: [
+				/* @__PURE__ */ _("caption", {
+					id: r,
+					children: e.truncated ? n(`${Y}.caption`, "First {shown} of {count} payments", {
+						shown: e.rows.length,
+						count: e.periods
+					}) : n(`${Y}.caption-all`, "All {count} payments", { count: e.periods })
+				}),
+				/* @__PURE__ */ _("thead", { children: /* @__PURE__ */ v("tr", { children: [
+					/* @__PURE__ */ _("th", {
+						scope: "col",
+						children: n(`${Y}.period`, "No.")
+					}),
+					/* @__PURE__ */ _("th", {
+						scope: "col",
+						children: n(`${Y}.payment`, "Payment")
+					}),
+					/* @__PURE__ */ _("th", {
+						scope: "col",
+						children: n(`${Y}.interest`, "Interest")
+					}),
+					/* @__PURE__ */ _("th", {
+						scope: "col",
+						children: n(`${Y}.principal`, "Principal")
+					}),
+					/* @__PURE__ */ _("th", {
+						scope: "col",
+						children: n(`${Y}.balance`, "Balance")
+					})
+				] }) }),
+				/* @__PURE__ */ _("tbody", { children: e.rows.map((e) => /* @__PURE__ */ v("tr", { children: [
+					/* @__PURE__ */ _("th", {
+						scope: "row",
+						children: e.period
+					}),
+					/* @__PURE__ */ _("td", { children: a(e.payment) }),
+					/* @__PURE__ */ _("td", { children: a(e.interest) }),
+					/* @__PURE__ */ _("td", { children: a(e.principal) }),
+					/* @__PURE__ */ _("td", { children: a(e.balance) })
+				] }, e.period)) })
+			]
+		})
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/financial/financial-loan.tsx
+var X = "material.calculator.financial.loan";
+function se({ active: e }) {
+	let { t } = i(), n = H(), [r, a] = g(null), [o, s] = g(null), [c, l] = g(null), { outcome: u, loan: d } = ae(r, o, c, n);
+	return /* @__PURE__ */ v("div", {
+		className: "nxgt-fin-panel",
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "nxgt-fin-fields",
+				children: [
+					/* @__PURE__ */ _(U, {
+						label: t(`${X}.principal`, "Amount borrowed"),
+						value: r,
+						onChange: a
+					}),
+					/* @__PURE__ */ _(W, {
+						label: t(`${X}.rate`, "Yearly rate"),
+						value: o,
+						onChange: s
+					}),
+					/* @__PURE__ */ _(G, {
+						label: t(`${X}.periods`, "Monthly payments"),
+						value: c,
+						onChange: l,
+						min: 1,
+						max: 1200
+					})
+				]
+			}),
+			/* @__PURE__ */ _(K, {
+				active: e,
+				outcome: u
+			}),
+			d ? /* @__PURE__ */ _(oe, {
+				loan: d,
+				format: n
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/financial/financial-margin.tsx
+var Z = "material.calculator.financial.margin";
+function Q({ active: e }) {
+	let { t } = i(), { fractionDigits: n } = H(), [r, a] = g("rates"), [o, s] = g("margin"), [c, l] = g(null), [u, d] = g(null), f = r === "rates", m = t(`${Z}.cost-field`, "Cost"), h = t(`${Z}.price-field`, "Selling price"), y = r === "cost" ? h : m;
+	return /* @__PURE__ */ v("div", {
+		className: "nxgt-fin-panel",
+		children: [
+			/* @__PURE__ */ _(p, {
+				label: t(`${Z}.mode`, "Find"),
+				value: r,
+				onChange: a,
+				choices: [
+					q("rates", t(`${Z}.rates`, "Rates")),
+					q("price", t(`${Z}.price`, "Price")),
+					q("cost", t(`${Z}.cost`, "Cost"))
+				]
+			}),
+			f ? null : /* @__PURE__ */ _(p, {
+				label: t(`${Z}.basis`, "Based on"),
+				value: o,
+				onChange: s,
+				choices: [q("margin", t(`${Z}.margin`, "Margin")), q("markup", t(`${Z}.markup`, "Markup"))]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "nxgt-fin-fields",
+				children: [/* @__PURE__ */ _(U, {
+					label: y,
+					value: c,
+					onChange: l
+				}), f ? /* @__PURE__ */ _(U, {
+					label: h,
+					value: u,
+					onChange: d
+				}) : /* @__PURE__ */ _(W, {
+					label: t(o === "margin" ? `${Z}.margin` : `${Z}.markup`, o === "margin" ? "Margin" : "Markup"),
+					max: o === "margin" ? 99.99 : 1e5,
+					value: u,
+					onChange: d
+				})]
+			}),
+			/* @__PURE__ */ _(K, {
+				active: e,
+				outcome: L(r, o, c, u, { fractionDigits: n })
+			})
+		]
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/financial/financial-vat.tsx
+function ce({ active: e }) {
+	let { t } = i(), { fractionDigits: n } = H(), [r, a] = g("add"), [o, s] = g(null), [c, l] = g(null);
+	return /* @__PURE__ */ v("div", {
+		className: "nxgt-fin-panel",
+		children: [
+			/* @__PURE__ */ _(p, {
+				label: t("material.calculator.financial.vat.direction", "Direction"),
+				value: r,
+				onChange: a,
+				choices: [q("add", t("material.calculator.financial.vat.add", "Add VAT")), q("remove", t("material.calculator.financial.vat.remove", "Remove VAT"))]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "nxgt-fin-fields",
+				children: [/* @__PURE__ */ _(U, {
+					label: r === "add" ? t("material.calculator.financial.vat.net", "Price excluding VAT") : t("material.calculator.financial.vat.gross", "Price including VAT"),
+					value: o,
+					onChange: s
+				}), /* @__PURE__ */ _(W, {
+					label: t("material.calculator.financial.vat.rate", "VAT rate"),
+					value: c,
+					onChange: l
+				})]
+			}),
+			/* @__PURE__ */ _(K, {
+				active: e,
+				outcome: I(r, o, c, { fractionDigits: n })
+			})
+		]
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/financial/financial-panel.tsx
+var $ = "material.calculator.financial", le = [
+	"vat",
+	"margin",
+	"change",
+	"loan"
+], ue = (e) => le.includes(e);
+function de() {
+	let { t: a } = i(), [o, s] = g("vat"), c = [
+		[
+			"vat",
+			a(`${$}.tabs.vat`, "VAT"),
+			ce
+		],
+		[
+			"margin",
+			a(`${$}.tabs.margin`, "Margin"),
+			Q
+		],
+		[
+			"change",
+			a(`${$}.tabs.change`, "% change"),
+			J
+		],
+		[
+			"loan",
+			a(`${$}.tabs.loan`, "Loan"),
+			se
+		]
+	];
+	return /* @__PURE__ */ _(d, { children: /* @__PURE__ */ v(n, {
+		value: o,
+		onValueChange: (e) => ue(e) && s(e),
+		className: "nxgt-fin-tabs",
+		children: [/* @__PURE__ */ _(t, {
+			"aria-label": a(`${$}.tabs.label`, "Calculation"),
+			className: "nxgt-fin-tablist",
+			children: c.map(([t, n]) => /* @__PURE__ */ _(e, {
+				value: t,
+				children: n
+			}, t))
+		}), c.map(([e, , t]) => /* @__PURE__ */ _(r, {
+			value: e,
+			forceMount: !0,
+			className: "nxgt-fin-body",
+			children: /* @__PURE__ */ _(t, { active: o === e })
+		}, e))]
+	}) });
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/financial/financial-variant.ts
+var fe = { part: { panel: de } };
+//#endregion
+export { fe as variant };

package/dist/{hooks-Dqq8O3Az.js → hooks-Dg94jPRq.js}

@@ -1,6 +1,6 @@
-import { i as e } from "./translate-material-pVlPJ1v4.js";
-import { t } from "./number.utils-BG_eEt5g.js";
-import { n } from "./use-heading-spy-B_Z4ArDh.js";
+import { i as e } from "./translate-material-BypJJ1l5.js";
+import { n as t } from "./use-heading-spy-DJR8YYm6.js";
+import { t as n } from "./number.utils-CSueQZcv.js";
 import { useCallback as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
 import { useBlocker as l, useNavigate as u, useSearchParams as d } from "react-router";
@@ -146,10 +146,10 @@ function E(e) {
 //#endregion
 //#region lib/hooks/use-number-formatter.ts
 function D() {
-	let n = e(), i = r((e, r) => t(e, {
+	let t = e(), i = r((e, r) => n(e, {
 		...r,
-		language: n?.language
-	}), [n?.language]);
+		language: t?.language
+	}), [t?.language]);
 	return {
 		formatCurrency: r((e, t) => i(e, {
 			...t,
@@ -251,7 +251,7 @@ async function I(e) {
 }
 //#endregion
 //#region lib/hooks/use-unsaved-guard/use-discard-guard.tsx
-function L(e, t = {}) {
+function L(e, n = {}) {
 	let i = o(e);
 	i.current = e;
 	let [a, l] = s(null);
@@ -259,8 +259,8 @@ function L(e, t = {}) {
 		close: r((e) => {
 			N(i.current) ? l(() => e) : e();
 		}, []),
-		dialog: /* @__PURE__ */ c(n, {
-			...t,
+		dialog: /* @__PURE__ */ c(t, {
+			...n,
 			open: a !== null,
 			onOpenChange: (e) => {
 				e || l(null);
@@ -294,8 +294,8 @@ function z(e, t) {
 		blockerRef: c
 	};
 }
-function B(e, t) {
-	let { block: a, leaves: l, ignoreSearch: u, onBlock: d, ...f } = t, p = o(e);
+function B(e, n) {
+	let { block: a, leaves: l, ignoreSearch: u, onBlock: d, ...f } = n, p = o(e);
 	p.current = e;
 	let [m] = s(() => P(() => p.current)), h = o(!1), { asking: g, setAsking: _, blockerRef: v } = z(a((e) => m.shouldBlock(e, {
 		leaves: l,
@@ -307,7 +307,7 @@ function B(e, t) {
 		y && m.rearm();
 	}, [y, m]), {
 		release: r(() => m.release(), [m]),
-		dialog: /* @__PURE__ */ c(n, {
+		dialog: /* @__PURE__ */ c(t, {
 			...f,
 			open: g,
 			onOpenChange: (e) => {

package/dist/hooks.js

@@ -1,8 +1,8 @@
 import { a as e, i as t, o as n, r, s as i } from "./theme-store-BdPp43cV.js";
 import { n as a, t as o } from "./use-theme-BCLireTd.js";
-import { a as s, i as c, m as l, o as u, r as d, s as f, t as p } from "./use-heading-spy-B_Z4ArDh.js";
+import { a as s, i as c, m as l, o as u, r as d, s as f, t as p } from "./use-heading-spy-DJR8YYm6.js";
 import { r as m } from "./use-csp-nonce-ZKs9k-ov.js";
 import { t as h } from "./use-mobile-BDro060N.js";
 import { t as g } from "./use-scroll-away-PQRFZkT2.js";
-import { a as _, c as v, d as y, f as b, g as x, h as S, i as C, l as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M } from "./hooks-Dqq8O3Az.js";
+import { a as _, c as v, d as y, f as b, g as x, h as S, i as C, l as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M } from "./hooks-Dg94jPRq.js";
 export { r as DEFAULT_THEME, t as applyResolvedTheme, e as applyThemeName, _ as buildOptions, c as busySettler, b as clearDrafts, s as createSubmitGuard, D as extractNode, S as isLeaving, n as resolveTheme, i as resolveThemeName, x as shouldBlockNavigation, T as useAllowedTransitions, d as useCountdown, m as useCspNonce, E as useDiscardGuard, O as useDrafts, f as useFocusOnMount, y as useFormatters, p as useHeadingSpy, a as useIsClient, h as useIsMobile, l as useLocalizedDate, w as useNavigationHandler, M as useNavigationHandlers, v as useNumberFormatter, A as useOptions, C as useReactRouterBlock, g as useScrollAway, k as useSearchParam, u as useSubmitOnce, o as useTheme, j as useUnsavedGuard };