@dialpad/dialtone 9.126.5 → 9.127.0

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

@@ -1,11 +1,11 @@
-import { NodeViewWrapper as L, nodeViewProps as v, VueRenderer as R, VueNodeViewRenderer as $, EditorContent as G, BubbleMenu as Q, Editor as Z } from "../../node_modules/@tiptap/vue-3.js";
-import { Node as ee, mergeAttributes as b, InputRule as te, nodePasteRule as D, getMarksBetween as ne, combineTransactionSteps as oe, getChangedRanges as re, findChildrenInRange as ie, Mark as se, nodeInputRule as ae, Extension as le } from "@tiptap/core";
+import { NodeViewWrapper as L, nodeViewProps as R, VueRenderer as v, VueNodeViewRenderer as I, EditorContent as G, BubbleMenu as Q, Editor as Z } from "../../node_modules/@tiptap/vue-3.js";
+import { Node as ee, mergeAttributes as b, InputRule as te, nodePasteRule as P, getMarksBetween as ne, combineTransactionSteps as oe, getChangedRanges as re, findChildrenInRange as ie, Mark as se, nodeInputRule as ae, Extension as le } from "@tiptap/core";
 import ce from "@tiptap/extension-blockquote";
 import de from "@tiptap/extension-code-block";
 import ue from "@tiptap/extension-code";
 import me from "@tiptap/extension-document";
 import he from "@tiptap/extension-hard-break";
-import U from "@tiptap/extension-paragraph";
+import q from "@tiptap/extension-paragraph";
 import fe from "@tiptap/extension-placeholder";
 import pe from "@tiptap/extension-bold";
 import ge from "@tiptap/extension-bullet-list";
@@ -20,42 +20,43 @@ import Te from "@tiptap/extension-text-align";
 import Ee from "@tiptap/extension-history";
 import Se from "@tiptap/extension-text-style";
 import Le from "@tiptap/extension-color";
-import ve from "@tiptap/extension-font-family";
-import { PluginKey as T, Plugin as Re } from "@tiptap/pm/state";
-import $e from "@tiptap/suggestion";
+import Re from "@tiptap/extension-font-family";
+import { PluginKey as T, Plugin as ve } from "@tiptap/pm/state";
+import Ie from "@tiptap/suggestion";
 import { emojiPattern as W } from "regex-combined-emojis";
-import { resolveComponent as d, openBlock as l, createBlock as m, withCtx as u, createVNode as f, createElementBlock as _, withDirectives as Me, createElementVNode as w, Fragment as Oe, renderList as Ie, normalizeClass as z, withModifiers as Pe, resolveDynamicComponent as Be, vShow as Ae, createTextVNode as k, toDisplayString as p, markRaw as M, createCommentVNode as x, mergeProps as De } from "vue";
+import { resolveComponent as d, openBlock as l, createBlock as h, withCtx as u, createVNode as p, createElementBlock as _, withDirectives as Oe, createElementVNode as w, Fragment as Be, renderList as Me, normalizeClass as z, withModifiers as $e, resolveDynamicComponent as Ae, vShow as De, createTextVNode as k, toDisplayString as m, markRaw as O, createCommentVNode as x, mergeProps as Pe } from "vue";
 import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import X from "../emoji/emoji.js";
 import { stringToUnicode as je, codeToEmojiData as H, emojiRegex as He, emojiShortCodeRegex as Ne } from "../../common/emoji/index.js";
 import { emojisIndexed as Fe } from "@dialpad/dialtone-emojis";
-import Ve from "../list-item/list-item.js";
-import O from "../stack/stack.js";
-import I from "tippy.js";
-import { linkRegex as qe, getPhoneNumberRegex as Ke, returnFirstEl as F, warnIfUnmounted as Ue } from "../../common/utils/index.js";
+import Ke from "../list-item/list-item.js";
+import B from "../stack/stack.js";
+import M from "tippy.js";
+import { linkRegex as Ve, getPhoneNumberRegex as Ue, returnFirstEl as F, warnIfUnmounted as qe } from "../../common/utils/index.js";
 import We from "@tiptap/extension-image";
 import N from "@tiptap/extension-mention";
 import J from "../link/link.js";
-import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as ze, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Xe, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as V } from "./rich-text-editor-constants.js";
+import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as ze, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Xe, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as K } from "./rich-text-editor-constants.js";
 import Je from "../avatar/avatar.js";
 import Ye from "@dialpad/dialtone-icons/vue3/hash";
 import Ge from "@dialpad/dialtone-icons/vue3/lock";
 import Qe from "deep-equal";
