@dialpad/dialtone 9.122.0 → 9.123.0

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

@@ -1,5 +1,5 @@
-import { NodeViewWrapper as _, nodeViewProps as y, VueRenderer as b, VueNodeViewRenderer as w, EditorContent as P, BubbleMenu as H, Editor as F } from "../../node_modules/@tiptap/vue-2.js";
-import { Node as q, mergeAttributes as m, InputRule as K, nodePasteRule as R, getMarksBetween as U, combineTransactionSteps as N, getChangedRanges as V, findChildrenInRange as z, Mark as W, nodeInputRule as X, Extension as J } from "@tiptap/core";
+import { NodeViewWrapper as _, nodeViewProps as y, VueRenderer as w, VueNodeViewRenderer as b, EditorContent as P, BubbleMenu as H, Editor as F } from "../../node_modules/@tiptap/vue-2.js";
+import { Node as q, mergeAttributes as m, InputRule as K, nodePasteRule as T, getMarksBetween as U, combineTransactionSteps as N, getChangedRanges as V, findChildrenInRange as z, Mark as W, nodeInputRule as X, Extension as J } from "@tiptap/core";
 import Y from "@tiptap/extension-blockquote";
 import G from "@tiptap/extension-code-block";
 import Q from "@tiptap/extension-code";
@@ -10,12 +10,12 @@ import te from "@tiptap/extension-hard-break";
 import ne from "@tiptap/extension-bold";
 import re from "@tiptap/extension-bullet-list";
 import ie from "@tiptap/extension-italic";
-import oe from "@tiptap/extension-link";
-import se from "@tiptap/extension-list-item";
+import se from "@tiptap/extension-link";
+import oe from "@tiptap/extension-list-item";
 import ae from "@tiptap/extension-ordered-list";
 import le from "@tiptap/extension-strike";
-import de from "@tiptap/extension-underline";
-import ce from "@tiptap/extension-text";
+import ce from "@tiptap/extension-underline";
+import de from "@tiptap/extension-text";
 import ue from "@tiptap/extension-text-align";
 import me from "@tiptap/extension-history";
 import he from "@tiptap/extension-text-style";
@@ -24,18 +24,18 @@ import pe from "@tiptap/extension-font-family";
 import { PluginKey as f, Plugin as ge } from "@tiptap/pm/state";
 import _e from "@tiptap/suggestion";
 import { emojiPattern as M } from "regex-combined-emojis";
-import { n as d } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+import { n as c } from "../../_plugin-vue2_normalizer-CeySl7Fu.js";
 import O from "../emoji/emoji.js";
-import { stringToUnicode as ye, codeToEmojiData as E, emojiRegex as be, emojiShortCodeRegex as we } from "../../common/emoji/index.js";
+import { stringToUnicode as ye, codeToEmojiData as E, emojiRegex as we, emojiShortCodeRegex as be } from "../../common/emoji/index.js";
 import { emojisIndexed as ve } from "@dialpad/dialtone-emojis";
 import xe from "../list-item/list-item.js";
 import v from "../stack/stack.js";
 import x from "tippy.js";
-import { linkRegex as ke, getPhoneNumberRegex as Ce, warnIfUnmounted as Se } from "../../common/utils/index.js";
-import Re from "@tiptap/extension-image";
+import { linkRegex as Ce, getPhoneNumberRegex as ke, warnIfUnmounted as Se } from "../../common/utils/index.js";
+import Te from "@tiptap/extension-image";
 import $ from "@tiptap/extension-mention";
-import B from "../link/link.js";
-import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Te, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Ee, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as L } from "./rich-text-editor-constants.js";
+import D from "../link/link.js";
+import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Re, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Ee, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as L } from "./rich-text-editor-constants.js";
 import $e from "../avatar/avatar.js";
 import Le from "@dialpad/dialtone-icons/vue2/hash";
 import Ie from "@dialpad/dialtone-icons/vue2/lock";
@@ -50,14 +50,17 @@ const Me = {
   props: y
 };
 var Oe = function() {
-  var t = this, r = t._self._c;
-  return r("node-view-wrapper", { staticClass: "d-d-inline-block d-va-bottom d-lh0" }, [r("dt-emoji", { attrs: { size: "500", code: t.node.attrs.code } })], 1);
-}, Be = [], De = /* @__PURE__ */ d(
+  var e = this, r = e._self._c;
+  return r("node-view-wrapper", { staticClass: "d-d-inline-block d-va-bottom d-lh0" }, [r("dt-emoji", { attrs: { size: "500", code: e.node.attrs.code } })], 1);
+}, De = [], Be = /* @__PURE__ */ c(
   Me,
   Oe,
-  Be
+  De,
+  !1,
+  null,
+  null
 );
