@dialpad/dialtone-vue 2.195.4 → 2.196.0

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

@@ -1,5 +1,5 @@
-import { NodeViewWrapper as _, nodeViewProps as w, VueRenderer as y, VueNodeViewRenderer as v, EditorContent as H, BubbleMenu as j, Editor as N } from "../../node_modules/@tiptap/vue-2.js";
-import { Node as F, mergeAttributes as m, InputRule as K, nodePasteRule as E, getMarksBetween as q, combineTransactionSteps as U, getChangedRanges as z, findChildrenInRange as W, Mark as V, nodeInputRule as X, Extension as J } from "@tiptap/core";
+import { nodeViewProps as _, NodeViewWrapper as y, VueRenderer as w, VueNodeViewRenderer as v, BubbleMenu as H, EditorContent as j, Editor as F } from "../../node_modules/@tiptap/vue-2.js";
+import { Node as N, nodePasteRule as E, InputRule as K, mergeAttributes as m, getMarksBetween as U, combineTransactionSteps as W, getChangedRanges as q, findChildrenInRange as V, Mark as z, nodeInputRule as X, Extension as J } from "@tiptap/core";
 import Y from "@tiptap/extension-blockquote";
 import G from "@tiptap/extension-code-block";
 import Q from "@tiptap/extension-code";
@@ -26,54 +26,38 @@ import _e from "@tiptap/suggestion";
 import { emojiPattern as O } from "regex-combined-emojis";
 import { n as c } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
 import P from "../emoji/emoji.js";
-import we from "../skeleton/skeleton.js";
-import { codeToEmojiData as L, stringToUnicode as ye, emojiRegex as ve, emojiShortCodeRegex as xe } from "../../common/emoji/index.js";
-import { emojisIndexed as ke } from "@dialpad/dialtone-emojis";
+import { getEmojiData as ye, emojiRegex as we, stringToUnicode as ve, codeToEmojiData as L, emojiShortCodeRegex as xe } from "../../common/emoji/index.js";
 import be from "../list-item/list-item.js";
 import x from "../stack/stack.js";
-import k from "tippy.js";
-import { linkRegex as Ce, getPhoneNumberRegex as Te, warnIfUnmounted as Ee } from "../../common/utils/index.js";
-import Se from "@tiptap/extension-image";
+import b from "tippy.js";
+import { getPhoneNumberRegex as ke, linkRegex as Ce, warnIfUnmounted as Te } from "../../common/utils/index.js";
+import Ee from "@tiptap/extension-image";
 import R from "@tiptap/extension-mention";
 import D from "../link/link.js";
-import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Le, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Re, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as $ } from "./rich-text-editor-constants.js";
-import $e from "../avatar/avatar.js";
-import Ie from "@dialpad/dialtone-icons/vue2/hash";
-import Ae from "@dialpad/dialtone-icons/vue2/lock";
-import Be from "deep-equal";
-import { DialtoneLocalization as Oe } from "../../localization/index.js";
-import Pe from "../button/button.js";
-const De = {
+import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as $, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Se, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Le } from "./rich-text-editor-constants.js";
+import Re from "../avatar/avatar.js";
+import $e from "@dialpad/dialtone-icons/vue2/hash";
+import Ie from "@dialpad/dialtone-icons/vue2/lock";
+import Ae from "deep-equal";
+import { DialtoneLocalization as Be } from "../../localization/index.js";
+import Oe from "../button/button.js";
+const Pe = {
   name: "EmojiComponent",
   components: {
-    NodeViewWrapper: _,
-    DtEmoji: P,
-    DtSkeleton: we
-  },
-  props: w,
-  data() {
-    return {
-      showSkeleton: !0
-    };
+    NodeViewWrapper: y,
+    DtEmoji: P
   },
-  methods: {
-    handleImageLoad() {
-      this.showSkeleton = !1;
-    },
-    handleImageError: function(t) {
-      this.showSkeleton = !1, t.target.parentNode.remove();
-    }
-  }
+  props: _
 };
