@dialpad/dialtone-vue 3.221.1 → 3.222.0-next.2

package/dist/RichTextEditor-D5D8AvLl.js

@@ -0,0 +1,3020 @@
+import { getPhoneNumberRegex as e, linkRegex as t, returnFirstEl as n, warnIfUnmounted as r } from "./common/utils/index.js";
+import { t as i } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { codeToEmojiData as a, emojiRegex as o, emojiShortCodeRegex as s, getEmojiData as c, stringToUnicode as l } from "./common/emoji/index.js";
+import u from "./lib/avatar/avatar.js";
+import d from "./lib/badge/badge.js";
+import f from "./lib/text/text.js";
+import p from "./lib/link/link.js";
+import { DialtoneLocalization as m } from "./localization/index.js";
+import h from "./lib/button/button.js";
+import g from "./lib/list-item/list-item.js";
+import _ from "./lib/stack/stack.js";
+import v from "./lib/popover/popover.js";
+import y from "./lib/emoji/emoji.js";
+import b from "./lib/input/input.js";
+import { Editor as x, EditorContent as ee, NodeViewWrapper as S, VueNodeViewRenderer as C, VueRenderer as w, nodeViewProps as T } from "./node_modules/@tiptap/vue-3.js";
+import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as te, RICH_TEXT_EDITOR_OUTPUT_FORMATS as ne, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as re } from "./lib/rich-text-editor/rich-text-editor-constants.js";
+import { t as E } from "./MarkdownRenderer-C3MZDB2I.js";
+import { Fragment as ie, createBlock as D, createCommentVNode as O, createElementBlock as ae, createElementVNode as oe, createTextVNode as k, createVNode as A, defineComponent as se, h as ce, markRaw as le, mergeProps as ue, nextTick as de, normalizeClass as fe, onBeforeUnmount as pe, onMounted as me, openBlock as j, ref as he, renderList as ge, resolveComponent as M, resolveDynamicComponent as _e, toDisplayString as N, vShow as ve, withCtx as P, withDirectives as ye, withKeys as be, withModifiers as xe } from "vue";
+import { DtIconLock as Se } from "@dialpad/dialtone-icons/vue";
+import { emojiPattern as Ce } from "regex-combined-emojis";
+import { Extension as we, InputRule as Te, Mark as Ee, Node as De, combineTransactionSteps as Oe, findChildrenInRange as ke, getChangedRanges as Ae, getMarksBetween as je, getText as Me, getTextSerializersFromSchema as Ne, isTextSelection as Pe, mergeAttributes as F, nodeInputRule as Fe, nodePasteRule as Ie, posToDOMRect as Le } from "@tiptap/core";
+import { NodeSelection as Re, Plugin as ze, PluginKey as I } from "@tiptap/pm/state";
+import { CellSelection as Be } from "@tiptap/pm/tables";
+import Ve from "@tiptap/extension-blockquote";
+import He from "@tiptap/extension-code-block";
+import Ue from "@tiptap/extension-code";
+import We from "@tiptap/extension-document";
+import { Gapcursor as Ge, Placeholder as Ke, UndoRedo as qe } from "@tiptap/extensions";
+import Je from "@tiptap/extension-hard-break";
+import Ye from "@tiptap/extension-paragraph";
+import Xe from "@tiptap/extension-bold";
+import { BulletList as Ze, ListItem as Qe, OrderedList as $e } from "@tiptap/extension-list";
+import et from "@tiptap/extension-italic";
+import tt from "@tiptap/extension-link";
+import nt from "@tiptap/extension-strike";
+import rt from "@tiptap/extension-underline";
+import it from "@tiptap/extension-text";
+import at from "@tiptap/extension-text-align";
+import { Table as ot, TableCell as st, TableHeader as ct, TableRow as lt } from "@tiptap/extension-table";
+import { TextStyle as ut, TextStyleKit as dt } from "@tiptap/extension-text-style";
+import ft from "@tiptap/suggestion";
+import pt from "@tiptap/extension-image";
+import mt from "@tiptap/extension-mention";
+import ht from "@dialpad/dialtone-icons/vue/hash";
+import gt from "@dialpad/dialtone-icons/vue/lock";
+import _t from "deep-equal";
+//#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
+var vt = [
+	"top",
+	"right",
+	"bottom",
+	"left"
+], yt = ["start", "end"], bt = /* @__PURE__ */ vt.reduce((e, t) => e.concat(t, t + "-" + yt[0], t + "-" + yt[1]), []), L = Math.min, R = Math.max, xt = Math.round, z = (e) => ({
+	x: e,
+	y: e
+}), St = {
+	left: "right",
+	right: "left",
+	bottom: "top",
+	top: "bottom"
+};
+function Ct(e, t, n) {
+	return R(e, L(t, n));
+}
+function B(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function V(e) {
+	return e.split("-")[0];
+}
+function H(e) {
+	return e.split("-")[1];
+}
+function wt(e) {
+	return e === "x" ? "y" : "x";
+}
+function Tt(e) {
+	return e === "y" ? "height" : "width";
+}
+function U(e) {
+	let t = e[0];
+	return t === "t" || t === "b" ? "y" : "x";
+}
+function Et(e) {
+	return wt(U(e));
+}
+function Dt(e, t, n) {
+	n === void 0 && (n = !1);
+	let r = H(e), i = Et(e), a = Tt(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	return t.reference[a] > t.floating[a] && (o = It(o)), [o, It(o)];
+}
+function Ot(e) {
+	let t = It(e);
+	return [
+		kt(e),
+		t,
+		kt(t)
+	];
+}
+function kt(e) {
+	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
+}
+var At = ["left", "right"], jt = ["right", "left"], Mt = ["top", "bottom"], Nt = ["bottom", "top"];
+function Pt(e, t, n) {
+	switch (e) {
+		case "top":
+		case "bottom": return n ? t ? jt : At : t ? At : jt;
+		case "left":
+		case "right": return t ? Mt : Nt;
+		default: return [];
+	}
+}
+function Ft(e, t, n, r) {
+	let i = H(e), a = Pt(V(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(kt)))), a;
+}
+function It(e) {
+	let t = V(e);
+	return St[t] + e.slice(t.length);
+}
+function Lt(e) {
+	return {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0,
+		...e
+	};
+}
+function Rt(e) {
+	return typeof e == "number" ? {
+		top: e,
+		right: e,
+		bottom: e,
+		left: e
+	} : Lt(e);
+}
+function W(e) {
+	let { x: t, y: n, width: r, height: i } = e;
+	return {
+		width: r,
+		height: i,
+		top: n,
+		left: t,
+		right: t + r,
+		bottom: n + i,
+		x: t,
+		y: n
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@floating-ui+core@1.7.5/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
+function zt(e, t, n) {
+	let { reference: r, floating: i } = e, a = U(t), o = Et(t), s = Tt(o), c = V(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
+	switch (c) {
+		case "top":
+			p = {
+				x: u,
+				y: r.y - i.height
+			};
+			break;
+		case "bottom":
+			p = {
+				x: u,
+				y: r.y + r.height
+			};
+			break;
+		case "right":
+			p = {
+				x: r.x + r.width,
+				y: d
+			};
+			break;
+		case "left":
+			p = {
+				x: r.x - i.width,
+				y: d
+			};
+			break;
+		default: p = {
+			x: r.x,
+			y: r.y
+		};
+	}
+	switch (H(t)) {
+		case "start":
+			p[o] -= f * (n && l ? -1 : 1);
+			break;
+		case "end":
+			p[o] += f * (n && l ? -1 : 1);
+			break;
+	}
+	return p;
+}
+async function Bt(e, t) {
+	t === void 0 && (t = {});
+	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = B(t, e), p = Rt(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = W(await i.getClippingRect({
+		element: await (i.isElement == null ? void 0 : i.isElement(m)) ?? !0 ? m : m.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(o.floating)),
+		boundary: c,
+		rootBoundary: l,
+		strategy: s
+	})), g = u === "floating" ? {
+		x: n,
+		y: r,
+		width: a.floating.width,
+		height: a.floating.height
+	} : a.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(o.floating)), v = await (i.isElement == null ? void 0 : i.isElement(_)) && await (i.getScale == null ? void 0 : i.getScale(_)) || {
+		x: 1,
+		y: 1
+	}, y = W(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+		elements: o,
+		rect: g,
+		offsetParent: _,
+		strategy: s
+	}) : g);
+	return {
+		top: (h.top - y.top + p.top) / v.y,
+		bottom: (y.bottom - h.bottom + p.bottom) / v.y,
+		left: (h.left - y.left + p.left) / v.x,
+		right: (y.right - h.right + p.right) / v.x
+	};
+}
+var Vt = 50, Ht = async (e, t, n) => {
+	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
+		...o,
+		detectOverflow: Bt
+	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
+		reference: e,
+		floating: t,
+		strategy: i
+	}), { x: u, y: d } = zt(l, r, c), f = r, p = 0, m = {};
+	for (let n = 0; n < a.length; n++) {
+		let h = a[n];
+		if (!h) continue;
+		let { name: g, fn: _ } = h, { x: v, y, data: b, reset: x } = await _({
+			x: u,
+			y: d,
+			initialPlacement: r,
+			placement: f,
+			strategy: i,
+			middlewareData: m,
+			rects: l,
+			platform: s,
+			elements: {
+				reference: e,
+				floating: t
+			}
+		});
+		u = v ?? u, d = y ?? d, m[g] = {
+			...m[g],
+			...b
+		}, x && p < Vt && (p++, typeof x == "object" && (x.placement && (f = x.placement), x.rects && (l = x.rects === !0 ? await o.getElementRects({
+			reference: e,
+			floating: t,
+			strategy: i
+		}) : x.rects), {x: u, y: d} = zt(l, f, c)), n = -1);
+	}
+	return {
+		x: u,
+		y: d,
+		placement: f,
+		strategy: i,
+		middlewareData: m
+	};
+}, Ut = (e) => ({
+	name: "arrow",
+	options: e,
+	async fn(t) {
+		let { x: n, y: r, placement: i, rects: a, platform: o, elements: s, middlewareData: c } = t, { element: l, padding: u = 0 } = B(e, t) || {};
+		if (l == null) return {};
+		let d = Rt(u), f = {
+			x: n,
+			y: r
+		}, p = Et(i), m = Tt(p), h = await o.getDimensions(l), g = p === "y", _ = g ? "top" : "left", v = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", b = a.reference[m] + a.reference[p] - f[p] - a.floating[m], x = f[p] - a.reference[p], ee = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l)), S = ee ? ee[y] : 0;
+		(!S || !await (o.isElement == null ? void 0 : o.isElement(ee))) && (S = s.floating[y] || a.floating[m]);
+		let C = b / 2 - x / 2, w = S / 2 - h[m] / 2 - 1, T = L(d[_], w), te = L(d[v], w), ne = T, re = S - h[m] - te, E = S / 2 - h[m] / 2 + C, ie = Ct(ne, E, re), D = !c.arrow && H(i) != null && E !== ie && a.reference[m] / 2 - (E < ne ? T : te) - h[m] / 2 < 0, O = D ? E < ne ? E - ne : E - re : 0;
+		return {
+			[p]: f[p] + O,
+			data: {
+				[p]: ie,
+				centerOffset: E - ie - O,
+				...D && { alignmentOffset: O }
+			},
+			reset: D
+		};
+	}
+});
+function Wt(e, t, n) {
+	return (e ? [...n.filter((t) => H(t) === e), ...n.filter((t) => H(t) !== e)] : n.filter((e) => V(e) === e)).filter((n) => e ? H(n) === e || (t ? kt(n) !== n : !1) : !0);
+}
+var Gt = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "autoPlacement",
+		options: e,
+		async fn(t) {
+			let { rects: n, middlewareData: r, placement: i, platform: a, elements: o } = t, { crossAxis: s = !1, alignment: c, allowedPlacements: l = bt, autoAlignment: u = !0, ...d } = B(e, t), f = c !== void 0 || l === bt ? Wt(c || null, u, l) : l, p = await a.detectOverflow(t, d), m = r.autoPlacement?.index || 0, h = f[m];
+			if (h == null) return {};
+			let g = Dt(h, n, await (a.isRTL == null ? void 0 : a.isRTL(o.floating)));
+			if (i !== h) return { reset: { placement: f[0] } };
+			let _ = [
+				p[V(h)],
+				p[g[0]],
+				p[g[1]]
+			], v = [...r.autoPlacement?.overflows || [], {
+				placement: h,
+				overflows: _
+			}], y = f[m + 1];
+			if (y) return {
+				data: {
+					index: m + 1,
+					overflows: v
+				},
+				reset: { placement: y }
+			};
+			let b = v.map((e) => {
+				let t = H(e.placement);
+				return [
+					e.placement,
+					t && s ? e.overflows.slice(0, 2).reduce((e, t) => e + t, 0) : e.overflows[0],
+					e.overflows
+				];
+			}).sort((e, t) => e[1] - t[1]), x = b.filter((e) => e[2].slice(0, H(e[0]) ? 2 : 3).every((e) => e <= 0))[0]?.[0] || b[0][0];
+			return x === i ? {} : {
+				data: {
+					index: m + 1,
+					overflows: v
+				},
+				reset: { placement: x }
+			};
+		}
+	};
+}, Kt = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "flip",
+		options: e,
+		async fn(t) {
+			var n;
+			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = B(e, t);
+			if ((n = i.arrow) != null && n.alignmentOffset) return {};
+			let g = V(r), _ = U(o), v = V(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [It(o)] : Ot(o)), x = p !== "none";
+			!d && x && b.push(...Ft(o, m, p, y));
+			let ee = [o, ...b], S = await s.detectOverflow(t, h), C = [], w = i.flip?.overflows || [];
+			if (l && C.push(S[g]), u) {
+				let e = Dt(r, a, y);
+				C.push(S[e[0]], S[e[1]]);
+			}
+			if (w = [...w, {
+				placement: r,
+				overflows: C
+			}], !C.every((e) => e <= 0)) {
+				let e = (i.flip?.index || 0) + 1, t = ee[e];
+				if (t && (!(u === "alignment" && _ !== U(t)) || w.every((e) => U(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
+					data: {
+						index: e,
+						overflows: w
+					},
+					reset: { placement: t }
+				};
+				let n = w.filter((e) => e.overflows[0] <= 0).sort((e, t) => e.overflows[1] - t.overflows[1])[0]?.placement;
+				if (!n) switch (f) {
+					case "bestFit": {
+						let e = w.filter((e) => {
+							if (x) {
+								let t = U(e.placement);
+								return t === _ || t === "y";
+							}
+							return !0;
+						}).map((e) => [e.placement, e.overflows.filter((e) => e > 0).reduce((e, t) => e + t, 0)]).sort((e, t) => e[1] - t[1])[0]?.[0];
+						e && (n = e);
+						break;
+					}
+					case "initialPlacement":
+						n = o;
+						break;
+				}
+				if (r !== n) return { reset: { placement: n } };
+			}
+			return {};
+		}
+	};
+};
+function qt(e, t) {
+	return {
+		top: e.top - t.height,
+		right: e.right - t.width,
+		bottom: e.bottom - t.height,
+		left: e.left - t.width
+	};
+}
+function Jt(e) {
+	return vt.some((t) => e[t] >= 0);
+}
+var Yt = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "hide",
+		options: e,
+		async fn(t) {
+			let { rects: n, platform: r } = t, { strategy: i = "referenceHidden", ...a } = B(e, t);
+			switch (i) {
+				case "referenceHidden": {
+					let e = qt(await r.detectOverflow(t, {
+						...a,
+						elementContext: "reference"
+					}), n.reference);
+					return { data: {
+						referenceHiddenOffsets: e,
+						referenceHidden: Jt(e)
+					} };
+				}
+				case "escaped": {
+					let e = qt(await r.detectOverflow(t, {
+						...a,
+						altBoundary: !0
+					}), n.floating);
+					return { data: {
+						escapedOffsets: e,
+						escaped: Jt(e)
+					} };
+				}
+				default: return {};
+			}
+		}
+	};
+};
+function Xt(e) {
+	let t = L(...e.map((e) => e.left)), n = L(...e.map((e) => e.top)), r = R(...e.map((e) => e.right)), i = R(...e.map((e) => e.bottom));
+	return {
+		x: t,
+		y: n,
+		width: r - t,
+		height: i - n
+	};
+}
+function Zt(e) {
+	let t = e.slice().sort((e, t) => e.y - t.y), n = [], r = null;
+	for (let e = 0; e < t.length; e++) {
+		let i = t[e];
+		!r || i.y - r.y > r.height / 2 ? n.push([i]) : n[n.length - 1].push(i), r = i;
+	}
+	return n.map((e) => W(Xt(e)));
+}
+var Qt = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "inline",
+		options: e,
+		async fn(t) {
+			let { placement: n, elements: r, rects: i, platform: a, strategy: o } = t, { padding: s = 2, x: c, y: l } = B(e, t), u = Array.from(await (a.getClientRects == null ? void 0 : a.getClientRects(r.reference)) || []), d = Zt(u), f = W(Xt(u)), p = Rt(s);
+			function m() {
+				if (d.length === 2 && d[0].left > d[1].right && c != null && l != null) return d.find((e) => c > e.left - p.left && c < e.right + p.right && l > e.top - p.top && l < e.bottom + p.bottom) || f;
+				if (d.length >= 2) {
+					if (U(n) === "y") {
+						let e = d[0], t = d[d.length - 1], r = V(n) === "top", i = e.top, a = t.bottom, o = r ? e.left : t.left, s = r ? e.right : t.right;
+						return {
+							top: i,
+							bottom: a,
+							left: o,
+							right: s,
+							width: s - o,
+							height: a - i,
+							x: o,
+							y: i
+						};
+					}
+					let e = V(n) === "left", t = R(...d.map((e) => e.right)), r = L(...d.map((e) => e.left)), i = d.filter((n) => e ? n.left === r : n.right === t), a = i[0].top, o = i[i.length - 1].bottom, s = r, c = t;
+					return {
+						top: a,
+						bottom: o,
+						left: s,
+						right: c,
+						width: c - s,
+						height: o - a,
+						x: s,
+						y: a
+					};
+				}
+				return f;
+			}
+			let h = await a.getElementRects({
+				reference: { getBoundingClientRect: m },
+				floating: r.floating,
+				strategy: o
+			});
+			return i.reference.x !== h.reference.x || i.reference.y !== h.reference.y || i.reference.width !== h.reference.width || i.reference.height !== h.reference.height ? { reset: { rects: h } } : {};
+		}
+	};
+}, $t = /* @__PURE__ */ new Set(["left", "top"]);
+async function en(e, t) {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = V(n), s = H(n), c = U(n) === "y", l = $t.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = B(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
+		mainAxis: d,
+		crossAxis: 0,
+		alignmentAxis: null
+	} : {
+		mainAxis: d.mainAxis || 0,
+		crossAxis: d.crossAxis || 0,
+		alignmentAxis: d.alignmentAxis
+	};
+	return s && typeof m == "number" && (p = s === "end" ? m * -1 : m), c ? {
+		x: p * u,
+		y: f * l
+	} : {
+		x: f * l,
+		y: p * u
+	};
+}
+var tn = function(e) {
+	return e === void 0 && (e = 0), {
+		name: "offset",
+		options: e,
+		async fn(t) {
+			var n;
+			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await en(t, e);
+			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
+				x: r + s.x,
+				y: i + s.y,
+				data: {
+					...s,
+					placement: a
+				}
+			};
+		}
+	};
+}, nn = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "shift",
+		options: e,
+		async fn(t) {
+			let { x: n, y: r, placement: i, platform: a } = t, { mainAxis: o = !0, crossAxis: s = !1, limiter: c = { fn: (e) => {
+				let { x: t, y: n } = e;
+				return {
+					x: t,
+					y: n
+				};
+			} }, ...l } = B(e, t), u = {
+				x: n,
+				y: r
+			}, d = await a.detectOverflow(t, l), f = U(V(i)), p = wt(f), m = u[p], h = u[f];
+			if (o) {
+				let e = p === "y" ? "top" : "left", t = p === "y" ? "bottom" : "right", n = m + d[e], r = m - d[t];
+				m = Ct(n, m, r);
+			}
+			if (s) {
+				let e = f === "y" ? "top" : "left", t = f === "y" ? "bottom" : "right", n = h + d[e], r = h - d[t];
+				h = Ct(n, h, r);
+			}
+			let g = c.fn({
+				...t,
+				[p]: m,
+				[f]: h
+			});
+			return {
+				...g,
+				data: {
+					x: g.x - n,
+					y: g.y - r,
+					enabled: {
+						[p]: o,
+						[f]: s
+					}
+				}
+			};
+		}
+	};
+}, rn = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "size",
+		options: e,
+		async fn(t) {
+			var n, r;
+			let { placement: i, rects: a, platform: o, elements: s } = t, { apply: c = () => {}, ...l } = B(e, t), u = await o.detectOverflow(t, l), d = V(i), f = H(i), p = U(i) === "y", { width: m, height: h } = a.floating, g, _;
+			d === "top" || d === "bottom" ? (g = d, _ = f === (await (o.isRTL == null ? void 0 : o.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (_ = d, g = f === "end" ? "top" : "bottom");
+			let v = h - u.top - u.bottom, y = m - u.left - u.right, b = L(h - u[g], v), x = L(m - u[_], y), ee = !t.middlewareData.shift, S = b, C = x;
+			if ((n = t.middlewareData.shift) != null && n.enabled.x && (C = y), (r = t.middlewareData.shift) != null && r.enabled.y && (S = v), ee && !f) {
+				let e = R(u.left, 0), t = R(u.right, 0), n = R(u.top, 0), r = R(u.bottom, 0);
+				p ? C = m - 2 * (e !== 0 || t !== 0 ? e + t : R(u.left, u.right)) : S = h - 2 * (n !== 0 || r !== 0 ? n + r : R(u.top, u.bottom));
+			}
+			await c({
+				...t,
+				availableWidth: C,
+				availableHeight: S
+			});
+			let w = await o.getDimensions(s.floating);
+			return m !== w.width || h !== w.height ? { reset: { rects: !0 } } : {};
+		}
+	};
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+function an() {
+	return typeof window < "u";
+}
+function G(e) {
+	return on(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function K(e) {
+	var t;
+	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function q(e) {
+	return ((on(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
+}
+function on(e) {
+	return an() ? e instanceof Node || e instanceof K(e).Node : !1;
+}
+function J(e) {
+	return an() ? e instanceof Element || e instanceof K(e).Element : !1;
+}
+function Y(e) {
+	return an() ? e instanceof HTMLElement || e instanceof K(e).HTMLElement : !1;
+}
+function sn(e) {
+	return !an() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof K(e).ShadowRoot;
+}
+function cn(e) {
+	let { overflow: t, overflowX: n, overflowY: r, display: i } = Z(e);
+	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && i !== "inline" && i !== "contents";
+}
+function ln(e) {
+	return /^(table|td|th)$/.test(G(e));
+}
+function un(e) {
+	try {
+		if (e.matches(":popover-open")) return !0;
+	} catch {}
+	try {
+		return e.matches(":modal");
+	} catch {
+		return !1;
+	}
+}
+var dn = /transform|translate|scale|rotate|perspective|filter/, fn = /paint|layout|strict|content/, X = (e) => !!e && e !== "none", pn;
+function mn(e) {
+	let t = J(e) ? Z(e) : e;
+	return X(t.transform) || X(t.translate) || X(t.scale) || X(t.rotate) || X(t.perspective) || !gn() && (X(t.backdropFilter) || X(t.filter)) || dn.test(t.willChange || "") || fn.test(t.contain || "");
+}
+function hn(e) {
+	let t = Q(e);
+	for (; Y(t) && !_n(t);) {
+		if (mn(t)) return t;
+		if (un(t)) return null;
+		t = Q(t);
+	}
+	return null;
+}
+function gn() {
+	return pn ?? (pn = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), pn;
+}
+function _n(e) {
+	return /^(html|body|#document)$/.test(G(e));
+}
+function Z(e) {
+	return K(e).getComputedStyle(e);
+}
+function vn(e) {
+	return J(e) ? {
+		scrollLeft: e.scrollLeft,
+		scrollTop: e.scrollTop
+	} : {
+		scrollLeft: e.scrollX,
+		scrollTop: e.scrollY
+	};
+}
+function Q(e) {
+	if (G(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || sn(e) && e.host || q(e);
+	return sn(t) ? t.host : t;
+}
+function yn(e) {
+	let t = Q(e);
+	return _n(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Y(t) && cn(t) ? t : yn(t);
+}
+function bn(e, t, n) {
+	t === void 0 && (t = []), n === void 0 && (n = !0);
+	let r = yn(e), i = r === e.ownerDocument?.body, a = K(r);
+	if (i) {
+		let e = xn(a);
+		return t.concat(a, a.visualViewport || [], cn(r) ? r : [], e && n ? bn(e) : []);
+	} else return t.concat(r, bn(r, [], n));
+}
+function xn(e) {
+	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@floating-ui+dom@1.7.6/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+function Sn(e) {
+	let t = Z(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = Y(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = xt(n) !== a || xt(r) !== o;
+	return s && (n = a, r = o), {
+		width: n,
+		height: r,
+		$: s
+	};
+}
+function Cn(e) {
+	return J(e) ? e : e.contextElement;
+}
+function wn(e) {
+	let t = Cn(e);
+	if (!Y(t)) return z(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = Sn(t), o = (a ? xt(n.width) : n.width) / r, s = (a ? xt(n.height) : n.height) / i;
+	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
+		x: o,
+		y: s
+	};
+}
+var Tn = /* @__PURE__ */ z(0);
+function En(e) {
+	let t = K(e);
+	return !gn() || !t.visualViewport ? Tn : {
+		x: t.visualViewport.offsetLeft,
+		y: t.visualViewport.offsetTop
+	};
+}
+function Dn(e, t, n) {
+	return t === void 0 && (t = !1), !n || t && n !== K(e) ? !1 : t;
+}
+function On(e, t, n, r) {
+	t === void 0 && (t = !1), n === void 0 && (n = !1);
+	let i = e.getBoundingClientRect(), a = Cn(e), o = z(1);
+	t && (r ? J(r) && (o = wn(r)) : o = wn(e));
+	let s = Dn(a, n, r) ? En(a) : z(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
+	if (a) {
+		let e = K(a), t = r && J(r) ? K(r) : r, n = e, i = xn(n);
+		for (; i && r && t !== n;) {
+			let e = wn(i), t = i.getBoundingClientRect(), r = Z(i), a = t.left + (i.clientLeft + parseFloat(r.paddingLeft)) * e.x, o = t.top + (i.clientTop + parseFloat(r.paddingTop)) * e.y;
+			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = K(i), i = xn(n);
+		}
+	}
+	return W({
+		width: u,
+		height: d,
+		x: c,
+		y: l
+	});
+}
+function kn(e, t) {
+	let n = vn(e).scrollLeft;
+	return t ? t.left + n : On(q(e)).left + n;
+}
+function An(e, t) {
+	let n = e.getBoundingClientRect();
+	return {
+		x: n.left + t.scrollLeft - kn(e, n),
+		y: n.top + t.scrollTop
+	};
+}
+function jn(e) {
+	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = q(r), s = t ? un(t.floating) : !1;
+	if (r === o || s && a) return n;
+	let c = {
+		scrollLeft: 0,
+		scrollTop: 0
+	}, l = z(1), u = z(0), d = Y(r);
+	if ((d || !d && !a) && ((G(r) !== "body" || cn(o)) && (c = vn(r)), d)) {
+		let e = On(r);
+		l = wn(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
+	}
+	let f = o && !d && !a ? An(o, c) : z(0);
+	return {
+		width: n.width * l.x,
+		height: n.height * l.y,
+		x: n.x * l.x - c.scrollLeft * l.x + u.x + f.x,
+		y: n.y * l.y - c.scrollTop * l.y + u.y + f.y
+	};
+}
+function Mn(e) {
+	return Array.from(e.getClientRects());
+}
+function Nn(e) {
+	let t = q(e), n = vn(e), r = e.ownerDocument.body, i = R(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = R(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + kn(e), s = -n.scrollTop;
+	return Z(r).direction === "rtl" && (o += R(t.clientWidth, r.clientWidth) - i), {
+		width: i,
+		height: a,
+		x: o,
+		y: s
+	};
+}
+var Pn = 25;
+function Fn(e, t) {
+	let n = K(e), r = q(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
+	if (i) {
+		a = i.width, o = i.height;
+		let e = gn();
+		(!e || e && t === "fixed") && (s = i.offsetLeft, c = i.offsetTop);
+	}
+	let l = kn(r);
+	if (l <= 0) {
+		let e = r.ownerDocument, t = e.body, n = getComputedStyle(t), i = e.compatMode === "CSS1Compat" && parseFloat(n.marginLeft) + parseFloat(n.marginRight) || 0, o = Math.abs(r.clientWidth - t.clientWidth - i);
+		o <= Pn && (a -= o);
+	} else l <= Pn && (a += l);
+	return {
+		width: a,
+		height: o,
+		x: s,
+		y: c
+	};
+}
+function In(e, t) {
+	let n = On(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = Y(e) ? wn(e) : z(1);
+	return {
+		width: e.clientWidth * a.x,
+		height: e.clientHeight * a.y,
+		x: i * a.x,
+		y: r * a.y
+	};
+}
+function Ln(e, t, n) {
+	let r;
+	if (t === "viewport") r = Fn(e, n);
+	else if (t === "document") r = Nn(q(e));
+	else if (J(t)) r = In(t, n);
+	else {
+		let n = En(e);
+		r = {
+			x: t.x - n.x,
+			y: t.y - n.y,
+			width: t.width,
+			height: t.height
+		};
+	}
+	return W(r);
+}
+function Rn(e, t) {
+	let n = Q(e);
+	return n === t || !J(n) || _n(n) ? !1 : Z(n).position === "fixed" || Rn(n, t);
+}
+function zn(e, t) {
+	let n = t.get(e);
+	if (n) return n;
+	let r = bn(e, [], !1).filter((e) => J(e) && G(e) !== "body"), i = null, a = Z(e).position === "fixed", o = a ? Q(e) : e;
+	for (; J(o) && !_n(o);) {
+		let t = Z(o), n = mn(o);
+		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || cn(o) && !n && Rn(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = Q(o);
+	}
+	return t.set(e, r), r;
+}
+function Bn(e) {
+	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? un(t) ? [] : zn(t, this._c) : [].concat(n), r], o = Ln(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
+	for (let e = 1; e < a.length; e++) {
+		let n = Ln(t, a[e], i);
+		s = R(n.top, s), c = L(n.right, c), l = L(n.bottom, l), u = R(n.left, u);
+	}
+	return {
+		width: c - u,
+		height: l - s,
+		x: u,
+		y: s
+	};
+}
+function Vn(e) {
+	let { width: t, height: n } = Sn(e);
+	return {
+		width: t,
+		height: n
+	};
+}
+function Hn(e, t, n) {
+	let r = Y(t), i = q(t), a = n === "fixed", o = On(e, !0, a, t), s = {
+		scrollLeft: 0,
+		scrollTop: 0
+	}, c = z(0);
+	function l() {
+		c.x = kn(i);
+	}
+	if (r || !r && !a) if ((G(t) !== "body" || cn(i)) && (s = vn(t)), r) {
+		let e = On(t, !0, a, t);
+		c.x = e.x + t.clientLeft, c.y = e.y + t.clientTop;
+	} else i && l();
+	a && !r && i && l();
+	let u = i && !r && !a ? An(i, s) : z(0);
+	return {
+		x: o.left + s.scrollLeft - c.x - u.x,
+		y: o.top + s.scrollTop - c.y - u.y,
+		width: o.width,
+		height: o.height
+	};
+}
+function Un(e) {
+	return Z(e).position === "static";
+}
+function Wn(e, t) {
+	if (!Y(e) || Z(e).position === "fixed") return null;
+	if (t) return t(e);
+	let n = e.offsetParent;
+	return q(e) === n && (n = n.ownerDocument.body), n;
+}
+function Gn(e, t) {
+	let n = K(e);
+	if (un(e)) return n;
+	if (!Y(e)) {
+		let t = Q(e);
+		for (; t && !_n(t);) {
+			if (J(t) && !Un(t)) return t;
+			t = Q(t);
+		}
+		return n;
+	}
+	let r = Wn(e, t);
+	for (; r && ln(r) && Un(r);) r = Wn(r, t);
+	return r && _n(r) && Un(r) && !mn(r) ? n : r || hn(e) || n;
+}
+var Kn = async function(e) {
+	let t = this.getOffsetParent || Gn, n = this.getDimensions, r = await n(e.floating);
+	return {
+		reference: Hn(e.reference, await t(e.floating), e.strategy),
+		floating: {
+			x: 0,
+			y: 0,
+			width: r.width,
+			height: r.height
+		}
+	};
+};
+function qn(e) {
+	return Z(e).direction === "rtl";
+}
+var Jn = {
+	convertOffsetParentRelativeRectToViewportRelativeRect: jn,
+	getDocumentElement: q,
+	getClippingRect: Bn,
+	getOffsetParent: Gn,
+	getElementRects: Kn,
+	getClientRects: Mn,
+	getDimensions: Vn,
+	getScale: wn,
+	isElement: J,
+	isRTL: qn
+}, Yn = tn, Xn = Gt, Zn = nn, Qn = Kt, $n = rn, er = Yt, tr = Ut, nr = Qt, rr = (e, t, n) => {
+	let r = /* @__PURE__ */ new Map(), i = {
+		platform: Jn,
+		...n
+	}, a = {
+		...i.platform,
+		_c: r
+	};
+	return Ht(e, t, {
+		...i,
+		platform: a
+	});
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@tiptap+vue-3@3.19.0_patch_hash=hlk524tqy4svh2bbayevihx324_@floating-ui+dom@1.7.6_@tiptap+cor_kpexihlfm3sl2tcft5dydpfypm/node_modules/@tiptap/vue-3/dist/menus/index.js
+function ir(e, t) {
+	let n = Math.min(e.top, t.top), r = Math.max(e.bottom, t.bottom), i = Math.min(e.left, t.left), a = Math.max(e.right, t.right) - i, o = r - n;
+	return new DOMRect(i, n, a, o);
+}
+var ar = class {
+	constructor({ editor: e, element: t, view: n, updateDelay: r = 250, resizeDelay: i = 60, shouldShow: a, appendTo: o, getReferencedVirtualElement: s, options: c }) {
+		this.preventHide = !1, this.isVisible = !1, this.scrollTarget = window, this.floatingUIOptions = {
+			strategy: "absolute",
+			placement: "top",
+			offset: 8,
+			flip: {},
+			shift: {},
+			arrow: !1,
+			size: !1,
+			autoPlacement: !1,
+			hide: !1,
+			inline: !1,
+			onShow: void 0,
+			onHide: void 0,
+			onUpdate: void 0,
+			onDestroy: void 0
+		}, this.shouldShow = ({ view: e, state: t, from: n, to: r }) => {
+			let { doc: i, selection: a } = t, { empty: o } = a, s = !i.textBetween(n, r).length && Pe(t.selection), c = this.element.contains(document.activeElement);
+			return !(!(e.hasFocus() || c) || o || s || !this.editor.isEditable);
+		}, this.mousedownHandler = () => {
+			this.preventHide = !0;
+		}, this.dragstartHandler = () => {
+			this.hide();
+		}, this.resizeHandler = () => {
+			this.resizeDebounceTimer && clearTimeout(this.resizeDebounceTimer), this.resizeDebounceTimer = window.setTimeout(() => {
+				this.updatePosition();
+			}, this.resizeDelay);
+		}, this.focusHandler = () => {
+			setTimeout(() => this.update(this.editor.view));
+		}, this.blurHandler = ({ event: e }) => {
+			if (this.editor.isDestroyed) {
+				this.destroy();
+				return;
+			}
+			if (this.preventHide) {
+				this.preventHide = !1;
+				return;
+			}
+			e?.relatedTarget && this.element.parentNode?.contains(e.relatedTarget) || e?.relatedTarget !== this.editor.view.dom && this.hide();
+		}, this.handleDebouncedUpdate = (e, t) => {
+			let n = !t?.selection.eq(e.state.selection), r = !t?.doc.eq(e.state.doc);
+			!n && !r || (this.updateDebounceTimer && clearTimeout(this.updateDebounceTimer), this.updateDebounceTimer = window.setTimeout(() => {
+				this.updateHandler(e, n, r, t);
+			}, this.updateDelay));
+		}, this.updateHandler = (e, t, n, r) => {
+			let { composing: i } = e;
+			if (!(i || !t && !n)) {
+				if (!this.getShouldShow(r)) {
+					this.hide();
+					return;
+				}
+				this.updatePosition(), this.show();
+			}
+		}, this.transactionHandler = ({ transaction: e }) => {
+			let t = e.getMeta("bubbleMenu");
+			t === "updatePosition" ? this.updatePosition() : t && typeof t == "object" && t.type === "updateOptions" && this.updateOptions(t.options);
+		}, this.editor = e, this.element = t, this.view = n, this.updateDelay = r, this.resizeDelay = i, this.appendTo = o, this.scrollTarget = c?.scrollTarget ?? window, this.getReferencedVirtualElement = s, this.floatingUIOptions = {
+			...this.floatingUIOptions,
+			...c
+		}, this.element.tabIndex = 0, a && (this.shouldShow = a), this.element.addEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.editor.on("focus", this.focusHandler), this.editor.on("blur", this.blurHandler), this.editor.on("transaction", this.transactionHandler), window.addEventListener("resize", this.resizeHandler), this.scrollTarget.addEventListener("scroll", this.resizeHandler), this.update(n, n.state), this.getShouldShow() && (this.show(), this.updatePosition());
+	}
+	get middlewares() {
+		let e = [];
+		return this.floatingUIOptions.flip && e.push(Qn(typeof this.floatingUIOptions.flip == "boolean" ? void 0 : this.floatingUIOptions.flip)), this.floatingUIOptions.shift && e.push(Zn(typeof this.floatingUIOptions.shift == "boolean" ? void 0 : this.floatingUIOptions.shift)), this.floatingUIOptions.offset && e.push(Yn(typeof this.floatingUIOptions.offset == "boolean" ? void 0 : this.floatingUIOptions.offset)), this.floatingUIOptions.arrow && e.push(tr(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && e.push($n(typeof this.floatingUIOptions.size == "boolean" ? void 0 : this.floatingUIOptions.size)), this.floatingUIOptions.autoPlacement && e.push(Xn(typeof this.floatingUIOptions.autoPlacement == "boolean" ? void 0 : this.floatingUIOptions.autoPlacement)), this.floatingUIOptions.hide && e.push(er(typeof this.floatingUIOptions.hide == "boolean" ? void 0 : this.floatingUIOptions.hide)), this.floatingUIOptions.inline && e.push(nr(typeof this.floatingUIOptions.inline == "boolean" ? void 0 : this.floatingUIOptions.inline)), e;
+	}
+	get virtualElement() {
+		let { selection: e } = this.editor.state, t = this.getReferencedVirtualElement?.call(this);
+		if (t) return t;
+		if (!this.view?.dom?.parentNode) return;
+		let n = Le(this.view, e.from, e.to), r = {
+			getBoundingClientRect: () => n,
+			getClientRects: () => [n]
+		};
+		if (e instanceof Re) {
+			let t = this.view.nodeDOM(e.from), n = t.dataset.nodeViewWrapper ? t : t.querySelector("[data-node-view-wrapper]");
+			n && (t = n), t && (r = {
+				getBoundingClientRect: () => t.getBoundingClientRect(),
+				getClientRects: () => [t.getBoundingClientRect()]
+			});
+		}
+		if (e instanceof Be) {
+			let { $anchorCell: t, $headCell: n } = e, i = t ? t.pos : n.pos, a = n ? n.pos : t.pos, o = this.view.nodeDOM(i), s = this.view.nodeDOM(a);
+			if (!o || !s) return;
+			let c = o === s ? o.getBoundingClientRect() : ir(o.getBoundingClientRect(), s.getBoundingClientRect());
+			r = {
+				getBoundingClientRect: () => c,
+				getClientRects: () => [c]
+			};
+		}
+		return r;
+	}
+	updatePosition() {
+		let e = this.virtualElement;
+		e && rr(e, this.element, {
+			placement: this.floatingUIOptions.placement,
+			strategy: this.floatingUIOptions.strategy,
+			middleware: this.middlewares
+		}).then(({ x: e, y: t, strategy: n, middlewareData: r }) => {
+			if (r.hide?.referenceHidden || r.hide?.escaped) {
+				this.element.style.visibility = "hidden";
+				return;
+			}
+			this.element.style.visibility = "visible", this.element.style.width = "max-content", this.element.style.position = n, this.element.style.left = `${e}px`, this.element.style.top = `${t}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
+		});
+	}
+	update(e, t) {
+		let { state: n } = e, r = n.selection.from !== n.selection.to;
+		if (this.updateDelay > 0 && r) {
+			this.handleDebouncedUpdate(e, t);
+			return;
+		}
+		let i = !t?.selection.eq(e.state.selection), a = !t?.doc.eq(e.state.doc);
+		this.updateHandler(e, i, a, t);
+	}
+	getShouldShow(e) {
+		let { state: t } = this.view, { selection: n } = t, { ranges: r } = n, i = Math.min(...r.map((e) => e.$from.pos)), a = Math.max(...r.map((e) => e.$to.pos));
+		return this.shouldShow?.call(this, {
+			editor: this.editor,
+			element: this.element,
+			view: this.view,
+			state: t,
+			oldState: e,
+			from: i,
+			to: a
+		}) || !1;
+	}
+	show() {
+		var e;
+		this.isVisible || (this.element.style.visibility = "visible", this.element.style.opacity = "1", (e = (typeof this.appendTo == "function" ? this.appendTo() : this.appendTo) ?? this.view.dom.parentElement) == null || e.appendChild(this.element), this.floatingUIOptions.onShow && this.floatingUIOptions.onShow(), this.isVisible = !0);
+	}
+	hide() {
+		this.isVisible && (this.element.style.visibility = "hidden", this.element.style.opacity = "0", this.element.remove(), this.floatingUIOptions.onHide && this.floatingUIOptions.onHide(), this.isVisible = !1);
+	}
+	updateOptions(e) {
+		if (e.updateDelay !== void 0 && (this.updateDelay = e.updateDelay), e.resizeDelay !== void 0 && (this.resizeDelay = e.resizeDelay), e.appendTo !== void 0 && (this.appendTo = e.appendTo), e.getReferencedVirtualElement !== void 0 && (this.getReferencedVirtualElement = e.getReferencedVirtualElement), e.shouldShow !== void 0 && e.shouldShow && (this.shouldShow = e.shouldShow), e.options !== void 0) {
+			let t = e.options.scrollTarget ?? window;
+			t !== this.scrollTarget && (this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.scrollTarget = t, this.scrollTarget.addEventListener("scroll", this.resizeHandler)), this.floatingUIOptions = {
+				...this.floatingUIOptions,
+				...e.options
+			};
+		}
+	}
+	destroy() {
+		this.hide(), this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.view.dom.removeEventListener("dragstart", this.dragstartHandler), window.removeEventListener("resize", this.resizeHandler), this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.editor.off("focus", this.focusHandler), this.editor.off("blur", this.blurHandler), this.editor.off("transaction", this.transactionHandler), this.floatingUIOptions.onDestroy && this.floatingUIOptions.onDestroy();
+	}
+}, or = (e) => new ze({
+	key: typeof e.pluginKey == "string" ? new I(e.pluginKey) : e.pluginKey,
+	view: (t) => new ar({
+		view: t,
+		...e
+	})
+}), sr = se({
+	name: "BubbleMenu",
+	inheritAttrs: !1,
+	props: {
+		pluginKey: {
+			type: [String, Object],
+			default: "bubbleMenu"
+		},
+		editor: {
+			type: Object,
+			required: !0
+		},
+		updateDelay: {
+			type: Number,
+			default: void 0
+		},
+		resizeDelay: {
+			type: Number,
+			default: void 0
+		},
+		options: {
+			type: Object,
+			default: () => ({})
+		},
+		appendTo: {
+			type: [Object, Function],
+			default: void 0
+		},
+		shouldShow: {
+			type: Function,
+			default: null
+		},
+		getReferencedVirtualElement: {
+			type: Function,
+			default: void 0
+		}
+	},
+	setup(e, { slots: t, attrs: n }) {
+		let r = he(null);
+		return me(() => {
+			let { editor: t, options: n, pluginKey: i, resizeDelay: a, appendTo: o, shouldShow: s, getReferencedVirtualElement: c, updateDelay: l } = e, u = r.value;
+			u && (u.style.visibility = "hidden", u.style.position = "absolute", u.remove(), de(() => {
+				t.registerPlugin(or({
+					editor: t,
+					element: u,
+					options: n,
+					pluginKey: i,
+					resizeDelay: a,
+					appendTo: o,
+					shouldShow: s,
+					getReferencedVirtualElement: c,
+					updateDelay: l
+				}));
+			}));
+		}), pe(() => {
+			let { pluginKey: t, editor: n } = e;
+			n.unregisterPlugin(t);
+		}), () => ce("div", {
+			ref: r,
+			...n
+		}, t.default?.call(t));
+	}
+}), cr = class {
+	constructor({ editor: e, element: t, view: n, updateDelay: r = 250, resizeDelay: i = 60, options: a, appendTo: o, shouldShow: s }) {
+		this.preventHide = !1, this.isVisible = !1, this.scrollTarget = window, this.shouldShow = ({ view: e, state: t }) => {
+			let { selection: n } = t, { $anchor: r, empty: i } = n, a = r.depth === 1, o = r.parent.isTextblock && !r.parent.type.spec.code && !r.parent.textContent && r.parent.childCount === 0 && !this.getTextContent(r.parent);
+			return !(!e.hasFocus() || !i || !a || !o || !this.editor.isEditable);
+		}, this.floatingUIOptions = {
+			strategy: "absolute",
+			placement: "right",
+			offset: 8,
+			flip: {},
+			shift: {},
+			arrow: !1,
+			size: !1,
+			autoPlacement: !1,
+			hide: !1,
+			inline: !1
+		}, this.updateHandler = (e, t, n, r) => {
+			let { composing: i } = e;
+			if (!(i || !t && !n)) {
+				if (!this.getShouldShow(r)) {
+					this.hide();
+					return;
+				}
+				this.updatePosition(), this.show();
+			}
+		}, this.mousedownHandler = () => {
+			this.preventHide = !0;
+		}, this.focusHandler = () => {
+			setTimeout(() => this.update(this.editor.view));
+		}, this.blurHandler = ({ event: e }) => {
+			if (this.preventHide) {
+				this.preventHide = !1;
+				return;
+			}
+			e?.relatedTarget && this.element.parentNode?.contains(e.relatedTarget) || e?.relatedTarget !== this.editor.view.dom && this.hide();
+		}, this.transactionHandler = ({ transaction: e }) => {
+			let t = e.getMeta("floatingMenu");
+			t === "updatePosition" ? this.updatePosition() : t && typeof t == "object" && t.type === "updateOptions" && this.updateOptions(t.options);
+		}, this.resizeHandler = () => {
+			this.resizeDebounceTimer && clearTimeout(this.resizeDebounceTimer), this.resizeDebounceTimer = window.setTimeout(() => {
+				this.updatePosition();
+			}, this.resizeDelay);
+		}, this.editor = e, this.element = t, this.view = n, this.updateDelay = r, this.resizeDelay = i, this.appendTo = o, this.scrollTarget = a?.scrollTarget ?? window, this.floatingUIOptions = {
+			...this.floatingUIOptions,
+			...a
+		}, this.element.tabIndex = 0, s && (this.shouldShow = s), this.element.addEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.editor.on("focus", this.focusHandler), this.editor.on("blur", this.blurHandler), this.editor.on("transaction", this.transactionHandler), window.addEventListener("resize", this.resizeHandler), this.scrollTarget.addEventListener("scroll", this.resizeHandler), this.update(n, n.state), this.getShouldShow() && (this.show(), this.updatePosition());
+	}
+	getTextContent(e) {
+		return Me(e, { textSerializers: Ne(this.editor.schema) });
+	}
+	get middlewares() {
+		let e = [];
+		return this.floatingUIOptions.flip && e.push(Qn(typeof this.floatingUIOptions.flip == "boolean" ? void 0 : this.floatingUIOptions.flip)), this.floatingUIOptions.shift && e.push(Zn(typeof this.floatingUIOptions.shift == "boolean" ? void 0 : this.floatingUIOptions.shift)), this.floatingUIOptions.offset && e.push(Yn(typeof this.floatingUIOptions.offset == "boolean" ? void 0 : this.floatingUIOptions.offset)), this.floatingUIOptions.arrow && e.push(tr(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && e.push($n(typeof this.floatingUIOptions.size == "boolean" ? void 0 : this.floatingUIOptions.size)), this.floatingUIOptions.autoPlacement && e.push(Xn(typeof this.floatingUIOptions.autoPlacement == "boolean" ? void 0 : this.floatingUIOptions.autoPlacement)), this.floatingUIOptions.hide && e.push(er(typeof this.floatingUIOptions.hide == "boolean" ? void 0 : this.floatingUIOptions.hide)), this.floatingUIOptions.inline && e.push(nr(typeof this.floatingUIOptions.inline == "boolean" ? void 0 : this.floatingUIOptions.inline)), e;
+	}
+	getShouldShow(e) {
+		let { state: t } = this.view, { selection: n } = t, { ranges: r } = n, i = Math.min(...r.map((e) => e.$from.pos)), a = Math.max(...r.map((e) => e.$to.pos));
+		return this.shouldShow?.call(this, {
+			editor: this.editor,
+			view: this.view,
+			state: t,
+			oldState: e,
+			from: i,
+			to: a
+		});
+	}
+	updateOptions(e) {
+		if (e.updateDelay !== void 0 && (this.updateDelay = e.updateDelay), e.resizeDelay !== void 0 && (this.resizeDelay = e.resizeDelay), e.appendTo !== void 0 && (this.appendTo = e.appendTo), e.shouldShow !== void 0 && e.shouldShow && (this.shouldShow = e.shouldShow), e.options !== void 0) {
+			let t = e.options.scrollTarget ?? window;
+			t !== this.scrollTarget && (this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.scrollTarget = t, this.scrollTarget.addEventListener("scroll", this.resizeHandler)), this.floatingUIOptions = {
+				...this.floatingUIOptions,
+				...e.options
+			};
+		}
+	}
+	updatePosition() {
+		let { selection: e } = this.editor.state, t = Le(this.view, e.from, e.to);
+		rr({
+			getBoundingClientRect: () => t,
+			getClientRects: () => [t]
+		}, this.element, {
+			placement: this.floatingUIOptions.placement,
+			strategy: this.floatingUIOptions.strategy,
+			middleware: this.middlewares
+		}).then(({ x: e, y: t, strategy: n, middlewareData: r }) => {
+			if (r.hide?.referenceHidden || r.hide?.escaped) {
+				this.element.style.visibility = "hidden";
+				return;
+			}
+			this.element.style.visibility = "visible", this.element.style.width = "max-content", this.element.style.position = n, this.element.style.left = `${e}px`, this.element.style.top = `${t}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
+		});
+	}
+	update(e, t) {
+		let n = !t?.selection.eq(e.state.selection), r = !t?.doc.eq(e.state.doc);
+		this.updateHandler(e, n, r, t);
+	}
+	show() {
+		var e;
+		this.isVisible || (this.element.style.visibility = "visible", this.element.style.opacity = "1", (e = (typeof this.appendTo == "function" ? this.appendTo() : this.appendTo) ?? this.view.dom.parentElement) == null || e.appendChild(this.element), this.floatingUIOptions.onShow && this.floatingUIOptions.onShow(), this.isVisible = !0);
+	}
+	hide() {
+		this.isVisible && (this.element.style.visibility = "hidden", this.element.style.opacity = "0", this.element.remove(), this.floatingUIOptions.onHide && this.floatingUIOptions.onHide(), this.isVisible = !1);
+	}
+	destroy() {
+		this.hide(), this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: !0 }), window.removeEventListener("resize", this.resizeHandler), this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.editor.off("focus", this.focusHandler), this.editor.off("blur", this.blurHandler), this.editor.off("transaction", this.transactionHandler), this.floatingUIOptions.onDestroy && this.floatingUIOptions.onDestroy();
+	}
+}, lr = (e) => new ze({
+	key: typeof e.pluginKey == "string" ? new I(e.pluginKey) : e.pluginKey,
+	view: (t) => new cr({
+		view: t,
+		...e
+	})
+});
+se({
+	name: "FloatingMenu",
+	inheritAttrs: !1,
+	props: {
+		pluginKey: {
+			type: null,
+			default: "floatingMenu"
+		},
+		editor: {
+			type: Object,
+			required: !0
+		},
+		updateDelay: {
+			type: Number,
+			default: void 0
+		},
+		resizeDelay: {
+			type: Number,
+			default: void 0
+		},
+		options: {
+			type: Object,
+			default: () => ({})
+		},
+		appendTo: {
+			type: [Object, Function],
+			default: void 0
+		},
+		shouldShow: {
+			type: Function,
+			default: null
+		}
+	},
+	setup(e, { slots: t, attrs: n }) {
+		let r = he(null);
+		return me(() => {
+			let { pluginKey: t, editor: n, updateDelay: i, resizeDelay: a, options: o, appendTo: s, shouldShow: c } = e, l = r.value;
+			l && (l.style.visibility = "hidden", l.style.position = "absolute", l.remove(), n.registerPlugin(lr({
+				pluginKey: t,
+				editor: n,
+				element: l,
+				updateDelay: i,
+				resizeDelay: a,
+				options: o,
+				appendTo: s,
+				shouldShow: c
+			})));
+		}), pe(() => {
+			let { pluginKey: t, editor: n } = e;
+			n.unregisterPlugin(t);
+		}), () => ce("div", {
+			ref: r,
+			...n
+		}, t.default?.call(t));
+	}
+});
+//#endregion
+//#region components/RichTextEditor/Extensions/Table/Table.js
+var $ = (e) => ({
+	default: null,
+	parseHTML: (t) => t.getAttribute(e),
+	renderHTML: (t) => t[e] ? { [e]: t[e] } : {}
+}), ur = () => {
+	let e = $("style");
+	return e.renderHTML = (e) => e.style ? { style: dr(e.style) } : {}, e;
+};
+function dr(e) {
+	return e.replace(/(?<![a-z-])width\s*:\s*([^;]+);?/gi, (e, t) => /^\s*0\s*[a-z%]*\s*(!important)?\s*$/i.test(t) ? "width: 100%;" : e);
+}
+var fr = ot.extend({
+	addAttributes() {
+		return {
+			...this.parent?.(),
+			border: $("border"),
+			cellpadding: $("cellpadding"),
+			cellspacing: $("cellspacing"),
+			style: ur()
+		};
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return [
+			"table",
+			F(this.options.HTMLAttributes, e),
+			["tbody", 0]
+		];
+	}
+}), pr = lt.extend({ addAttributes() {
+	return {
+		...this.parent?.(),
+		style: $("style")
+	};
+} }), mr = {
+	style: $("style"),
+	valign: $("valign"),
+	width: $("width")
+}, hr = st.extend({ addAttributes() {
+	return {
+		...this.parent?.(),
+		...mr
+	};
+} }), gr = ct.extend({ addAttributes() {
+	return {
+		...this.parent?.(),
+		...mr
+	};
+} }), _r = ut.extend({ parseHTML() {
+	return [
+		...this.parent?.() || [],
+		{
+			tag: "div",
+			consuming: !1,
+			getAttrs: (e) => e.hasAttribute("style") ? {} : !1
+		},
+		{
+			tag: "a",
+			consuming: !1,
+			getAttrs: (e) => e.hasAttribute("style") ? {} : !1
+		}
+	];
+} }), vr = {
+	name: "EmojiComponent",
+	components: {
+		NodeViewWrapper: S,
+		DtEmoji: y
+	},
+	props: T
+};
+function yr(e, t, n, r, i, a) {
+	let o = M("dt-emoji"), s = M("node-view-wrapper");
+	return j(), D(s, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
+		default: P(() => [A(o, {
+			size: "500",
+			code: e.node.attrs.code
+		}, null, 8, ["code"])]),
+		_: 1
+	});
+}
+var br = /* @__PURE__ */ i(vr, [["render", yr]]), xr = {
+	name: "SuggestionList",
+	components: { DtListItem: g },
+	props: {
+		items: {
+			type: Array,
+			required: !0
+		},
+		command: {
+			type: Function,
+			required: !0
+		},
+		itemComponent: {
+			type: Object,
+			required: !0
+		},
+		itemType: {
+			type: String,
+			required: !0
+		}
+	},
+	data() {
+		return { selectedIndex: 0 };
+	},
+	watch: { items() {
+		this.selectedIndex = 0;
+	} },
+	methods: {
+		onKeyDown({ event: e }) {
+			return e.key === "ArrowUp" ? (this.upHandler(), !0) : e.key === "ArrowDown" ? (this.downHandler(), !0) : e.key === "Enter" || e.key === "Tab" ? (this.selectHandler(), !0) : !1;
+		},
+		upHandler() {
+			this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length, this.scrollActiveElementIntoView();
+		},
+		downHandler() {
+			this.selectedIndex = (this.selectedIndex + 1) % this.items.length, this.scrollActiveElementIntoView();
+		},
+		async scrollActiveElementIntoView() {
+			await this.$nextTick();
+			let e = this.$refs.suggestionList.querySelector(".d-list-item--highlighted");
+			e && e.scrollIntoView({
+				behavior: "smooth",
+				block: "nearest"
+			});
+		},
+		selectHandler() {
+			this.selectItem(this.selectedIndex);
+		},
+		selectItem(e) {
+			let t = this.items[e];
+			switch (this.itemType) {
+				case "emoji":
+					this.command(t);
+					return;
+				case "mention":
+					this.command({
+						name: t.name,
+						id: t.id,
+						avatarSrc: t.avatarSrc,
+						contactKey: t.contactKey
+					});
+					break;
+				case "channel":
+					this.command({
+						name: t.name,
+						id: t.id,
+						locked: t.locked,
+						channelKey: t.channelKey
+					});
+					break;
+				case "slash-command":
+					this.command({ command: t.command });
+					break;
+			}
+		}
+	}
+}, Sr = { class: "d-popover__dialog d-suggestion-list__container" }, Cr = {
+	ref: "suggestionList",
+	class: "d-suggestion-list"
+};
+function wr(e, t, n, r, i, a) {
+	let o = M("dt-list-item");
+	return j(), ae("div", Sr, [ye(oe("ul", Cr, [(j(!0), ae(ie, null, ge(n.items, (e, t) => (j(), D(o, {
+		key: e.id,
+		class: fe(["d-suggestion-list__item", { "d-list-item--highlighted": t === i.selectedIndex }]),
+		"navigation-type": "arrow-keys",
+		onClick: (e) => a.selectItem(t),
+		onKeydown: xe(a.onKeyDown, ["prevent"])
+	}, {
+		default: P(() => [(j(), D(_e(n.itemComponent), { item: e }, null, 8, ["item"]))]),
+		_: 2
+	}, 1032, [
+		"class",
+		"onClick",
+		"onKeydown"
+	]))), 128))], 512), [[ve, n.items.length]])]);
+}
+var Tr = /* @__PURE__ */ i(xr, [["render", wr]]), Er = "top-start";
+function Dr() {
+	return { getBoundingClientRect: () => ({
+		width: 0,
+		height: 0,
+		x: 0,
+		y: 0,
+		top: 0,
+		left: 0,
+		right: 0,
+		bottom: 0
+	}) };
+}
+function Or(e) {
+	return { getBoundingClientRect: e };
+}
+async function kr(e, t, n = {}) {
+	if (!e || !t?.getBoundingClientRect) return;
+	let { placement: r = Er, middleware: i = [
+		Yn(0),
+		Qn(),
+		Zn({ padding: 8 })
+	] } = n, { x: a, y: o } = await rr(t, e, {
+		placement: r,
+		middleware: i
+	});
+	Object.assign(e.style, {
+		left: `${a}px`,
+		top: `${o}px`
+	});
+}
+function Ar(e, t = {}) {
+	let { zIndex: n = "650" } = t;
+	e.style.position = "absolute", e.style.zIndex = n, e.style.display = "none";
+}
+function jr(e) {
+	e && (e.style.display = "block");
+}
+function Mr(e) {
+	e && (e.style.display = "none");
+}
+function Nr(e, t) {
+	return (n) => {
+		n.key === "Escape" && t() && e();
+	};
+}
+function Pr(e) {
+	document.addEventListener("keydown", e);
+}
+function Fr(e) {
+	document.removeEventListener("keydown", e);
+}
+function Ir(e, t, n, r) {
+	return new w(e, {
+		props: {
+			itemComponent: le(t),
+			itemType: n,
+			...r
+		},
+		editor: r.editor
+	});
+}
+function Lr(e) {
+	e.escHandler && Fr(e.escHandler), e.floatingEl?.remove(), e.component?.destroy();
+}
+function Rr(e, t, n = {}) {
+	let { listComponent: r = Tr, placement: i = Er, zIndex: a = "650" } = n;
+	return () => {
+		let n = null, o = null, s = !1, c = Dr(), l = null;
+		function u() {
+			kr(o, c, { placement: i });
+		}
+		function d() {
+			o && (jr(o), s = !0, u());
+		}
+		function f() {
+			o && (Mr(o), s = !1);
+		}
+		return {
+			onStart: (i) => {
+				n = Ir(r, e, t, i), i.clientRect && (o = n.element, Ar(o, { zIndex: a }), document.body.appendChild(o), c = Or(i.clientRect), l = Nr(f, () => s), Pr(l), i.items.length > 0 && d());
+			},
+			onUpdate(e) {
+				n?.updateProps(e), e.items.length > 0 ? d() : f(), e.clientRect && (c = Or(e.clientRect), u());
+			},
+			onKeyDown(e) {
+				if (s) return n?.ref?.onKeyDown(e);
+			},
+			onExit() {
+				Lr({
+					escHandler: l,
+					floatingEl: o,
+					component: n
+				}), l = null, o = null, n = null;
+			}
+		};
+	};
+}
+//#endregion
+//#region components/RichTextEditor/Extensions/Emoji/EmojiSuggestion.vue
+var zr = {
+	name: "EmojiSuggestion",
+	components: {
+		DtEmoji: y,
+		DtStack: _
+	},
+	props: { item: {
+		type: Object,
+		required: !0
+	} }
+};
+function Br(e, t, n, r, i, a) {
+	let o = M("dt-emoji"), s = M("dt-stack");
+	return j(), D(s, {
+		direction: "row",
+		gap: "100"
+	}, {
+		default: P(() => [A(o, {
+			size: "200",
+			code: n.item.code
+		}, null, 8, ["code"]), k(" " + N(n.item.code), 1)]),
+		_: 1
+	});
+}
+var Vr = /* @__PURE__ */ i(zr, [["render", Br]]), Hr = 20, Ur = (e, t, n) => {
+	let r = e.shortname?.replaceAll(":", ""), i = t.shortname?.replaceAll(":", ""), a = r.startsWith(n), o = i.startsWith(n);
+	return a && !o ? -1 : !a && o ? 1 : r.localeCompare(i);
+}, Wr = {
+	items: ({ query: e }) => {
+		if (e.length < 2) return [];
+		let t = Object.values(c());
+		return e = e.toLowerCase(), t.filter((t) => [
+			t.name,
+			t.shortname?.replaceAll(":", ""),
+			...t.keywords || []
+		].some((t) => t && t.startsWith(e))).splice(0, Hr).sort((t, n) => Ur(t, n, e)).map((e) => ({ code: e.shortname }));
+	},
+	command: ({ editor: e, range: t, props: n }) => {
+		e.view.state.selection.$to.nodeAfter?.text?.startsWith(" ") && (t.to += 1), e.chain().focus().insertContentAt(t, [{
+			type: "emoji",
+			attrs: n
+		}]).run(), window.getSelection()?.collapseToEnd();
+	},
+	render: Rr(Vr, "emoji")
+}, Gr = /(:\w+:)$/, Kr = RegExp(Ce + "$"), qr = (e) => {
+	if (e && a(e[0])) return { text: e[2] || e[0] };
+}, Jr = (e) => [...e.matchAll(s)].filter((e) => a(e[0])).map((e) => ({
+	index: e.index,
+	text: e[0],
+	match: e
+})), Yr = De.create({
+	name: "emoji",
+	addOptions() {
+		return { HTMLAttributes: {} };
+	},
+	group: "inline",
+	inline: !0,
+	selectable: !1,
+	atom: !0,
+	addNodeView() {
+		return C(br);
+	},
+	addAttributes() {
+		return { code: { default: null } };
+	},
+	parseHTML() {
+		return [{ tag: "emoji-component" }];
+	},
+	renderText({ node: e }) {
+		return l(a(e.attrs.code).unicode_output);
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return ["emoji-component", F(this.options.HTMLAttributes, e)];
+	},
+	addInputRules() {
+		return [new Te({
+			find: (e) => {
+				let t = e.match(Gr) || e.match(Kr);
+				if (t) return qr(t);
+			},
+			handler: ({ state: e, range: t, match: n }) => {
+				let { tr: r } = e, i = t.from, a = t.to;
+				r.replaceWith(i, a, this.type.create({ code: n[0] }));
+			}
+		})];
+	},
+	addPasteRules() {
+		return [Ie({
+			find: Jr,
+			type: this.type,
+			getAttributes(e) {
+				return { code: e[0] };
+			}
+		}), Ie({
+			find: o,
+			type: this.type,
+			getAttributes(e) {
+				return { code: e[0] };
+			}
+		})];
+	},
+	addProseMirrorPlugins() {
+		return [ft({
+			char: ":",
+			pluginKey: new I("emoji"),
+			editor: this.editor,
+			...this.options.suggestion,
+			...Wr
+		})];
+	},
+	addKeyboardShortcuts() {
+		return { Backspace: () => this.editor.commands.command(({ tr: e, state: t }) => {
+			let n = !1, { selection: r } = t, { empty: i, anchor: a } = r;
+			return i ? (t.doc.nodesBetween(a - 1, a, (t, r) => {
+				if (t.type.name === this.name) return n = !0, e.insertText("", r, r + t.nodeSize), !1;
+			}), n) : !1;
+		}) };
+	}
+});
+//#endregion
+//#region components/RichTextEditor/Extensions/CustomLink/Utils.js
+function Xr(e, t, n = () => !0) {
+	let r = [];
+	t.lastIndex = 0;
+	let i;
+	for (; i = t.exec(e);) n(e, i) && r.push(i);
+	return r;
+}
+function Zr(e, t) {
+	return !["#", "@"].includes(e.charAt(t.index)) && !["#", "@"].includes(e.charAt(t.index - 1));
+}
+function Qr(e) {
+	let t = RegExp("(?:" + ["[!?.,:;'\"]", "(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"].join("|"), "g");
+	return e.replace(t, "");
+}
+function $r(e, t) {
+	let n = e.slice(0, t + 1).search(/\S+\s*$/), r = e.slice(t).search(/\s/);
+	if (r < 0) {
+		let t = e.slice(n);
+		return {
+			text: t,
+			from: n,
+			to: n + t.length
+		};
+	}
+	return {
+		text: e.slice(n, r + t),
+		from: n,
+		to: r + t
+	};
+}
+function ei(e, t, n, r) {
+	let i = $r(e, t);
+	if (r.lastIndex = 0, !r.test(i.text)) return i;
+	let a = n === "left" ? i.from - 1 : i.to + 1;
+	return a <= 0 || a >= e.length || a === t ? i : ei(e, a, n, r);
+}
+function ti(e, t, n, r) {
+	let i = je(Math.max(e.from - 1, 0), Math.min(e.to + 1, t.content.size), t);
+	for (let e of i) e.mark.type === r && n.removeMark(e.from, e.to, r);
+}
+var ni = e(1, 15);
+function ri(e, n, r, i, a, o) {
+	if (!e) return;
+	let s = r - n - 1;
+	s = s < 0 ? 0 : s;
+	let c = i - n, l = ei(e, s, "left", ni), u = ei(e, c, "right", ni);
+	Xr(e.slice(l.from, u.to), t, Zr).forEach((e) => {
+		let t = Qr(e[0]), r = n + l.from + e.index + 1, i = r + t.length;
+		a.addMark(r, i, o.create());
+	});
+}
+//#endregion
+//#region components/RichTextEditor/Extensions/CustomLink/Autolink.js
+function ii(e) {
+	let t = !1;
+	return new ze({
+		key: new I("autolink"),
+		appendTransaction: (n, r, i) => {
+			let a = n.some((e) => e.docChanged) && !r.doc.eq(i.doc);
+			if (t && !a) return;
+			let { tr: o } = i, { textContent: s } = i.doc;
+			return t || ri(s, 0, 0, s.length, o, e.type), t = !0, Ae(Oe(r.doc, [...n])).forEach(({ oldRange: t, newRange: n }) => {
+				ti(n, i.doc, o, e.type), ke(i.doc, n, (e) => e.isTextblock).forEach(({ node: r, pos: i }) => {
+					ri(r.textContent, i, t.from, n.to, o, e.type);
+				});
+			}), o;
+		}
+	});
+}
+//#endregion
+//#region components/RichTextEditor/Extensions/CustomLink/CustomLink.js
+var ai = {
+	class: "d-link d-c-text d-d-inline-block d-wb-break-all",
+	rel: "noopener noreferrer nofollow"
+}, oi = Ee.create({
+	name: "CustomLink",
+	renderHTML({ HTMLAttributes: e }) {
+		return ["a", F(this.options.HTMLAttributes, e, ai)];
+	},
+	renderText({ node: e }) {
+		return e.attrs.text;
+	},
+	addProseMirrorPlugins() {
+		return [ii({ type: this.type })];
+	}
+}), si = pt.extend({
+	name: "ConfigurableImage",
+	addAttributes() {
+		return {
+			src: { default: "" },
+			alt: { default: void 0 },
+			title: { default: void 0 },
+			width: { default: void 0 },
+			height: { default: void 0 },
+			style: { default: void 0 }
+		};
+	}
+}).configure({
+	inline: !0,
+	allowBase64: !0
+}), ci = new Set(/* @__PURE__ */ "address.article.aside.blockquote.dd.details.dialog.div.dl.dt.fieldset.figcaption.figure.footer.form.h1.h2.h3.h4.h5.h6.header.hgroup.hr.li.main.nav.ol.p.pre.section.table.ul".split(".")), li = Ye.extend({
+	parseHTML() {
+		return [{
+			tag: "div",
+			getAttrs: (e) => {
+				for (let t of e.children) if (ci.has(t.tagName.toLowerCase())) return !1;
+				return null;
+			}
+		}];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return [
+			"div",
+			F(this.options.HTMLAttributes, e),
+			0
+		];
+	}
+}), ui = {
+	name: "MentionComponent",
+	components: {
+		NodeViewWrapper: S,
+		DtLink: p
+	},
+	props: T,
+	computed: { text() {
+		return "@" + this.$props.node.attrs.name;
+	} },
+	methods: {
+		getMentionData() {
+			return {
+				name: this.$props.node.attrs.name,
+				id: this.$props.node.attrs.id,
+				avatarSrc: this.$props.node.attrs.avatarSrc,
+				contactKey: this.$props.node.attrs.contactKey
+			};
+		},
+		handleClick() {
+			this.$props.editor.emit("mention-click", this.getMentionData());
+		},
+		handleMouseEnter(e) {
+			this.$props.editor.emit("mention-hover", {
+				...this.getMentionData(),
+				event: e
+			});
+		},
+		handleMouseLeave(e) {
+			this.$props.editor.emit("mention-leave", {
+				...this.getMentionData(),
+				event: e
+			});
+		}
+	}
+};
+function di(e, t, n, r, i, a) {
+	let o = M("dt-link"), s = M("node-view-wrapper");
+	return j(), D(s, { class: "d-d-inline-block" }, {
+		default: P(() => [A(o, {
+			kind: "mention",
+			onClick: xe(a.handleClick, ["prevent"]),
+			onMouseenter: a.handleMouseEnter,
+			onMouseleave: a.handleMouseLeave,
+			onFocusin: a.handleMouseEnter,
+			onFocusout: a.handleMouseLeave
+		}, {
+			default: P(() => [k(N(a.text), 1)]),
+			_: 1
+		}, 8, [
+			"onClick",
+			"onMouseenter",
+			"onMouseleave",
+			"onFocusin",
+			"onFocusout"
+		])]),
+		_: 1
+	});
+}
+var fi = /* @__PURE__ */ i(ui, [["render", di]]), pi = mt.extend({
+	addNodeView() {
+		return C(fi);
+	},
+	parseHTML() {
+		return [{ tag: "mention-component" }];
+	},
+	addAttributes() {
+		return {
+			name: { default: "" },
+			avatarSrc: { default: "" },
+			id: { default: "" },
+			contactKey: { default: "" }
+		};
+	},
+	renderText({ node: e }) {
+		return `@${e.attrs.id}`;
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return ["mention-component", F(this.options.HTMLAttributes, e)];
+	}
+}).configure({ suggestion: {
+	char: "@",
+	pluginKey: new I("mentionSuggestion")
+} }), mi = {
+	name: "ChannelComponent",
+	components: {
+		NodeViewWrapper: S,
+		DtLink: p,
+		DtIconLock: Se,
+		DtStack: _
+	},
+	props: T,
+	computed: { text() {
+		return this.$props.node.attrs.locked ? this.$props.node.attrs.name : "#" + this.$props.node.attrs.name;
+	} },
+	methods: { handleClick() {
+		let e = {
+			name: this.$props.node.attrs.name,
+			id: this.$props.node.attrs.id,
+			locked: this.$props.node.attrs.locked,
+			channelKey: this.$props.node.attrs.channelKey
+		};
+		this.$props.editor.emit("channel-click", e);
+	} }
+};
+function hi(e, t, n, r, i, a) {
+	let o = M("dt-icon-lock"), s = M("dt-stack"), c = M("dt-link"), l = M("node-view-wrapper");
+	return j(), D(l, { class: "d-d-inline-block" }, {
+		default: P(() => [A(c, {
+			kind: "mention",
+			onClick: xe(a.handleClick, ["prevent"])
+		}, {
+			default: P(() => [A(s, {
+				direction: "row",
+				gap: "0"
+			}, {
+				default: P(() => [e.$props.node.attrs.locked ? (j(), D(o, {
+					key: 0,
+					size: "200"
+				})) : O("", !0), oe("span", null, N(a.text), 1)]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["onClick"])]),
+		_: 1
+	});
+}
+var gi = /* @__PURE__ */ i(mi, [["render", hi]]), _i = mt.extend({
+	name: "channel",
+	addNodeView() {
+		return C(gi);
+	},
+	parseHTML() {
+		return [{ tag: "channel-component" }];
+	},
+	addAttributes() {
+		return {
+			name: { default: "" },
+			id: { default: "" },
+			locked: { default: !1 },
+			channelKey: { default: "" }
+		};
+	},
+	renderText({ node: e }) {
+		return `#${e.attrs.id}`;
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return ["channel-component", F(this.options.HTMLAttributes, e)];
+	}
+}).configure({ suggestion: {
+	char: "#",
+	pluginKey: new I("channelSuggestion")
+} }), vi = {
+	name: "SlashCommandsComponent",
+	components: { NodeViewWrapper: S },
+	props: { ...T },
+	emits: ["selected-command"],
+	computed: { text() {
+		return "/" + this.$props.node.attrs.command;
+	} },
+	created() {
+		let e = this.$props.node.attrs.command;
+		this.$emit("selected-command", e);
+		let t = this.editor?.storage?.["slash-commands"]?.onSelectedCommand;
+		t && typeof t == "function" && t(e);
+	}
+};
+function yi(e, t, n, r, i, a) {
+	let o = M("node-view-wrapper");
+	return j(), D(o, { class: "d-d-inline-block" }, {
+		default: P(() => [k(N(a.text), 1)]),
+		_: 1
+	});
+}
+var bi = /* @__PURE__ */ i(vi, [["render", yi]]), xi = (e, t) => [...e.matchAll(t)].map((e) => {
+	let t = e[2];
+	return t.endsWith(" ") || (t += " "), {
+		index: e.index,
+		text: t,
+		match: e
+	};
+}), Si = mt.extend({
+	name: "slash-commands",
+	group: "inline",
+	inline: !0,
+	addOptions() {
+		return {
+			...this.parent?.(),
+			onSelectedCommand: null
+		};
+	},
+	addStorage() {
+		return { onSelectedCommand: this.options.onSelectedCommand };
+	},
+	addNodeView() {
+		return C(bi);
+	},
+	parseHTML() {
+		return [{ tag: "command-component" }];
+	},
+	addAttributes() {
+		return {
+			command: { default: "" },
+			parametersExample: { default: "" },
+			description: { default: "" }
+		};
+	},
+	renderText({ node: e }) {
+		return `/${e.attrs.command}`;
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return ["command-component", F(this.options.HTMLAttributes, e)];
+	},
+	addInputRules() {
+		let e = this.options.suggestion?.items({ query: "" }).map((e) => e.command);
+		return [Fe({
+			find: RegExp(`^((?:\\/)(${e.join("|")})) $`),
+			type: this.type,
+			getAttributes(e) {
+				return { command: e[2] };
+			}
+		})];
+	},
+	addPasteRules() {
+		let e = this.options.suggestion?.items({ query: "" }).map((e) => e.command), t = RegExp(`^((?:\\/)(${e.join("|")})) ?$`, "g");
+		return [Ie({
+			find: (e) => xi(e, t),
+			type: this.type,
+			getAttributes(e) {
+				return { command: e[0].trim() };
+			}
+		})];
+	}
+}).configure({ suggestion: {
+	char: "/",
+	pluginKey: new I("slashCommandSuggestion")
+} }), Ci = 100, wi = {
+	name: "VariableComponent",
+	components: {
+		DtBadge: d,
+		DtButton: h,
+		DtPopover: v,
+		DtInput: b,
+		NodeViewWrapper: S
+	},
+	props: T,
+	data() {
+		return {
+			i18n: new m(),
+			MAX_VARIABLE_ALT_LENGTH: Ci
+		};
+	},
+	computed: {
+		altText: {
+			get() {
+				return this.node?.attrs?.altText || "";
+			},
+			set(e) {
+				this.updateAttributes({ altText: e });
+			}
+		},
+		variableId() {
+			return this.node?.attrs?.id;
+		},
+		placeholder() {
+			return this.variableData?.placeholder || "";
+		},
+		variableItems() {
+			return this.extension?.options?.variableItems || [];
+		},
+		variableData() {
+			return this.variableItems.find((e) => e.id === this.variableId);
+		},
+		enableAltText() {
+			return this.node?.attrs?.enableAltText;
+		},
+		badgeLabel() {
+			return `{} ${this.placeholder}`;
+		},
+		placeholderText() {
+			return `Replaces ${this.placeholder}`;
+		}
+	}
+};
+function Ti(e, t, n, r, i, a) {
+	let o = M("dt-badge"), s = M("dt-button"), c = M("dt-input"), l = M("dt-popover"), u = M("node-view-wrapper");
+	return j(), D(u, { class: "d-d-inline-block" }, {
+		default: P(() => [a.enableAltText ? (j(), D(l, {
+			key: 0,
+			padding: "small",
+			"navigation-type": "arrow-keys",
+			placement: "top-start",
+			modal: !1
+		}, {
+			anchor: P(({ attrs: e }) => [A(s, ue(e, { kind: "unstyled" }), {
+				default: P(() => [A(o, {
+					text: a.badgeLabel,
+					contenteditable: "false"
+				}, null, 8, ["text"])]),
+				_: 1
+			}, 16)]),
+			content: P(({ close: e }) => [A(c, {
+				modelValue: a.altText,
+				"onUpdate:modelValue": t[0] || (t[0] = (e) => a.altText = e),
+				class: "d-p-100 d-w332",
+				label: i.i18n.$t("DIALTONE_EDITOR_VARIABLE_LABEL"),
+				placeholder: a.placeholderText,
+				validate: { length: {
+					description: i.i18n.$t("DIALTONE_EDITOR_VARIABLE_VALIDATE_DESCRIPTION"),
+					message: i.i18n.$t("DIALTONE_EDITOR_VARIABLE_VALIDATE_MESSAGE"),
+					max: i.MAX_VARIABLE_ALT_LENGTH,
+					warn: i.MAX_VARIABLE_ALT_LENGTH,
+					limitMaxLength: !0
+				} },
+				onKeyup: be((t) => e(), ["enter"])
+			}, null, 8, [
+				"modelValue",
+				"label",
+				"placeholder",
+				"validate",
+				"onKeyup"
+			])]),
+			_: 1
+		})) : (j(), D(o, {
+			key: 1,
+			text: a.badgeLabel,
+			contenteditable: "false"
+		}, null, 8, ["text"]))]),
+		_: 1
+	});
+}
+var Ei = /* @__PURE__ */ i(wi, [["render", Ti]]), Di = De.create({
+	name: "variable",
+	group: "inline",
+	inline: !0,
+	selectable: !0,
+	atom: !0,
+	addOptions() {
+		return {
+			HTMLAttributes: {},
+			variableItems: []
+		};
+	},
+	addNodeView() {
+		return C(Ei);
+	},
+	addAttributes() {
+		return {
+			id: {
+				default: null,
+				parseHTML: (e) => e.getAttribute("data-variable-id"),
+				renderHTML: (e) => e.id ? { "data-variable-id": e.id } : {}
+			},
+			altText: {
+				default: "",
+				parseHTML: (e) => e.getAttribute("data-alt-text"),
+				renderHTML: (e) => e.altText ? { "data-alt-text": e.altText } : {}
+			},
+			enableAltText: {
+				default: !0,
+				parseHTML: (e) => e.getAttribute("data-enable-alt-text") === "true",
+				renderHTML: (e) => ({ "data-enable-alt-text": String(e.enableAltText) })
+			}
+		};
+	},
+	parseHTML() {
+		return [{ tag: "variable" }];
+	},
+	renderText({ node: e }) {
+		return e.attrs.altText;
+	},
+	renderHTML({ node: e, HTMLAttributes: t }) {
+		return ["variable", F(this.options.HTMLAttributes, t, {
+			"data-variable-id": e.attrs.id,
+			"data-alt-text": e.attrs.altText,
+			"data-enable-alt-text": String(e.attrs.enableAltText)
+		})];
+	},
+	addCommands() {
+		return { insertVariable: (e = {}) => ({ commands: t }) => t.insertContent({
+			type: this.name,
+			attrs: {
+				id: e.id || null,
+				altText: e.altText || "",
+				enableAltText: e.enableAltText
+			}
+		}) };
+	}
+}), Oi = {
+	name: "MentionSuggestion",
+	components: {
+		DtAvatar: u,
+		DtStack: _,
+		DtText: f
+	},
+	props: { item: {
+		type: Object,
+		required: !0
+	} },
+	computed: {
+		name() {
+			return this.item.name;
+		},
+		avatarSrc() {
+			return this.item.avatarSrc;
+		},
+		presence() {
+			return this.item.presence;
+		},
+		status() {
+			return this.item.status;
+		},
+		presenceText() {
+			return this.item.presenceText;
+		},
+		presenceFontColorClass() {
+			return {
+				active: "d-recipe-contact-row--active",
+				busy: "d-recipe-contact-row--busy",
+				away: "d-recipe-contact-row--away",
+				offline: "d-recipe-contact-row--busy"
+			}[this.presence];
+		},
+		showDetails() {
+			return this.item.showDetails;
+		}
+	}
+}, ki = { class: "d-mention-suggestion__name" };
+function Ai(e, t, n, r, i, a) {
+	let o = M("dt-avatar"), s = M("dt-text"), c = M("dt-stack");
+	return j(), D(c, {
+		direction: "row",
+		class: "d-mention-suggestion__container",
+		gap: "100"
+	}, {
+		default: P(() => [A(o, {
+			"full-name": a.name,
+			"image-src": a.avatarSrc,
+			"image-alt": a.name,
+			"show-presence": a.showDetails,
+			presence: a.presence,
+			size: 200
+		}, null, 8, [
+			"full-name",
+			"image-src",
+			"image-alt",
+			"show-presence",
+			"presence"
+		]), A(c, {
+			class: "d-mention-suggestion__details-container",
+			gap: "1"
+		}, {
+			default: P(() => [oe("span", ki, N(a.name), 1), a.showDetails ? (j(), D(c, {
+				key: 0,
+				direction: "row",
+				gap: "50"
+			}, {
+				default: P(() => [
+					a.presenceText ? (j(), D(s, {
+						key: 0,
+						kind: "label",
+						size: 200,
+						strength: "normal",
+						class: fe(["d-mention-suggestion__presence", [a.presenceFontColorClass]])
+					}, {
+						default: P(() => [k(N(a.presenceText), 1)]),
+						_: 1
+					}, 8, ["class"])) : O("", !0),
+					a.status && a.presenceText ? (j(), D(s, {
+						key: 1,
+						kind: "label",
+						size: 200,
+						strength: "normal",
+						as: "div",
+						class: "d-mention-suggestion__divider"
+					}, {
+						default: P(() => [...t[0] || (t[0] = [k(" • ", -1)])]),
+						_: 1
+					})) : O("", !0),
+					a.status ? (j(), D(s, {
+						key: 2,
+						kind: "label",
+						size: 200,
+						strength: "normal",
+						as: "div",
+						class: "d-mention-suggestion__status"
+					}, {
+						default: P(() => [k(N(a.status), 1)]),
+						_: 1
+					})) : O("", !0)
+				]),
+				_: 1
+			})) : O("", !0)]),
+			_: 1
+		})]),
+		_: 1
+	});
+}
+//#endregion
+//#region components/RichTextEditor/Extensions/Mentions/Suggestion.js
+var ji = {
+	allowSpaces: !0,
+	render: Rr(/* @__PURE__ */ i(Oi, [["render", Ai]]), "mention")
+}, Mi = {
+	name: "ChannelSuggestion",
+	components: {
+		DtStack: _,
+		DtIconHash: ht,
+		DtIconLock: gt
+	},
+	props: { item: {
+		type: Object,
+		required: !0
+	} },
+	computed: { name() {
+		return this.item.name;
+	} }
+};
+function Ni(e, t, n, r, i, a) {
+	let o = M("dt-icon-hash"), s = M("dt-icon-lock"), c = M("dt-stack");
+	return j(), D(c, {
+		direction: "row",
+		gap: "400"
+	}, {
+		default: P(() => [n.item.locked ? (j(), D(s, {
+			key: 1,
+			size: "300"
+		})) : (j(), D(o, {
+			key: 0,
+			size: "300"
+		})), oe("span", null, N(a.name), 1)]),
+		_: 1
+	});
+}
+//#endregion
+//#region components/RichTextEditor/Extensions/Channels/Suggestion.js
+var Pi = {
+	allowSpaces: !0,
+	render: Rr(/* @__PURE__ */ i(Mi, [["render", Ni]]), "channel")
+}, Fi = {
+	name: "SlashCommandSuggestion",
+	components: { DtText: f },
+	props: { item: {
+		type: Object,
+		required: !0
+	} },
+	computed: {
+		command() {
+			return this.item.command;
+		},
+		description() {
+			return this.item.description;
+		},
+		parametersExample() {
+			return this.item.parametersExample;
+		}
+	}
+}, Ii = { key: 0 };
+function Li(e, t, n, r, i, a) {
+	let o = M("dt-text");
+	return j(), ae("div", null, [A(o, {
+		kind: "body",
+		size: 300,
+		density: 300,
+		as: "div"
+	}, {
+		default: P(() => [oe("span", null, "/" + N(a.command), 1), a.parametersExample ? (j(), ae("span", Ii, N(a.parametersExample), 1)) : O("", !0)]),
+		_: 1
+	}), A(o, {
+		kind: "body",
+		size: 200,
+		tone: "tertiary",
+		as: "div"
+	}, {
+		default: P(() => [k(N(a.description), 1)]),
+		_: 1
+	})]);
+}
+//#endregion
+//#region components/RichTextEditor/Extensions/SlashCommand/Suggestion.js
+var Ri = {
+	allowSpaces: !0,
+	startOfLine: !0,
+	render: Rr(/* @__PURE__ */ i(Fi, [["render", Li]]), "slash-command")
+}, zi = {
+	name: "DtRichTextEditor",
+	components: {
+		EditorContent: ee,
+		BubbleMenu: sr,
+		DtButton: h,
+		DtStack: _
+	},
+	props: {
+		modelValue: {
+			type: [Object, String],
+			default: ""
+		},
+		editable: {
+			type: Boolean,
+			default: !0
+		},
+		allowTyping: {
+			type: Boolean,
+			default: !0
+		},
+		pasteRichText: {
+			type: Boolean,
+			default: !0
+		},
+		allowLineBreaks: {
+			type: Boolean,
+			default: !1
+		},
+		inputAriaLabel: {
+			type: String,
+			required: !0
+		},
+		inputClass: {
+			type: String,
+			default: ""
+		},
+		autoFocus: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: !1,
+			validator(e) {
+				return typeof e == "string" ? te.includes(e) : !0;
+			}
+		},
+		outputFormat: {
+			type: String,
+			default: "html",
+			validator(e) {
+				return ne.includes(e);
+			}
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		},
+		link: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		customLink: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		mentionSuggestion: {
+			type: Object,
+			default: null
+		},
+		channelSuggestion: {
+			type: Object,
+			default: null
+		},
+		slashCommandSuggestion: {
+			type: Object,
+			default: null
+		},
+		allowBlockquote: {
+			type: Boolean,
+			default: !0
+		},
+		allowBold: {
+			type: Boolean,
+			default: !0
+		},
+		allowBulletList: {
+			type: Boolean,
+			default: !0
+		},
+		allowItalic: {
+			type: Boolean,
+			default: !0
+		},
+		allowStrike: {
+			type: Boolean,
+			default: !0
+		},
+		allowUnderline: {
+			type: Boolean,
+			default: !0
+		},
+		allowCode: {
+			type: Boolean,
+			default: !0
+		},
+		allowCodeblock: {
+			type: Boolean,
+			default: !0
+		},
+		allowInlineImages: {
+			type: Boolean,
+			default: !1
+		},
+		allowFontColor: {
+			type: Boolean,
+			default: !1
+		},
+		allowBackgroundColor: {
+			type: Boolean,
+			default: !1
+		},
+		allowFontSize: {
+			type: Boolean,
+			default: !1
+		},
+		allowFontFamily: {
+			type: Boolean,
+			default: !1
+		},
+		allowLineHeight: {
+			type: Boolean,
+			default: !1
+		},
+		allowVariable: {
+			type: Boolean,
+			default: !1
+		},
+		variableItems: {
+			type: Array,
+			default: () => []
+		},
+		additionalExtensions: {
+			type: Array,
+			default: () => []
+		},
+		showLinkBubbleMenu: {
+			type: Boolean,
+			default: !0
+		},
+		preserveWhitespace: {
+			type: [Boolean, String],
+			default: "full"
+		},
+		useDivTags: {
+			type: Boolean,
+			default: !1
+		},
+		allowTables: {
+			type: Boolean,
+			default: !1
+		},
+		allowTextAlign: {
+			type: Boolean,
+			default: !0
+		},
+		allowImageResize: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"json-input",
+		"html-input",
+		"text-input",
+		"markdown-input",
+		"blur",
+		"focus",
+		"enter",
+		"edit-link",
+		"selected",
+		"selected-command",
+		"mention-click",
+		"mention-hover",
+		"mention-leave",
+		"channel-click"
+	],
+	data() {
+		return {
+			editor: null,
+			appendTo: () => n(this.$refs.editor.$el).getRootNode()?.querySelector("body"),
+			floatingOptions: { placement: "top-start" },
+			i18n: new m()
+		};
+	},
+	computed: {
+		attrs() {
+			return {
+				...this.$attrs,
+				onInput: () => {},
+				onFocus: () => {},
+				onBlur: () => {}
+			};
+		},
+		extensions() {
+			let e = [
+				We,
+				it,
+				qe,
+				Je
+			];
+			e.push(this.useDivTags ? li : Ye), this.allowBold && e.push(Xe), this.allowBlockquote && e.push(Ve), this.allowBulletList && (e.push(Ze), e.push(Qe.extend({ renderText({ node: e }) {
+				return e.textContent;
+			} })), e.push($e)), this.allowItalic && e.push(et), this.allowStrike && e.push(nt), this.allowUnderline && e.push(rt), this.placeholder && e.push(Ke.configure({ placeholder: this.placeholder }));
+			let t = this, n = we.create({ addKeyboardShortcuts() {
+				return {
+					"Shift-Enter": ({ editor: e }) => t.allowLineBreaks ? !1 : (e.commands.first(({ commands: e }) => [
+						() => e.newlineInCode(),
+						() => t.allowBulletList && e.splitListItem("listItem"),
+						() => e.createParagraphNear(),
+						() => e.liftEmptyBlock(),
+						() => e.splitBlock()
+					]), !0),
+					Enter: () => t.allowLineBreaks ? !1 : (t.$emit("enter"), !0)
+				};
+			} });
+			if (e.push(n), this.link && e.push(tt.extend({
+				inclusive: !1,
+				addKeyboardShortcuts() {
+					return { "Mod-k": () => (t.$emit("edit-link"), !0) };
+				}
+			}).configure({
+				HTMLAttributes: { class: "d-link d-wb-break-all" },
+				openOnClick: !1,
+				autolink: !0,
+				protocols: re
+			})), this.customLink && e.push(this.getExtension(oi, this.customLink)), this.mentionSuggestion) {
+				let t = {
+					...this.mentionSuggestion,
+					...ji
+				};
+				e.push(pi.configure({ suggestion: t }));
+			}
+			if (this.channelSuggestion) {
+				let t = {
+					...this.channelSuggestion,
+					...Pi
+				};
+				e.push(_i.configure({ suggestion: t }));
+			}
+			if (this.slashCommandSuggestion) {
+				let t = {
+					...this.slashCommandSuggestion,
+					...Ri
+				};
+				e.push(Si.configure({
+					suggestion: t,
+					onSelectedCommand: (e) => {
+						this.$emit("selected-command", e);
+					}
+				}));
+			}
+			return this.allowVariable && e.push(Di.configure({ variableItems: this.variableItems })), e.push(Yr), this.allowTextAlign && e.push(at.configure({ types: ["paragraph"] })), this.allowCode && e.push(Ue), this.allowCodeblock && e.push(He.extend({
+				renderText({ node: e, pos: t, range: n }) {
+					let r = n?.from ?? 0, i = n?.to ?? t + e.nodeSize;
+					if (r <= t && i >= t + e.nodeSize) return `\`\`\`\n${e.textContent}\n\`\`\``;
+					let a = Math.max(0, r - t - 1), o = Math.min(e.textContent.length, i - t - 1);
+					return e.textContent.slice(a, o);
+				},
+				addCommands() {
+					return {
+						...this.parent?.(),
+						toggleCodeBlock: (e = {}) => ({ state: t, chain: n, commands: r }) => {
+							let i = t.schema.nodes[this.name], { $from: a } = t.selection;
+							if (a.parent.type === i) {
+								let e = t.schema.nodes.paragraph, r = a.parent.textContent.split("\n"), i = a.before(), o = a.parent;
+								return n().command(({ tr: n }) => {
+									let a = r.map((n) => e.create({}, n ? [t.schema.text(n)] : []));
+									return n.replaceWith(i, i + o.nodeSize, a), !0;
+								}).run();
+							}
+							let { from: o, to: s } = t.selection, c = [];
+							if (t.doc.nodesBetween(o, s, (e, t) => {
+								if (e.isTextblock) return c.push({
+									node: e,
+									pos: t
+								}), !1;
+							}), c.length <= 1) return r.setNode(this.name, e);
+							let l = c.map(({ node: e }) => e.textContent).join("\n"), u = c[0].pos, d = c[c.length - 1], f = d.pos + d.node.nodeSize;
+							return n().command(({ tr: n }) => {
+								let r = l.length ? [t.schema.text(l)] : [];
+								return n.replaceWith(u, f, i.create(e, r)), !0;
+							}).run();
+						}
+					};
+				}
+			}).configure({ HTMLAttributes: { class: "d-rich-text-editor__code-block" } })), this.allowInlineImages && e.push(si.configure({ resize: {
+				enabled: this.allowImageResize,
+				alwaysPreserveAspectRatio: !0
+			} })), (this.allowFontFamily || this.allowFontColor || this.allowFontSize || this.allowBackgroundColor || this.allowLineHeight) && (e.push(dt.configure({
+				color: this.allowFontColor,
+				backgroundColor: this.allowBackgroundColor,
+				fontFamily: this.allowFontFamily,
+				fontSize: this.allowFontSize,
+				lineHeight: this.allowLineHeight
+			})), e.push(_r)), this.additionalExtensions.length && e.push(...this.additionalExtensions), this.allowTables && e.push(fr.configure({ resizable: !0 }), pr, gr, hr, Ge), e;
+		},
+		inputAttrs() {
+			let e = {
+				"aria-label": this.inputAriaLabel,
+				"aria-multiline": !0,
+				role: "textbox"
+			};
+			return this.editable || (e["aria-readonly"] = !0), e;
+		}
+	},
+	watch: {
+		editable(e) {
+			this.editor.setEditable(e), this.updateEditorAttributes({ "aria-readonly": !e });
+		},
+		inputClass(e) {
+			this.updateEditorAttributes({ class: e });
+		},
+		inputAriaLabel(e) {
+			this.updateEditorAttributes({ "aria-label": e });
+		},
+		extensions() {
+			this.destroyEditor(), this.createEditor();
+		},
+		modelValue(e) {
+			this.processValue(e);
+		}
+	},
+	created() {
+		this.createEditor();
+	},
+	beforeUnmount() {
+		this.destroyEditor();
+	},
+	mounted() {
+		r(n(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
+	},
+	methods: {
+		createEditor() {
+			this.editor = new x({
+				autofocus: this.autoFocus,
+				content: this.modelValue,
+				editable: this.editable,
+				extensions: this.extensions,
+				shouldRerenderOnTransaction: !1,
+				parseOptions: { preserveWhitespace: this.preserveWhitespace },
+				editorProps: {
+					attributes: {
+						...this.inputAttrs,
+						class: this.inputClass
+					},
+					handleKeyDown: (e, t) => {
+						if (this.allowTyping) return !1;
+						let n = ["Backspace"];
+						return !this.allowLineBreaks && !t.shiftKey && n.push("Enter"), !n.includes(t.key);
+					},
+					handlePaste: (e, t) => {
+						let n = t.clipboardData || window.clipboardData, r = n.getData("text/plain"), i = n.getData("text/html");
+						return this.processPasteData(e, r, i);
+					},
+					transformPastedHTML(e) {
+						return e.replace(/<hr[^>]*\/?>/gi, "<p><br></p>").replace(/(<\/\w+>)((<br \/>)+)/g, "$2$1");
+					}
+				}
+			}), this.addEditorListeners();
+		},
+		bubbleMenuShouldShow({ editor: e }) {
+			return this.showLinkBubbleMenu && e.isActive("link");
+		},
+		getSelectedLinkText(e) {
+			let { view: t, state: n } = e, { from: r, to: i } = t.state.selection, a = n.doc.textBetween(r, i, ""), o = this.editor.state.doc.nodeAt(r);
+			return o && o.marks?.at(0)?.type?.name === "link" ? o.textContent : a;
+		},
+		editLink() {
+			let e = this.getSelectedLinkText(this.editor), t = {
+				href: this.editor.getAttributes("link").href,
+				text: e
+			};
+			this.$emit("edit-link", t);
+		},
+		removeLink() {
+			this.editor?.chain()?.focus()?.unsetLink()?.run();
+		},
+		openLink() {
+			this.editor?.chain()?.focus();
+			let e = this.editor.getAttributes("link").href;
+			window.open(e, "_blank");
+		},
+		setLink(e, t, n, r = re, i) {
+			if (!e) {
+				this.removeLink();
+				return;
+			}
+			r.find((t) => t.test(e)) || (e = `${i}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
+			let a = this.editor?.view?.state?.selection, o = t || e;
+			this.editor.chain().focus().insertContent(o).setTextSelection({
+				from: a.from,
+				to: a.from + o.length
+			}).setLink({
+				href: e,
+				class: n.class
+			}).run();
+		},
+		processValue(e, t = !0) {
+			if (!this.editor) return;
+			let n = this.getOutput();
+			if (!(t && _t(e, n))) {
+				if (typeof e == "string" && this.outputFormat === "text") {
+					let t = RegExp(`(${Ce})`, "g");
+					e = e?.replace(t, "<emoji-component code=\"$1\"></emoji-component>");
+				}
+				this.editor.commands.setContent(e, {
+					emitUpdate: !1,
+					parseOptions: { preserveWhitespace: this.preserveWhitespace }
+				});
+			}
+		},
+		destroyEditor() {
+			this.editor.destroy();
+		},
+		insertPlainTextWithHardBreaks(e, t) {
+			let n = (this.pasteRichText ? t : t.replace(/\r\n/g, "\n").replace(/\n\n/g, "\n")).replace(/[\r\n]+$/, "").split(/\r?\n/), r = [];
+			for (let e = 0; e < n.length; e++) e > 0 && r.push({ type: "hardBreak" }), n[e] && r.push({
+				type: "text",
+				text: n[e]
+			});
+			this.editor.chain().focus().insertContent(r).run();
+		},
+		shouldPreserveLineBreaks(e, t) {
+			return this.pasteRichText ? !t && e && this.hasBlankLines(e) : !!e;
+		},
+		processPasteData(e, t, n) {
+			if (this.shouldPreserveLineBreaks(t, n)) return this.insertPlainTextWithHardBreaks(e, t), !0;
+			if (this.shouldHandlePreformattedHTML(n)) {
+				let t = this.extractPreformattedText(n);
+				if (t && t.includes("\n")) return this.insertPlainTextWithHardBreaks(e, t), !0;
+			}
+			return !1;
+		},
+		shouldHandlePreformattedHTML(e) {
+			return this.pasteRichText && e && this.containsPreformattedContent(e);
+		},
+		containsPreformattedContent(e) {
+			let t = document.createElement("div");
+			t.innerHTML = e;
+			let n = t.querySelectorAll("*");
+			for (let e of n) if (this.hasPreWhitespace(e) && this.hasLineBreaks(e)) return !0;
+			return !1;
+		},
+		hasPreWhitespace(e) {
+			let t = e.getAttribute("style") || "", n = e.style.whiteSpace || "", r = n === "pre" || n === "pre-wrap", i = t.includes("white-space: pre");
+			return r || i;
+		},
+		hasLineBreaks(e) {
+			return e.textContent && e.textContent.includes("\n");
+		},
+		hasBlankLines(e) {
+			return e.includes("\n\n") || /\n\s*\n/.test(e);
+		},
+		extractPreformattedText(e) {
+			let t = document.createElement("div");
+			return t.innerHTML = e, this.walkAndExtractText(t);
+		},
+		walkAndExtractText(e) {
+			let t = "";
+			if (e.nodeType === Node.TEXT_NODE) t += e.textContent;
+			else if (e.nodeType === Node.ELEMENT_NODE) if (this.hasPreWhitespace(e)) t += e.textContent;
+			else for (let n of e.childNodes) t += this.walkAndExtractText(n);
+			return t;
+		},
+		triggerInputChangeEvents() {
+			let e = this.getOutput();
+			this.$emit("update:modelValue", e);
+			let t = this.editor.getJSON();
+			this.$emit("json-input", t);
+			let n = this.editor.getHTML();
+			this.$emit("html-input", n);
+			let r = this.editor.getText({ blockSeparator: "\n" });
+			this.$emit("text-input", r);
+			let i = E(t, this.extensions);
+			this.$emit("markdown-input", i);
+		},
+		addEditorListeners() {
+			this.editor.on("create", () => {
+				this.triggerInputChangeEvents();
+			}), this.editor.on("update", () => {
+				this.triggerInputChangeEvents();
+			}), this.editor.on("selectionUpdate", ({ editor: e }) => {
+				this.$emit("selected", this.getSelectedLinkText(e));
+			}), this.editor.on("focus", ({ event: e }) => {
+				this.$emit("focus", e);
+			}), this.editor.on("blur", ({ event: e }) => {
+				this.$emit("blur", e);
+			}), this.editor.on("mention-click", (e) => {
+				this.$emit("mention-click", e);
+			}), this.editor.on("mention-hover", (e) => {
+				this.$emit("mention-hover", e);
+			}), this.editor.on("mention-leave", (e) => {
+				this.$emit("mention-leave", e);
+			}), this.editor.on("channel-click", (e) => {
+				this.$emit("channel-click", e);
+			});
+		},
+		getOutput() {
+			switch (this.outputFormat) {
+				case "json": return this.editor.getJSON();
+				case "html": return this.editor.getHTML();
+				case "markdown": return E(this.editor.getJSON(), this.extensions);
+				default: return this.editor.getText({ blockSeparator: "\n" });
+			}
+		},
+		getExtension(e, t) {
+			return typeof t == "boolean" ? e : e.configure?.(t);
+		},
+		updateEditorAttributes(e) {
+			this.editor.setOptions({ editorProps: { attributes: {
+				...this.inputAttrs,
+				class: this.inputClass,
+				...e
+			} } });
+		},
+		focusEditor() {
+			this.editor.commands.focus();
+		}
+	}
+}, Bi = { class: "d-popover__dialog" };
+function Vi(e, t, n, r, i, a) {
+	let o = M("dt-button"), s = M("dt-stack"), c = M("bubble-menu"), l = M("editor-content");
+	return j(), ae("div", null, [i.editor && n.link ? (j(), D(c, {
+		key: 0,
+		editor: i.editor,
+		"should-show": a.bubbleMenuShouldShow,
+		options: i.floatingOptions,
+		"append-to": i.appendTo,
+		style: { visibility: "visible" }
+	}, {
+		default: P(() => [oe("div", Bi, [A(s, {
+			direction: "row",
+			class: "d-rich-text-editor-bubble-menu__button-stack",
+			gap: "0"
+		}, {
+			default: P(() => [
+				A(o, {
+					kind: "muted",
+					importance: "clear",
+					onClick: a.editLink
+				}, {
+					default: P(() => [k(N(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")), 1)]),
+					_: 1
+				}, 8, ["onClick"]),
+				A(o, {
+					kind: "muted",
+					importance: "clear",
+					onClick: a.openLink
+				}, {
+					default: P(() => [k(N(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")), 1)]),
+					_: 1
+				}, 8, ["onClick"]),
+				A(o, {
+					kind: "critical",
+					importance: "clear",
+					onClick: a.removeLink
+				}, {
+					default: P(() => [k(N(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")), 1)]),
+					_: 1
+				}, 8, ["onClick"])
+			]),
+			_: 1
+		})])]),
+		_: 1
+	}, 8, [
+		"editor",
+		"should-show",
+		"options",
+		"append-to"
+	])) : O("", !0), A(l, ue({
+		ref: "editor",
+		editor: i.editor,
+		class: "d-rich-text-editor",
+		"data-qa": "dt-rich-text-editor"
+	}, a.attrs), null, 16, ["editor"])]);
+}
+var Hi = /* @__PURE__ */ i(zi, [["render", Vi]]);
+//#endregion
+export { Hi as t };
+
+//# sourceMappingURL=RichTextEditor-D5D8AvLl.js.map