@dialpad/dialtone 9.124.0 → 9.125.0

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

@@ -1,10 +1,10 @@
-import { NodeViewWrapper as _, nodeViewProps as y, VueRenderer as w, VueNodeViewRenderer as b, EditorContent as P, BubbleMenu as H, Editor as F } from "../../node_modules/@tiptap/vue-2.js";
-import { Node as q, mergeAttributes as m, InputRule as K, nodePasteRule as T, getMarksBetween as U, combineTransactionSteps as N, getChangedRanges as V, findChildrenInRange as z, Mark as W, nodeInputRule as X, Extension as J } from "@tiptap/core";
+import { NodeViewWrapper as _, nodeViewProps as y, VueRenderer as w, VueNodeViewRenderer as v, EditorContent as H, BubbleMenu as P, Editor as F } from "../../node_modules/@tiptap/vue-2.js";
+import { Node as N, mergeAttributes as m, InputRule as U, nodePasteRule as E, getMarksBetween as q, combineTransactionSteps as K, getChangedRanges as V, findChildrenInRange as z, Mark as W, nodeInputRule as X, Extension as J } from "@tiptap/core";
 import Y from "@tiptap/extension-blockquote";
 import G from "@tiptap/extension-code-block";
 import Q from "@tiptap/extension-code";
 import Z from "@tiptap/extension-document";
-import j from "@tiptap/extension-paragraph";
+import A from "@tiptap/extension-paragraph";
 import ee from "@tiptap/extension-placeholder";
 import te from "@tiptap/extension-hard-break";
 import ne from "@tiptap/extension-bold";
@@ -23,41 +23,42 @@ import fe from "@tiptap/extension-color";
 import pe from "@tiptap/extension-font-family";
 import { PluginKey as f, Plugin as ge } from "@tiptap/pm/state";
 import _e from "@tiptap/suggestion";
-import { emojiPattern as M } from "regex-combined-emojis";
+import { emojiPattern as D } from "regex-combined-emojis";
 import { n as c } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
-import O from "../emoji/emoji.js";
-import { stringToUnicode as ye, codeToEmojiData as E, emojiRegex as we, emojiShortCodeRegex as be } from "../../common/emoji/index.js";
-import { emojisIndexed as ve } from "@dialpad/dialtone-emojis";
+import B from "../emoji/emoji.js";
+import { stringToUnicode as ye, codeToEmojiData as S, emojiRegex as we, emojiShortCodeRegex as ve } from "../../common/emoji/index.js";
+import { emojisIndexed as be } from "@dialpad/dialtone-emojis";
 import xe from "../list-item/list-item.js";
-import v from "../stack/stack.js";
+import b from "../stack/stack.js";
 import x from "tippy.js";