-const Pe = De.exports, He = {
+const Pe = Be.exports, He = {
   name: "SuggestionList",
   components: {
     DtListItem: xe
@@ -91,8 +94,8 @@ const Pe = De.exports, He = {
     }
   },
   methods: {
-    onKeyDown({ event: e }) {
-      return e.key === "ArrowUp" ? (this.upHandler(), !0) : e.key === "ArrowDown" ? (this.downHandler(), !0) : e.key === "Enter" || e.key === "Tab" ? (this.selectHandler(), !0) : !1;
+    onKeyDown({ event: t }) {
+      return t.key === "ArrowUp" ? (this.upHandler(), !0) : t.key === "ArrowDown" ? (this.downHandler(), !0) : t.key === "Enter" || t.key === "Tab" ? (this.selectHandler(), !0) : !1;
     },
     upHandler() {
       this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length, this.scrollActiveElementIntoView();
@@ -102,8 +105,8 @@ const Pe = De.exports, He = {
     },
     async scrollActiveElementIntoView() {
       await this.$nextTick();
-      const e = this.$refs.suggestionList.querySelector(".d-list-item--highlighted");
-      e && e.scrollIntoView({
+      const t = this.$refs.suggestionList.querySelector(".d-list-item--highlighted");
+      t && t.scrollIntoView({
         behaviour: "smooth",
         block: "center"
       });
@@ -111,43 +114,46 @@ const Pe = De.exports, He = {
     selectHandler() {
       this.selectItem(this.selectedIndex);
     },
-    selectItem(e) {
-      const t = this.items[e];
+    selectItem(t) {
+      const e = this.items[t];
       switch (this.itemType) {
         case "emoji":
-          this.command(t);
+          this.command(e);
           return;
         case "mention":
-          this.command({ name: t.name, id: t.id, avatarSrc: t.avatarSrc });
+          this.command({ name: e.name, id: e.id, avatarSrc: e.avatarSrc });
           break;
         case "channel":
-          this.command({ name: t.name, id: t.id });
+          this.command({ name: e.name, id: e.id });
           break;
         case "slash-command":
-          this.command({ command: t.command });
+          this.command({ command: e.command });
           break;
       }
     }
   }
 };
 var Fe = function() {
-  var t = this, r = t._self._c;
-  return r("div", { staticClass: "d-popover__dialog d-suggestion-list__container" }, [r("ul", { directives: [{ name: "show", rawName: "v-show", value: t.items.length, expression: "items.length" }], ref: "suggestionList", staticClass: "d-suggestion-list" }, t._l(t.items, function(n, i) {
+  var e = this, r = e._self._c;
+  return r("div", { staticClass: "d-popover__dialog d-suggestion-list__container" }, [r("ul", { directives: [{ name: "show", rawName: "v-show", value: e.items.length, expression: "items.length" }], ref: "suggestionList", staticClass: "d-suggestion-list" }, e._l(e.items, function(n, i) {
     return r("dt-list-item", { key: n.id, class: [
       "d-suggestion-list__item",
-      { "d-list-item--highlighted": i === t.selectedIndex }
-    ], attrs: { "navigation-type": "arrow-keys" }, on: { click: function(s) {
-      return t.selectItem(i);
-    }, keydown: function(s) {
-      return s.preventDefault(), t.onKeyDown.apply(null, arguments);
-    } } }, [r(t.itemComponent, { tag: "component", attrs: { item: n } })], 1);
+      { "d-list-item--highlighted": i === e.selectedIndex }
+    ], attrs: { "navigation-type": "arrow-keys" }, on: { click: function(o) {
+      return e.selectItem(i);
+    }, keydown: function(o) {
+      return o.preventDefault(), e.onKeyDown.apply(null, arguments);
+    } } }, [r(e.itemComponent, { tag: "component", attrs: { item: n } })], 1);
   }), 1)]);
-}, qe = [], Ke = /* @__PURE__ */ d(
+}, qe = [], Ke = /* @__PURE__ */ c(
   He,
   Fe,
-  qe
+  qe,
+  !1,
+  null,
+  null
 );
-const k = Ke.exports, Ue = {
+const C = Ke.exports, Ue = {
   name: "EmojiSuggestion",
   components: {
     DtEmoji: O,
@@ -161,57 +167,60 @@ const k = Ke.exports, Ue = {
   }
 };
 var Ne = function() {
-  var t = this, r = t._self._c;
-  return r("dt-stack", { attrs: { direction: "row", gap: "400" } }, [r("dt-emoji", { attrs: { size: "200", code: t.item.code } }), t._v(" " + t._s(t.item.code) + " ")], 1);
-}, Ve = [], ze = /* @__PURE__ */ d(
+  var e = this, r = e._self._c;
+  return r("dt-stack", { attrs: { direction: "row", gap: "400" } }, [r("dt-emoji", { attrs: { size: "200", code: e.item.code } }), e._v(" " + e._s(e.item.code) + " ")], 1);
+}, Ve = [], ze = /* @__PURE__ */ c(
   Ue,
   Ne,
-  Ve
+  Ve,
+  !1,
+  null,
+  null
 );
-const We = ze.exports, C = {
+const We = ze.exports, k = {
   name: "hideOnEsc",
   defaultValue: !0,
-  fn({ hide: e }) {
-    function t(r) {
-      r.keyCode === 27 && e();
+  fn({ hide: t }) {
+    function e(r) {
+      r.keyCode === 27 && t();
     }
     return {
       onShow() {
-        document.addEventListener("keydown", t);
+        document.addEventListener("keydown", e);
       },
       onHide() {
-        document.removeEventListener("keydown", t);
+        document.removeEventListener("keydown", e);
       }
     };
   }
 }, Xe = 20, Je = {
-  items: ({ query: e }) => {
-    if (e.length < 2)
+  items: ({ query: t }) => {
+    if (t.length < 2)
       return [];
-    const t = Object.values(ve);
-    return e = e.toLowerCase(), t.filter(
+    const e = Object.values(ve);
+    return t = t.toLowerCase(), e.filter(
       (n) => [
         n.name,
         n.shortname.replaceAll(":", ""),
         ...n.keywords
-      ].some((i) => i.startsWith(e))
+      ].some((i) => i.startsWith(t))
     ).splice(0, Xe).map((n) => ({ code: n.shortname }));
   },
-  command: ({ editor: e, range: t, props: r }) => {
-    var s, o;
-    const n = e.view.state.selection.$to.nodeAfter;
-    ((s = n == null ? void 0 : n.text) == null ? void 0 : s.startsWith(" ")) && (t.to += 1), e.chain().focus().insertContentAt(t, [
+  command: ({ editor: t, range: e, props: r }) => {
+    var o, s;
+    const n = t.view.state.selection.$to.nodeAfter;
+    ((o = n == null ? void 0 : n.text) == null ? void 0 : o.startsWith(" ")) && (e.to += 1), t.chain().focus().insertContentAt(e, [
       {
         type: "emoji",
         attrs: r
       }
-    ]).run(), (o = window.getSelection()) == null || o.collapseToEnd();
+    ]).run(), (s = window.getSelection()) == null || s.collapseToEnd();
   },
   render: () => {
-    let e, t, r = !1;
+    let t, e, r = !1;
     return {
       onStart: (n) => {
-        e = new b(k, {
+        t = new w(C, {
           parent: void 0,
           propsData: {
             itemComponent: We,
@@ -219,10 +228,10 @@ const We = ze.exports, C = {
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = x("body", {
+        }), n.clientRect && (e = x("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
-          content: e.element,
+          content: t.element,
           showOnCreate: !1,
           onShow: () => {
             r = !0;
@@ -234,28 +243,28 @@ const We = ze.exports, C = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [C]
-        }), n.items.length > 0 && (t == null || t[0].show()));
+          plugins: [k]
+        }), n.items.length > 0 && (e == null || e[0].show()));
       },
       onUpdate(n) {
-        e == null || e.updateProps(n), n.items.length > 0 ? t == null || t[0].show() : t == null || t[0].hide(), t == null || t[0].setProps({
+        t == null || t.updateProps(n), n.items.length > 0 ? e == null || e[0].show() : e == null || e[0].hide(), e == null || e[0].setProps({
           getReferenceClientRect: n.clientRect
         });
       },
       onKeyDown(n) {
         var i;
         if (r)
-          return (i = e == null ? void 0 : e.ref) == null ? void 0 : i.onKeyDown(n);
+          return (i = t == null ? void 0 : t.ref) == null ? void 0 : i.onKeyDown(n);
       },
       onExit() {
-        t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
+        e == null || e[0].destroy(), e = null, t == null || t.destroy(), t = null;
       }
     };
   }
-}, Ye = /(:\w+:)$/, Ge = new RegExp(M + "$"), Qe = (e) => {
-  if (e && E(e[0]))
-    return { text: e[2] || e[0] };
-}, Ze = (e) => [...e.matchAll(we)].filter((r) => E(r[0])).map((r) => ({
+}, Ye = /(:\w+:)$/, Ge = new RegExp(M + "$"), Qe = (t) => {
+  if (t && E(t[0]))
+    return { text: t[2] || t[0] };
+}, Ze = (t) => [...t.matchAll(be)].filter((r) => E(r[0])).map((r) => ({
   index: r.index,
   text: r[0],
   match: r
@@ -271,7 +280,7 @@ const We = ze.exports, C = {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return w(Pe);
+    return b(Pe);
   },
   addAttributes() {
     return {
@@ -287,44 +296,44 @@ const We = ze.exports, C = {
       }
     ];
   },
-  renderText({ node: e }) {
-    return ye(E(e.attrs.code).unicode_output);
+  renderText({ node: t }) {
+    return ye(E(t.attrs.code).unicode_output);
   },
-  renderHTML({ HTMLAttributes: e }) {
-    return ["emoji-component", m(this.options.HTMLAttributes, e)];
+  renderHTML({ HTMLAttributes: t }) {
+    return ["emoji-component", m(this.options.HTMLAttributes, t)];
   },
   addInputRules() {
     return [
       new K({
-        find: (e) => {
-          const t = e.match(Ye) || e.match(Ge);
-          if (t)
-            return Qe(t);
+        find: (t) => {
+          const e = t.match(Ye) || t.match(Ge);
+          if (e)
+            return Qe(e);
         },
-        handler: ({ state: e, range: t, match: r, commands: n, chain: i, can: s }) => {
-          const { tr: o } = e, a = t.from, l = t.to;
-          o.replaceWith(a, l, this.type.create({ code: r[0] }));
+        handler: ({ state: t, range: e, match: r, commands: n, chain: i, can: o }) => {
+          const { tr: s } = t, a = e.from, l = e.to;
+          s.replaceWith(a, l, this.type.create({ code: r[0] }));
         }
       })
     ];
   },
   addPasteRules() {
     return [
-      R({
+      T({
         find: Ze,
         type: this.type,
-        getAttributes(e) {
+        getAttributes(t) {
           return {
-            code: e[0]
+            code: t[0]
           };
         }
       }),
-      R({
-        find: be,
+      T({
+        find: we,
         type: this.type,
-        getAttributes(e) {
+        getAttributes(t) {
           return {
-            code: e[0]
+            code: t[0]
           };
         }
       })
@@ -343,42 +352,42 @@ const We = ze.exports, C = {
   },
   addKeyboardShortcuts() {
     return {
-      Backspace: () => this.editor.commands.command(({ tr: e, state: t }) => {
+      Backspace: () => this.editor.commands.command(({ tr: t, state: e }) => {
         let r = !1;
-        const { selection: n } = t, { empty: i, anchor: s } = n;
-        return i ? (t.doc.nodesBetween(s - 1, s, (o, a) => {
-          if (o.type.name === this.name)
-            return r = !0, e.insertText("", a, a + o.nodeSize), !1;
+        const { selection: n } = e, { empty: i, anchor: o } = n;
+        return i ? (e.doc.nodesBetween(o - 1, o, (s, a) => {
+          if (s.type.name === this.name)
+            return r = !0, t.insertText("", a, a + s.nodeSize), !1;
         }), r) : !1;
       })
     };
   }
 });
-function tt(e, t, r = () => !0) {
+function tt(t, e, r = () => !0) {
   const n = [];
-  t.lastIndex = 0;
+  e.lastIndex = 0;
   let i;
-  for (; i = t.exec(e); )
-    r(e, i) && n.push(i);
+  for (; i = e.exec(t); )
+    r(t, i) && n.push(i);
   return n;
 }
-function nt(e, t) {
-  return !["#", "@"].includes(e.charAt(t.index)) && !["#", "@"].includes(e.charAt(t.index - 1));
+function nt(t, e) {
+  return !["#", "@"].includes(t.charAt(e.index)) && !["#", "@"].includes(t.charAt(e.index - 1));
 }
-function rt(e) {
-  const t = new RegExp(
+function rt(t) {
+  const e = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
       "(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"
     ].join("|"),
     "g"
   );
-  return e.replace(t, "");
+  return t.replace(e, "");
 }
-function it(e, t) {
-  const r = e.slice(0, t + 1).search(/\S+\s*$/), n = e.slice(t).search(/\s/);
+function it(t, e) {
+  const r = t.slice(0, e + 1).search(/\S+\s*$/), n = t.slice(e).search(/\s/);
   if (n < 0) {
-    const i = e.slice(r);
+    const i = t.slice(r);
     return {
       text: i,
       from: r,
@@ -386,61 +395,61 @@ function it(e, t) {
     };
   }
   return {
-    text: e.slice(r, n + t),
+    text: t.slice(r, n + e),
     from: r,
-    to: n + t
+    to: n + e
   };
 }
-function T(e, t, r, n) {
-  const i = it(e, t);
+function R(t, e, r, n) {
+  const i = it(t, e);
   if (n.lastIndex = 0, !n.test(i.text))
     return i;
-  const s = r === "left" ? i.from - 1 : i.to + 1;
-  return s <= 0 || s >= e.length || s === t ? i : T(e, s, r, n);
+  const o = r === "left" ? i.from - 1 : i.to + 1;
+  return o <= 0 || o >= t.length || o === e ? i : R(t, o, r, n);
 }
-function ot(e, t, r, n) {
-  const i = Math.max(e.from - 1, 0), s = Math.min(e.to + 1, t.content.size), o = U(i, s, t);
-  for (const a of o)
+function st(t, e, r, n) {
+  const i = Math.max(t.from - 1, 0), o = Math.min(t.to + 1, e.content.size), s = U(i, o, e);
+  for (const a of s)
     a.mark.type === n && r.removeMark(a.from, a.to, n);
 }
-const I = Ce(1, 15);
-function A(e, t, r, n, i, s) {
-  if (!e)
+const I = ke(1, 15);
+function A(t, e, r, n, i, o) {
+  if (!t)
     return;
-  let o = r - t - 1;
-  o = o < 0 ? 0 : o;
-  const a = n - t, l = T(
-    e,
-    o,
+  let s = r - e - 1;
+  s = s < 0 ? 0 : s;
+  const a = n - e, l = R(
+    t,
+    s,
     "left",
     I
-  ), c = T(
-    e,
+  ), d = R(
+    t,
     a,
     "right",
     I
-  ), u = e.slice(l.from, c.to);
-  tt(u, ke, nt).forEach((S) => {
-    const h = rt(S[0]), g = t + l.from + S.index + 1, D = g + h.length;
-    i.addMark(g, D, s.create());
+  ), u = t.slice(l.from, d.to);
+  tt(u, Ce, nt).forEach((S) => {
+    const h = rt(S[0]), g = e + l.from + S.index + 1, B = g + h.length;
+    i.addMark(g, B, o.create());
   });
 }
-function st(e) {
-  let t = !1;
+function ot(t) {
+  let e = !1;
   return new ge({
     key: new f("autolink"),
     appendTransaction: (r, n, i) => {
-      const s = r.some((u) => u.docChanged) && !n.doc.eq(i.doc);
-      if (t && !s)
+      const o = r.some((u) => u.docChanged) && !n.doc.eq(i.doc);
+      if (e && !o)
         return;
-      const { tr: o } = i, { textContent: a } = i.doc;
-      t || A(a, 0, 0, a.length, o, e.type), t = !0;
+      const { tr: s } = i, { textContent: a } = i.doc;
+      e || A(a, 0, 0, a.length, s, t.type), e = !0;
       const l = N(
         n.doc,
         [...r]
       );
       return V(l).forEach(({ oldRange: u, newRange: p }) => {
-        ot(p, i.doc, o, e.type), z(
+        st(p, i.doc, s, t.type), z(
           i.doc,
           p,
           (h) => h.isTextblock
@@ -450,11 +459,11 @@ function st(e) {
             g,
             u.from,
             p.to,
-            o,
-            e.type
+            s,
+            t.type
           );
         });
-      }), o;
+      }), s;
     }
   });
 }
@@ -463,25 +472,25 @@ const at = {
   rel: "noopener noreferrer nofollow"
 }, lt = W.create({
   name: "CustomLink",
-  renderHTML({ HTMLAttributes: e }) {
+  renderHTML({ HTMLAttributes: t }) {
     return [
       "a",
       m(
         this.options.HTMLAttributes,
-        e,
+        t,
         at
       )
     ];
   },
-  renderText({ node: e }) {
-    return e.attrs.text;
+  renderText({ node: t }) {
+    return t.attrs.text;
   },
   addProseMirrorPlugins() {
     return [
-      st({ type: this.type })
+      ot({ type: this.type })
     ];
   }
-}), dt = Re.extend({
+}), ct = Te.extend({
   name: "ConfigurableImage",
   addAttributes() {
     return {
@@ -505,18 +514,18 @@ const at = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), ct = j.extend({
+}).configure({ inline: !0, allowBase64: !0 }), dt = j.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
-  renderHTML({ HTMLAttributes: e }) {
-    return ["div", m(this.options.HTMLAttributes, e), 0];
+  renderHTML({ HTMLAttributes: t }) {
+    return ["div", m(this.options.HTMLAttributes, t), 0];
   }
 }), ut = {
   name: "MentionComponent",
   components: {
     NodeViewWrapper: _,
-    DtLink: B
+    DtLink: D
   },
   props: y,
   computed: {
@@ -526,16 +535,19 @@ const at = {
   }
 };
 var mt = function() {
-  var t = this, r = t._self._c;
-  return r("node-view-wrapper", { staticClass: "d-d-inline-block" }, [r("dt-link", { attrs: { kind: "mention" } }, [t._v(" " + t._s(t.text) + " ")])], 1);
-}, ht = [], ft = /* @__PURE__ */ d(
+  var e = this, r = e._self._c;
+  return r("node-view-wrapper", { staticClass: "d-d-inline-block" }, [r("dt-link", { attrs: { kind: "mention" } }, [e._v(" " + e._s(e.text) + " ")])], 1);
+}, ht = [], ft = /* @__PURE__ */ c(
   ut,
   mt,
-  ht
+  ht,
+  !1,
+  null,
+  null
 );
 const pt = ft.exports, gt = $.extend({
   addNodeView() {
-    return w(pt);
+    return b(pt);
   },
   parseHTML() {
     return [
@@ -557,11 +569,11 @@ const pt = ft.exports, gt = $.extend({
       }
     };
   },
-  renderText({ node: e }) {
-    return `@${e.attrs.id}`;
+  renderText({ node: t }) {
+    return `@${t.attrs.id}`;
   },
-  renderHTML({ HTMLAttributes: e }) {
-    return ["mention-component", m(this.options.HTMLAttributes, e)];
+  renderHTML({ HTMLAttributes: t }) {
+    return ["mention-component", m(this.options.HTMLAttributes, t)];
   }
 }).configure({
   suggestion: {
@@ -572,7 +584,7 @@ const pt = ft.exports, gt = $.extend({
   name: "ChannelComponent",
   components: {
     NodeViewWrapper: _,
-    DtLink: B
+    DtLink: D
   },
   props: y,
   computed: {
@@ -582,17 +594,20 @@ const pt = ft.exports, gt = $.extend({
   }
 };
 var yt = function() {
-  var t = this, r = t._self._c;
-  return r("node-view-wrapper", { staticClass: "d-d-inline-block" }, [r("dt-link", { attrs: { kind: "mention" } }, [t._v(" " + t._s(t.text) + " ")])], 1);
-}, bt = [], wt = /* @__PURE__ */ d(
+  var e = this, r = e._self._c;
+  return r("node-view-wrapper", { staticClass: "d-d-inline-block" }, [r("dt-link", { attrs: { kind: "mention" } }, [e._v(" " + e._s(e.text) + " ")])], 1);
+}, wt = [], bt = /* @__PURE__ */ c(
   _t,
   yt,
-  bt
+  wt,
+  !1,
+  null,
+  null
 );
-const vt = wt.exports, xt = $.extend({
+const vt = bt.exports, xt = $.extend({
   name: "channel",
   addNodeView() {
-    return w(vt);
+    return b(vt);
   },
   parseHTML() {
     return [
@@ -614,18 +629,18 @@ const vt = wt.exports, xt = $.extend({
       }
     };
   },
-  renderText({ node: e }) {
-    return `#${e.attrs.id}`;
+  renderText({ node: t }) {
+    return `#${t.attrs.id}`;
   },
-  renderHTML({ HTMLAttributes: e }) {
-    return ["channel-component", m(this.options.HTMLAttributes, e)];
+  renderHTML({ HTMLAttributes: t }) {
+    return ["channel-component", m(this.options.HTMLAttributes, t)];
   }
 }).configure({
   suggestion: {
     char: "#",
     pluginKey: new f("channelSuggestion")
   }
-}), kt = {
+}), Ct = {
   name: "SlashCommandsComponent",
   components: {
     NodeViewWrapper: _
@@ -641,15 +656,18 @@ const vt = wt.exports, xt = $.extend({
     this.$parent.$emit("selected-command", this.$props.node.attrs.command);
   }
 };
-var Ct = function() {
-  var t = this, r = t._self._c;
-  return r("node-view-wrapper", { staticClass: "d-d-inline-block" }, [t._v(" " + t._s(t.text) + " ")]);
-}, St = [], Rt = /* @__PURE__ */ d(
-  kt,
+var kt = function() {
+  var e = this, r = e._self._c;
+  return r("node-view-wrapper", { staticClass: "d-d-inline-block" }, [e._v(" " + e._s(e.text) + " ")]);
+}, St = [], Tt = /* @__PURE__ */ c(
   Ct,
-  St
+  kt,
+  St,
+  !1,
+  null,
+  null
 );
-const Tt = Rt.exports, Et = (e, t) => [...e.matchAll(t)].map((n) => {
+const Rt = Tt.exports, Et = (t, e) => [...t.matchAll(e)].map((n) => {
   let i = n[2];
   return i.endsWith(" ") || (i += " "), {
     index: n.index,
@@ -661,7 +679,7 @@ const Tt = Rt.exports, Et = (e, t) => [...e.matchAll(t)].map((n) => {
   group: "inline",
   inline: !0,
   addNodeView() {
-    return w(Tt);
+    return b(Rt);
   },
   parseHTML() {
     return [
@@ -683,18 +701,18 @@ const Tt = Rt.exports, Et = (e, t) => [...e.matchAll(t)].map((n) => {
       }
     };
   },
-  renderText({ node: e }) {
-    return `/${e.attrs.command}`;
+  renderText({ node: t }) {
+    return `/${t.attrs.command}`;
   },
-  renderHTML({ HTMLAttributes: e }) {
-    return ["command-component", m(this.options.HTMLAttributes, e)];
+  renderHTML({ HTMLAttributes: t }) {
+    return ["command-component", m(this.options.HTMLAttributes, t)];
   },
   addInputRules() {
     var r;
-    const e = (r = this.options.suggestion) == null ? void 0 : r.items({ query: "" }).map((n) => n.command), t = new RegExp(`^((?:\\/)(${e.join("|")})) $`);
+    const t = (r = this.options.suggestion) == null ? void 0 : r.items({ query: "" }).map((n) => n.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) $`);
     return [
       X({
-        find: t,
+        find: e,
         type: this.type,
         getAttributes(n) {
           return { command: n[2] };
@@ -704,10 +722,10 @@ const Tt = Rt.exports, Et = (e, t) => [...e.matchAll(t)].map((n) => {
   },
   addPasteRules() {
     var r;
-    const e = (r = this.options.suggestion) == null ? void 0 : r.items({ query: "" }).map((n) => n.command), t = new RegExp(`^((?:\\/)(${e.join("|")})) ?$`, "g");
+    const t = (r = this.options.suggestion) == null ? void 0 : r.items({ query: "" }).map((n) => n.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) ?$`, "g");
     return [
-      R({
-        find: (n) => Et(n, t),
+      T({
+        find: (n) => Et(n, e),
         type: this.type,
         getAttributes(n) {
           return { command: n[0].trim() };
@@ -738,16 +756,39 @@ const Tt = Rt.exports, Et = (e, t) => [...e.matchAll(t)].map((n) => {
     },
     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;
     }
   }
 };
 var It = function() {
-  var t = this, r = t._self._c;
-  return r("dt-stack", { attrs: { direction: "row", gap: "400" } }, [r("dt-avatar", { attrs: { "full-name": t.name, "image-src": t.avatarSrc, "image-alt": t.name, size: "xs" } }), r("span", { staticClass: "d-mention-suggestion__name" }, [t._v(" " + t._s(t.name) + " ")])], 1);
-}, At = [], jt = /* @__PURE__ */ d(
+  var e = this, r = e._self._c;
+  return r("dt-stack", { staticClass: "d-mention-suggestion__container", attrs: { direction: "row", gap: "400" } }, [r("dt-avatar", { attrs: { "full-name": e.name, "image-src": e.avatarSrc, "image-alt": e.name, "show-presence": e.showDetails, presence: e.presence, size: "sm" } }), r("dt-stack", { staticClass: "d-mention-suggestion__details-container", attrs: { gap: "100" } }, [r("span", { staticClass: "d-mention-suggestion__name" }, [e._v(" " + e._s(e.name) + " ")]), e.showDetails ? r("dt-stack", { staticClass: "d-label--sm-plain", attrs: { direction: "row", gap: "300" } }, [e.presenceText ? r("span", { staticClass: "d-mention-suggestion__presence", class: [e.presenceFontColorClass] }, [e._v(" " + e._s(e.presenceText) + " ")]) : e._e(), e.status && e.presenceText ? r("div", { staticClass: "d-mention-suggestion__divider" }, [e._v(" • ")]) : e._e(), e.status ? r("div", { staticClass: "d-mention-suggestion__status" }, [e._v(" " + e._s(e.status) + " ")]) : e._e()]) : e._e()], 1)], 1);
+}, At = [], jt = /* @__PURE__ */ c(
   Lt,
   It,
-  At
+  At,
+  !1,
+  null,
+  "b080cd76"
 );
 const Mt = jt.exports, Ot = {
   // This function comes from the user and passed to the editor directly.
@@ -755,10 +796,10 @@ const Mt = jt.exports, Ot = {
   // items: ({ query }) => { return [] },
   allowSpaces: !0,
   render: () => {
-    let e, t, r = !1;
+    let t, e, r = !1;
     return {
       onStart: (n) => {
-        e = new b(k, {
+        t = new w(C, {
           parent: void 0,
           propsData: {
             itemComponent: Mt,
@@ -766,10 +807,10 @@ const Mt = jt.exports, Ot = {
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = x("body", {
+        }), n.clientRect && (e = x("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
-          content: e.element,
+          content: t.element,
           showOnCreate: !1,
           onShow: () => {
             r = !0;
@@ -781,25 +822,25 @@ const Mt = jt.exports, Ot = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [C]
-        }), n.items.length > 0 && (t == null || t[0].show()));
+          plugins: [k]
+        }), n.items.length > 0 && (e == null || e[0].show()));
       },
       onUpdate(n) {
-        e == null || e.updateProps(n), n.items.length > 0 ? t == null || t[0].show() : t == null || t[0].hide(), n.clientRect && (t == null || t[0].setProps({
+        t == null || t.updateProps(n), n.items.length > 0 ? e == null || e[0].show() : e == null || e[0].hide(), n.clientRect && (e == null || e[0].setProps({
           getReferenceClientRect: n.clientRect
         }));
       },
       onKeyDown(n) {
         var i;
         if (r)
-          return (i = e == null ? void 0 : e.ref) == null ? void 0 : i.onKeyDown(n);
+          return (i = t == null ? void 0 : t.ref) == null ? void 0 : i.onKeyDown(n);
       },
       onExit() {
-        t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
+        e == null || e[0].destroy(), e = null, t == null || t.destroy(), t = null;
       }
     };
   }
-}, Bt = {
+}, Dt = {
   name: "ChannelSuggestion",
   components: {
     DtStack: v,
@@ -818,13 +859,16 @@ const Mt = jt.exports, Ot = {
     }
   }
 };
-var Dt = function() {
-  var t = this, r = t._self._c;
-  return r("dt-stack", { attrs: { direction: "row", gap: "400" } }, [t.item.locked ? r("dt-icon-lock", { attrs: { size: "300" } }) : r("dt-icon-hash", { attrs: { size: "300" } }), r("span", [t._v(t._s(t.name))])], 1);
-}, Pt = [], Ht = /* @__PURE__ */ d(
-  Bt,
+var Bt = function() {
+  var e = this, r = e._self._c;
+  return r("dt-stack", { attrs: { direction: "row", gap: "400" } }, [e.item.locked ? r("dt-icon-lock", { attrs: { size: "300" } }) : r("dt-icon-hash", { attrs: { size: "300" } }), r("span", [e._v(e._s(e.name))])], 1);
+}, Pt = [], Ht = /* @__PURE__ */ c(
   Dt,
-  Pt
+  Bt,
+  Pt,
+  !1,
+  null,
+  null
 );
 const Ft = Ht.exports, qt = {
   // This function comes from the user and passed to the editor directly.
@@ -832,10 +876,10 @@ const Ft = Ht.exports, qt = {
   // items: ({ query }) => { return [] },
   allowSpaces: !0,
   render: () => {
-    let e, t, r = !1;
+    let t, e, r = !1;
     return {
       onStart: (n) => {
-        e = new b(k, {
+        t = new w(C, {
           parent: void 0,
           propsData: {
             itemComponent: Ft,
@@ -843,10 +887,10 @@ const Ft = Ht.exports, qt = {
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = x("body", {
+        }), n.clientRect && (e = x("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
-          content: e.element,
+          content: t.element,
           showOnCreate: !1,
           onShow: () => {
             r = !0;
@@ -858,21 +902,21 @@ const Ft = Ht.exports, qt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [C]
-        }), n.items.length > 0 && (t == null || t[0].show()));
+          plugins: [k]
+        }), n.items.length > 0 && (e == null || e[0].show()));
       },
       onUpdate(n) {
-        e == null || e.updateProps(n), n.items.length > 0 ? t == null || t[0].show() : t == null || t[0].hide(), n.clientRect && (t == null || t[0].setProps({
+        t == null || t.updateProps(n), n.items.length > 0 ? e == null || e[0].show() : e == null || e[0].hide(), n.clientRect && (e == null || e[0].setProps({
           getReferenceClientRect: n.clientRect
         }));
       },
       onKeyDown(n) {
         var i;
         if (r)
-          return (i = e == null ? void 0 : e.ref) == null ? void 0 : i.onKeyDown(n);
+          return (i = t == null ? void 0 : t.ref) == null ? void 0 : i.onKeyDown(n);
       },
       onExit() {
-        t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
+        e == null || e[0].destroy(), e = null, t == null || t.destroy(), t = null;
       }
     };
   }
@@ -897,12 +941,15 @@ const Ft = Ht.exports, qt = {
   }
 };
 var Ut = function() {
-  var t = this, r = t._self._c;
-  return r("div", [r("div", { staticClass: "d-body--md-compact" }, [r("span", [t._v("/" + t._s(t.command))]), t.parametersExample ? r("span", [t._v(" " + t._s(t.parametersExample))]) : t._e()]), r("div", { staticClass: "d-body--sm d-fc-tertiary" }, [t._v(" " + t._s(t.description) + " ")])]);
-}, Nt = [], Vt = /* @__PURE__ */ d(
+  var e = this, r = e._self._c;
+  return r("div", [r("div", { staticClass: "d-body--md-compact" }, [r("span", [e._v("/" + e._s(e.command))]), e.parametersExample ? r("span", [e._v(" " + e._s(e.parametersExample))]) : e._e()]), r("div", { staticClass: "d-body--sm d-fc-tertiary" }, [e._v(" " + e._s(e.description) + " ")])]);
+}, Nt = [], Vt = /* @__PURE__ */ c(
   Kt,
   Ut,
-  Nt
+  Nt,
+  !1,
+  null,
+  null
 );
 const zt = Vt.exports, Wt = {
   // This function comes from the user and passed to the editor directly.
@@ -911,10 +958,10 @@ const zt = Vt.exports, Wt = {
   allowSpaces: !0,
   startOfLine: !0,
   render: () => {
-    let e, t, r = !1;
+    let t, e, r = !1;
     return {
       onStart: (n) => {
-        e = new b(k, {
+        t = new w(C, {
           parent: void 0,
           propsData: {
             itemComponent: zt,
@@ -922,10 +969,10 @@ const zt = Vt.exports, Wt = {
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = x("body", {
+        }), n.clientRect && (e = x("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
-          content: e.element,
+          content: t.element,
           showOnCreate: !1,
           onShow: () => {
             r = !0;
@@ -937,21 +984,21 @@ const zt = Vt.exports, Wt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [C]
-        }), n.items.length > 0 && (t == null || t[0].show()));
+          plugins: [k]
+        }), n.items.length > 0 && (e == null || e[0].show()));
       },
       onUpdate(n) {
-        e == null || e.updateProps(n), n.items.length > 0 ? t == null || t[0].show() : t == null || t[0].hide(), n.clientRect && (t == null || t[0].setProps({
+        t == null || t.updateProps(n), n.items.length > 0 ? e == null || e[0].show() : e == null || e[0].hide(), n.clientRect && (e == null || e[0].setProps({
           getReferenceClientRect: n.clientRect
         }));
       },
       onKeyDown(n) {
         var i;
         if (r)
-          return (i = e == null ? void 0 : e.ref) == null ? void 0 : i.onKeyDown(n);
+          return (i = t == null ? void 0 : t.ref) == null ? void 0 : i.onKeyDown(n);
       },
       onExit() {
-        t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
+        e == null || e[0].destroy(), e = null, t == null || t.destroy(), t = null;
       }
     };
   }
@@ -1024,8 +1071,8 @@ const zt = Vt.exports, Wt = {
     autoFocus: {
       type: [Boolean, String, Number],
       default: !1,
-      validator(e) {
-        return typeof e == "string" ? Te.includes(e) : !0;
+      validator(t) {
+        return typeof t == "string" ? Re.includes(t) : !0;
       }
     },
     /**
@@ -1037,8 +1084,8 @@ const zt = Vt.exports, Wt = {
     outputFormat: {
       type: String,
       default: "html",
-      validator(e) {
-        return Ee.includes(e);
+      validator(t) {
+        return Ee.includes(t);
       }
     },
     /**
@@ -1290,8 +1337,8 @@ const zt = Vt.exports, Wt = {
       editor: null,
       tippyOptions: {
         appendTo: () => {
-          var e;
-          return (e = this.$refs.editor.$el.getRootNode()) == null ? void 0 : e.querySelector("body");
+          var t;
+          return (t = this.$refs.editor.$el.getRootNode()) == null ? void 0 : t.querySelector("body");
         },
         placement: "top-start"
       }
@@ -1311,51 +1358,50 @@ const zt = Vt.exports, Wt = {
     },
     // eslint-disable-next-line complexity
     extensions() {
-      const e = [Z, ce, me, te];
-      e.push(this.useDivTags ? ct : j), this.allowBlockquote && e.push(Y), this.allowBold && e.push(ne), this.allowBulletList && (e.push(re), e.push(se.extend({
+      const t = [Z, de, me, te];
+      t.push(this.useDivTags ? dt : j), this.allowBlockquote && t.push(Y), this.allowBold && t.push(ne), this.allowBulletList && (t.push(re), t.push(oe.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
-      })), e.push(ae)), this.allowItalic && e.push(ie), this.allowStrike && e.push(le), this.allowUnderline && e.push(de), this.placeholder && e.push(
+      })), t.push(ae)), this.allowItalic && t.push(ie), this.allowStrike && t.push(le), this.allowUnderline && t.push(ce), this.placeholder && t.push(
         ee.configure({ placeholder: this.placeholder })
       );
-      const t = this, r = J.create({
+      const e = this, r = J.create({
         addKeyboardShortcuts() {
           return {
-            "Shift-Enter": ({ editor: n }) => t.allowLineBreaks ? !1 : (n.commands.first(({ commands: i }) => [
+            "Shift-Enter": ({ editor: n }) => e.allowLineBreaks ? !1 : (n.commands.first(({ commands: i }) => [
               () => i.newlineInCode(),
-              () => t.allowBulletList && i.splitListItem("listItem"),
+              () => e.allowBulletList && i.splitListItem("listItem"),
               () => i.createParagraphNear(),
               () => i.liftEmptyBlock(),
               () => i.splitBlock()
             ]), !0),
-            Enter: () => t.allowLineBreaks ? !1 : (t.$emit("enter"), !0)
+            Enter: () => e.allowLineBreaks ? !1 : (e.$emit("enter"), !0)
           };
         }
       });
-      if (e.push(r), this.link && e.push(oe.extend({ inclusive: !1 }).configure({
+      if (t.push(r), this.link && t.push(se.extend({ inclusive: !1 }).configure({
         HTMLAttributes: {
           class: "d-link d-wb-break-all"
         },
         openOnClick: !1,
         autolink: !0,
         protocols: L
-      })), this.customLink && e.push(this.getExtension(lt, this.customLink)), this.mentionSuggestion) {
+      })), this.customLink && t.push(this.getExtension(lt, this.customLink)), this.mentionSuggestion) {
         const n = { ...this.mentionSuggestion, ...Ot };
-        e.push(gt.configure({ suggestion: n }));
+        t.push(gt.configure({ suggestion: n }));
       }
       if (this.channelSuggestion) {
         const n = { ...this.channelSuggestion, ...qt };
-        e.push(xt.configure({ suggestion: n }));
+        t.push(xt.configure({ suggestion: n }));
       }
       if (this.slashCommandSuggestion) {
         const n = { ...this.slashCommandSuggestion, ...Wt };
-        e.push($t.configure({ suggestion: n }));
+        t.push($t.configure({ suggestion: n }));
       }
-      return e.push(et), e.push(ue.configure({
-        types: ["paragraph"],
-        defaultAlignment: "left"
-      })), this.allowCode && e.push(Q), this.allowCodeblock && e.push(G.extend({
+      return t.push(et), t.push(ue.configure({
+        types: ["paragraph"]
+      })), this.allowCode && t.push(Q), this.allowCodeblock && t.push(G.extend({
         renderText({ node: n }) {
           return `\`\`\`
 ${n.textContent}
@@ -1365,15 +1411,15 @@ ${n.textContent}
         HTMLAttributes: {
           class: "d-rich-text-editor__code-block"
         }
-      })), this.allowInlineImages && e.push(dt), (this.allowFontFamily || this.allowFontColor) && (e.push(he), this.allowFontColor && e.push(fe), this.allowFontFamily && e.push(pe)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
+      })), this.allowInlineImages && t.push(ct), (this.allowFontFamily || this.allowFontColor) && (t.push(he), this.allowFontColor && t.push(fe), this.allowFontFamily && t.push(pe)), this.additionalExtensions.length && t.push(...this.additionalExtensions), t;
     },
     inputAttrs() {
-      const e = {
+      const t = {
         "aria-label": this.inputAriaLabel,
         "aria-multiline": !0,
         role: "textbox"
       };
-      return this.editable || (e["aria-readonly"] = !0), e;
+      return this.editable || (t["aria-readonly"] = !0), t;
     }
   },
   /**
@@ -1382,20 +1428,20 @@ ${n.textContent}
    * to be hooked up to the Editor's own API.
    */
   watch: {
-    editable(e) {
-      this.editor.setEditable(e), this.updateEditorAttributes({ "aria-readonly": !e });
+    editable(t) {
+      this.editor.setEditable(t), this.updateEditorAttributes({ "aria-readonly": !t });
     },
-    inputClass(e) {
-      this.updateEditorAttributes({ class: e });
+    inputClass(t) {
+      this.updateEditorAttributes({ class: t });
     },
-    inputAriaLabel(e) {
-      this.updateEditorAttributes({ "aria-label": e });
+    inputAriaLabel(t) {
+      this.updateEditorAttributes({ "aria-label": t });
     },
     extensions() {
       this.destroyEditor(), this.createEditor();
     },
-    value(e) {
-      this.processValue(e);
+    value(t) {
+      this.processValue(t);
     }
   },
   created() {
@@ -1419,13 +1465,13 @@ ${n.textContent}
             ...this.inputAttrs,
             class: this.inputClass
           },
-          handlePaste: (e, t) => {
+          handlePaste: (t, e) => {
             if (!this.link && !this.customLink) {
               const r = /^https?:\/\//;
-              if (!(t != null && t.clipboardData))
+              if (!(e != null && e.clipboardData))
                 return !1;
-              const n = t.clipboardData.getData("text");
-              if (!r.test(n) || !t.clipboardData.getData("text/html"))
+              const n = e.clipboardData.getData("text");
+              if (!r.test(n) || !e.clipboardData.getData("text/html"))
                 return !1;
               const i = n.replace(/\n/g, "<br>").replace(/ {2}/g, "&nbsp;&nbsp;");
               return this.editor.chain().focus().insertContent(i).run(), !0;
@@ -1434,72 +1480,72 @@ ${n.textContent}
           },
           // Moves the <br /> tags inside the previous closing tag to avoid
           // Prosemirror wrapping them within another </p> tag.
-          transformPastedHTML(e) {
-            return e.replace(/(<\/\w+>)((<br \/>)+)/g, "$2$3$1");
+          transformPastedHTML(t) {
+            return t.replace(/(<\/\w+>)((<br \/>)+)/g, "$2$3$1");
           }
         }
       }), this.addEditorListeners();
     },
-    bubbleMenuShouldShow({ editor: e, view: t, state: r, oldState: n, from: i, to: s }) {
-      return e.isActive("link");
+    bubbleMenuShouldShow({ editor: t, view: e, state: r, oldState: n, from: i, to: o }) {
+      return t.isActive("link");
     },
     /**
      * If the selection contains a link, return the existing link text.
      * Otherwise, use just the selected text.
      * @param editor the editor instance.
      */
-    getSelectedLinkText(e) {
-      var a, l, c;
-      const { view: t, state: r } = e, { from: n, to: i } = t.state.selection, s = r.doc.textBetween(n, i, ""), o = this.editor.state.doc.nodeAt(n);
-      return o && ((c = (l = (a = o.marks) == null ? void 0 : a.at(0)) == null ? void 0 : l.type) == null ? void 0 : c.name) === "link" ? o.textContent : s;
+    getSelectedLinkText(t) {
+      var a, l, d;
+      const { view: e, state: r } = t, { from: n, to: i } = e.state.selection, o = r.doc.textBetween(n, i, ""), s = this.editor.state.doc.nodeAt(n);
+      return s && ((d = (l = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : l.type) == null ? void 0 : d.name) === "link" ? s.textContent : o;
     },
     editLink() {
-      const e = this.getSelectedLinkText(this.editor), t = {
+      const t = this.getSelectedLinkText(this.editor), e = {
         href: this.editor.getAttributes("link").href,
-        text: e
+        text: t
       };
-      this.$emit("edit-link", t);
+      this.$emit("edit-link", e);
     },
     removeLink() {
-      var e, t, r, n;
-      (n = (r = (t = (e = this.editor) == null ? void 0 : e.chain()) == null ? void 0 : t.focus()) == null ? void 0 : r.unsetLink()) == null || n.run();
+      var t, e, r, n;
+      (n = (r = (e = (t = this.editor) == null ? void 0 : t.chain()) == null ? void 0 : e.focus()) == null ? void 0 : r.unsetLink()) == null || n.run();
     },
     openLink() {
-      var t, r;
-      (r = (t = this.editor) == null ? void 0 : t.chain()) == null || r.focus();
-      const e = this.editor.getAttributes("link").href;
-      window.open(e, "_blank");
+      var e, r;
+      (r = (e = this.editor) == null ? void 0 : e.chain()) == null || r.focus();
+      const t = this.editor.getAttributes("link").href;
+      window.open(t, "_blank");
     },
     // eslint-disable-next-line complexity
-    setLink(e, t, r, n = L, i) {
-      var a, l, c;
-      if (!e) {
+    setLink(t, e, r, n = L, i) {
+      var a, l, d;
+      if (!t) {
         this.removeLink();
         return;
       }
-      n.find((u) => u.test(e)) || (e = `${i}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
-      const o = (c = (l = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : l.state) == null ? void 0 : c.selection;
-      this.editor.chain().focus().insertContent(t).setTextSelection({ from: o.from, to: o.from + t.length }).setLink({ href: e, class: r.class }).run();
+      n.find((u) => u.test(t)) || (t = `${i}${t}`), this.editor.chain().focus().extendMarkRange("link").run();
+      const s = (d = (l = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : l.state) == null ? void 0 : d.selection;
+      this.editor.chain().focus().insertContent(e).setTextSelection({ from: s.from, to: s.from + e.length }).setLink({ href: t, class: r.class }).run();
     },
     // eslint-disable-next-line complexity
-    processValue(e, t = !0) {
+    processValue(t, e = !0) {
       const r = this.getOutput();
-      if (!(t && Ae(e, r))) {
-        if (typeof e == "string" && this.outputFormat === "text") {
+      if (!(e && Ae(t, r))) {
+        if (typeof t == "string" && this.outputFormat === "text") {
           const n = new RegExp(`(${M})`, "g");
-          e = e == null ? void 0 : e.replace(n, '<emoji-component code="$1"></emoji-component>');
+          t = t == null ? void 0 : t.replace(n, '<emoji-component code="$1"></emoji-component>');
         }
-        this.editor.commands.setContent(e, !1);
+        this.editor.commands.setContent(t, !1);
       }
     },
     destroyEditor() {
       this.editor.destroy();
     },
     triggerInputChangeEvents() {
-      const e = this.getOutput();
-      this.$emit("input", e), this.$emit("update:value", e);
-      const t = this.editor.getJSON();
-      this.$emit("json-input", t);
+      const t = this.getOutput();
+      this.$emit("input", t), this.$emit("update:value", t);
+      const e = this.editor.getJSON();
+      this.$emit("json-input", e);
       const r = this.editor.getHTML();
       this.$emit("html-input", r);
       const n = this.editor.getText({ blockSeparator: `
@@ -1514,18 +1560,18 @@ ${n.textContent}
       this.editor.on("create", () => {
         this.triggerInputChangeEvents();
       }), this.editor.on("update", () => {
-        var e, t;
-        if (this.preventTyping && ((t = (e = this.editor.view) == null ? void 0 : e.input) == null ? void 0 : t.lastKeyCode) !== 8) {
+        var t, e;
+        if (this.preventTyping && ((e = (t = this.editor.view) == null ? void 0 : t.input) == null ? void 0 : e.lastKeyCode) !== 8) {
           this.editor.commands.setContent(this.value, !1);
           return;
         }
         this.triggerInputChangeEvents();
-      }), this.editor.on("selectionUpdate", ({ editor: e }) => {
-        this.$emit("selected", this.getSelectedLinkText(e));
-      }), this.editor.on("focus", ({ event: e }) => {
-        this.$emit("focus", e);
-      }), this.editor.on("blur", ({ event: e }) => {
-        this.$emit("blur", e);
+      }), this.editor.on("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);
       });
     },
     getOutput() {
@@ -1540,17 +1586,17 @@ ${n.textContent}
 ` });
       }
     },
-    getExtension(e, t) {
+    getExtension(t, e) {
       var r;
-      return typeof t == "boolean" ? e : (r = e.configure) == null ? void 0 : r.call(e, t);
+      return typeof e == "boolean" ? t : (r = t.configure) == null ? void 0 : r.call(t, e);
     },
-    updateEditorAttributes(e) {
+    updateEditorAttributes(t) {
       this.editor.setOptions({
         editorProps: {
           attributes: {
             ...this.inputAttrs,
             class: this.inputClass,
-            ...e
+            ...t
           }
         }
       });
@@ -1561,12 +1607,15 @@ ${n.textContent}
   }
 };
 var Jt = function() {
-  var t = this, r = t._self._c;
-  return r("div", [t.editor && t.link && !t.hideLinkBubbleMenu ? r("bubble-menu", { staticStyle: { visibility: "visible" }, attrs: { editor: t.editor, "should-show": t.bubbleMenuShouldShow, "tippy-options": t.tippyOptions } }, [r("div", { staticClass: "d-popover__dialog" }, [r("dt-stack", { staticClass: "d-rich-text-editor-bubble-menu__button-stack", attrs: { direction: "row", gap: "0" } }, [r("dt-button", { attrs: { kind: "muted", importance: "clear" }, on: { click: t.editLink } }, [t._v(" Edit ")]), r("dt-button", { attrs: { kind: "muted", importance: "clear" }, on: { click: t.openLink } }, [t._v(" Open link ")]), r("dt-button", { attrs: { kind: "danger", importance: "clear" }, on: { click: t.removeLink } }, [t._v(" Remove ")])], 1)], 1)]) : t._e(), r("editor-content", t._g({ ref: "editor", staticClass: "d-rich-text-editor", attrs: { editor: t.editor, "data-qa": "dt-rich-text-editor" } }, t.editorListeners))], 1);
-}, Yt = [], Gt = /* @__PURE__ */ d(
+  var e = this, r = e._self._c;
+  return r("div", [e.editor && e.link && !e.hideLinkBubbleMenu ? r("bubble-menu", { staticStyle: { visibility: "visible" }, attrs: { editor: e.editor, "should-show": e.bubbleMenuShouldShow, "tippy-options": e.tippyOptions } }, [r("div", { staticClass: "d-popover__dialog" }, [r("dt-stack", { staticClass: "d-rich-text-editor-bubble-menu__button-stack", attrs: { direction: "row", gap: "0" } }, [r("dt-button", { attrs: { kind: "muted", importance: "clear" }, on: { click: e.editLink } }, [e._v(" Edit ")]), r("dt-button", { attrs: { kind: "muted", importance: "clear" }, on: { click: e.openLink } }, [e._v(" Open link ")]), r("dt-button", { attrs: { kind: "danger", importance: "clear" }, on: { click: e.removeLink } }, [e._v(" Remove ")])], 1)], 1)]) : e._e(), r("editor-content", e._g({ ref: "editor", staticClass: "d-rich-text-editor", attrs: { editor: e.editor, "data-qa": "dt-rich-text-editor" } }, e.editorListeners))], 1);
+}, Yt = [], Gt = /* @__PURE__ */ c(
   Xt,
   Jt,
-  Yt
+  Yt,
+  !1,
+  null,
+  null
 );
 const Kn = Gt.exports;
 export {