@dialpad/dialtone 9.161.0 → 9.162.0

package/dist/vue3/lib/rich-text-editor/rich-text-editor.js

@@ -1,82 +1,1681 @@
-import { nodeViewProps as L, NodeViewWrapper as v, VueRenderer as R, VueNodeViewRenderer as S, BubbleMenu as ne, EditorContent as oe, Editor as re } from "../../node_modules/@tiptap/vue-3.js";
-import { Node as W, nodePasteRule as O, InputRule as se, mergeAttributes as T, getMarksBetween as ie, combineTransactionSteps as ae, getChangedRanges as ce, findChildrenInRange as le, Mark as de, nodeInputRule as ue, Extension as me } from "@tiptap/core";
-import he from "@tiptap/extension-blockquote";
-import pe from "@tiptap/extension-code-block";
-import fe from "@tiptap/extension-code";
-import ge from "@tiptap/extension-document";
-import _e from "@tiptap/extension-gapcursor";
-import ke from "@tiptap/extension-hard-break";
-import z from "@tiptap/extension-paragraph";
-import ye from "@tiptap/extension-placeholder";
-import be from "@tiptap/extension-bold";
-import we from "@tiptap/extension-bullet-list";
-import Te from "@tiptap/extension-italic";
-import xe from "@tiptap/extension-link";
-import Ce from "@tiptap/extension-list-item";
-import Ee from "@tiptap/extension-ordered-list";
-import Le from "@tiptap/extension-strike";
-import ve from "@tiptap/extension-underline";
-import Se from "@tiptap/extension-text";
-import $e from "@tiptap/extension-text-align";
-import Ie from "@tiptap/extension-history";
-import Ae from "@tiptap/extension-table";
-import Re from "@tiptap/extension-table-cell";
-import Me from "@tiptap/extension-table-header";
-import Be from "@tiptap/extension-table-row";
-import Ne from "@tiptap/extension-text-style";
-import De from "@tiptap/extension-color";
-import Oe from "@tiptap/extension-font-family";
-import { PluginKey as $, Plugin as He } from "@tiptap/pm/state";
-import Pe from "@tiptap/suggestion";
-import { emojiPattern as X } from "regex-combined-emojis";
-import { resolveComponent as l, openBlock as d, createBlock as p, withCtx as u, createVNode as m, createElementBlock as y, withDirectives as je, createElementVNode as b, Fragment as Ve, renderList as Ke, withModifiers as P, normalizeClass as G, resolveDynamicComponent as Fe, vShow as Ue, createTextVNode as C, toDisplayString as f, markRaw as M, createCommentVNode as w, withKeys as qe, mergeProps as J } from "vue";
-import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import Y from "../emoji/emoji.js";
-import { getEmojiData as We, emojiRegex as ze, stringToUnicode as Xe, codeToEmojiData as j, emojiShortCodeRegex as Ge } from "../../common/emoji/index.js";
-import Je from "../list-item/list-item.js";
-import I from "../stack/stack.js";
-import B from "tippy.js";
-import { linkRegex as Ye, getPhoneNumberRegex as Qe, warnIfUnmounted as Ze, returnFirstEl as K } from "../../common/utils/index.js";
-import et from "@tiptap/extension-image";
-import V from "@tiptap/extension-mention";
-import Q from "../link/link.js";
-import { DtIconLock as tt } from "@dialpad/dialtone-icons/vue3";
-import { DialtoneLocalization as Z } from "../../localization/index.js";
-import nt from "../input/input.js";
-import ot from "../popover/popover.js";
-import ee from "../button/button.js";
-import rt from "../badge/badge.js";
-import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as F, RICH_TEXT_EDITOR_OUTPUT_FORMATS as st, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as it } from "./rich-text-editor-constants.js";
-import at from "../avatar/avatar.js";
-import ct from "@dialpad/dialtone-icons/vue3/hash";
-import lt from "@dialpad/dialtone-icons/vue3/lock";
-import dt from "deep-equal";
-const ut = {
+import { nodeViewProps as ft, NodeViewWrapper as pt, VueRenderer as je, VueNodeViewRenderer as mt, EditorContent as ze, Editor as Fe } from "../../node_modules/@tiptap/vue-3.js";
+import { isTextSelection as Ke, posToDOMRect as re, getText as We, getTextSerializersFromSchema as qe, Node as ae, nodePasteRule as Et, InputRule as Xe, mergeAttributes as st, getMarksBetween as Ye, combineTransactionSteps as Ge, getChangedRanges as Je, findChildrenInRange as Ze, Mark as Qe, nodeInputRule as tn, Extension as en } from "@tiptap/core";
+import { Plugin as It, PluginKey as rt, NodeSelection as nn } from "@tiptap/pm/state";
+import { CellSelection as on } from "@tiptap/pm/tables";
+import { defineComponent as le, ref as ce, onMounted as de, nextTick as sn, onBeforeUnmount as ue, h as he, resolveComponent as T, openBlock as k, createBlock as M, withCtx as C, createVNode as I, createElementBlock as et, withDirectives as rn, createElementVNode as nt, Fragment as an, renderList as ln, withModifiers as Dt, normalizeClass as fe, resolveDynamicComponent as cn, vShow as dn, markRaw as un, createTextVNode as at, toDisplayString as $, createCommentVNode as it, withKeys as hn, mergeProps as pe } from "vue";
+import fn from "@tiptap/extension-blockquote";
+import pn from "@tiptap/extension-code-block";
+import mn from "@tiptap/extension-code";
+import gn from "@tiptap/extension-document";
+import { UndoRedo as yn, Placeholder as wn, Gapcursor as bn } from "@tiptap/extensions";
+import vn from "@tiptap/extension-hard-break";
+import me from "@tiptap/extension-paragraph";
+import xn from "@tiptap/extension-bold";
+import { BulletList as Tn, ListItem as _n, OrderedList as kn } from "@tiptap/extension-list";
+import Cn from "@tiptap/extension-italic";
+import On from "@tiptap/extension-link";
+import En from "@tiptap/extension-strike";
+import Sn from "@tiptap/extension-underline";
+import Ln from "@tiptap/extension-text";
+import In from "@tiptap/extension-text-align";
+import { Table as Dn, TableRow as An, TableHeader as Rn, TableCell as Mn } from "@tiptap/extension-table";
+import { TextStyleKit as Hn } from "@tiptap/extension-text-style";
+import $n from "@tiptap/suggestion";
+import { emojiPattern as ge } from "regex-combined-emojis";
+import { _ as q } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import ye from "../emoji/emoji.js";
+import { getEmojiData as Bn, emojiRegex as Nn, stringToUnicode as Pn, codeToEmojiData as At, emojiShortCodeRegex as Un } from "../../common/emoji/index.js";
+import Vn from "../list-item/list-item.js";
+import gt from "../stack/stack.js";
+import { linkRegex as jn, getPhoneNumberRegex as zn, warnIfUnmounted as Fn, returnFirstEl as zt } from "../../common/utils/index.js";
+import Kn from "@tiptap/extension-image";
+import Rt from "@tiptap/extension-mention";
+import we from "../link/link.js";
+import { DtIconLock as Wn } from "@dialpad/dialtone-icons/vue3";
+import { DialtoneLocalization as be } from "../../localization/index.js";
+import qn from "../input/input.js";
+import Xn from "../popover/popover.js";
+import ve from "../button/button.js";
+import Yn from "../badge/badge.js";
+import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as Ft, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Gn, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Jn } from "./rich-text-editor-constants.js";
+import Zn from "../avatar/avatar.js";
+import Qn from "@dialpad/dialtone-icons/vue3/hash";
+import to from "@dialpad/dialtone-icons/vue3/lock";
+import eo from "deep-equal";
+const xe = ["top", "right", "bottom", "left"], Kt = ["start", "end"], Wt = /* @__PURE__ */ xe.reduce((t, e) => t.concat(e, e + "-" + Kt[0], e + "-" + Kt[1]), []), G = Math.min, R = Math.max, wt = Math.round, Y = (t) => ({
+  x: t,
+  y: t
+}), no = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, oo = {
+  start: "end",
+  end: "start"
+};
+function St(t, e, o) {
+  return R(t, G(e, o));
+}
+function Z(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function j(t) {
+  return t.split("-")[0];
+}
+function F(t) {
+  return t.split("-")[1];
+}
+function Te(t) {
+  return t === "x" ? "y" : "x";
+}
+function Mt(t) {
+  return t === "y" ? "height" : "width";
+}
+const io = /* @__PURE__ */ new Set(["top", "bottom"]);
+function X(t) {
+  return io.has(j(t)) ? "y" : "x";
+}
+function Ht(t) {
+  return Te(X(t));
+}
+function _e(t, e, o) {
+  o === void 0 && (o = !1);
+  const n = F(t), i = Ht(t), s = Mt(i);
+  let r = i === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return e.reference[s] > e.floating[s] && (r = vt(r)), [r, vt(r)];
+}
+function so(t) {
+  const e = vt(t);
+  return [bt(t), e, bt(e)];
+}
+function bt(t) {
+  return t.replace(/start|end/g, (e) => oo[e]);
+}
+const qt = ["left", "right"], Xt = ["right", "left"], ro = ["top", "bottom"], ao = ["bottom", "top"];
+function lo(t, e, o) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return o ? e ? Xt : qt : e ? qt : Xt;
+    case "left":
+    case "right":
+      return e ? ro : ao;
+    default:
+      return [];
+  }
+}
+function co(t, e, o, n) {
+  const i = F(t);
+  let s = lo(j(t), o === "start", n);
+  return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(bt)))), s;
+}
+function vt(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => no[e]);
+}
+function uo(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function $t(t) {
+  return typeof t != "number" ? uo(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function ct(t) {
+  const {
+    x: e,
+    y: o,
+    width: n,
+    height: i
+  } = t;
+  return {
+    width: n,
+    height: i,
+    top: o,
+    left: e,
+    right: e + n,
+    bottom: o + i,
+    x: e,
+    y: o
+  };
+}
+function Yt(t, e, o) {
+  let {
+    reference: n,
+    floating: i
+  } = t;
+  const s = X(e), r = Ht(e), a = Mt(r), l = j(e), u = s === "y", d = n.x + n.width / 2 - i.width / 2, c = n.y + n.height / 2 - i.height / 2, h = n[a] / 2 - i[a] / 2;
+  let f;
+  switch (l) {
+    case "top":
+      f = {
+        x: d,
+        y: n.y - i.height
+      };
+      break;
+    case "bottom":
+      f = {
+        x: d,
+        y: n.y + n.height
+      };
+      break;
+    case "right":
+      f = {
+        x: n.x + n.width,
+        y: c
+      };
+      break;
+    case "left":
+      f = {
+        x: n.x - i.width,
+        y: c
+      };
+      break;
+    default:
+      f = {
+        x: n.x,
+        y: n.y
+      };
+  }
+  switch (F(e)) {
+    case "start":
+      f[r] -= h * (o && u ? -1 : 1);
+      break;
+    case "end":
+      f[r] += h * (o && u ? -1 : 1);
+      break;
+  }
+  return f;
+}
+async function ho(t, e) {
+  var o;
+  e === void 0 && (e = {});
+  const {
+    x: n,
+    y: i,
+    platform: s,
+    rects: r,
+    elements: a,
+    strategy: l
+  } = t, {
+    boundary: u = "clippingAncestors",
+    rootBoundary: d = "viewport",
+    elementContext: c = "floating",
+    altBoundary: h = !1,
+    padding: f = 0
+  } = Z(e, t), p = $t(f), g = a[h ? c === "floating" ? "reference" : "floating" : c], y = ct(await s.getClippingRect({
+    element: (o = await (s.isElement == null ? void 0 : s.isElement(g))) == null || o ? g : g.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(a.floating)),
+    boundary: u,
+    rootBoundary: d,
+    strategy: l
+  })), b = c === "floating" ? {
+    x: n,
+    y: i,
+    width: r.floating.width,
+    height: r.floating.height
+  } : r.reference, v = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a.floating)), x = await (s.isElement == null ? void 0 : s.isElement(v)) ? await (s.getScale == null ? void 0 : s.getScale(v)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, O = ct(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: a,
+    rect: b,
+    offsetParent: v,
+    strategy: l
+  }) : b);
+  return {
+    top: (y.top - O.top + p.top) / x.y,
+    bottom: (O.bottom - y.bottom + p.bottom) / x.y,
+    left: (y.left - O.left + p.left) / x.x,
+    right: (O.right - y.right + p.right) / x.x
+  };
+}
+const fo = async (t, e, o) => {
+  const {
+    placement: n = "bottom",
+    strategy: i = "absolute",
+    middleware: s = [],
+    platform: r
+  } = o, a = s.filter(Boolean), l = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let u = await r.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: d,
+    y: c
+  } = Yt(u, n, l), h = n, f = {}, p = 0;
+  for (let g = 0; g < a.length; g++) {
+    var m;
+    const {
+      name: y,
+      fn: b
+    } = a[g], {
+      x: v,
+      y: x,
+      data: O,
+      reset: _
+    } = await b({
+      x: d,
+      y: c,
+      initialPlacement: n,
+      placement: h,
+      strategy: i,
+      middlewareData: f,
+      rects: u,
+      platform: {
+        ...r,
+        detectOverflow: (m = r.detectOverflow) != null ? m : ho
+      },
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    d = v ?? d, c = x ?? c, f = {
+      ...f,
+      [y]: {
+        ...f[y],
+        ...O
+      }
+    }, _ && p <= 50 && (p++, typeof _ == "object" && (_.placement && (h = _.placement), _.rects && (u = _.rects === !0 ? await r.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: i
+    }) : _.rects), {
+      x: d,
+      y: c
+    } = Yt(u, h, l)), g = -1);
+  }
+  return {
+    x: d,
+    y: c,
+    placement: h,
+    strategy: i,
+    middlewareData: f
+  };
+}, po = (t) => ({
+  name: "arrow",
+  options: t,
+  async fn(e) {
+    const {
+      x: o,
+      y: n,
+      placement: i,
+      rects: s,
+      platform: r,
+      elements: a,
+      middlewareData: l
+    } = e, {
+      element: u,
+      padding: d = 0
+    } = Z(t, e) || {};
+    if (u == null)
+      return {};
+    const c = $t(d), h = {
+      x: o,
+      y: n
+    }, f = Ht(i), p = Mt(f), m = await r.getDimensions(u), g = f === "y", y = g ? "top" : "left", b = g ? "bottom" : "right", v = g ? "clientHeight" : "clientWidth", x = s.reference[p] + s.reference[f] - h[f] - s.floating[p], O = h[f] - s.reference[f], _ = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(u));
+    let L = _ ? _[v] : 0;
+    (!L || !await (r.isElement == null ? void 0 : r.isElement(_))) && (L = a.floating[v] || s.floating[p]);
+    const U = x / 2 - O / 2, D = L / 2 - m[p] / 2 - 1, w = G(c[y], D), E = G(c[b], D), A = w, H = L - m[p] - E, S = L / 2 - m[p] / 2 + U, z = St(A, S, H), V = !l.arrow && F(i) != null && S !== z && s.reference[p] / 2 - (S < A ? w : E) - m[p] / 2 < 0, B = V ? S < A ? S - A : S - H : 0;
+    return {
+      [f]: h[f] + B,
+      data: {
+        [f]: z,
+        centerOffset: S - z - B,
+        ...V && {
+          alignmentOffset: B
+        }
+      },
+      reset: V
+    };
+  }
+});
+function mo(t, e, o) {
+  return (t ? [...o.filter((i) => F(i) === t), ...o.filter((i) => F(i) !== t)] : o.filter((i) => j(i) === i)).filter((i) => t ? F(i) === t || (e ? bt(i) !== i : !1) : !0);
+}
+const go = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "autoPlacement",
+    options: t,
+    async fn(e) {
+      var o, n, i;
+      const {
+        rects: s,
+        middlewareData: r,
+        placement: a,
+        platform: l,
+        elements: u
+      } = e, {
+        crossAxis: d = !1,
+        alignment: c,
+        allowedPlacements: h = Wt,
+        autoAlignment: f = !0,
+        ...p
+      } = Z(t, e), m = c !== void 0 || h === Wt ? mo(c || null, f, h) : h, g = await l.detectOverflow(e, p), y = ((o = r.autoPlacement) == null ? void 0 : o.index) || 0, b = m[y];
+      if (b == null)
+        return {};
+      const v = _e(b, s, await (l.isRTL == null ? void 0 : l.isRTL(u.floating)));
+      if (a !== b)
+        return {
+          reset: {
+            placement: m[0]
+          }
+        };
+      const x = [g[j(b)], g[v[0]], g[v[1]]], O = [...((n = r.autoPlacement) == null ? void 0 : n.overflows) || [], {
+        placement: b,
+        overflows: x
+      }], _ = m[y + 1];
+      if (_)
+        return {
+          data: {
+            index: y + 1,
+            overflows: O
+          },
+          reset: {
+            placement: _
+          }
+        };
+      const L = O.map((w) => {
+        const E = F(w.placement);
+        return [w.placement, E && d ? (
+          // Check along the mainAxis and main crossAxis side.
+          w.overflows.slice(0, 2).reduce((A, H) => A + H, 0)
+        ) : (
+          // Check only the mainAxis.
+          w.overflows[0]
+        ), w.overflows];
+      }).sort((w, E) => w[1] - E[1]), D = ((i = L.filter((w) => w[2].slice(
+        0,
+        // Aligned placements should not check their opposite crossAxis
+        // side.
+        F(w[0]) ? 2 : 3
+      ).every((E) => E <= 0))[0]) == null ? void 0 : i[0]) || L[0][0];
+      return D !== a ? {
+        data: {
+          index: y + 1,
+          overflows: O
+        },
+        reset: {
+          placement: D
+        }
+      } : {};
+    }
+  };
+}, yo = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var o, n;
+      const {
+        placement: i,
+        middlewareData: s,
+        rects: r,
+        initialPlacement: a,
+        platform: l,
+        elements: u
+      } = e, {
+        mainAxis: d = !0,
+        crossAxis: c = !0,
+        fallbackPlacements: h,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: p = "none",
+        flipAlignment: m = !0,
+        ...g
+      } = Z(t, e);
+      if ((o = s.arrow) != null && o.alignmentOffset)
+        return {};
+      const y = j(i), b = X(a), v = j(a) === a, x = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), O = h || (v || !m ? [vt(a)] : so(a)), _ = p !== "none";
+      !h && _ && O.push(...co(a, m, p, x));
+      const L = [a, ...O], U = await l.detectOverflow(e, g), D = [];
+      let w = ((n = s.flip) == null ? void 0 : n.overflows) || [];
+      if (d && D.push(U[y]), c) {
+        const S = _e(i, r, x);
+        D.push(U[S[0]], U[S[1]]);
+      }
+      if (w = [...w, {
+        placement: i,
+        overflows: D
+      }], !D.every((S) => S <= 0)) {
+        var E, A;
+        const S = (((E = s.flip) == null ? void 0 : E.index) || 0) + 1, z = L[S];
+        if (z && (!(c === "alignment" ? b !== X(z) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        w.every((N) => X(N.placement) === b ? N.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: S,
+              overflows: w
+            },
+            reset: {
+              placement: z
+            }
+          };
+        let V = (A = w.filter((B) => B.overflows[0] <= 0).sort((B, N) => B.overflows[1] - N.overflows[1])[0]) == null ? void 0 : A.placement;
+        if (!V)
+          switch (f) {
+            case "bestFit": {
+              var H;
+              const B = (H = w.filter((N) => {
+                if (_) {
+                  const tt = X(N.placement);
+                  return tt === b || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  tt === "y";
+                }
+                return !0;
+              }).map((N) => [N.placement, N.overflows.filter((tt) => tt > 0).reduce((tt, Ve) => tt + Ve, 0)]).sort((N, tt) => N[1] - tt[1])[0]) == null ? void 0 : H[0];
+              B && (V = B);
+              break;
+            }
+            case "initialPlacement":
+              V = a;
+              break;
+          }
+        if (i !== V)
+          return {
+            reset: {
+              placement: V
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+function Gt(t, e) {
+  return {
+    top: t.top - e.height,
+    right: t.right - e.width,
+    bottom: t.bottom - e.height,
+    left: t.left - e.width
+  };
+}
+function Jt(t) {
+  return xe.some((e) => t[e] >= 0);
+}
+const wo = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "hide",
+    options: t,
+    async fn(e) {
+      const {
+        rects: o,
+        platform: n
+      } = e, {
+        strategy: i = "referenceHidden",
+        ...s
+      } = Z(t, e);
+      switch (i) {
+        case "referenceHidden": {
+          const r = await n.detectOverflow(e, {
+            ...s,
+            elementContext: "reference"
+          }), a = Gt(r, o.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: a,
+              referenceHidden: Jt(a)
+            }
+          };
+        }
+        case "escaped": {
+          const r = await n.detectOverflow(e, {
+            ...s,
+            altBoundary: !0
+          }), a = Gt(r, o.floating);
+          return {
+            data: {
+              escapedOffsets: a,
+              escaped: Jt(a)
+            }
+          };
+        }
+        default:
+          return {};
+      }
+    }
+  };
+};
+function ke(t) {
+  const e = G(...t.map((s) => s.left)), o = G(...t.map((s) => s.top)), n = R(...t.map((s) => s.right)), i = R(...t.map((s) => s.bottom));
+  return {
+    x: e,
+    y: o,
+    width: n - e,
+    height: i - o
+  };
+}
+function bo(t) {
+  const e = t.slice().sort((i, s) => i.y - s.y), o = [];
+  let n = null;
+  for (let i = 0; i < e.length; i++) {
+    const s = e[i];
+    !n || s.y - n.y > n.height / 2 ? o.push([s]) : o[o.length - 1].push(s), n = s;
+  }
+  return o.map((i) => ct(ke(i)));
+}
+const vo = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "inline",
+    options: t,
+    async fn(e) {
+      const {
+        placement: o,
+        elements: n,
+        rects: i,
+        platform: s,
+        strategy: r
+      } = e, {
+        padding: a = 2,
+        x: l,
+        y: u
+      } = Z(t, e), d = Array.from(await (s.getClientRects == null ? void 0 : s.getClientRects(n.reference)) || []), c = bo(d), h = ct(ke(d)), f = $t(a);
+      function p() {
+        if (c.length === 2 && c[0].left > c[1].right && l != null && u != null)
+          return c.find((g) => l > g.left - f.left && l < g.right + f.right && u > g.top - f.top && u < g.bottom + f.bottom) || h;
+        if (c.length >= 2) {
+          if (X(o) === "y") {
+            const w = c[0], E = c[c.length - 1], A = j(o) === "top", H = w.top, S = E.bottom, z = A ? w.left : E.left, V = A ? w.right : E.right, B = V - z, N = S - H;
+            return {
+              top: H,
+              bottom: S,
+              left: z,
+              right: V,
+              width: B,
+              height: N,
+              x: z,
+              y: H
+            };
+          }
+          const g = j(o) === "left", y = R(...c.map((w) => w.right)), b = G(...c.map((w) => w.left)), v = c.filter((w) => g ? w.left === b : w.right === y), x = v[0].top, O = v[v.length - 1].bottom, _ = b, L = y, U = L - _, D = O - x;
+          return {
+            top: x,
+            bottom: O,
+            left: _,
+            right: L,
+            width: U,
+            height: D,
+            x: _,
+            y: x
+          };
+        }
+        return h;
+      }
+      const m = await s.getElementRects({
+        reference: {
+          getBoundingClientRect: p
+        },
+        floating: n.floating,
+        strategy: r
+      });
+      return i.reference.x !== m.reference.x || i.reference.y !== m.reference.y || i.reference.width !== m.reference.width || i.reference.height !== m.reference.height ? {
+        reset: {
+          rects: m
+        }
+      } : {};
+    }
+  };
+}, xo = /* @__PURE__ */ new Set(["left", "top"]);
+async function To(t, e) {
+  const {
+    placement: o,
+    platform: n,
+    elements: i
+  } = t, s = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), r = j(o), a = F(o), l = X(o) === "y", u = xo.has(r) ? -1 : 1, d = s && l ? -1 : 1, c = Z(e, t);
+  let {
+    mainAxis: h,
+    crossAxis: f,
+    alignmentAxis: p
+  } = typeof c == "number" ? {
+    mainAxis: c,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: c.mainAxis || 0,
+    crossAxis: c.crossAxis || 0,
+    alignmentAxis: c.alignmentAxis
+  };
+  return a && typeof p == "number" && (f = a === "end" ? p * -1 : p), l ? {
+    x: f * d,
+    y: h * u
+  } : {
+    x: h * u,
+    y: f * d
+  };
+}
+const _o = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var o, n;
+      const {
+        x: i,
+        y: s,
+        placement: r,
+        middlewareData: a
+      } = e, l = await To(e, t);
+      return r === ((o = a.offset) == null ? void 0 : o.placement) && (n = a.arrow) != null && n.alignmentOffset ? {} : {
+        x: i + l.x,
+        y: s + l.y,
+        data: {
+          ...l,
+          placement: r
+        }
+      };
+    }
+  };
+}, ko = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(e) {
+      const {
+        x: o,
+        y: n,
+        placement: i,
+        platform: s
+      } = e, {
+        mainAxis: r = !0,
+        crossAxis: a = !1,
+        limiter: l = {
+          fn: (y) => {
+            let {
+              x: b,
+              y: v
+            } = y;
+            return {
+              x: b,
+              y: v
+            };
+          }
+        },
+        ...u
+      } = Z(t, e), d = {
+        x: o,
+        y: n
+      }, c = await s.detectOverflow(e, u), h = X(j(i)), f = Te(h);
+      let p = d[f], m = d[h];
+      if (r) {
+        const y = f === "y" ? "top" : "left", b = f === "y" ? "bottom" : "right", v = p + c[y], x = p - c[b];
+        p = St(v, p, x);
+      }
+      if (a) {
+        const y = h === "y" ? "top" : "left", b = h === "y" ? "bottom" : "right", v = m + c[y], x = m - c[b];
+        m = St(v, m, x);
+      }
+      const g = l.fn({
+        ...e,
+        [f]: p,
+        [h]: m
+      });
+      return {
+        ...g,
+        data: {
+          x: g.x - o,
+          y: g.y - n,
+          enabled: {
+            [f]: r,
+            [h]: a
+          }
+        }
+      };
+    }
+  };
+}, Co = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "size",
+    options: t,
+    async fn(e) {
+      var o, n;
+      const {
+        placement: i,
+        rects: s,
+        platform: r,
+        elements: a
+      } = e, {
+        apply: l = () => {
+        },
+        ...u
+      } = Z(t, e), d = await r.detectOverflow(e, u), c = j(i), h = F(i), f = X(i) === "y", {
+        width: p,
+        height: m
+      } = s.floating;
+      let g, y;
+      c === "top" || c === "bottom" ? (g = c, y = h === (await (r.isRTL == null ? void 0 : r.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (y = c, g = h === "end" ? "top" : "bottom");
+      const b = m - d.top - d.bottom, v = p - d.left - d.right, x = G(m - d[g], b), O = G(p - d[y], v), _ = !e.middlewareData.shift;
+      let L = x, U = O;
+      if ((o = e.middlewareData.shift) != null && o.enabled.x && (U = v), (n = e.middlewareData.shift) != null && n.enabled.y && (L = b), _ && !h) {
+        const w = R(d.left, 0), E = R(d.right, 0), A = R(d.top, 0), H = R(d.bottom, 0);
+        f ? U = p - 2 * (w !== 0 || E !== 0 ? w + E : R(d.left, d.right)) : L = m - 2 * (A !== 0 || H !== 0 ? A + H : R(d.top, d.bottom));
+      }
+      await l({
+        ...e,
+        availableWidth: U,
+        availableHeight: L
+      });
+      const D = await r.getDimensions(a.floating);
+      return p !== D.width || m !== D.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function xt() {
+  return typeof window < "u";
+}
+function ut(t) {
+  return Ce(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function P(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function Q(t) {
+  var e;
+  return (e = (Ce(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function Ce(t) {
+  return xt() ? t instanceof Node || t instanceof P(t).Node : !1;
+}
+function K(t) {
+  return xt() ? t instanceof Element || t instanceof P(t).Element : !1;
+}
+function J(t) {
+  return xt() ? t instanceof HTMLElement || t instanceof P(t).HTMLElement : !1;
+}
+function Zt(t) {
+  return !xt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof P(t).ShadowRoot;
+}
+const Oo = /* @__PURE__ */ new Set(["inline", "contents"]);
+function yt(t) {
+  const {
+    overflow: e,
+    overflowX: o,
+    overflowY: n,
+    display: i
+  } = W(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !Oo.has(i);
+}
+const Eo = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function So(t) {
+  return Eo.has(ut(t));
+}
+const Lo = [":popover-open", ":modal"];
+function Tt(t) {
+  return Lo.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+const Io = ["transform", "translate", "scale", "rotate", "perspective"], Do = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ao = ["paint", "layout", "strict", "content"];
+function Bt(t) {
+  const e = Nt(), o = K(t) ? W(t) : t;
+  return Io.some((n) => o[n] ? o[n] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || Do.some((n) => (o.willChange || "").includes(n)) || Ao.some((n) => (o.contain || "").includes(n));
+}
+function Ro(t) {
+  let e = ot(t);
+  for (; J(e) && !dt(e); ) {
+    if (Bt(e))
+      return e;
+    if (Tt(e))
+      return null;
+    e = ot(e);
+  }
+  return null;
+}
+function Nt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const Mo = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function dt(t) {
+  return Mo.has(ut(t));
+}
+function W(t) {
+  return P(t).getComputedStyle(t);
+}
+function _t(t) {
+  return K(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function ot(t) {
+  if (ut(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    Zt(t) && t.host || // Fallback.
+    Q(t)
+  );
+  return Zt(e) ? e.host : e;
+}
+function Oe(t) {
+  const e = ot(t);
+  return dt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : J(e) && yt(e) ? e : Oe(e);
+}
+function Ee(t, e, o) {
+  var n;
+  e === void 0 && (e = []);
+  const i = Oe(t), s = i === ((n = t.ownerDocument) == null ? void 0 : n.body), r = P(i);
+  return s ? e.concat(r, r.visualViewport || [], yt(i) ? i : [], []) : e.concat(i, Ee(i, []));
+}
+function Qt(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+function Se(t) {
+  const e = W(t);
+  let o = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
+  const i = J(t), s = i ? t.offsetWidth : o, r = i ? t.offsetHeight : n, a = wt(o) !== s || wt(n) !== r;
+  return a && (o = s, n = r), {
+    width: o,
+    height: n,
+    $: a
+  };
+}
+function Le(t) {
+  return K(t) ? t : t.contextElement;
+}
+function lt(t) {
+  const e = Le(t);
+  if (!J(e))
+    return Y(1);
+  const o = e.getBoundingClientRect(), {
+    width: n,
+    height: i,
+    $: s
+  } = Se(e);
+  let r = (s ? wt(o.width) : o.width) / n, a = (s ? wt(o.height) : o.height) / i;
+  return (!r || !Number.isFinite(r)) && (r = 1), (!a || !Number.isFinite(a)) && (a = 1), {
+    x: r,
+    y: a
+  };
+}
+const Ho = /* @__PURE__ */ Y(0);
+function Ie(t) {
+  const e = P(t);
+  return !Nt() || !e.visualViewport ? Ho : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function $o(t, e, o) {
+  return e === void 0 && (e = !1), !o || e && o !== P(t) ? !1 : e;
+}
+function ht(t, e, o, n) {
+  e === void 0 && (e = !1), o === void 0 && (o = !1);
+  const i = t.getBoundingClientRect(), s = Le(t);
+  let r = Y(1);
+  e && (n ? K(n) && (r = lt(n)) : r = lt(t));
+  const a = $o(s, o, n) ? Ie(s) : Y(0);
+  let l = (i.left + a.x) / r.x, u = (i.top + a.y) / r.y, d = i.width / r.x, c = i.height / r.y;
+  if (s) {
+    const h = P(s), f = n && K(n) ? P(n) : n;
+    let p = h, m = Qt(p);
+    for (; m && n && f !== p; ) {
+      const g = lt(m), y = m.getBoundingClientRect(), b = W(m), v = y.left + (m.clientLeft + parseFloat(b.paddingLeft)) * g.x, x = y.top + (m.clientTop + parseFloat(b.paddingTop)) * g.y;
+      l *= g.x, u *= g.y, d *= g.x, c *= g.y, l += v, u += x, p = P(m), m = Qt(p);
+    }
+  }
+  return ct({
+    width: d,
+    height: c,
+    x: l,
+    y: u
+  });
+}
+function kt(t, e) {
+  const o = _t(t).scrollLeft;
+  return e ? e.left + o : ht(Q(t)).left + o;
+}
+function De(t, e) {
+  const o = t.getBoundingClientRect(), n = o.left + e.scrollLeft - kt(t, o), i = o.top + e.scrollTop;
+  return {
+    x: n,
+    y: i
+  };
+}
+function Bo(t) {
+  let {
+    elements: e,
+    rect: o,
+    offsetParent: n,
+    strategy: i
+  } = t;
+  const s = i === "fixed", r = Q(n), a = e ? Tt(e.floating) : !1;
+  if (n === r || a && s)
+    return o;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, u = Y(1);
+  const d = Y(0), c = J(n);
+  if ((c || !c && !s) && ((ut(n) !== "body" || yt(r)) && (l = _t(n)), J(n))) {
+    const f = ht(n);
+    u = lt(n), d.x = f.x + n.clientLeft, d.y = f.y + n.clientTop;
+  }
+  const h = r && !c && !s ? De(r, l) : Y(0);
+  return {
+    width: o.width * u.x,
+    height: o.height * u.y,
+    x: o.x * u.x - l.scrollLeft * u.x + d.x + h.x,
+    y: o.y * u.y - l.scrollTop * u.y + d.y + h.y
+  };
+}
+function No(t) {
+  return Array.from(t.getClientRects());
+}
+function Po(t) {
+  const e = Q(t), o = _t(t), n = t.ownerDocument.body, i = R(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), s = R(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
+  let r = -o.scrollLeft + kt(t);
+  const a = -o.scrollTop;
+  return W(n).direction === "rtl" && (r += R(e.clientWidth, n.clientWidth) - i), {
+    width: i,
+    height: s,
+    x: r,
+    y: a
+  };
+}
+const te = 25;
+function Uo(t, e) {
+  const o = P(t), n = Q(t), i = o.visualViewport;
+  let s = n.clientWidth, r = n.clientHeight, a = 0, l = 0;
+  if (i) {
+    s = i.width, r = i.height;
+    const d = Nt();
+    (!d || d && e === "fixed") && (a = i.offsetLeft, l = i.offsetTop);
+  }
+  const u = kt(n);
+  if (u <= 0) {
+    const d = n.ownerDocument, c = d.body, h = getComputedStyle(c), f = d.compatMode === "CSS1Compat" && parseFloat(h.marginLeft) + parseFloat(h.marginRight) || 0, p = Math.abs(n.clientWidth - c.clientWidth - f);
+    p <= te && (s -= p);
+  } else u <= te && (s += u);
+  return {
+    width: s,
+    height: r,
+    x: a,
+    y: l
+  };
+}
+const Vo = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function jo(t, e) {
+  const o = ht(t, !0, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft, s = J(t) ? lt(t) : Y(1), r = t.clientWidth * s.x, a = t.clientHeight * s.y, l = i * s.x, u = n * s.y;
+  return {
+    width: r,
+    height: a,
+    x: l,
+    y: u
+  };
+}
+function ee(t, e, o) {
+  let n;
+  if (e === "viewport")
+    n = Uo(t, o);
+  else if (e === "document")
+    n = Po(Q(t));
+  else if (K(e))
+    n = jo(e, o);
+  else {
+    const i = Ie(t);
+    n = {
+      x: e.x - i.x,
+      y: e.y - i.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return ct(n);
+}
+function Ae(t, e) {
+  const o = ot(t);
+  return o === e || !K(o) || dt(o) ? !1 : W(o).position === "fixed" || Ae(o, e);
+}
+function zo(t, e) {
+  const o = e.get(t);
+  if (o)
+    return o;
+  let n = Ee(t, []).filter((a) => K(a) && ut(a) !== "body"), i = null;
+  const s = W(t).position === "fixed";
+  let r = s ? ot(t) : t;
+  for (; K(r) && !dt(r); ) {
+    const a = W(r), l = Bt(r);
+    !l && a.position === "fixed" && (i = null), (s ? !l && !i : !l && a.position === "static" && !!i && Vo.has(i.position) || yt(r) && !l && Ae(t, r)) ? n = n.filter((d) => d !== r) : i = a, r = ot(r);
+  }
+  return e.set(t, n), n;
+}
+function Fo(t) {
+  let {
+    element: e,
+    boundary: o,
+    rootBoundary: n,
+    strategy: i
+  } = t;
+  const r = [...o === "clippingAncestors" ? Tt(e) ? [] : zo(e, this._c) : [].concat(o), n], a = r[0], l = r.reduce((u, d) => {
+    const c = ee(e, d, i);
+    return u.top = R(c.top, u.top), u.right = G(c.right, u.right), u.bottom = G(c.bottom, u.bottom), u.left = R(c.left, u.left), u;
+  }, ee(e, a, i));
+  return {
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
+  };
+}
+function Ko(t) {
+  const {
+    width: e,
+    height: o
+  } = Se(t);
+  return {
+    width: e,
+    height: o
+  };
+}
+function Wo(t, e, o) {
+  const n = J(e), i = Q(e), s = o === "fixed", r = ht(t, !0, s, e);
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = Y(0);
+  function u() {
+    l.x = kt(i);
+  }
+  if (n || !n && !s)
+    if ((ut(e) !== "body" || yt(i)) && (a = _t(e)), n) {
+      const f = ht(e, !0, s, e);
+      l.x = f.x + e.clientLeft, l.y = f.y + e.clientTop;
+    } else i && u();
+  s && !n && i && u();
+  const d = i && !n && !s ? De(i, a) : Y(0), c = r.left + a.scrollLeft - l.x - d.x, h = r.top + a.scrollTop - l.y - d.y;
+  return {
+    x: c,
+    y: h,
+    width: r.width,
+    height: r.height
+  };
+}
+function Ot(t) {
+  return W(t).position === "static";
+}
+function ne(t, e) {
+  if (!J(t) || W(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let o = t.offsetParent;
+  return Q(t) === o && (o = o.ownerDocument.body), o;
+}
+function Re(t, e) {
+  const o = P(t);
+  if (Tt(t))
+    return o;
+  if (!J(t)) {
+    let i = ot(t);
+    for (; i && !dt(i); ) {
+      if (K(i) && !Ot(i))
+        return i;
+      i = ot(i);
+    }
+    return o;
+  }
+  let n = ne(t, e);
+  for (; n && So(n) && Ot(n); )
+    n = ne(n, e);
+  return n && dt(n) && Ot(n) && !Bt(n) ? o : n || Ro(t) || o;
+}
+const qo = async function(t) {
+  const e = this.getOffsetParent || Re, o = this.getDimensions, n = await o(t.floating);
+  return {
+    reference: Wo(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: n.width,
+      height: n.height
+    }
+  };
+};
+function Xo(t) {
+  return W(t).direction === "rtl";
+}
+const Yo = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Bo,
+  getDocumentElement: Q,
+  getClippingRect: Fo,
+  getOffsetParent: Re,
+  getElementRects: qo,
+  getClientRects: No,
+  getDimensions: Ko,
+  getScale: lt,
+  isElement: K,
+  isRTL: Xo
+}, Pt = _o, Me = go, Ut = ko, Vt = yo, He = Co, $e = wo, Be = po, Ne = vo, jt = (t, e, o) => {
+  const n = /* @__PURE__ */ new Map(), i = {
+    platform: Yo,
+    ...o
+  }, s = {
+    ...i.platform,
+    _c: n
+  };
+  return fo(t, e, {
+    ...i,
+    platform: s
+  });
+};
+function Go(t, e) {
+  const o = Math.min(t.top, e.top), n = Math.max(t.bottom, e.bottom), i = Math.min(t.left, e.left), r = Math.max(t.right, e.right) - i, a = n - o, l = i, u = o;
+  return new DOMRect(l, u, r, a);
+}
+var Jo = class {
+  constructor({
+    editor: t,
+    element: e,
+    view: o,
+    updateDelay: n = 250,
+    resizeDelay: i = 60,
+    shouldShow: s,
+    appendTo: r,
+    getReferencedVirtualElement: a,
+    options: l
+  }) {
+    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: d, state: c, from: h, to: f }) => {
+      const { doc: p, selection: m } = c, { empty: g } = m, y = !p.textBetween(h, f).length && Ke(c.selection), b = this.element.contains(document.activeElement);
+      return !(!(d.hasFocus() || b) || g || y || !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: d }) => {
+      var c;
+      if (this.editor.isDestroyed) {
+        this.destroy();
+        return;
+      }
+      if (this.preventHide) {
+        this.preventHide = !1;
+        return;
+      }
+      d != null && d.relatedTarget && ((c = this.element.parentNode) != null && c.contains(d.relatedTarget)) || (d == null ? void 0 : d.relatedTarget) !== this.editor.view.dom && this.hide();
+    }, this.handleDebouncedUpdate = (d, c) => {
+      const h = !(c != null && c.selection.eq(d.state.selection)), f = !(c != null && c.doc.eq(d.state.doc));
+      !h && !f || (this.updateDebounceTimer && clearTimeout(this.updateDebounceTimer), this.updateDebounceTimer = window.setTimeout(() => {
+        this.updateHandler(d, h, f, c);
+      }, this.updateDelay));
+    }, this.updateHandler = (d, c, h, f) => {
+      const { composing: p } = d;
+      if (p || !c && !h)
+        return;
+      if (!this.getShouldShow(f)) {
+        this.hide();
+        return;
+      }
+      this.updatePosition(), this.show();
+    }, this.transactionHandler = ({ transaction: d }) => {
+      const c = d.getMeta("bubbleMenu");
+      c === "updatePosition" ? this.updatePosition() : c && typeof c == "object" && c.type === "updateOptions" && this.updateOptions(c.options);
+    };
+    var u;
+    this.editor = t, this.element = e, this.view = o, this.updateDelay = n, this.resizeDelay = i, this.appendTo = r, this.scrollTarget = (u = l == null ? void 0 : l.scrollTarget) != null ? u : window, this.getReferencedVirtualElement = a, this.floatingUIOptions = {
+      ...this.floatingUIOptions,
+      ...l
+    }, this.element.tabIndex = 0, s && (this.shouldShow = s), 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(o, o.state), this.getShouldShow() && (this.show(), this.updatePosition());
+  }
+  get middlewares() {
+    const t = [];
+    return this.floatingUIOptions.flip && t.push(Vt(typeof this.floatingUIOptions.flip != "boolean" ? this.floatingUIOptions.flip : void 0)), this.floatingUIOptions.shift && t.push(
+      Ut(typeof this.floatingUIOptions.shift != "boolean" ? this.floatingUIOptions.shift : void 0)
+    ), this.floatingUIOptions.offset && t.push(
+      Pt(typeof this.floatingUIOptions.offset != "boolean" ? this.floatingUIOptions.offset : void 0)
+    ), this.floatingUIOptions.arrow && t.push(Be(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push(He(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
+      Me(
+        typeof this.floatingUIOptions.autoPlacement != "boolean" ? this.floatingUIOptions.autoPlacement : void 0
+      )
+    ), this.floatingUIOptions.hide && t.push($e(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
+      Ne(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0)
+    ), t;
+  }
+  get virtualElement() {
+    var t, e, o;
+    const { selection: n } = this.editor.state, i = (t = this.getReferencedVirtualElement) == null ? void 0 : t.call(this);
+    if (i)
+      return i;
+    if (!((o = (e = this.view) == null ? void 0 : e.dom) != null && o.parentNode))
+      return;
+    const s = re(this.view, n.from, n.to);
+    let r = {
+      getBoundingClientRect: () => s,
+      getClientRects: () => [s]
+    };
+    if (n instanceof nn) {
+      let a = this.view.nodeDOM(n.from);
+      const l = a.dataset.nodeViewWrapper ? a : a.querySelector("[data-node-view-wrapper]");
+      l && (a = l), a && (r = {
+        getBoundingClientRect: () => a.getBoundingClientRect(),
+        getClientRects: () => [a.getBoundingClientRect()]
+      });
+    }
+    if (n instanceof on) {
+      const { $anchorCell: a, $headCell: l } = n, u = a ? a.pos : l.pos, d = l ? l.pos : a.pos, c = this.view.nodeDOM(u), h = this.view.nodeDOM(d);
+      if (!c || !h)
+        return;
+      const f = c === h ? c.getBoundingClientRect() : Go(
+        c.getBoundingClientRect(),
+        h.getBoundingClientRect()
+      );
+      r = {
+        getBoundingClientRect: () => f,
+        getClientRects: () => [f]
+      };
+    }
+    return r;
+  }
+  updatePosition() {
+    const t = this.virtualElement;
+    t && jt(t, this.element, {
+      placement: this.floatingUIOptions.placement,
+      strategy: this.floatingUIOptions.strategy,
+      middleware: this.middlewares
+    }).then(({ x: e, y: o, strategy: n, middlewareData: i }) => {
+      var s, r;
+      if ((s = i.hide) != null && s.referenceHidden || (r = i.hide) != null && r.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 = `${o}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
+    });
+  }
+  update(t, e) {
+    const { state: o } = t, n = o.selection.from !== o.selection.to;
+    if (this.updateDelay > 0 && n) {
+      this.handleDebouncedUpdate(t, e);
+      return;
+    }
+    const i = !(e != null && e.selection.eq(t.state.selection)), s = !(e != null && e.doc.eq(t.state.doc));
+    this.updateHandler(t, i, s, e);
+  }
+  getShouldShow(t) {
+    var e;
+    const { state: o } = this.view, { selection: n } = o, { ranges: i } = n, s = Math.min(...i.map((l) => l.$from.pos)), r = Math.max(...i.map((l) => l.$to.pos));
+    return ((e = this.shouldShow) == null ? void 0 : e.call(this, {
+      editor: this.editor,
+      element: this.element,
+      view: this.view,
+      state: o,
+      oldState: t,
+      from: s,
+      to: r
+    })) || !1;
+  }
+  show() {
+    var t;
+    if (this.isVisible)
+      return;
+    this.element.style.visibility = "visible", this.element.style.opacity = "1";
+    const e = typeof this.appendTo == "function" ? this.appendTo() : this.appendTo;
+    (t = e ?? this.view.dom.parentElement) == null || t.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(t) {
+    var e;
+    if (t.updateDelay !== void 0 && (this.updateDelay = t.updateDelay), t.resizeDelay !== void 0 && (this.resizeDelay = t.resizeDelay), t.appendTo !== void 0 && (this.appendTo = t.appendTo), t.getReferencedVirtualElement !== void 0 && (this.getReferencedVirtualElement = t.getReferencedVirtualElement), t.shouldShow !== void 0 && t.shouldShow && (this.shouldShow = t.shouldShow), t.options !== void 0) {
+      const o = (e = t.options.scrollTarget) != null ? e : window;
+      o !== this.scrollTarget && (this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.scrollTarget = o, this.scrollTarget.addEventListener("scroll", this.resizeHandler)), this.floatingUIOptions = {
+        ...this.floatingUIOptions,
+        ...t.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();
+  }
+}, Zo = (t) => new It({
+  key: typeof t.pluginKey == "string" ? new rt(t.pluginKey) : t.pluginKey,
+  view: (e) => new Jo({ view: e, ...t })
+}), Qo = le({
+  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(t, { slots: e, attrs: o }) {
+    const n = ce(null);
+    return de(() => {
+      const {
+        editor: i,
+        options: s,
+        pluginKey: r,
+        resizeDelay: a,
+        appendTo: l,
+        shouldShow: u,
+        getReferencedVirtualElement: d,
+        updateDelay: c
+      } = t, h = n.value;
+      h && (h.style.visibility = "hidden", h.style.position = "absolute", h.remove(), sn(() => {
+        i.registerPlugin(
+          Zo({
+            editor: i,
+            element: h,
+            options: s,
+            pluginKey: r,
+            resizeDelay: a,
+            appendTo: l,
+            shouldShow: u,
+            getReferencedVirtualElement: d,
+            updateDelay: c
+          })
+        );
+      }));
+    }), ue(() => {
+      const { pluginKey: i, editor: s } = t;
+      s.unregisterPlugin(i);
+    }), () => {
+      var i;
+      return he("div", { ref: n, ...o }, (i = e.default) == null ? void 0 : i.call(e));
+    };
+  }
+}), ti = class {
+  constructor({
+    editor: t,
+    element: e,
+    view: o,
+    updateDelay: n = 250,
+    resizeDelay: i = 60,
+    options: s,
+    appendTo: r,
+    shouldShow: a
+  }) {
+    this.preventHide = !1, this.isVisible = !1, this.scrollTarget = window, this.shouldShow = ({ view: u, state: d }) => {
+      const { selection: c } = d, { $anchor: h, empty: f } = c, p = h.depth === 1, m = h.parent.isTextblock && !h.parent.type.spec.code && !h.parent.textContent && h.parent.childCount === 0 && !this.getTextContent(h.parent);
+      return !(!u.hasFocus() || !f || !p || !m || !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 = (u, d, c, h) => {
+      const { composing: f } = u;
+      if (f || !d && !c)
+        return;
+      if (!this.getShouldShow(h)) {
+        this.hide();
+        return;
+      }
+      this.updatePosition(), this.show();
+    }, this.mousedownHandler = () => {
+      this.preventHide = !0;
+    }, this.focusHandler = () => {
+      setTimeout(() => this.update(this.editor.view));
+    }, this.blurHandler = ({ event: u }) => {
+      var d;
+      if (this.preventHide) {
+        this.preventHide = !1;
+        return;
+      }
+      u != null && u.relatedTarget && ((d = this.element.parentNode) != null && d.contains(u.relatedTarget)) || (u == null ? void 0 : u.relatedTarget) !== this.editor.view.dom && this.hide();
+    }, this.transactionHandler = ({ transaction: u }) => {
+      const d = u.getMeta("floatingMenu");
+      d === "updatePosition" ? this.updatePosition() : d && typeof d == "object" && d.type === "updateOptions" && this.updateOptions(d.options);
+    }, this.resizeHandler = () => {
+      this.resizeDebounceTimer && clearTimeout(this.resizeDebounceTimer), this.resizeDebounceTimer = window.setTimeout(() => {
+        this.updatePosition();
+      }, this.resizeDelay);
+    };
+    var l;
+    this.editor = t, this.element = e, this.view = o, this.updateDelay = n, this.resizeDelay = i, this.appendTo = r, this.scrollTarget = (l = s == null ? void 0 : s.scrollTarget) != null ? l : window, this.floatingUIOptions = {
+      ...this.floatingUIOptions,
+      ...s
+    }, this.element.tabIndex = 0, a && (this.shouldShow = a), 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(o, o.state), this.getShouldShow() && (this.show(), this.updatePosition());
+  }
+  getTextContent(t) {
+    return We(t, { textSerializers: qe(this.editor.schema) });
+  }
+  get middlewares() {
+    const t = [];
+    return this.floatingUIOptions.flip && t.push(Vt(typeof this.floatingUIOptions.flip != "boolean" ? this.floatingUIOptions.flip : void 0)), this.floatingUIOptions.shift && t.push(
+      Ut(typeof this.floatingUIOptions.shift != "boolean" ? this.floatingUIOptions.shift : void 0)
+    ), this.floatingUIOptions.offset && t.push(
+      Pt(typeof this.floatingUIOptions.offset != "boolean" ? this.floatingUIOptions.offset : void 0)
+    ), this.floatingUIOptions.arrow && t.push(Be(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push(He(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
+      Me(
+        typeof this.floatingUIOptions.autoPlacement != "boolean" ? this.floatingUIOptions.autoPlacement : void 0
+      )
+    ), this.floatingUIOptions.hide && t.push($e(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
+      Ne(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0)
+    ), t;
+  }
+  getShouldShow(t) {
+    var e;
+    const { state: o } = this.view, { selection: n } = o, { ranges: i } = n, s = Math.min(...i.map((l) => l.$from.pos)), r = Math.max(...i.map((l) => l.$to.pos));
+    return (e = this.shouldShow) == null ? void 0 : e.call(this, {
+      editor: this.editor,
+      view: this.view,
+      state: o,
+      oldState: t,
+      from: s,
+      to: r
+    });
+  }
+  updateOptions(t) {
+    var e;
+    if (t.updateDelay !== void 0 && (this.updateDelay = t.updateDelay), t.resizeDelay !== void 0 && (this.resizeDelay = t.resizeDelay), t.appendTo !== void 0 && (this.appendTo = t.appendTo), t.shouldShow !== void 0 && t.shouldShow && (this.shouldShow = t.shouldShow), t.options !== void 0) {
+      const o = (e = t.options.scrollTarget) != null ? e : window;
+      o !== this.scrollTarget && (this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.scrollTarget = o, this.scrollTarget.addEventListener("scroll", this.resizeHandler)), this.floatingUIOptions = {
+        ...this.floatingUIOptions,
+        ...t.options
+      };
+    }
+  }
+  updatePosition() {
+    const { selection: t } = this.editor.state, e = re(this.view, t.from, t.to);
+    jt({
+      getBoundingClientRect: () => e,
+      getClientRects: () => [e]
+    }, this.element, {
+      placement: this.floatingUIOptions.placement,
+      strategy: this.floatingUIOptions.strategy,
+      middleware: this.middlewares
+    }).then(({ x: n, y: i, strategy: s, middlewareData: r }) => {
+      var a, l;
+      if ((a = r.hide) != null && a.referenceHidden || (l = r.hide) != null && l.escaped) {
+        this.element.style.visibility = "hidden";
+        return;
+      }
+      this.element.style.visibility = "visible", this.element.style.width = "max-content", this.element.style.position = s, this.element.style.left = `${n}px`, this.element.style.top = `${i}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
+    });
+  }
+  update(t, e) {
+    const o = !(e != null && e.selection.eq(t.state.selection)), n = !(e != null && e.doc.eq(t.state.doc));
+    this.updateHandler(t, o, n, e);
+  }
+  show() {
+    var t;
+    if (this.isVisible)
+      return;
+    this.element.style.visibility = "visible", this.element.style.opacity = "1";
+    const e = typeof this.appendTo == "function" ? this.appendTo() : this.appendTo;
+    (t = e ?? this.view.dom.parentElement) == null || t.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();
+  }
+}, ei = (t) => new It({
+  key: typeof t.pluginKey == "string" ? new rt(t.pluginKey) : t.pluginKey,
+  view: (e) => new ti({ view: e, ...t })
+});
+le({
+  name: "FloatingMenu",
+  inheritAttrs: !1,
+  props: {
+    pluginKey: {
+      // TODO: TypeScript breaks :(
+      // type: [String, Object as PropType<Exclude<FloatingMenuPluginProps['pluginKey'], string>>],
+      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(t, { slots: e, attrs: o }) {
+    const n = ce(null);
+    return de(() => {
+      const { pluginKey: i, editor: s, updateDelay: r, resizeDelay: a, options: l, appendTo: u, shouldShow: d } = t, c = n.value;
+      c && (c.style.visibility = "hidden", c.style.position = "absolute", c.remove(), s.registerPlugin(
+        ei({
+          pluginKey: i,
+          editor: s,
+          element: c,
+          updateDelay: r,
+          resizeDelay: a,
+          options: l,
+          appendTo: u,
+          shouldShow: d
+        })
+      ));
+    }), ue(() => {
+      const { pluginKey: i, editor: s } = t;
+      s.unregisterPlugin(i);
+    }), () => {
+      var i;
+      return he("div", { ref: n, ...o }, (i = e.default) == null ? void 0 : i.call(e));
+    };
+  }
+});
+const ni = {
   compatConfig: { MODE: 3 },
   name: "EmojiComponent",
   components: {
-    NodeViewWrapper: v,
-    DtEmoji: Y
+    NodeViewWrapper: pt,
+    DtEmoji: ye
   },
-  props: L
+  props: ft
 };
-function mt(e, t, o, n, r, s) {
-  const i = l("dt-emoji"), a = l("node-view-wrapper");
-  return d(), p(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
-    default: u(() => [
-      m(i, {
+function oi(t, e, o, n, i, s) {
+  const r = T("dt-emoji"), a = T("node-view-wrapper");
+  return k(), M(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
+    default: C(() => [
+      I(r, {
         size: "500",
-        code: e.node.attrs.code
+        code: t.node.attrs.code
       }, null, 8, ["code"])
     ]),
     _: 1
   });
 }
-const ht = /* @__PURE__ */ g(ut, [["render", mt]]), pt = {
+const ii = /* @__PURE__ */ q(ni, [["render", oi]]), si = {
   compatConfig: { MODE: 3 },
   name: "SuggestionList",
   components: {
-    DtListItem: Je
+    DtListItem: Vn
   },
   props: {
     items: {
@@ -107,8 +1706,8 @@ const ht = /* @__PURE__ */ g(ut, [["render", mt]]), pt = {
     }
   },
   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;
+    onKeyDown({ event: t }) {
+      return t.key === "ArrowUp" ? (this.upHandler(), !0) : t.key === "ArrowDown" ? (this.downHandler(), !0) : t.key === "Enter" || t.key === "Tab" ? (this.selectHandler(), !0) : !1;
     },
     upHandler() {
       this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length, this.scrollActiveElementIntoView();
@@ -118,8 +1717,8 @@ const ht = /* @__PURE__ */ g(ut, [["render", mt]]), pt = {
     },
     async scrollActiveElementIntoView() {
       await this.$nextTick();
-      const e = this.$refs.suggestionList.querySelector(".d-list-item--highlighted");
-      e && e.scrollIntoView({
+      const t = this.$refs.suggestionList.querySelector(".d-list-item--highlighted");
+      t && t.scrollIntoView({
         behaviour: "smooth",
         block: "center"
       });
@@ -127,58 +1726,160 @@ const ht = /* @__PURE__ */ g(ut, [["render", mt]]), pt = {
     selectHandler() {
       this.selectItem(this.selectedIndex);
     },
-    selectItem(e) {
-      const t = this.items[e];
+    selectItem(t) {
+      const e = this.items[t];
       switch (this.itemType) {
         case "emoji":
-          this.command(t);
+          this.command(e);
           return;
         case "mention":
-          this.command({ name: t.name, id: t.id, avatarSrc: t.avatarSrc, contactKey: t.contactKey });
+          this.command({ name: e.name, id: e.id, avatarSrc: e.avatarSrc, contactKey: e.contactKey });
           break;
         case "channel":
-          this.command({ name: t.name, id: t.id, locked: t.locked, channelKey: t.channelKey });
+          this.command({ name: e.name, id: e.id, locked: e.locked, channelKey: e.channelKey });
           break;
         case "slash-command":
-          this.command({ command: t.command });
+          this.command({ command: e.command });
           break;
       }
     }
   }
-}, ft = { class: "d-popover__dialog d-suggestion-list__container" }, gt = {
+}, ri = { class: "d-popover__dialog d-suggestion-list__container" }, ai = {
   ref: "suggestionList",
   class: "d-suggestion-list"
 };
-function _t(e, t, o, n, r, s) {
-  const i = l("dt-list-item");
-  return d(), y("div", ft, [
-    je(b("ul", gt, [
-      (d(!0), y(Ve, null, Ke(o.items, (a, c) => (d(), p(i, {
+function li(t, e, o, n, i, s) {
+  const r = T("dt-list-item");
+  return k(), et("div", ri, [
+    rn(nt("ul", ai, [
+      (k(!0), et(an, null, ln(o.items, (a, l) => (k(), M(r, {
         key: a.id,
-        class: G([
+        class: fe([
           "d-suggestion-list__item",
-          { "d-list-item--highlighted": c === r.selectedIndex }
+          { "d-list-item--highlighted": l === i.selectedIndex }
         ]),
         "navigation-type": "arrow-keys",
-        onClick: (h) => s.selectItem(c),
-        onKeydown: P(s.onKeyDown, ["prevent"])
+        onClick: (u) => s.selectItem(l),
+        onKeydown: Dt(s.onKeyDown, ["prevent"])
       }, {
-        default: u(() => [
-          (d(), p(Fe(o.itemComponent), { item: a }, null, 8, ["item"]))
+        default: C(() => [
+          (k(), M(cn(o.itemComponent), { item: a }, null, 8, ["item"]))
         ]),
         _: 2
       }, 1032, ["class", "onClick", "onKeydown"]))), 128))
     ], 512), [
-      [Ue, o.items.length]
+      [dn, o.items.length]
     ])
   ]);
 }
-const N = /* @__PURE__ */ g(pt, [["render", _t]]), kt = {
+const ci = /* @__PURE__ */ q(si, [["render", li]]), Pe = "top-start", Ue = "650";
+function di() {
+  return {
+    getBoundingClientRect: () => ({
+      width: 0,
+      height: 0,
+      x: 0,
+      y: 0,
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0
+    })
+  };
+}
+function oe(t) {
+  return { getBoundingClientRect: t };
+}
+async function ui(t, e, o = {}) {
+  if (!t || !(e != null && e.getBoundingClientRect)) return;
+  const {
+    placement: n = Pe,
+    middleware: i = [Pt(0), Vt(), Ut({ padding: 8 })]
+  } = o, { x: s, y: r } = await jt(e, t, {
+    placement: n,
+    middleware: i
+  });
+  Object.assign(t.style, {
+    left: `${s}px`,
+    top: `${r}px`
+  });
+}
+function hi(t, e = {}) {
+  const { zIndex: o = Ue } = e;
+  t.style.position = "absolute", t.style.zIndex = o, t.style.display = "none";
+}
+function fi(t) {
+  t && (t.style.display = "block");
+}
+function pi(t) {
+  t && (t.style.display = "none");
+}
+function mi(t, e) {
+  return (o) => {
+    o.key === "Escape" && e() && t();
+  };
+}
+function gi(t) {
+  document.addEventListener("keydown", t);
+}
+function yi(t) {
+  document.removeEventListener("keydown", t);
+}
+function wi(t, e, o, n) {
+  return new je(t, {
+    props: {
+      itemComponent: un(e),
+      itemType: o,
+      ...n
+    },
+    editor: n.editor
+  });
+}
+function bi(t) {
+  var e, o;
+  t.escHandler && yi(t.escHandler), (e = t.floatingEl) == null || e.remove(), (o = t.component) == null || o.destroy();
+}
+function Ct(t, e, o = {}) {
+  const {
+    listComponent: n = ci,
+    placement: i = Pe,
+    zIndex: s = Ue
+  } = o;
+  return () => {
+    let r = null, a = null, l = !1, u = di(), d = null;
+    function c() {
+      ui(a, u, { placement: i });
+    }
+    function h() {
+      a && (fi(a), l = !0, c());
+    }
+    function f() {
+      a && (pi(a), l = !1);
+    }
+    return {
+      onStart: (p) => {
+        r = wi(n, t, e, p), p.clientRect && (a = r.element, hi(a, { zIndex: s }), document.body.appendChild(a), u = oe(p.clientRect), d = mi(f, () => l), gi(d), p.items.length > 0 && h());
+      },
+      onUpdate(p) {
+        r == null || r.updateProps(p), p.items.length > 0 ? h() : f(), p.clientRect && (u = oe(p.clientRect), c());
+      },
+      onKeyDown(p) {
+        var m;
+        if (l)
+          return (m = r == null ? void 0 : r.ref) == null ? void 0 : m.onKeyDown(p);
+      },
+      onExit() {
+        bi({ escHandler: d, floatingEl: a, component: r }), d = null, a = null, r = null;
+      }
+    };
+  };
+}
+const vi = {
   compatConfig: { MODE: 3 },
   name: "EmojiSuggestion",
   components: {
-    DtEmoji: Y,
-    DtStack: I
+    DtEmoji: ye,
+    DtStack: gt
   },
   props: {
     item: {
@@ -187,120 +1888,61 @@ const N = /* @__PURE__ */ g(pt, [["render", _t]]), kt = {
     }
   }
 };
-function yt(e, t, o, n, r, s) {
-  const i = l("dt-emoji"), a = l("dt-stack");
-  return d(), p(a, {
+function xi(t, e, o, n, i, s) {
+  const r = T("dt-emoji"), a = T("dt-stack");
+  return k(), M(a, {
     direction: "row",
     gap: "400"
   }, {
-    default: u(() => [
-      m(i, {
+    default: C(() => [
+      I(r, {
         size: "200",
         code: o.item.code
       }, null, 8, ["code"]),
-      C(" " + f(o.item.code), 1)
+      at(" " + $(o.item.code), 1)
     ]),
     _: 1
   });
 }
-const bt = /* @__PURE__ */ g(kt, [["render", yt]]), D = {
-  name: "hideOnEsc",
-  defaultValue: !0,
-  fn({ hide: e }) {
-    function t(o) {
-      o.keyCode === 27 && e();
-    }
-    return {
-      onShow() {
-        document.addEventListener("keydown", t);
-      },
-      onHide() {
-        document.removeEventListener("keydown", t);
-      }
-    };
-  }
-}, wt = 20, Tt = (e, t, o) => {
-  var a, c;
-  const n = (a = e.shortname) == null ? void 0 : a.replaceAll(":", ""), r = (c = t.shortname) == null ? void 0 : c.replaceAll(":", ""), s = n.startsWith(o), i = r.startsWith(o);
-  return s && !i ? -1 : !s && i ? 1 : n.localeCompare(r);
-}, xt = {
-  items: ({ query: e }) => {
-    if (e.length < 2)
+const Ti = /* @__PURE__ */ q(vi, [["render", xi]]), _i = 20, ki = (t, e, o) => {
+  var a, l;
+  const n = (a = t.shortname) == null ? void 0 : a.replaceAll(":", ""), i = (l = e.shortname) == null ? void 0 : l.replaceAll(":", ""), s = n.startsWith(o), r = i.startsWith(o);
+  return s && !r ? -1 : !s && r ? 1 : n.localeCompare(i);
+}, Ci = {
+  items: ({ query: t }) => {
+    if (t.length < 2)
       return [];
-    const t = Object.values(We());
-    return e = e.toLowerCase(), t.filter(
+    const e = Object.values(Bn());
+    return t = t.toLowerCase(), e.filter(
       (n) => {
-        var r;
+        var i;
         return [
           n.name,
-          (r = n.shortname) == null ? void 0 : r.replaceAll(":", ""),
+          (i = n.shortname) == null ? void 0 : i.replaceAll(":", ""),
           ...n.keywords || []
-        ].some((s) => s && s.startsWith(e));
+        ].some((s) => s && s.startsWith(t));
       }
-    ).splice(0, wt).sort((n, r) => Tt(n, r, e)).map((n) => ({ code: n.shortname }));
+    ).splice(0, _i).sort((n, i) => ki(n, i, t)).map((n) => ({ code: n.shortname }));
   },
-  command: ({ editor: e, range: t, props: o }) => {
-    var s, i;
-    const n = e.view.state.selection.$to.nodeAfter;
-    ((s = n == null ? void 0 : n.text) == null ? void 0 : s.startsWith(" ")) && (t.to += 1), e.chain().focus().insertContentAt(t, [
+  command: ({ editor: t, range: e, props: o }) => {
+    var s, r;
+    const n = t.view.state.selection.$to.nodeAfter;
+    ((s = n == null ? void 0 : n.text) == null ? void 0 : s.startsWith(" ")) && (e.to += 1), t.chain().focus().insertContentAt(e, [
       {
         type: "emoji",
         attrs: o
       }
-    ]).run(), (i = window.getSelection()) == null || i.collapseToEnd();
+    ]).run(), (r = window.getSelection()) == null || r.collapseToEnd();
   },
-  render: () => {
-    let e, t, o = !1;
-    return {
-      onStart: (n) => {
-        e = new R(N, {
-          props: {
-            itemComponent: M(bt),
-            itemType: "emoji",
-            ...n
-          },
-          editor: n.editor
-        }), n.clientRect && (t = B("body", {
-          getReferenceClientRect: n.clientRect,
-          appendTo: () => document.body,
-          content: e.element,
-          showOnCreate: !1,
-          onShow: () => {
-            o = !0;
-          },
-          onHidden: () => {
-            o = !1;
-          },
-          interactive: !0,
-          trigger: "manual",
-          placement: "top-start",
-          zIndex: 650,
-          plugins: [D]
-        }), n.items.length > 0 && (t == null || t[0].show()));
-      },
-      onUpdate(n) {
-        e == null || e.updateProps(n), n.items.length > 0 ? t == null || t[0].show() : t == null || t[0].hide(), t == null || t[0].setProps({
-          getReferenceClientRect: n.clientRect
-        });
-      },
-      onKeyDown(n) {
-        var r;
-        if (o)
-          return (r = e == null ? void 0 : e.ref) == null ? void 0 : r.onKeyDown(n);
-      },
-      onExit() {
-        t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
-      }
-    };
-  }
-}, Ct = /(:\w+:)$/, Et = new RegExp(X + "$"), Lt = (e) => {
-  if (e && j(e[0]))
-    return { text: e[2] || e[0] };
-}, vt = (e) => [...e.matchAll(Ge)].filter((o) => j(o[0])).map((o) => ({
+  render: Ct(Ti, "emoji")
+}, Oi = /(:\w+:)$/, Ei = new RegExp(ge + "$"), Si = (t) => {
+  if (t && At(t[0]))
+    return { text: t[2] || t[0] };
+}, Li = (t) => [...t.matchAll(Un)].filter((o) => At(o[0])).map((o) => ({
   index: o.index,
   text: o[0],
   match: o
-})), St = W.create({
+})), Ii = ae.create({
   name: "emoji",
   addOptions() {
     return {
@@ -312,7 +1954,7 @@ const bt = /* @__PURE__ */ g(kt, [["render", yt]]), D = {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return S(ht);
+    return mt(ii);
   },
   addAttributes() {
     return {
@@ -328,44 +1970,44 @@ const bt = /* @__PURE__ */ g(kt, [["render", yt]]), D = {
       }
     ];
   },
-  renderText({ node: e }) {
-    return Xe(j(e.attrs.code).unicode_output);
+  renderText({ node: t }) {
+    return Pn(At(t.attrs.code).unicode_output);
   },
-  renderHTML({ HTMLAttributes: e }) {
-    return ["emoji-component", T(this.options.HTMLAttributes, e)];
+  renderHTML({ HTMLAttributes: t }) {
+    return ["emoji-component", st(this.options.HTMLAttributes, t)];
   },
   addInputRules() {
     return [
-      new se({
-        find: (e) => {
-          const t = e.match(Ct) || e.match(Et);
-          if (t)
-            return Lt(t);
+      new Xe({
+        find: (t) => {
+          const e = t.match(Oi) || t.match(Ei);
+          if (e)
+            return Si(e);
         },
-        handler: ({ state: e, range: t, match: o }) => {
-          const { tr: n } = e, r = t.from, s = t.to;
-          n.replaceWith(r, s, this.type.create({ code: o[0] }));
+        handler: ({ state: t, range: e, match: o }) => {
+          const { tr: n } = t, i = e.from, s = e.to;
+          n.replaceWith(i, s, this.type.create({ code: o[0] }));
         }
       })
     ];
   },
   addPasteRules() {
     return [
-      O({
-        find: vt,
+      Et({
+        find: Li,
         type: this.type,
-        getAttributes(e) {
+        getAttributes(t) {
           return {
-            code: e[0]
+            code: t[0]
           };
         }
       }),
-      O({
-        find: ze,
+      Et({
+        find: Nn,
         type: this.type,
-        getAttributes(e) {
+        getAttributes(t) {
           return {
-            code: e[0]
+            code: t[0]
           };
         }
       })
@@ -373,156 +2015,156 @@ const bt = /* @__PURE__ */ g(kt, [["render", yt]]), D = {
   },
   addProseMirrorPlugins() {
     return [
-      Pe({
+      $n({
         char: ":",
-        pluginKey: new $("emoji"),
+        pluginKey: new rt("emoji"),
         editor: this.editor,
         ...this.options.suggestion,
-        ...xt
+        ...Ci
       })
     ];
   },
   addKeyboardShortcuts() {
     return {
-      Backspace: () => this.editor.commands.command(({ tr: e, state: t }) => {
+      Backspace: () => this.editor.commands.command(({ tr: t, state: e }) => {
         let o = !1;
-        const { selection: n } = t, { empty: r, anchor: s } = n;
-        return r ? (t.doc.nodesBetween(s - 1, s, (i, a) => {
-          if (i.type.name === this.name)
-            return o = !0, e.insertText("", a, a + i.nodeSize), !1;
+        const { selection: n } = e, { empty: i, anchor: s } = n;
+        return i ? (e.doc.nodesBetween(s - 1, s, (r, a) => {
+          if (r.type.name === this.name)
+            return o = !0, t.insertText("", a, a + r.nodeSize), !1;
         }), o) : !1;
       })
     };
   }
 });
-function $t(e, t, o = () => !0) {
+function Di(t, e, o = () => !0) {
   const n = [];
-  t.lastIndex = 0;
-  let r;
-  for (; r = t.exec(e); )
-    o(e, r) && n.push(r);
+  e.lastIndex = 0;
+  let i;
+  for (; i = e.exec(t); )
+    o(t, i) && n.push(i);
   return n;
 }
-function It(e, t) {
-  return !["#", "@"].includes(e.charAt(t.index)) && !["#", "@"].includes(e.charAt(t.index - 1));
+function Ai(t, e) {
+  return !["#", "@"].includes(t.charAt(e.index)) && !["#", "@"].includes(t.charAt(e.index - 1));
 }
-function At(e) {
-  const t = new RegExp(
+function Ri(t) {
+  const e = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
       "(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"
     ].join("|"),
     "g"
   );
-  return e.replace(t, "");
+  return t.replace(e, "");
 }
-function Rt(e, t) {
-  const o = e.slice(0, t + 1).search(/\S+\s*$/), n = e.slice(t).search(/\s/);
+function Mi(t, e) {
+  const o = t.slice(0, e + 1).search(/\S+\s*$/), n = t.slice(e).search(/\s/);
   if (n < 0) {
-    const r = e.slice(o);
+    const i = t.slice(o);
     return {
-      text: r,
+      text: i,
       from: o,
-      to: o + r.length
+      to: o + i.length
     };
   }
   return {
-    text: e.slice(o, n + t),
+    text: t.slice(o, n + e),
     from: o,
-    to: n + t
+    to: n + e
   };
 }
-function H(e, t, o, n) {
-  const r = Rt(e, t);
-  if (n.lastIndex = 0, !n.test(r.text))
-    return r;
-  const s = o === "left" ? r.from - 1 : r.to + 1;
-  return s <= 0 || s >= e.length || s === t ? r : H(e, s, o, n);
+function Lt(t, e, o, n) {
+  const i = Mi(t, e);
+  if (n.lastIndex = 0, !n.test(i.text))
+    return i;
+  const s = o === "left" ? i.from - 1 : i.to + 1;
+  return s <= 0 || s >= t.length || s === e ? i : Lt(t, s, o, n);
 }
-function Mt(e, t, o, n) {
-  const r = Math.max(e.from - 1, 0), s = Math.min(e.to + 1, t.content.size), i = ie(r, s, t);
-  for (const a of i)
+function Hi(t, e, o, n) {
+  const i = Math.max(t.from - 1, 0), s = Math.min(t.to + 1, e.content.size), r = Ye(i, s, e);
+  for (const a of r)
     a.mark.type === n && o.removeMark(a.from, a.to, n);
 }
-const U = Qe(1, 15);
-function q(e, t, o, n, r, s) {
-  if (!e)
+const ie = zn(1, 15);
+function se(t, e, o, n, i, s) {
+  if (!t)
     return;
-  let i = o - t - 1;
-  i = i < 0 ? 0 : i;
-  const a = n - t, c = H(
-    e,
-    i,
+  let r = o - e - 1;
+  r = r < 0 ? 0 : r;
+  const a = n - e, l = Lt(
+    t,
+    r,
     "left",
-    U
-  ), h = H(
-    e,
+    ie
+  ), u = Lt(
+    t,
     a,
     "right",
-    U
-  ), _ = e.slice(c.from, h.to);
-  $t(_, Ye, It).forEach((x) => {
-    const E = At(x[0]), A = t + c.from + x.index + 1, te = A + E.length;
-    r.addMark(A, te, s.create());
+    ie
+  ), d = t.slice(l.from, u.to);
+  Di(d, jn, Ai).forEach((h) => {
+    const f = Ri(h[0]), p = e + l.from + h.index + 1, m = p + f.length;
+    i.addMark(p, m, s.create());
   });
 }
-function Bt(e) {
-  let t = !1;
-  return new He({
-    key: new $("autolink"),
-    appendTransaction: (o, n, r) => {
-      const s = o.some((_) => _.docChanged) && !n.doc.eq(r.doc);
-      if (t && !s)
+function $i(t) {
+  let e = !1;
+  return new It({
+    key: new rt("autolink"),
+    appendTransaction: (o, n, i) => {
+      const s = o.some((d) => d.docChanged) && !n.doc.eq(i.doc);
+      if (e && !s)
         return;
-      const { tr: i } = r, { textContent: a } = r.doc;
-      t || q(a, 0, 0, a.length, i, e.type), t = !0;
-      const c = ae(
+      const { tr: r } = i, { textContent: a } = i.doc;
+      e || se(a, 0, 0, a.length, r, t.type), e = !0;
+      const l = Ge(
         n.doc,
         [...o]
       );
-      return ce(c).forEach(({ oldRange: _, newRange: k }) => {
-        Mt(k, r.doc, i, e.type), le(
-          r.doc,
-          k,
-          (E) => E.isTextblock
-        ).forEach(({ node: E, pos: A }) => {
-          q(
-            E.textContent,
-            A,
-            _.from,
-            k.to,
-            i,
-            e.type
+      return Je(l).forEach(({ oldRange: d, newRange: c }) => {
+        Hi(c, i.doc, r, t.type), Ze(
+          i.doc,
+          c,
+          (f) => f.isTextblock
+        ).forEach(({ node: f, pos: p }) => {
+          se(
+            f.textContent,
+            p,
+            d.from,
+            c.to,
+            r,
+            t.type
           );
         });
-      }), i;
+      }), r;
     }
   });
 }
-const Nt = {
+const Bi = {
   class: "d-link d-c-text d-d-inline-block d-wb-break-all",
   rel: "noopener noreferrer nofollow"
-}, Dt = de.create({
+}, Ni = Qe.create({
   name: "CustomLink",
-  renderHTML({ HTMLAttributes: e }) {
+  renderHTML({ HTMLAttributes: t }) {
     return [
       "a",
-      T(
+      st(
         this.options.HTMLAttributes,
-        e,
-        Nt
+        t,
+        Bi
       )
     ];
   },
-  renderText({ node: e }) {
-    return e.attrs.text;
+  renderText({ node: t }) {
+    return t.attrs.text;
   },
   addProseMirrorPlugins() {
     return [
-      Bt({ type: this.type })
+      $i({ type: this.type })
     ];
   }
-}), Ot = et.extend({
+}), Pi = Kn.extend({
   name: "ConfigurableImage",
   addAttributes() {
     return {
@@ -546,21 +2188,21 @@ const Nt = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), Ht = z.extend({
+}).configure({ inline: !0, allowBase64: !0 }), Ui = me.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
-  renderHTML({ HTMLAttributes: e }) {
-    return ["div", T(this.options.HTMLAttributes, e), 0];
+  renderHTML({ HTMLAttributes: t }) {
+    return ["div", st(this.options.HTMLAttributes, t), 0];
   }
-}), Pt = {
+}), Vi = {
   compatConfig: { MODE: 3 },
   name: "MentionComponent",
   components: {
-    NodeViewWrapper: v,
-    DtLink: Q
+    NodeViewWrapper: pt,
+    DtLink: we
   },
-  props: L,
+  props: ft,
   computed: {
     text() {
       return "@" + this.$props.node.attrs.name;
@@ -568,26 +2210,26 @@ const Nt = {
   },
   methods: {
     handleClick() {
-      const e = {
+      const t = {
         name: this.$props.node.attrs.name,
         id: this.$props.node.attrs.id,
         avatarSrc: this.$props.node.attrs.avatarSrc,
         contactKey: this.$props.node.attrs.contactKey
       };
-      this.$props.editor.emit("mention-click", e);
+      this.$props.editor.emit("mention-click", t);
     }
   }
 };
-function jt(e, t, o, n, r, s) {
-  const i = l("dt-link"), a = l("node-view-wrapper");
-  return d(), p(a, { class: "d-d-inline-block" }, {
-    default: u(() => [
-      m(i, {
+function ji(t, e, o, n, i, s) {
+  const r = T("dt-link"), a = T("node-view-wrapper");
+  return k(), M(a, { class: "d-d-inline-block" }, {
+    default: C(() => [
+      I(r, {
         kind: "mention",
-        onClick: P(s.handleClick, ["prevent"])
+        onClick: Dt(s.handleClick, ["prevent"])
       }, {
-        default: u(() => [
-          C(f(s.text), 1)
+        default: C(() => [
+          at($(s.text), 1)
         ]),
         _: 1
       }, 8, ["onClick"])
@@ -595,9 +2237,9 @@ function jt(e, t, o, n, r, s) {
     _: 1
   });
 }
-const Vt = /* @__PURE__ */ g(Pt, [["render", jt]]), Kt = V.extend({
+const zi = /* @__PURE__ */ q(Vi, [["render", ji]]), Fi = Rt.extend({
   addNodeView() {
-    return S(Vt);
+    return mt(zi);
   },
   parseHTML() {
     return [
@@ -622,27 +2264,27 @@ const Vt = /* @__PURE__ */ g(Pt, [["render", jt]]), Kt = V.extend({
       }
     };
   },
-  renderText({ node: e }) {
-    return `@${e.attrs.id}`;
+  renderText({ node: t }) {
+    return `@${t.attrs.id}`;
   },
-  renderHTML({ HTMLAttributes: e }) {
-    return ["mention-component", T(this.options.HTMLAttributes, e)];
+  renderHTML({ HTMLAttributes: t }) {
+    return ["mention-component", st(this.options.HTMLAttributes, t)];
   }
 }).configure({
   suggestion: {
     char: "@",
-    pluginKey: new $("mentionSuggestion")
+    pluginKey: new rt("mentionSuggestion")
   }
-}), Ft = {
+}), Ki = {
   compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
-    NodeViewWrapper: v,
-    DtLink: Q,
-    DtIconLock: tt,
-    DtStack: I
+    NodeViewWrapper: pt,
+    DtLink: we,
+    DtIconLock: Wn,
+    DtStack: gt
   },
-  props: L,
+  props: ft,
   computed: {
     text() {
       return this.$props.node.attrs.locked ? this.$props.node.attrs.name : "#" + this.$props.node.attrs.name;
@@ -650,35 +2292,35 @@ const Vt = /* @__PURE__ */ g(Pt, [["render", jt]]), Kt = V.extend({
   },
   methods: {
     handleClick() {
-      const e = {
+      const t = {
         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);
+      this.$props.editor.emit("channel-click", t);
     }
   }
 };
-function Ut(e, t, o, n, r, s) {
-  const i = l("dt-icon-lock"), a = l("dt-stack"), c = l("dt-link"), h = l("node-view-wrapper");
-  return d(), p(h, { class: "d-d-inline-block" }, {
-    default: u(() => [
-      m(c, {
+function Wi(t, e, o, n, i, s) {
+  const r = T("dt-icon-lock"), a = T("dt-stack"), l = T("dt-link"), u = T("node-view-wrapper");
+  return k(), M(u, { class: "d-d-inline-block" }, {
+    default: C(() => [
+      I(l, {
         kind: "mention",
-        onClick: P(s.handleClick, ["prevent"])
+        onClick: Dt(s.handleClick, ["prevent"])
       }, {
-        default: u(() => [
-          m(a, {
+        default: C(() => [
+          I(a, {
             direction: "row",
             gap: "0"
           }, {
-            default: u(() => [
-              e.$props.node.attrs.locked ? (d(), p(i, {
+            default: C(() => [
+              t.$props.node.attrs.locked ? (k(), M(r, {
                 key: 0,
                 size: "200"
-              })) : w("", !0),
-              b("span", null, f(s.text), 1)
+              })) : it("", !0),
+              nt("span", null, $(s.text), 1)
             ]),
             _: 1
           })
@@ -689,10 +2331,10 @@ function Ut(e, t, o, n, r, s) {
     _: 1
   });
 }
-const qt = /* @__PURE__ */ g(Ft, [["render", Ut]]), Wt = V.extend({
+const qi = /* @__PURE__ */ q(Ki, [["render", Wi]]), Xi = Rt.extend({
   name: "channel",
   addNodeView() {
-    return S(qt);
+    return mt(qi);
   },
   parseHTML() {
     return [
@@ -717,25 +2359,25 @@ const qt = /* @__PURE__ */ g(Ft, [["render", Ut]]), Wt = V.extend({
       }
     };
   },
-  renderText({ node: e }) {
-    return `#${e.attrs.id}`;
+  renderText({ node: t }) {
+    return `#${t.attrs.id}`;
   },
-  renderHTML({ HTMLAttributes: e }) {
-    return ["channel-component", T(this.options.HTMLAttributes, e)];
+  renderHTML({ HTMLAttributes: t }) {
+    return ["channel-component", st(this.options.HTMLAttributes, t)];
   }
 }).configure({
   suggestion: {
     char: "#",
-    pluginKey: new $("channelSuggestion")
+    pluginKey: new rt("channelSuggestion")
   }
-}), zt = {
+}), Yi = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandsComponent",
   components: {
-    NodeViewWrapper: v
+    NodeViewWrapper: pt
   },
   props: {
-    ...L
+    ...ft
   },
   emits: ["selected-command"],
   computed: {
@@ -744,37 +2386,37 @@ const qt = /* @__PURE__ */ g(Ft, [["render", Ut]]), Wt = V.extend({
     }
   },
   created() {
-    var o, n, r;
-    const e = this.$props.node.attrs.command;
-    this.$emit("selected-command", e);
-    const t = (r = (n = (o = this.editor) == null ? void 0 : o.storage) == null ? void 0 : n["slash-commands"]) == null ? void 0 : r.onSelectedCommand;
-    t && typeof t == "function" && t(e);
+    var o, n, i;
+    const t = this.$props.node.attrs.command;
+    this.$emit("selected-command", t);
+    const e = (i = (n = (o = this.editor) == null ? void 0 : o.storage) == null ? void 0 : n["slash-commands"]) == null ? void 0 : i.onSelectedCommand;
+    e && typeof e == "function" && e(t);
   }
 };
-function Xt(e, t, o, n, r, s) {
-  const i = l("node-view-wrapper");
-  return d(), p(i, { class: "d-d-inline-block" }, {
-    default: u(() => [
-      C(f(s.text), 1)
+function Gi(t, e, o, n, i, s) {
+  const r = T("node-view-wrapper");
+  return k(), M(r, { class: "d-d-inline-block" }, {
+    default: C(() => [
+      at($(s.text), 1)
     ]),
     _: 1
   });
 }
-const Gt = /* @__PURE__ */ g(zt, [["render", Xt]]), Jt = (e, t) => [...e.matchAll(t)].map((n) => {
-  let r = n[2];
-  return r.endsWith(" ") || (r += " "), {
+const Ji = /* @__PURE__ */ q(Yi, [["render", Gi]]), Zi = (t, e) => [...t.matchAll(e)].map((n) => {
+  let i = n[2];
+  return i.endsWith(" ") || (i += " "), {
     index: n.index,
-    text: r,
+    text: i,
     match: n
   };
-}), Yt = V.extend({
+}), Qi = Rt.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
   addOptions() {
-    var e;
+    var t;
     return {
-      ...(e = this.parent) == null ? void 0 : e.call(this),
+      ...(t = this.parent) == null ? void 0 : t.call(this),
       onSelectedCommand: null
     };
   },
@@ -784,7 +2426,7 @@ const Gt = /* @__PURE__ */ g(zt, [["render", Xt]]), Jt = (e, t) => [...e.matchAl
     };
   },
   addNodeView() {
-    return S(Gt);
+    return mt(Ji);
   },
   parseHTML() {
     return [
@@ -806,18 +2448,18 @@ const Gt = /* @__PURE__ */ g(zt, [["render", Xt]]), Jt = (e, t) => [...e.matchAl
       }
     };
   },
-  renderText({ node: e }) {
-    return `/${e.attrs.command}`;
+  renderText({ node: t }) {
+    return `/${t.attrs.command}`;
   },
-  renderHTML({ HTMLAttributes: e }) {
-    return ["command-component", T(this.options.HTMLAttributes, e)];
+  renderHTML({ HTMLAttributes: t }) {
+    return ["command-component", st(this.options.HTMLAttributes, t)];
   },
   addInputRules() {
     var o;
-    const e = (o = this.options.suggestion) == null ? void 0 : o.items({ query: "" }).map((n) => n.command), t = new RegExp(`^((?:\\/)(${e.join("|")})) $`);
+    const t = (o = this.options.suggestion) == null ? void 0 : o.items({ query: "" }).map((n) => n.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) $`);
     return [
-      ue({
-        find: t,
+      tn({
+        find: e,
         type: this.type,
         getAttributes(n) {
           return { command: n[2] };
@@ -827,10 +2469,10 @@ const Gt = /* @__PURE__ */ g(zt, [["render", Xt]]), Jt = (e, t) => [...e.matchAl
   },
   addPasteRules() {
     var o;
-    const e = (o = this.options.suggestion) == null ? void 0 : o.items({ query: "" }).map((n) => n.command), t = new RegExp(`^((?:\\/)(${e.join("|")})) ?$`, "g");
+    const t = (o = this.options.suggestion) == null ? void 0 : o.items({ query: "" }).map((n) => n.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) ?$`, "g");
     return [
-      O({
-        find: (n) => Jt(n, t),
+      Et({
+        find: (n) => Zi(n, e),
         type: this.type,
         getAttributes(n) {
           return { command: n[0].trim() };
@@ -841,48 +2483,48 @@ const Gt = /* @__PURE__ */ g(zt, [["render", Xt]]), Jt = (e, t) => [...e.matchAl
 }).configure({
   suggestion: {
     char: "/",
-    pluginKey: new $("slashCommandSuggestion")
+    pluginKey: new rt("slashCommandSuggestion")
   }
-}), Qt = 100, Zt = {
+}), ts = 100, es = {
   name: "VariableComponent",
   components: {
-    DtBadge: rt,
-    DtButton: ee,
-    DtPopover: ot,
-    DtInput: nt,
-    NodeViewWrapper: v
+    DtBadge: Yn,
+    DtButton: ve,
+    DtPopover: Xn,
+    DtInput: qn,
+    NodeViewWrapper: pt
   },
-  props: L,
+  props: ft,
   data() {
     return {
-      i18n: new Z(),
-      MAX_VARIABLE_ALT_LENGTH: Qt
+      i18n: new be(),
+      MAX_VARIABLE_ALT_LENGTH: ts
     };
   },
   computed: {
     altText: {
       get() {
-        var e, t;
-        return ((t = (e = this.node) == null ? void 0 : e.attrs) == null ? void 0 : t.altText) || "";
+        var t, e;
+        return ((e = (t = this.node) == null ? void 0 : t.attrs) == null ? void 0 : e.altText) || "";
       },
-      set(e) {
-        this.updateAttributes({ altText: e });
+      set(t) {
+        this.updateAttributes({ altText: t });
       }
     },
     variableId() {
-      var e, t;
-      return (t = (e = this.node) == null ? void 0 : e.attrs) == null ? void 0 : t.id;
+      var t, e;
+      return (e = (t = this.node) == null ? void 0 : t.attrs) == null ? void 0 : e.id;
     },
     placeholder() {
-      var e;
-      return ((e = this.variableData) == null ? void 0 : e.placeholder) || "";
+      var t;
+      return ((t = this.variableData) == null ? void 0 : t.placeholder) || "";
     },
     variableItems() {
-      var e, t;
-      return ((t = (e = this.extension) == null ? void 0 : e.options) == null ? void 0 : t.variableItems) || [];
+      var t, e;
+      return ((e = (t = this.extension) == null ? void 0 : t.options) == null ? void 0 : e.variableItems) || [];
     },
     variableData() {
-      return this.variableItems.find((e) => e.id === this.variableId);
+      return this.variableItems.find((t) => t.id === this.variableId);
     },
     badgeLabel() {
       return `{} ${this.placeholder}`;
@@ -892,20 +2534,20 @@ const Gt = /* @__PURE__ */ g(zt, [["render", Xt]]), Jt = (e, t) => [...e.matchAl
     }
   }
 };
-function en(e, t, o, n, r, s) {
-  const i = l("dt-badge"), a = l("dt-button"), c = l("dt-input"), h = l("dt-popover"), _ = l("node-view-wrapper");
-  return d(), p(_, { class: "d-d-inline-block" }, {
-    default: u(() => [
-      m(h, {
+function ns(t, e, o, n, i, s) {
+  const r = T("dt-badge"), a = T("dt-button"), l = T("dt-input"), u = T("dt-popover"), d = T("node-view-wrapper");
+  return k(), M(d, { class: "d-d-inline-block" }, {
+    default: C(() => [
+      I(u, {
         padding: "small",
         "navigation-type": "arrow-keys",
         placement: "top-start",
         modal: !1
       }, {
-        anchor: u(({ attrs: k }) => [
-          m(a, J(k, { kind: "unstyled" }), {
-            default: u(() => [
-              m(i, {
+        anchor: C(({ attrs: c }) => [
+          I(a, pe(c, { kind: "unstyled" }), {
+            default: C(() => [
+              I(r, {
                 text: s.badgeLabel,
                 contenteditable: "false"
               }, null, 8, ["text"])
@@ -913,23 +2555,23 @@ function en(e, t, o, n, r, s) {
             _: 1
           }, 16)
         ]),
-        content: u(({ close: k }) => [
-          m(c, {
+        content: C(({ close: c }) => [
+          I(l, {
             modelValue: s.altText,
-            "onUpdate:modelValue": t[0] || (t[0] = (x) => s.altText = x),
+            "onUpdate:modelValue": e[0] || (e[0] = (h) => s.altText = h),
             "root-class": "d-p8 d-w332",
-            label: r.i18n.$t("DIALTONE_EDITOR_VARIABLE_LABEL"),
+            label: i.i18n.$t("DIALTONE_EDITOR_VARIABLE_LABEL"),
             placeholder: s.placeholderText,
             validate: {
               length: {
-                description: r.i18n.$t("DIALTONE_EDITOR_VARIABLE_VALIDATE_DESCRIPTION"),
-                message: r.i18n.$t("DIALTONE_EDITOR_VARIABLE_VALIDATE_MESSAGE"),
-                max: r.MAX_VARIABLE_ALT_LENGTH,
-                warn: r.MAX_VARIABLE_ALT_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: qe((x) => k(), ["enter"])
+            onKeyup: hn((h) => c(), ["enter"])
           }, null, 8, ["modelValue", "label", "placeholder", "validate", "onKeyup"])
         ]),
         _: 1
@@ -938,7 +2580,7 @@ function en(e, t, o, n, r, s) {
     _: 1
   });
 }
-const tn = /* @__PURE__ */ g(Zt, [["render", en]]), nn = W.create({
+const os = /* @__PURE__ */ q(es, [["render", ns]]), is = ae.create({
   name: "variable",
   group: "inline",
   inline: !0,
@@ -951,22 +2593,22 @@ const tn = /* @__PURE__ */ g(Zt, [["render", en]]), nn = W.create({
     };
   },
   addNodeView() {
-    return S(tn);
+    return mt(os);
   },
   addAttributes() {
     return {
       id: {
         default: null,
-        parseHTML: (e) => e.getAttribute("data-variable-id"),
-        renderHTML: (e) => e.id ? {
-          "data-variable-id": e.id
+        parseHTML: (t) => t.getAttribute("data-variable-id"),
+        renderHTML: (t) => t.id ? {
+          "data-variable-id": t.id
         } : {}
       },
       altText: {
         default: "",
-        parseHTML: (e) => e.getAttribute("data-alt-text"),
-        renderHTML: (e) => e.altText ? {
-          "data-alt-text": e.altText
+        parseHTML: (t) => t.getAttribute("data-alt-text"),
+        renderHTML: (t) => t.altText ? {
+          "data-alt-text": t.altText
         } : {}
       }
     };
@@ -978,35 +2620,35 @@ const tn = /* @__PURE__ */ g(Zt, [["render", en]]), nn = W.create({
       }
     ];
   },
-  renderText({ node: e }) {
-    return e.attrs.altText;
+  renderText({ node: t }) {
+    return t.attrs.altText;
   },
-  renderHTML({ node: e, HTMLAttributes: t }) {
+  renderHTML({ node: t, HTMLAttributes: e }) {
     return [
       "variable",
-      T(this.options.HTMLAttributes, t, {
-        "data-variable-id": e.attrs.id,
-        "data-alt-text": e.attrs.altText
+      st(this.options.HTMLAttributes, e, {
+        "data-variable-id": t.attrs.id,
+        "data-alt-text": t.attrs.altText
       })
     ];
   },
   addCommands() {
     return {
-      insertVariable: (e = {}) => ({ commands: t }) => t.insertContent({
+      insertVariable: (t = {}) => ({ commands: e }) => e.insertContent({
         type: this.name,
         attrs: {
-          id: e.id || null,
-          altText: e.altText || ""
+          id: t.id || null,
+          altText: t.altText || ""
         }
       })
     };
   }
-}), on = {
+}), ss = {
   compatConfig: { MODE: 3 },
   name: "MentionSuggestion",
   components: {
-    DtAvatar: at,
-    DtStack: I
+    DtAvatar: Zn,
+    DtStack: gt
   },
   props: {
     item: {
@@ -1042,22 +2684,22 @@ const tn = /* @__PURE__ */ g(Zt, [["render", en]]), nn = W.create({
       return this.item.showDetails;
     }
   }
-}, rn = { class: "d-mention-suggestion__name" }, sn = {
+}, rs = { class: "d-mention-suggestion__name" }, as = {
   key: 1,
   class: "d-mention-suggestion__divider"
-}, an = {
+}, ls = {
   key: 2,
   class: "d-mention-suggestion__status"
 };
-function cn(e, t, o, n, r, s) {
-  const i = l("dt-avatar"), a = l("dt-stack");
-  return d(), p(a, {
+function cs(t, e, o, n, i, s) {
+  const r = T("dt-avatar"), a = T("dt-stack");
+  return k(), M(a, {
     direction: "row",
     class: "d-mention-suggestion__container",
     gap: "400"
   }, {
-    default: u(() => [
-      m(i, {
+    default: C(() => [
+      I(r, {
         "full-name": s.name,
         "image-src": s.avatarSrc,
         "image-alt": s.name,
@@ -1065,28 +2707,28 @@ function cn(e, t, o, n, r, s) {
         presence: s.presence,
         size: "sm"
       }, null, 8, ["full-name", "image-src", "image-alt", "show-presence", "presence"]),
-      m(a, {
+      I(a, {
         class: "d-mention-suggestion__details-container",
         gap: "100"
       }, {
-        default: u(() => [
-          b("span", rn, f(s.name), 1),
-          s.showDetails ? (d(), p(a, {
+        default: C(() => [
+          nt("span", rs, $(s.name), 1),
+          s.showDetails ? (k(), M(a, {
             key: 0,
             direction: "row",
             gap: "300",
             class: "d-label--sm-plain"
           }, {
-            default: u(() => [
-              s.presenceText ? (d(), y("span", {
+            default: C(() => [
+              s.presenceText ? (k(), et("span", {
                 key: 0,
-                class: G(["d-mention-suggestion__presence", [s.presenceFontColorClass]])
-              }, f(s.presenceText), 3)) : w("", !0),
-              s.status && s.presenceText ? (d(), y("div", sn, " • ")) : w("", !0),
-              s.status ? (d(), y("div", an, f(s.status), 1)) : w("", !0)
+                class: fe(["d-mention-suggestion__presence", [s.presenceFontColorClass]])
+              }, $(s.presenceText), 3)) : it("", !0),
+              s.status && s.presenceText ? (k(), et("div", as, " • ")) : it("", !0),
+              s.status ? (k(), et("div", ls, $(s.status), 1)) : it("", !0)
             ]),
             _: 1
-          })) : w("", !0)
+          })) : it("", !0)
         ]),
         _: 1
       })
@@ -1094,62 +2736,19 @@ function cn(e, t, o, n, r, s) {
     _: 1
   });
 }
-const ln = /* @__PURE__ */ g(on, [["render", cn]]), dn = {
+const ds = /* @__PURE__ */ q(ss, [["render", cs]]), us = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
   allowSpaces: !0,
-  render: () => {
-    let e, t, o = !1;
-    return {
-      onStart: (n) => {
-        e = new R(N, {
-          props: {
-            itemComponent: M(ln),
-            itemType: "mention",
-            ...n
-          },
-          editor: n.editor
-        }), n.clientRect && (t = B("body", {
-          getReferenceClientRect: n.clientRect,
-          appendTo: () => document.body,
-          content: e.element,
-          showOnCreate: !1,
-          onShow: () => {
-            o = !0;
-          },
-          onHidden: () => {
-            o = !1;
-          },
-          interactive: !0,
-          trigger: "manual",
-          placement: "top-start",
-          zIndex: 650,
-          plugins: [D]
-        }), n.items.length > 0 && (t == null || t[0].show()));
-      },
-      onUpdate(n) {
-        e == null || e.updateProps(n), n.items.length > 0 ? t == null || t[0].show() : t == null || t[0].hide(), n.clientRect && (t == null || t[0].setProps({
-          getReferenceClientRect: n.clientRect
-        }));
-      },
-      onKeyDown(n) {
-        var r;
-        if (o)
-          return (r = e == null ? void 0 : e.ref) == null ? void 0 : r.onKeyDown(n);
-      },
-      onExit() {
-        t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
-      }
-    };
-  }
-}, un = {
+  render: Ct(ds, "mention")
+}, hs = {
   compatConfig: { MODE: 3 },
   name: "ChannelSuggestion",
   components: {
-    DtStack: I,
-    DtIconHash: ct,
-    DtIconLock: lt
+    DtStack: gt,
+    DtIconHash: Qn,
+    DtIconLock: to
   },
   props: {
     item: {
@@ -1163,75 +2762,32 @@ const ln = /* @__PURE__ */ g(on, [["render", cn]]), dn = {
     }
   }
 };
-function mn(e, t, o, n, r, s) {
-  const i = l("dt-icon-hash"), a = l("dt-icon-lock"), c = l("dt-stack");
-  return d(), p(c, {
+function fs(t, e, o, n, i, s) {
+  const r = T("dt-icon-hash"), a = T("dt-icon-lock"), l = T("dt-stack");
+  return k(), M(l, {
     direction: "row",
     gap: "400"
   }, {
-    default: u(() => [
-      o.item.locked ? (d(), p(a, {
+    default: C(() => [
+      o.item.locked ? (k(), M(a, {
         key: 1,
         size: "300"
-      })) : (d(), p(i, {
+      })) : (k(), M(r, {
         key: 0,
         size: "300"
       })),
-      b("span", null, f(s.name), 1)
+      nt("span", null, $(s.name), 1)
     ]),
     _: 1
   });
 }
-const hn = /* @__PURE__ */ g(un, [["render", mn]]), pn = {
+const ps = /* @__PURE__ */ q(hs, [["render", fs]]), ms = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
   allowSpaces: !0,
-  render: () => {
-    let e, t, o = !1;
-    return {
-      onStart: (n) => {
-        e = new R(N, {
-          props: {
-            itemComponent: M(hn),
-            itemType: "channel",
-            ...n
-          },
-          editor: n.editor
-        }), n.clientRect && (t = B("body", {
-          getReferenceClientRect: n.clientRect,
-          appendTo: () => document.body,
-          content: e.element,
-          showOnCreate: !1,
-          onShow: () => {
-            o = !0;
-          },
-          onHidden: () => {
-            o = !1;
-          },
-          interactive: !0,
-          trigger: "manual",
-          placement: "top-start",
-          zIndex: 650,
-          plugins: [D]
-        }), n.items.length > 0 && (t == null || t[0].show()));
-      },
-      onUpdate(n) {
-        e == null || e.updateProps(n), n.items.length > 0 ? t == null || t[0].show() : t == null || t[0].hide(), n.clientRect && (t == null || t[0].setProps({
-          getReferenceClientRect: n.clientRect
-        }));
-      },
-      onKeyDown(n) {
-        var r;
-        if (o)
-          return (r = e == null ? void 0 : e.ref) == null ? void 0 : r.onKeyDown(n);
-      },
-      onExit() {
-        t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
-      }
-    };
-  }
-}, fn = {
+  render: Ct(ps, "channel")
+}, gs = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandSuggestion",
   props: {
@@ -1251,75 +2807,31 @@ const hn = /* @__PURE__ */ g(un, [["render", mn]]), pn = {
       return this.item.parametersExample;
     }
   }
-}, gn = { class: "d-body--md-compact" }, _n = { key: 0 }, kn = { class: "d-body--sm d-fc-tertiary" };
-function yn(e, t, o, n, r, s) {
-  return d(), y("div", null, [
-    b("div", gn, [
-      b("span", null, "/" + f(s.command), 1),
-      s.parametersExample ? (d(), y("span", _n, f(s.parametersExample), 1)) : w("", !0)
+}, ys = { class: "d-body--md-compact" }, ws = { key: 0 }, bs = { class: "d-body--sm d-fc-tertiary" };
+function vs(t, e, o, n, i, s) {
+  return k(), et("div", null, [
+    nt("div", ys, [
+      nt("span", null, "/" + $(s.command), 1),
+      s.parametersExample ? (k(), et("span", ws, $(s.parametersExample), 1)) : it("", !0)
     ]),
-    b("div", kn, f(s.description), 1)
+    nt("div", bs, $(s.description), 1)
   ]);
 }
-const bn = /* @__PURE__ */ g(fn, [["render", yn]]), wn = {
+const xs = /* @__PURE__ */ q(gs, [["render", vs]]), Ts = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
   allowSpaces: !0,
   startOfLine: !0,
-  render: () => {
-    let e, t, o = !1;
-    return {
-      onStart: (n) => {
-        e = new R(N, {
-          parent: void 0,
-          props: {
-            itemComponent: M(bn),
-            itemType: "slash-command",
-            ...n
-          },
-          editor: n.editor
-        }), n.clientRect && (t = B("body", {
-          getReferenceClientRect: n.clientRect,
-          appendTo: () => document.body,
-          content: e.element,
-          showOnCreate: !1,
-          onShow: () => {
-            o = !0;
-          },
-          onHidden: () => {
-            o = !1;
-          },
-          interactive: !0,
-          trigger: "manual",
-          placement: "top-start",
-          zIndex: 650,
-          plugins: [D]
-        }), n.items.length > 0 && (t == null || t[0].show()));
-      },
-      onUpdate(n) {
-        e == null || e.updateProps(n), n.items.length > 0 ? t == null || t[0].show() : t == null || t[0].hide(), n.clientRect && (t == null || t[0].setProps({
-          getReferenceClientRect: n.clientRect
-        }));
-      },
-      onKeyDown(n) {
-        var r;
-        if (o)
-          return (r = e == null ? void 0 : e.ref) == null ? void 0 : r.onKeyDown(n);
-      },
-      onExit() {
-        t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
-      }
-    };
-  }
-}, Tn = {
+  render: Ct(xs, "slash-command")
+}, _s = {
   compatConfig: { MODE: 3 },
   name: "DtRichTextEditor",
   components: {
-    EditorContent: oe,
-    BubbleMenu: ne,
-    DtButton: ee,
-    DtStack: I
+    EditorContent: ze,
+    BubbleMenu: Qo,
+    DtButton: ve,
+    DtStack: gt
   },
   props: {
     /**
@@ -1390,8 +2902,8 @@ const bn = /* @__PURE__ */ g(fn, [["render", yn]]), wn = {
     autoFocus: {
       type: [Boolean, String, Number],
       default: !1,
-      validator(e) {
-        return typeof e == "string" ? it.includes(e) : !0;
+      validator(t) {
+        return typeof t == "string" ? Jn.includes(t) : !0;
       }
     },
     /**
@@ -1403,8 +2915,8 @@ const bn = /* @__PURE__ */ g(fn, [["render", yn]]), wn = {
     outputFormat: {
       type: String,
       default: "html",
-      validator(e) {
-        return st.includes(e);
+      validator(t) {
+        return Gn.includes(t);
       }
     },
     /**
@@ -1699,24 +3211,24 @@ const bn = /* @__PURE__ */ g(fn, [["render", yn]]), wn = {
   data() {
     return {
       editor: null,
-      tippyOptions: {
-        appendTo: () => {
-          var e;
-          return (e = K(this.$refs.editor.$el).getRootNode()) == null ? void 0 : e.querySelector("body");
-        },
+      appendTo: () => {
+        var t;
+        return (t = zt(this.$refs.editor.$el).getRootNode()) == null ? void 0 : t.querySelector("body");
+      },
+      floatingOptions: {
         placement: "top-start"
       },
-      i18n: new Z(),
+      i18n: new be(),
       // JSON-to-markdown converter
       jsonToMarkdownConverter: {
-        convertToMarkdown(e) {
-          return this.processNode(e);
+        convertToMarkdown(t) {
+          return this.processNode(t);
         },
-        processNodeContent(e) {
-          return e.content ? e.content.map((t) => this.processNode(t)).join("") : "";
+        processNodeContent(t) {
+          return t.content ? t.content.map((e) => this.processNode(e)).join("") : "";
         },
-        processNode(e) {
-          if (!e) return "";
+        processNode(t) {
+          if (!t) return "";
           const o = {
             doc: (n) => this.processDocNode(n),
             paragraph: (n) => this.processParagraphNode(n),
@@ -1732,83 +3244,83 @@ const bn = /* @__PURE__ */ g(fn, [["render", yn]]), wn = {
             "slash-commands": (n) => this.processSlashCommandsNode(n),
             emoji: (n) => this.processEmojiNode(n),
             variable: (n) => this.processVariableNode(n)
-          }[e.type];
-          return o ? o(e) : this.processUnknownNode(e);
+          }[t.type];
+          return o ? o(t) : this.processUnknownNode(t);
         },
-        processDocNode(e) {
-          return this.processNodeContent(e);
+        processDocNode(t) {
+          return this.processNodeContent(t);
         },
-        processParagraphNode(e) {
-          const t = this.processNodeContent(e);
-          return t ? t + `
+        processParagraphNode(t) {
+          const e = this.processNodeContent(t);
+          return e ? e + `
 ` : `
 `;
         },
-        processTextNode(e) {
-          let t = e.text || "";
-          return e.marks && (t = this.applyMarks(t, e.marks)), t;
+        processTextNode(t) {
+          let e = t.text || "";
+          return t.marks && (e = this.applyMarks(e, t.marks)), e;
         },
         processHardBreakNode() {
           return `
 `;
         },
-        processBlockquoteNode(e) {
-          return this.processNodeContent(e).split(`
+        processBlockquoteNode(t) {
+          return this.processNodeContent(t).split(`
 `).map((o) => o ? `> ${o}` : ">").join(`
 `) + `
 `;
         },
-        processBulletListNode(e) {
-          return this.processNodeContent(e);
+        processBulletListNode(t) {
+          return this.processNodeContent(t);
         },
-        processOrderedListNode(e) {
-          return e.content ? e.content.map((t, o) => this.processNode(t).replace(/^- /, `${o + 1}. `)).join("") : "";
+        processOrderedListNode(t) {
+          return t.content ? t.content.map((e, o) => this.processNode(e).replace(/^- /, `${o + 1}. `)).join("") : "";
         },
-        processListItemNode(e) {
-          const t = this.processNodeContent(e);
-          return t ? `- ${t.replace(/\n$/, "")}
+        processListItemNode(t) {
+          const e = this.processNodeContent(t);
+          return e ? `- ${e.replace(/\n$/, "")}
 ` : "";
         },
-        processCodeBlockNode(e) {
+        processCodeBlockNode(t) {
           return `\`\`\`
-${this.processNodeContent(e)}
+${this.processNodeContent(t)}
 \`\`\``;
         },
-        processMentionNode(e) {
-          var r, s, i;
-          const t = ((r = e.attrs) == null ? void 0 : r.name) || "", o = ((s = e.attrs) == null ? void 0 : s.id) || "", n = ((i = e.attrs) == null ? void 0 : i.contactKey) || "";
-          return `<!-- @mention: {"id": "${o}", "contactKey": "${n}", "name": "${t}"} -->`;
+        processMentionNode(t) {
+          var i, s, r;
+          const e = ((i = t.attrs) == null ? void 0 : i.name) || "", o = ((s = t.attrs) == null ? void 0 : s.id) || "", n = ((r = t.attrs) == null ? void 0 : r.contactKey) || "";
+          return `<!-- @mention: {"id": "${o}", "contactKey": "${n}", "name": "${e}"} -->`;
         },
-        processChannelNode(e) {
-          var s, i, a, c;
-          const t = ((s = e.attrs) == null ? void 0 : s.name) || "", o = ((i = e.attrs) == null ? void 0 : i.id) || "", n = ((a = e.attrs) == null ? void 0 : a.locked.toString()) || "", r = ((c = e.attrs) == null ? void 0 : c.channelKey) || "";
-          return `<!-- @channel: {"id": "${o}", "channelKey": "${r}", "name": "${t}", "locked": "${n}"} -->`;
+        processChannelNode(t) {
+          var s, r, a, l;
+          const e = ((s = t.attrs) == null ? void 0 : s.name) || "", o = ((r = t.attrs) == null ? void 0 : r.id) || "", n = ((a = t.attrs) == null ? void 0 : a.locked.toString()) || "", i = ((l = t.attrs) == null ? void 0 : l.channelKey) || "";
+          return `<!-- @channel: {"id": "${o}", "channelKey": "${i}", "name": "${e}", "locked": "${n}"} -->`;
         },
-        processSlashCommandsNode(e) {
-          var n, r;
-          const t = ((n = e.attrs) == null ? void 0 : n.command) || "", o = ((r = e.attrs) == null ? void 0 : r.parameters) || "";
-          return `/${t}${o ? ` ${o}` : ""}`;
+        processSlashCommandsNode(t) {
+          var n, i;
+          const e = ((n = t.attrs) == null ? void 0 : n.command) || "", o = ((i = t.attrs) == null ? void 0 : i.parameters) || "";
+          return `/${e}${o ? ` ${o}` : ""}`;
         },
-        processEmojiNode(e) {
-          var t;
-          return ((t = e.attrs) == null ? void 0 : t.code) || "";
+        processEmojiNode(t) {
+          var e;
+          return ((e = t.attrs) == null ? void 0 : e.code) || "";
         },
-        processVariableNode(e) {
-          var n, r;
-          const t = ((n = e.attrs) == null ? void 0 : n.id) || "", o = ((r = e.attrs) == null ? void 0 : r.altText) || "";
-          return `{{${t}=${o}}}`;
+        processVariableNode(t) {
+          var n, i;
+          const e = ((n = t.attrs) == null ? void 0 : n.id) || "", o = ((i = t.attrs) == null ? void 0 : i.altText) || "";
+          return `{{${e}=${o}}}`;
         },
-        processUnknownNode(e) {
-          return this.processNodeContent(e);
+        processUnknownNode(t) {
+          return this.processNodeContent(t);
         },
-        applyMarks(e, t) {
-          let o = e;
-          return [...t].sort((r, s) => {
-            const i = { link: 0, bold: 1, italic: 2, strike: 3, code: 4 };
-            return (i[r.type] || 5) - (i[s.type] || 5);
-          }).forEach((r) => {
+        applyMarks(t, e) {
+          let o = t;
+          return [...e].sort((i, s) => {
+            const r = { link: 0, bold: 1, italic: 2, strike: 3, code: 4 };
+            return (r[i.type] || 5) - (r[s.type] || 5);
+          }).forEach((i) => {
             var s;
-            switch (r.type) {
+            switch (i.type) {
               case "bold":
                 o = `**${o}**`;
                 break;
@@ -1822,8 +3334,8 @@ ${this.processNodeContent(e)}
                 o = `\`${o}\``;
                 break;
               case "link": {
-                const i = ((s = r.attrs) == null ? void 0 : s.href) || "";
-                o = `[${o}](${i})`;
+                const r = ((s = i.attrs) == null ? void 0 : s.href) || "";
+                o = `[${o}](${r})`;
                 break;
               }
             }
@@ -1846,33 +3358,33 @@ ${this.processNodeContent(e)}
     },
     // eslint-disable-next-line complexity
     extensions() {
-      const e = [ge, Se, Ie, ke];
-      e.push(this.useDivTags ? Ht : z), this.allowBold && e.push(be), this.allowBlockquote && e.push(he), this.allowBulletList && (e.push(we), e.push(Ce.extend({
+      const t = [gn, Ln, yn, vn];
+      t.push(this.useDivTags ? Ui : me), this.allowBold && t.push(xn), this.allowBlockquote && t.push(fn), this.allowBulletList && (t.push(Tn), t.push(_n.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
-      })), e.push(Ee)), this.allowItalic && e.push(Te), this.allowStrike && e.push(Le), this.allowUnderline && e.push(ve), this.placeholder && e.push(
-        ye.configure({ placeholder: this.placeholder })
+      })), t.push(kn)), this.allowItalic && t.push(Cn), this.allowStrike && t.push(En), this.allowUnderline && t.push(Sn), this.placeholder && t.push(
+        wn.configure({ placeholder: this.placeholder })
       );
-      const t = this, o = me.create({
+      const e = this, o = en.create({
         addKeyboardShortcuts() {
           return {
-            "Shift-Enter": ({ editor: n }) => t.allowLineBreaks ? !1 : (n.commands.first(({ commands: r }) => [
-              () => r.newlineInCode(),
-              () => t.allowBulletList && r.splitListItem("listItem"),
-              () => r.createParagraphNear(),
-              () => r.liftEmptyBlock(),
-              () => r.splitBlock()
+            "Shift-Enter": ({ editor: n }) => e.allowLineBreaks ? !1 : (n.commands.first(({ commands: i }) => [
+              () => i.newlineInCode(),
+              () => e.allowBulletList && i.splitListItem("listItem"),
+              () => i.createParagraphNear(),
+              () => i.liftEmptyBlock(),
+              () => i.splitBlock()
             ]), !0),
-            Enter: () => t.allowLineBreaks ? !1 : (t.$emit("enter"), !0)
+            Enter: () => e.allowLineBreaks ? !1 : (e.$emit("enter"), !0)
           };
         }
       });
-      if (e.push(o), this.link && e.push(xe.extend({
+      if (t.push(o), this.link && t.push(On.extend({
         inclusive: !1,
         addKeyboardShortcuts() {
           return {
-            "Mod-k": () => (t.$emit("edit-link"), !0)
+            "Mod-k": () => (e.$emit("edit-link"), !0)
           };
         }
       }).configure({
@@ -1881,29 +3393,29 @@ ${this.processNodeContent(e)}
         },
         openOnClick: !1,
         autolink: !0,
-        protocols: F
-      })), this.customLink && e.push(this.getExtension(Dt, this.customLink)), this.mentionSuggestion) {
-        const n = { ...this.mentionSuggestion, ...dn };
-        e.push(Kt.configure({ suggestion: n }));
+        protocols: Ft
+      })), this.customLink && t.push(this.getExtension(Ni, this.customLink)), this.mentionSuggestion) {
+        const n = { ...this.mentionSuggestion, ...us };
+        t.push(Fi.configure({ suggestion: n }));
       }
       if (this.channelSuggestion) {
-        const n = { ...this.channelSuggestion, ...pn };
-        e.push(Wt.configure({ suggestion: n }));
+        const n = { ...this.channelSuggestion, ...ms };
+        t.push(Xi.configure({ suggestion: n }));
       }
       if (this.slashCommandSuggestion) {
-        const n = { ...this.slashCommandSuggestion, ...wn };
-        e.push(Yt.configure({
+        const n = { ...this.slashCommandSuggestion, ...Ts };
+        t.push(Qi.configure({
           suggestion: n,
-          onSelectedCommand: (r) => {
-            this.$emit("selected-command", r);
+          onSelectedCommand: (i) => {
+            this.$emit("selected-command", i);
           }
         }));
       }
-      return this.allowVariable && e.push(nn.configure({
+      return this.allowVariable && t.push(is.configure({
         variableItems: this.variableItems
-      })), e.push(St), e.push($e.configure({
+      })), t.push(Ii), t.push(In.configure({
         types: ["paragraph"]
-      })), this.allowCode && e.push(fe), this.allowCodeblock && e.push(pe.extend({
+      })), this.allowCode && t.push(mn), this.allowCodeblock && t.push(pn.extend({
         renderText({ node: n }) {
           return `\`\`\`
 ${n.textContent}
@@ -1913,15 +3425,21 @@ ${n.textContent}
         HTMLAttributes: {
           class: "d-rich-text-editor__code-block"
         }
-      })), this.allowInlineImages && e.push(Ot), (this.allowFontFamily || this.allowFontColor) && (e.push(Ne), this.allowFontColor && e.push(De), this.allowFontFamily && e.push(Oe)), this.additionalExtensions.length && e.push(...this.additionalExtensions), this.allowTables && e.push(Ae.configure({ resizable: !0 }), Be, Me, Re, _e), e;
+      })), this.allowInlineImages && t.push(Pi), (this.allowFontFamily || this.allowFontColor) && t.push(Hn.configure({
+        color: this.allowFontColor,
+        backgroundColor: !1,
+        fontFamily: this.allowFontFamily,
+        fontSize: !1,
+        lineHeight: !1
+      })), this.additionalExtensions.length && t.push(...this.additionalExtensions), this.allowTables && t.push(Dn.configure({ resizable: !0 }), An, Rn, Mn, bn), t;
     },
     inputAttrs() {
-      const e = {
+      const t = {
         "aria-label": this.inputAriaLabel,
         "aria-multiline": !0,
         role: "textbox"
       };
-      return this.editable || (e["aria-readonly"] = !0), e;
+      return this.editable || (t["aria-readonly"] = !0), t;
     }
   },
   /**
@@ -1930,20 +3448,20 @@ ${n.textContent}
    * to be hooked up to the Editor's own API.
    */
   watch: {
-    editable(e) {
-      this.editor.setEditable(e), this.updateEditorAttributes({ "aria-readonly": !e });
+    editable(t) {
+      this.editor.setEditable(t), this.updateEditorAttributes({ "aria-readonly": !t });
     },
-    inputClass(e) {
-      this.updateEditorAttributes({ class: e });
+    inputClass(t) {
+      this.updateEditorAttributes({ class: t });
     },
-    inputAriaLabel(e) {
-      this.updateEditorAttributes({ "aria-label": e });
+    inputAriaLabel(t) {
+      this.updateEditorAttributes({ "aria-label": t });
     },
     extensions() {
       this.destroyEditor(), this.createEditor();
     },
-    modelValue(e) {
-      this.processValue(e);
+    modelValue(t) {
+      this.processValue(t);
     }
   },
   created() {
@@ -1953,15 +3471,16 @@ ${n.textContent}
     this.destroyEditor();
   },
   mounted() {
-    Ze(K(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
+    Fn(zt(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
   },
   methods: {
     createEditor() {
-      this.editor = new re({
+      this.editor = new Fe({
         autofocus: this.autoFocus,
         content: this.modelValue,
         editable: this.editable,
         extensions: this.extensions,
+        shouldRerenderOnTransaction: !1,
         parseOptions: {
           preserveWhitespace: "full"
         },
@@ -1970,151 +3489,152 @@ ${n.textContent}
             ...this.inputAttrs,
             class: this.inputClass
           },
-          handleKeyDown: (e, t) => {
+          handleKeyDown: (t, e) => {
             if (!this.preventTyping) return !1;
             const o = ["Backspace"];
-            return !this.allowLineBreaks && !t.shiftKey && o.push("Enter"), !o.includes(t.key);
+            return !this.allowLineBreaks && !e.shiftKey && o.push("Enter"), !o.includes(e.key);
           },
-          handlePaste: (e, t) => {
-            const o = t.clipboardData || window.clipboardData, n = o.getData("text/plain"), r = o.getData("text/html");
-            return this.processPasteData(e, n, r);
+          handlePaste: (t, e) => {
+            const o = e.clipboardData || window.clipboardData, n = o.getData("text/plain"), i = o.getData("text/html");
+            return this.processPasteData(t, n, i);
           },
           // Moves the <br /> tags inside the previous closing tag to avoid
           // Prosemirror wrapping them within another </p> tag.
-          transformPastedHTML(e) {
-            return e.replace(/(<\/\w+>)((<br \/>)+)/g, "$2$3$1");
+          transformPastedHTML(t) {
+            return t.replace(/(<\/\w+>)((<br \/>)+)/g, "$2$3$1");
           }
         }
       }), this.addEditorListeners();
     },
-    bubbleMenuShouldShow({ editor: e }) {
-      return e.isActive("link");
+    bubbleMenuShouldShow({ editor: t }) {
+      return t.isActive("link");
     },
     /**
      * If the selection contains a link, return the existing link text.
      * Otherwise, use just the selected text.
      * @param editor the editor instance.
      */
-    getSelectedLinkText(e) {
-      var a, c, h;
-      const { view: t, state: o } = e, { from: n, to: r } = t.state.selection, s = o.doc.textBetween(n, r, ""), i = this.editor.state.doc.nodeAt(n);
-      return i && ((h = (c = (a = i.marks) == null ? void 0 : a.at(0)) == null ? void 0 : c.type) == null ? void 0 : h.name) === "link" ? i.textContent : s;
+    getSelectedLinkText(t) {
+      var a, l, u;
+      const { view: e, state: o } = t, { from: n, to: i } = e.state.selection, s = o.doc.textBetween(n, i, ""), r = this.editor.state.doc.nodeAt(n);
+      return r && ((u = (l = (a = r.marks) == null ? void 0 : a.at(0)) == null ? void 0 : l.type) == null ? void 0 : u.name) === "link" ? r.textContent : s;
     },
     editLink() {
-      const e = this.getSelectedLinkText(this.editor), t = {
+      const t = this.getSelectedLinkText(this.editor), e = {
         href: this.editor.getAttributes("link").href,
-        text: e
+        text: t
       };
-      this.$emit("edit-link", t);
+      this.$emit("edit-link", e);
     },
     removeLink() {
-      var e, t, o, n;
-      (n = (o = (t = (e = this.editor) == null ? void 0 : e.chain()) == null ? void 0 : t.focus()) == null ? void 0 : o.unsetLink()) == null || n.run();
+      var t, e, o, n;
+      (n = (o = (e = (t = this.editor) == null ? void 0 : t.chain()) == null ? void 0 : e.focus()) == null ? void 0 : o.unsetLink()) == null || n.run();
     },
     openLink() {
-      var t, o;
-      (o = (t = this.editor) == null ? void 0 : t.chain()) == null || o.focus();
-      const e = this.editor.getAttributes("link").href;
-      window.open(e, "_blank");
-    },
-    setLink(e, t, o, n = F, r) {
-      var a, c, h;
-      if (!e) {
+      var e, o;
+      (o = (e = this.editor) == null ? void 0 : e.chain()) == null || o.focus();
+      const t = this.editor.getAttributes("link").href;
+      window.open(t, "_blank");
+    },
+    setLink(t, e, o, n = Ft, i) {
+      var a, l, u;
+      if (!t) {
         this.removeLink();
         return;
       }
-      n.find((_) => _.test(e)) || (e = `${r}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
-      const i = (h = (c = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : c.state) == null ? void 0 : h.selection;
-      this.editor.chain().focus().insertContent(t).setTextSelection({ from: i.from, to: i.from + t.length }).setLink({ href: e, class: o.class }).run();
+      n.find((d) => d.test(t)) || (t = `${i}${t}`), this.editor.chain().focus().extendMarkRange("link").run();
+      const r = (u = (l = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : l.state) == null ? void 0 : u.selection;
+      this.editor.chain().focus().insertContent(e).setTextSelection({ from: r.from, to: r.from + e.length }).setLink({ href: t, class: o.class }).run();
     },
-    processValue(e, t = !0) {
+    processValue(t, e = !0) {
+      if (!this.editor) return;
       const o = this.getOutput();
-      if (!(t && dt(e, o))) {
-        if (typeof e == "string" && this.outputFormat === "text") {
-          const n = new RegExp(`(${X})`, "g");
-          e = e == null ? void 0 : e.replace(n, '<emoji-component code="$1"></emoji-component>');
+      if (!(e && eo(t, o))) {
+        if (typeof t == "string" && this.outputFormat === "text") {
+          const n = new RegExp(`(${ge})`, "g");
+          t = t == null ? void 0 : t.replace(n, '<emoji-component code="$1"></emoji-component>');
         }
-        this.editor.commands.setContent(e, !1, { preserveWhitespace: "full" });
+        this.editor.commands.setContent(t, { emitUpdate: !1, parseOptions: { preserveWhitespace: "full" } });
       }
     },
     destroyEditor() {
       this.editor.destroy();
     },
-    insertPlainTextWithHardBreaks(e, t) {
-      const r = (this.pasteRichText ? t : t.replace(/\r\n/g, `
+    insertPlainTextWithHardBreaks(t, e) {
+      const i = (this.pasteRichText ? e : e.replace(/\r\n/g, `
 `).replace(/\n\n/g, `
 `)).replace(/[\r\n]+$/, "").split(/\r?\n/), s = [];
-      for (let i = 0; i < r.length; i++)
-        i > 0 && s.push({ type: "hardBreak" }), r[i] && s.push({ type: "text", text: r[i] });
+      for (let r = 0; r < i.length; r++)
+        r > 0 && s.push({ type: "hardBreak" }), i[r] && s.push({ type: "text", text: i[r] });
       this.editor.chain().focus().insertContent(s).run();
     },
-    shouldPreserveLineBreaks(e, t) {
-      return this.pasteRichText ? !t && e && this.hasBlankLines(e) : !!e;
+    shouldPreserveLineBreaks(t, e) {
+      return this.pasteRichText ? !e && t && this.hasBlankLines(t) : !!t;
     },
-    processPasteData(e, t, o) {
-      if (this.shouldPreserveLineBreaks(t, o))
-        return this.insertPlainTextWithHardBreaks(e, t), !0;
+    processPasteData(t, e, o) {
+      if (this.shouldPreserveLineBreaks(e, o))
+        return this.insertPlainTextWithHardBreaks(t, e), !0;
       if (this.shouldHandlePreformattedHTML(o)) {
         const n = this.extractPreformattedText(o);
         if (n && n.includes(`
 `))
-          return this.insertPlainTextWithHardBreaks(e, n), !0;
+          return this.insertPlainTextWithHardBreaks(t, n), !0;
       }
       return !1;
     },
-    shouldHandlePreformattedHTML(e) {
-      return this.pasteRichText && e && this.containsPreformattedContent(e);
+    shouldHandlePreformattedHTML(t) {
+      return this.pasteRichText && t && this.containsPreformattedContent(t);
     },
-    containsPreformattedContent(e) {
-      const t = document.createElement("div");
-      t.innerHTML = e;
-      const o = t.querySelectorAll("*");
+    containsPreformattedContent(t) {
+      const e = document.createElement("div");
+      e.innerHTML = t;
+      const o = e.querySelectorAll("*");
       for (const n of o)
         if (this.hasPreWhitespace(n) && this.hasLineBreaks(n))
           return !0;
       return !1;
     },
-    hasPreWhitespace(e) {
-      const t = e.getAttribute("style") || "", o = e.style.whiteSpace || "", n = o === "pre" || o === "pre-wrap", r = t.includes("white-space: pre");
-      return n || r;
+    hasPreWhitespace(t) {
+      const e = t.getAttribute("style") || "", o = t.style.whiteSpace || "", n = o === "pre" || o === "pre-wrap", i = e.includes("white-space: pre");
+      return n || i;
     },
-    hasLineBreaks(e) {
-      return e.textContent && e.textContent.includes(`
+    hasLineBreaks(t) {
+      return t.textContent && t.textContent.includes(`
 `);
     },
-    hasBlankLines(e) {
-      return e.includes(`
+    hasBlankLines(t) {
+      return t.includes(`
 
-`) || /\n\s*\n/.test(e);
-    },
-    extractPreformattedText(e) {
-      const 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;
+`) || /\n\s*\n/.test(t);
+    },
+    extractPreformattedText(t) {
+      const e = document.createElement("div");
+      return e.innerHTML = t, this.walkAndExtractText(e);
+    },
+    walkAndExtractText(t) {
+      let e = "";
+      if (t.nodeType === Node.TEXT_NODE)
+        e += t.textContent;
+      else if (t.nodeType === Node.ELEMENT_NODE)
+        if (this.hasPreWhitespace(t))
+          e += t.textContent;
         else
-          for (const o of e.childNodes)
-            t += this.walkAndExtractText(o);
-      return t;
+          for (const o of t.childNodes)
+            e += this.walkAndExtractText(o);
+      return e;
     },
     triggerInputChangeEvents() {
-      const e = this.getOutput();
-      this.$emit("input", e), this.$emit("update:modelValue", e);
-      const t = this.editor.getJSON();
-      this.$emit("json-input", t);
+      const t = this.getOutput();
+      this.$emit("input", t), this.$emit("update:modelValue", t);
+      const e = this.editor.getJSON();
+      this.$emit("json-input", e);
       const o = this.editor.getHTML();
       this.$emit("html-input", o);
       const n = this.editor.getText({ blockSeparator: `
 ` });
       this.$emit("text-input", n);
-      const r = this.jsonToMarkdownConverter.convertToMarkdown(t);
-      this.$emit("markdown-input", r);
+      const i = this.jsonToMarkdownConverter.convertToMarkdown(e);
+      this.$emit("markdown-input", i);
     },
     /**
      * The Editor exposes event hooks that we have to map our emits into. See
@@ -2125,16 +3645,16 @@ ${n.textContent}
         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("channel-click", (e) => {
-        this.$emit("channel-click", e);
+      }), this.editor.on("selectionUpdate", ({ editor: t }) => {
+        this.$emit("selected", this.getSelectedLinkText(t));
+      }), this.editor.on("focus", ({ event: t }) => {
+        this.$emit("focus", t);
+      }), this.editor.on("blur", ({ event: t }) => {
+        this.$emit("blur", t);
+      }), this.editor.on("mention-click", (t) => {
+        this.$emit("mention-click", t);
+      }), this.editor.on("channel-click", (t) => {
+        this.$emit("channel-click", t);
       });
     },
     getOutput() {
@@ -2151,17 +3671,17 @@ ${n.textContent}
 ` });
       }
     },
-    getExtension(e, t) {
+    getExtension(t, e) {
       var o;
-      return typeof t == "boolean" ? e : (o = e.configure) == null ? void 0 : o.call(e, t);
+      return typeof e == "boolean" ? t : (o = t.configure) == null ? void 0 : o.call(t, e);
     },
-    updateEditorAttributes(e) {
+    updateEditorAttributes(t) {
       this.editor.setOptions({
         editorProps: {
           attributes: {
             ...this.inputAttrs,
             class: this.inputClass,
-            ...e
+            ...t
           }
         }
       });
@@ -2170,52 +3690,53 @@ ${n.textContent}
       this.editor.commands.focus();
     }
   }
-}, xn = { class: "d-popover__dialog" };
-function Cn(e, t, o, n, r, s) {
-  const i = l("dt-button"), a = l("dt-stack"), c = l("bubble-menu"), h = l("editor-content");
-  return d(), y("div", null, [
-    r.editor && o.link && !o.hideLinkBubbleMenu ? (d(), p(c, {
+}, ks = { class: "d-popover__dialog" };
+function Cs(t, e, o, n, i, s) {
+  const r = T("dt-button"), a = T("dt-stack"), l = T("bubble-menu"), u = T("editor-content");
+  return k(), et("div", null, [
+    i.editor && o.link && !o.hideLinkBubbleMenu ? (k(), M(l, {
       key: 0,
-      editor: r.editor,
+      editor: i.editor,
       "should-show": s.bubbleMenuShouldShow,
-      "tippy-options": r.tippyOptions,
+      options: i.floatingOptions,
+      "append-to": i.appendTo,
       style: { visibility: "visible" }
     }, {
-      default: u(() => [
-        b("div", xn, [
-          m(a, {
+      default: C(() => [
+        nt("div", ks, [
+          I(a, {
             direction: "row",
             class: "d-rich-text-editor-bubble-menu__button-stack",
             gap: "0"
           }, {
-            default: u(() => [
-              m(i, {
+            default: C(() => [
+              I(r, {
                 kind: "muted",
                 importance: "clear",
                 onClick: s.editLink
               }, {
-                default: u(() => [
-                  C(f(r.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")), 1)
+                default: C(() => [
+                  at($(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
-              m(i, {
+              I(r, {
                 kind: "muted",
                 importance: "clear",
                 onClick: s.openLink
               }, {
-                default: u(() => [
-                  C(f(r.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")), 1)
+                default: C(() => [
+                  at($(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
-              m(i, {
+              I(r, {
                 kind: "danger",
                 importance: "clear",
                 onClick: s.removeLink
               }, {
-                default: u(() => [
-                  C(f(r.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")), 1)
+                default: C(() => [
+                  at($(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])
@@ -2225,17 +3746,17 @@ function Cn(e, t, o, n, r, s) {
         ])
       ]),
       _: 1
-    }, 8, ["editor", "should-show", "tippy-options"])) : w("", !0),
-    m(h, J({
+    }, 8, ["editor", "should-show", "options", "append-to"])) : it("", !0),
+    I(u, pe({
       ref: "editor",
-      editor: r.editor,
+      editor: i.editor,
       class: "d-rich-text-editor",
       "data-qa": "dt-rich-text-editor"
     }, s.attrs), null, 16, ["editor"])
   ]);
 }
-const Eo = /* @__PURE__ */ g(Tn, [["render", Cn]]);
+const gr = /* @__PURE__ */ q(_s, [["render", Cs]]);
 export {
-  Eo as default
+  gr as default
 };
 //# sourceMappingURL=rich-text-editor.js.map