-import { linkRegex as Ce, getPhoneNumberRegex as ke, warnIfUnmounted as Se } from "../../common/utils/index.js";
-import Te from "@tiptap/extension-image";
-import $ from "@tiptap/extension-mention";
-import D from "../link/link.js";
-import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Re, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Ee, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as L } from "./rich-text-editor-constants.js";
-import $e from "../avatar/avatar.js";
-import Le from "@dialpad/dialtone-icons/vue2/hash";
+import { linkRegex as Ce, getPhoneNumberRegex as ke, warnIfUnmounted as Te } from "../../common/utils/index.js";
+import Ee from "@tiptap/extension-image";
+import L from "@tiptap/extension-mention";
+import M from "../link/link.js";
+import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Re, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Se, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as $ } from "./rich-text-editor-constants.js";
+import Le 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 je from "../button/button.js";
-const Me = {
+import Oe from "deep-equal";
+import Ae from "../button/button.js";
+import De from "../../common/mixins/localization.js";
+const Be = {
   name: "EmojiComponent",
   components: {
     NodeViewWrapper: _,
-    DtEmoji: O
+    DtEmoji: B
   },
   props: y
 };
-var Oe = function() {
-  var e = this, r = e._self._c;
-  return r("node-view-wrapper", { staticClass: "d-d-inline-block d-va-bottom d-lh0" }, [r("dt-emoji", { attrs: { size: "500", code: e.node.attrs.code } })], 1);
-}, De = [], Be = /* @__PURE__ */ c(
+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" }, [n("dt-emoji", { attrs: { size: "500", code: e.node.attrs.code } })], 1);
+}, je = [], He = /* @__PURE__ */ c(
+  Be,
   Me,
-  Oe,
-  De
+  je
 );
-const Pe = Be.exports, He = {
+const Pe = He.exports, Fe = {
   name: "SuggestionList",
   components: {
     DtListItem: xe
@@ -130,28 +131,28 @@ const Pe = Be.exports, He = {
     }
   }
 };
-var Fe = function() {
-  var e = this, r = e._self._c;
-  return r("div", { staticClass: "d-popover__dialog d-suggestion-list__container" }, [r("ul", { directives: [{ name: "show", rawName: "v-show", value: e.items.length, expression: "items.length" }], ref: "suggestionList", staticClass: "d-suggestion-list" }, e._l(e.items, function(n, i) {
-    return r("dt-list-item", { key: n.id, class: [
+var Ne = 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, i) {
+    return n("dt-list-item", { key: r.id, class: [
       "d-suggestion-list__item",
       { "d-list-item--highlighted": i === e.selectedIndex }
     ], attrs: { "navigation-type": "arrow-keys" }, on: { click: function(o) {
       return e.selectItem(i);
     }, keydown: function(o) {
       return o.preventDefault(), e.onKeyDown.apply(null, arguments);
-    } } }, [r(e.itemComponent, { tag: "component", attrs: { item: n } })], 1);
+    } } }, [n(e.itemComponent, { tag: "component", attrs: { item: r } })], 1);
   }), 1)]);
-}, qe = [], Ke = /* @__PURE__ */ c(
-  He,
+}, Ue = [], qe = /* @__PURE__ */ c(
   Fe,
-  qe
+  Ne,
+  Ue
 );
-const C = Ke.exports, Ue = {
+const C = qe.exports, Ke = {
   name: "EmojiSuggestion",
   components: {
-    DtEmoji: O,
-    DtStack: v
+    DtEmoji: B,
+    DtStack: b
   },
   props: {
     item: {
@@ -160,20 +161,20 @@ const C = Ke.exports, Ue = {
     }
   }
 };
-var Ne = function() {
-  var e = this, r = e._self._c;
-  return r("dt-stack", { attrs: { direction: "row", gap: "400" } }, [r("dt-emoji", { attrs: { size: "200", code: e.item.code } }), e._v(" " + e._s(e.item.code) + " ")], 1);
-}, Ve = [], ze = /* @__PURE__ */ c(
-  Ue,
-  Ne,
-  Ve
+var Ve = 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);
+}, ze = [], We = /* @__PURE__ */ c(
+  Ke,
+  Ve,
+  ze
 );
-const We = ze.exports, k = {
+const Xe = We.exports, k = {
   name: "hideOnEsc",
   defaultValue: !0,
   fn({ hide: t }) {
-    function e(r) {
-      r.keyCode === 27 && t();
+    function e(n) {
+      n.keyCode === 27 && t();
     }
     return {
       onShow() {
@@ -184,82 +185,82 @@ const We = ze.exports, k = {
       }
     };
   }
-}, Xe = 20, Je = {
+}, Je = 20, Ye = {
   items: ({ query: t }) => {
     if (t.length < 2)
       return [];
-    const e = Object.values(ve);
+    const e = Object.values(be);
     return t = t.toLowerCase(), e.filter(
-      (n) => [
-        n.name,
-        n.shortname.replaceAll(":", ""),
-        ...n.keywords
+      (r) => [
+        r.name,
+        r.shortname.replaceAll(":", ""),
+        ...r.keywords
       ].some((i) => i.startsWith(t))
-    ).splice(0, Xe).map((n) => ({ code: n.shortname }));
+    ).splice(0, Je).map((r) => ({ code: r.shortname }));
   },
-  command: ({ editor: t, range: e, props: r }) => {
+  command: ({ editor: t, range: e, props: n }) => {
     var o, s;
-    const n = t.view.state.selection.$to.nodeAfter;
-    ((o = n == null ? void 0 : n.text) == null ? void 0 : o.startsWith(" ")) && (e.to += 1), t.chain().focus().insertContentAt(e, [
+    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, [
       {
         type: "emoji",
-        attrs: r
+        attrs: n
       }
     ]).run(), (s = window.getSelection()) == null || s.collapseToEnd();
   },
   render: () => {
-    let t, e, r = !1;
+    let t, e, n = !1;
     return {
-      onStart: (n) => {
+      onStart: (r) => {
         t = new w(C, {
           parent: void 0,
           propsData: {
-            itemComponent: We,
+            itemComponent: Xe,
             itemType: "emoji",
-            ...n
+            ...r
           },
-          editor: n.editor
-        }), n.clientRect && (e = x("body", {
-          getReferenceClientRect: n.clientRect,
+          editor: r.editor
+        }), r.clientRect && (e = x("body", {
+          getReferenceClientRect: r.clientRect,
           appendTo: () => document.body,
           content: t.element,
           showOnCreate: !1,
           onShow: () => {
-            r = !0;
+            n = !0;
           },
           onHidden: () => {
-            r = !1;
+            n = !1;
           },
           interactive: !0,
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
           plugins: [k]
-        }), n.items.length > 0 && (e == null || e[0].show()));
+        }), r.items.length > 0 && (e == null || e[0].show()));
       },
-      onUpdate(n) {
-        t == null || t.updateProps(n), n.items.length > 0 ? e == null || e[0].show() : e == null || e[0].hide(), e == null || e[0].setProps({
-          getReferenceClientRect: n.clientRect
+      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({
+          getReferenceClientRect: r.clientRect
         });
       },
-      onKeyDown(n) {
+      onKeyDown(r) {
         var i;
-        if (r)
-          return (i = t == null ? void 0 : t.ref) == null ? void 0 : i.onKeyDown(n);
+        if (n)
+          return (i = t == null ? void 0 : t.ref) == null ? void 0 : i.onKeyDown(r);
       },
       onExit() {
         e == null || e[0].destroy(), e = null, t == null || t.destroy(), t = null;
       }
     };
   }
-}, Ye = /(:\w+:)$/, Ge = new RegExp(M + "$"), Qe = (t) => {
-  if (t && E(t[0]))
+}, Ge = /(:\w+:)$/, Qe = new RegExp(D + "$"), Ze = (t) => {
+  if (t && S(t[0]))
     return { text: t[2] || t[0] };
-}, Ze = (t) => [...t.matchAll(be)].filter((r) => E(r[0])).map((r) => ({
-  index: r.index,
-  text: r[0],
-  match: r
-})), et = q.create({
+}, et = (t) => [...t.matchAll(ve)].filter((n) => S(n[0])).map((n) => ({
+  index: n.index,
+  text: n[0],
+  match: n
+})), tt = N.create({
   name: "emoji",
   addOptions() {
     return {
@@ -271,7 +272,7 @@ const We = ze.exports, k = {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return b(Pe);
+    return v(Pe);
   },
   addAttributes() {
     return {
@@ -288,30 +289,30 @@ const We = ze.exports, k = {
     ];
   },
   renderText({ node: t }) {
-    return ye(E(t.attrs.code).unicode_output);
+    return ye(S(t.attrs.code).unicode_output);
   },
   renderHTML({ HTMLAttributes: t }) {
     return ["emoji-component", m(this.options.HTMLAttributes, t)];
   },
   addInputRules() {
     return [
-      new K({
+      new U({
         find: (t) => {
-          const e = t.match(Ye) || t.match(Ge);
+          const e = t.match(Ge) || t.match(Qe);
           if (e)
-            return Qe(e);
+            return Ze(e);
         },
-        handler: ({ state: t, range: e, match: r, commands: n, chain: i, can: o }) => {
+        handler: ({ state: t, range: e, match: n, commands: r, chain: i, can: o }) => {
           const { tr: s } = t, a = e.from, l = e.to;
-          s.replaceWith(a, l, this.type.create({ code: r[0] }));
+          s.replaceWith(a, l, this.type.create({ code: n[0] }));
         }
       })
     ];
   },
   addPasteRules() {
     return [
-      T({
-        find: Ze,
+      E({
+        find: et,
         type: this.type,
         getAttributes(t) {
           return {
@@ -319,7 +320,7 @@ const We = ze.exports, k = {
           };
         }
       }),
-      T({
+      E({
         find: we,
         type: this.type,
         getAttributes(t) {
@@ -337,35 +338,35 @@ const We = ze.exports, k = {
         pluginKey: new f("emoji"),
         editor: this.editor,
         ...this.options.suggestion,
-        ...Je
+        ...Ye
       })
     ];
   },
   addKeyboardShortcuts() {
     return {
       Backspace: () => this.editor.commands.command(({ tr: t, state: e }) => {
-        let r = !1;
-        const { selection: n } = e, { empty: i, anchor: o } = n;
+        let n = !1;
+        const { selection: r } = e, { empty: i, anchor: o } = r;
         return i ? (e.doc.nodesBetween(o - 1, o, (s, a) => {
           if (s.type.name === this.name)
-            return r = !0, t.insertText("", a, a + s.nodeSize), !1;
-        }), r) : !1;
+            return n = !0, t.insertText("", a, a + s.nodeSize), !1;
+        }), n) : !1;
       })
     };
   }
 });
-function tt(t, e, r = () => !0) {
-  const n = [];
+function nt(t, e, n = () => !0) {
+  const r = [];
   e.lastIndex = 0;
   let i;
   for (; i = e.exec(t); )
-    r(t, i) && n.push(i);
-  return n;
+    n(t, i) && r.push(i);
+  return r;
 }
-function nt(t, e) {
+function rt(t, e) {
   return !["#", "@"].includes(t.charAt(e.index)) && !["#", "@"].includes(t.charAt(e.index - 1));
 }
-function rt(t) {
+function it(t) {
   const e = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
@@ -375,41 +376,41 @@ function rt(t) {
   );
   return t.replace(e, "");
 }
-function it(t, e) {
-  const r = t.slice(0, e + 1).search(/\S+\s*$/), n = t.slice(e).search(/\s/);
-  if (n < 0) {
-    const i = t.slice(r);
+function st(t, e) {
+  const n = t.slice(0, e + 1).search(/\S+\s*$/), r = t.slice(e).search(/\s/);
+  if (r < 0) {
+    const i = t.slice(n);
     return {
       text: i,
-      from: r,
-      to: r + i.length
+      from: n,
+      to: n + i.length
     };
   }
   return {
-    text: t.slice(r, n + e),
-    from: r,
-    to: n + e
+    text: t.slice(n, r + e),
+    from: n,
+    to: r + e
   };
 }
-function R(t, e, r, n) {
-  const i = it(t, e);
-  if (n.lastIndex = 0, !n.test(i.text))
+function R(t, e, n, r) {
+  const i = st(t, e);
+  if (r.lastIndex = 0, !r.test(i.text))
     return i;
-  const o = r === "left" ? i.from - 1 : i.to + 1;
-  return o <= 0 || o >= t.length || o === e ? i : R(t, o, r, n);
+  const o = n === "left" ? i.from - 1 : i.to + 1;
+  return o <= 0 || o >= t.length || o === e ? i : R(t, o, n, r);
 }
-function st(t, e, r, n) {
-  const i = Math.max(t.from - 1, 0), o = Math.min(t.to + 1, e.content.size), s = U(i, o, e);
+function ot(t, e, n, r) {
+  const i = Math.max(t.from - 1, 0), o = Math.min(t.to + 1, e.content.size), s = q(i, o, e);
   for (const a of s)
-    a.mark.type === n && r.removeMark(a.from, a.to, n);
+    a.mark.type === r && n.removeMark(a.from, a.to, r);
 }
 const I = ke(1, 15);
-function A(t, e, r, n, i, o) {
+function O(t, e, n, r, i, o) {
   if (!t)
     return;
-  let s = r - e - 1;
+  let s = n - e - 1;
   s = s < 0 ? 0 : s;
-  const a = n - e, l = R(
+  const a = r - e, l = R(
     t,
     s,
     "left",
@@ -420,32 +421,32 @@ function A(t, e, r, n, i, o) {
     "right",
     I
   ), u = t.slice(l.from, d.to);
-  tt(u, Ce, nt).forEach((S) => {
-    const h = rt(S[0]), g = e + l.from + S.index + 1, B = g + h.length;
-    i.addMark(g, B, o.create());
+  nt(u, Ce, rt).forEach((T) => {
+    const h = it(T[0]), g = e + l.from + T.index + 1, j = g + h.length;
+    i.addMark(g, j, o.create());
   });
 }
-function ot(t) {
+function at(t) {
   let e = !1;
   return new ge({
     key: new f("autolink"),
-    appendTransaction: (r, n, i) => {
-      const o = r.some((u) => u.docChanged) && !n.doc.eq(i.doc);
+    appendTransaction: (n, r, i) => {
+      const o = n.some((u) => u.docChanged) && !r.doc.eq(i.doc);
       if (e && !o)
         return;
       const { tr: s } = i, { textContent: a } = i.doc;
-      e || A(a, 0, 0, a.length, s, t.type), e = !0;
-      const l = N(
-        n.doc,
-        [...r]
+      e || O(a, 0, 0, a.length, s, t.type), e = !0;
+      const l = K(
+        r.doc,
+        [...n]
       );
       return V(l).forEach(({ oldRange: u, newRange: p }) => {
-        st(p, i.doc, s, t.type), z(
+        ot(p, i.doc, s, t.type), z(
           i.doc,
           p,
           (h) => h.isTextblock
         ).forEach(({ node: h, pos: g }) => {
-          A(
+          O(
             h.textContent,
             g,
             u.from,
@@ -458,10 +459,10 @@ function ot(t) {
     }
   });
 }
-const at = {
+const lt = {
   class: "d-link d-c-text d-d-inline-block d-wb-break-all",
   rel: "noopener noreferrer nofollow"
-}, lt = W.create({
+}, ct = W.create({
   name: "CustomLink",
   renderHTML({ HTMLAttributes: t }) {
     return [
@@ -469,7 +470,7 @@ const at = {
       m(
         this.options.HTMLAttributes,
         t,
-        at
+        lt
       )
     ];
   },
@@ -478,10 +479,10 @@ const at = {
   },
   addProseMirrorPlugins() {
     return [
-      ot({ type: this.type })
+      at({ type: this.type })
     ];
   }
-}), ct = Te.extend({
+}), dt = Ee.extend({
   name: "ConfigurableImage",
   addAttributes() {
     return {
@@ -505,18 +506,18 @@ const at = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), dt = j.extend({
+}).configure({ inline: !0, allowBase64: !0 }), ut = A.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
   renderHTML({ HTMLAttributes: t }) {
     return ["div", m(this.options.HTMLAttributes, t), 0];
   }
-}), ut = {
+}), mt = {
   name: "MentionComponent",
   components: {
     NodeViewWrapper: _,
-    DtLink: D
+    DtLink: M
   },
   props: y,
   computed: {
@@ -525,17 +526,17 @@ const at = {
     }
   }
 };
-var mt = function() {
-  var e = this, r = e._self._c;
-  return r("node-view-wrapper", { staticClass: "d-d-inline-block" }, [r("dt-link", { attrs: { kind: "mention" } }, [e._v(" " + e._s(e.text) + " ")])], 1);
-}, ht = [], ft = /* @__PURE__ */ c(
-  ut,
+var ht = 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);
+}, ft = [], pt = /* @__PURE__ */ c(
   mt,
-  ht
+  ht,
+  ft
 );
-const pt = ft.exports, gt = $.extend({
+const gt = pt.exports, _t = L.extend({
   addNodeView() {
-    return b(pt);
+    return v(gt);
   },
   parseHTML() {
     return [
@@ -568,11 +569,11 @@ const pt = ft.exports, gt = $.extend({
     char: "@",
     pluginKey: new f("mentionSuggestion")
   }
-}), _t = {
+}), yt = {
   name: "ChannelComponent",
   components: {
     NodeViewWrapper: _,
-    DtLink: D
+    DtLink: M
   },
   props: y,
   computed: {
@@ -581,18 +582,18 @@ const pt = ft.exports, gt = $.extend({
     }
   }
 };
-var yt = function() {
-  var e = this, r = e._self._c;
-  return r("node-view-wrapper", { staticClass: "d-d-inline-block" }, [r("dt-link", { attrs: { kind: "mention" } }, [e._v(" " + e._s(e.text) + " ")])], 1);
-}, wt = [], bt = /* @__PURE__ */ c(
-  _t,
+var wt = 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);
+}, vt = [], bt = /* @__PURE__ */ c(
   yt,
-  wt
+  wt,
+  vt
 );
-const vt = bt.exports, xt = $.extend({
+const xt = bt.exports, Ct = L.extend({
   name: "channel",
   addNodeView() {
-    return b(vt);
+    return v(xt);
   },
   parseHTML() {
     return [
@@ -625,7 +626,7 @@ const vt = bt.exports, xt = $.extend({
     char: "#",
     pluginKey: new f("channelSuggestion")
   }
-}), Ct = {
+}), kt = {
   name: "SlashCommandsComponent",
   components: {
     NodeViewWrapper: _
@@ -641,27 +642,27 @@ const vt = bt.exports, xt = $.extend({
     this.$parent.$emit("selected-command", this.$props.node.attrs.command);
   }
 };
-var kt = function() {
-  var e = this, r = e._self._c;
-  return r("node-view-wrapper", { staticClass: "d-d-inline-block" }, [e._v(" " + e._s(e.text) + " ")]);
-}, St = [], Tt = /* @__PURE__ */ c(
-  Ct,
+var Tt = function() {
+  var e = this, n = e._self._c;
+  return n("node-view-wrapper", { staticClass: "d-d-inline-block" }, [e._v(" " + e._s(e.text) + " ")]);
+}, Et = [], Rt = /* @__PURE__ */ c(
   kt,
-  St
+  Tt,
+  Et
 );
-const Rt = Tt.exports, Et = (t, e) => [...t.matchAll(e)].map((n) => {
-  let i = n[2];
+const St = Rt.exports, Lt = (t, e) => [...t.matchAll(e)].map((r) => {
+  let i = r[2];
   return i.endsWith(" ") || (i += " "), {
-    index: n.index,
+    index: r.index,
     text: i,
-    match: n
+    match: r
   };
-}), $t = $.extend({
+}), $t = L.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
   addNodeView() {
-    return b(Rt);
+    return v(St);
   },
   parseHTML() {
     return [
@@ -690,27 +691,27 @@ const Rt = Tt.exports, Et = (t, e) => [...t.matchAll(e)].map((n) => {
     return ["command-component", m(this.options.HTMLAttributes, t)];
   },
   addInputRules() {
-    var r;
-    const t = (r = this.options.suggestion) == null ? void 0 : r.items({ query: "" }).map((n) => n.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) $`);
+    var n;
+    const t = (n = this.options.suggestion) == null ? void 0 : n.items({ query: "" }).map((r) => r.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) $`);
     return [
       X({
         find: e,
         type: this.type,
-        getAttributes(n) {
-          return { command: n[2] };
+        getAttributes(r) {
+          return { command: r[2] };
         }
       })
     ];
   },
   addPasteRules() {
-    var r;
-    const t = (r = this.options.suggestion) == null ? void 0 : r.items({ query: "" }).map((n) => n.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) ?$`, "g");
+    var n;
+    const t = (n = this.options.suggestion) == null ? void 0 : n.items({ query: "" }).map((r) => r.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) ?$`, "g");
     return [
-      T({
-        find: (n) => Et(n, e),
+      E({
+        find: (r) => Lt(r, e),
         type: this.type,
-        getAttributes(n) {
-          return { command: n[0].trim() };
+        getAttributes(r) {
+          return { command: r[0].trim() };
         }
       })
     ];
@@ -720,11 +721,11 @@ const Rt = Tt.exports, Et = (t, e) => [...t.matchAll(e)].map((n) => {
     char: "/",
     pluginKey: new f("slashCommandSuggestion")
   }
-}), Lt = {
+}), It = {
   name: "MentionSuggestion",
   components: {
-    DtAvatar: $e,
-    DtStack: v
+    DtAvatar: Le,
+    DtStack: b
   },
   props: {
     item: {
@@ -761,69 +762,69 @@ const Rt = Tt.exports, Et = (t, e) => [...t.matchAll(e)].map((n) => {
     }
   }
 };
-var It = function() {
-  var e = this, r = e._self._c;
-  return r("dt-stack", { staticClass: "d-mention-suggestion__container", attrs: { direction: "row", gap: "400" } }, [r("dt-avatar", { attrs: { "full-name": e.name, "image-src": e.avatarSrc, "image-alt": e.name, "show-presence": e.showDetails, presence: e.presence, size: "sm" } }), r("dt-stack", { staticClass: "d-mention-suggestion__details-container", attrs: { gap: "100" } }, [r("span", { staticClass: "d-mention-suggestion__name" }, [e._v(" " + e._s(e.name) + " ")]), e.showDetails ? r("dt-stack", { staticClass: "d-label--sm-plain", attrs: { direction: "row", gap: "300" } }, [e.presenceText ? r("span", { staticClass: "d-mention-suggestion__presence", class: [e.presenceFontColorClass] }, [e._v(" " + e._s(e.presenceText) + " ")]) : e._e(), e.status && e.presenceText ? r("div", { staticClass: "d-mention-suggestion__divider" }, [e._v(" • ")]) : e._e(), e.status ? r("div", { staticClass: "d-mention-suggestion__status" }, [e._v(" " + e._s(e.status) + " ")]) : e._e()]) : e._e()], 1)], 1);
-}, At = [], jt = /* @__PURE__ */ c(
-  Lt,
+var Ot = 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);
+}, At = [], Dt = /* @__PURE__ */ c(
   It,
+  Ot,
   At
 );
-const Mt = jt.exports, Ot = {
+const Bt = Dt.exports, Mt = {
   // 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, r = !1;
+    let t, e, n = !1;
     return {
-      onStart: (n) => {
+      onStart: (r) => {
         t = new w(C, {
           parent: void 0,
           propsData: {
-            itemComponent: Mt,
+            itemComponent: Bt,
             itemType: "mention",
-            ...n
+            ...r
           },
-          editor: n.editor
-        }), n.clientRect && (e = x("body", {
-          getReferenceClientRect: n.clientRect,
+          editor: r.editor
+        }), r.clientRect && (e = x("body", {
+          getReferenceClientRect: r.clientRect,
           appendTo: () => document.body,
           content: t.element,
           showOnCreate: !1,
           onShow: () => {
-            r = !0;
+            n = !0;
           },
           onHidden: () => {
-            r = !1;
+            n = !1;
           },
           interactive: !0,
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
           plugins: [k]
-        }), n.items.length > 0 && (e == null || e[0].show()));
+        }), r.items.length > 0 && (e == null || e[0].show()));
       },
-      onUpdate(n) {
-        t == null || t.updateProps(n), n.items.length > 0 ? e == null || e[0].show() : e == null || e[0].hide(), n.clientRect && (e == null || e[0].setProps({
-          getReferenceClientRect: n.clientRect
+      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({
+          getReferenceClientRect: r.clientRect
         }));
       },
-      onKeyDown(n) {
+      onKeyDown(r) {
         var i;
-        if (r)
-          return (i = t == null ? void 0 : t.ref) == null ? void 0 : i.onKeyDown(n);
+        if (n)
+          return (i = t == null ? void 0 : t.ref) == null ? void 0 : i.onKeyDown(r);
       },
       onExit() {
         e == null || e[0].destroy(), e = null, t == null || t.destroy(), t = null;
       }
     };
   }
-}, Dt = {
+}, jt = {
   name: "ChannelSuggestion",
   components: {
-    DtStack: v,
-    DtIconHash: Le,
+    DtStack: b,
+    DtIconHash: $e,
     DtIconLock: Ie
   },
   props: {
@@ -838,65 +839,65 @@ const Mt = jt.exports, Ot = {
     }
   }
 };
-var Bt = function() {
-  var e = this, r = e._self._c;
-  return r("dt-stack", { attrs: { direction: "row", gap: "400" } }, [e.item.locked ? r("dt-icon-lock", { attrs: { size: "300" } }) : r("dt-icon-hash", { attrs: { size: "300" } }), r("span", [e._v(e._s(e.name))])], 1);
-}, Pt = [], Ht = /* @__PURE__ */ c(
-  Dt,
-  Bt,
+var Ht = 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);
+}, Pt = [], Ft = /* @__PURE__ */ c(
+  jt,
+  Ht,
   Pt
 );
-const Ft = Ht.exports, qt = {
+const Nt = Ft.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, r = !1;
+    let t, e, n = !1;
     return {
-      onStart: (n) => {
+      onStart: (r) => {
         t = new w(C, {
           parent: void 0,
           propsData: {
-            itemComponent: Ft,
+            itemComponent: Nt,
             itemType: "channel",
-            ...n
+            ...r
           },
-          editor: n.editor
-        }), n.clientRect && (e = x("body", {
-          getReferenceClientRect: n.clientRect,
+          editor: r.editor
+        }), r.clientRect && (e = x("body", {
+          getReferenceClientRect: r.clientRect,
           appendTo: () => document.body,
           content: t.element,
           showOnCreate: !1,
           onShow: () => {
-            r = !0;
+            n = !0;
           },
           onHidden: () => {
-            r = !1;
+            n = !1;
           },
           interactive: !0,
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
           plugins: [k]
-        }), n.items.length > 0 && (e == null || e[0].show()));
+        }), r.items.length > 0 && (e == null || e[0].show()));
       },
-      onUpdate(n) {
-        t == null || t.updateProps(n), n.items.length > 0 ? e == null || e[0].show() : e == null || e[0].hide(), n.clientRect && (e == null || e[0].setProps({
-          getReferenceClientRect: n.clientRect
+      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({
+          getReferenceClientRect: r.clientRect
         }));
       },
-      onKeyDown(n) {
+      onKeyDown(r) {
         var i;
-        if (r)
-          return (i = t == null ? void 0 : t.ref) == null ? void 0 : i.onKeyDown(n);
+        if (n)
+          return (i = t == null ? void 0 : t.ref) == null ? void 0 : i.onKeyDown(r);
       },
       onExit() {
         e == null || e[0].destroy(), e = null, t == null || t.destroy(), t = null;
       }
     };
   }
-}, Kt = {
+}, qt = {
   name: "SlashCommandSuggestion",
   props: {
     item: {
@@ -916,73 +917,74 @@ const Ft = Ht.exports, qt = {
     }
   }
 };
-var Ut = function() {
-  var e = this, r = e._self._c;
-  return r("div", [r("div", { staticClass: "d-body--md-compact" }, [r("span", [e._v("/" + e._s(e.command))]), e.parametersExample ? r("span", [e._v(" " + e._s(e.parametersExample))]) : e._e()]), r("div", { staticClass: "d-body--sm d-fc-tertiary" }, [e._v(" " + e._s(e.description) + " ")])]);
-}, Nt = [], Vt = /* @__PURE__ */ c(
+var Kt = 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) + " ")])]);
+}, Vt = [], zt = /* @__PURE__ */ c(
+  qt,
   Kt,
-  Ut,
-  Nt
+  Vt
 );
-const zt = Vt.exports, Wt = {
+const Wt = zt.exports, 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 [] },
   allowSpaces: !0,
   startOfLine: !0,
   render: () => {
-    let t, e, r = !1;
+    let t, e, n = !1;
     return {
-      onStart: (n) => {
+      onStart: (r) => {
         t = new w(C, {
           parent: void 0,
           propsData: {
-            itemComponent: zt,
+            itemComponent: Wt,
             itemType: "slash-command",
-            ...n
+            ...r
           },
-          editor: n.editor
-        }), n.clientRect && (e = x("body", {
-          getReferenceClientRect: n.clientRect,
+          editor: r.editor
+        }), r.clientRect && (e = x("body", {
+          getReferenceClientRect: r.clientRect,
           appendTo: () => document.body,
           content: t.element,
           showOnCreate: !1,
           onShow: () => {
-            r = !0;
+            n = !0;
           },
           onHidden: () => {
-            r = !1;
+            n = !1;
           },
           interactive: !0,
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
           plugins: [k]
-        }), n.items.length > 0 && (e == null || e[0].show()));
+        }), r.items.length > 0 && (e == null || e[0].show()));
       },
-      onUpdate(n) {
-        t == null || t.updateProps(n), n.items.length > 0 ? e == null || e[0].show() : e == null || e[0].hide(), n.clientRect && (e == null || e[0].setProps({
-          getReferenceClientRect: n.clientRect
+      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({
+          getReferenceClientRect: r.clientRect
         }));
       },
-      onKeyDown(n) {
+      onKeyDown(r) {
         var i;
-        if (r)
-          return (i = t == null ? void 0 : t.ref) == null ? void 0 : i.onKeyDown(n);
+        if (n)
+          return (i = t == null ? void 0 : t.ref) == null ? void 0 : i.onKeyDown(r);
       },
       onExit() {
         e == null || e[0].destroy(), e = null, t == null || t.destroy(), t = null;
       }
     };
   }
-}, Xt = {
+}, Jt = {
   name: "DtRichTextEditor",
   components: {
-    EditorContent: P,
-    BubbleMenu: H,
-    DtButton: je,
-    DtStack: v
+    EditorContent: H,
+    BubbleMenu: P,
+    DtButton: Ae,
+    DtStack: b
   },
+  mixins: [De],
   props: {
     /**
      * Value of the input. The object format should match TipTap's JSON
@@ -1006,6 +1008,14 @@ const zt = Vt.exports, Wt = {
       type: Boolean,
       default: !1
     },
+    /**
+     * When this option is false the editor will only ever paste plain text, no rich text formatting will be applied,
+     * and any HTML will be rendered as text.
+     */
+    pasteRichText: {
+      type: Boolean,
+      default: !0
+    },
     /**
      * Whether the input allows for line breaks to be introduced in the text by pressing enter. If this is disabled,
      * line breaks can still be entered by pressing shift+enter.
@@ -1058,7 +1068,7 @@ const zt = Vt.exports, Wt = {
       type: String,
       default: "html",
       validator(t) {
-        return Ee.includes(t);
+        return Se.includes(t);
       }
     },
     /**
@@ -1332,17 +1342,17 @@ const zt = Vt.exports, Wt = {
     // eslint-disable-next-line complexity
     extensions() {
       const t = [Z, de, me, te];
-      t.push(this.useDivTags ? dt : j), this.allowBlockquote && t.push(Y), this.allowBold && t.push(ne), this.allowBulletList && (t.push(re), t.push(oe.extend({
-        renderText({ node: n }) {
-          return n.textContent;
+      t.push(this.useDivTags ? ut : A), this.allowBlockquote && t.push(Y), this.allowBold && t.push(ne), this.allowBulletList && (t.push(re), t.push(oe.extend({
+        renderText({ node: r }) {
+          return r.textContent;
         }
       })), t.push(ae)), this.allowItalic && t.push(ie), this.allowStrike && t.push(le), this.allowUnderline && t.push(ce), this.placeholder && t.push(
         ee.configure({ placeholder: this.placeholder })
       );
-      const e = this, r = J.create({
+      const e = this, n = J.create({
         addKeyboardShortcuts() {
           return {
-            "Shift-Enter": ({ editor: n }) => e.allowLineBreaks ? !1 : (n.commands.first(({ commands: i }) => [
+            "Shift-Enter": ({ editor: r }) => e.allowLineBreaks ? !1 : (r.commands.first(({ commands: i }) => [
               () => i.newlineInCode(),
               () => e.allowBulletList && i.splitListItem("listItem"),
               () => i.createParagraphNear(),
@@ -1353,38 +1363,38 @@ const zt = Vt.exports, Wt = {
           };
         }
       });
-      if (t.push(r), this.link && t.push(se.extend({ inclusive: !1 }).configure({
+      if (t.push(n), this.link && t.push(se.extend({ inclusive: !1 }).configure({
         HTMLAttributes: {
           class: "d-link d-wb-break-all"
         },
         openOnClick: !1,
         autolink: !0,
-        protocols: L
-      })), this.customLink && t.push(this.getExtension(lt, this.customLink)), this.mentionSuggestion) {
-        const n = { ...this.mentionSuggestion, ...Ot };
-        t.push(gt.configure({ suggestion: n }));
+        protocols: $
+      })), this.customLink && t.push(this.getExtension(ct, this.customLink)), this.mentionSuggestion) {
+        const r = { ...this.mentionSuggestion, ...Mt };
+        t.push(_t.configure({ suggestion: r }));
       }
       if (this.channelSuggestion) {
-        const n = { ...this.channelSuggestion, ...qt };
-        t.push(xt.configure({ suggestion: n }));
+        const r = { ...this.channelSuggestion, ...Ut };
+        t.push(Ct.configure({ suggestion: r }));
       }
       if (this.slashCommandSuggestion) {
-        const n = { ...this.slashCommandSuggestion, ...Wt };
-        t.push($t.configure({ suggestion: n }));
+        const r = { ...this.slashCommandSuggestion, ...Xt };
+        t.push($t.configure({ suggestion: r }));
       }
-      return t.push(et), t.push(ue.configure({
+      return t.push(tt), t.push(ue.configure({
         types: ["paragraph"]
       })), this.allowCode && t.push(Q), this.allowCodeblock && t.push(G.extend({
-        renderText({ node: n }) {
+        renderText({ node: r }) {
           return `\`\`\`
-${n.textContent}
+${r.textContent}
 \`\`\``;
         }
       }).configure({
         HTMLAttributes: {
           class: "d-rich-text-editor__code-block"
         }
-      })), this.allowInlineImages && t.push(ct), (this.allowFontFamily || this.allowFontColor) && (t.push(he), this.allowFontColor && t.push(fe), this.allowFontFamily && t.push(pe)), this.additionalExtensions.length && t.push(...this.additionalExtensions), t;
+      })), this.allowInlineImages && t.push(dt), (this.allowFontFamily || this.allowFontColor) && (t.push(he), this.allowFontColor && t.push(fe), this.allowFontFamily && t.push(pe)), this.additionalExtensions.length && t.push(...this.additionalExtensions), t;
     },
     inputAttrs() {
       const t = {
@@ -1424,7 +1434,7 @@ ${n.textContent}
     this.destroyEditor();
   },
   mounted() {
-    Se(this.$el, this.$options.name), this.processValue(this.value, !1);
+    Te(this.$el, this.$options.name), this.processValue(this.value, !1);
   },
   methods: {
     createEditor() {
@@ -1433,33 +1443,33 @@ ${n.textContent}
         content: this.value,
         editable: this.editable,
         extensions: this.extensions,
+        parseOptions: {
+          preserveWhitespace: "full"
+        },
         editorProps: {
           attributes: {
             ...this.inputAttrs,
             class: this.inputClass
           },
-          handlePaste: (t, e) => {
-            if (!this.link && !this.customLink) {
-              const r = /^https?:\/\//;
-              if (!(e != null && e.clipboardData))
-                return !1;
-              const n = e.clipboardData.getData("text");
-              if (!r.test(n) || !e.clipboardData.getData("text/html"))
-                return !1;
-              const i = n.replace(/\n/g, "<br>").replace(/ {2}/g, "&nbsp;&nbsp;");
-              return this.editor.chain().focus().insertContent(i).run(), !0;
+          handlePaste: (t, e, n) => {
+            if (!this.pasteRichText) {
+              const i = (e.clipboardData || window.clipboardData).getData("text/plain");
+              if (i) {
+                const { tr: o } = t.state, { from: s, to: a } = t.state.selection;
+                return o.insertText(i, s, a), t.dispatch(o), !0;
+              }
             }
             return !1;
           },
           // 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");
+            return t.replace(/<br\s*\/?>/gi, "<br />").replace(/(<\/(?:p|div)>)\s*\n/gi, "$1<br />").replace(/\n(?=\S)/g, "<br />").replace(/(<\/\w+>)((<br \/>)+)/g, "$2$3$1");
           }
         }
       }), this.addEditorListeners();
     },
-    bubbleMenuShouldShow({ editor: t, view: e, state: r, oldState: n, from: i, to: o }) {
+    bubbleMenuShouldShow({ editor: t, view: e, state: n, oldState: r, from: i, to: o }) {
       return t.isActive("link");
     },
     /**
@@ -1469,7 +1479,7 @@ ${n.textContent}
      */
     getSelectedLinkText(t) {
       var a, l, d;
-      const { view: e, state: r } = t, { from: n, to: i } = e.state.selection, o = r.doc.textBetween(n, i, ""), s = this.editor.state.doc.nodeAt(n);
+      const { view: e, state: n } = t, { from: r, to: i } = e.state.selection, o = n.doc.textBetween(r, i, ""), s = this.editor.state.doc.nodeAt(r);
       return s && ((d = (l = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : l.type) == null ? void 0 : d.name) === "link" ? s.textContent : o;
     },
     editLink() {
@@ -1480,33 +1490,33 @@ ${n.textContent}
       this.$emit("edit-link", e);
     },
     removeLink() {
-      var t, e, r, n;
-      (n = (r = (e = (t = this.editor) == null ? void 0 : t.chain()) == null ? void 0 : e.focus()) == null ? void 0 : r.unsetLink()) == null || n.run();
+      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();
     },
     openLink() {
-      var e, r;
-      (r = (e = this.editor) == null ? void 0 : e.chain()) == null || r.focus();
+      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");
     },
     // eslint-disable-next-line complexity
-    setLink(t, e, r, n = L, i) {
+    setLink(t, e, n, r = $, i) {
       var a, l, d;
       if (!t) {
         this.removeLink();
         return;
       }
-      n.find((u) => u.test(t)) || (t = `${i}${t}`), this.editor.chain().focus().extendMarkRange("link").run();
+      r.find((u) => u.test(t)) || (t = `${i}${t}`), this.editor.chain().focus().extendMarkRange("link").run();
       const s = (d = (l = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : l.state) == null ? void 0 : d.selection;
-      this.editor.chain().focus().insertContent(e).setTextSelection({ from: s.from, to: s.from + e.length }).setLink({ href: t, class: r.class }).run();
+      this.editor.chain().focus().insertContent(e).setTextSelection({ from: s.from, to: s.from + e.length }).setLink({ href: t, class: n.class }).run();
     },
     // eslint-disable-next-line complexity
     processValue(t, e = !0) {
-      const r = this.getOutput();
-      if (!(e && Ae(t, r))) {
+      const n = this.getOutput();
+      if (!(e && Oe(t, n))) {
         if (typeof t == "string" && this.outputFormat === "text") {
-          const n = new RegExp(`(${M})`, "g");
-          t = t == null ? void 0 : t.replace(n, '<emoji-component code="$1"></emoji-component>');
+          const r = new RegExp(`(${D})`, "g");
+          t = t == null ? void 0 : t.replace(r, '<emoji-component code="$1"></emoji-component>');
         }
         this.editor.commands.setContent(t, !1);
       }
@@ -1519,11 +1529,11 @@ ${n.textContent}
       this.$emit("input", t), this.$emit("update:value", t);
       const e = this.editor.getJSON();
       this.$emit("json-input", e);
-      const r = this.editor.getHTML();
-      this.$emit("html-input", r);
-      const n = this.editor.getText({ blockSeparator: `
+      const n = this.editor.getHTML();
+      this.$emit("html-input", n);
+      const r = this.editor.getText({ blockSeparator: `
 ` });
-      this.$emit("text-input", n);
+      this.$emit("text-input", r);
     },
     /**
      * The Editor exposes event hooks that we have to map our emits into. See
@@ -1560,8 +1570,8 @@ ${n.textContent}
       }
     },
     getExtension(t, e) {
-      var r;
-      return typeof e == "boolean" ? t : (r = t.configure) == null ? void 0 : r.call(t, e);
+      var n;
+      return typeof e == "boolean" ? t : (n = t.configure) == null ? void 0 : n.call(t, e);
     },
     updateEditorAttributes(t) {
       this.editor.setOptions({
@@ -1579,15 +1589,15 @@ ${n.textContent}
     }
   }
 };
-var Jt = function() {
-  var e = this, r = e._self._c;
-  return r("div", [e.editor && e.link && !e.hideLinkBubbleMenu ? r("bubble-menu", { staticStyle: { visibility: "visible" }, attrs: { editor: e.editor, "should-show": e.bubbleMenuShouldShow, "tippy-options": e.tippyOptions } }, [r("div", { staticClass: "d-popover__dialog" }, [r("dt-stack", { staticClass: "d-rich-text-editor-bubble-menu__button-stack", attrs: { direction: "row", gap: "0" } }, [r("dt-button", { attrs: { kind: "muted", importance: "clear" }, on: { click: e.editLink } }, [e._v(" Edit ")]), r("dt-button", { attrs: { kind: "muted", importance: "clear" }, on: { click: e.openLink } }, [e._v(" Open link ")]), r("dt-button", { attrs: { kind: "danger", importance: "clear" }, on: { click: e.removeLink } }, [e._v(" Remove ")])], 1)], 1)]) : e._e(), r("editor-content", e._g({ ref: "editor", staticClass: "d-rich-text-editor", attrs: { editor: e.editor, "data-qa": "dt-rich-text-editor" } }, e.editorListeners))], 1);
-}, Yt = [], Gt = /* @__PURE__ */ c(
-  Xt,
+var Yt = 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);
+}, Gt = [], Qt = /* @__PURE__ */ c(
   Jt,
-  Yt
+  Yt,
+  Gt
 );
-const Kn = Gt.exports;
+const Kn = Qt.exports;
 export {
   Kn as default
 };