@nxgt/material 3.101.0 → 3.104.0

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

@@ -0,0 +1,222 @@
+import { t as e } from "./utils-BLfntITJ.js";
+import { t } from "./use-material-translation-xNzbSVgS.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 };