@dialpad/dialtone-vue 3.219.0-next.2 → 3.219.0

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

@@ -1,3902 +1,2 @@
-import { nodeViewProps as pt, NodeViewWrapper as mt, VueRenderer as Ke, VueNodeViewRenderer as gt, EditorContent as qe, Editor as Xe } from "../../node_modules/@tiptap/vue-3.js";
-import { isTextSelection as Ye, posToDOMRect as le, getText as Ge, getTextSerializersFromSchema as Je, mergeAttributes as ot, Node as ce, nodePasteRule as St, InputRule as Ze, getMarksBetween as Qe, combineTransactionSteps as tn, getChangedRanges as en, findChildrenInRange as nn, Mark as on, nodeInputRule as sn, Extension as rn } from "@tiptap/core";
-import { Plugin as It, PluginKey as rt, NodeSelection as an } from "@tiptap/pm/state";
-import { CellSelection as ln } from "@tiptap/pm/tables";
-import { defineComponent as de, ref as ue, onMounted as he, nextTick as cn, onBeforeUnmount as fe, h as pe, resolveComponent as x, openBlock as O, createBlock as E, withCtx as T, createVNode as I, createElementBlock as ht, withDirectives as dn, createElementVNode as dt, Fragment as un, renderList as hn, withModifiers as Dt, normalizeClass as me, resolveDynamicComponent as fn, vShow as pn, markRaw as mn, createTextVNode as Y, toDisplayString as B, createCommentVNode as st, withKeys as gn, mergeProps as ge } from "vue";
-import yn from "@tiptap/extension-blockquote";
-import wn from "@tiptap/extension-code-block";
-import bn from "@tiptap/extension-code";
-import vn from "@tiptap/extension-document";
-import { UndoRedo as xn, Placeholder as Tn, Gapcursor as _n } from "@tiptap/extensions";
-import On from "@tiptap/extension-hard-break";
-import ye from "@tiptap/extension-paragraph";
-import Cn from "@tiptap/extension-bold";
-import { BulletList as kn, ListItem as En, OrderedList as Sn } from "@tiptap/extension-list";
-import Ln from "@tiptap/extension-italic";
-import An from "@tiptap/extension-link";
-import In from "@tiptap/extension-strike";
-import Dn from "@tiptap/extension-underline";
-import Rn from "@tiptap/extension-text";
-import Mn from "@tiptap/extension-text-align";
-import { Table as Hn, TableRow as Bn, TableHeader as $n, TableCell as Pn } from "@tiptap/extension-table";
-import { TextStyle as Un, TextStyleKit as Vn } from "@tiptap/extension-text-style";
-import zn from "@tiptap/suggestion";
-import { emojiPattern as we } from "regex-combined-emojis";
-import { _ as q } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import be from "../emoji/emoji.js";
-import { getEmojiData as Fn, emojiRegex as Nn, stringToUnicode as jn, codeToEmojiData as Rt, emojiShortCodeRegex as Wn } from "../../common/emoji/index.js";
-import Kn from "../list-item/list-item.js";
-import yt from "../stack/stack.js";
-import { linkRegex as qn, getPhoneNumberRegex as Xn, warnIfUnmounted as Yn, returnFirstEl as jt } from "../../common/utils/index.js";
-import Gn from "@tiptap/extension-image";
-import Mt from "@tiptap/extension-mention";
-import ve from "../link/link.js";
-import { DtIconLock as Jn } from "@dialpad/dialtone-icons/vue";
-import { DialtoneLocalization as xe } from "../../localization/index.js";
-import Zn from "../input/input.js";
-import Qn from "../popover/popover.js";
-import Te from "../button/button.js";
-import ti from "../badge/badge.js";
-import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as Wt, RICH_TEXT_EDITOR_OUTPUT_FORMATS as ei, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as ni } from "./rich-text-editor-constants.js";
-import _e from "../text/text.js";
-import ii from "../avatar/avatar.js";
-import oi from "@dialpad/dialtone-icons/vue/hash";
-import si from "@dialpad/dialtone-icons/vue/lock";
-import { renderEditorToMarkdown as Kt } from "./markdownRenderer.js";
-import ri from "deep-equal";
-const Oe = ["top", "right", "bottom", "left"], qt = ["start", "end"], Xt = /* @__PURE__ */ Oe.reduce((t, e) => t.concat(e, e + "-" + qt[0], e + "-" + qt[1]), []), J = Math.min, M = Math.max, bt = Math.round, G = (t) => ({
-  x: t,
-  y: t
-}), ai = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, li = {
-  start: "end",
-  end: "start"
-};
-function Lt(t, e, n) {
-  return M(t, J(e, n));
-}
-function Q(t, e) {
-  return typeof t == "function" ? t(e) : t;
-}
-function F(t) {
-  return t.split("-")[0];
-}
-function j(t) {
-  return t.split("-")[1];
-}
-function Ce(t) {
-  return t === "x" ? "y" : "x";
-}
-function Ht(t) {
-  return t === "y" ? "height" : "width";
-}
-const ci = /* @__PURE__ */ new Set(["top", "bottom"]);
-function X(t) {
-  return ci.has(F(t)) ? "y" : "x";
-}
-function Bt(t) {
-  return Ce(X(t));
-}
-function ke(t, e, n) {
-  n === void 0 && (n = !1);
-  const i = j(t), o = Bt(t), s = Ht(o);
-  let r = o === "x" ? i === (n ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return e.reference[s] > e.floating[s] && (r = xt(r)), [r, xt(r)];
-}
-function di(t) {
-  const e = xt(t);
-  return [vt(t), e, vt(e)];
-}
-function vt(t) {
-  return t.replace(/start|end/g, (e) => li[e]);
-}
-const Yt = ["left", "right"], Gt = ["right", "left"], ui = ["top", "bottom"], hi = ["bottom", "top"];
-function fi(t, e, n) {
-  switch (t) {
-    case "top":
-    case "bottom":
-      return n ? e ? Gt : Yt : e ? Yt : Gt;
-    case "left":
-    case "right":
-      return e ? ui : hi;
-    default:
-      return [];
-  }
-}
-function pi(t, e, n, i) {
-  const o = j(t);
-  let s = fi(F(t), n === "start", i);
-  return o && (s = s.map((r) => r + "-" + o), e && (s = s.concat(s.map(vt)))), s;
-}
-function xt(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => ai[e]);
-}
-function mi(t) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...t
-  };
-}
-function $t(t) {
-  return typeof t != "number" ? mi(t) : {
-    top: t,
-    right: t,
-    bottom: t,
-    left: t
-  };
-}
-function lt(t) {
-  const {
-    x: e,
-    y: n,
-    width: i,
-    height: o
-  } = t;
-  return {
-    width: i,
-    height: o,
-    top: n,
-    left: e,
-    right: e + i,
-    bottom: n + o,
-    x: e,
-    y: n
-  };
-}
-function Jt(t, e, n) {
-  let {
-    reference: i,
-    floating: o
-  } = t;
-  const s = X(e), r = Bt(e), a = Ht(r), l = F(e), u = s === "y", d = i.x + i.width / 2 - o.width / 2, c = i.y + i.height / 2 - o.height / 2, h = i[a] / 2 - o[a] / 2;
-  let f;
-  switch (l) {
-    case "top":
-      f = {
-        x: d,
-        y: i.y - o.height
-      };
-      break;
-    case "bottom":
-      f = {
-        x: d,
-        y: i.y + i.height
-      };
-      break;
-    case "right":
-      f = {
-        x: i.x + i.width,
-        y: c
-      };
-      break;
-    case "left":
-      f = {
-        x: i.x - o.width,
-        y: c
-      };
-      break;
-    default:
-      f = {
-        x: i.x,
-        y: i.y
-      };
-  }
-  switch (j(e)) {
-    case "start":
-      f[r] -= h * (n && u ? -1 : 1);
-      break;
-    case "end":
-      f[r] += h * (n && u ? -1 : 1);
-      break;
-  }
-  return f;
-}
-async function gi(t, e) {
-  var n;
-  e === void 0 && (e = {});
-  const {
-    x: i,
-    y: o,
-    platform: s,
-    rects: r,
-    elements: a,
-    strategy: l
-  } = t, {
-    boundary: u = "clippingAncestors",
-    rootBoundary: d = "viewport",
-    elementContext: c = "floating",
-    altBoundary: h = !1,
-    padding: f = 0
-  } = Q(e, t), p = $t(f), g = a[h ? c === "floating" ? "reference" : "floating" : c], y = lt(await s.getClippingRect({
-    element: (n = await (s.isElement == null ? void 0 : s.isElement(g))) == null || n ? g : g.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(a.floating)),
-    boundary: u,
-    rootBoundary: d,
-    strategy: l
-  })), b = c === "floating" ? {
-    x: i,
-    y: o,
-    width: r.floating.width,
-    height: r.floating.height
-  } : r.reference, v = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a.floating)), _ = 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
-  }, k = lt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: a,
-    rect: b,
-    offsetParent: v,
-    strategy: l
-  }) : b);
-  return {
-    top: (y.top - k.top + p.top) / _.y,
-    bottom: (k.bottom - y.bottom + p.bottom) / _.y,
-    left: (y.left - k.left + p.left) / _.x,
-    right: (k.right - y.right + p.right) / _.x
-  };
-}
-const yi = async (t, e, n) => {
-  const {
-    placement: i = "bottom",
-    strategy: o = "absolute",
-    middleware: s = [],
-    platform: r
-  } = n, a = s.filter(Boolean), l = await (r.isRTL == null ? void 0 : r.isRTL(e));
-  let u = await r.getElementRects({
-    reference: t,
-    floating: e,
-    strategy: o
-  }), {
-    x: d,
-    y: c
-  } = Jt(u, i, l), h = i, f = {}, p = 0;
-  for (let g = 0; g < a.length; g++) {
-    var m;
-    const {
-      name: y,
-      fn: b
-    } = a[g], {
-      x: v,
-      y: _,
-      data: k,
-      reset: C
-    } = await b({
-      x: d,
-      y: c,
-      initialPlacement: i,
-      placement: h,
-      strategy: o,
-      middlewareData: f,
-      rects: u,
-      platform: {
-        ...r,
-        detectOverflow: (m = r.detectOverflow) != null ? m : gi
-      },
-      elements: {
-        reference: t,
-        floating: e
-      }
-    });
-    d = v ?? d, c = _ ?? c, f = {
-      ...f,
-      [y]: {
-        ...f[y],
-        ...k
-      }
-    }, C && p <= 50 && (p++, typeof C == "object" && (C.placement && (h = C.placement), C.rects && (u = C.rects === !0 ? await r.getElementRects({
-      reference: t,
-      floating: e,
-      strategy: o
-    }) : C.rects), {
-      x: d,
-      y: c
-    } = Jt(u, h, l)), g = -1);
-  }
-  return {
-    x: d,
-    y: c,
-    placement: h,
-    strategy: o,
-    middlewareData: f
-  };
-}, wi = (t) => ({
-  name: "arrow",
-  options: t,
-  async fn(e) {
-    const {
-      x: n,
-      y: i,
-      placement: o,
-      rects: s,
-      platform: r,
-      elements: a,
-      middlewareData: l
-    } = e, {
-      element: u,
-      padding: d = 0
-    } = Q(t, e) || {};
-    if (u == null)
-      return {};
-    const c = $t(d), h = {
-      x: n,
-      y: i
-    }, f = Bt(o), p = Ht(f), m = await r.getDimensions(u), g = f === "y", y = g ? "top" : "left", b = g ? "bottom" : "right", v = g ? "clientHeight" : "clientWidth", _ = s.reference[p] + s.reference[f] - h[f] - s.floating[p], k = h[f] - s.reference[f], C = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(u));
-    let A = C ? C[v] : 0;
-    (!A || !await (r.isElement == null ? void 0 : r.isElement(C))) && (A = a.floating[v] || s.floating[p]);
-    const V = _ / 2 - k / 2, D = A / 2 - m[p] / 2 - 1, w = J(c[y], D), S = J(c[b], D), R = w, H = A - m[p] - S, L = A / 2 - m[p] / 2 + V, N = Lt(R, L, H), z = !l.arrow && j(o) != null && L !== N && s.reference[p] / 2 - (L < R ? w : S) - m[p] / 2 < 0, $ = z ? L < R ? L - R : L - H : 0;
-    return {
-      [f]: h[f] + $,
-      data: {
-        [f]: N,
-        centerOffset: L - N - $,
-        ...z && {
-          alignmentOffset: $
-        }
-      },
-      reset: z
-    };
-  }
-});
-function bi(t, e, n) {
-  return (t ? [...n.filter((o) => j(o) === t), ...n.filter((o) => j(o) !== t)] : n.filter((o) => F(o) === o)).filter((o) => t ? j(o) === t || (e ? vt(o) !== o : !1) : !0);
-}
-const vi = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "autoPlacement",
-    options: t,
-    async fn(e) {
-      var n, i, o;
-      const {
-        rects: s,
-        middlewareData: r,
-        placement: a,
-        platform: l,
-        elements: u
-      } = e, {
-        crossAxis: d = !1,
-        alignment: c,
-        allowedPlacements: h = Xt,
-        autoAlignment: f = !0,
-        ...p
-      } = Q(t, e), m = c !== void 0 || h === Xt ? bi(c || null, f, h) : h, g = await l.detectOverflow(e, p), y = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, b = m[y];
-      if (b == null)
-        return {};
-      const v = ke(b, s, await (l.isRTL == null ? void 0 : l.isRTL(u.floating)));
-      if (a !== b)
-        return {
-          reset: {
-            placement: m[0]
-          }
-        };
-      const _ = [g[F(b)], g[v[0]], g[v[1]]], k = [...((i = r.autoPlacement) == null ? void 0 : i.overflows) || [], {
-        placement: b,
-        overflows: _
-      }], C = m[y + 1];
-      if (C)
-        return {
-          data: {
-            index: y + 1,
-            overflows: k
-          },
-          reset: {
-            placement: C
-          }
-        };
-      const A = k.map((w) => {
-        const S = j(w.placement);
-        return [w.placement, S && d ? (
-          // Check along the mainAxis and main crossAxis side.
-          w.overflows.slice(0, 2).reduce((R, H) => R + H, 0)
-        ) : (
-          // Check only the mainAxis.
-          w.overflows[0]
-        ), w.overflows];
-      }).sort((w, S) => w[1] - S[1]), D = ((o = A.filter((w) => w[2].slice(
-        0,
-        // Aligned placements should not check their opposite crossAxis
-        // side.
-        j(w[0]) ? 2 : 3
-      ).every((S) => S <= 0))[0]) == null ? void 0 : o[0]) || A[0][0];
-      return D !== a ? {
-        data: {
-          index: y + 1,
-          overflows: k
-        },
-        reset: {
-          placement: D
-        }
-      } : {};
-    }
-  };
-}, xi = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "flip",
-    options: t,
-    async fn(e) {
-      var n, i;
-      const {
-        placement: o,
-        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
-      } = Q(t, e);
-      if ((n = s.arrow) != null && n.alignmentOffset)
-        return {};
-      const y = F(o), b = X(a), v = F(a) === a, _ = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), k = h || (v || !m ? [xt(a)] : di(a)), C = p !== "none";
-      !h && C && k.push(...pi(a, m, p, _));
-      const A = [a, ...k], V = await l.detectOverflow(e, g), D = [];
-      let w = ((i = s.flip) == null ? void 0 : i.overflows) || [];
-      if (d && D.push(V[y]), c) {
-        const L = ke(o, r, _);
-        D.push(V[L[0]], V[L[1]]);
-      }
-      if (w = [...w, {
-        placement: o,
-        overflows: D
-      }], !D.every((L) => L <= 0)) {
-        var S, R;
-        const L = (((S = s.flip) == null ? void 0 : S.index) || 0) + 1, N = A[L];
-        if (N && (!(c === "alignment" ? b !== X(N) : !1) || // We leave the current main axis only if every placement on that axis
-        // overflows the main axis.
-        w.every((P) => X(P.placement) === b ? P.overflows[0] > 0 : !0)))
-          return {
-            data: {
-              index: L,
-              overflows: w
-            },
-            reset: {
-              placement: N
-            }
-          };
-        let z = (R = w.filter(($) => $.overflows[0] <= 0).sort(($, P) => $.overflows[1] - P.overflows[1])[0]) == null ? void 0 : R.placement;
-        if (!z)
-          switch (f) {
-            case "bestFit": {
-              var H;
-              const $ = (H = w.filter((P) => {
-                if (C) {
-                  const et = X(P.placement);
-                  return et === b || // Create a bias to the `y` side axis due to horizontal
-                  // reading directions favoring greater width.
-                  et === "y";
-                }
-                return !0;
-              }).map((P) => [P.placement, P.overflows.filter((et) => et > 0).reduce((et, We) => et + We, 0)]).sort((P, et) => P[1] - et[1])[0]) == null ? void 0 : H[0];
-              $ && (z = $);
-              break;
-            }
-            case "initialPlacement":
-              z = a;
-              break;
-          }
-        if (o !== z)
-          return {
-            reset: {
-              placement: z
-            }
-          };
-      }
-      return {};
-    }
-  };
-};
-function Zt(t, e) {
-  return {
-    top: t.top - e.height,
-    right: t.right - e.width,
-    bottom: t.bottom - e.height,
-    left: t.left - e.width
-  };
-}
-function Qt(t) {
-  return Oe.some((e) => t[e] >= 0);
-}
-const Ti = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "hide",
-    options: t,
-    async fn(e) {
-      const {
-        rects: n,
-        platform: i
-      } = e, {
-        strategy: o = "referenceHidden",
-        ...s
-      } = Q(t, e);
-      switch (o) {
-        case "referenceHidden": {
-          const r = await i.detectOverflow(e, {
-            ...s,
-            elementContext: "reference"
-          }), a = Zt(r, n.reference);
-          return {
-            data: {
-              referenceHiddenOffsets: a,
-              referenceHidden: Qt(a)
-            }
-          };
-        }
-        case "escaped": {
-          const r = await i.detectOverflow(e, {
-            ...s,
-            altBoundary: !0
-          }), a = Zt(r, n.floating);
-          return {
-            data: {
-              escapedOffsets: a,
-              escaped: Qt(a)
-            }
-          };
-        }
-        default:
-          return {};
-      }
-    }
-  };
-};
-function Ee(t) {
-  const e = J(...t.map((s) => s.left)), n = J(...t.map((s) => s.top)), i = M(...t.map((s) => s.right)), o = M(...t.map((s) => s.bottom));
-  return {
-    x: e,
-    y: n,
-    width: i - e,
-    height: o - n
-  };
-}
-function _i(t) {
-  const e = t.slice().sort((o, s) => o.y - s.y), n = [];
-  let i = null;
-  for (let o = 0; o < e.length; o++) {
-    const s = e[o];
-    !i || s.y - i.y > i.height / 2 ? n.push([s]) : n[n.length - 1].push(s), i = s;
-  }
-  return n.map((o) => lt(Ee(o)));
-}
-const Oi = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "inline",
-    options: t,
-    async fn(e) {
-      const {
-        placement: n,
-        elements: i,
-        rects: o,
-        platform: s,
-        strategy: r
-      } = e, {
-        padding: a = 2,
-        x: l,
-        y: u
-      } = Q(t, e), d = Array.from(await (s.getClientRects == null ? void 0 : s.getClientRects(i.reference)) || []), c = _i(d), h = lt(Ee(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(n) === "y") {
-            const w = c[0], S = c[c.length - 1], R = F(n) === "top", H = w.top, L = S.bottom, N = R ? w.left : S.left, z = R ? w.right : S.right, $ = z - N, P = L - H;
-            return {
-              top: H,
-              bottom: L,
-              left: N,
-              right: z,
-              width: $,
-              height: P,
-              x: N,
-              y: H
-            };
-          }
-          const g = F(n) === "left", y = M(...c.map((w) => w.right)), b = J(...c.map((w) => w.left)), v = c.filter((w) => g ? w.left === b : w.right === y), _ = v[0].top, k = v[v.length - 1].bottom, C = b, A = y, V = A - C, D = k - _;
-          return {
-            top: _,
-            bottom: k,
-            left: C,
-            right: A,
-            width: V,
-            height: D,
-            x: C,
-            y: _
-          };
-        }
-        return h;
-      }
-      const m = await s.getElementRects({
-        reference: {
-          getBoundingClientRect: p
-        },
-        floating: i.floating,
-        strategy: r
-      });
-      return o.reference.x !== m.reference.x || o.reference.y !== m.reference.y || o.reference.width !== m.reference.width || o.reference.height !== m.reference.height ? {
-        reset: {
-          rects: m
-        }
-      } : {};
-    }
-  };
-}, Ci = /* @__PURE__ */ new Set(["left", "top"]);
-async function ki(t, e) {
-  const {
-    placement: n,
-    platform: i,
-    elements: o
-  } = t, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), r = F(n), a = j(n), l = X(n) === "y", u = Ci.has(r) ? -1 : 1, d = s && l ? -1 : 1, c = Q(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 Ei = function(t) {
-  return t === void 0 && (t = 0), {
-    name: "offset",
-    options: t,
-    async fn(e) {
-      var n, i;
-      const {
-        x: o,
-        y: s,
-        placement: r,
-        middlewareData: a
-      } = e, l = await ki(e, t);
-      return r === ((n = a.offset) == null ? void 0 : n.placement) && (i = a.arrow) != null && i.alignmentOffset ? {} : {
-        x: o + l.x,
-        y: s + l.y,
-        data: {
-          ...l,
-          placement: r
-        }
-      };
-    }
-  };
-}, Si = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "shift",
-    options: t,
-    async fn(e) {
-      const {
-        x: n,
-        y: i,
-        placement: o,
-        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
-      } = Q(t, e), d = {
-        x: n,
-        y: i
-      }, c = await s.detectOverflow(e, u), h = X(F(o)), f = Ce(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], _ = p - c[b];
-        p = Lt(v, p, _);
-      }
-      if (a) {
-        const y = h === "y" ? "top" : "left", b = h === "y" ? "bottom" : "right", v = m + c[y], _ = m - c[b];
-        m = Lt(v, m, _);
-      }
-      const g = l.fn({
-        ...e,
-        [f]: p,
-        [h]: m
-      });
-      return {
-        ...g,
-        data: {
-          x: g.x - n,
-          y: g.y - i,
-          enabled: {
-            [f]: r,
-            [h]: a
-          }
-        }
-      };
-    }
-  };
-}, Li = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "size",
-    options: t,
-    async fn(e) {
-      var n, i;
-      const {
-        placement: o,
-        rects: s,
-        platform: r,
-        elements: a
-      } = e, {
-        apply: l = () => {
-        },
-        ...u
-      } = Q(t, e), d = await r.detectOverflow(e, u), c = F(o), h = j(o), f = X(o) === "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, _ = J(m - d[g], b), k = J(p - d[y], v), C = !e.middlewareData.shift;
-      let A = _, V = k;
-      if ((n = e.middlewareData.shift) != null && n.enabled.x && (V = v), (i = e.middlewareData.shift) != null && i.enabled.y && (A = b), C && !h) {
-        const w = M(d.left, 0), S = M(d.right, 0), R = M(d.top, 0), H = M(d.bottom, 0);
-        f ? V = p - 2 * (w !== 0 || S !== 0 ? w + S : M(d.left, d.right)) : A = m - 2 * (R !== 0 || H !== 0 ? R + H : M(d.top, d.bottom));
-      }
-      await l({
-        ...e,
-        availableWidth: V,
-        availableHeight: A
-      });
-      const D = await r.getDimensions(a.floating);
-      return p !== D.width || m !== D.height ? {
-        reset: {
-          rects: !0
-        }
-      } : {};
-    }
-  };
-};
-function Tt() {
-  return typeof window < "u";
-}
-function ut(t) {
-  return Se(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function U(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function tt(t) {
-  var e;
-  return (e = (Se(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function Se(t) {
-  return Tt() ? t instanceof Node || t instanceof U(t).Node : !1;
-}
-function W(t) {
-  return Tt() ? t instanceof Element || t instanceof U(t).Element : !1;
-}
-function Z(t) {
-  return Tt() ? t instanceof HTMLElement || t instanceof U(t).HTMLElement : !1;
-}
-function te(t) {
-  return !Tt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof U(t).ShadowRoot;
-}
-const Ai = /* @__PURE__ */ new Set(["inline", "contents"]);
-function wt(t) {
-  const {
-    overflow: e,
-    overflowX: n,
-    overflowY: i,
-    display: o
-  } = K(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !Ai.has(o);
-}
-const Ii = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Di(t) {
-  return Ii.has(ut(t));
-}
-const Ri = [":popover-open", ":modal"];
-function _t(t) {
-  return Ri.some((e) => {
-    try {
-      return t.matches(e);
-    } catch {
-      return !1;
-    }
-  });
-}
-const Mi = ["transform", "translate", "scale", "rotate", "perspective"], Hi = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Bi = ["paint", "layout", "strict", "content"];
-function Pt(t) {
-  const e = Ut(), n = W(t) ? K(t) : t;
-  return Mi.some((i) => n[i] ? n[i] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || Hi.some((i) => (n.willChange || "").includes(i)) || Bi.some((i) => (n.contain || "").includes(i));
-}
-function $i(t) {
-  let e = it(t);
-  for (; Z(e) && !ct(e); ) {
-    if (Pt(e))
-      return e;
-    if (_t(e))
-      return null;
-    e = it(e);
-  }
-  return null;
-}
-function Ut() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-const Pi = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function ct(t) {
-  return Pi.has(ut(t));
-}
-function K(t) {
-  return U(t).getComputedStyle(t);
-}
-function Ot(t) {
-  return W(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function it(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.
-    te(t) && t.host || // Fallback.
-    tt(t)
-  );
-  return te(e) ? e.host : e;
-}
-function Le(t) {
-  const e = it(t);
-  return ct(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : Z(e) && wt(e) ? e : Le(e);
-}
-function Ae(t, e, n) {
-  var i;
-  e === void 0 && (e = []);
-  const o = Le(t), s = o === ((i = t.ownerDocument) == null ? void 0 : i.body), r = U(o);
-  return s ? e.concat(r, r.visualViewport || [], wt(o) ? o : [], []) : e.concat(o, Ae(o, []));
-}
-function ee(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
-}
-function Ie(t) {
-  const e = K(t);
-  let n = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
-  const o = Z(t), s = o ? t.offsetWidth : n, r = o ? t.offsetHeight : i, a = bt(n) !== s || bt(i) !== r;
-  return a && (n = s, i = r), {
-    width: n,
-    height: i,
-    $: a
-  };
-}
-function De(t) {
-  return W(t) ? t : t.contextElement;
-}
-function at(t) {
-  const e = De(t);
-  if (!Z(e))
-    return G(1);
-  const n = e.getBoundingClientRect(), {
-    width: i,
-    height: o,
-    $: s
-  } = Ie(e);
-  let r = (s ? bt(n.width) : n.width) / i, a = (s ? bt(n.height) : n.height) / o;
-  return (!r || !Number.isFinite(r)) && (r = 1), (!a || !Number.isFinite(a)) && (a = 1), {
-    x: r,
-    y: a
-  };
-}
-const Ui = /* @__PURE__ */ G(0);
-function Re(t) {
-  const e = U(t);
-  return !Ut() || !e.visualViewport ? Ui : {
-    x: e.visualViewport.offsetLeft,
-    y: e.visualViewport.offsetTop
-  };
-}
-function Vi(t, e, n) {
-  return e === void 0 && (e = !1), !n || e && n !== U(t) ? !1 : e;
-}
-function ft(t, e, n, i) {
-  e === void 0 && (e = !1), n === void 0 && (n = !1);
-  const o = t.getBoundingClientRect(), s = De(t);
-  let r = G(1);
-  e && (i ? W(i) && (r = at(i)) : r = at(t));
-  const a = Vi(s, n, i) ? Re(s) : G(0);
-  let l = (o.left + a.x) / r.x, u = (o.top + a.y) / r.y, d = o.width / r.x, c = o.height / r.y;
-  if (s) {
-    const h = U(s), f = i && W(i) ? U(i) : i;
-    let p = h, m = ee(p);
-    for (; m && i && f !== p; ) {
-      const g = at(m), y = m.getBoundingClientRect(), b = K(m), v = y.left + (m.clientLeft + parseFloat(b.paddingLeft)) * g.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 += _, p = U(m), m = ee(p);
-    }
-  }
-  return lt({
-    width: d,
-    height: c,
-    x: l,
-    y: u
-  });
-}
-function Ct(t, e) {
-  const n = Ot(t).scrollLeft;
-  return e ? e.left + n : ft(tt(t)).left + n;
-}
-function Me(t, e) {
-  const n = t.getBoundingClientRect(), i = n.left + e.scrollLeft - Ct(t, n), o = n.top + e.scrollTop;
-  return {
-    x: i,
-    y: o
-  };
-}
-function zi(t) {
-  let {
-    elements: e,
-    rect: n,
-    offsetParent: i,
-    strategy: o
-  } = t;
-  const s = o === "fixed", r = tt(i), a = e ? _t(e.floating) : !1;
-  if (i === r || a && s)
-    return n;
-  let l = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, u = G(1);
-  const d = G(0), c = Z(i);
-  if ((c || !c && !s) && ((ut(i) !== "body" || wt(r)) && (l = Ot(i)), Z(i))) {
-    const f = ft(i);
-    u = at(i), d.x = f.x + i.clientLeft, d.y = f.y + i.clientTop;
-  }
-  const h = r && !c && !s ? Me(r, l) : G(0);
-  return {
-    width: n.width * u.x,
-    height: n.height * u.y,
-    x: n.x * u.x - l.scrollLeft * u.x + d.x + h.x,
-    y: n.y * u.y - l.scrollTop * u.y + d.y + h.y
-  };
-}
-function Fi(t) {
-  return Array.from(t.getClientRects());
-}
-function Ni(t) {
-  const e = tt(t), n = Ot(t), i = t.ownerDocument.body, o = M(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = M(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
-  let r = -n.scrollLeft + Ct(t);
-  const a = -n.scrollTop;
-  return K(i).direction === "rtl" && (r += M(e.clientWidth, i.clientWidth) - o), {
-    width: o,
-    height: s,
-    x: r,
-    y: a
-  };
-}
-const ne = 25;
-function ji(t, e) {
-  const n = U(t), i = tt(t), o = n.visualViewport;
-  let s = i.clientWidth, r = i.clientHeight, a = 0, l = 0;
-  if (o) {
-    s = o.width, r = o.height;
-    const d = Ut();
-    (!d || d && e === "fixed") && (a = o.offsetLeft, l = o.offsetTop);
-  }
-  const u = Ct(i);
-  if (u <= 0) {
-    const d = i.ownerDocument, c = d.body, h = getComputedStyle(c), f = d.compatMode === "CSS1Compat" && parseFloat(h.marginLeft) + parseFloat(h.marginRight) || 0, p = Math.abs(i.clientWidth - c.clientWidth - f);
-    p <= ne && (s -= p);
-  } else u <= ne && (s += u);
-  return {
-    width: s,
-    height: r,
-    x: a,
-    y: l
-  };
-}
-const Wi = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Ki(t, e) {
-  const n = ft(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, s = Z(t) ? at(t) : G(1), r = t.clientWidth * s.x, a = t.clientHeight * s.y, l = o * s.x, u = i * s.y;
-  return {
-    width: r,
-    height: a,
-    x: l,
-    y: u
-  };
-}
-function ie(t, e, n) {
-  let i;
-  if (e === "viewport")
-    i = ji(t, n);
-  else if (e === "document")
-    i = Ni(tt(t));
-  else if (W(e))
-    i = Ki(e, n);
-  else {
-    const o = Re(t);
-    i = {
-      x: e.x - o.x,
-      y: e.y - o.y,
-      width: e.width,
-      height: e.height
-    };
-  }
-  return lt(i);
-}
-function He(t, e) {
-  const n = it(t);
-  return n === e || !W(n) || ct(n) ? !1 : K(n).position === "fixed" || He(n, e);
-}
-function qi(t, e) {
-  const n = e.get(t);
-  if (n)
-    return n;
-  let i = Ae(t, []).filter((a) => W(a) && ut(a) !== "body"), o = null;
-  const s = K(t).position === "fixed";
-  let r = s ? it(t) : t;
-  for (; W(r) && !ct(r); ) {
-    const a = K(r), l = Pt(r);
-    !l && a.position === "fixed" && (o = null), (s ? !l && !o : !l && a.position === "static" && !!o && Wi.has(o.position) || wt(r) && !l && He(t, r)) ? i = i.filter((d) => d !== r) : o = a, r = it(r);
-  }
-  return e.set(t, i), i;
-}
-function Xi(t) {
-  let {
-    element: e,
-    boundary: n,
-    rootBoundary: i,
-    strategy: o
-  } = t;
-  const r = [...n === "clippingAncestors" ? _t(e) ? [] : qi(e, this._c) : [].concat(n), i], a = r[0], l = r.reduce((u, d) => {
-    const c = ie(e, d, o);
-    return u.top = M(c.top, u.top), u.right = J(c.right, u.right), u.bottom = J(c.bottom, u.bottom), u.left = M(c.left, u.left), u;
-  }, ie(e, a, o));
-  return {
-    width: l.right - l.left,
-    height: l.bottom - l.top,
-    x: l.left,
-    y: l.top
-  };
-}
-function Yi(t) {
-  const {
-    width: e,
-    height: n
-  } = Ie(t);
-  return {
-    width: e,
-    height: n
-  };
-}
-function Gi(t, e, n) {
-  const i = Z(e), o = tt(e), s = n === "fixed", r = ft(t, !0, s, e);
-  let a = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const l = G(0);
-  function u() {
-    l.x = Ct(o);
-  }
-  if (i || !i && !s)
-    if ((ut(e) !== "body" || wt(o)) && (a = Ot(e)), i) {
-      const f = ft(e, !0, s, e);
-      l.x = f.x + e.clientLeft, l.y = f.y + e.clientTop;
-    } else o && u();
-  s && !i && o && u();
-  const d = o && !i && !s ? Me(o, a) : G(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 Et(t) {
-  return K(t).position === "static";
-}
-function oe(t, e) {
-  if (!Z(t) || K(t).position === "fixed")
-    return null;
-  if (e)
-    return e(t);
-  let n = t.offsetParent;
-  return tt(t) === n && (n = n.ownerDocument.body), n;
-}
-function Be(t, e) {
-  const n = U(t);
-  if (_t(t))
-    return n;
-  if (!Z(t)) {
-    let o = it(t);
-    for (; o && !ct(o); ) {
-      if (W(o) && !Et(o))
-        return o;
-      o = it(o);
-    }
-    return n;
-  }
-  let i = oe(t, e);
-  for (; i && Di(i) && Et(i); )
-    i = oe(i, e);
-  return i && ct(i) && Et(i) && !Pt(i) ? n : i || $i(t) || n;
-}
-const Ji = async function(t) {
-  const e = this.getOffsetParent || Be, n = this.getDimensions, i = await n(t.floating);
-  return {
-    reference: Gi(t.reference, await e(t.floating), t.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: i.width,
-      height: i.height
-    }
-  };
-};
-function Zi(t) {
-  return K(t).direction === "rtl";
-}
-const Qi = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: zi,
-  getDocumentElement: tt,
-  getClippingRect: Xi,
-  getOffsetParent: Be,
-  getElementRects: Ji,
-  getClientRects: Fi,
-  getDimensions: Yi,
-  getScale: at,
-  isElement: W,
-  isRTL: Zi
-}, Vt = Ei, $e = vi, zt = Si, Ft = xi, Pe = Li, Ue = Ti, Ve = wi, ze = Oi, Nt = (t, e, n) => {
-  const i = /* @__PURE__ */ new Map(), o = {
-    platform: Qi,
-    ...n
-  }, s = {
-    ...o.platform,
-    _c: i
-  };
-  return yi(t, e, {
-    ...o,
-    platform: s
-  });
-};
-function to(t, e) {
-  const n = Math.min(t.top, e.top), i = Math.max(t.bottom, e.bottom), o = Math.min(t.left, e.left), r = Math.max(t.right, e.right) - o, a = i - n, l = o, u = n;
-  return new DOMRect(l, u, r, a);
-}
-var eo = class {
-  constructor({
-    editor: t,
-    element: e,
-    view: n,
-    updateDelay: i = 250,
-    resizeDelay: o = 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 && Ye(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 = n, this.updateDelay = i, this.resizeDelay = o, 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(n, n.state), this.getShouldShow() && (this.show(), this.updatePosition());
-  }
-  get middlewares() {
-    const t = [];
-    return this.floatingUIOptions.flip && t.push(Ft(typeof this.floatingUIOptions.flip != "boolean" ? this.floatingUIOptions.flip : void 0)), this.floatingUIOptions.shift && t.push(
-      zt(typeof this.floatingUIOptions.shift != "boolean" ? this.floatingUIOptions.shift : void 0)
-    ), this.floatingUIOptions.offset && t.push(
-      Vt(typeof this.floatingUIOptions.offset != "boolean" ? this.floatingUIOptions.offset : void 0)
-    ), this.floatingUIOptions.arrow && t.push(Ve(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push(Pe(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
-      $e(
-        typeof this.floatingUIOptions.autoPlacement != "boolean" ? this.floatingUIOptions.autoPlacement : void 0
-      )
-    ), this.floatingUIOptions.hide && t.push(Ue(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
-      ze(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0)
-    ), t;
-  }
-  get virtualElement() {
-    var t, e, n;
-    const { selection: i } = this.editor.state, o = (t = this.getReferencedVirtualElement) == null ? void 0 : t.call(this);
-    if (o)
-      return o;
-    if (!((n = (e = this.view) == null ? void 0 : e.dom) != null && n.parentNode))
-      return;
-    const s = le(this.view, i.from, i.to);
-    let r = {
-      getBoundingClientRect: () => s,
-      getClientRects: () => [s]
-    };
-    if (i instanceof an) {
-      let a = this.view.nodeDOM(i.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 (i instanceof ln) {
-      const { $anchorCell: a, $headCell: l } = i, 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() : to(
-        c.getBoundingClientRect(),
-        h.getBoundingClientRect()
-      );
-      r = {
-        getBoundingClientRect: () => f,
-        getClientRects: () => [f]
-      };
-    }
-    return r;
-  }
-  updatePosition() {
-    const t = this.virtualElement;
-    t && Nt(t, this.element, {
-      placement: this.floatingUIOptions.placement,
-      strategy: this.floatingUIOptions.strategy,
-      middleware: this.middlewares
-    }).then(({ x: e, y: n, strategy: i, middlewareData: o }) => {
-      var s, r;
-      if ((s = o.hide) != null && s.referenceHidden || (r = o.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 = i, this.element.style.left = `${e}px`, this.element.style.top = `${n}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
-    });
-  }
-  update(t, e) {
-    const { state: n } = t, i = n.selection.from !== n.selection.to;
-    if (this.updateDelay > 0 && i) {
-      this.handleDebouncedUpdate(t, e);
-      return;
-    }
-    const o = !(e != null && e.selection.eq(t.state.selection)), s = !(e != null && e.doc.eq(t.state.doc));
-    this.updateHandler(t, o, s, e);
-  }
-  getShouldShow(t) {
-    var e;
-    const { state: n } = this.view, { selection: i } = n, { ranges: o } = i, s = Math.min(...o.map((l) => l.$from.pos)), r = Math.max(...o.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: n,
-      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 n = (e = t.options.scrollTarget) != null ? e : window;
-      n !== this.scrollTarget && (this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.scrollTarget = n, 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();
-  }
-}, no = (t) => new It({
-  key: typeof t.pluginKey == "string" ? new rt(t.pluginKey) : t.pluginKey,
-  view: (e) => new eo({ view: e, ...t })
-}), io = de({
-  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: n }) {
-    const i = ue(null);
-    return he(() => {
-      const {
-        editor: o,
-        options: s,
-        pluginKey: r,
-        resizeDelay: a,
-        appendTo: l,
-        shouldShow: u,
-        getReferencedVirtualElement: d,
-        updateDelay: c
-      } = t, h = i.value;
-      h && (h.style.visibility = "hidden", h.style.position = "absolute", h.remove(), cn(() => {
-        o.registerPlugin(
-          no({
-            editor: o,
-            element: h,
-            options: s,
-            pluginKey: r,
-            resizeDelay: a,
-            appendTo: l,
-            shouldShow: u,
-            getReferencedVirtualElement: d,
-            updateDelay: c
-          })
-        );
-      }));
-    }), fe(() => {
-      const { pluginKey: o, editor: s } = t;
-      s.unregisterPlugin(o);
-    }), () => {
-      var o;
-      return pe("div", { ref: i, ...n }, (o = e.default) == null ? void 0 : o.call(e));
-    };
-  }
-}), oo = class {
-  constructor({
-    editor: t,
-    element: e,
-    view: n,
-    updateDelay: i = 250,
-    resizeDelay: o = 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 = n, this.updateDelay = i, this.resizeDelay = o, 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(n, n.state), this.getShouldShow() && (this.show(), this.updatePosition());
-  }
-  getTextContent(t) {
-    return Ge(t, { textSerializers: Je(this.editor.schema) });
-  }
-  get middlewares() {
-    const t = [];
-    return this.floatingUIOptions.flip && t.push(Ft(typeof this.floatingUIOptions.flip != "boolean" ? this.floatingUIOptions.flip : void 0)), this.floatingUIOptions.shift && t.push(
-      zt(typeof this.floatingUIOptions.shift != "boolean" ? this.floatingUIOptions.shift : void 0)
-    ), this.floatingUIOptions.offset && t.push(
-      Vt(typeof this.floatingUIOptions.offset != "boolean" ? this.floatingUIOptions.offset : void 0)
-    ), this.floatingUIOptions.arrow && t.push(Ve(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push(Pe(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
-      $e(
-        typeof this.floatingUIOptions.autoPlacement != "boolean" ? this.floatingUIOptions.autoPlacement : void 0
-      )
-    ), this.floatingUIOptions.hide && t.push(Ue(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
-      ze(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0)
-    ), t;
-  }
-  getShouldShow(t) {
-    var e;
-    const { state: n } = this.view, { selection: i } = n, { ranges: o } = i, s = Math.min(...o.map((l) => l.$from.pos)), r = Math.max(...o.map((l) => l.$to.pos));
-    return (e = this.shouldShow) == null ? void 0 : e.call(this, {
-      editor: this.editor,
-      view: this.view,
-      state: n,
-      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 n = (e = t.options.scrollTarget) != null ? e : window;
-      n !== this.scrollTarget && (this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.scrollTarget = n, this.scrollTarget.addEventListener("scroll", this.resizeHandler)), this.floatingUIOptions = {
-        ...this.floatingUIOptions,
-        ...t.options
-      };
-    }
-  }
-  updatePosition() {
-    const { selection: t } = this.editor.state, e = le(this.view, t.from, t.to);
-    Nt({
-      getBoundingClientRect: () => e,
-      getClientRects: () => [e]
-    }, this.element, {
-      placement: this.floatingUIOptions.placement,
-      strategy: this.floatingUIOptions.strategy,
-      middleware: this.middlewares
-    }).then(({ x: i, y: o, 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 = `${i}px`, this.element.style.top = `${o}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
-    });
-  }
-  update(t, e) {
-    const n = !(e != null && e.selection.eq(t.state.selection)), i = !(e != null && e.doc.eq(t.state.doc));
-    this.updateHandler(t, n, i, 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();
-  }
-}, so = (t) => new It({
-  key: typeof t.pluginKey == "string" ? new rt(t.pluginKey) : t.pluginKey,
-  view: (e) => new oo({ view: e, ...t })
-});
-de({
-  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: n }) {
-    const i = ue(null);
-    return he(() => {
-      const { pluginKey: o, editor: s, updateDelay: r, resizeDelay: a, options: l, appendTo: u, shouldShow: d } = t, c = i.value;
-      c && (c.style.visibility = "hidden", c.style.position = "absolute", c.remove(), s.registerPlugin(
-        so({
-          pluginKey: o,
-          editor: s,
-          element: c,
-          updateDelay: r,
-          resizeDelay: a,
-          options: l,
-          appendTo: u,
-          shouldShow: d
-        })
-      ));
-    }), fe(() => {
-      const { pluginKey: o, editor: s } = t;
-      s.unregisterPlugin(o);
-    }), () => {
-      var o;
-      return pe("div", { ref: i, ...n }, (o = e.default) == null ? void 0 : o.call(e));
-    };
-  }
-});
-const nt = (t) => ({
-  default: null,
-  parseHTML: (e) => e.getAttribute(t),
-  renderHTML: (e) => e[t] ? { [t]: e[t] } : {}
-}), ro = () => {
-  let t = nt("style");
-  return t.renderHTML = (e) => e.style ? { style: ao(e.style) } : {}, t;
-};
-function ao(t) {
-  return t.replace(new RegExp("(?<![a-z-])width\\s*:\\s*([^;]+);?", "gi"), (e, n) => /^\s*0\s*[a-z%]*\s*(!important)?\s*$/i.test(n) ? "width: 100%;" : e);
-}
-const lo = Hn.extend({
-  addAttributes() {
-    var t;
-    return {
-      ...(t = this.parent) == null ? void 0 : t.call(this),
-      border: nt("border"),
-      cellpadding: nt("cellpadding"),
-      cellspacing: nt("cellspacing"),
-      style: ro()
-    };
-  },
-  renderHTML({ HTMLAttributes: t }) {
-    return ["table", ot(this.options.HTMLAttributes, t), ["tbody", 0]];
-  }
-}), co = Bn.extend({
-  addAttributes() {
-    var t;
-    return {
-      ...(t = this.parent) == null ? void 0 : t.call(this),
-      style: nt("style")
-    };
-  }
-}), Fe = {
-  style: nt("style"),
-  valign: nt("valign"),
-  width: nt("width")
-}, uo = Pn.extend({
-  addAttributes() {
-    var t;
-    return {
-      ...(t = this.parent) == null ? void 0 : t.call(this),
-      ...Fe
-    };
-  }
-}), ho = $n.extend({
-  addAttributes() {
-    var t;
-    return {
-      ...(t = this.parent) == null ? void 0 : t.call(this),
-      ...Fe
-    };
-  }
-}), fo = Un.extend({
-  parseHTML() {
-    var t;
-    return [
-      ...((t = this.parent) == null ? void 0 : t.call(this)) || [],
-      {
-        tag: "div",
-        consuming: !1,
-        getAttrs: (e) => e.hasAttribute("style") ? {} : !1
-      },
-      {
-        tag: "a",
-        consuming: !1,
-        getAttrs: (e) => e.hasAttribute("style") ? {} : !1
-      }
-    ];
-  }
-}), po = {
-  compatConfig: { MODE: 3 },
-  name: "EmojiComponent",
-  components: {
-    NodeViewWrapper: mt,
-    DtEmoji: be
-  },
-  props: pt
-};
-function mo(t, e, n, i, o, s) {
-  const r = x("dt-emoji"), a = x("node-view-wrapper");
-  return O(), E(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
-    default: T(() => [
-      I(r, {
-        size: "500",
-        code: t.node.attrs.code
-      }, null, 8, ["code"])
-    ]),
-    _: 1
-  });
-}
-const go = /* @__PURE__ */ q(po, [["render", mo]]), yo = {
-  compatConfig: { MODE: 3 },
-  name: "SuggestionList",
-  components: {
-    DtListItem: Kn
-  },
-  props: {
-    items: {
-      type: Array,
-      required: !0
-    },
-    command: {
-      type: Function,
-      required: !0
-    },
-    itemComponent: {
-      type: Object,
-      required: !0
-    },
-    itemType: {
-      type: String,
-      required: !0
-    }
-  },
-  data() {
-    return {
-      selectedIndex: 0
-    };
-  },
-  watch: {
-    items() {
-      this.selectedIndex = 0;
-    }
-  },
-  methods: {
-    onKeyDown({ event: 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();
-    },
-    downHandler() {
-      this.selectedIndex = (this.selectedIndex + 1) % this.items.length, this.scrollActiveElementIntoView();
-    },
-    async scrollActiveElementIntoView() {
-      await this.$nextTick();
-      const t = this.$refs.suggestionList.querySelector(".d-list-item--highlighted");
-      t && t.scrollIntoView({
-        behaviour: "smooth",
-        block: "center"
-      });
-    },
-    selectHandler() {
-      this.selectItem(this.selectedIndex);
-    },
-    selectItem(t) {
-      const e = this.items[t];
-      switch (this.itemType) {
-        case "emoji":
-          this.command(e);
-          return;
-        case "mention":
-          this.command({ name: e.name, id: e.id, avatarSrc: e.avatarSrc, contactKey: e.contactKey });
-          break;
-        case "channel":
-          this.command({ name: e.name, id: e.id, locked: e.locked, channelKey: e.channelKey });
-          break;
-        case "slash-command":
-          this.command({ command: e.command });
-          break;
-      }
-    }
-  }
-}, wo = { class: "d-popover__dialog d-suggestion-list__container" }, bo = {
-  ref: "suggestionList",
-  class: "d-suggestion-list"
-};
-function vo(t, e, n, i, o, s) {
-  const r = x("dt-list-item");
-  return O(), ht("div", wo, [
-    dn(dt("ul", bo, [
-      (O(!0), ht(un, null, hn(n.items, (a, l) => (O(), E(r, {
-        key: a.id,
-        class: me([
-          "d-suggestion-list__item",
-          { "d-list-item--highlighted": l === o.selectedIndex }
-        ]),
-        "navigation-type": "arrow-keys",
-        onClick: (u) => s.selectItem(l),
-        onKeydown: Dt(s.onKeyDown, ["prevent"])
-      }, {
-        default: T(() => [
-          (O(), E(fn(n.itemComponent), { item: a }, null, 8, ["item"]))
-        ]),
-        _: 2
-      }, 1032, ["class", "onClick", "onKeydown"]))), 128))
-    ], 512), [
-      [pn, n.items.length]
-    ])
-  ]);
-}
-const xo = /* @__PURE__ */ q(yo, [["render", vo]]), Ne = "top-start", je = "650";
-function To() {
-  return {
-    getBoundingClientRect: () => ({
-      width: 0,
-      height: 0,
-      x: 0,
-      y: 0,
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0
-    })
-  };
-}
-function se(t) {
-  return { getBoundingClientRect: t };
-}
-async function _o(t, e, n = {}) {
-  if (!t || !(e != null && e.getBoundingClientRect)) return;
-  const {
-    placement: i = Ne,
-    middleware: o = [Vt(0), Ft(), zt({ padding: 8 })]
-  } = n, { x: s, y: r } = await Nt(e, t, {
-    placement: i,
-    middleware: o
-  });
-  Object.assign(t.style, {
-    left: `${s}px`,
-    top: `${r}px`
-  });
-}
-function Oo(t, e = {}) {
-  const { zIndex: n = je } = e;
-  t.style.position = "absolute", t.style.zIndex = n, t.style.display = "none";
-}
-function Co(t) {
-  t && (t.style.display = "block");
-}
-function ko(t) {
-  t && (t.style.display = "none");
-}
-function Eo(t, e) {
-  return (n) => {
-    n.key === "Escape" && e() && t();
-  };
-}
-function So(t) {
-  document.addEventListener("keydown", t);
-}
-function Lo(t) {
-  document.removeEventListener("keydown", t);
-}
-function Ao(t, e, n, i) {
-  return new Ke(t, {
-    props: {
-      itemComponent: mn(e),
-      itemType: n,
-      ...i
-    },
-    editor: i.editor
-  });
-}
-function Io(t) {
-  var e, n;
-  t.escHandler && Lo(t.escHandler), (e = t.floatingEl) == null || e.remove(), (n = t.component) == null || n.destroy();
-}
-function kt(t, e, n = {}) {
-  const {
-    listComponent: i = xo,
-    placement: o = Ne,
-    zIndex: s = je
-  } = n;
-  return () => {
-    let r = null, a = null, l = !1, u = To(), d = null;
-    function c() {
-      _o(a, u, { placement: o });
-    }
-    function h() {
-      a && (Co(a), l = !0, c());
-    }
-    function f() {
-      a && (ko(a), l = !1);
-    }
-    return {
-      onStart: (p) => {
-        r = Ao(i, t, e, p), p.clientRect && (a = r.element, Oo(a, { zIndex: s }), document.body.appendChild(a), u = se(p.clientRect), d = Eo(f, () => l), So(d), p.items.length > 0 && h());
-      },
-      onUpdate(p) {
-        r == null || r.updateProps(p), p.items.length > 0 ? h() : f(), p.clientRect && (u = se(p.clientRect), c());
-      },
-      onKeyDown(p) {
-        var m;
-        if (l)
-          return (m = r == null ? void 0 : r.ref) == null ? void 0 : m.onKeyDown(p);
-      },
-      onExit() {
-        Io({ escHandler: d, floatingEl: a, component: r }), d = null, a = null, r = null;
-      }
-    };
-  };
-}
-const Do = {
-  compatConfig: { MODE: 3 },
-  name: "EmojiSuggestion",
-  components: {
-    DtEmoji: be,
-    DtStack: yt
-  },
-  props: {
-    item: {
-      type: Object,
-      required: !0
-    }
-  }
-};
-function Ro(t, e, n, i, o, s) {
-  const r = x("dt-emoji"), a = x("dt-stack");
-  return O(), E(a, {
-    direction: "row",
-    gap: "100"
-  }, {
-    default: T(() => [
-      I(r, {
-        size: "200",
-        code: n.item.code
-      }, null, 8, ["code"]),
-      Y(" " + B(n.item.code), 1)
-    ]),
-    _: 1
-  });
-}
-const Mo = /* @__PURE__ */ q(Do, [["render", Ro]]), Ho = 20, Bo = (t, e, n) => {
-  var a, l;
-  const i = (a = t.shortname) == null ? void 0 : a.replaceAll(":", ""), o = (l = e.shortname) == null ? void 0 : l.replaceAll(":", ""), s = i.startsWith(n), r = o.startsWith(n);
-  return s && !r ? -1 : !s && r ? 1 : i.localeCompare(o);
-}, $o = {
-  items: ({ query: t }) => {
-    if (t.length < 2)
-      return [];
-    const e = Object.values(Fn());
-    return t = t.toLowerCase(), e.filter(
-      (i) => {
-        var o;
-        return [
-          i.name,
-          (o = i.shortname) == null ? void 0 : o.replaceAll(":", ""),
-          ...i.keywords || []
-        ].some((s) => s && s.startsWith(t));
-      }
-    ).splice(0, Ho).sort((i, o) => Bo(i, o, t)).map((i) => ({ code: i.shortname }));
-  },
-  command: ({ editor: t, range: e, props: n }) => {
-    var s, r;
-    const i = t.view.state.selection.$to.nodeAfter;
-    ((s = i == null ? void 0 : i.text) == null ? void 0 : s.startsWith(" ")) && (e.to += 1), t.chain().focus().insertContentAt(e, [
-      {
-        type: "emoji",
-        attrs: n
-      }
-    ]).run(), (r = window.getSelection()) == null || r.collapseToEnd();
-  },
-  render: kt(Mo, "emoji")
-}, Po = /(:\w+:)$/, Uo = new RegExp(we + "$"), Vo = (t) => {
-  if (t && Rt(t[0]))
-    return { text: t[2] || t[0] };
-}, zo = (t) => [...t.matchAll(Wn)].filter((n) => Rt(n[0])).map((n) => ({
-  index: n.index,
-  text: n[0],
-  match: n
-})), Fo = ce.create({
-  name: "emoji",
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  group: "inline",
-  inline: !0,
-  selectable: !1,
-  atom: !0,
-  addNodeView() {
-    return gt(go);
-  },
-  addAttributes() {
-    return {
-      code: {
-        default: null
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "emoji-component"
-      }
-    ];
-  },
-  renderText({ node: t }) {
-    return jn(Rt(t.attrs.code).unicode_output);
-  },
-  renderHTML({ HTMLAttributes: t }) {
-    return ["emoji-component", ot(this.options.HTMLAttributes, t)];
-  },
-  addInputRules() {
-    return [
-      new Ze({
-        find: (t) => {
-          const e = t.match(Po) || t.match(Uo);
-          if (e)
-            return Vo(e);
-        },
-        handler: ({ state: t, range: e, match: n }) => {
-          const { tr: i } = t, o = e.from, s = e.to;
-          i.replaceWith(o, s, this.type.create({ code: n[0] }));
-        }
-      })
-    ];
-  },
-  addPasteRules() {
-    return [
-      St({
-        find: zo,
-        type: this.type,
-        getAttributes(t) {
-          return {
-            code: t[0]
-          };
-        }
-      }),
-      St({
-        find: Nn,
-        type: this.type,
-        getAttributes(t) {
-          return {
-            code: t[0]
-          };
-        }
-      })
-    ];
-  },
-  addProseMirrorPlugins() {
-    return [
-      zn({
-        char: ":",
-        pluginKey: new rt("emoji"),
-        editor: this.editor,
-        ...this.options.suggestion,
-        ...$o
-      })
-    ];
-  },
-  addKeyboardShortcuts() {
-    return {
-      Backspace: () => this.editor.commands.command(({ tr: t, state: e }) => {
-        let n = !1;
-        const { selection: i } = e, { empty: o, anchor: s } = i;
-        return o ? (e.doc.nodesBetween(s - 1, s, (r, a) => {
-          if (r.type.name === this.name)
-            return n = !0, t.insertText("", a, a + r.nodeSize), !1;
-        }), n) : !1;
-      })
-    };
-  }
-});
-function No(t, e, n = () => !0) {
-  const i = [];
-  e.lastIndex = 0;
-  let o;
-  for (; o = e.exec(t); )
-    n(t, o) && i.push(o);
-  return i;
-}
-function jo(t, e) {
-  return !["#", "@"].includes(t.charAt(e.index)) && !["#", "@"].includes(t.charAt(e.index - 1));
-}
-function Wo(t) {
-  const e = new RegExp(
-    "(?:" + [
-      `[!?.,:;'"]`,
-      "(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"
-    ].join("|"),
-    "g"
-  );
-  return t.replace(e, "");
-}
-function Ko(t, e) {
-  const n = t.slice(0, e + 1).search(/\S+\s*$/), i = t.slice(e).search(/\s/);
-  if (i < 0) {
-    const o = t.slice(n);
-    return {
-      text: o,
-      from: n,
-      to: n + o.length
-    };
-  }
-  return {
-    text: t.slice(n, i + e),
-    from: n,
-    to: i + e
-  };
-}
-function At(t, e, n, i) {
-  const o = Ko(t, e);
-  if (i.lastIndex = 0, !i.test(o.text))
-    return o;
-  const s = n === "left" ? o.from - 1 : o.to + 1;
-  return s <= 0 || s >= t.length || s === e ? o : At(t, s, n, i);
-}
-function qo(t, e, n, i) {
-  const o = Math.max(t.from - 1, 0), s = Math.min(t.to + 1, e.content.size), r = Qe(o, s, e);
-  for (const a of r)
-    a.mark.type === i && n.removeMark(a.from, a.to, i);
-}
-const re = Xn(1, 15);
-function ae(t, e, n, i, o, s) {
-  if (!t)
-    return;
-  let r = n - e - 1;
-  r = r < 0 ? 0 : r;
-  const a = i - e, l = At(
-    t,
-    r,
-    "left",
-    re
-  ), u = At(
-    t,
-    a,
-    "right",
-    re
-  ), d = t.slice(l.from, u.to);
-  No(d, qn, jo).forEach((h) => {
-    const f = Wo(h[0]), p = e + l.from + h.index + 1, m = p + f.length;
-    o.addMark(p, m, s.create());
-  });
-}
-function Xo(t) {
-  let e = !1;
-  return new It({
-    key: new rt("autolink"),
-    appendTransaction: (n, i, o) => {
-      const s = n.some((d) => d.docChanged) && !i.doc.eq(o.doc);
-      if (e && !s)
-        return;
-      const { tr: r } = o, { textContent: a } = o.doc;
-      e || ae(a, 0, 0, a.length, r, t.type), e = !0;
-      const l = tn(
-        i.doc,
-        [...n]
-      );
-      return en(l).forEach(({ oldRange: d, newRange: c }) => {
-        qo(c, o.doc, r, t.type), nn(
-          o.doc,
-          c,
-          (f) => f.isTextblock
-        ).forEach(({ node: f, pos: p }) => {
-          ae(
-            f.textContent,
-            p,
-            d.from,
-            c.to,
-            r,
-            t.type
-          );
-        });
-      }), r;
-    }
-  });
-}
-const Yo = {
-  class: "d-link d-c-text d-d-inline-block d-wb-break-all",
-  rel: "noopener noreferrer nofollow"
-}, Go = on.create({
-  name: "CustomLink",
-  renderHTML({ HTMLAttributes: t }) {
-    return [
-      "a",
-      ot(
-        this.options.HTMLAttributes,
-        t,
-        Yo
-      )
-    ];
-  },
-  renderText({ node: t }) {
-    return t.attrs.text;
-  },
-  addProseMirrorPlugins() {
-    return [
-      Xo({ type: this.type })
-    ];
-  }
-}), Jo = Gn.extend({
-  name: "ConfigurableImage",
-  addAttributes() {
-    return {
-      src: {
-        default: ""
-      },
-      alt: {
-        default: void 0
-      },
-      title: {
-        default: void 0
-      },
-      width: {
-        default: void 0
-      },
-      height: {
-        default: void 0
-      },
-      style: {
-        default: void 0
-      }
-    };
-  }
-}).configure({ inline: !0, allowBase64: !0 }), Zo = /* @__PURE__ */ new Set([
-  "address",
-  "article",
-  "aside",
-  "blockquote",
-  "dd",
-  "details",
-  "dialog",
-  "div",
-  "dl",
-  "dt",
-  "fieldset",
-  "figcaption",
-  "figure",
-  "footer",
-  "form",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "header",
-  "hgroup",
-  "hr",
-  "li",
-  "main",
-  "nav",
-  "ol",
-  "p",
-  "pre",
-  "section",
-  "table",
-  "ul"
-]), Qo = ye.extend({
-  parseHTML() {
-    return [{
-      tag: "div",
-      getAttrs: (t) => {
-        for (const e of t.children)
-          if (Zo.has(e.tagName.toLowerCase()))
-            return !1;
-        return null;
-      }
-    }];
-  },
-  renderHTML({ HTMLAttributes: t }) {
-    return ["div", ot(this.options.HTMLAttributes, t), 0];
-  }
-}), ts = {
-  compatConfig: { MODE: 3 },
-  name: "MentionComponent",
-  components: {
-    NodeViewWrapper: mt,
-    DtLink: ve
-  },
-  props: pt,
-  computed: {
-    text() {
-      return "@" + this.$props.node.attrs.name;
-    }
-  },
-  methods: {
-    getMentionData() {
-      return {
-        name: this.$props.node.attrs.name,
-        id: this.$props.node.attrs.id,
-        avatarSrc: this.$props.node.attrs.avatarSrc,
-        contactKey: this.$props.node.attrs.contactKey
-      };
-    },
-    handleClick() {
-      this.$props.editor.emit("mention-click", this.getMentionData());
-    },
-    handleMouseEnter(t) {
-      this.$props.editor.emit("mention-hover", { ...this.getMentionData(), event: t });
-    },
-    handleMouseLeave(t) {
-      this.$props.editor.emit("mention-leave", { ...this.getMentionData(), event: t });
-    }
-  }
-};
-function es(t, e, n, i, o, s) {
-  const r = x("dt-link"), a = x("node-view-wrapper");
-  return O(), E(a, { class: "d-d-inline-block" }, {
-    default: T(() => [
-      I(r, {
-        kind: "mention",
-        onClick: Dt(s.handleClick, ["prevent"]),
-        onMouseenter: s.handleMouseEnter,
-        onMouseleave: s.handleMouseLeave,
-        onFocusin: s.handleMouseEnter,
-        onFocusout: s.handleMouseLeave
-      }, {
-        default: T(() => [
-          Y(B(s.text), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick", "onMouseenter", "onMouseleave", "onFocusin", "onFocusout"])
-    ]),
-    _: 1
-  });
-}
-const ns = /* @__PURE__ */ q(ts, [["render", es]]), is = Mt.extend({
-  addNodeView() {
-    return gt(ns);
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "mention-component"
-      }
-    ];
-  },
-  addAttributes() {
-    return {
-      name: {
-        default: ""
-      },
-      avatarSrc: {
-        default: ""
-      },
-      id: {
-        default: ""
-      },
-      contactKey: {
-        default: ""
-      }
-    };
-  },
-  renderText({ node: t }) {
-    return `@${t.attrs.id}`;
-  },
-  renderHTML({ HTMLAttributes: t }) {
-    return ["mention-component", ot(this.options.HTMLAttributes, t)];
-  }
-}).configure({
-  suggestion: {
-    char: "@",
-    pluginKey: new rt("mentionSuggestion")
-  }
-}), os = {
-  compatConfig: { MODE: 3 },
-  name: "ChannelComponent",
-  components: {
-    NodeViewWrapper: mt,
-    DtLink: ve,
-    DtIconLock: Jn,
-    DtStack: yt
-  },
-  props: pt,
-  computed: {
-    text() {
-      return this.$props.node.attrs.locked ? this.$props.node.attrs.name : "#" + this.$props.node.attrs.name;
-    }
-  },
-  methods: {
-    handleClick() {
-      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", t);
-    }
-  }
-};
-function ss(t, e, n, i, o, s) {
-  const r = x("dt-icon-lock"), a = x("dt-stack"), l = x("dt-link"), u = x("node-view-wrapper");
-  return O(), E(u, { class: "d-d-inline-block" }, {
-    default: T(() => [
-      I(l, {
-        kind: "mention",
-        onClick: Dt(s.handleClick, ["prevent"])
-      }, {
-        default: T(() => [
-          I(a, {
-            direction: "row",
-            gap: "0"
-          }, {
-            default: T(() => [
-              t.$props.node.attrs.locked ? (O(), E(r, {
-                key: 0,
-                size: "200"
-              })) : st("", !0),
-              dt("span", null, B(s.text), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["onClick"])
-    ]),
-    _: 1
-  });
-}
-const rs = /* @__PURE__ */ q(os, [["render", ss]]), as = Mt.extend({
-  name: "channel",
-  addNodeView() {
-    return gt(rs);
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "channel-component"
-      }
-    ];
-  },
-  addAttributes() {
-    return {
-      name: {
-        default: ""
-      },
-      id: {
-        default: ""
-      },
-      locked: {
-        default: !1
-      },
-      channelKey: {
-        default: ""
-      }
-    };
-  },
-  renderText({ node: t }) {
-    return `#${t.attrs.id}`;
-  },
-  renderHTML({ HTMLAttributes: t }) {
-    return ["channel-component", ot(this.options.HTMLAttributes, t)];
-  }
-}).configure({
-  suggestion: {
-    char: "#",
-    pluginKey: new rt("channelSuggestion")
-  }
-}), ls = {
-  compatConfig: { MODE: 3 },
-  name: "SlashCommandsComponent",
-  components: {
-    NodeViewWrapper: mt
-  },
-  props: {
-    ...pt
-  },
-  emits: ["selected-command"],
-  computed: {
-    text() {
-      return "/" + this.$props.node.attrs.command;
-    }
-  },
-  created() {
-    var n, i, o;
-    const t = this.$props.node.attrs.command;
-    this.$emit("selected-command", t);
-    const e = (o = (i = (n = this.editor) == null ? void 0 : n.storage) == null ? void 0 : i["slash-commands"]) == null ? void 0 : o.onSelectedCommand;
-    e && typeof e == "function" && e(t);
-  }
-};
-function cs(t, e, n, i, o, s) {
-  const r = x("node-view-wrapper");
-  return O(), E(r, { class: "d-d-inline-block" }, {
-    default: T(() => [
-      Y(B(s.text), 1)
-    ]),
-    _: 1
-  });
-}
-const ds = /* @__PURE__ */ q(ls, [["render", cs]]), us = (t, e) => [...t.matchAll(e)].map((i) => {
-  let o = i[2];
-  return o.endsWith(" ") || (o += " "), {
-    index: i.index,
-    text: o,
-    match: i
-  };
-}), hs = Mt.extend({
-  name: "slash-commands",
-  group: "inline",
-  inline: !0,
-  addOptions() {
-    var t;
-    return {
-      ...(t = this.parent) == null ? void 0 : t.call(this),
-      onSelectedCommand: null
-    };
-  },
-  addStorage() {
-    return {
-      onSelectedCommand: this.options.onSelectedCommand
-    };
-  },
-  addNodeView() {
-    return gt(ds);
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "command-component"
-      }
-    ];
-  },
-  addAttributes() {
-    return {
-      command: {
-        default: ""
-      },
-      parametersExample: {
-        default: ""
-      },
-      description: {
-        default: ""
-      }
-    };
-  },
-  renderText({ node: t }) {
-    return `/${t.attrs.command}`;
-  },
-  renderHTML({ HTMLAttributes: t }) {
-    return ["command-component", ot(this.options.HTMLAttributes, t)];
-  },
-  addInputRules() {
-    var n;
-    const t = (n = this.options.suggestion) == null ? void 0 : n.items({ query: "" }).map((i) => i.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) $`);
-    return [
-      sn({
-        find: e,
-        type: this.type,
-        getAttributes(i) {
-          return { command: i[2] };
-        }
-      })
-    ];
-  },
-  addPasteRules() {
-    var n;
-    const t = (n = this.options.suggestion) == null ? void 0 : n.items({ query: "" }).map((i) => i.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) ?$`, "g");
-    return [
-      St({
-        find: (i) => us(i, e),
-        type: this.type,
-        getAttributes(i) {
-          return { command: i[0].trim() };
-        }
-      })
-    ];
-  }
-}).configure({
-  suggestion: {
-    char: "/",
-    pluginKey: new rt("slashCommandSuggestion")
-  }
-}), fs = 100, ps = {
-  name: "VariableComponent",
-  components: {
-    DtBadge: ti,
-    DtButton: Te,
-    DtPopover: Qn,
-    DtInput: Zn,
-    NodeViewWrapper: mt
-  },
-  props: pt,
-  data() {
-    return {
-      i18n: new xe(),
-      MAX_VARIABLE_ALT_LENGTH: fs
-    };
-  },
-  computed: {
-    altText: {
-      get() {
-        var t, e;
-        return ((e = (t = this.node) == null ? void 0 : t.attrs) == null ? void 0 : e.altText) || "";
-      },
-      set(t) {
-        this.updateAttributes({ altText: t });
-      }
-    },
-    variableId() {
-      var t, e;
-      return (e = (t = this.node) == null ? void 0 : t.attrs) == null ? void 0 : e.id;
-    },
-    placeholder() {
-      var t;
-      return ((t = this.variableData) == null ? void 0 : t.placeholder) || "";
-    },
-    variableItems() {
-      var t, e;
-      return ((e = (t = this.extension) == null ? void 0 : t.options) == null ? void 0 : e.variableItems) || [];
-    },
-    variableData() {
-      return this.variableItems.find((t) => t.id === this.variableId);
-    },
-    enableAltText() {
-      var t, e;
-      return (e = (t = this.node) == null ? void 0 : t.attrs) == null ? void 0 : e.enableAltText;
-    },
-    badgeLabel() {
-      return `{} ${this.placeholder}`;
-    },
-    placeholderText() {
-      return `Replaces ${this.placeholder}`;
-    }
-  }
-};
-function ms(t, e, n, i, o, s) {
-  const r = x("dt-badge"), a = x("dt-button"), l = x("dt-input"), u = x("dt-popover"), d = x("node-view-wrapper");
-  return O(), E(d, { class: "d-d-inline-block" }, {
-    default: T(() => [
-      s.enableAltText ? (O(), E(u, {
-        key: 0,
-        padding: "small",
-        "navigation-type": "arrow-keys",
-        placement: "top-start",
-        modal: !1
-      }, {
-        anchor: T(({ attrs: c }) => [
-          I(a, ge(c, { kind: "unstyled" }), {
-            default: T(() => [
-              I(r, {
-                text: s.badgeLabel,
-                contenteditable: "false"
-              }, null, 8, ["text"])
-            ]),
-            _: 1
-          }, 16)
-        ]),
-        content: T(({ close: c }) => [
-          I(l, {
-            modelValue: s.altText,
-            "onUpdate:modelValue": e[0] || (e[0] = (h) => s.altText = h),
-            "root-class": "d-p-100 d-w332",
-            label: o.i18n.$t("DIALTONE_EDITOR_VARIABLE_LABEL"),
-            placeholder: s.placeholderText,
-            validate: {
-              length: {
-                description: o.i18n.$t("DIALTONE_EDITOR_VARIABLE_VALIDATE_DESCRIPTION"),
-                message: o.i18n.$t("DIALTONE_EDITOR_VARIABLE_VALIDATE_MESSAGE"),
-                max: o.MAX_VARIABLE_ALT_LENGTH,
-                warn: o.MAX_VARIABLE_ALT_LENGTH,
-                limitMaxLength: !0
-              }
-            },
-            onKeyup: gn((h) => c(), ["enter"])
-          }, null, 8, ["modelValue", "label", "placeholder", "validate", "onKeyup"])
-        ]),
-        _: 1
-      })) : (O(), E(r, {
-        key: 1,
-        text: s.badgeLabel,
-        contenteditable: "false"
-      }, null, 8, ["text"]))
-    ]),
-    _: 1
-  });
-}
-const gs = /* @__PURE__ */ q(ps, [["render", ms]]), ys = ce.create({
-  name: "variable",
-  group: "inline",
-  inline: !0,
-  selectable: !0,
-  atom: !0,
-  addOptions() {
-    return {
-      HTMLAttributes: {},
-      variableItems: []
-    };
-  },
-  addNodeView() {
-    return gt(gs);
-  },
-  addAttributes() {
-    return {
-      id: {
-        default: null,
-        parseHTML: (t) => t.getAttribute("data-variable-id"),
-        renderHTML: (t) => t.id ? {
-          "data-variable-id": t.id
-        } : {}
-      },
-      altText: {
-        default: "",
-        parseHTML: (t) => t.getAttribute("data-alt-text"),
-        renderHTML: (t) => t.altText ? {
-          "data-alt-text": t.altText
-        } : {}
-      },
-      enableAltText: {
-        default: !0,
-        parseHTML: (t) => t.getAttribute("data-enable-alt-text") === "true",
-        renderHTML: (t) => ({
-          "data-enable-alt-text": String(t.enableAltText)
-        })
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "variable"
-      }
-    ];
-  },
-  renderText({ node: t }) {
-    return t.attrs.altText;
-  },
-  renderHTML({ node: t, HTMLAttributes: e }) {
-    return [
-      "variable",
-      ot(this.options.HTMLAttributes, e, {
-        "data-variable-id": t.attrs.id,
-        "data-alt-text": t.attrs.altText,
-        "data-enable-alt-text": String(t.attrs.enableAltText)
-      })
-    ];
-  },
-  addCommands() {
-    return {
-      insertVariable: (t = {}) => ({ commands: e }) => e.insertContent({
-        type: this.name,
-        attrs: {
-          id: t.id || null,
-          altText: t.altText || "",
-          enableAltText: t.enableAltText
-        }
-      })
-    };
-  }
-}), ws = {
-  compatConfig: { MODE: 3 },
-  name: "MentionSuggestion",
-  components: {
-    DtAvatar: ii,
-    DtStack: yt,
-    DtText: _e
-  },
-  props: {
-    item: {
-      type: Object,
-      required: !0
-    }
-  },
-  computed: {
-    name() {
-      return this.item.name;
-    },
-    avatarSrc() {
-      return this.item.avatarSrc;
-    },
-    presence() {
-      return this.item.presence;
-    },
-    status() {
-      return this.item.status;
-    },
-    presenceText() {
-      return this.item.presenceText;
-    },
-    presenceFontColorClass() {
-      return {
-        active: "d-recipe-contact-row--active",
-        busy: "d-recipe-contact-row--busy",
-        away: "d-recipe-contact-row--away",
-        offline: "d-recipe-contact-row--busy"
-      }[this.presence];
-    },
-    showDetails() {
-      return this.item.showDetails;
-    }
-  }
-}, bs = { class: "d-mention-suggestion__name" };
-function vs(t, e, n, i, o, s) {
-  const r = x("dt-avatar"), a = x("dt-text"), l = x("dt-stack");
-  return O(), E(l, {
-    direction: "row",
-    class: "d-mention-suggestion__container",
-    gap: "100"
-  }, {
-    default: T(() => [
-      I(r, {
-        "full-name": s.name,
-        "image-src": s.avatarSrc,
-        "image-alt": s.name,
-        "show-presence": s.showDetails,
-        presence: s.presence,
-        size: 200
-      }, null, 8, ["full-name", "image-src", "image-alt", "show-presence", "presence"]),
-      I(l, {
-        class: "d-mention-suggestion__details-container",
-        gap: "1"
-      }, {
-        default: T(() => [
-          dt("span", bs, B(s.name), 1),
-          s.showDetails ? (O(), E(l, {
-            key: 0,
-            direction: "row",
-            gap: "50"
-          }, {
-            default: T(() => [
-              s.presenceText ? (O(), E(a, {
-                key: 0,
-                kind: "label",
-                size: 200,
-                strength: "normal",
-                class: me(["d-mention-suggestion__presence", [s.presenceFontColorClass]])
-              }, {
-                default: T(() => [
-                  Y(B(s.presenceText), 1)
-                ]),
-                _: 1
-              }, 8, ["class"])) : st("", !0),
-              s.status && s.presenceText ? (O(), E(a, {
-                key: 1,
-                kind: "label",
-                size: 200,
-                strength: "normal",
-                as: "div",
-                class: "d-mention-suggestion__divider"
-              }, {
-                default: T(() => [...e[0] || (e[0] = [
-                  Y(" • ", -1)
-                ])]),
-                _: 1
-              })) : st("", !0),
-              s.status ? (O(), E(a, {
-                key: 2,
-                kind: "label",
-                size: 200,
-                strength: "normal",
-                as: "div",
-                class: "d-mention-suggestion__status"
-              }, {
-                default: T(() => [
-                  Y(B(s.status), 1)
-                ]),
-                _: 1
-              })) : st("", !0)
-            ]),
-            _: 1
-          })) : st("", !0)
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  });
-}
-const xs = /* @__PURE__ */ q(ws, [["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,
-  render: kt(xs, "mention")
-}, _s = {
-  compatConfig: { MODE: 3 },
-  name: "ChannelSuggestion",
-  components: {
-    DtStack: yt,
-    DtIconHash: oi,
-    DtIconLock: si
-  },
-  props: {
-    item: {
-      type: Object,
-      required: !0
-    }
-  },
-  computed: {
-    name() {
-      return this.item.name;
-    }
-  }
-};
-function Os(t, e, n, i, o, s) {
-  const r = x("dt-icon-hash"), a = x("dt-icon-lock"), l = x("dt-stack");
-  return O(), E(l, {
-    direction: "row",
-    gap: "400"
-  }, {
-    default: T(() => [
-      n.item.locked ? (O(), E(a, {
-        key: 1,
-        size: "300"
-      })) : (O(), E(r, {
-        key: 0,
-        size: "300"
-      })),
-      dt("span", null, B(s.name), 1)
-    ]),
-    _: 1
-  });
-}
-const Cs = /* @__PURE__ */ q(_s, [["render", Os]]), ks = {
-  // 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: kt(Cs, "channel")
-}, Es = {
-  compatConfig: { MODE: 3 },
-  name: "SlashCommandSuggestion",
-  components: { DtText: _e },
-  props: {
-    item: {
-      type: Object,
-      required: !0
-    }
-  },
-  computed: {
-    command() {
-      return this.item.command;
-    },
-    description() {
-      return this.item.description;
-    },
-    parametersExample() {
-      return this.item.parametersExample;
-    }
-  }
-}, Ss = { key: 0 };
-function Ls(t, e, n, i, o, s) {
-  const r = x("dt-text");
-  return O(), ht("div", null, [
-    I(r, {
-      kind: "body",
-      size: 300,
-      density: 300,
-      as: "div"
-    }, {
-      default: T(() => [
-        dt("span", null, "/" + B(s.command), 1),
-        s.parametersExample ? (O(), ht("span", Ss, B(s.parametersExample), 1)) : st("", !0)
-      ]),
-      _: 1
-    }),
-    I(r, {
-      kind: "body",
-      size: 200,
-      tone: "tertiary",
-      as: "div"
-    }, {
-      default: T(() => [
-        Y(B(s.description), 1)
-      ]),
-      _: 1
-    })
-  ]);
-}
-const As = /* @__PURE__ */ q(Es, [["render", Ls]]), Is = {
-  // 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: kt(As, "slash-command")
-}, Ds = {
-  compatConfig: { MODE: 3 },
-  name: "DtRichTextEditor",
-  components: {
-    EditorContent: qe,
-    BubbleMenu: io,
-    DtButton: Te,
-    DtStack: yt
-  },
-  props: {
-    /**
-     * Value of the input. The object format should match TipTap's JSON
-     * document structure: https://tiptap.dev/guide/output#option-1-json
-     */
-    modelValue: {
-      type: [Object, String],
-      default: ""
-    },
-    /**
-     * Whether the input is editable
-     */
-    editable: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Prevents the user from typing any further. Deleting text will still work.
-     */
-    preventTyping: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * When this option is false the editor will only ever paste plain text, no rich text formatting will be applied,
-     * and any HTML will be rendered as text.
-     */
-    pasteRichText: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Whether the input allows for line breaks to be introduced in the text by pressing enter. If this is disabled,
-     * line breaks can still be entered by pressing shift+enter.
-     */
-    allowLineBreaks: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Descriptive label for the input element
-     */
-    inputAriaLabel: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Additional class name for the input element. Only accepts a String value
-     * because this is passed to the editor via options. For multiple classes,
-     * join them into one string, e.g. "d-p-100 d-hmx-150"
-     */
-    inputClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Whether the input should receive focus after the component has been
-     * mounted. Either one of `start`, `end`, `all` or a Boolean or a Number.
-     * - `start`  Sets the focus to the beginning of the input
-     * - `end`    Sets the focus to the end of the input
-     * - `all`    Selects the whole contents of the input
-     * - `Number` Sets the focus to a specific position in the input
-     * - `true`   Defaults to `start`
-     * - `false`  Disables autofocus
-     * @values true, false, start, end, all, number
-     */
-    autoFocus: {
-      type: [Boolean, String, Number],
-      default: !1,
-      validator(t) {
-        return typeof t == "string" ? ni.includes(t) : !0;
-      }
-    },
-    /**
-     * The output format that the editor uses when emitting the "@input" event.
-     * One of `text`, `json`, `html`, `markdown`. See https://tiptap.dev/guide/output for
-     * examples.
-     * @values text, json, html, markdown
-     */
-    outputFormat: {
-      type: String,
-      default: "html",
-      validator(t) {
-        return ei.includes(t);
-      }
-    },
-    /**
-     * Placeholder text
-     */
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Enables the TipTap Link extension and optionally passes configurations to it
-     *
-     * It is not recommended to use this and the custom link extension at the same time.
-     */
-    link: {
-      type: [Boolean, Object],
-      default: !1
-    },
-    /**
-     * Enables the Custom Link extension and optionally passes configurations to it
-     *
-     * It is not recommended to use this and the built in TipTap link extension at the same time.
-     *
-     * The custom link does some additional things on top of the built in TipTap link
-     * extension such as styling phone numbers and IP adresses as links, and allows you
-     * to linkify text without having to type a space after the link. Currently it is missing some
-     * functionality such as editing links and will likely require more work to be fully usable,
-     * so it is recommended to use the built in TipTap link for now.
-     */
-    customLink: {
-      type: [Boolean, Object],
-      default: !1
-    },
-    /**
-     * suggestion object containing the items query function.
-     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion
-     *
-     * The only required key is the items function which is used to query the contacts for suggestion.
-     * items({ query }) => { return [ContactObject]; }
-     * ContactObject format:
-     * { name: string, avatarSrc: string, id: string }
-     *
-     * When null, it does not add the plugin.
-     */
-    mentionSuggestion: {
-      type: Object,
-      default: null
-    },
-    /**
-     * suggestion object containing the items query function.
-     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion
-     *
-     * The only required key is the items function which is used to query the channels for suggestion.
-     * items({ query }) => { return [ChannelObject]; }
-     * ChannelObject format:
-     * { name: string, id: string, locked: boolean, channelKey?: string }
-     *
-     * When null, it does not add the plugin. Setting locked to true will display a lock rather than hash.
-     */
-    channelSuggestion: {
-      type: Object,
-      default: null
-    },
-    /**
-     * suggestion object containing the items query function.
-     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion
-     *
-     * The only required key is the items function which is used to query the slash commands for suggestion.
-     * items({ query }) => { return [SlashCommandObject]; }
-     * SlashCommandObject format:
-     * { command: string, description: string, parametersExample?: string }
-     * The "parametersExample" parameter is optional, and describes an example
-     * of the parameters that command can take.
-     *
-     * When null, it does not add the plugin.
-     * Note that slash commands only work when they are the first word in the input.
-     */
-    slashCommandSuggestion: {
-      type: Object,
-      default: null
-    },
-    /**
-     * Whether the input allows for block quote.
-     */
-    allowBlockquote: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Whether the input allows for bold to be introduced in the text.
-     */
-    allowBold: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Whether the input allows for bullet list to be introduced in the text.
-     */
-    allowBulletList: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Whether the input allows for italic to be introduced in the text.
-     */
-    allowItalic: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Whether the input allows for strike to be introduced in the text.
-     */
-    allowStrike: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Whether the input allows for underline to be introduced in the text.
-     */
-    allowUnderline: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Whether the input allows inline code (wrapped in backticks).
-     */
-    allowCode: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Whether the input allows codeblock to be introduced in the text.
-     */
-    allowCodeblock: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Whether the input allows inline images to be rendered.
-     */
-    allowInlineImages: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether the input allows color to be introduced in the text.
-     */
-    allowFontColor: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether the input allows background color to be introduced in the text.
-     */
-    allowBackgroundColor: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether the input allows font size to be introduced in the text.
-     */
-    allowFontSize: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether the input allows different font-families to be introduced in the text.
-     */
-    allowFontFamily: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether the input allows line height to be introduced in the text.
-     */
-    allowLineHeight: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether the input allows variables to be introduced in the text.
-     */
-    allowVariable: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Array of available variable items that can be inserted.
-     */
-    variableItems: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Additional TipTap extensions to be added to the editor.
-     */
-    additionalExtensions: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Manually hide the link bubble menu. The link bubble menu is shown when a link is selected via the cursor.
-     * There are some cases when you may want the link to remain selected but hide the bubble menu such as when You
-     * are showing a custom link editor popup.
-     */
-    hideLinkBubbleMenu: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Controls how whitespace is handled when parsing HTML content.
-     * - 'full': All whitespace is preserved
-     * - true: Whitespace in inline content is preserved, whitespace-only nodes between blocks are removed
-     * - false: Standard HTML whitespace collapsing
-     * @values full, true, false
-     */
-    preserveWhitespace: {
-      type: [Boolean, String],
-      default: "full"
-    },
-    /**
-     * Show text in HTML div tags instead of paragraph tags
-     */
-    useDivTags: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Allow Tables to be used in to the editor
-     */
-    allowTables: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether the input allows image resize to be introduced in the text.
-     */
-    allowImageResize: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    /**
-     * Editor input event
-     * @event input
-     * @type {String|JSON}
-     */
-    "input",
-    /**
-     * Input event always in JSON format.
-     * @event input
-     * @type {JSON}
-     */
-    "json-input",
-    /**
-     * Input event always in HTML format.
-     * @event input
-     * @type {HTML}
-     */
-    "html-input",
-    /**
-     * Input event always in text format.
-     * @event input
-     * @type {String}
-     */
-    "text-input",
-    /**
-     * Input event always in markdown format.
-     * @event input
-     * @type {String}
-     */
-    "markdown-input",
-    /**
-     * Event to sync the value with the parent
-     * @event update:value
-     * @type {String|JSON}
-     */
-    "update:modelValue",
-    /**
-     * Editor blur event
-     * @event blur
-     * @type {FocusEvent}
-     */
-    "blur",
-    /**
-     * Editor focus event
-     * @event focus
-     * @type {FocusEvent}
-     */
-    "focus",
-    /**
-     * Enter was pressed. Note that shift enter must be pressed to line break the input.
-     * @event enter
-     * @type {String}
-     */
-    "enter",
-    /**
-     * "Edit link" button was clicked. Fires an event for the consuming component to handle the editing of the link.
-     * event contains the link object with two properties href and text.
-     * @event edit-link
-     * @type {Object}
-     */
-    "edit-link",
-    /**
-     * "Selected" event is fired when the user selects text in the editor. returns the currently selected text.
-     * If the selected text is partially a link, the full link text is returned.
-     * @event selected
-     * @type {String}
-     */
-    "selected",
-    /**
-     * Event fired when a slash command is selected
-     * @event selected-command
-     * @type {String}
-     */
-    "selected-command",
-    /**
-     * Event fired when a mention is clicked
-     * @event mention-click
-     * @type {Object}
-     */
-    "mention-click",
-    /**
-     * Event fired when the cursor enters a mention. The payload includes the
-     * mention data (name, id, avatarSrc, contactKey) plus the native MouseEvent
-     * as `event`, which can be used for positioning a hovercard.
-     * @event mention-hover
-     * @type {Object}
-     */
-    "mention-hover",
-    /**
-     * Event fired when the cursor leaves a mention. The payload includes the
-     * mention data (name, id, avatarSrc, contactKey) plus the native MouseEvent
-     * as `event`.
-     * @event mention-leave
-     * @type {Object}
-     */
-    "mention-leave",
-    /**
-     * Event fired when a channel is clicked
-     * @event channel-click
-     * @type {Object}
-     */
-    "channel-click"
-  ],
-  data() {
-    return {
-      editor: null,
-      appendTo: () => {
-        var t;
-        return (t = jt(this.$refs.editor.$el).getRootNode()) == null ? void 0 : t.querySelector("body");
-      },
-      floatingOptions: {
-        placement: "top-start"
-      },
-      i18n: new xe()
-    };
-  },
-  computed: {
-    attrs() {
-      return {
-        ...this.$attrs,
-        onInput: () => {
-        },
-        onFocus: () => {
-        },
-        onBlur: () => {
-        }
-      };
-    },
-    // eslint-disable-next-line complexity
-    extensions() {
-      const t = [vn, Rn, xn, On];
-      t.push(this.useDivTags ? Qo : ye), this.allowBold && t.push(Cn), this.allowBlockquote && t.push(yn), this.allowBulletList && (t.push(kn), t.push(En.extend({
-        renderText({ node: i }) {
-          return i.textContent;
-        }
-      })), t.push(Sn)), this.allowItalic && t.push(Ln), this.allowStrike && t.push(In), this.allowUnderline && t.push(Dn), this.placeholder && t.push(
-        Tn.configure({ placeholder: this.placeholder })
-      );
-      const e = this, n = rn.create({
-        addKeyboardShortcuts() {
-          return {
-            "Shift-Enter": ({ editor: i }) => e.allowLineBreaks ? !1 : (i.commands.first(({ commands: o }) => [
-              () => o.newlineInCode(),
-              () => e.allowBulletList && o.splitListItem("listItem"),
-              () => o.createParagraphNear(),
-              () => o.liftEmptyBlock(),
-              () => o.splitBlock()
-            ]), !0),
-            Enter: () => e.allowLineBreaks ? !1 : (e.$emit("enter"), !0)
-          };
-        }
-      });
-      if (t.push(n), this.link && t.push(An.extend({
-        inclusive: !1,
-        addKeyboardShortcuts() {
-          return {
-            "Mod-k": () => (e.$emit("edit-link"), !0)
-          };
-        }
-      }).configure({
-        HTMLAttributes: {
-          class: "d-link d-wb-break-all"
-        },
-        openOnClick: !1,
-        autolink: !0,
-        protocols: Wt
-      })), this.customLink && t.push(this.getExtension(Go, this.customLink)), this.mentionSuggestion) {
-        const i = { ...this.mentionSuggestion, ...Ts };
-        t.push(is.configure({ suggestion: i }));
-      }
-      if (this.channelSuggestion) {
-        const i = { ...this.channelSuggestion, ...ks };
-        t.push(as.configure({ suggestion: i }));
-      }
-      if (this.slashCommandSuggestion) {
-        const i = { ...this.slashCommandSuggestion, ...Is };
-        t.push(hs.configure({
-          suggestion: i,
-          onSelectedCommand: (o) => {
-            this.$emit("selected-command", o);
-          }
-        }));
-      }
-      return this.allowVariable && t.push(ys.configure({
-        variableItems: this.variableItems
-      })), t.push(Fo), t.push(Mn.configure({
-        types: ["paragraph"]
-      })), this.allowCode && t.push(bn), this.allowCodeblock && t.push(wn.extend({
-        renderText({ node: i }) {
-          return `\`\`\`
-${i.textContent}
-\`\`\``;
-        }
-      }).configure({
-        HTMLAttributes: {
-          class: "d-rich-text-editor__code-block"
-        }
-      })), this.allowInlineImages && t.push(Jo.configure({
-        resize: {
-          enabled: this.allowImageResize,
-          alwaysPreserveAspectRatio: !0
-        }
-      })), (this.allowFontFamily || this.allowFontColor || this.allowFontSize || this.allowBackgroundColor || this.allowLineHeight) && (t.push(Vn.configure({
-        color: this.allowFontColor,
-        backgroundColor: this.allowBackgroundColor,
-        fontFamily: this.allowFontFamily,
-        fontSize: this.allowFontSize,
-        lineHeight: this.allowLineHeight
-      })), t.push(fo)), this.additionalExtensions.length && t.push(...this.additionalExtensions), this.allowTables && t.push(
-        lo.configure({ resizable: !0 }),
-        co,
-        ho,
-        uo,
-        _n
-      ), t;
-    },
-    inputAttrs() {
-      const t = {
-        "aria-label": this.inputAriaLabel,
-        "aria-multiline": !0,
-        role: "textbox"
-      };
-      return this.editable || (t["aria-readonly"] = !0), t;
-    }
-  },
-  /**
-   * Because the Editor instance is initialized when mounted it does not get
-   * updated props automatically, so the ones that can change after mount have
-   * to be hooked up to the Editor's own API.
-   */
-  watch: {
-    editable(t) {
-      this.editor.setEditable(t), this.updateEditorAttributes({ "aria-readonly": !t });
-    },
-    inputClass(t) {
-      this.updateEditorAttributes({ class: t });
-    },
-    inputAriaLabel(t) {
-      this.updateEditorAttributes({ "aria-label": t });
-    },
-    extensions() {
-      this.destroyEditor(), this.createEditor();
-    },
-    modelValue(t) {
-      this.processValue(t);
-    }
-  },
-  created() {
-    this.createEditor();
-  },
-  beforeUnmount() {
-    this.destroyEditor();
-  },
-  mounted() {
-    Yn(jt(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
-  },
-  methods: {
-    createEditor() {
-      this.editor = new Xe({
-        autofocus: this.autoFocus,
-        content: this.modelValue,
-        editable: this.editable,
-        extensions: this.extensions,
-        shouldRerenderOnTransaction: !1,
-        parseOptions: {
-          preserveWhitespace: this.preserveWhitespace
-        },
-        editorProps: {
-          attributes: {
-            ...this.inputAttrs,
-            class: this.inputClass
-          },
-          handleKeyDown: (t, e) => {
-            if (!this.preventTyping) return !1;
-            const n = ["Backspace"];
-            return !this.allowLineBreaks && !e.shiftKey && n.push("Enter"), !n.includes(e.key);
-          },
-          handlePaste: (t, e) => {
-            const n = e.clipboardData || window.clipboardData, i = n.getData("text/plain"), o = n.getData("text/html");
-            return this.processPasteData(t, i, o);
-          },
-          // Moves the <br /> tags inside the previous closing tag to avoid
-          // Prosemirror wrapping them within another </p> tag.
-          transformPastedHTML(t) {
-            return t.replace(/(<\/\w+>)((<br \/>)+)/g, "$2$3$1");
-          }
-        }
-      }), this.addEditorListeners();
-    },
-    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(t) {
-      var a, l, u;
-      const { view: e, state: n } = t, { from: i, to: o } = e.state.selection, s = n.doc.textBetween(i, o, ""), r = this.editor.state.doc.nodeAt(i);
-      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 t = this.getSelectedLinkText(this.editor), e = {
-        href: this.editor.getAttributes("link").href,
-        text: t
-      };
-      this.$emit("edit-link", e);
-    },
-    removeLink() {
-      var t, e, n, i;
-      (i = (n = (e = (t = this.editor) == null ? void 0 : t.chain()) == null ? void 0 : e.focus()) == null ? void 0 : n.unsetLink()) == null || i.run();
-    },
-    openLink() {
-      var e, n;
-      (n = (e = this.editor) == null ? void 0 : e.chain()) == null || n.focus();
-      const t = this.editor.getAttributes("link").href;
-      window.open(t, "_blank");
-    },
-    setLink(t, e, n, i = Wt, o) {
-      var a, l, u;
-      if (!t) {
-        this.removeLink();
-        return;
-      }
-      i.find((d) => d.test(t)) || (t = `${o}${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: n.class }).run();
-    },
-    processValue(t, e = !0) {
-      if (!this.editor) return;
-      const n = this.getOutput();
-      if (!(e && ri(t, n))) {
-        if (typeof t == "string" && this.outputFormat === "text") {
-          const i = new RegExp(`(${we})`, "g");
-          t = t == null ? void 0 : t.replace(i, '<emoji-component code="$1"></emoji-component>');
-        }
-        this.editor.commands.setContent(t, {
-          emitUpdate: !1,
-          parseOptions: { preserveWhitespace: this.preserveWhitespace }
-        });
-      }
-    },
-    destroyEditor() {
-      this.editor.destroy();
-    },
-    insertPlainTextWithHardBreaks(t, e) {
-      const o = (this.pasteRichText ? e : e.replace(/\r\n/g, `
-`).replace(/\n\n/g, `
-`)).replace(/[\r\n]+$/, "").split(/\r?\n/), s = [];
-      for (let r = 0; r < o.length; r++)
-        r > 0 && s.push({ type: "hardBreak" }), o[r] && s.push({ type: "text", text: o[r] });
-      this.editor.chain().focus().insertContent(s).run();
-    },
-    shouldPreserveLineBreaks(t, e) {
-      return this.pasteRichText ? !e && t && this.hasBlankLines(t) : !!t;
-    },
-    processPasteData(t, e, n) {
-      if (this.shouldPreserveLineBreaks(e, n))
-        return this.insertPlainTextWithHardBreaks(t, e), !0;
-      if (this.shouldHandlePreformattedHTML(n)) {
-        const i = this.extractPreformattedText(n);
-        if (i && i.includes(`
-`))
-          return this.insertPlainTextWithHardBreaks(t, i), !0;
-      }
-      return !1;
-    },
-    shouldHandlePreformattedHTML(t) {
-      return this.pasteRichText && t && this.containsPreformattedContent(t);
-    },
-    containsPreformattedContent(t) {
-      const e = document.createElement("div");
-      e.innerHTML = t;
-      const n = e.querySelectorAll("*");
-      for (const i of n)
-        if (this.hasPreWhitespace(i) && this.hasLineBreaks(i))
-          return !0;
-      return !1;
-    },
-    hasPreWhitespace(t) {
-      const e = t.getAttribute("style") || "", n = t.style.whiteSpace || "", i = n === "pre" || n === "pre-wrap", o = e.includes("white-space: pre");
-      return i || o;
-    },
-    hasLineBreaks(t) {
-      return t.textContent && t.textContent.includes(`
-`);
-    },
-    hasBlankLines(t) {
-      return t.includes(`
-
-`) || /\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 n of t.childNodes)
-            e += this.walkAndExtractText(n);
-      return e;
-    },
-    triggerInputChangeEvents() {
-      const t = this.getOutput();
-      this.$emit("input", t), this.$emit("update:modelValue", t);
-      const e = this.editor.getJSON();
-      this.$emit("json-input", e);
-      const n = this.editor.getHTML();
-      this.$emit("html-input", n);
-      const i = this.editor.getText({ blockSeparator: `
-` });
-      this.$emit("text-input", i);
-      const o = Kt(e, this.extensions);
-      this.$emit("markdown-input", o);
-    },
-    /**
-     * The Editor exposes event hooks that we have to map our emits into. See
-     * https://tiptap.dev/api/events for all events.
-     */
-    addEditorListeners() {
-      this.editor.on("create", () => {
-        this.triggerInputChangeEvents();
-      }), this.editor.on("update", () => {
-        this.triggerInputChangeEvents();
-      }), 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("mention-hover", (t) => {
-        this.$emit("mention-hover", t);
-      }), this.editor.on("mention-leave", (t) => {
-        this.$emit("mention-leave", t);
-      }), this.editor.on("channel-click", (t) => {
-        this.$emit("channel-click", t);
-      });
-    },
-    getOutput() {
-      switch (this.outputFormat) {
-        case "json":
-          return this.editor.getJSON();
-        case "html":
-          return this.editor.getHTML();
-        case "markdown":
-          return Kt(this.editor.getJSON(), this.extensions);
-        case "text":
-        default:
-          return this.editor.getText({ blockSeparator: `
-` });
-      }
-    },
-    getExtension(t, e) {
-      var n;
-      return typeof e == "boolean" ? t : (n = t.configure) == null ? void 0 : n.call(t, e);
-    },
-    updateEditorAttributes(t) {
-      this.editor.setOptions({
-        editorProps: {
-          attributes: {
-            ...this.inputAttrs,
-            class: this.inputClass,
-            ...t
-          }
-        }
-      });
-    },
-    focusEditor() {
-      this.editor.commands.focus();
-    }
-  }
-}, Rs = { class: "d-popover__dialog" };
-function Ms(t, e, n, i, o, s) {
-  const r = x("dt-button"), a = x("dt-stack"), l = x("bubble-menu"), u = x("editor-content");
-  return O(), ht("div", null, [
-    o.editor && n.link && !n.hideLinkBubbleMenu ? (O(), E(l, {
-      key: 0,
-      editor: o.editor,
-      "should-show": s.bubbleMenuShouldShow,
-      options: o.floatingOptions,
-      "append-to": o.appendTo,
-      style: { visibility: "visible" }
-    }, {
-      default: T(() => [
-        dt("div", Rs, [
-          I(a, {
-            direction: "row",
-            class: "d-rich-text-editor-bubble-menu__button-stack",
-            gap: "0"
-          }, {
-            default: T(() => [
-              I(r, {
-                kind: "muted",
-                importance: "clear",
-                onClick: s.editLink
-              }, {
-                default: T(() => [
-                  Y(B(o.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")), 1)
-                ]),
-                _: 1
-              }, 8, ["onClick"]),
-              I(r, {
-                kind: "muted",
-                importance: "clear",
-                onClick: s.openLink
-              }, {
-                default: T(() => [
-                  Y(B(o.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")), 1)
-                ]),
-                _: 1
-              }, 8, ["onClick"]),
-              I(r, {
-                kind: "danger",
-                importance: "clear",
-                onClick: s.removeLink
-              }, {
-                default: T(() => [
-                  Y(B(o.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")), 1)
-                ]),
-                _: 1
-              }, 8, ["onClick"])
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      _: 1
-    }, 8, ["editor", "should-show", "options", "append-to"])) : st("", !0),
-    I(u, ge({
-      ref: "editor",
-      editor: o.editor,
-      class: "d-rich-text-editor",
-      "data-qa": "dt-rich-text-editor"
-    }, s.attrs), null, 16, ["editor"])
-  ]);
-}
-const Er = /* @__PURE__ */ q(Ds, [["render", Ms]]);
-export {
-  Er as default
-};
-//# sourceMappingURL=rich-text-editor.js.map
+import { t as e } from "../../rich_text_editor-Ba67C4Uk.js";
+export { e as default };