@pie-lib/editable-html-tip-tap 3.1.2-next.20261019223635 → 3.1.2-next.20261020062838

package/dist/extensions/css.d.ts

@@ -1,3 +1,2 @@
 import { Mark } from '@tiptap/core';
-export declare const removeDialogs: () => void;
 export declare const CSSMark: Mark<any, any>;

package/dist/extensions/css.js

@@ -6,28 +6,31 @@ import { createRoot as a } from "react-dom/client";
 import o from "@mui/material/List";
 import s from "@mui/material/ListItem";
 //#region src/extensions/css.tsx
-var c = () => {
-	document.querySelectorAll(".insert-css-dialog").forEach((e) => e.remove());
-}, l = ({ editor: e, callback: t, opts: l, selectedText: u, parentNode: d }) => {
+var c = null, l = ({ editor: e, callback: t, opts: l, selectedText: u, parentNode: d }) => {
+	c?.();
 	let f = e.options.element, p = document.createElement("div"), { selection: m } = e.state;
-	c(), p.className = "insert-css-dialog";
+	p.className = "insert-css-dialog";
 	let h = a(p), g, _ = !1, v = (e) => {
 		if (_) {
 			let t = p.contains(e.target) || g, n = f.contains(e.target);
-			t || n || y();
+			t || n || b();
 		} else _ = !0;
 	}, y = () => {
-		t(void 0, !0), h.unmount(), p.remove(), document.body.removeEventListener("click", v);
-	}, b = (e) => {
-		t(e, !0), h.unmount(), p.remove(), document.body.removeEventListener("click", v);
-	}, x = d?.attrs.class, S = (e) => {
+		h.unmount(), p.remove(), document.body.removeEventListener("click", v), c === y && (c = null);
+	};
+	c = y;
+	let b = () => {
+		t(void 0, !0), y();
+	}, x = (e) => {
+		t(e, !0), y();
+	}, S = d?.attrs.class, C = (e) => {
 		let t = `<span class="${e}">${u}</span>`;
 		if (d) {
 			let e = "span";
-			d?.object === "inline" && (e = "span"), d?.object === "block" && (e = "div"), t = `<${e} class="${x}">${d.text.slice(0, m.$anchor.textOffset)}${t}${d.text.slice(m.$head.textOffset)}</${e}>`;
+			d?.object === "inline" && (e = "span"), d?.object === "block" && (e = "div"), t = `<${e} class="${S}">${d.text.slice(0, m.$anchor.textOffset)}${t}${d.text.slice(m.$head.textOffset)}</${e}>`;
 		}
 		return t;
-	}, C = /* @__PURE__ */ i("div", {
+	}, w = /* @__PURE__ */ i("div", {
 		style: {
 			background: "white",
 			height: 500,
@@ -38,22 +41,22 @@ var c = () => {
 		},
 		children: [
 			/* @__PURE__ */ r("h2", { children: "Please choose a css class" }),
-			x && /* @__PURE__ */ i("div", { children: ["The current parent has this class ", x] }),
+			S && /* @__PURE__ */ i("div", { children: ["The current parent has this class ", S] }),
 			/* @__PURE__ */ r(o, {
 				component: "nav",
 				style: { overflow: "scroll" },
 				children: l.names.map((e, t) => /* @__PURE__ */ i(s, {
 					button: !0,
-					onClick: () => b(e),
+					onClick: () => x(e),
 					children: [/* @__PURE__ */ r("div", {
 						style: { marginRight: 20 },
 						children: e
-					}), /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: S(e) } })]
+					}), /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: C(e) } })]
 				}, `rule-${t}`))
 			})
 		]
 	});
-	n(() => h.render(C)), (() => {
+	n(() => h.render(w)), (() => {
 		let t = e.view.nodeDOM(e.state.selection.from)?.parentNode;
 		if (t) {
 			let e = f.parentElement.parentElement.parentElement.getBoundingClientRect(), n = t.getBoundingClientRect();
@@ -118,4 +121,4 @@ var c = () => {
 	}
 });
 //#endregion
-export { u as CSSMark, c as removeDialogs };
+export { u as CSSMark };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/editable-html-tip-tap",
-  "version": "3.1.2-next.20261019223635",
+  "version": "3.1.2-next.20261020062838",
   "description": "",
   "repository": {
     "type": "git",