@pie-lib/editable-html-tip-tap 3.1.2-next.20261019093941 → 3.1.2-next.20261019151920

package/dist/components/EditableHtml.js

@@ -3,25 +3,25 @@ import { normalizeInitialMarkup as t } from "../utils/helper.js";
 import { setPendingSaveFlush as n } from "../pending-save.js";
 import r from "../extensions/extended-table.js";
 import { ExtendedTableCell as i, ExtendedTableHeader as a } from "../extensions/extended-table-cell.js";
-import { DivNode as ee } from "../extensions/div-node.js";
-import { EnsureEmptyRootIsDiv as te } from "../extensions/ensure-empty-root-div.js";
-import { EnsureListItemContentIsDiv as ne } from "../extensions/ensure-list-item-content-is-div.js";
-import { DragInTheBlankNode as re, ExplicitConstructedResponseNode as ie, InlineDropdownNode as ae, MathTemplatedNode as oe, ResponseAreaExtension as se } from "../extensions/responseArea.js";
-import { MathNode as ce } from "../extensions/math.js";
-import { ImageUploadNode as o, uploadPastedImage as s } from "../extensions/image.js";
-import { Media as c } from "../extensions/media.js";
-import { CSSMark as le } from "../extensions/css.js";
-import { ExtendedListItem as ue } from "../extensions/extended-list-item.js";
-import { HeadingParagraph as l } from "../extensions/heading-paragraph.js";
-import { valueToSize as u } from "../utils/size.js";
-import de from "./TiptapContainer.js";
-import { PLUGINS_MAP as fe, buildExtensions as pe } from "../extensions/index.js";
-import { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { debounce as g } from "@pie-element/shared-lodash";
-import { EditorContent as _, useEditor as me, useEditorState as he } from "@tiptap/react";
-import { styled as v } from "@mui/material/styles";
-import y from "@tiptap/starter-kit";
-import { TextStyleKit as b } from "@tiptap/extension-text-style";
+import { DivNode as o } from "../extensions/div-node.js";
+import { EnsureEmptyRootIsDiv as ee } from "../extensions/ensure-empty-root-div.js";
+import { EnsureListItemContentIsDiv as s } from "../extensions/ensure-list-item-content-is-div.js";
+import { DragInTheBlankNode as c, ExplicitConstructedResponseNode as te, InlineDropdownNode as l, MathTemplatedNode as ne, ResponseAreaExtension as re } from "../extensions/responseArea.js";
+import { MathNode as ie } from "../extensions/math.js";
+import { ImageUploadNode as ae, uploadPastedImage as oe } from "../extensions/image.js";
+import { Media as se } from "../extensions/media.js";
+import { CSSMark as u } from "../extensions/css.js";
+import { ExtendedListItem as ce } from "../extensions/extended-list-item.js";
+import { HeadingParagraph as le } from "../extensions/heading-paragraph.js";
+import { valueToSize as d } from "../utils/size.js";
+import ue from "./TiptapContainer.js";
+import { PLUGINS_MAP as de, buildExtensions as f } from "../extensions/index.js";
+import { useCallback as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { debounce as v } from "@pie-element/shared-lodash";
+import { EditorContent as y, useEditor as fe, useEditorState as pe } from "@tiptap/react";
+import { styled as b } from "@mui/material/styles";
+import me from "@tiptap/starter-kit";
+import { TextStyleKit as he } from "@tiptap/extension-text-style";
 import { CharacterCount as ge } from "@tiptap/extension-character-count";
 import _e from "@tiptap/extension-superscript";
 import ve from "@tiptap/extension-subscript";
@@ -102,40 +102,34 @@ var C = {
 	autocapitalize: e ? "on" : "off",
 	...t && { "aria-label": t },
 	...n && { "aria-labelledby": n }
-}), k = ["aria-label", "aria-labelledby"], A = 5, j = (e) => e._insertingImage || e._toolbarOpened || e.isActive("inline_dropdown") || e.isActive("explicit_constructed_response"), M = (_) => {
-	let { showParagraphs: v, separateParagraphs: M } = _.pluginProps || {}, [Ce, N] = h([]), [we, Te] = h(!1), { toolbarOpts: Ee } = _, P = d((e) => {
+}), k = ["aria-label", "aria-labelledby"], A = (e) => e._insertingImage || e._toolbarOpened || e.isActive("inline_dropdown") || e.isActive("explicit_constructed_response"), j = (y) => {
+	let { showParagraphs: b, separateParagraphs: j } = y.pluginProps || {}, [Se, N] = _([]), [Ce, we] = _(!1), { toolbarOpts: Te } = y, P = p((e) => {
 		N((t) => {
 			let n = t.filter((t) => t.pos !== e);
-			return n.length === 0 && Te(!1), n;
+			return n.length === 0 && we(!1), n;
 		});
 	}, [N]), F = {
 		...C,
-		...Ee
-	}, I = m([]), L = (e) => {
-		I.current = [...I.current.slice(1 - A), e], _.onChange?.(e);
-	}, R = m(L);
+		...Te
+	}, I = g([]), L = (e) => {
+		I.current = [...I.current.slice(-4), e], y.onChange?.(e);
+	}, R = g(L);
 	R.current = L;
-	let z = d((e) => {
+	let z = p((e) => {
 		let t = e.getHTML();
-		_.markup !== t && R.current(t), F.doneOn === "blur" && _.onDone?.(t);
+		y.markup !== t && R.current(t), F.doneOn === "blur" && y.onDone?.(t);
 	}, [
-		_.markup,
-		_.onChange,
-		_.onDone,
+		y.markup,
+		y.onChange,
+		y.onDone,
 		F.doneOn
-	]), B = m(z);
+	]), B = g(z);
 	B.current = z;
-	let { idleSaveDelay: V } = _, H = m(!1), U = p(() => V > 0 ? g((e) => {
-		if (!e.isDestroyed) {
-			if (!H.current && (e.view.composing || j(e))) {
-				W.current?.(e);
-				return;
-			}
-			B.current(e);
-		}
-	}, V) : null, [V]), W = m(U);
+	let { idleSaveDelay: V } = y, H = g(!1), U = h(() => V > 0 ? v((e) => {
+		e.isDestroyed || (!H.current && (e.view.composing || A(e)) ? W.current?.(e) : B.current(e));
+	}, V) : null, [V]), W = g(U);
 	W.current = U;
-	let G = d((e) => {
+	let G = p((e) => {
 		H.current = !0;
 		try {
 			e?.flush();
@@ -143,38 +137,38 @@ var C = {
 			H.current = !1;
 		}
 	}, []);
-	f(() => () => G(U), [U, G]);
-	let De = d(() => G(W.current), [G]), K = p(() => ({
+	m(() => () => G(U), [U, G]);
+	let Ee = p(() => G(W.current), [G]), K = h(() => ({
 		...w,
-		..._.responseAreaProps,
+		...y.responseAreaProps,
 		onInlineDropdownToolbarClose: z
-	}), [_.responseAreaProps, z]), q = p(() => {
-		let { customPlugins: e, ...t } = _.pluginProps || {};
+	}), [y.responseAreaProps, z]), q = h(() => {
+		let { customPlugins: e, ...t } = y.pluginProps || {};
 		e ||= [];
-		let n = (_.activePlugins || T)?.filter((e) => {
-			let n = fe[e] || e, r = t[n] || {};
+		let n = (y.activePlugins || T)?.filter((e) => {
+			let n = de[e] || e, r = t[n] || {};
 			return !r || !r.disabled;
 		});
-		return pe(n, e, {
+		return f(n, e, {
 			math: {},
-			textAlign: _.textAlign,
+			textAlign: y.textAlign,
 			html: {},
-			extraCSSRules: _.extraCSSRules || {},
-			image: { ..._.imageSupport },
+			extraCSSRules: y.extraCSSRules || {},
+			image: { ...y.imageSupport },
 			toolbar: {},
 			table: {},
 			responseArea: { type: K.type },
-			languageCharacters: _.languageCharactersProps,
+			languageCharacters: y.languageCharactersProps,
 			keyPadCharacterRef: {},
 			setKeypadInteraction: {},
 			media: {}
 		});
-	}, [_, K.type]), J = m(null);
+	}, [y, K.type]), J = g(null);
 	J.current = {
-		plainText: _.pluginProps?.pasteFormatting?.disabled === !0,
+		plainText: y.pluginProps?.pasteFormatting?.disabled === !0,
 		formatting: q.map((e) => E[e]).filter(Boolean)
 	};
-	let Oe = [
+	let De = [
 		ye.configure({
 			types: [
 				"heading",
@@ -197,13 +191,13 @@ var C = {
 				"justify"
 			]
 		}),
-		b,
+		he,
 		e.configure({
 			settings: () => J.current,
-			uploadImage: _.imageSupport && s
+			uploadImage: y.imageSupport && oe
 		}),
-		ge.configure({ limit: _.charactersLimit || 1e6 }),
-		y.configure({
+		ge.configure({ limit: y.charactersLimit || 1e6 }),
+		me.configure({
 			trailingNode: {
 				node: "paragraph",
 				notAfter: ["paragraph", "div"]
@@ -213,13 +207,13 @@ var C = {
 				linkOnPaste: !1
 			}
 		}),
-		ue,
+		ce,
+		o,
+		le,
 		ee,
-		l,
-		te,
-		ne,
+		s,
 		xe.configure({
-			placeholder: _.placeholder,
+			placeholder: y.placeholder,
 			showOnlyWhenEditable: !0,
 			showOnlyCurrent: !1,
 			includeChildren: !0
@@ -228,78 +222,73 @@ var C = {
 		x,
 		a,
 		i,
-		se.configure(K),
-		ie.configure(K),
 		re.configure(K),
-		ae.configure(K),
-		oe.configure(K),
-		ce.configure({
+		te.configure(K),
+		c.configure(K),
+		l.configure(K),
+		ne.configure(K),
+		ie.configure({
 			toolbarOpts: F,
-			math: _.pluginProps?.math || {}
+			math: y.pluginProps?.math || {}
 		}),
 		ve,
 		_e,
 		be,
-		o.configure({
+		ae.configure({
 			toolbarOpts: F,
 			imageHandling: {
-				disableImageAlignmentButtons: _.disableImageAlignmentButtons,
-				onDone: (e) => _.onDone?.(e.getHTML()),
-				onDelete: _.imageSupport && _.imageSupport.delete && ((e) => {
+				disableImageAlignmentButtons: y.disableImageAlignmentButtons,
+				onDone: (e) => y.onDone?.(e.getHTML()),
+				onDelete: y.imageSupport && y.imageSupport.delete && ((e) => {
 					let { src: t } = e.attrs;
-					_.imageSupport.delete(t, (t) => {
+					y.imageSupport.delete(t, (t) => {
 						P(e.pos);
 					});
 				}),
-				insertImageRequested: _.imageSupport && ((e, t, n) => {
+				insertImageRequested: y.imageSupport && ((e, t, n) => {
 					let [r, i] = t, a = (t) => {
 						let n;
-						we && t && (n = R.current), P(i), n?.(e.getHTML());
+						Ce && t && (n = R.current), P(i), n?.(e.getHTML());
 					};
 					e._insertingImage = !0, N((e) => [...e, r]), (() => {
-						let t = n(a), r = g(() => {
-							let t = () => window.removeEventListener("focus", r);
-							if (!e._insertingImage) {
-								t();
-								return;
-							}
-							P(i), e._insertingImage = !1, t();
+						let t = n(a), r = v(() => {
+							e._insertingImage &&= (P(i), !1), window.removeEventListener("focus", r);
 						}, 500);
-						window.addEventListener("focus", r), _.imageSupport.add(t);
+						window.addEventListener("focus", r), y.imageSupport.add(t);
 					})();
 				}),
-				maxImageWidth: _.maxImageWidth,
-				maxImageHeight: _.maxImageHeight
+				maxImageWidth: y.maxImageWidth,
+				maxImageHeight: y.maxImageHeight
 			},
 			limit: 3
 		}),
-		c.configure({ uploadSoundSupport: _.uploadSoundSupport }),
-		le.configure({ extraCSSRules: _.extraCSSRules })
-	], Y = _.spellCheck !== !1, { ariaLabel: X, ariaLabelledBy: Z } = _, Q = me({
-		extensions: Oe,
+		se.configure({ uploadSoundSupport: y.uploadSoundSupport }),
+		u.configure({ extraCSSRules: y.extraCSSRules })
+	], Y = y.spellCheck !== !1, { ariaLabel: X, ariaLabelledBy: Z } = y, Q = fe({
+		extensions: De,
 		immediatelyRender: !1,
 		editorProps: {
 			attributes: O(Y, X, Z),
 			handleKeyDown(e, t) {
-				return _.onKeyDown ? _.onKeyDown(t) : !1;
+				return y.onKeyDown ? y.onKeyDown(t) : !1;
 			}
 		},
-		editable: !_.disabled,
-		content: t(_.markup),
+		editable: !y.disabled,
+		content: t(y.markup),
 		onUpdate: ({ editor: e, transaction: t }) => {
-			t.isDone && R.current(e.getHTML()), t.docChanged && W.current && (W.current(e), n(e.view.dom, De));
+			t.isDone && R.current(e.getHTML()), t.docChanged && W.current && (W.current(e), n(e.view.dom, Ee));
 		},
 		onBlur: ({ editor: e }) => {
-			j(e) || !e.schema || (W.current?.cancel(), z(e));
+			!A(e) && e.schema && (W.current?.cancel(), z(e));
 		}
-	}, [_.charactersLimit]);
-	f(() => {
-		_.editorRef && _.editorRef(Q);
-	}, [_.editorRef, Q]), f(() => {
-		Q?.setEditable(!_.disabled);
-	}, [_.disabled, Q]), f(() => {
+	}, [y.charactersLimit]);
+	m(() => {
+		y.editorRef && y.editorRef(Q);
+	}, [y.editorRef, Q]), m(() => {
+		Q?.setEditable(!y.disabled);
+	}, [y.disabled, Q]), m(() => {
 		Q?.on("destroy", () => G(W.current));
-	}, [Q, G]), f(() => {
+	}, [Q, G]), m(() => {
 		if (!Q) return;
 		let e = Q.options?.editorProps, t = e?.attributes || {}, n = O(Y, X, Z);
 		if (["spellcheck", ...k].every((e) => t[e] === n[e])) return;
@@ -316,48 +305,48 @@ var C = {
 		X,
 		Z,
 		Q
-	]), f(() => {
-		if (!Q || I.current.includes(_.markup)) return;
+	]), m(() => {
+		if (!Q || I.current.includes(y.markup)) return;
 		I.current = [];
-		let e = t(_.markup);
+		let e = t(y.markup);
 		e !== Q.getHTML() && Q.commands.setContent(e, { emitUpdate: !1 });
-	}, [_.markup, Q]), f(() => {
+	}, [y.markup, Q]), m(() => {
 		Object.entries(D).forEach(([e, t]) => {
 			document.documentElement.style.setProperty(e, t);
 		});
 	}, []);
-	let ke = he({
+	let Oe = pe({
 		editor: Q,
 		selector: (e) => ({ isFocused: e.editor?.isFocused })
-	}), $ = p(() => {
-		let { minWidth: e, width: t, maxWidth: n, minHeight: r, height: i, maxHeight: a } = _;
+	}), $ = h(() => {
+		let { minWidth: e, width: t, maxWidth: n, minHeight: r, height: i, maxHeight: a } = y;
 		return {
-			width: u(t),
-			minWidth: u(e),
-			maxWidth: u(n),
-			height: u(i),
-			minHeight: u(r),
-			maxHeight: u(a)
+			width: d(t),
+			minWidth: d(e),
+			maxWidth: d(n),
+			height: d(i),
+			minHeight: d(r),
+			maxHeight: d(a)
 		};
-	}, [_]);
-	return /* @__PURE__ */ S(de, {
-		..._,
+	}, [y]);
+	return /* @__PURE__ */ S(ue, {
+		...y,
 		activePlugins: q,
 		toolbarOpts: F,
-		editorState: ke,
+		editorState: Oe,
 		editor: Q,
-		children: Q && /* @__PURE__ */ S(Se, {
+		children: Q && /* @__PURE__ */ S(M, {
 			style: {
 				minHeight: $.minHeight,
 				height: $.height,
 				maxHeight: $.maxHeight
 			},
-			showParagraph: v && !v.disabled,
-			separateParagraph: M && !M.disabled,
+			showParagraph: b && !b.disabled,
+			separateParagraph: j && !j.disabled,
 			editor: Q
 		})
 	});
-}, Se = v(_, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
+}, M = b(y, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
 	display: "flex",
 	outline: "none !important",
 	"& .ProseMirror": {
@@ -387,4 +376,4 @@ var C = {
 	}
 }));
 //#endregion
-export { M as EditableHtml, M as default };
+export { j as EditableHtml, j as default };

package/dist/components/icons/RespArea.js

@@ -13,9 +13,9 @@ var o = (e) => {
 		default: return 0;
 	}
 }, s = (e) => {
-	let { direction: t, style: r } = e;
+	let { direction: t, style: r } = e, a = o(t);
 	return /* @__PURE__ */ n(i, { style: {
-		transform: `rotate(${o(t)}deg)`,
+		transform: `rotate(${a}deg)`,
 		...r
 	} });
 };

package/dist/components/icons/TextAlign.js

@@ -64,9 +64,7 @@ var o = () => /* @__PURE__ */ t("svg", {
 		case u.isActive({ textAlign: "justify" }):
 			m = /* @__PURE__ */ t(l, {});
 			break;
-		default:
-			m = /* @__PURE__ */ t(o, {});
-			break;
+		default: m = /* @__PURE__ */ t(o, {});
 	}
 	let h = (e) => {
 		let t = e.currentTarget?.getAttribute("value");

package/dist/components/media/MediaDialog.js

@@ -154,14 +154,7 @@ var y = c("@pie-lib:editable-html:plugins:media:dialog"), b = (e) => {
 	};
 	urlChange = (e) => {
 		let { value: t } = e.target || {}, { type: n } = this.props;
-		if (n && n === "audio") {
-			this.checkAudio(t);
-			return;
-		} else if (n && n === "video") {
-			this.checkVideo(t);
-			return;
-		}
-		this.handleStateChange({
+		n && n === "audio" ? this.checkAudio(t) : n && n === "video" ? this.checkVideo(t) : this.handleStateChange({
 			urlToUse: null,
 			url: null,
 			invalid: !0
@@ -170,11 +163,8 @@ var y = c("@pie-lib:editable-html:plugins:media:dialog"), b = (e) => {
 	changeHandler = (e) => (t) => this.handleStateChange({ [e]: t.target.value });
 	handleDone = (e) => {
 		let { handleClose: t } = this.props, { tabValue: n, fileUpload: r } = this.state, i = n === E.insertUrl;
-		if (!e) {
-			r.url && this.handleRemoveFile(), t(e);
-			return;
-		}
-		if (i) {
+		if (!e) r.url && this.handleRemoveFile(), t(e);
+		else if (i) {
 			let { ends: n, height: r, url: i, urlToUse: a, formattedUrl: o, starts: s, width: c } = this.state;
 			t(e, {
 				tag: "iframe",
@@ -186,19 +176,13 @@ var y = c("@pie-lib:editable-html:plugins:media:dialog"), b = (e) => {
 				urlToUse: a,
 				src: o
 			});
-			return;
-		}
-		if (!r.loading) {
-			t(e, {
-				tag: "audio",
-				src: r.url
-			});
-			return;
-		}
-		this.setState({ fileUpload: {
+		} else r.loading ? this.setState({ fileUpload: {
 			...r,
 			scheduled: !0
-		} });
+		} }) : t(e, {
+			tag: "audio",
+			src: r.url
+		});
 	};
 	handleUploadFile = async (e) => {
 		e.preventDefault(), this.setState({ fileUpload: {

package/dist/components/respArea/DragInTheBlank/choice.js

@@ -109,13 +109,7 @@ function h({ value: t, disabled: n, instanceId: r, children: i, n: a, onChange:
 			n: a,
 			opts: { duplicates: l },
 			onDrop: (e, t) => {
-				if (t?.type === "drag-in-the-blank-drop-choice" && e.value.id !== t.value.id) {
-					if (e.type === "drag-in-the-blank-choice") {
-						o(e), !l && e.fromChoice && s(e);
-						return;
-					}
-					e.type === "drag-in-the-blank-placed-choice" && (s(t), o(e), setTimeout(() => s(e), 10));
-				}
+				t?.type === "drag-in-the-blank-drop-choice" && e.value.id !== t.value.id && (e.type === "drag-in-the-blank-choice" ? (o(e), !l && e.fromChoice && s(e)) : e.type === "drag-in-the-blank-placed-choice" && (s(t), o(e), setTimeout(() => s(e), 10)));
 			}
 		}
 	}), C = (e) => {

package/dist/components/respArea/InlineDropdown.js

@@ -20,7 +20,7 @@ var h = (u) => {
 		let { tr: e } = h.state, t = e.doc.nodeAt(w);
 		if (!t) return;
 		let { selection: n } = e;
-		n.from === w && n.to === w + t.nodeSize || (e.setSelection(c.create(e.doc, w)), h.view.dispatch(e));
+		(n.from !== w || n.to !== w + t.nodeSize) && (e.setSelection(c.create(e.doc, w)), h.view.dispatch(e));
 	}, L = () => {
 		D.current || (v.onToolbarCloseRequest ? (D.current = !0, v.onToolbarCloseRequest([g, w], h, () => {
 			D.current = !1, delete h._holdInlineDropdownToolbarIndex, P();

package/dist/extensions/css.js

@@ -10,23 +10,23 @@ var s = () => {
 }, c = ({ editor: e, callback: t, opts: c, selectedText: l, parentNode: u }) => {
 	let d = e.options.element, f = document.createElement("div"), { selection: p } = e.state;
 	s(), f.className = "insert-css-dialog";
-	let m = !1, h = (e) => {
-		if (m) {
-			let t = f.contains(e.target) || void 0, n = d.contains(e.target);
-			t || n || g();
-		} else m = !0;
-	}, g = () => {
-		t(void 0, !0), f.remove(), document.body.removeEventListener("click", h);
-	}, _ = (e) => {
-		t(e, !0), f.remove(), document.body.removeEventListener("click", h);
-	}, v = u?.attrs.class, y = (e) => {
+	let m, h = !1, g = (e) => {
+		if (h) {
+			let t = f.contains(e.target) || m, n = d.contains(e.target);
+			t || n || _();
+		} else h = !0;
+	}, _ = () => {
+		t(void 0, !0), f.remove(), document.body.removeEventListener("click", g);
+	}, v = (e) => {
+		t(e, !0), f.remove(), document.body.removeEventListener("click", g);
+	}, y = u?.attrs.class, b = (e) => {
 		let t = `<span class="${e}">${l}</span>`;
 		if (u) {
 			let e = "span";
-			u?.object === "inline" && (e = "span"), u?.object === "block" && (e = "div"), t = `<${e} class="${v}">${u.text.slice(0, p.$anchor.textOffset)}${t}${u.text.slice(p.$head.textOffset)}</${e}>`;
+			u?.object === "inline" && (e = "span"), u?.object === "block" && (e = "div"), t = `<${e} class="${y}">${u.text.slice(0, p.$anchor.textOffset)}${t}${u.text.slice(p.$head.textOffset)}</${e}>`;
 		}
 		return t;
-	}, b = /* @__PURE__ */ i("div", {
+	}, x = /* @__PURE__ */ i("div", {
 		style: {
 			background: "white",
 			height: 500,
@@ -37,22 +37,22 @@ var s = () => {
 		},
 		children: [
 			/* @__PURE__ */ r("h2", { children: "Please choose a css class" }),
-			v && /* @__PURE__ */ i("div", { children: ["The current parent has this class ", v] }),
+			y && /* @__PURE__ */ i("div", { children: ["The current parent has this class ", y] }),
 			/* @__PURE__ */ r(a, {
 				component: "nav",
 				style: { overflow: "scroll" },
 				children: c.names.map((e, t) => /* @__PURE__ */ i(o, {
 					button: !0,
-					onClick: () => _(e),
+					onClick: () => v(e),
 					children: [/* @__PURE__ */ r("div", {
 						style: { marginRight: 20 },
 						children: e
-					}), /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: y(e) } })]
+					}), /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: b(e) } })]
 				}, `rule-${t}`))
 			})
 		]
 	});
-	n.render(b, f, () => {
+	n.render(x, f, () => {
 		let t = e.view.nodeDOM(e.state.selection.from)?.parentNode;
 		if (t) {
 			let e = d.parentElement.parentElement.parentElement.getBoundingClientRect(), n = t.getBoundingClientRect();
@@ -62,7 +62,7 @@ var s = () => {
 			let a = f.offsetWidth;
 			f.style.left = "unset", f.style.right = i;
 			let o = f.offsetWidth;
-			f.style.left = "unset", f.style.right = "unset", a >= o ? f.style.left = r : f.style.right = i, document.body.addEventListener("click", h);
+			f.style.left = "unset", f.style.right = "unset", a >= o ? f.style.left = r : f.style.right = i, document.body.addEventListener("click", g);
 		}
 	});
 }, l = e.create({

package/dist/extensions/ensure-empty-root-div.js

@@ -4,8 +4,9 @@ import { Plugin as t, PluginKey as n } from "@tiptap/pm/state";
 var r = e.create({
 	name: "ensureEmptyRootIsDiv",
 	addProseMirrorPlugins() {
+		let e = new n(this.name);
 		return [new t({
-			key: new n(this.name),
+			key: e,
 			appendTransaction(e, t, n) {
 				if (!e.some((e) => e.docChanged)) return null;
 				let { doc: r } = n;

package/dist/extensions/ensure-list-item-content-is-div.js

@@ -4,8 +4,9 @@ import { Plugin as t, PluginKey as n } from "@tiptap/pm/state";
 var r = e.create({
 	name: "ensureListItemContentIsDiv",
 	addProseMirrorPlugins() {
+		let e = new n(this.name);
 		return [new t({
-			key: new n(this.name),
+			key: e,
 			appendTransaction(e, t, n) {
 				if (!e.some((e) => e.docChanged)) return null;
 				let { doc: r, schema: i } = n, a = i.nodes.div;

package/dist/extensions/image.js

@@ -13,16 +13,12 @@ var l = (e) => {
 };
 function u(t, r, i, a, o = () => {}) {
 	let s = e(t, i);
-	if (!s) {
-		o();
-		return;
-	}
-	r(t, s, (e) => {
+	s ? r(t, s, (e) => {
 		let r;
 		return r = new n(t, s, (t) => {
 			t || r?.updateNode({ loaded: !0 }), e(t), o();
 		}, !0), r.fileChosen(a), r;
-	});
+	}) : o();
 }
 function d(t, n) {
 	let r = t.extensionManager.extensions.find((e) => e.name === "imageUploadNode")?.options.imageHandling?.insertImageRequested, i = e(t, n)?.[0].attrs.src;

package/dist/extensions/math.js

@@ -40,7 +40,7 @@ var y = new u("ensureTextAfterMath"), b = (e = []) => e.map((e) => ({
 		let { state: n, dispatch: r } = e, { selection: i, doc: a } = n, { from: o, empty: s } = i;
 		if (s && t.key === "Backspace" && o > 0) {
 			let e = S(a, o);
-			return e === -1 ? !1 : (r(n.tr.delete(e, o)), !0);
+			return e !== -1 && (r(n.tr.delete(e, o)), !0);
 		}
 		if (s && t.key === "ArrowLeft" && o > 0) {
 			let e = S(a, o);
@@ -49,7 +49,8 @@ var y = new u("ensureTextAfterMath"), b = (e = []) => e.map((e) => ({
 			if (t.nodeAfter || t.nodeBefore) {
 				let t = n.doc.resolve(e);
 				return r(n.tr.setSelection(c.create(n.doc, t.pos))), !0;
-			} else return r(n.tr.setSelection(d.create(n.doc, o - 2))), !0;
+			}
+			return r(n.tr.setSelection(d.create(n.doc, o - 2))), !0;
 		}
 		return !1;
 	} }

package/dist/extensions/responseArea.js

@@ -59,9 +59,9 @@ var f = (e) => String(e || "").replace(/-/g, "_"), p = (e) => e && e.attrs && e.
 	},
 	addProseMirrorPlugins() {
 		if (!this.options.type) return [];
-		let e = f(this.options.type);
+		let e = f(this.options.type), t = new l(`response-area-watcher:${e}`);
 		return [new c({
-			key: new l(`response-area-watcher:${e}`),
+			key: t,
 			view: (t) => {
 				let { lastIndexMap: n } = this.storage;
 				return n[e] = Math.max(n[e] ?? 0, m(t.state.doc, e)), { update: (t, n) => {

package/dist/extensions/table-semantics.js

@@ -19,11 +19,7 @@ function r(e, t) {
 }
 function i(t, n) {
 	let r = e(t);
-	if (!n) {
-		r?.remove();
-		return;
-	}
-	r || (r = t.ownerDocument.createElement("caption"), r.setAttribute("contenteditable", "false"), t.insertBefore(r, t.firstChild)), r.textContent !== n && (r.textContent = n);
+	n ? (r || (r = t.ownerDocument.createElement("caption"), r.setAttribute("contenteditable", "false"), t.insertBefore(r, t.firstChild)), r.textContent !== n && (r.textContent = n)) : r?.remove();
 }
 var a = [
 	"row",

package/dist/external-paste.js

@@ -90,7 +90,7 @@ var C = (e, t = null) => (n, r) => {
 		})];
 	}, h = (e) => {
 		let t = [];
-		return e.descendants((e) => e.isTextblock ? (t.length && t.push(i.text(" ")), t.push(...p(e)), !1) : !0), t;
+		return e.descendants((e) => !e.isTextblock || (t.length && t.push(i.text(" ")), t.push(...p(e)), !1)), t;
 	}, v = (t) => {
 		let n = t.type.name === "orderedList";
 		if (e.has(t.type.name)) {
@@ -141,7 +141,7 @@ function w(e, t) {
 				t.push(i(e));
 			}), a.push(t.flatMap((e, t) => t ? [n.text("	", r), ...e] : e)), !1;
 		}
-		return e.isTextblock ? (a.push(i(e)), !1) : !0;
+		return !e.isTextblock || (a.push(i(e)), !1);
 	}), _(n, a.map((e) => n.nodes.paragraph.create(null, e)));
 }
 function T(e, t, n) {
@@ -157,9 +157,8 @@ function E(t, { text: n, html: r }, i, a) {
 	if ("$anchorCell" in o && !(u.has("table") && s(r, "table"))) {
 		let e = h(n).split("\n").map((e) => `<tr>${e.split("	").map((e) => `<td>${m(e)}</td>`).join("")}</tr>`);
 		t.pasteHTML(`<table><tbody>${e.join("")}</tbody></table>`);
-		return;
-	}
-	if (!i.plainText) {
+	} else if (i.plainText) c.nodes.math && l(r) ? T(t, r, w) : t.pasteText(o.$from.parent.type.spec.code ? h(n) : h(n).replace(/^$/gm, "\xA0"));
+	else {
 		let n = u.has("image") && c.nodes.imageUploadNode ? {
 			keys: [],
 			upload: !!a
@@ -167,13 +166,7 @@ function E(t, { text: n, html: r }, i, a) {
 		T(t, e(n ? p(r) : r), C(u, n));
 		let i = Promise.resolve();
 		for (let e of n?.keys ?? []) i = i.then(() => a?.(e));
-		return;
-	}
-	if (c.nodes.math && l(r)) {
-		T(t, r, w);
-		return;
 	}
-	t.pasteText(o.$from.parent.type.spec.code ? h(n) : h(n).replace(/^$/gm, "\xA0"));
 }
 var D = t.create({
 	name: "externalPaste",
@@ -197,7 +190,7 @@ var D = t.create({
 				},
 				handlePaste(t, n) {
 					let r = S(n.clipboardData);
-					return r === null ? !1 : (E(t, r, e(), o), !0);
+					return r !== null && (E(t, r, e(), o), !0);
 				},
 				handleDrop(t, n) {
 					let r = t.dragging ? null : S(n.dataTransfer), a = r === null ? null : t.posAtCoords({

package/dist/node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js

@@ -2,10 +2,12 @@
 function e(t) {
 	var n, r, i = "";
 	if (typeof t == "string" || typeof t == "number") i += t;
-	else if (typeof t == "object") if (Array.isArray(t)) {
-		var a = t.length;
-		for (n = 0; n < a; n++) t[n] && (r = e(t[n])) && (i && (i += " "), i += r);
-	} else for (r in t) t[r] && (i && (i += " "), i += r);
+	else if (typeof t == "object") {
+		if (Array.isArray(t)) {
+			var a = t.length;
+			for (n = 0; n < a; n++) t[n] && (r = e(t[n])) && (i && (i += " "), i += r);
+		} else for (r in t) t[r] && (i && (i += " "), i += r);
+	}
 	return i;
 }
 function t() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/editable-html-tip-tap",
-  "version": "3.1.2-next.20261019093941",
+  "version": "3.1.2-next.20261019151920",
   "description": "",
   "repository": {
     "type": "git",
@@ -13,11 +13,11 @@
     "@dnd-kit/utilities": "3.2.2",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "5.0.7-next.20261019093941",
-    "@pie-lib/math-input": "9.0.7-next.20261019093941",
-    "@pie-lib/math-toolbar": "4.0.7-next.20261019093941",
-    "@pie-lib/render-ui": "8.0.7-next.20261019093941",
-    "@pie-lib/translator": "5.0.2-next.20261006160832",
+    "@pie-lib/drag": "5.0.7-next.20261019151920",
+    "@pie-lib/math-input": "9.0.7-next.20261019151920",
+    "@pie-lib/math-toolbar": "4.0.7-next.20261019151920",
+    "@pie-lib/render-ui": "8.0.7-next.20261019151920",
+    "@pie-lib/translator": "5.0.2-next.20261019151920",
     "@tiptap/core": "3.31.4",
     "@tiptap/extension-character-count": "3.31.4",
     "@tiptap/extension-color": "3.31.4",
@@ -44,10 +44,10 @@
     "react-portal": "^4.2.0",
     "tippy.js": "latest",
     "to-style": "^1.3.3",
-    "@pie-element/shared-lodash": "0.1.3-next.20261012213240",
+    "@pie-element/shared-lodash": "0.1.3-next.20261019151920",
     "clsx": "^2.1.1",
     "prosemirror-state": "^1.4.4",
-    "@pie-element/shared-math-rendering-mathjax": "0.1.8-next.20261019015909",
+    "@pie-element/shared-math-rendering-mathjax": "0.1.8-next.20261019151920",
     "@tiptap/extensions": "3.31.4",
     "@tiptap/extension-list": "3.31.4",
     "@tiptap/extension-bubble-menu": "3.31.4",