-import Ze from "../button/button.js";
-const et = {
+import { DialtoneLocalization as Ze } from "../../localization/index.js";
+import et from "../button/button.js";
+const tt = {
   compatConfig: { MODE: 3 },
   name: "EmojiComponent",
   components: {
     NodeViewWrapper: L,
     DtEmoji: X
   },
-  props: v
+  props: R
 };
-function tt(e, t, o, n, r, i) {
+function nt(e, t, o, n, r, i) {
   const s = d("dt-emoji"), a = d("node-view-wrapper");
-  return l(), m(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
+  return l(), h(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
     default: u(() => [
-      f(s, {
+      p(s, {
         size: "500",
         code: e.node.attrs.code
       }, null, 8, ["code"])
@@ -63,11 +64,11 @@ function tt(e, t, o, n, r, i) {
     _: 1
   });
 }
-const nt = /* @__PURE__ */ g(et, [["render", tt]]), ot = {
+const ot = /* @__PURE__ */ g(tt, [["render", nt]]), rt = {
   compatConfig: { MODE: 3 },
   name: "SuggestionList",
   components: {
-    DtListItem: Ve
+    DtListItem: Ke
   },
   props: {
     items: {
@@ -136,40 +137,40 @@ const nt = /* @__PURE__ */ g(et, [["render", tt]]), ot = {
       }
     }
   }
-}, rt = { class: "d-popover__dialog d-suggestion-list__container" }, it = {
+}, it = { class: "d-popover__dialog d-suggestion-list__container" }, st = {
   ref: "suggestionList",
   class: "d-suggestion-list"
 };
-function st(e, t, o, n, r, i) {
+function at(e, t, o, n, r, i) {
   const s = d("dt-list-item");
-  return l(), _("div", rt, [
-    Me(w("ul", it, [
-      (l(!0), _(Oe, null, Ie(o.items, (a, c) => (l(), m(s, {
+  return l(), _("div", it, [
+    Oe(w("ul", st, [
+      (l(!0), _(Be, null, Me(o.items, (a, c) => (l(), h(s, {
         key: a.id,
         class: z([
           "d-suggestion-list__item",
           { "d-list-item--highlighted": c === r.selectedIndex }
         ]),
         "navigation-type": "arrow-keys",
-        onClick: (h) => i.selectItem(c),
-        onKeydown: Pe(i.onKeyDown, ["prevent"])
+        onClick: (f) => i.selectItem(c),
+        onKeydown: $e(i.onKeyDown, ["prevent"])
       }, {
         default: u(() => [
-          (l(), m(Be(o.itemComponent), { item: a }, null, 8, ["item"]))
+          (l(), h(Ae(o.itemComponent), { item: a }, null, 8, ["item"]))
         ]),
         _: 2
       }, 1032, ["class", "onClick", "onKeydown"]))), 128))
     ], 512), [
-      [Ae, o.items.length]
+      [De, o.items.length]
     ])
   ]);
 }
-const P = /* @__PURE__ */ g(ot, [["render", st]]), at = {
+const $ = /* @__PURE__ */ g(rt, [["render", at]]), lt = {
   compatConfig: { MODE: 3 },
   name: "EmojiSuggestion",
   components: {
     DtEmoji: X,
-    DtStack: O
+    DtStack: B
   },
   props: {
     item: {
@@ -178,23 +179,23 @@ const P = /* @__PURE__ */ g(ot, [["render", st]]), at = {
     }
   }
 };
-function lt(e, t, o, n, r, i) {
+function ct(e, t, o, n, r, i) {
   const s = d("dt-emoji"), a = d("dt-stack");
-  return l(), m(a, {
+  return l(), h(a, {
     direction: "row",
     gap: "400"
   }, {
     default: u(() => [
-      f(s, {
+      p(s, {
         size: "200",
         code: o.item.code
       }, null, 8, ["code"]),
-      k(" " + p(o.item.code), 1)
+      k(" " + m(o.item.code), 1)
     ]),
     _: 1
   });
 }
-const ct = /* @__PURE__ */ g(at, [["render", lt]]), B = {
+const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
   name: "hideOnEsc",
   defaultValue: !0,
   fn({ hide: e }) {
@@ -210,7 +211,7 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), B = {
       }
     };
   }
-}, dt = 20, ut = {
+}, ut = 20, mt = {
   items: ({ query: e }) => {
     if (e.length < 2)
       return [];
@@ -221,7 +222,7 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), B = {
         n.shortname.replaceAll(":", ""),
         ...n.keywords
       ].some((r) => r.startsWith(e))
-    ).splice(0, dt).map((n) => ({ code: n.shortname }));
+    ).splice(0, ut).map((n) => ({ code: n.shortname }));
   },
   command: ({ editor: e, range: t, props: o }) => {
     var i, s;
@@ -237,14 +238,14 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), B = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new R(P, {
+        e = new v($, {
           props: {
-            itemComponent: M(ct),
+            itemComponent: O(dt),
             itemType: "emoji",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = I("body", {
+        }), n.clientRect && (t = M("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -259,7 +260,7 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), B = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [B]
+          plugins: [A]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -277,14 +278,14 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), B = {
       }
     };
   }
-}, mt = /(:\w+:)$/, ht = new RegExp(W + "$"), ft = (e) => {
+}, ht = /(:\w+:)$/, ft = new RegExp(W + "$"), pt = (e) => {
   if (e && H(e[0]))
     return { text: e[2] || e[0] };
-}, pt = (e) => [...e.matchAll(Ne)].filter((o) => H(o[0])).map((o) => ({
+}, gt = (e) => [...e.matchAll(Ne)].filter((o) => H(o[0])).map((o) => ({
   index: o.index,
   text: o[0],
   match: o
-})), gt = ee.create({
+})), _t = ee.create({
   name: "emoji",
   addOptions() {
     return {
@@ -296,7 +297,7 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), B = {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return $(nt);
+    return I(ot);
   },
   addAttributes() {
     return {
@@ -322,9 +323,9 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), B = {
     return [
       new te({
         find: (e) => {
-          const t = e.match(mt) || e.match(ht);
+          const t = e.match(ht) || e.match(ft);
           if (t)
-            return ft(t);
+            return pt(t);
         },
         handler: ({ state: e, range: t, match: o, commands: n, chain: r, can: i }) => {
           const { tr: s } = e, a = t.from, c = t.to;
@@ -335,8 +336,8 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), B = {
   },
   addPasteRules() {
     return [
-      D({
-        find: pt,
+      P({
+        find: gt,
         type: this.type,
         getAttributes(e) {
           return {
@@ -344,7 +345,7 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), B = {
           };
         }
       }),
-      D({
+      P({
         find: He,
         type: this.type,
         getAttributes(e) {
@@ -357,12 +358,12 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), B = {
   },
   addProseMirrorPlugins() {
     return [
-      $e({
+      Ie({
         char: ":",
         pluginKey: new T("emoji"),
         editor: this.editor,
         ...this.options.suggestion,
-        ...ut
+        ...mt
       })
     ];
   },
@@ -379,7 +380,7 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), B = {
     };
   }
 });
-function _t(e, t, o = () => !0) {
+function yt(e, t, o = () => !0) {
   const n = [];
   t.lastIndex = 0;
   let r;
@@ -387,10 +388,10 @@ function _t(e, t, o = () => !0) {
     o(e, r) && n.push(r);
   return n;
 }
-function yt(e, t) {
+function wt(e, t) {
   return !["#", "@"].includes(e.charAt(t.index)) && !["#", "@"].includes(e.charAt(t.index - 1));
 }
-function wt(e) {
+function kt(e) {
   const t = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
@@ -400,7 +401,7 @@ function wt(e) {
   );
   return e.replace(t, "");
 }
-function kt(e, t) {
+function xt(e, t) {
   const o = e.slice(0, t + 1).search(/\S+\s*$/), n = e.slice(t).search(/\s/);
   if (n < 0) {
     const r = e.slice(o);
@@ -417,19 +418,19 @@ function kt(e, t) {
   };
 }
 function j(e, t, o, n) {
-  const r = kt(e, t);
+  const r = xt(e, t);
   if (n.lastIndex = 0, !n.test(r.text))
     return r;
   const i = o === "left" ? r.from - 1 : r.to + 1;
   return i <= 0 || i >= e.length || i === t ? r : j(e, i, o, n);
 }
-function xt(e, t, o, n) {
+function bt(e, t, o, n) {
   const r = Math.max(e.from - 1, 0), i = Math.min(e.to + 1, t.content.size), s = ne(r, i, t);
   for (const a of s)
     a.mark.type === n && o.removeMark(a.from, a.to, n);
 }
-const q = Ke(1, 15);
-function K(e, t, o, n, r, i) {
+const V = Ue(1, 15);
+function U(e, t, o, n, r, i) {
   if (!e)
     return;
   let s = o - t - 1;
@@ -438,39 +439,39 @@ function K(e, t, o, n, r, i) {
     e,
     s,
     "left",
-    q
-  ), h = j(
+    V
+  ), f = j(
     e,
     a,
     "right",
-    q
-  ), y = e.slice(c.from, h.to);
-  _t(y, qe, yt).forEach((A) => {
-    const C = wt(A[0]), S = t + c.from + A.index + 1, Y = S + C.length;
+    V
+  ), y = e.slice(c.from, f.to);
+  yt(y, Ve, wt).forEach((D) => {
+    const C = kt(D[0]), S = t + c.from + D.index + 1, Y = S + C.length;
     r.addMark(S, Y, i.create());
   });
 }
-function bt(e) {
+function Ct(e) {
   let t = !1;
-  return new Re({
+  return new ve({
     key: new T("autolink"),
     appendTransaction: (o, n, r) => {
       const i = o.some((y) => y.docChanged) && !n.doc.eq(r.doc);
       if (t && !i)
         return;
       const { tr: s } = r, { textContent: a } = r.doc;
-      t || K(a, 0, 0, a.length, s, e.type), t = !0;
+      t || U(a, 0, 0, a.length, s, e.type), t = !0;
       const c = oe(
         n.doc,
         [...o]
       );
       return re(c).forEach(({ oldRange: y, newRange: E }) => {
-        xt(E, r.doc, s, e.type), ie(
+        bt(E, r.doc, s, e.type), ie(
           r.doc,
           E,
           (C) => C.isTextblock
         ).forEach(({ node: C, pos: S }) => {
-          K(
+          U(
             C.textContent,
             S,
             y.from,
@@ -483,10 +484,10 @@ function bt(e) {
     }
   });
 }
-const Ct = {
+const Tt = {
   class: "d-link d-c-text d-d-inline-block d-wb-break-all",
   rel: "noopener noreferrer nofollow"
-}, Tt = se.create({
+}, Et = se.create({
   name: "CustomLink",
   renderHTML({ HTMLAttributes: e }) {
     return [
@@ -494,7 +495,7 @@ const Ct = {
       b(
         this.options.HTMLAttributes,
         e,
-        Ct
+        Tt
       )
     ];
   },
@@ -503,10 +504,10 @@ const Ct = {
   },
   addProseMirrorPlugins() {
     return [
-      bt({ type: this.type })
+      Ct({ type: this.type })
     ];
   }
-}), Et = We.extend({
+}), St = We.extend({
   name: "ConfigurableImage",
   addAttributes() {
     return {
@@ -530,21 +531,21 @@ const Ct = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), St = U.extend({
+}).configure({ inline: !0, allowBase64: !0 }), Lt = q.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["div", b(this.options.HTMLAttributes, e), 0];
   }
-}), Lt = {
+}), Rt = {
   compatConfig: { MODE: 3 },
   name: "MentionComponent",
   components: {
     NodeViewWrapper: L,
     DtLink: J
   },
-  props: v,
+  props: R,
   computed: {
     text() {
       return "@" + this.$props.node.attrs.name;
@@ -553,11 +554,11 @@ const Ct = {
 };
 function vt(e, t, o, n, r, i) {
   const s = d("dt-link"), a = d("node-view-wrapper");
-  return l(), m(a, { class: "d-d-inline-block" }, {
+  return l(), h(a, { class: "d-d-inline-block" }, {
     default: u(() => [
-      f(s, { kind: "mention" }, {
+      p(s, { kind: "mention" }, {
         default: u(() => [
-          k(p(i.text), 1)
+          k(m(i.text), 1)
         ]),
         _: 1
       })
@@ -565,9 +566,9 @@ function vt(e, t, o, n, r, i) {
     _: 1
   });
 }
-const Rt = /* @__PURE__ */ g(Lt, [["render", vt]]), $t = N.extend({
+const It = /* @__PURE__ */ g(Rt, [["render", vt]]), Ot = N.extend({
   addNodeView() {
-    return $(Rt);
+    return I(It);
   },
   parseHTML() {
     return [
@@ -600,27 +601,27 @@ const Rt = /* @__PURE__ */ g(Lt, [["render", vt]]), $t = N.extend({
     char: "@",
     pluginKey: new T("mentionSuggestion")
   }
-}), Mt = {
+}), Bt = {
   compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
     NodeViewWrapper: L,
     DtLink: J
   },
-  props: v,
+  props: R,
   computed: {
     text() {
       return "#" + this.$props.node.attrs.name;
     }
   }
 };
-function Ot(e, t, o, n, r, i) {
+function Mt(e, t, o, n, r, i) {
   const s = d("dt-link"), a = d("node-view-wrapper");
-  return l(), m(a, { class: "d-d-inline-block" }, {
+  return l(), h(a, { class: "d-d-inline-block" }, {
     default: u(() => [
-      f(s, { kind: "mention" }, {
+      p(s, { kind: "mention" }, {
         default: u(() => [
-          k(p(i.text), 1)
+          k(m(i.text), 1)
         ]),
         _: 1
       })
@@ -628,10 +629,10 @@ function Ot(e, t, o, n, r, i) {
     _: 1
   });
 }
-const It = /* @__PURE__ */ g(Mt, [["render", Ot]]), Pt = N.extend({
+const $t = /* @__PURE__ */ g(Bt, [["render", Mt]]), At = N.extend({
   name: "channel",
   addNodeView() {
-    return $(It);
+    return I($t);
   },
   parseHTML() {
     return [
@@ -664,14 +665,14 @@ const It = /* @__PURE__ */ g(Mt, [["render", Ot]]), Pt = N.extend({
     char: "#",
     pluginKey: new T("channelSuggestion")
   }
-}), Bt = {
+}), Dt = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandsComponent",
   components: {
     NodeViewWrapper: L
   },
   props: {
-    ...v
+    ...R
   },
   emits: ["selected-command"],
   computed: {
@@ -687,23 +688,23 @@ const It = /* @__PURE__ */ g(Mt, [["render", Ot]]), Pt = N.extend({
     t && typeof t == "function" && t(e);
   }
 };
-function At(e, t, o, n, r, i) {
+function Pt(e, t, o, n, r, i) {
   const s = d("node-view-wrapper");
-  return l(), m(s, { class: "d-d-inline-block" }, {
+  return l(), h(s, { class: "d-d-inline-block" }, {
     default: u(() => [
-      k(p(i.text), 1)
+      k(m(i.text), 1)
     ]),
     _: 1
   });
 }
-const Dt = /* @__PURE__ */ g(Bt, [["render", At]]), jt = (e, t) => [...e.matchAll(t)].map((n) => {
+const jt = /* @__PURE__ */ g(Dt, [["render", Pt]]), Ht = (e, t) => [...e.matchAll(t)].map((n) => {
   let r = n[2];
   return r.endsWith(" ") || (r += " "), {
     index: n.index,
     text: r,
     match: n
   };
-}), Ht = N.extend({
+}), Nt = N.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
@@ -720,7 +721,7 @@ const Dt = /* @__PURE__ */ g(Bt, [["render", At]]), jt = (e, t) => [...e.matchAl
     };
   },
   addNodeView() {
-    return $(Dt);
+    return I(jt);
   },
   parseHTML() {
     return [
@@ -765,8 +766,8 @@ const Dt = /* @__PURE__ */ g(Bt, [["render", At]]), jt = (e, t) => [...e.matchAl
     var o;
     const e = (o = this.options.suggestion) == null ? void 0 : o.items({ query: "" }).map((n) => n.command), t = new RegExp(`^((?:\\/)(${e.join("|")})) ?$`, "g");
     return [
-      D({
-        find: (n) => jt(n, t),
+      P({
+        find: (n) => Ht(n, t),
         type: this.type,
         getAttributes(n) {
           return { command: n[0].trim() };
@@ -779,12 +780,12 @@ const Dt = /* @__PURE__ */ g(Bt, [["render", At]]), jt = (e, t) => [...e.matchAl
     char: "/",
     pluginKey: new T("slashCommandSuggestion")
   }
-}), Nt = {
+}), Ft = {
   compatConfig: { MODE: 3 },
   name: "MentionSuggestion",
   components: {
     DtAvatar: Je,
-    DtStack: O
+    DtStack: B
   },
   props: {
     item: {
@@ -820,22 +821,22 @@ const Dt = /* @__PURE__ */ g(Bt, [["render", At]]), jt = (e, t) => [...e.matchAl
       return this.item.showDetails;
     }
   }
-}, Ft = { class: "d-mention-suggestion__name" }, Vt = {
+}, Kt = { class: "d-mention-suggestion__name" }, Vt = {
   key: 1,
   class: "d-mention-suggestion__divider"
-}, qt = {
+}, Ut = {
   key: 2,
   class: "d-mention-suggestion__status"
 };
-function Kt(e, t, o, n, r, i) {
+function qt(e, t, o, n, r, i) {
   const s = d("dt-avatar"), a = d("dt-stack");
-  return l(), m(a, {
+  return l(), h(a, {
     direction: "row",
     class: "d-mention-suggestion__container",
     gap: "400"
   }, {
     default: u(() => [
-      f(s, {
+      p(s, {
         "full-name": i.name,
         "image-src": i.avatarSrc,
         "image-alt": i.name,
@@ -843,13 +844,13 @@ function Kt(e, t, o, n, r, i) {
         presence: i.presence,
         size: "sm"
       }, null, 8, ["full-name", "image-src", "image-alt", "show-presence", "presence"]),
-      f(a, {
+      p(a, {
         class: "d-mention-suggestion__details-container",
         gap: "100"
       }, {
         default: u(() => [
-          w("span", Ft, p(i.name), 1),
-          i.showDetails ? (l(), m(a, {
+          w("span", Kt, m(i.name), 1),
+          i.showDetails ? (l(), h(a, {
             key: 0,
             direction: "row",
             gap: "300",
@@ -859,9 +860,9 @@ function Kt(e, t, o, n, r, i) {
               i.presenceText ? (l(), _("span", {
                 key: 0,
                 class: z(["d-mention-suggestion__presence", [i.presenceFontColorClass]])
-              }, p(i.presenceText), 3)) : x("", !0),
+              }, m(i.presenceText), 3)) : x("", !0),
               i.status && i.presenceText ? (l(), _("div", Vt, " • ")) : x("", !0),
-              i.status ? (l(), _("div", qt, p(i.status), 1)) : x("", !0)
+              i.status ? (l(), _("div", Ut, m(i.status), 1)) : x("", !0)
             ]),
             _: 1
           })) : x("", !0)
@@ -872,7 +873,7 @@ function Kt(e, t, o, n, r, i) {
     _: 1
   });
 }
-const Ut = /* @__PURE__ */ g(Nt, [["render", Kt]]), Wt = {
+const Wt = /* @__PURE__ */ g(Ft, [["render", qt]]), zt = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
@@ -881,14 +882,14 @@ const Ut = /* @__PURE__ */ g(Nt, [["render", Kt]]), Wt = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new R(P, {
+        e = new v($, {
           props: {
-            itemComponent: M(Ut),
+            itemComponent: O(Wt),
             itemType: "mention",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = I("body", {
+        }), n.clientRect && (t = M("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -903,7 +904,7 @@ const Ut = /* @__PURE__ */ g(Nt, [["render", Kt]]), Wt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [B]
+          plugins: [A]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -921,11 +922,11 @@ const Ut = /* @__PURE__ */ g(Nt, [["render", Kt]]), Wt = {
       }
     };
   }
-}, zt = {
+}, Xt = {
   compatConfig: { MODE: 3 },
   name: "ChannelSuggestion",
   components: {
-    DtStack: O,
+    DtStack: B,
     DtIconHash: Ye,
     DtIconLock: Ge
   },
@@ -941,26 +942,26 @@ const Ut = /* @__PURE__ */ g(Nt, [["render", Kt]]), Wt = {
     }
   }
 };
-function Xt(e, t, o, n, r, i) {
+function Jt(e, t, o, n, r, i) {
   const s = d("dt-icon-hash"), a = d("dt-icon-lock"), c = d("dt-stack");
-  return l(), m(c, {
+  return l(), h(c, {
     direction: "row",
     gap: "400"
   }, {
     default: u(() => [
-      o.item.locked ? (l(), m(a, {
+      o.item.locked ? (l(), h(a, {
         key: 1,
         size: "300"
-      })) : (l(), m(s, {
+      })) : (l(), h(s, {
         key: 0,
         size: "300"
       })),
-      w("span", null, p(i.name), 1)
+      w("span", null, m(i.name), 1)
     ]),
     _: 1
   });
 }
-const Jt = /* @__PURE__ */ g(zt, [["render", Xt]]), Yt = {
+const Yt = /* @__PURE__ */ g(Xt, [["render", Jt]]), Gt = {
   // 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 [] },
@@ -969,14 +970,14 @@ const Jt = /* @__PURE__ */ g(zt, [["render", Xt]]), Yt = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new R(P, {
+        e = new v($, {
           props: {
-            itemComponent: M(Jt),
+            itemComponent: O(Yt),
             itemType: "channel",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = I("body", {
+        }), n.clientRect && (t = M("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -991,7 +992,7 @@ const Jt = /* @__PURE__ */ g(zt, [["render", Xt]]), Yt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [B]
+          plugins: [A]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -1009,7 +1010,7 @@ const Jt = /* @__PURE__ */ g(zt, [["render", Xt]]), Yt = {
       }
     };
   }
-}, Gt = {
+}, Qt = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandSuggestion",
   props: {
@@ -1029,17 +1030,17 @@ const Jt = /* @__PURE__ */ g(zt, [["render", Xt]]), Yt = {
       return this.item.parametersExample;
     }
   }
-}, Qt = { class: "d-body--md-compact" }, Zt = { key: 0 }, en = { class: "d-body--sm d-fc-tertiary" };
-function tn(e, t, o, n, r, i) {
+}, Zt = { class: "d-body--md-compact" }, en = { key: 0 }, tn = { class: "d-body--sm d-fc-tertiary" };
+function nn(e, t, o, n, r, i) {
   return l(), _("div", null, [
-    w("div", Qt, [
-      w("span", null, "/" + p(i.command), 1),
-      i.parametersExample ? (l(), _("span", Zt, p(i.parametersExample), 1)) : x("", !0)
+    w("div", Zt, [
+      w("span", null, "/" + m(i.command), 1),
+      i.parametersExample ? (l(), _("span", en, m(i.parametersExample), 1)) : x("", !0)
     ]),
-    w("div", en, p(i.description), 1)
+    w("div", tn, m(i.description), 1)
   ]);
 }
-const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
+const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
   // 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 [] },
@@ -1049,15 +1050,15 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new R(P, {
+        e = new v($, {
           parent: void 0,
           props: {
-            itemComponent: M(nn),
+            itemComponent: O(on),
             itemType: "slash-command",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = I("body", {
+        }), n.clientRect && (t = M("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -1072,7 +1073,7 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [B]
+          plugins: [A]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -1090,14 +1091,14 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
       }
     };
   }
-}, rn = {
+}, sn = {
   compatConfig: { MODE: 3 },
   name: "DtRichTextEditor",
   components: {
     EditorContent: G,
     BubbleMenu: Q,
-    DtButton: Ze,
-    DtStack: O
+    DtButton: et,
+    DtStack: B
   },
   props: {
     /**
@@ -1444,7 +1445,8 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
           return (e = F(this.$refs.editor.$el).getRootNode()) == null ? void 0 : e.querySelector("body");
         },
         placement: "top-start"
-      }
+      },
+      i18n: new Ze()
     };
   },
   computed: {
@@ -1462,7 +1464,7 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
     // eslint-disable-next-line complexity
     extensions() {
       const e = [me, Ce, Ee, he];
-      e.push(this.useDivTags ? St : U), this.allowBlockquote && e.push(ce), this.allowBold && e.push(pe), this.allowBulletList && (e.push(ge), e.push(we.extend({
+      e.push(this.useDivTags ? Lt : q), this.allowBlockquote && e.push(ce), this.allowBold && e.push(pe), this.allowBulletList && (e.push(ge), e.push(we.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
@@ -1489,25 +1491,25 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
         },
         openOnClick: !1,
         autolink: !0,
-        protocols: V
-      })), this.customLink && e.push(this.getExtension(Tt, this.customLink)), this.mentionSuggestion) {
-        const n = { ...this.mentionSuggestion, ...Wt };
-        e.push($t.configure({ suggestion: n }));
+        protocols: K
+      })), this.customLink && e.push(this.getExtension(Et, this.customLink)), this.mentionSuggestion) {
+        const n = { ...this.mentionSuggestion, ...zt };
+        e.push(Ot.configure({ suggestion: n }));
       }
       if (this.channelSuggestion) {
-        const n = { ...this.channelSuggestion, ...Yt };
-        e.push(Pt.configure({ suggestion: n }));
+        const n = { ...this.channelSuggestion, ...Gt };
+        e.push(At.configure({ suggestion: n }));
       }
       if (this.slashCommandSuggestion) {
-        const n = { ...this.slashCommandSuggestion, ...on };
-        e.push(Ht.configure({
+        const n = { ...this.slashCommandSuggestion, ...rn };
+        e.push(Nt.configure({
           suggestion: n,
           onSelectedCommand: (r) => {
             this.$emit("selected-command", r);
           }
         }));
       }
-      return e.push(gt), e.push(Te.configure({
+      return e.push(_t), e.push(Te.configure({
         types: ["paragraph"]
       })), this.allowCode && e.push(ue), this.allowCodeblock && e.push(de.extend({
         renderText({ node: n }) {
@@ -1519,7 +1521,7 @@ ${n.textContent}
         HTMLAttributes: {
           class: "d-rich-text-editor__code-block"
         }
-      })), this.allowInlineImages && e.push(Et), (this.allowFontFamily || this.allowFontColor) && (e.push(Se), this.allowFontColor && e.push(Le), this.allowFontFamily && e.push(ve)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
+      })), this.allowInlineImages && e.push(St), (this.allowFontFamily || this.allowFontColor) && (e.push(Se), this.allowFontColor && e.push(Le), this.allowFontFamily && e.push(Re)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
     },
     inputAttrs() {
       const e = {
@@ -1559,7 +1561,7 @@ ${n.textContent}
     this.destroyEditor();
   },
   mounted() {
-    Ue(F(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
+    qe(F(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
   },
   methods: {
     createEditor() {
@@ -1576,6 +1578,11 @@ ${n.textContent}
             ...this.inputAttrs,
             class: this.inputClass
           },
+          handleKeyDown: (e, t) => {
+            if (!this.preventTyping) return !1;
+            const o = ["Backspace"];
+            return !this.allowLineBreaks && !t.shiftKey && o.push("Enter"), !o.includes(t.key);
+          },
           handlePaste: (e, t, o) => {
             const n = t.clipboardData || window.clipboardData, r = n.getData("text/plain"), i = n.getData("text/html");
             return this.processPasteData(e, r, i);
@@ -1597,9 +1604,9 @@ ${n.textContent}
      * @param editor the editor instance.
      */
     getSelectedLinkText(e) {
-      var a, c, h;
+      var a, c, f;
       const { view: t, state: o } = e, { from: n, to: r } = t.state.selection, i = o.doc.textBetween(n, r, ""), s = this.editor.state.doc.nodeAt(n);
-      return s && ((h = (c = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : c.type) == null ? void 0 : h.name) === "link" ? s.textContent : i;
+      return s && ((f = (c = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : c.type) == null ? void 0 : f.name) === "link" ? s.textContent : i;
     },
     editLink() {
       const e = this.getSelectedLinkText(this.editor), t = {
@@ -1619,14 +1626,14 @@ ${n.textContent}
       window.open(e, "_blank");
     },
     // eslint-disable-next-line complexity
-    setLink(e, t, o, n = V, r) {
-      var a, c, h;
+    setLink(e, t, o, n = K, r) {
+      var a, c, f;
       if (!e) {
         this.removeLink();
         return;
       }
       n.find((y) => y.test(e)) || (e = `${r}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
-      const s = (h = (c = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : c.state) == null ? void 0 : h.selection;
+      const s = (f = (c = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : c.state) == null ? void 0 : f.selection;
       this.editor.chain().focus().insertContent(t).setTextSelection({ from: s.from, to: s.from + t.length }).setLink({ href: e, class: o.class }).run();
     },
     // eslint-disable-next-line complexity
@@ -1726,11 +1733,6 @@ ${n.textContent}
       this.editor.on("create", () => {
         this.triggerInputChangeEvents();
       }), this.editor.on("update", () => {
-        var e, t;
-        if (this.preventTyping && ((t = (e = this.editor.view) == null ? void 0 : e.input) == null ? void 0 : t.lastKeyCode) !== 8) {
-          this.editor.commands.setContent(this.modelValue, !1);
-          return;
-        }
         this.triggerInputChangeEvents();
       }), this.editor.on("selectionUpdate", ({ editor: e }) => {
         this.$emit("selected", this.getSelectedLinkText(e));
@@ -1771,11 +1773,11 @@ ${n.textContent}
       this.editor.commands.focus();
     }
   }
-}, sn = { class: "d-popover__dialog" };
-function an(e, t, o, n, r, i) {
-  const s = d("dt-button"), a = d("dt-stack"), c = d("bubble-menu"), h = d("editor-content");
+}, an = { class: "d-popover__dialog" };
+function ln(e, t, o, n, r, i) {
+  const s = d("dt-button"), a = d("dt-stack"), c = d("bubble-menu"), f = d("editor-content");
   return l(), _("div", null, [
-    r.editor && o.link && !o.hideLinkBubbleMenu ? (l(), m(c, {
+    r.editor && o.link && !o.hideLinkBubbleMenu ? (l(), h(c, {
       key: 0,
       editor: r.editor,
       "should-show": i.bubbleMenuShouldShow,
@@ -1783,40 +1785,40 @@ function an(e, t, o, n, r, i) {
       style: { visibility: "visible" }
     }, {
       default: u(() => [
-        w("div", sn, [
-          f(a, {
+        w("div", an, [
+          p(a, {
             direction: "row",
             class: "d-rich-text-editor-bubble-menu__button-stack",
             gap: "0"
           }, {
             default: u(() => [
-              f(s, {
+              p(s, {
                 kind: "muted",
                 importance: "clear",
                 onClick: i.editLink
               }, {
                 default: u(() => [
-                  k(" Edit ")
+                  k(m(r.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
-              f(s, {
+              p(s, {
                 kind: "muted",
                 importance: "clear",
                 onClick: i.openLink
               }, {
                 default: u(() => [
-                  k(" Open link ")
+                  k(m(r.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
-              f(s, {
+              p(s, {
                 kind: "danger",
                 importance: "clear",
                 onClick: i.removeLink
               }, {
                 default: u(() => [
-                  k(" Remove ")
+                  k(m(r.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])
@@ -1827,7 +1829,7 @@ function an(e, t, o, n, r, i) {
       ]),
       _: 1
     }, 8, ["editor", "should-show", "tippy-options"])) : x("", !0),
-    f(h, De({
+    p(f, Pe({
       ref: "editor",
       editor: r.editor,
       class: "d-rich-text-editor",
@@ -1835,8 +1837,8 @@ function an(e, t, o, n, r, i) {
     }, i.attrs), null, 16, ["editor"])
   ]);
 }
-const Qn = /* @__PURE__ */ g(rn, [["render", an]]);
+const eo = /* @__PURE__ */ g(sn, [["render", ln]]);
 export {
-  Qn as default
+  eo as default
 };
 //# sourceMappingURL=rich-text-editor.js.map