@dialpad/dialtone 9.122.0 → 9.123.1

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

@@ -1,42 +1,42 @@
-import { NodeViewWrapper as T, nodeViewProps as R, VueRenderer as L, VueNodeViewRenderer as $, EditorContent as Y, BubbleMenu as G, Editor as Q } from "../../node_modules/@tiptap/vue-3.js";
-import { Node as Z, mergeAttributes as k, InputRule as ee, nodePasteRule as B, getMarksBetween as te, combineTransactionSteps as ne, getChangedRanges as oe, findChildrenInRange as ie, Mark as re, nodeInputRule as se, Extension as ae } from "@tiptap/core";
-import le from "@tiptap/extension-blockquote";
+import { NodeViewWrapper as R, nodeViewProps as L, VueRenderer as v, VueNodeViewRenderer as $, EditorContent as G, BubbleMenu as Q, Editor as Z } from "../../node_modules/@tiptap/vue-3.js";
+import { Node as ee, mergeAttributes as x, InputRule as te, nodePasteRule as B, getMarksBetween as ne, combineTransactionSteps as oe, getChangedRanges as ie, findChildrenInRange as re, Mark as se, nodeInputRule as ae, Extension as le } from "@tiptap/core";
+import ce from "@tiptap/extension-blockquote";
 import de from "@tiptap/extension-code-block";
-import ce from "@tiptap/extension-code";
-import ue from "@tiptap/extension-document";
-import me from "@tiptap/extension-hard-break";
-import N from "@tiptap/extension-paragraph";
-import he from "@tiptap/extension-placeholder";
-import fe from "@tiptap/extension-bold";
-import pe from "@tiptap/extension-bullet-list";
-import ge from "@tiptap/extension-italic";
-import _e from "@tiptap/extension-link";
+import ue from "@tiptap/extension-code";
+import me from "@tiptap/extension-document";
+import he from "@tiptap/extension-hard-break";
+import U from "@tiptap/extension-paragraph";
+import fe from "@tiptap/extension-placeholder";
+import pe from "@tiptap/extension-bold";
+import ge from "@tiptap/extension-bullet-list";
+import _e from "@tiptap/extension-italic";
+import we from "@tiptap/extension-link";
 import ye from "@tiptap/extension-list-item";
-import we from "@tiptap/extension-ordered-list";
-import ke from "@tiptap/extension-strike";
-import be from "@tiptap/extension-underline";
-import xe from "@tiptap/extension-text";
-import Ce from "@tiptap/extension-text-align";
-import Ee from "@tiptap/extension-history";
-import Se from "@tiptap/extension-text-style";
-import Te from "@tiptap/extension-color";
-import Re from "@tiptap/extension-font-family";
-import { PluginKey as C, Plugin as Le } from "@tiptap/pm/state";
+import ke from "@tiptap/extension-ordered-list";
+import be from "@tiptap/extension-strike";
+import xe from "@tiptap/extension-underline";
+import Ce from "@tiptap/extension-text";
+import Ee from "@tiptap/extension-text-align";
+import Se from "@tiptap/extension-history";
+import Te from "@tiptap/extension-text-style";
+import Re from "@tiptap/extension-color";
+import Le from "@tiptap/extension-font-family";
+import { PluginKey as E, Plugin as ve } from "@tiptap/pm/state";
 import $e from "@tiptap/suggestion";
-import { emojiPattern as U } from "regex-combined-emojis";
-import { resolveComponent as d, openBlock as c, createBlock as m, withCtx as u, createVNode as f, createElementBlock as x, withDirectives as ve, createElementVNode as y, Fragment as Ie, renderList as Me, normalizeClass as Oe, withModifiers as Ae, resolveDynamicComponent as je, vShow as Be, createTextVNode as w, toDisplayString as g, markRaw as v, createCommentVNode as z, mergeProps as De } from "vue";
-import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import W from "../emoji/emoji.js";
-import { stringToUnicode as Pe, codeToEmojiData as P, emojiRegex as He, emojiShortCodeRegex as Ve } from "../../common/emoji/index.js";
-import { emojisIndexed as Fe } from "@dialpad/dialtone-emojis";
+import { emojiPattern as z } from "regex-combined-emojis";
+import { resolveComponent as d, openBlock as l, createBlock as m, withCtx as u, createVNode as f, createElementBlock as _, withDirectives as Ie, createElementVNode as y, Fragment as Me, renderList as Oe, normalizeClass as W, withModifiers as Ae, resolveDynamicComponent as De, vShow as je, createTextVNode as k, toDisplayString as p, markRaw as I, createCommentVNode as b, mergeProps as Be } from "vue";
+import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import X from "../emoji/emoji.js";
+import { stringToUnicode as Pe, codeToEmojiData as H, emojiRegex as He, emojiShortCodeRegex as Fe } from "../../common/emoji/index.js";
+import { emojisIndexed as Ve } from "@dialpad/dialtone-emojis";
 import Ke from "../list-item/list-item.js";
