@nxgt/material 3.100.1 → 3.103.0

package/dist/theme-picker.js

@@ -1,10 +1,10 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { a as t, i as n, n as r, o as i, r as a, t as o } from "./bubble-input-CQwVSoU3.js";
+import { a as t, n, o as r, r as i, s as a, t as o } from "./bubble-input-BxI1WmNs.js";
 import { a as s, r as c } from "./icon-sprites-CaYXzOL4.js";
-import { t as l } from "./use-material-translation-CLNaMhUf.js";
+import { t as l } from "./use-material-translation-uNc1FyC8.js";
 import { t as u } from "./use-theme-BCLireTd.js";
 import { a as d, r as f } from "./theme-context-Cofk6vgs.js";
-import { t as p } from "./theme-toggle-n_Zg7JAA.js";
+import { t as p } from "./theme-toggle-B6Jl5Kfn.js";
 import { n as m, t as h } from "./nxgt-theme-DA1IQe0O.js";
 import { useContext as g } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
@@ -67,11 +67,11 @@ function A({ background: e }) {
 }
 //#endregion
 //#region lib/theme-picker/partials/theme-tile.tsx
-function j({ theme: e, label: r, showBackground: s, background: c }) {
+function j({ theme: e, label: n, showBackground: s, background: c }) {
 	let l = /* @__PURE__ */ _(h, {
 		theme: e,
 		asChild: !0,
-		children: /* @__PURE__ */ v(i, {
+		children: /* @__PURE__ */ v(a, {
 			"data-slot": "theme-tile",
 			children: [
 				s && /* @__PURE__ */ _(A, { background: c }),
@@ -86,9 +86,9 @@ function j({ theme: e, label: r, showBackground: s, background: c }) {
 				}),
 				/* @__PURE__ */ _("span", {
 					"data-slot": "theme-tile-label",
-					children: r
+					children: n
 				}),
-				/* @__PURE__ */ _(a, {
+				/* @__PURE__ */ _(i, {
 					asChild: !0,
 					children: /* @__PURE__ */ _(T, {
 						"aria-hidden": !0,
@@ -98,9 +98,9 @@ function j({ theme: e, label: r, showBackground: s, background: c }) {
 			]
 		})
 	});
-	return /* @__PURE__ */ _(t, {
+	return /* @__PURE__ */ _(r, {
 		value: e.name,
-		...o(l, /* @__PURE__ */ _(n, {}))
+		...o(l, /* @__PURE__ */ _(t, {}))
 	});
 }
 //#endregion
@@ -116,19 +116,19 @@ function M(e, t) {
 }
 //#endregion
 //#region lib/theme-picker/theme-picker.tsx
-function N({ themes: t, value: n, onValueChange: i, showMode: a = !0, showBackground: o = !0, layout: s = "grid", className: c, ...p }) {
+function N({ themes: t, value: r, onValueChange: i, showMode: a = !0, showBackground: o = !0, layout: s = "grid", className: c, ...p }) {
 	let { t: h, language: y } = l(), b = g(f), { themeName: x, setThemeName: S } = u(), C = d()?.name ?? x, w = t ?? b ?? E;
 	return /* @__PURE__ */ v("div", {
 		"data-slot": "theme-picker",
 		"data-layout": s,
 		className: e("flex flex-col gap-4", c),
 		...p,
-		children: [/* @__PURE__ */ _(r, {
+		children: [/* @__PURE__ */ _(n, {
 			"data-slot": "theme-picker-group",
 			"aria-label": h("material.theme-picker.label", "Theme"),
-			value: n ?? C,
+			value: r ?? C,
 			onValueChange: (e) => {
-				n === void 0 && S(e), i?.(e);
+				r === void 0 && S(e), i?.(e);
 			},
 			children: w.map((e) => /* @__PURE__ */ _(j, {
 				theme: e,

package/dist/{theme-toggle-n_Zg7JAA.js → theme-toggle-B6Jl5Kfn.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./use-material-translation-CLNaMhUf.js";
+import { t as e } from "./use-material-translation-uNc1FyC8.js";
 import { i as t } from "./theme-store-BdPp43cV.js";
 import { n, t as r } from "./use-theme-BCLireTd.js";
 import { r as i } from "./theme-context-Cofk6vgs.js";

package/dist/{toolbar-items-IANZdcw4.js → toolbar-items-Cs1XrZsH.js}

@@ -1,15 +1,15 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { o as t, t as n } from "./dist-DVRQkaTK.js";
 import { i as r, r as i } from "./dist-DWZXlCZR.js";
-import { n as a } from "./spinner-ffuwBXHl.js";
+import { n as a } from "./spinner-Cg0y_E_K.js";
 import { a as o } from "./dist-DHdUUM1w.js";
 import { i as s, n as c, r as l, t as u } from "./dist-DOK3zo5C.js";
 import { t as d } from "./in-dialog-D61Yeaol.js";
-import { A as f, M as p, N as m, b as h, d as g, f as _, i as v, j as y, l as b, n as x, o as S, r as C, t as w, u as T, y as ee } from "./dropdown-menu-FdGC5kIP.js";
-import { a as te, n as ne } from "./popover-ZxL7ktKk.js";
+import { A as f, M as p, N as m, b as h, d as g, f as _, i as v, j as y, l as b, n as x, o as S, r as C, t as w, u as T, y as ee } from "./dropdown-menu-BnfLWu8n.js";
+import { a as te, n as ne } from "./popover-D8iHiAbl.js";
 import { i as re, n as ie, r as ae, t as oe } from "./dist-BZe2evxL.js";
 import { t as se } from "./warn-once-C_e47JM8.js";
-import { t as ce } from "./use-material-translation-CLNaMhUf.js";
+import { t as ce } from "./use-material-translation-uNc1FyC8.js";
 import * as E from "react";
 import { createContext as D, useCallback as le, useContext as O, useEffect as k, useId as ue, useLayoutEffect as A, useMemo as j, useReducer as de, useRef as M, useState as N } from "react";
 import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";

package/dist/{translate-material-CMHUH5Ha.js → translate-material-Du0j0t97.js}

@@ -1,4 +1,4 @@
-import { a as e, l as t, r as n, s as r, t as i, u as a } from "./translator-9zA-Um3W.js";
+import { a as e, l as t, r as n, s as r, t as i, u as a } from "./translator-BVs4n0Fz.js";
 import { createContext as o, useCallback as s, useContext as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
 import { jsx as p } from "react/jsx-runtime";
 //#region lib/i18n/material-resources-registry.ts

package/dist/{translator-9zA-Um3W.js → translator-BVs4n0Fz.js}

@@ -65,7 +65,8 @@ var r = {
 			cancel: "Cancel",
 			processing: "Processing...",
 			failed: "The action failed.",
-			"form-failed": "The form could not be loaded."
+			"form-failed": "The form could not be loaded.",
+			"type-phrase": "Type {phrase} to confirm"
 		},
 		"scroll-progress": "Scroll progress",
 		"skip-link": "Skip to content",
@@ -1410,6 +1411,19 @@ var r = {
 			invalid: "Enter a valid URL",
 			open: "Open URL"
 		},
+		"status-menu": {
+			trigger: "Status of {label}: {status}",
+			current: "Current status",
+			confirms: "Asks first",
+			"confirm-default": "Change the status to {label}?",
+			locked: "Locked",
+			unavailable: "Not available from {status}",
+			saving: "Saving the status of {label}",
+			changed: "Status of {label} changed to {status}",
+			failed: "The status of {label} could not be changed",
+			close: "Close",
+			choose: "Choose a status"
+		},
 		stepper: {
 			step: "Step {step}",
 			completed: "Completed",
@@ -3457,6 +3471,17 @@ var r = {
 				cancel: "Cancel"
 			}
 		},
+		keypad: {
+			commit: "Enter",
+			tender: "Tender",
+			total: "Total",
+			change: "Change {amount}",
+			due: "Still due {amount}",
+			shortcuts: "Quick amounts",
+			"change-label": "Change",
+			"due-label": "Still due",
+			amount: "Amount {amount}"
+		},
 		"record-actions": {
 			archive: "Archive",
 			restore: "Restore",
@@ -3589,7 +3614,8 @@ var r = {
 			cancel: "Annuler",
 			processing: "Traitement en cours…",
 			failed: "L’action a échoué.",
-			"form-failed": "Le formulaire n’a pas pu être chargé."
+			"form-failed": "Le formulaire n’a pas pu être chargé.",
+			"type-phrase": "Saisissez {phrase} pour confirmer"
 		},
 		"scroll-progress": "Progression du défilement",
 		"skip-link": "Aller au contenu",
@@ -4934,6 +4960,19 @@ var r = {
 			invalid: "Saisissez une URL valide",
 			open: "Ouvrir l’URL"
 		},
+		"status-menu": {
+			trigger: "Statut de {label} : {status}",
+			current: "Statut actuel",
+			confirms: "Demande confirmation",
+			"confirm-default": "Changer le statut en {label} ?",
+			locked: "Verrouillé",
+			unavailable: "Indisponible depuis {status}",
+			saving: "Enregistrement du statut de {label}",
+			changed: "Statut de {label} changé en {status}",
+			failed: "Le statut de {label} n'a pas pu être changé",
+			close: "Fermer",
+			choose: "Choisir un statut"
+		},
 		stepper: {
 			step: "Étape {step}",
 			completed: "Terminée",
@@ -6981,6 +7020,17 @@ var r = {
 				cancel: "Annuler"
 			}
 		},
+		keypad: {
+			commit: "Valider",
+			tender: "Encaisser",
+			total: "Total",
+			change: "Monnaie à rendre {amount}",
+			due: "Reste à payer {amount}",
+			shortcuts: "Montants rapides",
+			"change-label": "Monnaie",
+			"due-label": "Reste à payer",
+			amount: "Montant {amount}"
+		},
 		"record-actions": {
 			archive: "Archiver",
 			restore: "Restaurer",

package/dist/use-calculator-keyboard-BZ1CA4Ut.js

@@ -0,0 +1,222 @@
+import { t as e } from "./utils-BLfntITJ.js";
+import { t } from "./use-material-translation-uNc1FyC8.js";
+import { t as n } from "./useEvent-2fKq-6w8.js";
+import { t as r } from "./useLatest-C2PnQEeD.js";
+import { useCallback as i, useMemo as a, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { keyFromEvent as d } from "@nxgt/material-core/calculator";
+//#region lib/components/ui/widgets/keypad/keypad-key.tsx
+var f = {
+	digit: "bg-muted text-foreground",
+	operator: "bg-secondary-container text-foreground",
+	equals: "bg-primary text-primary-foreground",
+	utility: "bg-tertiary-container text-foreground",
+	function: "bg-muted text-foreground",
+	memory: "bg-muted text-foreground",
+	bracket: "bg-muted text-foreground"
+};
+function p({ def: n, row: r, index: i, tabIndex: a, decimal: o, unavailable: s, onPress: c, onFocus: u, buttonRef: d, slot: p = "calculator-key", className: m = "nxgt-calc-key" }) {
+	let { t: h } = t();
+	return /* @__PURE__ */ l("button", {
+		ref: d,
+		type: "button",
+		"data-slot": p,
+		"data-key": n.id,
+		"data-role": n.role,
+		"data-span": n.span,
+		"aria-disabled": s ? !0 : void 0,
+		tabIndex: a,
+		"aria-label": n.label ?? h(n.name.key, n.name.fallback),
+		className: e(m, f[n.role]),
+		onClick: () => !s && c(n),
+		onFocus: () => u(r, i),
+		children: /* @__PURE__ */ l("span", {
+			"aria-hidden": "true",
+			children: n.key === "." ? o : n.glyph
+		})
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/keypad/keypad-navigation.ts
+function m(e) {
+	return e.rows.map((e) => {
+		let t = 0;
+		return e.map((e) => {
+			let n = t;
+			return t += e.span ?? 1, {
+				start: n,
+				end: t
+			};
+		});
+	});
+}
+var h = (e) => Math.max(e - 1, 0);
+function g(e, t, n, r) {
+	let i = t.row < r, a = i ? 0 : r, o = i ? r - 1 : h(e.length), s = e[t.row] ?? [];
+	if (n === "ArrowUp" || n === "ArrowDown") {
+		let e = t.row + (n === "ArrowUp" ? -1 : 1);
+		return e < a || e > o ? void 0 : null;
+	}
+	if (!(i ? n === "ArrowRight" && t.index === h(s.length) : n === "ArrowLeft" && t.index === 0)) return null;
+	let c = t.row - a, l = i ? [r, h(e.length)] : [0, r - 1], u = Math.min(l[0] + c, l[1]);
+	return {
+		row: u,
+		index: i ? 0 : h((e[u] ?? []).length)
+	};
+}
+function _(e, t, n, r = !1, i) {
+	let a = e[t.row] ?? [], o = a[t.index];
+	if (!o) return;
+	if (i && !(r && (n === "Home" || n === "End"))) {
+		let r = g(e, t, n, i);
+		if (r != null) return r;
+		if (r === void 0) return;
+	}
+	let s = h(e.length);
+	switch (n) {
+		case "ArrowLeft": return t.index > 0 ? {
+			row: t.row,
+			index: t.index - 1
+		} : void 0;
+		case "ArrowRight": return t.index < h(a.length) ? {
+			row: t.row,
+			index: t.index + 1
+		} : void 0;
+		case "ArrowUp":
+		case "ArrowDown": {
+			let r = t.row + (n === "ArrowUp" ? -1 : 1), i = e[r];
+			if (!i) return;
+			let a = i.findIndex((e) => e.start <= o.start && o.start < e.end);
+			return {
+				row: r,
+				index: Math.max(a, 0)
+			};
+		}
+		case "Home": return r ? {
+			row: 0,
+			index: 0
+		} : {
+			row: t.row,
+			index: 0
+		};
+		case "End": return r ? {
+			row: s,
+			index: h((e[s] ?? []).length)
+		} : {
+			row: t.row,
+			index: h(a.length)
+		};
+		default: return;
+	}
+}
+function v(e) {
+	let t = e.querySelectorAll("[data-pane]"), [n, r] = [t[0]?.firstElementChild, t[1]?.firstElementChild];
+	return !n || !r ? !1 : n.getBoundingClientRect().right <= r.getBoundingClientRect().left;
+}
+//#endregion
+//#region lib/components/ui/widgets/keypad/keypad-grid.tsx
+var y = /* @__PURE__ */ new Set([
+	"ArrowLeft",
+	"ArrowRight",
+	"ArrowUp",
+	"ArrowDown",
+	"Home",
+	"End"
+]);
+function b(e, t, n, r) {
+	let i = e.map((e, t) => r(e, t));
+	return t ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
+		className: n,
+		"data-pane": "functions",
+		children: i.slice(0, t)
+	}), /* @__PURE__ */ l("div", {
+		className: n,
+		"data-pane": "main",
+		children: i.slice(t)
+	})] }) : i;
+}
+function x({ layout: e, label: t, describedBy: n, decimal: r, faceOf: i = (e) => e, unavailable: c, onPress: u, slot: d = "calculator-keypad", className: f = "nxgt-calc-keys", keySlot: h, keyClassName: g, paneClassName: x = "nxgt-calc-pane" }) {
+	let S = a(() => m(e), [e]), [C, w] = s({
+		row: 0,
+		index: 0
+	}), T = S[C.row]?.[C.index] ? C : {
+		row: 0,
+		index: 0
+	}, E = o(/* @__PURE__ */ new Map());
+	function D(t) {
+		if (!y.has(t.key) || t.altKey || t.metaKey) return;
+		let n = _(S, T, t.key, t.ctrlKey, v(t.currentTarget) ? e.split : void 0);
+		t.preventDefault(), n && E.current.get(`${n.row}:${n.index}`)?.focus();
+	}
+	return /* @__PURE__ */ l("div", {
+		role: "group",
+		"aria-label": t,
+		"aria-describedby": n,
+		dir: "ltr",
+		"data-slot": d,
+		"data-columns": e.columns,
+		className: f,
+		onKeyDown: D,
+		children: b(e.rows, e.split, x, (e, t) => e.map((e, n) => {
+			let a = i(e);
+			return /* @__PURE__ */ l(p, {
+				def: a,
+				row: t,
+				index: n,
+				decimal: r,
+				unavailable: c?.(a),
+				tabIndex: T.row === t && T.index === n ? 0 : -1,
+				slot: h,
+				className: g,
+				buttonRef: (e) => {
+					E.current.set(`${t}:${n}`, e);
+				},
+				onFocus: (e, t) => w({
+					row: e,
+					index: t
+				}),
+				onPress: u
+			}, a.id);
+		}))
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/calculator-keyboard.ts
+var S = /* @__PURE__ */ new Set([
+	"INPUT",
+	"TEXTAREA",
+	"SELECT"
+]);
+function C(e) {
+	return e ? S.has(e.tagName?.toUpperCase() ?? "") || e.isContentEditable === !0 : !1;
+}
+function w(e, t) {
+	if (e.defaultPrevented) return null;
+	let n = e.target;
+	if (t.global && C(n) || e.key === "Enter" && n?.closest?.("button")) return null;
+	let r = d(e, {
+		locale: t.locale,
+		programmer: t.programmer
+	});
+	return r === null ? null : r === "copy" ? t.hasSelection?.() ? null : r : r === "paste" ? null : t.accepts(r) ? r : null;
+}
+//#endregion
+//#region lib/components/ui/widgets/calculator/use-calculator-keyboard.ts
+var T = () => (globalThis.getSelection?.()?.toString() ?? "") !== "";
+function E(e) {
+	let t = r(e), a = i((e) => {
+		let { locale: n, accepts: r, global: i, programmer: a, onKey: o, onCopy: s, beforeKey: c } = t.current;
+		if (!e.defaultPrevented && c?.(e)) return e.preventDefault();
+		let l = w(e, {
+			locale: n,
+			accepts: r,
+			global: i,
+			programmer: a,
+			hasSelection: T
+		});
+		l !== null && (e.preventDefault(), l === "copy" ? s() : l !== "paste" && o(l));
+	}, [t]);
+	return n("keydown", i((e) => a(e), [a]), e.global && typeof window < "u" ? window : null), i((e) => a(e), [a]);
+}
+//#endregion
+export { x as n, E as t };