@dialpad/dialtone 9.131.1 → 9.132.0

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

@@ -1,11 +1,11 @@
-import { nodeViewProps as L, NodeViewWrapper as R, VueRenderer as v, VueNodeViewRenderer as I, BubbleMenu as G, EditorContent as Q, Editor as Z } from "../../node_modules/@tiptap/vue-3.js";
+import { nodeViewProps as L, NodeViewWrapper as R, VueRenderer as v, VueNodeViewRenderer as O, BubbleMenu as G, EditorContent as Q, Editor as Z } from "../../node_modules/@tiptap/vue-3.js";
 import { Node as ee, nodePasteRule as P, InputRule as te, mergeAttributes as b, getMarksBetween as ne, combineTransactionSteps as oe, getChangedRanges as re, findChildrenInRange as ie, 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 ue from "@tiptap/extension-code";
 import me from "@tiptap/extension-document";
 import he from "@tiptap/extension-hard-break";
-import q from "@tiptap/extension-paragraph";
+import W from "@tiptap/extension-paragraph";
 import fe from "@tiptap/extension-placeholder";
 import pe from "@tiptap/extension-bold";
 import ge from "@tiptap/extension-bullet-list";
@@ -22,18 +22,17 @@ import Se from "@tiptap/extension-text-style";
 import Le from "@tiptap/extension-color";
 import Re from "@tiptap/extension-font-family";
 import { PluginKey as T, Plugin as ve } from "@tiptap/pm/state";
-import Ie from "@tiptap/suggestion";
-import { emojiPattern as W } from "regex-combined-emojis";
-import { resolveComponent as c, createBlock as h, openBlock as l, withCtx as u, createVNode as p, createElementBlock as _, withDirectives as Oe, createElementVNode as w, Fragment as Be, renderList as Me, withModifiers as $e, normalizeClass as z, resolveDynamicComponent as Ae, vShow as De, createTextVNode as k, toDisplayString as m, markRaw as O, createCommentVNode as x, mergeProps as Pe } from "vue";
+import Oe from "@tiptap/suggestion";
+import { emojiPattern as q } from "regex-combined-emojis";
+import { resolveComponent as d, createBlock as h, openBlock as l, withCtx as u, createVNode as p, createElementBlock as _, withDirectives as Ie, createElementVNode as w, Fragment as Be, renderList as Me, withModifiers as $e, normalizeClass as z, resolveDynamicComponent as Ae, vShow as De, createTextVNode as k, toDisplayString as m, markRaw as I, createCommentVNode as x, mergeProps as Pe } from "vue";
 import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import X from "../emoji/emoji.js";
-import { emojiRegex as je, stringToUnicode as He, codeToEmojiData as H, emojiShortCodeRegex as Ne } from "../../common/emoji/index.js";
-import { emojisIndexed as Fe } from "@dialpad/dialtone-emojis";
+import { getEmojiData as je, emojiRegex as He, stringToUnicode as Ne, codeToEmojiData as H, emojiShortCodeRegex as Fe } from "../../common/emoji/index.js";
 import Ke from "../list-item/list-item.js";
 import B from "../stack/stack.js";
 import M from "tippy.js";
-import { getPhoneNumberRegex as Ve, linkRegex as Ue, warnIfUnmounted as qe, returnFirstEl as F } from "../../common/utils/index.js";
-import We from "@tiptap/extension-image";
+import { getPhoneNumberRegex as Ve, linkRegex as Ue, warnIfUnmounted as We, returnFirstEl as F } from "../../common/utils/index.js";
+import qe from "@tiptap/extension-image";
 import N from "@tiptap/extension-mention";
 import J from "../link/link.js";
 import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as K, RICH_TEXT_EDITOR_OUTPUT_FORMATS as ze, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Xe } from "./rich-text-editor-constants.js";
