@nxgt/material 3.75.0 → 3.76.0

package/dist/conversion-variant-BDFAxqe9.js

@@ -0,0 +1,529 @@
+import { i as e } from "./field-blur-context-BLGgf_3z.js";
+import { t } from "./button-3op3rtZh.js";
+import { t as n } from "./use-material-translation-CD6QoVal.js";
+import { t as r } from "./icon-button-Cogxy1cy.js";
+import { t as i } from "./text-field-BAdY-kpO.js";
+import { r as a, t as o } from "./native-select-w_FlBLHV.js";
+import { n as s } from "./calculator-context-BugcKuVG.js";
+import { t as c } from "./calculator-announce-DRd2c6Dq.js";
+import { n as l, t as u } from "./calculator-panel-announce-AZSnZUSr.js";
+import { useCallback as d, useEffect as f, useId as p, useMemo as m, useReducer as h, useRef as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { ArrowDownUp as b } from "lucide-react";
+import { currencyFractionDigits as x } from "@nxgt/material-core/currency-digits";
+import { CalcError as S, DEFAULT_CONTEXT as C, calcErrorMessage as w, formatDecimal as T, normaliseExpression as E, parseDecimal as D, roundTo as O, toPlain as k } from "@nxgt/material-core/calculator";
+import { UNIT_CATEGORIES as A, convertCurrency as j, convertUnit as ee, parseRates as M } from "@nxgt/material-core/calculator/units";
+//#region lib/components/ui/widgets/calculator/variants/conversion/conversion-fields.tsx
+function N({ label: t, value: n, options: r, disabled: i, onChange: s, slot: c }) {
+	let l = p();
+	return /* @__PURE__ */ y("div", {
+		className: "nxgt-conv-field",
+		"data-slot": c,
+		children: [/* @__PURE__ */ v(e, {
+			htmlFor: l,
+			children: t
+		}), /* @__PURE__ */ v(o, {
+			id: l,
+			value: n,
+			disabled: i,
+			onChange: (e) => s(e.target.value),
+			children: r.map((e) => /* @__PURE__ */ v(a, {
+				value: e.id,
+				children: e.label
+			}, e.id))
+		})]
+	});
+}
+function te({ onClick: e, disabled: t }) {
+	let { t: i } = n();
+	return /* @__PURE__ */ v(r, {
+		variant: "tonal",
+		className: "nxgt-conv-swap",
+		disabled: t,
+		"aria-label": i("material.calculator.conversion.swap", "Swap the units"),
+		"data-pw": "calculator-conversion-swap",
+		onClick: e,
+		children: /* @__PURE__ */ v(b, {})
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/conversion/conversion-result.tsx
+var P = "material.calculator.conversion";
+function ne(e, t) {
+	if (!/^\d{4}-\d{2}-\d{2}$/.test(e)) return e;
+	try {
+		return new Intl.DateTimeFormat(t, {
+			dateStyle: "medium",
+			timeZone: "UTC"
+		}).format(new Date(e));
+	} catch {
+		return e;
+	}
+}
+function F({ rates: e, locale: r, retry: i }) {
+	let { t: a } = n();
+	if (e.status === "loading") return /* @__PURE__ */ v("p", {
+		className: "nxgt-conv-note",
+		"aria-busy": "true",
+		"data-slot": "conversion-rates",
+		children: a(`${P}.rates.loading`, "Loading exchange rates…")
+	});
+	if (e.status === "error") {
+		let n = e.code;
+		return /* @__PURE__ */ y("div", {
+			className: "nxgt-conv-note nxgt-conv-error",
+			"data-slot": "conversion-rates",
+			children: [/* @__PURE__ */ v("p", { children: n ? a(c[n], w({ code: n }).fallback) : a(`${P}.rates.error`, "The exchange rates could not be loaded.") }), i ? /* @__PURE__ */ v(t, {
+				type: "button",
+				variant: "tonal",
+				size: "sm",
+				onClick: i,
+				children: a(`${P}.rates.retry`, "Try again")
+			}) : null]
+		});
+	}
+	let o = e.status === "ready" ? e.rates.asOf : void 0;
+	return o ? /* @__PURE__ */ v("p", {
+		className: "nxgt-conv-note",
+		"data-slot": "conversion-rates",
+		children: a(`${P}.rates.as-of`, "Rates as of {date}", { date: ne(o, r) })
+	}) : null;
+}
+function I({ outcome: e, symbol: t }) {
+	let { t: r } = n(), i = e?.ok ? e.text : "";
+	return /* @__PURE__ */ v("section", {
+		"aria-label": r(`${P}.result`, "Result"),
+		"data-slot": "conversion-result",
+		className: "nxgt-conv-result",
+		children: e === null ? /* @__PURE__ */ v("p", {
+			className: "nxgt-conv-note",
+			children: r(`${P}.empty`, "Enter a value to convert it.")
+		}) : e.ok ? /* @__PURE__ */ y("output", {
+			dir: "ltr",
+			"data-size": i.length > 14 ? "long" : void 0,
+			className: "nxgt-conv-value",
+			"aria-live": "off",
+			children: [/* @__PURE__ */ v("span", {
+				"data-slot": "conversion-number",
+				children: i
+			}), /* @__PURE__ */ v("span", {
+				className: "nxgt-conv-unit",
+				children: t
+			})]
+		}) : /* @__PURE__ */ v("p", {
+			className: "nxgt-conv-error",
+			role: "alert",
+			children: r(c[e.error], w({ code: e.error }).fallback)
+		})
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/conversion/conversion-names.ts
+var L = {
+	nm: ["Nanometre", "nm"],
+	um: ["Micrometre", "µm"],
+	mm: ["Millimetre", "mm"],
+	cm: ["Centimetre", "cm"],
+	m: ["Metre", "m"],
+	km: ["Kilometre", "km"],
+	in: ["Inch", "in"],
+	ft: ["Foot", "ft"],
+	yd: ["Yard", "yd"],
+	mi: ["Mile", "mi"],
+	nmi: ["Nautical mile", "nmi"],
+	"light-second": ["Light-second", "ls"],
+	"light-year": ["Light-year", "ly"],
+	ug: ["Microgram", "µg"],
+	mg: ["Milligram", "mg"],
+	g: ["Gram", "g"],
+	kg: ["Kilogram", "kg"],
+	tonne: ["Tonne", "t"],
+	oz: ["Ounce", "oz"],
+	lb: ["Pound", "lb"],
+	st: ["Stone", "st"],
+	kelvin: ["Kelvin", "K"],
+	"deg-c": ["Celsius", "°C"],
+	"deg-f": ["Fahrenheit", "°F"],
+	"deg-r": ["Rankine", "°R"],
+	ml: ["Millilitre", "mL"],
+	cl: ["Centilitre", "cL"],
+	l: ["Litre", "L"],
+	cm3: ["Cubic centimetre", "cm³"],
+	m3: ["Cubic metre", "m³"],
+	tsp: ["Teaspoon (US)", "tsp"],
+	tbsp: ["Tablespoon (US)", "tbsp"],
+	floz: ["Fluid ounce (US)", "fl oz"],
+	cup: ["Cup (US)", "cup"],
+	pt: ["Pint (US)", "pt"],
+	qt: ["Quart (US)", "qt"],
+	gal: ["Gallon (US)", "gal"],
+	"gal-imp": ["Gallon (imperial)", "gal"],
+	mm2: ["Square millimetre", "mm²"],
+	cm2: ["Square centimetre", "cm²"],
+	m2: ["Square metre", "m²"],
+	ha: ["Hectare", "ha"],
+	km2: ["Square kilometre", "km²"],
+	in2: ["Square inch", "in²"],
+	ft2: ["Square foot", "ft²"],
+	yd2: ["Square yard", "yd²"],
+	acre: ["Acre", "ac"],
+	mi2: ["Square mile", "mi²"],
+	"m-s": ["Metre per second", "m/s"],
+	"km-h": ["Kilometre per hour", "km/h"],
+	"mi-h": ["Mile per hour", "mph"],
+	"ft-s": ["Foot per second", "ft/s"],
+	kn: ["Knot", "kn"],
+	ms: ["Millisecond", "ms"],
+	s: ["Second", "s"],
+	min: ["Minute", "min"],
+	h: ["Hour", "h"],
+	day: ["Day", "d"],
+	week: ["Week", "wk"],
+	month: ["Month", "mo"],
+	year: ["Year", "yr"],
+	bit: ["Bit", "bit"],
+	byte: ["Byte", "B"],
+	kb: ["Kilobyte", "kB"],
+	mb: ["Megabyte", "MB"],
+	gb: ["Gigabyte", "GB"],
+	tb: ["Terabyte", "TB"],
+	pb: ["Petabyte", "PB"],
+	kib: ["Kibibyte", "KiB"],
+	mib: ["Mebibyte", "MiB"],
+	gib: ["Gibibyte", "GiB"],
+	tib: ["Tebibyte", "TiB"],
+	pib: ["Pebibyte", "PiB"]
+}, R = {
+	length: "Length",
+	mass: "Mass",
+	temperature: "Temperature",
+	volume: "Volume",
+	area: "Area",
+	speed: "Speed",
+	time: "Time",
+	data: "Data",
+	currency: "Currency"
+}, z = "material.calculator.conversion";
+function B(e, t) {
+	try {
+		return new Intl.DisplayNames(t ? [t] : void 0, { type: "currency" }).of(e) ?? e;
+	} catch {
+		return e;
+	}
+}
+function V(e) {
+	let { t, language: r } = n();
+	return {
+		unit: d((n) => {
+			let [i = n, a = n] = L[n] ?? [], o = e === "currency" ? B(n, r) : t(`${z}.unit.${n}`, i), s = e === "currency" ? n : a;
+			return {
+				name: o,
+				symbol: s,
+				option: `${o} (${s})`
+			};
+		}, [
+			e,
+			r,
+			t
+		]),
+		categoryName: d((e) => t(`${z}.category.${e}`, R[e] ?? e), [t])
+	};
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/conversion/conversion-math.ts
+var H = 16;
+function U(e, t) {
+	let n = e.trim();
+	if (n !== "") return D(E(n, t));
+}
+function W(e) {
+	if (e.text.trim() === "") return null;
+	try {
+		let t = U(e.text, e.locale);
+		if (!t) return {
+			ok: !1,
+			error: "invalid-digit"
+		};
+		let n = {
+			...C,
+			...e.ctx
+		};
+		if (e.category !== "currency") {
+			let r = ee(t, e.from, e.to, n);
+			return {
+				ok: !0,
+				text: T(r, {
+					locale: e.locale,
+					maxSignificant: H
+				}),
+				value: k(r)
+			};
+		}
+		if (!e.rates) return {
+			ok: !1,
+			error: "invalid-rates"
+		};
+		let r = x(e.to), i = O(j(t, e.from, e.to, e.rates, n), r, "half-up");
+		return {
+			ok: !0,
+			text: T(i, {
+				locale: e.locale,
+				fractionDigits: r
+			}),
+			value: k(i)
+		};
+	} catch (e) {
+		return {
+			ok: !1,
+			error: e instanceof S ? e.code : "domain"
+		};
+	}
+}
+function G(e, t) {
+	return {
+		...e ? { precision: Math.min(Math.max(Math.trunc(e), 1), 34) } : {},
+		...t ? { rounding: t } : {}
+	};
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/conversion/conversion-rates.ts
+var K = { status: "none" }, q = { status: "idle" }, J = { status: "loading" };
+function Y(e) {
+	try {
+		return {
+			status: "ready",
+			rates: M(e)
+		};
+	} catch (e) {
+		return {
+			status: "error",
+			code: e instanceof S ? e.code : void 0
+		};
+	}
+}
+function X(e, t) {
+	let n = typeof e == "function", r = g(e);
+	r.current = e;
+	let [i, a] = _(0), [o, s] = _(q);
+	f(() => {
+		let e = r.current;
+		if (!t || typeof e != "function" || i < 0) return;
+		let n = new AbortController();
+		return s(J), Promise.resolve().then(() => e(n.signal)).then((e) => {
+			n.signal.aborted || s(Y(e));
+		}, () => {
+			n.signal.aborted || s({ status: "error" });
+		}), () => n.abort();
+	}, [t, i]);
+	let c = m(() => e && !n ? Y(e) : K, [e, n]), l = d(() => a((e) => e + 1), []);
+	return n ? {
+		state: o,
+		retry: l
+	} : {
+		state: c,
+		retry: void 0
+	};
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/conversion/conversion-state.ts
+var re = {
+	category: "length",
+	from: "",
+	to: "",
+	text: ""
+}, ie = {
+	length: ["m", "ft"],
+	mass: ["kg", "lb"],
+	temperature: ["deg-c", "deg-f"],
+	volume: ["l", "gal"],
+	area: ["m2", "ft2"],
+	speed: ["km-h", "mi-h"],
+	time: ["h", "min"],
+	data: ["gb", "mb"]
+};
+function ae(e, t) {
+	return e === "currency" ? t : A.find((t) => t.id === e)?.units.map((e) => e.id) ?? [];
+}
+function Z(e, t) {
+	let [n, r] = ie[e.category] ?? [t[0], t[1]], i = t.includes(e.from) ? e.from : n ?? t[0] ?? "", a = t.includes(e.to) ? e.to : void 0;
+	return [i, (a && a !== i ? a : [r, ...t].find((e) => e !== void 0 && e !== i) ?? i) ?? i];
+}
+function oe(e, t) {
+	switch (t.type) {
+		case "category": return t.id === e.category ? e : {
+			...e,
+			category: t.id,
+			from: "",
+			to: ""
+		};
+		case "from":
+		case "to": {
+			let [n, r] = Z(e, t.units), i = t.type === "from" ? r : n;
+			return t.type === "from" ? {
+				...e,
+				from: t.id,
+				to: t.id === i ? n : r
+			} : {
+				...e,
+				to: t.id,
+				from: t.id === i ? r : n
+			};
+		}
+		case "swap": return {
+			...e,
+			from: t.to,
+			to: t.from
+		};
+		case "text": return {
+			...e,
+			text: t.text
+		};
+	}
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/conversion/use-conversion.ts
+var se = "material.calculator.conversion";
+function Q() {
+	let { t: e } = n(), { locale: t, conversion: r } = s(), [i, a] = h(oe, re), [o, c] = _(!1);
+	i.category === "currency" && !o && c(!0);
+	let { state: l, retry: u } = X(r.currencyRates, o), d = l.status !== "none", f = i.category === "currency" && !d ? "length" : i.category, p = l.status === "ready" ? l.rates : void 0, g = ae(f, m(() => p ? [...p.rates.keys()] : [], [p])), [v, y] = Z({
+		...i,
+		category: f
+	}, g), { unit: b, categoryName: x } = V(f), S = m(() => G(r.precision, r.rounding), [r.precision, r.rounding]), C = m(() => v === "" ? null : W({
+		text: i.text,
+		category: f,
+		from: v,
+		to: y,
+		locale: t,
+		rates: p,
+		ctx: S
+	}), [
+		i.text,
+		f,
+		v,
+		y,
+		t,
+		p,
+		S
+	]), w = g.map((e) => ({
+		id: e,
+		label: b(e).option
+	})), T = [...A.map((e) => e.id), ...d ? ["currency"] : []].map((e) => ({
+		id: e,
+		label: x(e)
+	})), E = b(v), D = b(y), O = C?.ok === !0 ? e(`${se}.announce`, "{value} {from} equals {result} {to}", {
+		value: i.text.trim(),
+		from: E.name,
+		result: C.text,
+		to: D.name
+	}) : null;
+	return {
+		state: i,
+		dispatch: a,
+		category: f,
+		rates: l,
+		retry: u,
+		locale: t,
+		units: g,
+		from: v,
+		to: y,
+		options: w,
+		categories: T,
+		waiting: f === "currency" && l.status !== "ready",
+		outcome: C,
+		toLabel: D,
+		said: O
+	};
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/conversion/conversion-panel.tsx
+var $ = "material.calculator.conversion";
+function ce({ text: e }) {
+	return l(e, !0), null;
+}
+function le() {
+	let { t: e } = n(), t = Q(), { state: r, dispatch: a, category: o, rates: s, retry: c, locale: l, units: d } = t, { from: f, to: p, options: m, categories: h, waiting: g, outcome: _, toLabel: b } = t;
+	return /* @__PURE__ */ v(u, { children: /* @__PURE__ */ y("div", {
+		"data-slot": "calculator-conversion",
+		className: "nxgt-conv",
+		children: [
+			/* @__PURE__ */ v(N, {
+				slot: "conversion-category",
+				label: e(`${$}.category.label`, "Category"),
+				value: o,
+				options: h,
+				onChange: (e) => a({
+					type: "category",
+					id: e
+				})
+			}),
+			o === "currency" ? /* @__PURE__ */ v(F, {
+				rates: s,
+				locale: l,
+				retry: c
+			}) : null,
+			/* @__PURE__ */ v(i, {
+				label: e(`${$}.value`, "Value"),
+				value: r.text,
+				inputMode: "decimal",
+				autoComplete: "off",
+				spellCheck: !1,
+				dir: "ltr",
+				disabled: g,
+				error: _?.ok === !1,
+				"data-pw": "calculator-conversion-value",
+				onChange: (e) => a({
+					type: "text",
+					text: e.target.value
+				})
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "nxgt-conv-units",
+				children: [
+					/* @__PURE__ */ v(N, {
+						slot: "conversion-from",
+						label: e(`${$}.from`, "From"),
+						value: f,
+						options: m,
+						disabled: g,
+						onChange: (e) => a({
+							type: "from",
+							id: e,
+							units: d
+						})
+					}),
+					/* @__PURE__ */ v(te, {
+						disabled: g,
+						onClick: () => a({
+							type: "swap",
+							from: f,
+							to: p
+						})
+					}),
+					/* @__PURE__ */ v(N, {
+						slot: "conversion-to",
+						label: e(`${$}.to`, "To"),
+						value: p,
+						options: m,
+						disabled: g,
+						onChange: (e) => a({
+							type: "to",
+							id: e,
+							units: d
+						})
+					})
+				]
+			}),
+			g ? null : /* @__PURE__ */ v(I, {
+				outcome: _,
+				symbol: b.symbol
+			}),
+			/* @__PURE__ */ v(ce, { text: t.said })
+		]
+	}) });
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/variants/conversion/conversion-variant.ts
+var ue = { part: { panel: le } };
+//#endregion
+export { ue as variant };

package/dist/copy-to-clipboard-Be5Ffvs_.js

@@ -0,0 +1,7 @@
+//#region lib/components/ui/actions/copy-button/copy-to-clipboard.ts
+async function e(e) {
+	if (!navigator.clipboard?.writeText) throw Error("Clipboard is not available");
+	await navigator.clipboard.writeText(e);
+}
+//#endregion
+export { e as t };

package/dist/currency-B-r3ig11.js

@@ -0,0 +1,16 @@
+import { formatDecimal as e } from "@nxgt/material-core/calculator";
+//#region lib/components/ui/widgets/calculator/currency.ts
+var t = "\xA0", n = (t, n) => e(t, {
+	locale: "en",
+	fractionDigits: n,
+	grouping: !1
+});
+function r(n, r) {
+	let i = e(n, {
+		locale: r.locale,
+		fractionDigits: r.digits
+	});
+	return r.currency ? `${i}${t}${r.currency}` : i;
+}
+//#endregion
+export { n, r as t };