@dialpad/dialtone-vue 3.187.3 → 3.188.0

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

@@ -1,11 +1,11 @@
-import { NodeViewWrapper as L, nodeViewProps as R, VueRenderer as v, VueNodeViewRenderer as I, EditorContent as G, BubbleMenu as Q, Editor as Z } from "../../node_modules/@tiptap/vue-3.js";
-import { Node as ee, mergeAttributes as b, InputRule as te, nodePasteRule as P, 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 { 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,21 +22,20 @@ 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 d, openBlock as l, createBlock as h, withCtx as u, createVNode as p, createElementBlock as _, withDirectives as Oe, createElementVNode as w, Fragment as Be, renderList as Me, normalizeClass as z, withModifiers as $e, 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 { stringToUnicode as je, codeToEmojiData as H, emojiRegex as He, 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 { linkRegex as Ve, getPhoneNumberRegex as Ue, returnFirstEl as F, warnIfUnmounted as qe } 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_AUTOFOCUS_TYPES as ze, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Xe, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as K } from "./rich-text-editor-constants.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";
 import Je from "../avatar/avatar.js";
 import Ye from "@dialpad/dialtone-icons/vue3/hash";
 import Ge from "@dialpad/dialtone-icons/vue3/lock";
@@ -47,10 +46,10 @@ const tt = {
   compatConfig: { MODE: 3 },
   name: "EmojiComponent",
   components: {
-    NodeViewWrapper: L,
+    NodeViewWrapper: R,
     DtEmoji: X
   },
-  props: R
+  props: L
 };
 function nt(e, t, o, n, r, i) {
   const s = d("dt-emoji"), a = d("node-view-wrapper");
@@ -144,7 +143,7 @@ const ot = /* @__PURE__ */ g(tt, [["render", nt]]), rt = {
 function at(e, t, o, n, r, i) {
   const s = d("dt-list-item");
   return l(), _("div", it, [
-    Oe(w("ul", st, [
+    Ie(w("ul", st, [
       (l(!0), _(Be, null, Me(o.items, (a, c) => (l(), h(s, {
         key: a.id,
         class: z([
@@ -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 je(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,13 +329,13 @@ 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, commands: n, chain: r, can: i }) => {
-          const { tr: s } = e, a = t.from, c = t.to;
-          s.replaceWith(a, c, this.type.create({ code: o[0] }));
+        handler: ({ state: e, range: t, match: o }) => {
+          const { tr: n } = e, r = t.from, i = t.to;
+          n.replaceWith(r, i, this.type.create({ code: o[0] }));
         }
       })
     ];
@@ -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 {
@@ -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,18 +424,18 @@ 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);
 }
-const V = Ue(1, 15);
+const V = Ve(1, 15);
 function U(e, t, o, n, r, i) {
   if (!e)
     return;
@@ -446,12 +452,12 @@ function U(e, t, o, n, r, i) {
     "right",
     V
   ), y = e.slice(c.from, f.to);
-  yt(y, Ve, wt).forEach((D) => {
-    const C = kt(D[0]), S = t + c.from + D.index + 1, Y = S + C.length;
+  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"),
@@ -466,7 +472,7 @@ function Ct(e) {
         [...o]
       );
       return re(c).forEach(({ oldRange: y, newRange: E }) => {
-        bt(E, r.doc, s, e.type), ie(
+        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,28 +537,28 @@ 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: {
-    NodeViewWrapper: L,
+    NodeViewWrapper: R,
     DtLink: J
   },
-  props: R,
+  props: L,
   computed: {
     text() {
       return "@" + this.$props.node.attrs.name;
     }
   }
 };
-function vt(e, t, o, n, r, i) {
+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(() => [
@@ -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,21 +607,21 @@ const It = /* @__PURE__ */ g(Rt, [["render", vt]]), Ot = N.extend({
     char: "@",
     pluginKey: new T("mentionSuggestion")
   }
-}), Bt = {
+}), Mt = {
   compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
-    NodeViewWrapper: L,
+    NodeViewWrapper: R,
     DtLink: J
   },
-  props: R,
+  props: L,
   computed: {
     text() {
       return "#" + this.$props.node.attrs.name;
     }
   }
 };
-function Mt(e, t, o, n, r, i) {
+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(() => [
@@ -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,14 +671,14 @@ const $t = /* @__PURE__ */ g(Bt, [["render", Mt]]), At = N.extend({
     char: "#",
     pluginKey: new T("channelSuggestion")
   }
-}), Dt = {
+}), Pt = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandsComponent",
   components: {
-    NodeViewWrapper: L
+    NodeViewWrapper: R
   },
   props: {
-    ...R
+    ...L
   },
   emits: ["selected-command"],
   computed: {
@@ -688,7 +694,7 @@ const $t = /* @__PURE__ */ g(Bt, [["render", Mt]]), At = N.extend({
     t && typeof t == "function" && t(e);
   }
 };
-function Pt(e, t, o, n, r, i) {
+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(() => [
@@ -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,10 +827,10 @@ 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"
 };
@@ -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,7 +948,7 @@ const Wt = /* @__PURE__ */ g(Ft, [["render", qt]]), zt = {
     }
   }
 };
-function Jt(e, t, o, n, r, i) {
+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",
@@ -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,12 +1097,12 @@ const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
       }
     };
   }
-}, sn = {
+}, an = {
   compatConfig: { MODE: 3 },
   name: "DtRichTextEditor",
   components: {
-    EditorContent: G,
-    BubbleMenu: Q,
+    EditorContent: Q,
+    BubbleMenu: G,
     DtButton: et,
     DtStack: B
   },
@@ -1170,7 +1176,7 @@ const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
       type: [Boolean, String, Number],
       default: !1,
       validator(e) {
-        return typeof e == "string" ? ze.includes(e) : !0;
+        return typeof e == "string" ? Xe.includes(e) : !0;
       }
     },
     /**
@@ -1183,7 +1189,7 @@ const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
       type: String,
       default: "html",
       validator(e) {
-        return Xe.includes(e);
+        return ze.includes(e);
       }
     },
     /**
@@ -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.allowBlockquote && e.push(ce), this.allowBold && e.push(pe), 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;
         }
@@ -1485,31 +1491,38 @@ const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
           };
         }
       });
-      if (e.push(o), this.link && e.push(ye.extend({ inclusive: !1 }).configure({
+      if (e.push(o), this.link && e.push(ye.extend({
+        inclusive: !1,
+        addKeyboardShortcuts() {
+          return {
+            "Mod-k": () => (t.$emit("edit-link"), !0)
+          };
+        }
+      }).configure({
         HTMLAttributes: {
           class: "d-link d-wb-break-all"
         },
         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 }) {
@@ -1521,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 = {
@@ -1561,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() {
@@ -1583,9 +1596,9 @@ ${n.textContent}
             const o = ["Backspace"];
             return !this.allowLineBreaks && !t.shiftKey && o.push("Enter"), !o.includes(t.key);
           },
-          handlePaste: (e, t, o) => {
-            const n = t.clipboardData || window.clipboardData, r = n.getData("text/plain"), i = n.getData("text/html");
-            return this.processPasteData(e, r, i);
+          handlePaste: (e, t) => {
+            const o = t.clipboardData || window.clipboardData, n = o.getData("text/plain"), r = o.getData("text/html");
+            return this.processPasteData(e, n, r);
           },
           // Moves the <br /> tags inside the previous closing tag to avoid
           // Prosemirror wrapping them within another </p> tag.
@@ -1595,7 +1608,7 @@ ${n.textContent}
         }
       }), this.addEditorListeners();
     },
-    bubbleMenuShouldShow({ editor: e, view: t, state: o, oldState: n, from: r, to: i }) {
+    bubbleMenuShouldShow({ editor: e }) {
       return e.isActive("link");
     },
     /**
@@ -1641,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" });
@@ -1773,8 +1786,8 @@ ${n.textContent}
       this.editor.commands.focus();
     }
   }
-}, an = { class: "d-popover__dialog" };
-function ln(e, t, o, n, r, i) {
+}, 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(c, {
@@ -1785,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",
@@ -1837,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
 };