dishui 0.0.72 → 0.0.74

package/dist/components/pro/RichTextEditor/extensions/FloatingDialog.js

@@ -1,9 +1,10 @@
 import { cn as e } from "../../../../utils/cn.js";
-import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Node as s, NodeViewContent as c, NodeViewWrapper as l, ReactNodeViewRenderer as u, mergeAttributes as d } from "@tiptap/react";
+import { useNodeEditable as t } from "./MarkdownBlock.js";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Node as c, NodeViewContent as l, NodeViewWrapper as u, ReactNodeViewRenderer as d, mergeAttributes as f } from "@tiptap/react";
 //#region src/components/pro/RichTextEditor/extensions/FloatingDialog.tsx
-var f = [
+var p = [
 	{
 		label: "Blue",
 		border: "#3b82f6",
@@ -34,11 +35,11 @@ var f = [
 		border: "#6b7280",
 		bg: "#f9fafb"
 	}
-], p = [
+], m = [
 	{
 		key: "block",
 		label: "Block",
-		icon: /* @__PURE__ */ o("svg", {
+		icon: /* @__PURE__ */ s("svg", {
 			width: "14",
 			height: "14",
 			viewBox: "0 0 24 24",
@@ -46,20 +47,20 @@ var f = [
 			stroke: "currentColor",
 			strokeWidth: "2",
 			children: [
-				/* @__PURE__ */ a("rect", {
+				/* @__PURE__ */ o("rect", {
 					x: "3",
 					y: "5",
 					width: "18",
 					height: "14",
 					rx: "2"
 				}),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ o("line", {
 					x1: "3",
 					y1: "3",
 					x2: "21",
 					y2: "3"
 				}),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ o("line", {
 					x1: "3",
 					y1: "21",
 					x2: "21",
@@ -71,7 +72,7 @@ var f = [
 	{
 		key: "wrap-left",
 		label: "Wrap Left",
-		icon: /* @__PURE__ */ o("svg", {
+		icon: /* @__PURE__ */ s("svg", {
 			width: "14",
 			height: "14",
 			viewBox: "0 0 24 24",
@@ -79,38 +80,38 @@ var f = [
 			stroke: "currentColor",
 			strokeWidth: "2",
 			children: [
-				/* @__PURE__ */ a("rect", {
+				/* @__PURE__ */ o("rect", {
 					x: "2",
 					y: "4",
 					width: "10",
 					height: "8",
 					rx: "1"
 				}),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ o("line", {
 					x1: "15",
 					y1: "5",
 					x2: "22",
 					y2: "5"
 				}),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ o("line", {
 					x1: "15",
 					y1: "8",
 					x2: "22",
 					y2: "8"
 				}),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ o("line", {
 					x1: "15",
 					y1: "11",
 					x2: "22",
 					y2: "11"
 				}),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ o("line", {
 					x1: "2",
 					y1: "15",
 					x2: "22",
 					y2: "15"
 				}),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ o("line", {
 					x1: "2",
 					y1: "18",
 					x2: "22",
@@ -122,7 +123,7 @@ var f = [
 	{
 		key: "wrap-right",
 		label: "Wrap Right",
-		icon: /* @__PURE__ */ o("svg", {
+		icon: /* @__PURE__ */ s("svg", {
 			width: "14",
 			height: "14",
 			viewBox: "0 0 24 24",
@@ -130,38 +131,38 @@ var f = [
 			stroke: "currentColor",
 			strokeWidth: "2",
 			children: [
-				/* @__PURE__ */ a("rect", {
+				/* @__PURE__ */ o("rect", {
 					x: "12",
 					y: "4",
 					width: "10",
 					height: "8",
 					rx: "1"
 				}),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ o("line", {
 					x1: "2",
 					y1: "5",
 					x2: "9",
 					y2: "5"
 				}),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ o("line", {
 					x1: "2",
 					y1: "8",
 					x2: "9",
 					y2: "8"
 				}),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ o("line", {
 					x1: "2",
 					y1: "11",
 					x2: "9",
 					y2: "11"
 				}),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ o("line", {
 					x1: "2",
 					y1: "15",
 					x2: "22",
 					y2: "15"
 				}),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ o("line", {
 					x1: "2",
 					y1: "18",
 					x2: "22",
@@ -173,7 +174,7 @@ var f = [
 	{
 		key: "float",
 		label: "Float",
-		icon: /* @__PURE__ */ o("svg", {
+		icon: /* @__PURE__ */ s("svg", {
 			width: "14",
 			height: "14",
 			viewBox: "0 0 24 24",
@@ -181,25 +182,25 @@ var f = [
 			stroke: "currentColor",
 			strokeWidth: "2",
 			children: [
-				/* @__PURE__ */ a("rect", {
+				/* @__PURE__ */ o("rect", {
 					x: "6",
 					y: "6",
 					width: "12",
 					height: "12",
 					rx: "2"
 				}),
-				/* @__PURE__ */ a("path", {
+				/* @__PURE__ */ o("path", {
 					d: "M2 2h4M18 2h4M2 22h4M18 22h4",
 					strokeDasharray: "2 2"
 				}),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ o("line", {
 					x1: "2",
 					y1: "12",
 					x2: "6",
 					y2: "12",
 					strokeDasharray: "2 2"
 				}),
-				/* @__PURE__ */ a("line", {
+				/* @__PURE__ */ o("line", {
 					x1: "18",
 					y1: "12",
 					x2: "22",
@@ -210,119 +211,131 @@ var f = [
 		})
 	}
 ];
-function m(e) {
+function h(e) {
 	let t = [];
 	return e.state.doc.descendants((e) => {
 		e.type.name === "floatingDialog" && e.attrs.layout === "float" && t.push(e.attrs.zIndex ?? 10);
 	}), t;
 }
-var h = ({ node: s, editor: u, updateAttributes: d, deleteNode: h, selected: g }) => {
-	let _ = s.attrs, v = _.layout || "block", y = v === "float", b = _.zIndex ?? 10, [x, S] = i(!1), [C, w] = i(_.title), [T, E] = i(!1), [D, O] = i(!1), k = r({
+var g = ({ node: c, editor: d, updateAttributes: f, deleteNode: g, selected: _ }) => {
+	let v = t(d), y = n((e) => {
+		!d.isDestroyed && d.isEditable && f(e);
+	}, [d, f]), b = i(null), x = c.attrs, S = x.layout || "block", C = S === "float", w = x.zIndex ?? 10, [T, E] = a(!1), [D, O] = a(x.title), [k, A] = a(!1), [j, M] = a(!1), N = i({
 		mx: 0,
 		my: 0,
 		x: 0,
 		y: 0
-	}), A = r({
+	}), P = i({
 		mx: 0,
 		my: 0,
 		w: 0,
 		h: 0
-	}), j = r(null), M = r(null);
-	n(() => {
-		w(_.title);
-	}, [_.title]), n(() => {
+	}), F = i(null), I = i(null);
+	r(() => {
+		O(x.title);
+	}, [x.title]), r(() => {
+		v || (b.current?.(), E(!1), O(x.title), A(!1), M(!1));
+	}, [v, x.title]), r(() => {
+		let e = () => b.current?.();
+		return d.on("destroy", e), window.addEventListener("blur", e), () => {
+			e(), d.off("destroy", e), window.removeEventListener("blur", e);
+		};
+	}, [d]), r(() => {
 		let e = (e) => {
-			j.current && !j.current.contains(e.target) && E(!1), M.current && !M.current.contains(e.target) && O(!1);
+			F.current && !F.current.contains(e.target) && A(!1), I.current && !I.current.contains(e.target) && M(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []);
-	let N = t((e) => {
-		if (!y) return;
-		e.preventDefault(), e.stopPropagation(), k.current = {
+	let L = n((e) => {
+		if (!C || d.isDestroyed || !d.isEditable || e.button !== 0) return;
+		b.current?.(), e.preventDefault(), e.stopPropagation(), N.current = {
 			mx: e.clientX,
 			my: e.clientY,
-			x: _.x,
-			y: _.y
+			x: x.x,
+			y: x.y
 		};
 		let t = (e) => {
-			let t = e.clientX - k.current.mx, n = e.clientY - k.current.my;
-			d({
-				x: k.current.x + t,
-				y: k.current.y + n
+			let t = e.clientX - N.current.mx, n = e.clientY - N.current.my;
+			y({
+				x: N.current.x + t,
+				y: N.current.y + n
 			});
 		}, n = () => {
 			document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
 		};
-		document.addEventListener("mousemove", t), document.addEventListener("mouseup", n);
+		document.addEventListener("mousemove", t), document.addEventListener("mouseup", n), b.current = n;
 	}, [
-		y,
-		_.x,
-		_.y,
-		d
-	]), P = t((e) => {
-		e.preventDefault(), e.stopPropagation(), A.current = {
+		d,
+		C,
+		x.x,
+		x.y,
+		y
+	]), R = n((e) => {
+		if (d.isDestroyed || !d.isEditable || e.button !== 0) return;
+		b.current?.(), e.preventDefault(), e.stopPropagation(), P.current = {
 			mx: e.clientX,
 			my: e.clientY,
-			w: _.width,
-			h: _.height
+			w: x.width,
+			h: x.height
 		};
 		let t = (e) => {
-			let t = e.clientX - A.current.mx, n = e.clientY - A.current.my;
-			d({
-				width: Math.max(160, A.current.w + t),
-				height: Math.max(80, A.current.h + n)
+			let t = e.clientX - P.current.mx, n = e.clientY - P.current.my;
+			y({
+				width: Math.max(160, P.current.w + t),
+				height: Math.max(80, P.current.h + n)
 			});
 		}, n = () => {
 			document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
 		};
-		document.addEventListener("mousemove", t), document.addEventListener("mouseup", n);
+		document.addEventListener("mousemove", t), document.addEventListener("mouseup", n), b.current = n;
 	}, [
-		_.width,
-		_.height,
-		d
-	]), F = t(() => {
-		d({ title: C }), S(!1);
-	}, [C, d]), I = t(() => {
-		let e = m(u), t = Math.max(...e);
-		b < t && d({ zIndex: t + 1 });
+		d,
+		x.width,
+		x.height,
+		y
+	]), z = n(() => {
+		y({ title: D }), E(!1);
+	}, [D, y]), B = n(() => {
+		let e = h(d), t = Math.max(...e);
+		w < t && y({ zIndex: t + 1 });
 	}, [
-		u,
-		b,
-		d
-	]), L = t(() => {
-		let e = m(u), t = Math.min(...e);
-		b > t ? d({ zIndex: t - 1 }) : b > 1 && d({ zIndex: b - 1 });
+		d,
+		w,
+		y
+	]), V = n(() => {
+		let e = h(d), t = Math.min(...e);
+		w > t ? y({ zIndex: t - 1 }) : w > 1 && y({ zIndex: w - 1 });
 	}, [
-		u,
-		b,
-		d
-	]), R = e("rte-float-dialog", `rte-float-dialog--${v}`, g && "rte-float-dialog--selected"), z = y ? {
+		d,
+		w,
+		y
+	]), H = e("rte-float-dialog", `rte-float-dialog--${S}`, _ && "rte-float-dialog--selected"), U = C ? {
 		position: "absolute",
-		left: _.x,
-		top: _.y,
-		zIndex: b
-	} : {}, B = {
-		width: v === "block" ? "100%" : _.width,
-		minHeight: _.height,
-		borderColor: _.borderColor,
-		backgroundColor: _.bgColor
-	}, V = p.find((e) => e.key === v)?.icon;
-	return /* @__PURE__ */ a(l, {
-		className: R,
-		style: z,
-		children: /* @__PURE__ */ o("div", {
+		left: x.x,
+		top: x.y,
+		zIndex: w
+	} : {}, W = {
+		width: S === "block" ? "100%" : x.width,
+		minHeight: x.height,
+		borderColor: x.borderColor,
+		backgroundColor: x.bgColor
+	}, G = m.find((e) => e.key === S)?.icon;
+	return /* @__PURE__ */ o(u, {
+		className: H,
+		style: U,
+		children: /* @__PURE__ */ s("div", {
 			className: "rte-float-dialog__box",
-			style: B,
+			style: W,
 			children: [
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ s("div", {
 					className: "rte-float-dialog__titlebar",
-					style: { borderBottomColor: _.borderColor },
-					onMouseDown: N,
+					style: { borderBottomColor: x.borderColor },
+					onMouseDown: L,
 					contentEditable: !1,
 					children: [
-						y && /* @__PURE__ */ a("span", {
+						C && /* @__PURE__ */ o("span", {
 							className: "rte-float-dialog__drag-icon",
-							children: /* @__PURE__ */ o("svg", {
+							children: /* @__PURE__ */ s("svg", {
 								width: "12",
 								height: "12",
 								viewBox: "0 0 24 24",
@@ -330,32 +343,32 @@ var h = ({ node: s, editor: u, updateAttributes: d, deleteNode: h, selected: g }
 								stroke: "currentColor",
 								strokeWidth: "2",
 								children: [
-									/* @__PURE__ */ a("circle", {
+									/* @__PURE__ */ o("circle", {
 										cx: "9",
 										cy: "5",
 										r: "1.5"
 									}),
-									/* @__PURE__ */ a("circle", {
+									/* @__PURE__ */ o("circle", {
 										cx: "15",
 										cy: "5",
 										r: "1.5"
 									}),
-									/* @__PURE__ */ a("circle", {
+									/* @__PURE__ */ o("circle", {
 										cx: "9",
 										cy: "12",
 										r: "1.5"
 									}),
-									/* @__PURE__ */ a("circle", {
+									/* @__PURE__ */ o("circle", {
 										cx: "15",
 										cy: "12",
 										r: "1.5"
 									}),
-									/* @__PURE__ */ a("circle", {
+									/* @__PURE__ */ o("circle", {
 										cx: "9",
 										cy: "19",
 										r: "1.5"
 									}),
-									/* @__PURE__ */ a("circle", {
+									/* @__PURE__ */ o("circle", {
 										cx: "15",
 										cy: "19",
 										r: "1.5"
@@ -363,49 +376,51 @@ var h = ({ node: s, editor: u, updateAttributes: d, deleteNode: h, selected: g }
 								]
 							})
 						}),
-						x ? /* @__PURE__ */ a("input", {
+						T && v ? /* @__PURE__ */ o("input", {
 							className: "rte-float-dialog__title-input",
-							value: C,
-							onChange: (e) => w(e.target.value),
+							value: D,
+							onChange: (e) => O(e.target.value),
 							placeholder: "Title...",
 							onMouseDown: (e) => e.stopPropagation(),
-							onBlur: F,
+							onBlur: z,
 							onKeyDown: (e) => {
-								(e.key === "Enter" || e.key === "Escape") && F();
+								(e.key === "Enter" || e.key === "Escape") && z();
 							},
 							autoFocus: !0
-						}) : /* @__PURE__ */ a("span", {
+						}) : /* @__PURE__ */ o("span", {
 							className: "rte-float-dialog__title",
-							onDoubleClick: () => S(!0),
-							children: _.title || "Dialog"
+							onDoubleClick: () => {
+								!d.isDestroyed && d.isEditable && E(!0);
+							},
+							children: x.title || "Dialog"
 						}),
-						/* @__PURE__ */ o("div", {
+						v && /* @__PURE__ */ s("div", {
 							className: "rte-float-dialog__actions",
 							children: [
-								y && /* @__PURE__ */ o("div", {
+								C && /* @__PURE__ */ s("div", {
 									className: "rte-float-dialog__zorder",
-									children: [/* @__PURE__ */ a("button", {
+									children: [/* @__PURE__ */ o("button", {
 										type: "button",
 										className: "rte-float-dialog__action-btn",
 										onClick: (e) => {
-											e.stopPropagation(), I();
+											e.stopPropagation(), B();
 										},
 										title: "Bring to Front",
 										onMouseDown: (e) => e.stopPropagation(),
-										children: /* @__PURE__ */ o("svg", {
+										children: /* @__PURE__ */ s("svg", {
 											width: "12",
 											height: "12",
 											viewBox: "0 0 24 24",
 											fill: "none",
 											stroke: "currentColor",
 											strokeWidth: "2",
-											children: [/* @__PURE__ */ a("rect", {
+											children: [/* @__PURE__ */ o("rect", {
 												x: "8",
 												y: "2",
 												width: "13",
 												height: "13",
 												rx: "2"
-											}), /* @__PURE__ */ a("rect", {
+											}), /* @__PURE__ */ o("rect", {
 												x: "3",
 												y: "9",
 												width: "13",
@@ -414,28 +429,28 @@ var h = ({ node: s, editor: u, updateAttributes: d, deleteNode: h, selected: g }
 												opacity: "0.4"
 											})]
 										})
-									}), /* @__PURE__ */ a("button", {
+									}), /* @__PURE__ */ o("button", {
 										type: "button",
 										className: "rte-float-dialog__action-btn",
 										onClick: (e) => {
-											e.stopPropagation(), L();
+											e.stopPropagation(), V();
 										},
 										title: "Send to Back",
 										onMouseDown: (e) => e.stopPropagation(),
-										children: /* @__PURE__ */ o("svg", {
+										children: /* @__PURE__ */ s("svg", {
 											width: "12",
 											height: "12",
 											viewBox: "0 0 24 24",
 											fill: "none",
 											stroke: "currentColor",
 											strokeWidth: "2",
-											children: [/* @__PURE__ */ a("rect", {
+											children: [/* @__PURE__ */ o("rect", {
 												x: "3",
 												y: "9",
 												width: "13",
 												height: "13",
 												rx: "2"
-											}), /* @__PURE__ */ a("rect", {
+											}), /* @__PURE__ */ o("rect", {
 												x: "8",
 												y: "2",
 												width: "13",
@@ -446,94 +461,94 @@ var h = ({ node: s, editor: u, updateAttributes: d, deleteNode: h, selected: g }
 										})
 									})]
 								}),
-								/* @__PURE__ */ o("div", {
-									ref: M,
+								/* @__PURE__ */ s("div", {
+									ref: I,
 									style: { position: "relative" },
-									children: [/* @__PURE__ */ a("button", {
+									children: [/* @__PURE__ */ o("button", {
 										type: "button",
 										className: "rte-float-dialog__action-btn",
 										onClick: (e) => {
-											e.stopPropagation(), O(!D);
+											e.stopPropagation(), M(!j);
 										},
-										title: `Layout: ${v}`,
+										title: `Layout: ${S}`,
 										onMouseDown: (e) => e.stopPropagation(),
-										children: V
-									}), D && /* @__PURE__ */ a("div", {
+										children: G
+									}), j && /* @__PURE__ */ o("div", {
 										className: "rte-float-dialog__layout-dropdown",
 										onMouseDown: (e) => e.stopPropagation(),
-										children: p.map((e) => /* @__PURE__ */ o("button", {
+										children: m.map((e) => /* @__PURE__ */ s("button", {
 											type: "button",
-											className: `rte-float-dialog__layout-option ${v === e.key ? "rte-float-dialog__layout-option--active" : ""}`,
+											className: `rte-float-dialog__layout-option ${S === e.key ? "rte-float-dialog__layout-option--active" : ""}`,
 											onClick: () => {
-												d({ layout: e.key }), O(!1);
+												y({ layout: e.key }), M(!1);
 											},
 											title: e.label,
-											children: [e.icon, /* @__PURE__ */ a("span", { children: e.label })]
+											children: [e.icon, /* @__PURE__ */ o("span", { children: e.label })]
 										}, e.key))
 									})]
 								}),
-								/* @__PURE__ */ o("div", {
-									ref: j,
+								/* @__PURE__ */ s("div", {
+									ref: F,
 									style: { position: "relative" },
-									children: [/* @__PURE__ */ a("button", {
+									children: [/* @__PURE__ */ o("button", {
 										type: "button",
 										className: "rte-float-dialog__action-btn",
 										onClick: (e) => {
-											e.stopPropagation(), E(!T);
+											e.stopPropagation(), A(!k);
 										},
 										title: "Color",
 										onMouseDown: (e) => e.stopPropagation(),
-										children: /* @__PURE__ */ a("svg", {
+										children: /* @__PURE__ */ o("svg", {
 											width: "12",
 											height: "12",
 											viewBox: "0 0 24 24",
-											fill: _.borderColor,
-											stroke: _.borderColor,
+											fill: x.borderColor,
+											stroke: x.borderColor,
 											strokeWidth: "2",
-											children: /* @__PURE__ */ a("circle", {
+											children: /* @__PURE__ */ o("circle", {
 												cx: "12",
 												cy: "12",
 												r: "8"
 											})
 										})
-									}), T && /* @__PURE__ */ a("div", {
+									}), k && /* @__PURE__ */ o("div", {
 										className: "rte-float-dialog__color-dropdown",
 										onMouseDown: (e) => e.stopPropagation(),
-										children: f.map((e) => /* @__PURE__ */ a("button", {
+										children: p.map((e) => /* @__PURE__ */ o("button", {
 											type: "button",
 											className: "rte-float-dialog__color-swatch",
 											style: { backgroundColor: e.border },
 											onClick: () => {
-												d({
+												y({
 													borderColor: e.border,
 													bgColor: e.bg
-												}), E(!1);
+												}), A(!1);
 											},
 											title: e.label
 										}, e.label))
 									})]
 								}),
-								/* @__PURE__ */ a("button", {
+								/* @__PURE__ */ o("button", {
 									type: "button",
 									className: "rte-float-dialog__action-btn rte-float-dialog__action-btn--danger",
 									onClick: (e) => {
-										e.stopPropagation(), h();
+										e.stopPropagation(), !d.isDestroyed && d.isEditable && g();
 									},
 									title: "Delete",
 									onMouseDown: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ o("svg", {
+									children: /* @__PURE__ */ s("svg", {
 										width: "12",
 										height: "12",
 										viewBox: "0 0 24 24",
 										fill: "none",
 										stroke: "currentColor",
 										strokeWidth: "2",
-										children: [/* @__PURE__ */ a("line", {
+										children: [/* @__PURE__ */ o("line", {
 											x1: "18",
 											y1: "6",
 											x2: "6",
 											y2: "18"
-										}), /* @__PURE__ */ a("line", {
+										}), /* @__PURE__ */ o("line", {
 											x1: "6",
 											y1: "6",
 											x2: "18",
@@ -545,28 +560,28 @@ var h = ({ node: s, editor: u, updateAttributes: d, deleteNode: h, selected: g }
 						})
 					]
 				}),
-				/* @__PURE__ */ a(c, { className: "rte-float-dialog__body" }),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ o(l, { className: "rte-float-dialog__body" }),
+				v && /* @__PURE__ */ o("div", {
 					className: "rte-float-dialog__resize-handle",
-					onMouseDown: P,
+					onMouseDown: R,
 					contentEditable: !1,
-					children: /* @__PURE__ */ o("svg", {
+					children: /* @__PURE__ */ s("svg", {
 						width: "10",
 						height: "10",
 						viewBox: "0 0 10 10",
 						fill: "currentColor",
 						children: [
-							/* @__PURE__ */ a("circle", {
+							/* @__PURE__ */ o("circle", {
 								cx: "8",
 								cy: "8",
 								r: "1.2"
 							}),
-							/* @__PURE__ */ a("circle", {
+							/* @__PURE__ */ o("circle", {
 								cx: "4",
 								cy: "8",
 								r: "1.2"
 							}),
-							/* @__PURE__ */ a("circle", {
+							/* @__PURE__ */ o("circle", {
 								cx: "8",
 								cy: "4",
 								r: "1.2"
@@ -578,7 +593,7 @@ var h = ({ node: s, editor: u, updateAttributes: d, deleteNode: h, selected: g }
 		})
 	});
 };
-function g(e) {
+function _(e) {
 	let t = 9;
 	return e.state.doc.descendants((e) => {
 		if (e.type.name === "floatingDialog" && e.attrs.layout === "float") {
@@ -587,7 +602,7 @@ function g(e) {
 		}
 	}), t + 1;
 }
-var _ = s.create({
+var v = c.create({
 	name: "floatingDialog",
 	group: "block",
 	content: "block+",
@@ -613,15 +628,15 @@ var _ = s.create({
 	renderHTML({ HTMLAttributes: e }) {
 		return [
 			"div",
-			d(e, { "data-type": "floating-dialog" }),
+			f(e, { "data-type": "floating-dialog" }),
 			0
 		];
 	},
 	addNodeView() {
-		return u(h);
+		return d(g);
 	}
 });
 //#endregion
-export { _ as FloatingDialogExtension, _ as default, g as getNextFloatZIndex };
+export { v as FloatingDialogExtension, v as default, _ as getNextFloatZIndex };
 
 //# sourceMappingURL=FloatingDialog.js.map