@@ -53,7 +52,7 @@ const tt = {
   props: L
 };
 function nt(e, t, o, n, r, i) {
-  const s = c("dt-emoji"), a = c("node-view-wrapper");
+  const s = d("dt-emoji"), a = d("node-view-wrapper");
   return l(), h(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
     default: u(() => [
       p(s, {
@@ -142,17 +141,17 @@ const ot = /* @__PURE__ */ g(tt, [["render", nt]]), rt = {
   class: "d-suggestion-list"
 };
 function at(e, t, o, n, r, i) {
-  const s = c("dt-list-item");
+  const s = d("dt-list-item");
   return l(), _("div", it, [
-    Oe(w("ul", st, [
-      (l(!0), _(Be, null, Me(o.items, (a, d) => (l(), h(s, {
+    Ie(w("ul", st, [
+      (l(!0), _(Be, null, Me(o.items, (a, c) => (l(), h(s, {
         key: a.id,
         class: z([
           "d-suggestion-list__item",
-          { "d-list-item--highlighted": d === r.selectedIndex }
+          { "d-list-item--highlighted": c === r.selectedIndex }
         ]),
         "navigation-type": "arrow-keys",
-        onClick: (f) => i.selectItem(d),
+        onClick: (f) => i.selectItem(c),
         onKeydown: $e(i.onKeyDown, ["prevent"])
       }, {
         default: u(() => [
@@ -180,7 +179,7 @@ const $ = /* @__PURE__ */ g(rt, [["render", at]]), lt = {
   }
 };
 function ct(e, t, o, n, r, i) {
-  const s = c("dt-emoji"), a = c("dt-stack");
+  const s = d("dt-emoji"), a = d("dt-stack");
   return l(), h(a, {
     direction: "row",
     gap: "400"
@@ -211,18 +210,25 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
       }
     };
   }
-}, ut = 20, mt = {
+}, ut = 20, mt = (e, t, o) => {
+  var a, c;
+  const n = (a = e.shortname) == null ? void 0 : a.replaceAll(":", ""), r = (c = t.shortname) == null ? void 0 : c.replaceAll(":", ""), i = n.startsWith(o), s = r.startsWith(o);
+  return i && !s ? -1 : !i && s ? 1 : n.localeCompare(r);
+}, ht = {
   items: ({ query: e }) => {
     if (e.length < 2)
       return [];
-    const t = Object.values(Fe);
+    const t = Object.values(je());
     return e = e.toLowerCase(), t.filter(
-      (n) => [
-        n.name,
-        n.shortname.replaceAll(":", ""),
-        ...n.keywords
-      ].some((r) => r.startsWith(e))
-    ).splice(0, ut).map((n) => ({ code: n.shortname }));
+      (n) => {
+        var r;
+        return [
+          n.name,
+          (r = n.shortname) == null ? void 0 : r.replaceAll(":", ""),
+          ...n.keywords || []
+        ].some((i) => i && i.startsWith(e));
+      }
+    ).splice(0, ut).sort((n, r) => mt(n, r, e)).map((n) => ({ code: n.shortname }));
   },
   command: ({ editor: e, range: t, props: o }) => {
     var i, s;
@@ -240,7 +246,7 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
       onStart: (n) => {
         e = new v($, {
           props: {
-            itemComponent: O(dt),
+            itemComponent: I(dt),
             itemType: "emoji",
             ...n
           },
@@ -278,14 +284,14 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
       }
     };
   }
-}, ht = /(:\w+:)$/, ft = new RegExp(W + "$"), pt = (e) => {
+}, ft = /(:\w+:)$/, pt = new RegExp(q + "$"), gt = (e) => {
   if (e && H(e[0]))
     return { text: e[2] || e[0] };
-}, gt = (e) => [...e.matchAll(Ne)].filter((o) => H(o[0])).map((o) => ({
+}, _t = (e) => [...e.matchAll(Fe)].filter((o) => H(o[0])).map((o) => ({
   index: o.index,
   text: o[0],
   match: o
-})), _t = ee.create({
+})), yt = ee.create({
   name: "emoji",
   addOptions() {
     return {
@@ -297,7 +303,7 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return I(ot);
+    return O(ot);
   },
   addAttributes() {
     return {
@@ -314,7 +320,7 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
     ];
   },
   renderText({ node: e }) {
-    return He(H(e.attrs.code).unicode_output);
+    return Ne(H(e.attrs.code).unicode_output);
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["emoji-component", b(this.options.HTMLAttributes, e)];
@@ -323,9 +329,9 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
     return [
       new te({
         find: (e) => {
-          const t = e.match(ht) || e.match(ft);
+          const t = e.match(ft) || e.match(pt);
           if (t)
-            return pt(t);
+            return gt(t);
         },
         handler: ({ state: e, range: t, match: o }) => {
           const { tr: n } = e, r = t.from, i = t.to;
@@ -337,7 +343,7 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
   addPasteRules() {
     return [
       P({
-        find: gt,
+        find: _t,
         type: this.type,
         getAttributes(e) {
           return {
@@ -346,7 +352,7 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
         }
       }),
       P({
-        find: je,
+        find: He,
         type: this.type,
         getAttributes(e) {
           return {
@@ -358,12 +364,12 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
   },
   addProseMirrorPlugins() {
     return [
-      Ie({
+      Oe({
         char: ":",
         pluginKey: new T("emoji"),
         editor: this.editor,
         ...this.options.suggestion,
-        ...mt
+        ...ht
       })
     ];
   },
@@ -380,7 +386,7 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
     };
   }
 });
-function yt(e, t, o = () => !0) {
+function wt(e, t, o = () => !0) {
   const n = [];
   t.lastIndex = 0;
   let r;
@@ -388,10 +394,10 @@ function yt(e, t, o = () => !0) {
     o(e, r) && n.push(r);
   return n;
 }
-function wt(e, t) {
+function kt(e, t) {
   return !["#", "@"].includes(e.charAt(t.index)) && !["#", "@"].includes(e.charAt(t.index - 1));
 }
-function kt(e) {
+function xt(e) {
   const t = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
@@ -401,7 +407,7 @@ function kt(e) {
   );
   return e.replace(t, "");
 }
-function xt(e, t) {
+function bt(e, t) {
   const o = e.slice(0, t + 1).search(/\S+\s*$/), n = e.slice(t).search(/\s/);
   if (n < 0) {
     const r = e.slice(o);
@@ -418,13 +424,13 @@ function xt(e, t) {
   };
 }
 function j(e, t, o, n) {
-  const r = xt(e, t);
+  const r = bt(e, t);
   if (n.lastIndex = 0, !n.test(r.text))
     return r;
   const i = o === "left" ? r.from - 1 : r.to + 1;
   return i <= 0 || i >= e.length || i === t ? r : j(e, i, o, n);
 }
-function bt(e, t, o, n) {
+function Ct(e, t, o, n) {
   const r = Math.max(e.from - 1, 0), i = Math.min(e.to + 1, t.content.size), s = ne(r, i, t);
   for (const a of s)
     a.mark.type === n && o.removeMark(a.from, a.to, n);
@@ -435,7 +441,7 @@ function U(e, t, o, n, r, i) {
     return;
   let s = o - t - 1;
   s = s < 0 ? 0 : s;
-  const a = n - t, d = j(
+  const a = n - t, c = j(
     e,
     s,
     "left",
@@ -445,13 +451,13 @@ function U(e, t, o, n, r, i) {
     a,
     "right",
     V
-  ), y = e.slice(d.from, f.to);
-  yt(y, Ue, wt).forEach((D) => {
-    const C = kt(D[0]), S = t + d.from + D.index + 1, Y = S + C.length;
+  ), y = e.slice(c.from, f.to);
+  wt(y, Ue, kt).forEach((D) => {
+    const C = xt(D[0]), S = t + c.from + D.index + 1, Y = S + C.length;
     r.addMark(S, Y, i.create());
   });
 }
-function Ct(e) {
+function Tt(e) {
   let t = !1;
   return new ve({
     key: new T("autolink"),
@@ -461,12 +467,12 @@ function Ct(e) {
         return;
       const { tr: s } = r, { textContent: a } = r.doc;
       t || U(a, 0, 0, a.length, s, e.type), t = !0;
-      const d = oe(
+      const c = oe(
         n.doc,
         [...o]
       );
-      return re(d).forEach(({ oldRange: y, newRange: E }) => {
-        bt(E, r.doc, s, e.type), ie(
+      return re(c).forEach(({ oldRange: y, newRange: E }) => {
+        Ct(E, r.doc, s, e.type), ie(
           r.doc,
           E,
           (C) => C.isTextblock
@@ -484,10 +490,10 @@ function Ct(e) {
     }
   });
 }
-const Tt = {
+const Et = {
   class: "d-link d-c-text d-d-inline-block d-wb-break-all",
   rel: "noopener noreferrer nofollow"
-}, Et = se.create({
+}, St = se.create({
   name: "CustomLink",
   renderHTML({ HTMLAttributes: e }) {
     return [
@@ -495,7 +501,7 @@ const Tt = {
       b(
         this.options.HTMLAttributes,
         e,
-        Tt
+        Et
       )
     ];
   },
@@ -504,10 +510,10 @@ const Tt = {
   },
   addProseMirrorPlugins() {
     return [
-      Ct({ type: this.type })
+      Tt({ type: this.type })
     ];
   }
-}), St = We.extend({
+}), Lt = qe.extend({
   name: "ConfigurableImage",
   addAttributes() {
     return {
@@ -531,14 +537,14 @@ const Tt = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), Lt = q.extend({
+}).configure({ inline: !0, allowBase64: !0 }), Rt = W.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["div", b(this.options.HTMLAttributes, e), 0];
   }
-}), Rt = {
+}), vt = {
   compatConfig: { MODE: 3 },
   name: "MentionComponent",
   components: {
@@ -552,8 +558,8 @@ const Tt = {
     }
   }
 };
-function vt(e, t, o, n, r, i) {
-  const s = c("dt-link"), a = c("node-view-wrapper");
+function Ot(e, t, o, n, r, i) {
+  const s = d("dt-link"), a = d("node-view-wrapper");
   return l(), h(a, { class: "d-d-inline-block" }, {
     default: u(() => [
       p(s, { kind: "mention" }, {
@@ -566,9 +572,9 @@ function vt(e, t, o, n, r, i) {
     _: 1
   });
 }
-const It = /* @__PURE__ */ g(Rt, [["render", vt]]), Ot = N.extend({
+const It = /* @__PURE__ */ g(vt, [["render", Ot]]), Bt = N.extend({
   addNodeView() {
-    return I(It);
+    return O(It);
   },
   parseHTML() {
     return [
@@ -601,7 +607,7 @@ const It = /* @__PURE__ */ g(Rt, [["render", vt]]), Ot = N.extend({
     char: "@",
     pluginKey: new T("mentionSuggestion")
   }
-}), Bt = {
+}), Mt = {
   compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
@@ -615,8 +621,8 @@ const It = /* @__PURE__ */ g(Rt, [["render", vt]]), Ot = N.extend({
     }
   }
 };
-function Mt(e, t, o, n, r, i) {
-  const s = c("dt-link"), a = c("node-view-wrapper");
+function $t(e, t, o, n, r, i) {
+  const s = d("dt-link"), a = d("node-view-wrapper");
   return l(), h(a, { class: "d-d-inline-block" }, {
     default: u(() => [
       p(s, { kind: "mention" }, {
@@ -629,10 +635,10 @@ function Mt(e, t, o, n, r, i) {
     _: 1
   });
 }
-const $t = /* @__PURE__ */ g(Bt, [["render", Mt]]), At = N.extend({
+const At = /* @__PURE__ */ g(Mt, [["render", $t]]), Dt = N.extend({
   name: "channel",
   addNodeView() {
-    return I($t);
+    return O(At);
   },
   parseHTML() {
     return [
@@ -665,7 +671,7 @@ const $t = /* @__PURE__ */ g(Bt, [["render", Mt]]), At = N.extend({
     char: "#",
     pluginKey: new T("channelSuggestion")
   }
-}), Dt = {
+}), Pt = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandsComponent",
   components: {
@@ -688,8 +694,8 @@ const $t = /* @__PURE__ */ g(Bt, [["render", Mt]]), At = N.extend({
     t && typeof t == "function" && t(e);
   }
 };
-function Pt(e, t, o, n, r, i) {
-  const s = c("node-view-wrapper");
+function jt(e, t, o, n, r, i) {
+  const s = d("node-view-wrapper");
   return l(), h(s, { class: "d-d-inline-block" }, {
     default: u(() => [
       k(m(i.text), 1)
@@ -697,14 +703,14 @@ function Pt(e, t, o, n, r, i) {
     _: 1
   });
 }
-const jt = /* @__PURE__ */ g(Dt, [["render", Pt]]), Ht = (e, t) => [...e.matchAll(t)].map((n) => {
+const Ht = /* @__PURE__ */ g(Pt, [["render", jt]]), Nt = (e, t) => [...e.matchAll(t)].map((n) => {
   let r = n[2];
   return r.endsWith(" ") || (r += " "), {
     index: n.index,
     text: r,
     match: n
   };
-}), Nt = N.extend({
+}), Ft = N.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
@@ -721,7 +727,7 @@ const jt = /* @__PURE__ */ g(Dt, [["render", Pt]]), Ht = (e, t) => [...e.matchAl
     };
   },
   addNodeView() {
-    return I(jt);
+    return O(Ht);
   },
   parseHTML() {
     return [
@@ -767,7 +773,7 @@ const jt = /* @__PURE__ */ g(Dt, [["render", Pt]]), Ht = (e, t) => [...e.matchAl
     const e = (o = this.options.suggestion) == null ? void 0 : o.items({ query: "" }).map((n) => n.command), t = new RegExp(`^((?:\\/)(${e.join("|")})) ?$`, "g");
     return [
       P({
-        find: (n) => Ht(n, t),
+        find: (n) => Nt(n, t),
         type: this.type,
         getAttributes(n) {
           return { command: n[0].trim() };
@@ -780,7 +786,7 @@ const jt = /* @__PURE__ */ g(Dt, [["render", Pt]]), Ht = (e, t) => [...e.matchAl
     char: "/",
     pluginKey: new T("slashCommandSuggestion")
   }
-}), Ft = {
+}), Kt = {
   compatConfig: { MODE: 3 },
   name: "MentionSuggestion",
   components: {
@@ -821,15 +827,15 @@ const jt = /* @__PURE__ */ g(Dt, [["render", Pt]]), Ht = (e, t) => [...e.matchAl
       return this.item.showDetails;
     }
   }
-}, Kt = { class: "d-mention-suggestion__name" }, Vt = {
+}, Vt = { class: "d-mention-suggestion__name" }, Ut = {
   key: 1,
   class: "d-mention-suggestion__divider"
-}, Ut = {
+}, Wt = {
   key: 2,
   class: "d-mention-suggestion__status"
 };
 function qt(e, t, o, n, r, i) {
-  const s = c("dt-avatar"), a = c("dt-stack");
+  const s = d("dt-avatar"), a = d("dt-stack");
   return l(), h(a, {
     direction: "row",
     class: "d-mention-suggestion__container",
@@ -849,7 +855,7 @@ function qt(e, t, o, n, r, i) {
         gap: "100"
       }, {
         default: u(() => [
-          w("span", Kt, m(i.name), 1),
+          w("span", Vt, m(i.name), 1),
           i.showDetails ? (l(), h(a, {
             key: 0,
             direction: "row",
@@ -861,8 +867,8 @@ function qt(e, t, o, n, r, i) {
                 key: 0,
                 class: z(["d-mention-suggestion__presence", [i.presenceFontColorClass]])
               }, m(i.presenceText), 3)) : x("", !0),
-              i.status && i.presenceText ? (l(), _("div", Vt, " • ")) : x("", !0),
-              i.status ? (l(), _("div", Ut, m(i.status), 1)) : x("", !0)
+              i.status && i.presenceText ? (l(), _("div", Ut, " • ")) : x("", !0),
+              i.status ? (l(), _("div", Wt, m(i.status), 1)) : x("", !0)
             ]),
             _: 1
           })) : x("", !0)
@@ -873,7 +879,7 @@ function qt(e, t, o, n, r, i) {
     _: 1
   });
 }
-const Wt = /* @__PURE__ */ g(Ft, [["render", qt]]), zt = {
+const zt = /* @__PURE__ */ g(Kt, [["render", qt]]), Xt = {
   // 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 [] },
@@ -884,7 +890,7 @@ const Wt = /* @__PURE__ */ g(Ft, [["render", qt]]), zt = {
       onStart: (n) => {
         e = new v($, {
           props: {
-            itemComponent: O(Wt),
+            itemComponent: I(zt),
             itemType: "mention",
             ...n
           },
@@ -922,7 +928,7 @@ const Wt = /* @__PURE__ */ g(Ft, [["render", qt]]), zt = {
       }
     };
   }
-}, Xt = {
+}, Jt = {
   compatConfig: { MODE: 3 },
   name: "ChannelSuggestion",
   components: {
@@ -942,9 +948,9 @@ const Wt = /* @__PURE__ */ g(Ft, [["render", qt]]), zt = {
     }
   }
 };
-function Jt(e, t, o, n, r, i) {
-  const s = c("dt-icon-hash"), a = c("dt-icon-lock"), d = c("dt-stack");
-  return l(), h(d, {
+function Yt(e, t, o, n, r, i) {
+  const s = d("dt-icon-hash"), a = d("dt-icon-lock"), c = d("dt-stack");
+  return l(), h(c, {
     direction: "row",
     gap: "400"
   }, {
@@ -961,7 +967,7 @@ function Jt(e, t, o, n, r, i) {
     _: 1
   });
 }
-const Yt = /* @__PURE__ */ g(Xt, [["render", Jt]]), Gt = {
+const Gt = /* @__PURE__ */ g(Jt, [["render", Yt]]), Qt = {
   // 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 [] },
@@ -972,7 +978,7 @@ const Yt = /* @__PURE__ */ g(Xt, [["render", Jt]]), Gt = {
       onStart: (n) => {
         e = new v($, {
           props: {
-            itemComponent: O(Yt),
+            itemComponent: I(Gt),
             itemType: "channel",
             ...n
           },
@@ -1010,7 +1016,7 @@ const Yt = /* @__PURE__ */ g(Xt, [["render", Jt]]), Gt = {
       }
     };
   }
-}, Qt = {
+}, Zt = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandSuggestion",
   props: {
@@ -1030,17 +1036,17 @@ const Yt = /* @__PURE__ */ g(Xt, [["render", Jt]]), Gt = {
       return this.item.parametersExample;
     }
   }
-}, Zt = { class: "d-body--md-compact" }, en = { key: 0 }, tn = { class: "d-body--sm d-fc-tertiary" };
-function nn(e, t, o, n, r, i) {
+}, en = { class: "d-body--md-compact" }, tn = { key: 0 }, nn = { class: "d-body--sm d-fc-tertiary" };
+function on(e, t, o, n, r, i) {
   return l(), _("div", null, [
-    w("div", Zt, [
+    w("div", en, [
       w("span", null, "/" + m(i.command), 1),
-      i.parametersExample ? (l(), _("span", en, m(i.parametersExample), 1)) : x("", !0)
+      i.parametersExample ? (l(), _("span", tn, m(i.parametersExample), 1)) : x("", !0)
     ]),
-    w("div", tn, m(i.description), 1)
+    w("div", nn, m(i.description), 1)
   ]);
 }
-const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
+const rn = /* @__PURE__ */ g(Zt, [["render", on]]), sn = {
   // 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 [] },
@@ -1053,7 +1059,7 @@ const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
         e = new v($, {
           parent: void 0,
           props: {
-            itemComponent: O(on),
+            itemComponent: I(rn),
             itemType: "slash-command",
             ...n
           },
@@ -1091,7 +1097,7 @@ const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
       }
     };
   }
-}, sn = {
+}, an = {
   compatConfig: { MODE: 3 },
   name: "DtRichTextEditor",
   components: {
@@ -1464,7 +1470,7 @@ const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
     // eslint-disable-next-line complexity
     extensions() {
       const e = [me, Ce, Ee, he];
-      e.push(this.useDivTags ? Lt : q), this.allowBold && e.push(pe), this.allowBlockquote && e.push(ce), this.allowBulletList && (e.push(ge), e.push(we.extend({
+      e.push(this.useDivTags ? Rt : W), this.allowBold && e.push(pe), this.allowBlockquote && e.push(ce), this.allowBulletList && (e.push(ge), e.push(we.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
@@ -1499,24 +1505,24 @@ const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
         openOnClick: !1,
         autolink: !0,
         protocols: K
-      })), this.customLink && e.push(this.getExtension(Et, this.customLink)), this.mentionSuggestion) {
-        const n = { ...this.mentionSuggestion, ...zt };
-        e.push(Ot.configure({ suggestion: n }));
+      })), this.customLink && e.push(this.getExtension(St, this.customLink)), this.mentionSuggestion) {
+        const n = { ...this.mentionSuggestion, ...Xt };
+        e.push(Bt.configure({ suggestion: n }));
       }
       if (this.channelSuggestion) {
-        const n = { ...this.channelSuggestion, ...Gt };
-        e.push(At.configure({ suggestion: n }));
+        const n = { ...this.channelSuggestion, ...Qt };
+        e.push(Dt.configure({ suggestion: n }));
       }
       if (this.slashCommandSuggestion) {
-        const n = { ...this.slashCommandSuggestion, ...rn };
-        e.push(Nt.configure({
+        const n = { ...this.slashCommandSuggestion, ...sn };
+        e.push(Ft.configure({
           suggestion: n,
           onSelectedCommand: (r) => {
             this.$emit("selected-command", r);
           }
         }));
       }
-      return e.push(_t), e.push(Te.configure({
+      return e.push(yt), e.push(Te.configure({
         types: ["paragraph"]
       })), this.allowCode && e.push(ue), this.allowCodeblock && e.push(de.extend({
         renderText({ node: n }) {
@@ -1528,7 +1534,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(Le), this.allowFontFamily && e.push(Re)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
+      })), this.allowInlineImages && e.push(Lt), (this.allowFontFamily || this.allowFontColor) && (e.push(Se), this.allowFontColor && e.push(Le), this.allowFontFamily && e.push(Re)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
     },
     inputAttrs() {
       const e = {
@@ -1568,7 +1574,7 @@ ${n.textContent}
     this.destroyEditor();
   },
   mounted() {
-    qe(F(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
+    We(F(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
   },
   methods: {
     createEditor() {
@@ -1611,9 +1617,9 @@ ${n.textContent}
      * @param editor the editor instance.
      */
     getSelectedLinkText(e) {
-      var a, d, f;
+      var a, c, f;
       const { view: t, state: o } = e, { from: n, to: r } = t.state.selection, i = o.doc.textBetween(n, r, ""), s = this.editor.state.doc.nodeAt(n);
-      return s && ((f = (d = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : d.type) == null ? void 0 : f.name) === "link" ? s.textContent : i;
+      return s && ((f = (c = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : c.type) == null ? void 0 : f.name) === "link" ? s.textContent : i;
     },
     editLink() {
       const e = this.getSelectedLinkText(this.editor), t = {
@@ -1634,13 +1640,13 @@ ${n.textContent}
     },
     // eslint-disable-next-line complexity
     setLink(e, t, o, n = K, r) {
-      var a, d, f;
+      var a, c, f;
       if (!e) {
         this.removeLink();
         return;
       }
       n.find((y) => y.test(e)) || (e = `${r}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
-      const s = (f = (d = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : d.state) == null ? void 0 : f.selection;
+      const s = (f = (c = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : c.state) == null ? void 0 : f.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
@@ -1648,7 +1654,7 @@ ${n.textContent}
       const o = this.getOutput();
       if (!(t && Qe(e, o))) {
         if (typeof e == "string" && this.outputFormat === "text") {
-          const n = new RegExp(`(${W})`, "g");
+          const n = new RegExp(`(${q})`, "g");
           e = e == null ? void 0 : e.replace(n, '<emoji-component code="$1"></emoji-component>');
         }
         this.editor.commands.setContent(e, !1, { preserveWhitespace: "full" });
@@ -1780,11 +1786,11 @@ ${n.textContent}
       this.editor.commands.focus();
     }
   }
-}, an = { class: "d-popover__dialog" };
-function ln(e, t, o, n, r, i) {
-  const s = c("dt-button"), a = c("dt-stack"), d = c("bubble-menu"), f = c("editor-content");
+}, ln = { class: "d-popover__dialog" };
+function cn(e, t, o, n, r, i) {
+  const s = d("dt-button"), a = d("dt-stack"), c = d("bubble-menu"), f = d("editor-content");
   return l(), _("div", null, [
-    r.editor && o.link && !o.hideLinkBubbleMenu ? (l(), h(d, {
+    r.editor && o.link && !o.hideLinkBubbleMenu ? (l(), h(c, {
       key: 0,
       editor: r.editor,
       "should-show": i.bubbleMenuShouldShow,
@@ -1792,7 +1798,7 @@ function ln(e, t, o, n, r, i) {
       style: { visibility: "visible" }
     }, {
       default: u(() => [
-        w("div", an, [
+        w("div", ln, [
           p(a, {
             direction: "row",
             class: "d-rich-text-editor-bubble-menu__button-stack",
@@ -1844,7 +1850,7 @@ function ln(e, t, o, n, r, i) {
     }, i.attrs), null, 16, ["editor"])
   ]);
 }
-const eo = /* @__PURE__ */ g(sn, [["render", ln]]);
+const eo = /* @__PURE__ */ g(an, [["render", cn]]);
 export {
   eo as default
 };