-import I from "../stack/stack.js";
-import M from "tippy.js";
+import M from "../stack/stack.js";
+import O from "tippy.js";
 import { linkRegex as qe, getPhoneNumberRegex as Ne, returnFirstEl as V, warnIfUnmounted as Ue } from "../../common/utils/index.js";
 import ze from "@tiptap/extension-image";
-import H from "@tiptap/extension-mention";
-import X from "../link/link.js";
-import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as We, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Xe, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as F } from "./rich-text-editor-constants.js";
+import F from "@tiptap/extension-mention";
+import J from "../link/link.js";
+import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as We, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Xe, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as K } from "./rich-text-editor-constants.js";
 import Je from "../avatar/avatar.js";
 import Ye from "@dialpad/dialtone-icons/vue3/hash";
 import Ge from "@dialpad/dialtone-icons/vue3/lock";
@@ -46,14 +46,14 @@ const et = {
   compatConfig: { MODE: 3 },
   name: "EmojiComponent",
   components: {
-    NodeViewWrapper: T,
-    DtEmoji: W
+    NodeViewWrapper: R,
+    DtEmoji: X
   },
-  props: R
+  props: L
 };
 function tt(e, t, o, n, i, r) {
   const s = d("dt-emoji"), a = d("node-view-wrapper");
-  return c(), m(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
+  return l(), m(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
     default: u(() => [
       f(s, {
         size: "500",
@@ -63,7 +63,7 @@ function tt(e, t, o, n, i, r) {
     _: 1
   });
 }
-const nt = /* @__PURE__ */ p(et, [["render", tt]]), ot = {
+const nt = /* @__PURE__ */ g(et, [["render", tt]]), ot = {
   compatConfig: { MODE: 3 },
   name: "SuggestionList",
   components: {
@@ -142,34 +142,34 @@ const nt = /* @__PURE__ */ p(et, [["render", tt]]), ot = {
 };
 function st(e, t, o, n, i, r) {
   const s = d("dt-list-item");
-  return c(), x("div", it, [
-    ve(y("ul", rt, [
-      (c(!0), x(Ie, null, Me(o.items, (a, l) => (c(), m(s, {
+  return l(), _("div", it, [
+    Ie(y("ul", rt, [
+      (l(!0), _(Me, null, Oe(o.items, (a, c) => (l(), m(s, {
         key: a.id,
-        class: Oe([
+        class: W([
           "d-suggestion-list__item",
-          { "d-list-item--highlighted": l === i.selectedIndex }
+          { "d-list-item--highlighted": c === i.selectedIndex }
         ]),
         "navigation-type": "arrow-keys",
-        onClick: (h) => r.selectItem(l),
+        onClick: (h) => r.selectItem(c),
         onKeydown: Ae(r.onKeyDown, ["prevent"])
       }, {
         default: u(() => [
-          (c(), m(je(o.itemComponent), { item: a }, null, 8, ["item"]))
+          (l(), m(De(o.itemComponent), { item: a }, null, 8, ["item"]))
         ]),
         _: 2
       }, 1032, ["class", "onClick", "onKeydown"]))), 128))
     ], 512), [
-      [Be, o.items.length]
+      [je, o.items.length]
     ])
   ]);
 }
-const O = /* @__PURE__ */ p(ot, [["render", st]]), at = {
+const A = /* @__PURE__ */ g(ot, [["render", st]]), at = {
   compatConfig: { MODE: 3 },
   name: "EmojiSuggestion",
   components: {
-    DtEmoji: W,
-    DtStack: I
+    DtEmoji: X,
+    DtStack: M
   },
   props: {
     item: {
@@ -180,7 +180,7 @@ const O = /* @__PURE__ */ p(ot, [["render", st]]), at = {
 };
 function lt(e, t, o, n, i, r) {
   const s = d("dt-emoji"), a = d("dt-stack");
-  return c(), m(a, {
+  return l(), m(a, {
     direction: "row",
     gap: "400"
   }, {
@@ -189,12 +189,12 @@ function lt(e, t, o, n, i, r) {
         size: "200",
         code: o.item.code
       }, null, 8, ["code"]),
-      w(" " + g(o.item.code), 1)
+      k(" " + p(o.item.code), 1)
     ]),
     _: 1
   });
 }
-const dt = /* @__PURE__ */ p(at, [["render", lt]]), A = {
+const ct = /* @__PURE__ */ g(at, [["render", lt]]), D = {
   name: "hideOnEsc",
   defaultValue: !0,
   fn({ hide: e }) {
@@ -210,18 +210,18 @@ const dt = /* @__PURE__ */ p(at, [["render", lt]]), A = {
       }
     };
   }
-}, ct = 20, ut = {
+}, dt = 20, ut = {
   items: ({ query: e }) => {
     if (e.length < 2)
       return [];
-    const t = Object.values(Fe);
+    const t = Object.values(Ve);
     return e = e.toLowerCase(), t.filter(
       (n) => [
         n.name,
         n.shortname.replaceAll(":", ""),
         ...n.keywords
       ].some((i) => i.startsWith(e))
-    ).splice(0, ct).map((n) => ({ code: n.shortname }));
+    ).splice(0, dt).map((n) => ({ code: n.shortname }));
   },
   command: ({ editor: e, range: t, props: o }) => {
     var r, s;
@@ -237,14 +237,14 @@ const dt = /* @__PURE__ */ p(at, [["render", lt]]), A = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new L(O, {
+        e = new v(A, {
           props: {
-            itemComponent: v(dt),
+            itemComponent: I(ct),
             itemType: "emoji",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = M("body", {
+        }), n.clientRect && (t = O("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -259,7 +259,7 @@ const dt = /* @__PURE__ */ p(at, [["render", lt]]), A = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [A]
+          plugins: [D]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -277,14 +277,14 @@ const dt = /* @__PURE__ */ p(at, [["render", lt]]), A = {
       }
     };
   }
-}, mt = /(:\w+:)$/, ht = new RegExp(U + "$"), ft = (e) => {
-  if (e && P(e[0]))
+}, mt = /(:\w+:)$/, ht = new RegExp(z + "$"), ft = (e) => {
+  if (e && H(e[0]))
     return { text: e[2] || e[0] };
-}, pt = (e) => [...e.matchAll(Ve)].filter((o) => P(o[0])).map((o) => ({
+}, pt = (e) => [...e.matchAll(Fe)].filter((o) => H(o[0])).map((o) => ({
   index: o.index,
   text: o[0],
   match: o
-})), gt = Z.create({
+})), gt = ee.create({
   name: "emoji",
   addOptions() {
     return {
@@ -313,22 +313,22 @@ const dt = /* @__PURE__ */ p(at, [["render", lt]]), A = {
     ];
   },
   renderText({ node: e }) {
-    return Pe(P(e.attrs.code).unicode_output);
+    return Pe(H(e.attrs.code).unicode_output);
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["emoji-component", k(this.options.HTMLAttributes, e)];
+    return ["emoji-component", x(this.options.HTMLAttributes, e)];
   },
   addInputRules() {
     return [
-      new ee({
+      new te({
         find: (e) => {
           const t = e.match(mt) || e.match(ht);
           if (t)
             return ft(t);
         },
         handler: ({ state: e, range: t, match: o, commands: n, chain: i, can: r }) => {
-          const { tr: s } = e, a = t.from, l = t.to;
-          s.replaceWith(a, l, this.type.create({ code: o[0] }));
+          const { tr: s } = e, a = t.from, c = t.to;
+          s.replaceWith(a, c, this.type.create({ code: o[0] }));
         }
       })
     ];
@@ -359,7 +359,7 @@ const dt = /* @__PURE__ */ p(at, [["render", lt]]), A = {
     return [
       $e({
         char: ":",
-        pluginKey: new C("emoji"),
+        pluginKey: new E("emoji"),
         editor: this.editor,
         ...this.options.suggestion,
         ...ut
@@ -387,10 +387,10 @@ function _t(e, t, o = () => !0) {
     o(e, i) && n.push(i);
   return n;
 }
-function yt(e, t) {
+function wt(e, t) {
   return !["#", "@"].includes(e.charAt(t.index)) && !["#", "@"].includes(e.charAt(t.index - 1));
 }
-function wt(e) {
+function yt(e) {
   const t = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
@@ -416,65 +416,65 @@ function kt(e, t) {
     to: n + t
   };
 }
-function D(e, t, o, n) {
+function P(e, t, o, n) {
   const i = kt(e, t);
   if (n.lastIndex = 0, !n.test(i.text))
     return i;
   const r = o === "left" ? i.from - 1 : i.to + 1;
-  return r <= 0 || r >= e.length || r === t ? i : D(e, r, o, n);
+  return r <= 0 || r >= e.length || r === t ? i : P(e, r, o, n);
 }
 function bt(e, t, o, n) {
-  const i = Math.max(e.from - 1, 0), r = Math.min(e.to + 1, t.content.size), s = te(i, r, t);
+  const i = Math.max(e.from - 1, 0), r = Math.min(e.to + 1, t.content.size), s = ne(i, r, t);
   for (const a of s)
     a.mark.type === n && o.removeMark(a.from, a.to, n);
 }
-const K = Ne(1, 15);
-function q(e, t, o, n, i, r) {
+const q = Ne(1, 15);
+function N(e, t, o, n, i, r) {
   if (!e)
     return;
   let s = o - t - 1;
   s = s < 0 ? 0 : s;
-  const a = n - t, l = D(
+  const a = n - t, c = P(
     e,
     s,
     "left",
-    K
-  ), h = D(
+    q
+  ), h = P(
     e,
     a,
     "right",
-    K
-  ), _ = e.slice(l.from, h.to);
-  _t(_, qe, yt).forEach((j) => {
-    const b = wt(j[0]), S = t + l.from + j.index + 1, J = S + b.length;
-    i.addMark(S, J, r.create());
+    q
+  ), w = e.slice(c.from, h.to);
+  _t(w, qe, wt).forEach((j) => {
+    const C = yt(j[0]), T = t + c.from + j.index + 1, Y = T + C.length;
+    i.addMark(T, Y, r.create());
   });
 }
 function xt(e) {
   let t = !1;
-  return new Le({
-    key: new C("autolink"),
+  return new ve({
+    key: new E("autolink"),
     appendTransaction: (o, n, i) => {
-      const r = o.some((_) => _.docChanged) && !n.doc.eq(i.doc);
+      const r = o.some((w) => w.docChanged) && !n.doc.eq(i.doc);
       if (t && !r)
         return;
       const { tr: s } = i, { textContent: a } = i.doc;
-      t || q(a, 0, 0, a.length, s, e.type), t = !0;
-      const l = ne(
+      t || N(a, 0, 0, a.length, s, e.type), t = !0;
+      const c = oe(
         n.doc,
         [...o]
       );
-      return oe(l).forEach(({ oldRange: _, newRange: E }) => {
-        bt(E, i.doc, s, e.type), ie(
+      return ie(c).forEach(({ oldRange: w, newRange: S }) => {
+        bt(S, i.doc, s, e.type), re(
           i.doc,
-          E,
-          (b) => b.isTextblock
-        ).forEach(({ node: b, pos: S }) => {
-          q(
-            b.textContent,
-            S,
-            _.from,
-            E.to,
+          S,
+          (C) => C.isTextblock
+        ).forEach(({ node: C, pos: T }) => {
+          N(
+            C.textContent,
+            T,
+            w.from,
+            S.to,
             s,
             e.type
           );
@@ -486,12 +486,12 @@ function xt(e) {
 const Ct = {
   class: "d-link d-c-text d-d-inline-block d-wb-break-all",
   rel: "noopener noreferrer nofollow"
-}, Et = re.create({
+}, Et = se.create({
   name: "CustomLink",
   renderHTML({ HTMLAttributes: e }) {
     return [
       "a",
-      k(
+      x(
         this.options.HTMLAttributes,
         e,
         Ct
@@ -530,21 +530,21 @@ const Ct = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), Tt = N.extend({
+}).configure({ inline: !0, allowBase64: !0 }), Tt = U.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["div", k(this.options.HTMLAttributes, e), 0];
+    return ["div", x(this.options.HTMLAttributes, e), 0];
   }
 }), Rt = {
   compatConfig: { MODE: 3 },
   name: "MentionComponent",
   components: {
-    NodeViewWrapper: T,
-    DtLink: X
+    NodeViewWrapper: R,
+    DtLink: J
   },
-  props: R,
+  props: L,
   computed: {
     text() {
       return "@" + this.$props.node.attrs.name;
@@ -553,11 +553,11 @@ const Ct = {
 };
 function Lt(e, t, o, n, i, r) {
   const s = d("dt-link"), a = d("node-view-wrapper");
-  return c(), m(a, { class: "d-d-inline-block" }, {
+  return l(), m(a, { class: "d-d-inline-block" }, {
     default: u(() => [
       f(s, { kind: "mention" }, {
         default: u(() => [
-          w(g(r.text), 1)
+          k(p(r.text), 1)
         ]),
         _: 1
       })
@@ -565,9 +565,9 @@ function Lt(e, t, o, n, i, r) {
     _: 1
   });
 }
-const $t = /* @__PURE__ */ p(Rt, [["render", Lt]]), vt = H.extend({
+const vt = /* @__PURE__ */ g(Rt, [["render", Lt]]), $t = F.extend({
   addNodeView() {
-    return $($t);
+    return $(vt);
   },
   parseHTML() {
     return [
@@ -593,21 +593,21 @@ const $t = /* @__PURE__ */ p(Rt, [["render", Lt]]), vt = H.extend({
     return `@${e.attrs.id}`;
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["mention-component", k(this.options.HTMLAttributes, e)];
+    return ["mention-component", x(this.options.HTMLAttributes, e)];
   }
 }).configure({
   suggestion: {
     char: "@",
-    pluginKey: new C("mentionSuggestion")
+    pluginKey: new E("mentionSuggestion")
   }
 }), It = {
   compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
-    NodeViewWrapper: T,
-    DtLink: X
+    NodeViewWrapper: R,
+    DtLink: J
   },
-  props: R,
+  props: L,
   computed: {
     text() {
       return "#" + this.$props.node.attrs.name;
@@ -616,11 +616,11 @@ const $t = /* @__PURE__ */ p(Rt, [["render", Lt]]), vt = H.extend({
 };
 function Mt(e, t, o, n, i, r) {
   const s = d("dt-link"), a = d("node-view-wrapper");
-  return c(), m(a, { class: "d-d-inline-block" }, {
+  return l(), m(a, { class: "d-d-inline-block" }, {
     default: u(() => [
       f(s, { kind: "mention" }, {
         default: u(() => [
-          w(g(r.text), 1)
+          k(p(r.text), 1)
         ]),
         _: 1
       })
@@ -628,7 +628,7 @@ function Mt(e, t, o, n, i, r) {
     _: 1
   });
 }
-const Ot = /* @__PURE__ */ p(It, [["render", Mt]]), At = H.extend({
+const Ot = /* @__PURE__ */ g(It, [["render", Mt]]), At = F.extend({
   name: "channel",
   addNodeView() {
     return $(Ot);
@@ -657,20 +657,20 @@ const Ot = /* @__PURE__ */ p(It, [["render", Mt]]), At = H.extend({
     return `#${e.attrs.id}`;
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["channel-component", k(this.options.HTMLAttributes, e)];
+    return ["channel-component", x(this.options.HTMLAttributes, e)];
   }
 }).configure({
   suggestion: {
     char: "#",
-    pluginKey: new C("channelSuggestion")
+    pluginKey: new E("channelSuggestion")
   }
-}), jt = {
+}), Dt = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandsComponent",
   components: {
-    NodeViewWrapper: T
+    NodeViewWrapper: R
   },
-  props: R,
+  props: L,
   emits: ["selected-command"],
   computed: {
     text() {
@@ -681,28 +681,28 @@ const Ot = /* @__PURE__ */ p(It, [["render", Mt]]), At = H.extend({
     this.$parent.$emit("selected-command", this.$props.node.attrs.command);
   }
 };
-function Bt(e, t, o, n, i, r) {
+function jt(e, t, o, n, i, r) {
   const s = d("node-view-wrapper");
-  return c(), m(s, { class: "d-d-inline-block" }, {
+  return l(), m(s, { class: "d-d-inline-block" }, {
     default: u(() => [
-      w(g(r.text), 1)
+      k(p(r.text), 1)
     ]),
     _: 1
   });
 }
-const Dt = /* @__PURE__ */ p(jt, [["render", Bt]]), Pt = (e, t) => [...e.matchAll(t)].map((n) => {
+const Bt = /* @__PURE__ */ g(Dt, [["render", jt]]), Pt = (e, t) => [...e.matchAll(t)].map((n) => {
   let i = n[2];
   return i.endsWith(" ") || (i += " "), {
     index: n.index,
     text: i,
     match: n
   };
-}), Ht = H.extend({
+}), Ht = F.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
   addNodeView() {
-    return $(Dt);
+    return $(Bt);
   },
   parseHTML() {
     return [
@@ -728,13 +728,13 @@ const Dt = /* @__PURE__ */ p(jt, [["render", Bt]]), Pt = (e, t) => [...e.matchAl
     return `/${e.attrs.command}`;
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["command-component", k(this.options.HTMLAttributes, e)];
+    return ["command-component", x(this.options.HTMLAttributes, e)];
   },
   addInputRules() {
     var o;
     const e = (o = this.options.suggestion) == null ? void 0 : o.items({ query: "" }).map((n) => n.command), t = new RegExp(`^((?:\\/)(${e.join("|")})) $`);
     return [
-      se({
+      ae({
         find: t,
         type: this.type,
         getAttributes(n) {
@@ -759,14 +759,14 @@ const Dt = /* @__PURE__ */ p(jt, [["render", Bt]]), Pt = (e, t) => [...e.matchAl
 }).configure({
   suggestion: {
     char: "/",
-    pluginKey: new C("slashCommandSuggestion")
+    pluginKey: new E("slashCommandSuggestion")
   }
-}), Vt = {
+}), Ft = {
   compatConfig: { MODE: 3 },
   name: "MentionSuggestion",
   components: {
     DtAvatar: Je,
-    DtStack: I
+    DtStack: M
   },
   props: {
     item: {
@@ -780,13 +780,40 @@ const Dt = /* @__PURE__ */ p(jt, [["render", Bt]]), Pt = (e, t) => [...e.matchAl
     },
     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;
     }
   }
-}, Ft = { class: "d-mention-suggestion__name" };
-function Kt(e, t, o, n, i, r) {
+}, Vt = { class: "d-mention-suggestion__name" }, Kt = {
+  key: 1,
+  class: "d-mention-suggestion__divider"
+}, qt = {
+  key: 2,
+  class: "d-mention-suggestion__status"
+};
+function Nt(e, t, o, n, i, r) {
   const s = d("dt-avatar"), a = d("dt-stack");
-  return c(), m(a, {
+  return l(), m(a, {
     direction: "row",
+    class: "d-mention-suggestion__container",
     gap: "400"
   }, {
     default: u(() => [
@@ -794,14 +821,40 @@ function Kt(e, t, o, n, i, r) {
         "full-name": r.name,
         "image-src": r.avatarSrc,
         "image-alt": r.name,
-        size: "xs"
-      }, null, 8, ["full-name", "image-src", "image-alt"]),
-      y("span", Ft, g(r.name), 1)
+        "show-presence": r.showDetails,
+        presence: r.presence,
+        size: "sm"
+      }, null, 8, ["full-name", "image-src", "image-alt", "show-presence", "presence"]),
+      f(a, {
+        class: "d-mention-suggestion__details-container",
+        gap: "100"
+      }, {
+        default: u(() => [
+          y("span", Vt, p(r.name), 1),
+          r.showDetails ? (l(), m(a, {
+            key: 0,
+            direction: "row",
+            gap: "300",
+            class: "d-label--sm-plain"
+          }, {
+            default: u(() => [
+              r.presenceText ? (l(), _("span", {
+                key: 0,
+                class: W(["d-mention-suggestion__presence", [r.presenceFontColorClass]])
+              }, p(r.presenceText), 3)) : b("", !0),
+              r.status && r.presenceText ? (l(), _("div", Kt, " • ")) : b("", !0),
+              r.status ? (l(), _("div", qt, p(r.status), 1)) : b("", !0)
+            ]),
+            _: 1
+          })) : b("", !0)
+        ]),
+        _: 1
+      })
     ]),
     _: 1
   });
 }
-const qt = /* @__PURE__ */ p(Vt, [["render", Kt]]), Nt = {
+const Ut = /* @__PURE__ */ g(Ft, [["render", Nt], ["__scopeId", "data-v-19e00c7c"]]), zt = {
   // 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 [] },
@@ -810,14 +863,14 @@ const qt = /* @__PURE__ */ p(Vt, [["render", Kt]]), Nt = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new L(O, {
+        e = new v(A, {
           props: {
-            itemComponent: v(qt),
+            itemComponent: I(Ut),
             itemType: "mention",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = M("body", {
+        }), n.clientRect && (t = O("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -832,7 +885,7 @@ const qt = /* @__PURE__ */ p(Vt, [["render", Kt]]), Nt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [A]
+          plugins: [D]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -850,11 +903,11 @@ const qt = /* @__PURE__ */ p(Vt, [["render", Kt]]), Nt = {
       }
     };
   }
-}, Ut = {
+}, Wt = {
   compatConfig: { MODE: 3 },
   name: "ChannelSuggestion",
   components: {
-    DtStack: I,
+    DtStack: M,
     DtIconHash: Ye,
     DtIconLock: Ge
   },
@@ -870,26 +923,26 @@ const qt = /* @__PURE__ */ p(Vt, [["render", Kt]]), Nt = {
     }
   }
 };
-function zt(e, t, o, n, i, r) {
-  const s = d("dt-icon-hash"), a = d("dt-icon-lock"), l = d("dt-stack");
-  return c(), m(l, {
+function Xt(e, t, o, n, i, r) {
+  const s = d("dt-icon-hash"), a = d("dt-icon-lock"), c = d("dt-stack");
+  return l(), m(c, {
     direction: "row",
     gap: "400"
   }, {
     default: u(() => [
-      o.item.locked ? (c(), m(a, {
+      o.item.locked ? (l(), m(a, {
         key: 1,
         size: "300"
-      })) : (c(), m(s, {
+      })) : (l(), m(s, {
         key: 0,
         size: "300"
       })),
-      y("span", null, g(r.name), 1)
+      y("span", null, p(r.name), 1)
     ]),
     _: 1
   });
 }
-const Wt = /* @__PURE__ */ p(Ut, [["render", zt]]), Xt = {
+const Jt = /* @__PURE__ */ g(Wt, [["render", Xt]]), Yt = {
   // 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 [] },
@@ -898,14 +951,14 @@ const Wt = /* @__PURE__ */ p(Ut, [["render", zt]]), Xt = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new L(O, {
+        e = new v(A, {
           props: {
-            itemComponent: v(Wt),
+            itemComponent: I(Jt),
             itemType: "channel",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = M("body", {
+        }), n.clientRect && (t = O("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -920,7 +973,7 @@ const Wt = /* @__PURE__ */ p(Ut, [["render", zt]]), Xt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [A]
+          plugins: [D]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -938,7 +991,7 @@ const Wt = /* @__PURE__ */ p(Ut, [["render", zt]]), Xt = {
       }
     };
   }
-}, Jt = {
+}, Gt = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandSuggestion",
   props: {
@@ -958,17 +1011,17 @@ const Wt = /* @__PURE__ */ p(Ut, [["render", zt]]), Xt = {
       return this.item.parametersExample;
     }
   }
-}, Yt = { class: "d-body--md-compact" }, Gt = { key: 0 }, Qt = { class: "d-body--sm d-fc-tertiary" };
-function Zt(e, t, o, n, i, r) {
-  return c(), x("div", null, [
-    y("div", Yt, [
-      y("span", null, "/" + g(r.command), 1),
-      r.parametersExample ? (c(), x("span", Gt, g(r.parametersExample), 1)) : z("", !0)
+}, Qt = { class: "d-body--md-compact" }, Zt = { key: 0 }, en = { class: "d-body--sm d-fc-tertiary" };
+function tn(e, t, o, n, i, r) {
+  return l(), _("div", null, [
+    y("div", Qt, [
+      y("span", null, "/" + p(r.command), 1),
+      r.parametersExample ? (l(), _("span", Zt, p(r.parametersExample), 1)) : b("", !0)
     ]),
-    y("div", Qt, g(r.description), 1)
+    y("div", en, p(r.description), 1)
   ]);
 }
-const en = /* @__PURE__ */ p(Jt, [["render", Zt]]), tn = {
+const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
   // 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 [] },
@@ -978,15 +1031,15 @@ const en = /* @__PURE__ */ p(Jt, [["render", Zt]]), tn = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new L(O, {
+        e = new v(A, {
           parent: void 0,
           props: {
-            itemComponent: v(en),
+            itemComponent: I(nn),
             itemType: "slash-command",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = M("body", {
+        }), n.clientRect && (t = O("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -1001,7 +1054,7 @@ const en = /* @__PURE__ */ p(Jt, [["render", Zt]]), tn = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [A]
+          plugins: [D]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -1019,14 +1072,14 @@ const en = /* @__PURE__ */ p(Jt, [["render", Zt]]), tn = {
       }
     };
   }
-}, nn = {
+}, rn = {
   compatConfig: { MODE: 3 },
   name: "DtRichTextEditor",
   components: {
-    EditorContent: Y,
-    BubbleMenu: G,
+    EditorContent: G,
+    BubbleMenu: Q,
     DtButton: Ze,
-    DtStack: I
+    DtStack: M
   },
   props: {
     /**
@@ -1376,15 +1429,15 @@ const en = /* @__PURE__ */ p(Jt, [["render", Zt]]), tn = {
     },
     // eslint-disable-next-line complexity
     extensions() {
-      const e = [ue, xe, Ee, me];
-      e.push(this.useDivTags ? Tt : N), this.allowBlockquote && e.push(le), this.allowBold && e.push(fe), this.allowBulletList && (e.push(pe), e.push(ye.extend({
+      const e = [me, Ce, Se, he];
+      e.push(this.useDivTags ? Tt : U), this.allowBlockquote && e.push(ce), this.allowBold && e.push(pe), this.allowBulletList && (e.push(ge), e.push(ye.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
-      })), e.push(we)), this.allowItalic && e.push(ge), this.allowStrike && e.push(ke), this.allowUnderline && e.push(be), this.placeholder && e.push(
-        he.configure({ placeholder: this.placeholder })
+      })), e.push(ke)), this.allowItalic && e.push(_e), this.allowStrike && e.push(be), this.allowUnderline && e.push(xe), this.placeholder && e.push(
+        fe.configure({ placeholder: this.placeholder })
       );
-      const t = this, o = ae.create({
+      const t = this, o = le.create({
         addKeyboardShortcuts() {
           return {
             "Shift-Enter": ({ editor: n }) => t.allowLineBreaks ? !1 : (n.commands.first(({ commands: i }) => [
@@ -1398,29 +1451,28 @@ const en = /* @__PURE__ */ p(Jt, [["render", Zt]]), tn = {
           };
         }
       });
-      if (e.push(o), this.link && e.push(_e.extend({ inclusive: !1 }).configure({
+      if (e.push(o), this.link && e.push(we.extend({ inclusive: !1 }).configure({
         HTMLAttributes: {
           class: "d-link d-wb-break-all"
         },
         openOnClick: !1,
         autolink: !0,
-        protocols: F
+        protocols: K
       })), this.customLink && e.push(this.getExtension(Et, this.customLink)), this.mentionSuggestion) {
-        const n = { ...this.mentionSuggestion, ...Nt };
-        e.push(vt.configure({ suggestion: n }));
+        const n = { ...this.mentionSuggestion, ...zt };
+        e.push($t.configure({ suggestion: n }));
       }
       if (this.channelSuggestion) {
-        const n = { ...this.channelSuggestion, ...Xt };
+        const n = { ...this.channelSuggestion, ...Yt };
         e.push(At.configure({ suggestion: n }));
       }
       if (this.slashCommandSuggestion) {
-        const n = { ...this.slashCommandSuggestion, ...tn };
+        const n = { ...this.slashCommandSuggestion, ...on };
         e.push(Ht.configure({ suggestion: n }));
       }
-      return e.push(gt), e.push(Ce.configure({
-        types: ["paragraph"],
-        defaultAlignment: "left"
-      })), this.allowCode && e.push(ce), this.allowCodeblock && e.push(de.extend({
+      return e.push(gt), e.push(Ee.configure({
+        types: ["paragraph"]
+      })), this.allowCode && e.push(ue), this.allowCodeblock && e.push(de.extend({
         renderText({ node: n }) {
           return `\`\`\`
 ${n.textContent}
@@ -1430,7 +1482,7 @@ ${n.textContent}
         HTMLAttributes: {
           class: "d-rich-text-editor__code-block"
         }
-      })), this.allowInlineImages && e.push(St), (this.allowFontFamily || this.allowFontColor) && (e.push(Se), this.allowFontColor && e.push(Te), this.allowFontFamily && e.push(Re)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
+      })), this.allowInlineImages && e.push(St), (this.allowFontFamily || this.allowFontColor) && (e.push(Te), this.allowFontColor && e.push(Re), this.allowFontFamily && e.push(Le)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
     },
     inputAttrs() {
       const e = {
@@ -1474,7 +1526,7 @@ ${n.textContent}
   },
   methods: {
     createEditor() {
-      this.editor = new Q({
+      this.editor = new Z({
         autofocus: this.autoFocus,
         content: this.modelValue,
         editable: this.editable,
@@ -1514,9 +1566,9 @@ ${n.textContent}
      * @param editor the editor instance.
      */
     getSelectedLinkText(e) {
-      var a, l, h;
+      var a, c, h;
       const { view: t, state: o } = e, { from: n, to: i } = t.state.selection, r = o.doc.textBetween(n, i, ""), s = this.editor.state.doc.nodeAt(n);
-      return s && ((h = (l = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : l.type) == null ? void 0 : h.name) === "link" ? s.textContent : r;
+      return s && ((h = (c = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : c.type) == null ? void 0 : h.name) === "link" ? s.textContent : r;
     },
     editLink() {
       const e = this.getSelectedLinkText(this.editor), t = {
@@ -1536,14 +1588,14 @@ ${n.textContent}
       window.open(e, "_blank");
     },
     // eslint-disable-next-line complexity
-    setLink(e, t, o, n = F, i) {
-      var a, l, h;
+    setLink(e, t, o, n = K, i) {
+      var a, c, h;
       if (!e) {
         this.removeLink();
         return;
       }
-      n.find((_) => _.test(e)) || (e = `${i}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
-      const s = (h = (l = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : l.state) == null ? void 0 : h.selection;
+      n.find((w) => w.test(e)) || (e = `${i}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
+      const s = (h = (c = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : c.state) == null ? void 0 : h.selection;
       this.editor.chain().focus().insertContent(t).setTextSelection({ from: s.from, to: s.from + t.length }).setLink({ href: e, class: o.class }).run();
     },
     // eslint-disable-next-line complexity
@@ -1551,7 +1603,7 @@ ${n.textContent}
       const o = this.getOutput();
       if (!(t && Qe(e, o))) {
         if (typeof e == "string" && this.outputFormat === "text") {
-          const n = new RegExp(`(${U})`, "g");
+          const n = new RegExp(`(${z})`, "g");
           e = e == null ? void 0 : e.replace(n, '<emoji-component code="$1"></emoji-component>');
         }
         this.editor.commands.setContent(e, !1);
@@ -1624,11 +1676,11 @@ ${n.textContent}
       this.editor.commands.focus();
     }
   }
-}, on = { class: "d-popover__dialog" };
-function rn(e, t, o, n, i, r) {
-  const s = d("dt-button"), a = d("dt-stack"), l = d("bubble-menu"), h = d("editor-content");
-  return c(), x("div", null, [
-    i.editor && o.link && !o.hideLinkBubbleMenu ? (c(), m(l, {
+}, sn = { class: "d-popover__dialog" };
+function an(e, t, o, n, i, r) {
+  const s = d("dt-button"), a = d("dt-stack"), c = d("bubble-menu"), h = d("editor-content");
+  return l(), _("div", null, [
+    i.editor && o.link && !o.hideLinkBubbleMenu ? (l(), m(c, {
       key: 0,
       editor: i.editor,
       "should-show": r.bubbleMenuShouldShow,
@@ -1636,7 +1688,7 @@ function rn(e, t, o, n, i, r) {
       style: { visibility: "visible" }
     }, {
       default: u(() => [
-        y("div", on, [
+        y("div", sn, [
           f(a, {
             direction: "row",
             class: "d-rich-text-editor-bubble-menu__button-stack",
@@ -1649,7 +1701,7 @@ function rn(e, t, o, n, i, r) {
                 onClick: r.editLink
               }, {
                 default: u(() => [
-                  w(" Edit ")
+                  k(" Edit ")
                 ]),
                 _: 1
               }, 8, ["onClick"]),
@@ -1659,7 +1711,7 @@ function rn(e, t, o, n, i, r) {
                 onClick: r.openLink
               }, {
                 default: u(() => [
-                  w(" Open link ")
+                  k(" Open link ")
                 ]),
                 _: 1
               }, 8, ["onClick"]),
@@ -1669,7 +1721,7 @@ function rn(e, t, o, n, i, r) {
                 onClick: r.removeLink
               }, {
                 default: u(() => [
-                  w(" Remove ")
+                  k(" Remove ")
                 ]),
                 _: 1
               }, 8, ["onClick"])
@@ -1679,8 +1731,8 @@ function rn(e, t, o, n, i, r) {
         ])
       ]),
       _: 1
-    }, 8, ["editor", "should-show", "tippy-options"])) : z("", !0),
-    f(h, De({
+    }, 8, ["editor", "should-show", "tippy-options"])) : b("", !0),
+    f(h, Be({
       ref: "editor",
       editor: i.editor,
       class: "d-rich-text-editor",
@@ -1688,8 +1740,8 @@ function rn(e, t, o, n, i, r) {
     }, r.attrs), null, 16, ["editor"])
   ]);
 }
-const Yn = /* @__PURE__ */ p(nn, [["render", rn]]);
+const Qn = /* @__PURE__ */ g(rn, [["render", an]]);
 export {
-  Yn as default
+  Qn as default
 };
 //# sourceMappingURL=rich-text-editor.js.map