-var Me = function() {
-  var e = this, n = e._self._c;
-  return n("node-view-wrapper", { staticClass: "d-d-inline-block d-va-bottom d-lh0" }, [e.node.attrs.code ? n("dt-emoji", { attrs: { size: "500", code: e.node.attrs.code } }) : [e.showSkeleton ? n("dt-skeleton", { staticClass: "d-icon d-icon--size-500", attrs: { offset: 0, "shape-option": { shape: "circle", size: "100%" } } }) : e._e(), n("img", { directives: [{ name: "show", rawName: "v-show", value: !e.showSkeleton, expression: "!showSkeleton" }], staticClass: "d-icon d-icon--size-500", attrs: { alt: e.node.attrs.name, "aria-label": e.node.attrs.name, title: e.node.attrs.name, src: e.node.attrs.image }, on: { load: e.handleImageLoad, error: e.handleImageError } })]], 2);
-}, He = [], je = /* @__PURE__ */ c(
+var De = function() {
+  var t = this, n = t._self._c;
+  return n("node-view-wrapper", { staticClass: "d-d-inline-block d-va-bottom d-lh0" }, [n("dt-emoji", { attrs: { size: "500", code: t.node.attrs.code } })], 1);
+}, Me = [], He = /* @__PURE__ */ c(
+  Pe,
   De,
-  Me,
-  He
+  Me
 );
-const Ne = je.exports, Fe = {
+const je = He.exports, Fe = {
   name: "SuggestionList",
   components: {
     DtListItem: be
@@ -107,8 +91,8 @@ const Ne = je.exports, Fe = {
     }
   },
   methods: {
-    onKeyDown({ event: t }) {
-      return t.key === "ArrowUp" ? (this.upHandler(), !0) : t.key === "ArrowDown" ? (this.downHandler(), !0) : t.key === "Enter" || t.key === "Tab" ? (this.selectHandler(), !0) : !1;
+    onKeyDown({ event: e }) {
+      return e.key === "ArrowUp" ? (this.upHandler(), !0) : e.key === "ArrowDown" ? (this.downHandler(), !0) : e.key === "Enter" || e.key === "Tab" ? (this.selectHandler(), !0) : !1;
     },
     upHandler() {
       this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length, this.scrollActiveElementIntoView();
@@ -118,8 +102,8 @@ const Ne = je.exports, Fe = {
     },
     async scrollActiveElementIntoView() {
       await this.$nextTick();
-      const t = this.$refs.suggestionList.querySelector(".d-list-item--highlighted");
-      t && t.scrollIntoView({
+      const e = this.$refs.suggestionList.querySelector(".d-list-item--highlighted");
+      e && e.scrollIntoView({
         behaviour: "smooth",
         block: "center"
       });
@@ -127,43 +111,43 @@ const Ne = je.exports, Fe = {
     selectHandler() {
       this.selectItem(this.selectedIndex);
     },
-    selectItem(t) {
-      const e = this.items[t];
+    selectItem(e) {
+      const t = this.items[e];
       switch (this.itemType) {
         case "emoji":
-          this.command(e);
+          this.command(t);
           return;
         case "mention":
-          this.command({ name: e.name, id: e.id, avatarSrc: e.avatarSrc });
+          this.command({ name: t.name, id: t.id, avatarSrc: t.avatarSrc });
           break;
         case "channel":
-          this.command({ name: e.name, id: e.id });
+          this.command({ name: t.name, id: t.id });
           break;
         case "slash-command":
-          this.command({ command: e.command });
+          this.command({ command: t.command });
           break;
       }
     }
   }
 };
-var Ke = function() {
-  var e = this, n = e._self._c;
-  return n("div", { staticClass: "d-popover__dialog d-suggestion-list__container" }, [n("ul", { directives: [{ name: "show", rawName: "v-show", value: e.items.length, expression: "items.length" }], ref: "suggestionList", staticClass: "d-suggestion-list" }, e._l(e.items, function(r, s) {
+var Ne = function() {
+  var t = this, n = t._self._c;
+  return n("div", { staticClass: "d-popover__dialog d-suggestion-list__container" }, [n("ul", { directives: [{ name: "show", rawName: "v-show", value: t.items.length, expression: "items.length" }], ref: "suggestionList", staticClass: "d-suggestion-list" }, t._l(t.items, function(r, s) {
     return n("dt-list-item", { key: r.id, class: [
       "d-suggestion-list__item",
-      { "d-list-item--highlighted": s === e.selectedIndex }
-    ], attrs: { "navigation-type": "arrow-keys" }, on: { click: function(o) {
-      return e.selectItem(s);
-    }, keydown: function(o) {
-      return o.preventDefault(), e.onKeyDown.apply(null, arguments);
-    } } }, [n(e.itemComponent, { tag: "component", attrs: { item: r } })], 1);
+      { "d-list-item--highlighted": s === t.selectedIndex }
+    ], attrs: { "navigation-type": "arrow-keys" }, on: { click: function(i) {
+      return t.selectItem(s);
+    }, keydown: function(i) {
+      return i.preventDefault(), t.onKeyDown.apply(null, arguments);
+    } } }, [n(t.itemComponent, { tag: "component", attrs: { item: r } })], 1);
   }), 1)]);
-}, qe = [], Ue = /* @__PURE__ */ c(
+}, Ke = [], Ue = /* @__PURE__ */ c(
   Fe,
-  Ke,
-  qe
+  Ne,
+  Ke
 );
-const b = Ue.exports, ze = {
+const k = Ue.exports, We = {
   name: "EmojiSuggestion",
   components: {
     DtEmoji: P,
@@ -176,69 +160,76 @@ const b = Ue.exports, ze = {
     }
   }
 };
-var We = function() {
-  var e = this, n = e._self._c;
-  return n("dt-stack", { attrs: { direction: "row", gap: "400" } }, [n("dt-emoji", { attrs: { size: "200", code: e.item.code } }), e._v(" " + e._s(e.item.code) + " ")], 1);
-}, Ve = [], Xe = /* @__PURE__ */ c(
-  ze,
+var qe = function() {
+  var t = this, n = t._self._c;
+  return n("dt-stack", { attrs: { direction: "row", gap: "400" } }, [n("dt-emoji", { attrs: { size: "200", code: t.item.code } }), t._v(" " + t._s(t.item.code) + " ")], 1);
+}, Ve = [], ze = /* @__PURE__ */ c(
   We,
+  qe,
   Ve
 );
-const Je = Xe.exports, C = {
+const Xe = ze.exports, C = {
   name: "hideOnEsc",
   defaultValue: !0,
-  fn({ hide: t }) {
-    function e(n) {
-      n.keyCode === 27 && t();
+  fn({ hide: e }) {
+    function t(n) {
+      n.keyCode === 27 && e();
     }
     return {
       onShow() {
-        document.addEventListener("keydown", e);
+        document.addEventListener("keydown", t);
       },
       onHide() {
-        document.removeEventListener("keydown", e);
+        document.removeEventListener("keydown", t);
       }
     };
   }
-}, Ye = 20, Ge = {
-  items: ({ query: t }) => {
-    if (t.length < 2)
+}, Je = 20, Ye = (e, t, n) => {
+  var a, l;
+  const r = (a = e.shortname) == null ? void 0 : a.replaceAll(":", ""), s = (l = t.shortname) == null ? void 0 : l.replaceAll(":", ""), i = r.startsWith(n), o = s.startsWith(n);
+  return i && !o ? -1 : !i && o ? 1 : r.localeCompare(s);
+}, Ge = {
+  items: ({ query: e }) => {
+    if (e.length < 2)
       return [];
-    const e = Object.values(ke);
-    return t = t.toLowerCase(), e.filter(
-      (r) => [
-        r.name,
-        r.shortname.replaceAll(":", ""),
-        ...r.keywords
-      ].some((s) => s.startsWith(t))
-    ).splice(0, Ye).map((r) => ({ code: r.shortname }));
+    const t = Object.values(ye());
+    return e = e.toLowerCase(), t.filter(
+      (r) => {
+        var s;
+        return [
+          r.name,
+          (s = r.shortname) == null ? void 0 : s.replaceAll(":", ""),
+          ...r.keywords || []
+        ].some((i) => i && i.startsWith(e));
+      }
+    ).splice(0, Je).sort((r, s) => Ye(r, s, e)).map((r) => ({ code: r.shortname }));
   },
-  command: ({ editor: t, range: e, props: n }) => {
-    var o, i;
-    const r = t.view.state.selection.$to.nodeAfter;
-    ((o = r == null ? void 0 : r.text) == null ? void 0 : o.startsWith(" ")) && (e.to += 1), t.chain().focus().insertContentAt(e, [
+  command: ({ editor: e, range: t, props: n }) => {
+    var i, o;
+    const r = e.view.state.selection.$to.nodeAfter;
+    ((i = r == null ? void 0 : r.text) == null ? void 0 : i.startsWith(" ")) && (t.to += 1), e.chain().focus().insertContentAt(t, [
       {
         type: "emoji",
         attrs: n
       }
-    ]).run(), (i = window.getSelection()) == null || i.collapseToEnd();
+    ]).run(), (o = window.getSelection()) == null || o.collapseToEnd();
   },
   render: () => {
-    let t, e, n = !1;
+    let e, t, n = !1;
     return {
       onStart: (r) => {
-        t = new y(b, {
+        e = new w(k, {
           parent: void 0,
           propsData: {
-            itemComponent: Je,
+            itemComponent: Xe,
             itemType: "emoji",
             ...r
           },
           editor: r.editor
-        }), r.clientRect && (e = k("body", {
+        }), r.clientRect && (t = b("body", {
           getReferenceClientRect: r.clientRect,
           appendTo: () => document.body,
-          content: t.element,
+          content: e.element,
           showOnCreate: !1,
           onShow: () => {
             n = !0;
@@ -251,31 +242,31 @@ const Je = Xe.exports, C = {
           placement: "top-start",
           zIndex: 650,
           plugins: [C]
-        }), r.items.length > 0 && (e == null || e[0].show()));
+        }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
-        t == null || t.updateProps(r), r.items.length > 0 ? e == null || e[0].show() : e == null || e[0].hide(), e == null || e[0].setProps({
+        e == null || e.updateProps(r), r.items.length > 0 ? t == null || t[0].show() : t == null || t[0].hide(), t == null || t[0].setProps({
           getReferenceClientRect: r.clientRect
         });
       },
       onKeyDown(r) {
         var s;
         if (n)
-          return (s = t == null ? void 0 : t.ref) == null ? void 0 : s.onKeyDown(r);
+          return (s = e == null ? void 0 : e.ref) == null ? void 0 : s.onKeyDown(r);
       },
       onExit() {
-        e == null || e[0].destroy(), e = null, t == null || t.destroy(), t = null;
+        t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
       }
     };
   }
-}, Qe = /(:\w+:)$/, Ze = new RegExp(O + "$"), et = (t) => {
-  if (t && L(t[0]))
-    return { text: t[2] || t[0] };
-}, tt = (t) => [...t.matchAll(xe)].filter((n) => L(n[0])).map((n) => ({
+}, Qe = /(:\w+:)$/, Ze = new RegExp(O + "$"), et = (e) => {
+  if (e && L(e[0]))
+    return { text: e[2] || e[0] };
+}, tt = (e) => [...e.matchAll(xe)].filter((n) => L(n[0])).map((n) => ({
   index: n.index,
   text: n[0],
   match: n
-})), nt = F.create({
+})), nt = N.create({
   name: "emoji",
   addOptions() {
     return {
@@ -287,7 +278,7 @@ const Je = Xe.exports, C = {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return v(Ne);
+    return v(je);
   },
   addAttributes() {
     return {
@@ -309,29 +300,23 @@ const Je = Xe.exports, C = {
       }
     ];
   },
-  renderText({ node: t }) {
-    const { image: e, code: n } = t.attrs;
-    if (e !== null)
-      return e;
-    {
-      const r = L(n);
-      return ye(r.unicode_output);
-    }
+  renderText({ node: e }) {
+    return ve(L(e.attrs.code).unicode_output);
   },
-  renderHTML({ HTMLAttributes: t }) {
-    return ["emoji-component", m(this.options.HTMLAttributes, t)];
+  renderHTML({ HTMLAttributes: e }) {
+    return ["emoji-component", m(this.options.HTMLAttributes, e)];
   },
   addInputRules() {
     return [
       new K({
-        find: (t) => {
-          const e = t.match(Qe) || t.match(Ze);
-          if (e)
-            return et(e);
+        find: (e) => {
+          const t = e.match(Qe) || e.match(Ze);
+          if (t)
+            return et(t);
         },
-        handler: ({ state: t, range: e, match: n, commands: r, chain: s, can: o }) => {
-          const { tr: i } = t, a = e.from, l = e.to;
-          i.replaceWith(a, l, this.type.create({ code: n[0] }));
+        handler: ({ state: e, range: t, match: n }) => {
+          const { tr: r } = e, s = t.from, i = t.to;
+          r.replaceWith(s, i, this.type.create({ code: n[0] }));
         }
       })
     ];
@@ -341,22 +326,22 @@ const Je = Xe.exports, C = {
       E({
         find: tt,
         type: this.type,
-        getAttributes(t) {
+        getAttributes(e) {
           return {
-            code: t[0],
-            image: t[1],
-            name: t[2]
+            code: e[0],
+            image: e[1],
+            name: e[2]
           };
         }
       }),
       E({
-        find: ve,
+        find: we,
         type: this.type,
-        getAttributes(t) {
+        getAttributes(e) {
           return {
-            code: t[0],
-            image: t[1],
-            name: t[2]
+            code: e[0],
+            image: e[1],
+            name: e[2]
           };
         }
       })
@@ -375,42 +360,42 @@ const Je = Xe.exports, C = {
   },
   addKeyboardShortcuts() {
     return {
-      Backspace: () => this.editor.commands.command(({ tr: t, state: e }) => {
+      Backspace: () => this.editor.commands.command(({ tr: e, state: t }) => {
         let n = !1;
-        const { selection: r } = e, { empty: s, anchor: o } = r;
-        return s ? (e.doc.nodesBetween(o - 1, o, (i, a) => {
-          if (i.type.name === this.name)
-            return n = !0, t.insertText("", a, a + i.nodeSize), !1;
+        const { selection: r } = t, { empty: s, anchor: i } = r;
+        return s ? (t.doc.nodesBetween(i - 1, i, (o, a) => {
+          if (o.type.name === this.name)
+            return n = !0, e.insertText("", a, a + o.nodeSize), !1;
         }), n) : !1;
       })
     };
   }
 });
-function rt(t, e, n = () => !0) {
+function rt(e, t, n = () => !0) {
   const r = [];
-  e.lastIndex = 0;
+  t.lastIndex = 0;
   let s;
-  for (; s = e.exec(t); )
-    n(t, s) && r.push(s);
+  for (; s = t.exec(e); )
+    n(e, s) && r.push(s);
   return r;
 }
-function st(t, e) {
-  return !["#", "@"].includes(t.charAt(e.index)) && !["#", "@"].includes(t.charAt(e.index - 1));
+function st(e, t) {
+  return !["#", "@"].includes(e.charAt(t.index)) && !["#", "@"].includes(e.charAt(t.index - 1));
 }
-function it(t) {
-  const e = new RegExp(
+function it(e) {
+  const t = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
       "(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"
     ].join("|"),
     "g"
   );
-  return t.replace(e, "");
+  return e.replace(t, "");
 }
-function ot(t, e) {
-  const n = t.slice(0, e + 1).search(/\S+\s*$/), r = t.slice(e).search(/\s/);
+function ot(e, t) {
+  const n = e.slice(0, t + 1).search(/\S+\s*$/), r = e.slice(t).search(/\s/);
   if (r < 0) {
-    const s = t.slice(n);
+    const s = e.slice(n);
     return {
       text: s,
       from: n,
@@ -418,61 +403,61 @@ function ot(t, e) {
     };
   }
   return {
-    text: t.slice(n, r + e),
+    text: e.slice(n, r + t),
     from: n,
-    to: r + e
+    to: r + t
   };
 }
-function S(t, e, n, r) {
-  const s = ot(t, e);
+function S(e, t, n, r) {
+  const s = ot(e, t);
   if (r.lastIndex = 0, !r.test(s.text))
     return s;
-  const o = n === "left" ? s.from - 1 : s.to + 1;
-  return o <= 0 || o >= t.length || o === e ? s : S(t, o, n, r);
+  const i = n === "left" ? s.from - 1 : s.to + 1;
+  return i <= 0 || i >= e.length || i === t ? s : S(e, i, n, r);
 }
-function at(t, e, n, r) {
-  const s = Math.max(t.from - 1, 0), o = Math.min(t.to + 1, e.content.size), i = q(s, o, e);
-  for (const a of i)
+function at(e, t, n, r) {
+  const s = Math.max(e.from - 1, 0), i = Math.min(e.to + 1, t.content.size), o = U(s, i, t);
+  for (const a of o)
     a.mark.type === r && n.removeMark(a.from, a.to, r);
 }
-const I = Te(1, 15);
-function A(t, e, n, r, s, o) {
-  if (!t)
+const I = ke(1, 15);
+function A(e, t, n, r, s, i) {
+  if (!e)
     return;
-  let i = n - e - 1;
-  i = i < 0 ? 0 : i;
-  const a = r - e, l = S(
-    t,
-    i,
+  let o = n - t - 1;
+  o = o < 0 ? 0 : o;
+  const a = r - t, l = S(
+    e,
+    o,
     "left",
     I
   ), d = S(
-    t,
+    e,
     a,
     "right",
     I
-  ), u = t.slice(l.from, d.to);
+  ), u = e.slice(l.from, d.to);
   rt(u, Ce, st).forEach((T) => {
-    const h = it(T[0]), g = e + l.from + T.index + 1, M = g + h.length;
-    s.addMark(g, M, o.create());
+    const h = it(T[0]), g = t + l.from + T.index + 1, M = g + h.length;
+    s.addMark(g, M, i.create());
   });
 }
-function lt(t) {
-  let e = !1;
+function lt(e) {
+  let t = !1;
   return new ge({
     key: new f("autolink"),
     appendTransaction: (n, r, s) => {
-      const o = n.some((u) => u.docChanged) && !r.doc.eq(s.doc);
-      if (e && !o)
+      const i = n.some((u) => u.docChanged) && !r.doc.eq(s.doc);
+      if (t && !i)
         return;
-      const { tr: i } = s, { textContent: a } = s.doc;
-      e || A(a, 0, 0, a.length, i, t.type), e = !0;
-      const l = U(
+      const { tr: o } = s, { textContent: a } = s.doc;
+      t || A(a, 0, 0, a.length, o, e.type), t = !0;
+      const l = W(
         r.doc,
         [...n]
       );
-      return z(l).forEach(({ oldRange: u, newRange: p }) => {
-        at(p, s.doc, i, t.type), W(
+      return q(l).forEach(({ oldRange: u, newRange: p }) => {
+        at(p, s.doc, o, e.type), V(
           s.doc,
           p,
           (h) => h.isTextblock
@@ -482,38 +467,38 @@ function lt(t) {
             g,
             u.from,
             p.to,
-            i,
-            t.type
+            o,
+            e.type
           );
         });
-      }), i;
+      }), o;
     }
   });
 }
 const ct = {
   class: "d-link d-c-text d-d-inline-block d-wb-break-all",
   rel: "noopener noreferrer nofollow"
-}, dt = V.create({
+}, dt = z.create({
   name: "CustomLink",
-  renderHTML({ HTMLAttributes: t }) {
+  renderHTML({ HTMLAttributes: e }) {
     return [
       "a",
       m(
         this.options.HTMLAttributes,
-        t,
+        e,
         ct
       )
     ];
   },
-  renderText({ node: t }) {
-    return t.attrs.text;
+  renderText({ node: e }) {
+    return e.attrs.text;
   },
   addProseMirrorPlugins() {
     return [
       lt({ type: this.type })
     ];
   }
-}), ut = Se.extend({
+}), ut = Ee.extend({
   name: "ConfigurableImage",
   addAttributes() {
     return {
@@ -541,16 +526,16 @@ const ct = {
   parseHTML() {
     return [{ tag: "div" }];
   },
-  renderHTML({ HTMLAttributes: t }) {
-    return ["div", m(this.options.HTMLAttributes, t), 0];
+  renderHTML({ HTMLAttributes: e }) {
+    return ["div", m(this.options.HTMLAttributes, e), 0];
   }
 }), ht = {
   name: "MentionComponent",
   components: {
-    NodeViewWrapper: _,
+    NodeViewWrapper: y,
     DtLink: D
   },
-  props: w,
+  props: _,
   computed: {
     text() {
       return "@" + this.$props.node.attrs.name;
@@ -558,14 +543,14 @@ const ct = {
   }
 };
 var ft = function() {
-  var e = this, n = e._self._c;
-  return n("node-view-wrapper", { staticClass: "d-d-inline-block" }, [n("dt-link", { attrs: { kind: "mention" } }, [e._v(" " + e._s(e.text) + " ")])], 1);
+  var t = this, n = t._self._c;
+  return n("node-view-wrapper", { staticClass: "d-d-inline-block" }, [n("dt-link", { attrs: { kind: "mention" } }, [t._v(" " + t._s(t.text) + " ")])], 1);
 }, pt = [], gt = /* @__PURE__ */ c(
   ht,
   ft,
   pt
 );
-const _t = gt.exports, wt = R.extend({
+const _t = gt.exports, yt = R.extend({
   addNodeView() {
     return v(_t);
   },
@@ -589,24 +574,24 @@ const _t = gt.exports, wt = R.extend({
       }
     };
   },
-  renderText({ node: t }) {
-    return `@${t.attrs.id}`;
+  renderText({ node: e }) {
+    return `@${e.attrs.id}`;
   },
-  renderHTML({ HTMLAttributes: t }) {
-    return ["mention-component", m(this.options.HTMLAttributes, t)];
+  renderHTML({ HTMLAttributes: e }) {
+    return ["mention-component", m(this.options.HTMLAttributes, e)];
   }
 }).configure({
   suggestion: {
     char: "@",
     pluginKey: new f("mentionSuggestion")
   }
-}), yt = {
+}), wt = {
   name: "ChannelComponent",
   components: {
-    NodeViewWrapper: _,
+    NodeViewWrapper: y,
     DtLink: D
   },
-  props: w,
+  props: _,
   computed: {
     text() {
       return "#" + this.$props.node.attrs.name;
@@ -614,17 +599,17 @@ const _t = gt.exports, wt = R.extend({
   }
 };
 var vt = function() {
-  var e = this, n = e._self._c;
-  return n("node-view-wrapper", { staticClass: "d-d-inline-block" }, [n("dt-link", { attrs: { kind: "mention" } }, [e._v(" " + e._s(e.text) + " ")])], 1);
-}, xt = [], kt = /* @__PURE__ */ c(
-  yt,
+  var t = this, n = t._self._c;
+  return n("node-view-wrapper", { staticClass: "d-d-inline-block" }, [n("dt-link", { attrs: { kind: "mention" } }, [t._v(" " + t._s(t.text) + " ")])], 1);
+}, xt = [], bt = /* @__PURE__ */ c(
+  wt,
   vt,
   xt
 );
-const bt = kt.exports, Ct = R.extend({
+const kt = bt.exports, Ct = R.extend({
   name: "channel",
   addNodeView() {
-    return v(bt);
+    return v(kt);
   },
   parseHTML() {
     return [
@@ -646,11 +631,11 @@ const bt = kt.exports, Ct = R.extend({
       }
     };
   },
-  renderText({ node: t }) {
-    return `#${t.attrs.id}`;
+  renderText({ node: e }) {
+    return `#${e.attrs.id}`;
   },
-  renderHTML({ HTMLAttributes: t }) {
-    return ["channel-component", m(this.options.HTMLAttributes, t)];
+  renderHTML({ HTMLAttributes: e }) {
+    return ["channel-component", m(this.options.HTMLAttributes, e)];
   }
 }).configure({
   suggestion: {
@@ -660,10 +645,10 @@ const bt = kt.exports, Ct = R.extend({
 }), Tt = {
   name: "SlashCommandsComponent",
   components: {
-    NodeViewWrapper: _
+    NodeViewWrapper: y
   },
   props: {
-    ...w
+    ..._
   },
   emits: ["selected-command"],
   computed: {
@@ -673,21 +658,21 @@ const bt = kt.exports, Ct = R.extend({
   },
   created() {
     var n, r, s;
-    const t = this.$props.node.attrs.command;
-    this.$emit("selected-command", t);
-    const e = (s = (r = (n = this.editor) == null ? void 0 : n.storage) == null ? void 0 : r["slash-commands"]) == null ? void 0 : s.onSelectedCommand;
-    e && typeof e == "function" && e(t);
+    const e = this.$props.node.attrs.command;
+    this.$emit("selected-command", e);
+    const t = (s = (r = (n = this.editor) == null ? void 0 : n.storage) == null ? void 0 : r["slash-commands"]) == null ? void 0 : s.onSelectedCommand;
+    t && typeof t == "function" && t(e);
   }
 };
 var Et = function() {
-  var e = this, n = e._self._c;
-  return n("node-view-wrapper", { staticClass: "d-d-inline-block" }, [e._v(" " + e._s(e.text) + " ")]);
+  var t = this, n = t._self._c;
+  return n("node-view-wrapper", { staticClass: "d-d-inline-block" }, [t._v(" " + t._s(t.text) + " ")]);
 }, St = [], Lt = /* @__PURE__ */ c(
   Tt,
   Et,
   St
 );
-const Rt = Lt.exports, $t = (t, e) => [...t.matchAll(e)].map((r) => {
+const Rt = Lt.exports, $t = (e, t) => [...e.matchAll(t)].map((r) => {
   let s = r[2];
   return s.endsWith(" ") || (s += " "), {
     index: r.index,
@@ -699,9 +684,9 @@ const Rt = Lt.exports, $t = (t, e) => [...t.matchAll(e)].map((r) => {
   group: "inline",
   inline: !0,
   addOptions() {
-    var t;
+    var e;
     return {
-      ...(t = this.parent) == null ? void 0 : t.call(this),
+      ...(e = this.parent) == null ? void 0 : e.call(this),
       onSelectedCommand: null
     };
   },
@@ -733,18 +718,18 @@ const Rt = Lt.exports, $t = (t, e) => [...t.matchAll(e)].map((r) => {
       }
     };
   },
-  renderText({ node: t }) {
-    return `/${t.attrs.command}`;
+  renderText({ node: e }) {
+    return `/${e.attrs.command}`;
   },
-  renderHTML({ HTMLAttributes: t }) {
-    return ["command-component", m(this.options.HTMLAttributes, t)];
+  renderHTML({ HTMLAttributes: e }) {
+    return ["command-component", m(this.options.HTMLAttributes, e)];
   },
   addInputRules() {
     var n;
-    const t = (n = this.options.suggestion) == null ? void 0 : n.items({ query: "" }).map((r) => r.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) $`);
+    const e = (n = this.options.suggestion) == null ? void 0 : n.items({ query: "" }).map((r) => r.command), t = new RegExp(`^((?:\\/)(${e.join("|")})) $`);
     return [
       X({
-        find: e,
+        find: t,
         type: this.type,
         getAttributes(r) {
           return { command: r[2] };
@@ -754,10 +739,10 @@ const Rt = Lt.exports, $t = (t, e) => [...t.matchAll(e)].map((r) => {
   },
   addPasteRules() {
     var n;
-    const t = (n = this.options.suggestion) == null ? void 0 : n.items({ query: "" }).map((r) => r.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) ?$`, "g");
+    const e = (n = this.options.suggestion) == null ? void 0 : n.items({ query: "" }).map((r) => r.command), t = new RegExp(`^((?:\\/)(${e.join("|")})) ?$`, "g");
     return [
       E({
-        find: (r) => $t(r, e),
+        find: (r) => $t(r, t),
         type: this.type,
         getAttributes(r) {
           return { command: r[0].trim() };
@@ -773,7 +758,7 @@ const Rt = Lt.exports, $t = (t, e) => [...t.matchAll(e)].map((r) => {
 }), At = {
   name: "MentionSuggestion",
   components: {
-    DtAvatar: $e,
+    DtAvatar: Re,
     DtStack: x
   },
   props: {
@@ -812,8 +797,8 @@ const Rt = Lt.exports, $t = (t, e) => [...t.matchAll(e)].map((r) => {
   }
 };
 var Bt = function() {
-  var e = this, n = e._self._c;
-  return n("dt-stack", { staticClass: "d-mention-suggestion__container", attrs: { direction: "row", gap: "400" } }, [n("dt-avatar", { attrs: { "full-name": e.name, "image-src": e.avatarSrc, "image-alt": e.name, "show-presence": e.showDetails, presence: e.presence, size: "sm" } }), n("dt-stack", { staticClass: "d-mention-suggestion__details-container", attrs: { gap: "100" } }, [n("span", { staticClass: "d-mention-suggestion__name" }, [e._v(" " + e._s(e.name) + " ")]), e.showDetails ? n("dt-stack", { staticClass: "d-label--sm-plain", attrs: { direction: "row", gap: "300" } }, [e.presenceText ? n("span", { staticClass: "d-mention-suggestion__presence", class: [e.presenceFontColorClass] }, [e._v(" " + e._s(e.presenceText) + " ")]) : e._e(), e.status && e.presenceText ? n("div", { staticClass: "d-mention-suggestion__divider" }, [e._v(" • ")]) : e._e(), e.status ? n("div", { staticClass: "d-mention-suggestion__status" }, [e._v(" " + e._s(e.status) + " ")]) : e._e()]) : e._e()], 1)], 1);
+  var t = this, n = t._self._c;
+  return n("dt-stack", { staticClass: "d-mention-suggestion__container", attrs: { direction: "row", gap: "400" } }, [n("dt-avatar", { attrs: { "full-name": t.name, "image-src": t.avatarSrc, "image-alt": t.name, "show-presence": t.showDetails, presence: t.presence, size: "sm" } }), n("dt-stack", { staticClass: "d-mention-suggestion__details-container", attrs: { gap: "100" } }, [n("span", { staticClass: "d-mention-suggestion__name" }, [t._v(" " + t._s(t.name) + " ")]), t.showDetails ? n("dt-stack", { staticClass: "d-label--sm-plain", attrs: { direction: "row", gap: "300" } }, [t.presenceText ? n("span", { staticClass: "d-mention-suggestion__presence", class: [t.presenceFontColorClass] }, [t._v(" " + t._s(t.presenceText) + " ")]) : t._e(), t.status && t.presenceText ? n("div", { staticClass: "d-mention-suggestion__divider" }, [t._v(" • ")]) : t._e(), t.status ? n("div", { staticClass: "d-mention-suggestion__status" }, [t._v(" " + t._s(t.status) + " ")]) : t._e()]) : t._e()], 1)], 1);
 }, Ot = [], Pt = /* @__PURE__ */ c(
   At,
   Bt,
@@ -825,10 +810,10 @@ const Dt = Pt.exports, Mt = {
   // items: ({ query }) => { return [] },
   allowSpaces: !0,
   render: () => {
-    let t, e, n = !1;
+    let e, t, n = !1;
     return {
       onStart: (r) => {
-        t = new y(b, {
+        e = new w(k, {
           parent: void 0,
           propsData: {
             itemComponent: Dt,
@@ -836,10 +821,10 @@ const Dt = Pt.exports, Mt = {
             ...r
           },
           editor: r.editor
-        }), r.clientRect && (e = k("body", {
+        }), r.clientRect && (t = b("body", {
           getReferenceClientRect: r.clientRect,
           appendTo: () => document.body,
-          content: t.element,
+          content: e.element,
           showOnCreate: !1,
           onShow: () => {
             n = !0;
@@ -852,20 +837,20 @@ const Dt = Pt.exports, Mt = {
           placement: "top-start",
           zIndex: 650,
           plugins: [C]
-        }), r.items.length > 0 && (e == null || e[0].show()));
+        }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
-        t == null || t.updateProps(r), r.items.length > 0 ? e == null || e[0].show() : e == null || e[0].hide(), r.clientRect && (e == null || e[0].setProps({
+        e == null || e.updateProps(r), r.items.length > 0 ? t == null || t[0].show() : t == null || t[0].hide(), r.clientRect && (t == null || t[0].setProps({
           getReferenceClientRect: r.clientRect
         }));
       },
       onKeyDown(r) {
         var s;
         if (n)
-          return (s = t == null ? void 0 : t.ref) == null ? void 0 : s.onKeyDown(r);
+          return (s = e == null ? void 0 : e.ref) == null ? void 0 : s.onKeyDown(r);
       },
       onExit() {
-        e == null || e[0].destroy(), e = null, t == null || t.destroy(), t = null;
+        t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
       }
     };
   }
@@ -873,8 +858,8 @@ const Dt = Pt.exports, Mt = {
   name: "ChannelSuggestion",
   components: {
     DtStack: x,
-    DtIconHash: Ie,
-    DtIconLock: Ae
+    DtIconHash: $e,
+    DtIconLock: Ie
   },
   props: {
     item: {
@@ -889,23 +874,23 @@ const Dt = Pt.exports, Mt = {
   }
 };
 var jt = function() {
-  var e = this, n = e._self._c;
-  return n("dt-stack", { attrs: { direction: "row", gap: "400" } }, [e.item.locked ? n("dt-icon-lock", { attrs: { size: "300" } }) : n("dt-icon-hash", { attrs: { size: "300" } }), n("span", [e._v(e._s(e.name))])], 1);
-}, Nt = [], Ft = /* @__PURE__ */ c(
+  var t = this, n = t._self._c;
+  return n("dt-stack", { attrs: { direction: "row", gap: "400" } }, [t.item.locked ? n("dt-icon-lock", { attrs: { size: "300" } }) : n("dt-icon-hash", { attrs: { size: "300" } }), n("span", [t._v(t._s(t.name))])], 1);
+}, Ft = [], Nt = /* @__PURE__ */ c(
   Ht,
   jt,
-  Nt
+  Ft
 );
-const Kt = Ft.exports, qt = {
+const Kt = Nt.exports, Ut = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
   allowSpaces: !0,
   render: () => {
-    let t, e, n = !1;
+    let e, t, n = !1;
     return {
       onStart: (r) => {
-        t = new y(b, {
+        e = new w(k, {
           parent: void 0,
           propsData: {
             itemComponent: Kt,
@@ -913,10 +898,10 @@ const Kt = Ft.exports, qt = {
             ...r
           },
           editor: r.editor
-        }), r.clientRect && (e = k("body", {
+        }), r.clientRect && (t = b("body", {
           getReferenceClientRect: r.clientRect,
           appendTo: () => document.body,
-          content: t.element,
+          content: e.element,
           showOnCreate: !1,
           onShow: () => {
             n = !0;
@@ -929,24 +914,24 @@ const Kt = Ft.exports, qt = {
           placement: "top-start",
           zIndex: 650,
           plugins: [C]
-        }), r.items.length > 0 && (e == null || e[0].show()));
+        }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
-        t == null || t.updateProps(r), r.items.length > 0 ? e == null || e[0].show() : e == null || e[0].hide(), r.clientRect && (e == null || e[0].setProps({
+        e == null || e.updateProps(r), r.items.length > 0 ? t == null || t[0].show() : t == null || t[0].hide(), r.clientRect && (t == null || t[0].setProps({
           getReferenceClientRect: r.clientRect
         }));
       },
       onKeyDown(r) {
         var s;
         if (n)
-          return (s = t == null ? void 0 : t.ref) == null ? void 0 : s.onKeyDown(r);
+          return (s = e == null ? void 0 : e.ref) == null ? void 0 : s.onKeyDown(r);
       },
       onExit() {
-        e == null || e[0].destroy(), e = null, t == null || t.destroy(), t = null;
+        t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
       }
     };
   }
-}, Ut = {
+}, Wt = {
   name: "SlashCommandSuggestion",
   props: {
     item: {
@@ -966,25 +951,25 @@ const Kt = Ft.exports, qt = {
     }
   }
 };
-var zt = function() {
-  var e = this, n = e._self._c;
-  return n("div", [n("div", { staticClass: "d-body--md-compact" }, [n("span", [e._v("/" + e._s(e.command))]), e.parametersExample ? n("span", [e._v(" " + e._s(e.parametersExample))]) : e._e()]), n("div", { staticClass: "d-body--sm d-fc-tertiary" }, [e._v(" " + e._s(e.description) + " ")])]);
-}, Wt = [], Vt = /* @__PURE__ */ c(
-  Ut,
-  zt,
-  Wt
+var qt = function() {
+  var t = this, n = t._self._c;
+  return n("div", [n("div", { staticClass: "d-body--md-compact" }, [n("span", [t._v("/" + t._s(t.command))]), t.parametersExample ? n("span", [t._v(" " + t._s(t.parametersExample))]) : t._e()]), n("div", { staticClass: "d-body--sm d-fc-tertiary" }, [t._v(" " + t._s(t.description) + " ")])]);
+}, Vt = [], zt = /* @__PURE__ */ c(
+  Wt,
+  qt,
+  Vt
 );
-const Xt = Vt.exports, Jt = {
+const Xt = zt.exports, Jt = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
   allowSpaces: !0,
   startOfLine: !0,
   render: () => {
-    let t, e, n = !1;
+    let e, t, n = !1;
     return {
       onStart: (r) => {
-        t = new y(b, {
+        e = new w(k, {
           parent: void 0,
           propsData: {
             itemComponent: Xt,
@@ -992,10 +977,10 @@ const Xt = Vt.exports, Jt = {
             ...r
           },
           editor: r.editor
-        }), r.clientRect && (e = k("body", {
+        }), r.clientRect && (t = b("body", {
           getReferenceClientRect: r.clientRect,
           appendTo: () => document.body,
-          content: t.element,
+          content: e.element,
           showOnCreate: !1,
           onShow: () => {
             n = !0;
@@ -1008,29 +993,29 @@ const Xt = Vt.exports, Jt = {
           placement: "top-start",
           zIndex: 650,
           plugins: [C]
-        }), r.items.length > 0 && (e == null || e[0].show()));
+        }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
-        t == null || t.updateProps(r), r.items.length > 0 ? e == null || e[0].show() : e == null || e[0].hide(), r.clientRect && (e == null || e[0].setProps({
+        e == null || e.updateProps(r), r.items.length > 0 ? t == null || t[0].show() : t == null || t[0].hide(), r.clientRect && (t == null || t[0].setProps({
           getReferenceClientRect: r.clientRect
         }));
       },
       onKeyDown(r) {
         var s;
         if (n)
-          return (s = t == null ? void 0 : t.ref) == null ? void 0 : s.onKeyDown(r);
+          return (s = e == null ? void 0 : e.ref) == null ? void 0 : s.onKeyDown(r);
       },
       onExit() {
-        e == null || e[0].destroy(), e = null, t == null || t.destroy(), t = null;
+        t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
       }
     };
   }
 }, Yt = {
   name: "DtRichTextEditor",
   components: {
-    EditorContent: H,
-    BubbleMenu: j,
-    DtButton: Pe,
+    EditorContent: j,
+    BubbleMenu: H,
+    DtButton: Oe,
     DtStack: x
   },
   props: {
@@ -1102,8 +1087,8 @@ const Xt = Vt.exports, Jt = {
     autoFocus: {
       type: [Boolean, String, Number],
       default: !1,
-      validator(t) {
-        return typeof t == "string" ? Le.includes(t) : !0;
+      validator(e) {
+        return typeof e == "string" ? Le.includes(e) : !0;
       }
     },
     /**
@@ -1115,8 +1100,8 @@ const Xt = Vt.exports, Jt = {
     outputFormat: {
       type: String,
       default: "html",
-      validator(t) {
-        return Re.includes(t);
+      validator(e) {
+        return Se.includes(e);
       }
     },
     /**
@@ -1374,12 +1359,12 @@ const Xt = Vt.exports, Jt = {
       editor: null,
       tippyOptions: {
         appendTo: () => {
-          var t;
-          return (t = this.$refs.editor.$el.getRootNode()) == null ? void 0 : t.querySelector("body");
+          var e;
+          return (e = this.$refs.editor.$el.getRootNode()) == null ? void 0 : e.querySelector("body");
         },
         placement: "top-start"
       },
-      i18n: new Oe()
+      i18n: new Be()
     };
   },
   computed: {
@@ -1396,55 +1381,62 @@ const Xt = Vt.exports, Jt = {
     },
     // eslint-disable-next-line complexity
     extensions() {
-      const t = [Z, de, me, te];
-      t.push(this.useDivTags ? mt : B), this.allowBlockquote && t.push(Y), this.allowBold && t.push(ne), this.allowBulletList && (t.push(re), t.push(oe.extend({
+      const e = [Z, de, me, te];
+      e.push(this.useDivTags ? mt : B), this.allowBold && e.push(ne), this.allowBlockquote && e.push(Y), this.allowBulletList && (e.push(re), e.push(oe.extend({
         renderText({ node: r }) {
           return r.textContent;
         }
-      })), t.push(ae)), this.allowItalic && t.push(se), this.allowStrike && t.push(le), this.allowUnderline && t.push(ce), this.placeholder && t.push(
+      })), e.push(ae)), this.allowItalic && e.push(se), this.allowStrike && e.push(le), this.allowUnderline && e.push(ce), this.placeholder && e.push(
         ee.configure({ placeholder: this.placeholder })
       );
-      const e = this, n = J.create({
+      const t = this, n = J.create({
         addKeyboardShortcuts() {
           return {
-            "Shift-Enter": ({ editor: r }) => e.allowLineBreaks ? !1 : (r.commands.first(({ commands: s }) => [
+            "Shift-Enter": ({ editor: r }) => t.allowLineBreaks ? !1 : (r.commands.first(({ commands: s }) => [
               () => s.newlineInCode(),
-              () => e.allowBulletList && s.splitListItem("listItem"),
+              () => t.allowBulletList && s.splitListItem("listItem"),
               () => s.createParagraphNear(),
               () => s.liftEmptyBlock(),
               () => s.splitBlock()
             ]), !0),
-            Enter: () => e.allowLineBreaks ? !1 : (e.$emit("enter"), !0)
+            Enter: () => t.allowLineBreaks ? !1 : (t.$emit("enter"), !0)
           };
         }
       });
-      if (t.push(n), this.link && t.push(ie.extend({ inclusive: !1 }).configure({
+      if (e.push(n), this.link && e.push(ie.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: $
-      })), this.customLink && t.push(this.getExtension(dt, this.customLink)), this.mentionSuggestion) {
+      })), this.customLink && e.push(this.getExtension(dt, this.customLink)), this.mentionSuggestion) {
         const r = { ...this.mentionSuggestion, ...Mt };
-        t.push(wt.configure({ suggestion: r }));
+        e.push(yt.configure({ suggestion: r }));
       }
       if (this.channelSuggestion) {
-        const r = { ...this.channelSuggestion, ...qt };
-        t.push(Ct.configure({ suggestion: r }));
+        const r = { ...this.channelSuggestion, ...Ut };
+        e.push(Ct.configure({ suggestion: r }));
       }
       if (this.slashCommandSuggestion) {
         const r = { ...this.slashCommandSuggestion, ...Jt };
-        t.push(It.configure({
+        e.push(It.configure({
           suggestion: r,
           onSelectedCommand: (s) => {
             this.$emit("selected-command", s);
           }
         }));
       }
-      return t.push(nt), t.push(ue.configure({
+      return e.push(nt), e.push(ue.configure({
         types: ["paragraph"]
-      })), this.allowCode && t.push(Q), this.allowCodeblock && t.push(G.extend({
+      })), this.allowCode && e.push(Q), this.allowCodeblock && e.push(G.extend({
         renderText({ node: r }) {
           return `\`\`\`
 ${r.textContent}
@@ -1454,15 +1446,15 @@ ${r.textContent}
         HTMLAttributes: {
           class: "d-rich-text-editor__code-block"
         }
-      })), this.allowInlineImages && t.push(ut), (this.allowFontFamily || this.allowFontColor) && (t.push(he), this.allowFontColor && t.push(fe), this.allowFontFamily && t.push(pe)), this.additionalExtensions.length && t.push(...this.additionalExtensions), t;
+      })), this.allowInlineImages && e.push(ut), (this.allowFontFamily || this.allowFontColor) && (e.push(he), this.allowFontColor && e.push(fe), this.allowFontFamily && e.push(pe)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
     },
     inputAttrs() {
-      const t = {
+      const e = {
         "aria-label": this.inputAriaLabel,
         "aria-multiline": !0,
         role: "textbox"
       };
-      return this.editable || (t["aria-readonly"] = !0), t;
+      return this.editable || (e["aria-readonly"] = !0), e;
     }
   },
   /**
@@ -1471,20 +1463,20 @@ ${r.textContent}
    * to be hooked up to the Editor's own API.
    */
   watch: {
-    editable(t) {
-      this.editor.setEditable(t), this.updateEditorAttributes({ "aria-readonly": !t });
+    editable(e) {
+      this.editor.setEditable(e), this.updateEditorAttributes({ "aria-readonly": !e });
     },
-    inputClass(t) {
-      this.updateEditorAttributes({ class: t });
+    inputClass(e) {
+      this.updateEditorAttributes({ class: e });
     },
-    inputAriaLabel(t) {
-      this.updateEditorAttributes({ "aria-label": t });
+    inputAriaLabel(e) {
+      this.updateEditorAttributes({ "aria-label": e });
     },
     extensions() {
       this.destroyEditor(), this.createEditor();
     },
-    value(t) {
-      this.processValue(t);
+    value(e) {
+      this.processValue(e);
     }
   },
   created() {
@@ -1494,11 +1486,11 @@ ${r.textContent}
     this.destroyEditor();
   },
   mounted() {
-    Ee(this.$el, this.$options.name), this.processValue(this.value, !1);
+    Te(this.$el, this.$options.name), this.processValue(this.value, !1);
   },
   methods: {
     createEditor() {
-      this.editor = new N({
+      this.editor = new F({
         autofocus: this.autoFocus,
         content: this.value,
         editable: this.editable,
@@ -1511,147 +1503,147 @@ ${r.textContent}
             ...this.inputAttrs,
             class: this.inputClass
           },
-          handleKeyDown: (t, e) => {
+          handleKeyDown: (e, t) => {
             if (!this.preventTyping) return !1;
             const n = ["Backspace"];
-            return !this.allowLineBreaks && !e.shiftKey && n.push("Enter"), !n.includes(e.key);
+            return !this.allowLineBreaks && !t.shiftKey && n.push("Enter"), !n.includes(t.key);
           },
-          handlePaste: (t, e, n) => {
-            const r = e.clipboardData || window.clipboardData, s = r.getData("text/plain"), o = r.getData("text/html");
-            return this.processPasteData(t, s, o);
+          handlePaste: (e, t) => {
+            const n = t.clipboardData || window.clipboardData, r = n.getData("text/plain"), s = n.getData("text/html");
+            return this.processPasteData(e, r, s);
           },
           // Moves the <br /> tags inside the previous closing tag to avoid
           // Prosemirror wrapping them within another </p> tag.
-          transformPastedHTML(t) {
-            return t.replace(/(<\/\w+>)((<br \/>)+)/g, "$2$3$1");
+          transformPastedHTML(e) {
+            return e.replace(/(<\/\w+>)((<br \/>)+)/g, "$2$3$1");
           }
         }
       }), this.addEditorListeners();
     },
-    bubbleMenuShouldShow({ editor: t, view: e, state: n, oldState: r, from: s, to: o }) {
-      return t.isActive("link");
+    bubbleMenuShouldShow({ editor: e }) {
+      return e.isActive("link");
     },
     /**
      * If the selection contains a link, return the existing link text.
      * Otherwise, use just the selected text.
      * @param editor the editor instance.
      */
-    getSelectedLinkText(t) {
+    getSelectedLinkText(e) {
       var a, l, d;
-      const { view: e, state: n } = t, { from: r, to: s } = e.state.selection, o = n.doc.textBetween(r, s, ""), i = this.editor.state.doc.nodeAt(r);
-      return i && ((d = (l = (a = i.marks) == null ? void 0 : a.at(0)) == null ? void 0 : l.type) == null ? void 0 : d.name) === "link" ? i.textContent : o;
+      const { view: t, state: n } = e, { from: r, to: s } = t.state.selection, i = n.doc.textBetween(r, s, ""), o = this.editor.state.doc.nodeAt(r);
+      return o && ((d = (l = (a = o.marks) == null ? void 0 : a.at(0)) == null ? void 0 : l.type) == null ? void 0 : d.name) === "link" ? o.textContent : i;
     },
     editLink() {
-      const t = this.getSelectedLinkText(this.editor), e = {
+      const e = this.getSelectedLinkText(this.editor), t = {
         href: this.editor.getAttributes("link").href,
-        text: t
+        text: e
       };
-      this.$emit("edit-link", e);
+      this.$emit("edit-link", t);
     },
     removeLink() {
-      var t, e, n, r;
-      (r = (n = (e = (t = this.editor) == null ? void 0 : t.chain()) == null ? void 0 : e.focus()) == null ? void 0 : n.unsetLink()) == null || r.run();
+      var e, t, n, r;
+      (r = (n = (t = (e = this.editor) == null ? void 0 : e.chain()) == null ? void 0 : t.focus()) == null ? void 0 : n.unsetLink()) == null || r.run();
     },
     openLink() {
-      var e, n;
-      (n = (e = this.editor) == null ? void 0 : e.chain()) == null || n.focus();
-      const t = this.editor.getAttributes("link").href;
-      window.open(t, "_blank");
+      var t, n;
+      (n = (t = this.editor) == null ? void 0 : t.chain()) == null || n.focus();
+      const e = this.editor.getAttributes("link").href;
+      window.open(e, "_blank");
     },
     // eslint-disable-next-line complexity
-    setLink(t, e, n, r = $, s) {
+    setLink(e, t, n, r = $, s) {
       var a, l, d;
-      if (!t) {
+      if (!e) {
         this.removeLink();
         return;
       }
-      r.find((u) => u.test(t)) || (t = `${s}${t}`), this.editor.chain().focus().extendMarkRange("link").run();
-      const i = (d = (l = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : l.state) == null ? void 0 : d.selection;
-      this.editor.chain().focus().insertContent(e).setTextSelection({ from: i.from, to: i.from + e.length }).setLink({ href: t, class: n.class }).run();
+      r.find((u) => u.test(e)) || (e = `${s}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
+      const o = (d = (l = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : l.state) == null ? void 0 : d.selection;
+      this.editor.chain().focus().insertContent(t).setTextSelection({ from: o.from, to: o.from + t.length }).setLink({ href: e, class: n.class }).run();
     },
     // eslint-disable-next-line complexity
-    processValue(t, e = !0) {
+    processValue(e, t = !0) {
       const n = this.getOutput();
-      if (!(e && Be(t, n))) {
-        if (typeof t == "string" && this.outputFormat === "text") {
+      if (!(t && Ae(e, n))) {
+        if (typeof e == "string" && this.outputFormat === "text") {
           const r = new RegExp(`(${O})`, "g");
-          t = t == null ? void 0 : t.replace(r, '<emoji-component code="$1"></emoji-component>');
+          e = e == null ? void 0 : e.replace(r, '<emoji-component code="$1"></emoji-component>');
         }
-        this.editor.commands.setContent(t, !1, { preserveWhitespace: "full" });
+        this.editor.commands.setContent(e, !1, { preserveWhitespace: "full" });
       }
     },
     destroyEditor() {
       this.editor.destroy();
     },
-    insertPlainTextWithHardBreaks(t, e) {
-      const { tr: n } = t.state, { from: r, to: s } = t.state.selection;
+    insertPlainTextWithHardBreaks(e, t) {
+      const { tr: n } = e.state, { from: r, to: s } = e.state.selection;
       n.deleteRange(r, s);
-      const o = e.split(/\r?\n/);
-      let i = r;
-      for (let a = 0; a < o.length; a++)
-        a > 0 && (n.insert(i, t.state.schema.nodes.hardBreak.create()), i++), n.insertText(o[a], i), i += o[a].length;
-      t.dispatch(n);
-    },
-    shouldPreserveLineBreaks(t, e) {
-      return this.pasteRichText ? !e && t && this.hasBlankLines(t) : !!t;
-    },
-    processPasteData(t, e, n) {
-      if (this.shouldPreserveLineBreaks(e, n))
-        return this.insertPlainTextWithHardBreaks(t, e), !0;
+      const i = t.split(/\r?\n/);
+      let o = r;
+      for (let a = 0; a < i.length; a++)
+        a > 0 && (n.insert(o, e.state.schema.nodes.hardBreak.create()), o++), n.insertText(i[a], o), o += i[a].length;
+      e.dispatch(n);
+    },
+    shouldPreserveLineBreaks(e, t) {
+      return this.pasteRichText ? !t && e && this.hasBlankLines(e) : !!e;
+    },
+    processPasteData(e, t, n) {
+      if (this.shouldPreserveLineBreaks(t, n))
+        return this.insertPlainTextWithHardBreaks(e, t), !0;
       if (this.shouldHandlePreformattedHTML(n)) {
         const r = this.extractPreformattedText(n);
         if (r && r.includes(`
 `))
-          return this.insertPlainTextWithHardBreaks(t, r), !0;
+          return this.insertPlainTextWithHardBreaks(e, r), !0;
       }
       return !1;
     },
-    shouldHandlePreformattedHTML(t) {
-      return this.pasteRichText && t && this.containsPreformattedContent(t);
+    shouldHandlePreformattedHTML(e) {
+      return this.pasteRichText && e && this.containsPreformattedContent(e);
     },
-    containsPreformattedContent(t) {
-      const e = document.createElement("div");
-      e.innerHTML = t;
-      const n = e.querySelectorAll("*");
+    containsPreformattedContent(e) {
+      const t = document.createElement("div");
+      t.innerHTML = e;
+      const n = t.querySelectorAll("*");
       for (const r of n)
         if (this.hasPreWhitespace(r) && this.hasLineBreaks(r))
           return !0;
       return !1;
     },
-    hasPreWhitespace(t) {
-      const e = t.getAttribute("style") || "", n = t.style.whiteSpace || "", r = n === "pre" || n === "pre-wrap", s = e.includes("white-space: pre");
+    hasPreWhitespace(e) {
+      const t = e.getAttribute("style") || "", n = e.style.whiteSpace || "", r = n === "pre" || n === "pre-wrap", s = t.includes("white-space: pre");
       return r || s;
     },
-    hasLineBreaks(t) {
-      return t.textContent && t.textContent.includes(`
+    hasLineBreaks(e) {
+      return e.textContent && e.textContent.includes(`
 `);
     },
-    hasBlankLines(t) {
-      return t.includes(`
+    hasBlankLines(e) {
+      return e.includes(`
 
-`) || /\n\s*\n/.test(t);
-    },
-    extractPreformattedText(t) {
-      const e = document.createElement("div");
-      return e.innerHTML = t, this.walkAndExtractText(e);
-    },
-    walkAndExtractText(t) {
-      let e = "";
-      if (t.nodeType === Node.TEXT_NODE)
-        e += t.textContent;
-      else if (t.nodeType === Node.ELEMENT_NODE)
-        if (this.hasPreWhitespace(t))
-          e += t.textContent;
+`) || /\n\s*\n/.test(e);
+    },
+    extractPreformattedText(e) {
+      const t = document.createElement("div");
+      return t.innerHTML = e, this.walkAndExtractText(t);
+    },
+    walkAndExtractText(e) {
+      let t = "";
+      if (e.nodeType === Node.TEXT_NODE)
+        t += e.textContent;
+      else if (e.nodeType === Node.ELEMENT_NODE)
+        if (this.hasPreWhitespace(e))
+          t += e.textContent;
         else
-          for (const n of t.childNodes)
-            e += this.walkAndExtractText(n);
-      return e;
+          for (const n of e.childNodes)
+            t += this.walkAndExtractText(n);
+      return t;
     },
     triggerInputChangeEvents() {
-      const t = this.getOutput();
-      this.$emit("input", t), this.$emit("update:value", t);
-      const e = this.editor.getJSON();
-      this.$emit("json-input", e);
+      const e = this.getOutput();
+      this.$emit("input", e), this.$emit("update:value", e);
+      const t = this.editor.getJSON();
+      this.$emit("json-input", t);
       const n = this.editor.getHTML();
       this.$emit("html-input", n);
       const r = this.editor.getText({ blockSeparator: `
@@ -1667,12 +1659,12 @@ ${r.textContent}
         this.triggerInputChangeEvents();
       }), this.editor.on("update", () => {
         this.triggerInputChangeEvents();
-      }), this.editor.on("selectionUpdate", ({ editor: t }) => {
-        this.$emit("selected", this.getSelectedLinkText(t));
-      }), this.editor.on("focus", ({ event: t }) => {
-        this.$emit("focus", t);
-      }), this.editor.on("blur", ({ event: t }) => {
-        this.$emit("blur", t);
+      }), this.editor.on("selectionUpdate", ({ editor: e }) => {
+        this.$emit("selected", this.getSelectedLinkText(e));
+      }), this.editor.on("focus", ({ event: e }) => {
+        this.$emit("focus", e);
+      }), this.editor.on("blur", ({ event: e }) => {
+        this.$emit("blur", e);
       });
     },
     getOutput() {
@@ -1687,17 +1679,17 @@ ${r.textContent}
 ` });
       }
     },
-    getExtension(t, e) {
+    getExtension(e, t) {
       var n;
-      return typeof e == "boolean" ? t : (n = t.configure) == null ? void 0 : n.call(t, e);
+      return typeof t == "boolean" ? e : (n = e.configure) == null ? void 0 : n.call(e, t);
     },
-    updateEditorAttributes(t) {
+    updateEditorAttributes(e) {
       this.editor.setOptions({
         editorProps: {
           attributes: {
             ...this.inputAttrs,
             class: this.inputClass,
-            ...t
+            ...e
           }
         }
       });
@@ -1708,8 +1700,8 @@ ${r.textContent}
   }
 };
 var Gt = function() {
-  var e = this, n = e._self._c;
-  return n("div", [e.editor && e.link && !e.hideLinkBubbleMenu ? n("bubble-menu", { staticStyle: { visibility: "visible" }, attrs: { editor: e.editor, "should-show": e.bubbleMenuShouldShow, "tippy-options": e.tippyOptions } }, [n("div", { staticClass: "d-popover__dialog" }, [n("dt-stack", { staticClass: "d-rich-text-editor-bubble-menu__button-stack", attrs: { direction: "row", gap: "0" } }, [n("dt-button", { attrs: { kind: "muted", importance: "clear" }, on: { click: e.editLink } }, [e._v(" " + e._s(e.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")) + " ")]), n("dt-button", { attrs: { kind: "muted", importance: "clear" }, on: { click: e.openLink } }, [e._v(" " + e._s(e.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")) + " ")]), n("dt-button", { attrs: { kind: "danger", importance: "clear" }, on: { click: e.removeLink } }, [e._v(" " + e._s(e.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")) + " ")])], 1)], 1)]) : e._e(), n("editor-content", e._g({ ref: "editor", staticClass: "d-rich-text-editor", attrs: { editor: e.editor, "data-qa": "dt-rich-text-editor" } }, e.editorListeners))], 1);
+  var t = this, n = t._self._c;
+  return n("div", [t.editor && t.link && !t.hideLinkBubbleMenu ? n("bubble-menu", { staticStyle: { visibility: "visible" }, attrs: { editor: t.editor, "should-show": t.bubbleMenuShouldShow, "tippy-options": t.tippyOptions } }, [n("div", { staticClass: "d-popover__dialog" }, [n("dt-stack", { staticClass: "d-rich-text-editor-bubble-menu__button-stack", attrs: { direction: "row", gap: "0" } }, [n("dt-button", { attrs: { kind: "muted", importance: "clear" }, on: { click: t.editLink } }, [t._v(" " + t._s(t.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")) + " ")]), n("dt-button", { attrs: { kind: "muted", importance: "clear" }, on: { click: t.openLink } }, [t._v(" " + t._s(t.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")) + " ")]), n("dt-button", { attrs: { kind: "danger", importance: "clear" }, on: { click: t.removeLink } }, [t._v(" " + t._s(t.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")) + " ")])], 1)], 1)]) : t._e(), n("editor-content", t._g({ ref: "editor", staticClass: "d-rich-text-editor", attrs: { editor: t.editor, "data-qa": "dt-rich-text-editor" } }, t.editorListeners))], 1);
 }, Qt = [], Zt = /* @__PURE__ */ c(
   Yt,
   Gt,