@nxgt/material 3.48.0 → 3.50.0

package/dist/{rich-code-block-DMWZZJma.js → rich-code-block-BwvCXPqq.js}

@@ -1,24 +1,24 @@
-import { t as e } from "./tooltip-CkttDIab.js";
-import { c as t, n, t as r } from "./dropdown-menu-Df8785nt.js";
-import { t as i } from "./use-material-translation-DOkTaWK_.js";
-import { a, i as o, n as s, o as c, t as l } from "./code-language-items-DAHtfQ7W.js";
+import { r as e } from "./spinner-BpVwI1ps.js";
+import { c as t, n, t as r } from "./dropdown-menu-XLlxfDgq.js";
+import { t as i } from "./use-material-translation-DWWeeg-B.js";
+import { a, i as o, n as s, o as c, t as l } from "./code-language-items-BKEUhQlF.js";
 import { i as u, n as d, r as f, s as p } from "./dist-C3GR7kJd.js";
 import { t as m } from "./code-block-spec-CGLKRhwD.js";
-import { Check as h, ChevronDown as g, Copy as _, Maximize2 as v, WrapText as y } from "lucide-react";
-import { Suspense as b, lazy as x, useEffect as S, useRef as C, useState as w } from "react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { createPortal as D } from "react-dom";
+import { Suspense as h, lazy as g, useEffect as _, useRef as v, useState as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { createPortal as S } from "react-dom";
+import { Check as C, ChevronDown as w, Copy as T, Maximize2 as E, WrapText as D } from "lucide-react";
 //#region lib/components/ui/widgets/editor/extensions/code/code-block-file.tsx
 function O({ filename: e, editable: t, onRename: n }) {
-	let { t: r } = i(), [a, o] = w(!1), s = C(null), c = C(!1), l = r("material.code.file-name", "File name");
-	if (!t) return e ? /* @__PURE__ */ T("span", {
+	let { t: r } = i(), [a, o] = y(!1), s = v(null), c = v(!1), l = r("material.code.file-name", "File name");
+	if (!t) return e ? /* @__PURE__ */ b("span", {
 		className: "nxgt-code-block-file",
-		children: /* @__PURE__ */ T("bdi", {
+		children: /* @__PURE__ */ b("bdi", {
 			dir: "ltr",
 			children: e
 		})
 	}) : null;
-	if (!a) return /* @__PURE__ */ T("button", {
+	if (!a) return /* @__PURE__ */ b("button", {
 		ref: s,
 		type: "button",
 		className: "nxgt-code-block-file",
@@ -27,15 +27,15 @@ function O({ filename: e, editable: t, onRename: n }) {
 		onClick: () => {
 			c.current = !1, o(!0);
 		},
-		children: e ? /* @__PURE__ */ T("bdi", {
+		children: e ? /* @__PURE__ */ b("bdi", {
 			dir: "ltr",
 			children: e
-		}) : /* @__PURE__ */ T("bdi", { children: l })
+		}) : /* @__PURE__ */ b("bdi", { children: l })
 	});
 	let u = (e, t) => {
 		c.current || (c.current = !0, o(!1), e !== null && n(e.replace(/\s+/g, " ").trim() || null), t && requestAnimationFrame(() => s.current?.focus()));
 	};
-	return /* @__PURE__ */ T("input", {
+	return /* @__PURE__ */ b("input", {
 		className: "nxgt-code-block-file",
 		defaultValue: e ?? "",
 		"aria-label": l,
@@ -51,22 +51,22 @@ function O({ filename: e, editable: t, onRename: n }) {
 //#region lib/components/ui/widgets/editor/extensions/code/code-block-language.tsx
 function k({ language: e, editable: a, onChange: s }) {
 	let { t: c } = i(), u = e ? o(e) : c("material.code.plain-text", "Plain text");
-	return a ? /* @__PURE__ */ E(r, { children: [/* @__PURE__ */ T(t, {
+	return a ? /* @__PURE__ */ x(r, { children: [/* @__PURE__ */ b(t, {
 		asChild: !0,
-		children: /* @__PURE__ */ E("button", {
+		children: /* @__PURE__ */ x("button", {
 			type: "button",
 			className: "nxgt-code-block-lang",
 			"aria-label": c("material.code.language-is", "Language: {name}", { name: u }),
-			children: [u, /* @__PURE__ */ T(g, { "aria-hidden": !0 })]
+			children: [u, /* @__PURE__ */ b(w, { "aria-hidden": !0 })]
 		})
-	}), /* @__PURE__ */ T(n, {
+	}), /* @__PURE__ */ b(n, {
 		align: "start",
 		className: "max-h-80",
-		children: /* @__PURE__ */ T(l, {
+		children: /* @__PURE__ */ b(l, {
 			language: e,
 			onChange: s
 		})
-	})] }) : /* @__PURE__ */ T("span", {
+	})] }) : /* @__PURE__ */ b("span", {
 		className: "nxgt-code-block-lang",
 		children: u
 	});
@@ -74,9 +74,9 @@ function k({ language: e, editable: a, onChange: s }) {
 //#endregion
 //#region lib/components/ui/widgets/editor/extensions/code/code-block-tool.tsx
 function A({ label: t, pressed: n, onClick: r, children: i }) {
-	return /* @__PURE__ */ T(e, {
+	return /* @__PURE__ */ b(e, {
 		content: t,
-		children: /* @__PURE__ */ T("button", {
+		children: /* @__PURE__ */ b("button", {
 			type: "button",
 			className: "nxgt-code-block-tool",
 			"aria-label": t,
@@ -89,8 +89,8 @@ function A({ label: t, pressed: n, onClick: r, children: i }) {
 //#endregion
 //#region lib/components/ui/widgets/editor/extensions/code/use-status-root.ts
 function j(e) {
-	let [t, n] = w(null);
-	return S(() => {
+	let [t, n] = y(null);
+	return _(() => {
 		let t = e.view.dom.parentElement;
 		if (!t) return;
 		let r = document.createElement("div");
@@ -103,38 +103,38 @@ function j(e) {
 //#region lib/components/ui/widgets/editor/extensions/code/code-block-head.tsx
 function M({ node: e, editor: t, updateAttributes: n, editable: r, wrap: a, onWrapChange: o, onOpen: l }) {
 	let { t: u } = i(), { status: d, copy: f } = c(), p = d === "copied", m = j(t);
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "nxgt-code-block-head",
 		contentEditable: !1,
 		children: [
-			/* @__PURE__ */ T(O, {
+			/* @__PURE__ */ b(O, {
 				filename: e.attrs.filename ?? null,
 				editable: r,
 				onRename: (e) => n({ filename: e })
 			}),
-			/* @__PURE__ */ T(k, {
+			/* @__PURE__ */ b(k, {
 				language: e.attrs.language ?? null,
 				editable: r,
 				onChange: (e) => n({ language: e })
 			}),
-			/* @__PURE__ */ T("span", { className: "nxgt-code-block-gap" }),
-			/* @__PURE__ */ T(A, {
+			/* @__PURE__ */ b("span", { className: "nxgt-code-block-gap" }),
+			/* @__PURE__ */ b(A, {
 				label: u("material.code.word-wrap", "Word wrap"),
 				pressed: a,
 				onClick: () => o(!a),
-				children: /* @__PURE__ */ T(y, { "aria-hidden": !0 })
+				children: /* @__PURE__ */ b(D, { "aria-hidden": !0 })
 			}),
-			/* @__PURE__ */ T(A, {
+			/* @__PURE__ */ b(A, {
 				label: p ? u("material.code.copied", "Copied") : u("material.code.copy", "Copy"),
 				onClick: () => void f(e.textContent),
-				children: T(p ? h : _, { "aria-hidden": !0 })
+				children: b(p ? C : T, { "aria-hidden": !0 })
 			}),
-			r && /* @__PURE__ */ T(A, {
+			r && /* @__PURE__ */ b(A, {
 				label: u("material.code.open-in-editor", "Open in editor"),
 				onClick: l,
-				children: /* @__PURE__ */ T(v, { "aria-hidden": !0 })
+				children: /* @__PURE__ */ b(E, { "aria-hidden": !0 })
 			}),
-			m && D(/* @__PURE__ */ T(s, {
+			m && S(/* @__PURE__ */ b(s, {
 				slot: "code-block-copy-status",
 				status: d
 			}), m)
@@ -143,20 +143,20 @@ function M({ node: e, editor: t, updateAttributes: n, editable: r, wrap: a, onWr
 }
 //#endregion
 //#region lib/components/ui/widgets/editor/extensions/code/code-block-open.tsx
-var N = x(() => import("./code-editor-C9qBNoYb.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
+var N = g(() => import("./code-editor-R_nPN_-d.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
 function P() {
 	let { t: e } = i();
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ b("div", {
 		className: "nxgt-code-block-loading",
 		role: "status",
 		children: e("material.code.opening", "Opening the editor…")
 	});
 }
 function F({ code: e, language: t, filename: n, label: r, theme: i, within: o, onClose: s }) {
-	let c = C(null), [l, u] = w(a(t ?? void 0));
-	return D(/* @__PURE__ */ T(b, {
-		fallback: /* @__PURE__ */ T(P, {}),
-		children: /* @__PURE__ */ T(N, {
+	let c = v(null), [l, u] = y(a(t ?? void 0));
+	return S(/* @__PURE__ */ b(h, {
+		fallback: /* @__PURE__ */ b(P, {}),
+		children: /* @__PURE__ */ b(N, {
 			label: r,
 			filename: n ?? void 0,
 			theme: i,
@@ -198,45 +198,45 @@ function L(e, t, n, r) {
 //#endregion
 //#region lib/components/ui/widgets/editor/extensions/code/code-block-view.tsx
 function R(e) {
-	let { node: t, editor: n, extension: r } = e, { t: a } = i(), [o, s] = w(!1), [c, l] = w(!1), u = p({
+	let { node: t, editor: n, extension: r } = e, { t: a } = i(), [o, s] = y(!1), [c, l] = y(!1), u = p({
 		editor: n,
 		selector: (e) => e.editor.isEditable
 	});
-	S(() => {
+	_(() => {
 		u || l(!1);
 	}, [u]);
-	let m = r.options.theme ?? "app", h = t.textContent.split("\n").length, g = t.attrs.filename ?? null, _ = (t, r) => {
+	let m = r.options.theme ?? "app", h = t.textContent.split("\n").length, g = t.attrs.filename ?? null, v = (t, r) => {
 		l(!1), L(n, e.getPos(), t, r);
 	};
-	return /* @__PURE__ */ E(f, {
+	return /* @__PURE__ */ x(f, {
 		className: "nxgt-code-block",
 		"data-code-theme": m,
 		"data-wrap": o || void 0,
 		children: [
-			/* @__PURE__ */ T(M, {
+			/* @__PURE__ */ b(M, {
 				...e,
 				editable: u,
 				wrap: o,
 				onWrapChange: s,
 				onOpen: () => l(!0)
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ x("div", {
 				className: "nxgt-code-block-body",
-				children: [!o && /* @__PURE__ */ T("span", {
+				children: [!o && /* @__PURE__ */ b("span", {
 					className: "nxgt-code-block-gutter",
 					contentEditable: !1,
 					"aria-hidden": !0,
 					children: Array.from({ length: h }, (e, t) => `${t + 1}\n`).join("")
-				}), /* @__PURE__ */ T("pre", { children: /* @__PURE__ */ T(d, { as: "code" }) })]
+				}), /* @__PURE__ */ b("pre", { children: /* @__PURE__ */ b(d, { as: "code" }) })]
 			}),
-			c && u && /* @__PURE__ */ T(F, {
+			c && u && /* @__PURE__ */ b(F, {
 				code: t.textContent,
 				language: t.attrs.language,
 				filename: g,
 				label: g ?? a("material.rich-text-editor.code-block", "Code block"),
 				theme: m,
 				within: n.view.dom,
-				onClose: _
+				onClose: v
 			})
 		]
 	});