@dialpad/dialtone 9.116.0 → 9.117.1

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

@@ -1,11 +1,11 @@
 import { NodeViewWrapper as T, nodeViewProps as R, VueRenderer as L, VueNodeViewRenderer as $, EditorContent as Y, BubbleMenu as G, Editor as Q } from "../../node_modules/@tiptap/vue-3.js";
-import { Node as Z, mergeAttributes as k, InputRule as ee, nodePasteRule as D, getMarksBetween as te, combineTransactionSteps as ne, getChangedRanges as oe, findChildrenInRange as ie, Mark as re, nodeInputRule as se, Extension as ae } from "@tiptap/core";
-import de from "@tiptap/extension-blockquote";
-import le from "@tiptap/extension-code-block";
+import { Node as Z, mergeAttributes as k, InputRule as ee, nodePasteRule as B, getMarksBetween as te, combineTransactionSteps as ne, getChangedRanges as oe, findChildrenInRange as ie, Mark as re, nodeInputRule as se, Extension as ae } from "@tiptap/core";
+import le from "@tiptap/extension-blockquote";
+import de from "@tiptap/extension-code-block";
 import ce from "@tiptap/extension-code";
 import ue from "@tiptap/extension-document";
 import me from "@tiptap/extension-hard-break";
-import U from "@tiptap/extension-paragraph";
+import N from "@tiptap/extension-paragraph";
 import he from "@tiptap/extension-placeholder";
 import fe from "@tiptap/extension-bold";
 import pe from "@tiptap/extension-bullet-list";
@@ -18,28 +18,31 @@ import be from "@tiptap/extension-underline";
 import xe from "@tiptap/extension-text";
 import Ce from "@tiptap/extension-text-align";
 import Ee from "@tiptap/extension-history";
-import { PluginKey as C, Plugin as Se } from "@tiptap/pm/state";
-import Te from "@tiptap/suggestion";
-import { emojiPattern as z } from "regex-combined-emojis";
-import { resolveComponent as l, openBlock as c, createBlock as m, withCtx as u, createVNode as f, createElementBlock as x, withDirectives as Re, createElementVNode as y, Fragment as Le, renderList as $e, normalizeClass as ve, withModifiers as Ie, resolveDynamicComponent as Me, vShow as Oe, createTextVNode as w, toDisplayString as g, markRaw as v, createCommentVNode as F, mergeProps as Ae } from "vue";
+import Se from "@tiptap/extension-text-style";
+import Te from "@tiptap/extension-color";
+import Re from "@tiptap/extension-font-family";
+import { PluginKey as C, Plugin as Le } from "@tiptap/pm/state";
+import $e from "@tiptap/suggestion";
+import { emojiPattern as U } from "regex-combined-emojis";
+import { resolveComponent as d, openBlock as c, createBlock as m, withCtx as u, createVNode as f, createElementBlock as x, withDirectives as ve, createElementVNode as y, Fragment as Ie, renderList as Me, normalizeClass as Oe, withModifiers as Ae, resolveDynamicComponent as je, vShow as Be, createTextVNode as w, toDisplayString as g, markRaw as v, createCommentVNode as z, mergeProps as De } from "vue";
 import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import W from "../emoji/emoji.js";
-import { stringToUnicode as je, codeToEmojiData as P, emojiRegex as De, emojiShortCodeRegex as Be } from "../../common/emoji/index.js";
-import { emojisIndexed as Pe } from "@dialpad/dialtone-emojis";
-import He from "../list-item/list-item.js";
+import { stringToUnicode as Pe, codeToEmojiData as P, emojiRegex as He, emojiShortCodeRegex as Ve } from "../../common/emoji/index.js";
+import { emojisIndexed as Fe } from "@dialpad/dialtone-emojis";
+import Ke from "../list-item/list-item.js";
 import I from "../stack/stack.js";
 import M from "tippy.js";
-import { linkRegex as Ve, getPhoneNumberRegex as Ke, returnFirstEl as V, warnIfUnmounted as qe } from "../../common/utils/index.js";
-import Ne from "@tiptap/extension-image";
+import { linkRegex as qe, getPhoneNumberRegex as Ne, returnFirstEl as V, warnIfUnmounted as Ue } from "../../common/utils/index.js";
+import ze from "@tiptap/extension-image";
 import H from "@tiptap/extension-mention";
 import X from "../link/link.js";
-import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Ue, RICH_TEXT_EDITOR_OUTPUT_FORMATS as ze, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as K } from "./rich-text-editor-constants.js";
-import Fe from "../avatar/avatar.js";
-import We from "@dialpad/dialtone-icons/vue3/hash";
-import Xe from "@dialpad/dialtone-icons/vue3/lock";
-import Je from "deep-equal";
-import Ye from "../button/button.js";
-const Ge = {
+import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as We, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Xe, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as F } 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 = {
   compatConfig: { MODE: 3 },
   name: "EmojiComponent",
   components: {
@@ -48,8 +51,8 @@ const Ge = {
   },
   props: R
 };
-function Qe(e, t, o, n, i, r) {
-  const s = l("dt-emoji"), a = l("node-view-wrapper");
+function tt(e, t, o, n, i, r) {
+  const s = d("dt-emoji"), a = d("node-view-wrapper");
   return c(), m(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
     default: u(() => [
       f(s, {
@@ -60,11 +63,11 @@ function Qe(e, t, o, n, i, r) {
     _: 1
   });
 }
-const Ze = /* @__PURE__ */ p(Ge, [["render", Qe]]), et = {
+const nt = /* @__PURE__ */ p(et, [["render", tt]]), ot = {
   compatConfig: { MODE: 3 },
   name: "SuggestionList",
   components: {
-    DtListItem: He
+    DtListItem: Ke
   },
   props: {
     items: {
@@ -133,35 +136,35 @@ const Ze = /* @__PURE__ */ p(Ge, [["render", Qe]]), et = {
       }
     }
   }
-}, tt = { class: "d-popover__dialog d-suggestion-list__container" }, nt = {
+}, it = { class: "d-popover__dialog d-suggestion-list__container" }, rt = {
   ref: "suggestionList",
   class: "d-suggestion-list"
 };
-function ot(e, t, o, n, i, r) {
-  const s = l("dt-list-item");
-  return c(), x("div", tt, [
-    Re(y("ul", nt, [
-      (c(!0), x(Le, null, $e(o.items, (a, d) => (c(), m(s, {
+function st(e, t, o, n, i, r) {
+  const s = d("dt-list-item");
+  return c(), x("div", it, [
+    ve(y("ul", rt, [
+      (c(!0), x(Ie, null, Me(o.items, (a, l) => (c(), m(s, {
         key: a.id,
-        class: ve([
+        class: Oe([
           "d-suggestion-list__item",
-          { "d-list-item--highlighted": d === i.selectedIndex }
+          { "d-list-item--highlighted": l === i.selectedIndex }
         ]),
         "navigation-type": "arrow-keys",
-        onClick: (h) => r.selectItem(d),
-        onKeydown: Ie(r.onKeyDown, ["prevent"])
+        onClick: (h) => r.selectItem(l),
+        onKeydown: Ae(r.onKeyDown, ["prevent"])
       }, {
         default: u(() => [
-          (c(), m(Me(o.itemComponent), { item: a }, null, 8, ["item"]))
+          (c(), m(je(o.itemComponent), { item: a }, null, 8, ["item"]))
         ]),
         _: 2
       }, 1032, ["class", "onClick", "onKeydown"]))), 128))
     ], 512), [
-      [Oe, o.items.length]
+      [Be, o.items.length]
     ])
   ]);
 }
-const O = /* @__PURE__ */ p(et, [["render", ot]]), it = {
+const O = /* @__PURE__ */ p(ot, [["render", st]]), at = {
   compatConfig: { MODE: 3 },
   name: "EmojiSuggestion",
   components: {
@@ -175,8 +178,8 @@ const O = /* @__PURE__ */ p(et, [["render", ot]]), it = {
     }
   }
 };
-function rt(e, t, o, n, i, r) {
-  const s = l("dt-emoji"), a = l("dt-stack");
+function lt(e, t, o, n, i, r) {
+  const s = d("dt-emoji"), a = d("dt-stack");
   return c(), m(a, {
     direction: "row",
     gap: "400"
@@ -191,7 +194,7 @@ function rt(e, t, o, n, i, r) {
     _: 1
   });
 }
-const st = /* @__PURE__ */ p(it, [["render", rt]]), A = {
+const dt = /* @__PURE__ */ p(at, [["render", lt]]), A = {
   name: "hideOnEsc",
   defaultValue: !0,
   fn({ hide: e }) {
@@ -207,18 +210,18 @@ const st = /* @__PURE__ */ p(it, [["render", rt]]), A = {
       }
     };
   }
-}, at = 20, dt = {
+}, ct = 20, ut = {
   items: ({ query: e }) => {
     if (e.length < 2)
       return [];
-    const t = Object.values(Pe);
+    const t = Object.values(Fe);
     return e = e.toLowerCase(), t.filter(
       (n) => [
         n.name,
         n.shortname.replaceAll(":", ""),
         ...n.keywords
       ].some((i) => i.startsWith(e))
-    ).splice(0, at).map((n) => ({ code: n.shortname }));
+    ).splice(0, ct).map((n) => ({ code: n.shortname }));
   },
   command: ({ editor: e, range: t, props: o }) => {
     var r, s;
@@ -236,7 +239,7 @@ const st = /* @__PURE__ */ p(it, [["render", rt]]), A = {
       onStart: (n) => {
         e = new L(O, {
           props: {
-            itemComponent: v(st),
+            itemComponent: v(dt),
             itemType: "emoji",
             ...n
           },
@@ -274,14 +277,14 @@ const st = /* @__PURE__ */ p(it, [["render", rt]]), A = {
       }
     };
   }
-}, lt = /(:\w+:)$/, ct = new RegExp(z + "$"), ut = (e) => {
+}, mt = /(:\w+:)$/, ht = new RegExp(U + "$"), ft = (e) => {
   if (e && P(e[0]))
     return { text: e[2] || e[0] };
-}, mt = (e) => [...e.matchAll(Be)].filter((o) => P(o[0])).map((o) => ({
+}, pt = (e) => [...e.matchAll(Ve)].filter((o) => P(o[0])).map((o) => ({
   index: o.index,
   text: o[0],
   match: o
-})), ht = Z.create({
+})), gt = Z.create({
   name: "emoji",
   addOptions() {
     return {
@@ -293,7 +296,7 @@ const st = /* @__PURE__ */ p(it, [["render", rt]]), A = {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return $(Ze);
+    return $(nt);
   },
   addAttributes() {
     return {
@@ -310,7 +313,7 @@ const st = /* @__PURE__ */ p(it, [["render", rt]]), A = {
     ];
   },
   renderText({ node: e }) {
-    return je(P(e.attrs.code).unicode_output);
+    return Pe(P(e.attrs.code).unicode_output);
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["emoji-component", k(this.options.HTMLAttributes, e)];
@@ -319,21 +322,21 @@ const st = /* @__PURE__ */ p(it, [["render", rt]]), A = {
     return [
       new ee({
         find: (e) => {
-          const t = e.match(lt) || e.match(ct);
+          const t = e.match(mt) || e.match(ht);
           if (t)
-            return ut(t);
+            return ft(t);
         },
         handler: ({ state: e, range: t, match: o, commands: n, chain: i, can: r }) => {
-          const { tr: s } = e, a = t.from, d = t.to;
-          s.replaceWith(a, d, this.type.create({ code: o[0] }));
+          const { tr: s } = e, a = t.from, l = t.to;
+          s.replaceWith(a, l, this.type.create({ code: o[0] }));
         }
       })
     ];
   },
   addPasteRules() {
     return [
-      D({
-        find: mt,
+      B({
+        find: pt,
         type: this.type,
         getAttributes(e) {
           return {
@@ -341,8 +344,8 @@ const st = /* @__PURE__ */ p(it, [["render", rt]]), A = {
           };
         }
       }),
-      D({
-        find: De,
+      B({
+        find: He,
         type: this.type,
         getAttributes(e) {
           return {
@@ -354,12 +357,12 @@ const st = /* @__PURE__ */ p(it, [["render", rt]]), A = {
   },
   addProseMirrorPlugins() {
     return [
-      Te({
+      $e({
         char: ":",
         pluginKey: new C("emoji"),
         editor: this.editor,
         ...this.options.suggestion,
-        ...dt
+        ...ut
       })
     ];
   },
@@ -376,7 +379,7 @@ const st = /* @__PURE__ */ p(it, [["render", rt]]), A = {
     };
   }
 });
-function ft(e, t, o = () => !0) {
+function _t(e, t, o = () => !0) {
   const n = [];
   t.lastIndex = 0;
   let i;
@@ -384,10 +387,10 @@ function ft(e, t, o = () => !0) {
     o(e, i) && n.push(i);
   return n;
 }
-function pt(e, t) {
+function yt(e, t) {
   return !["#", "@"].includes(e.charAt(t.index)) && !["#", "@"].includes(e.charAt(t.index - 1));
 }
-function gt(e) {
+function wt(e) {
   const t = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
@@ -397,7 +400,7 @@ function gt(e) {
   );
   return e.replace(t, "");
 }
-function _t(e, t) {
+function kt(e, t) {
   const o = e.slice(0, t + 1).search(/\S+\s*$/), n = e.slice(t).search(/\s/);
   if (n < 0) {
     const i = e.slice(o);
@@ -413,61 +416,61 @@ function _t(e, t) {
     to: n + t
   };
 }
-function B(e, t, o, n) {
-  const i = _t(e, t);
+function D(e, t, o, n) {
+  const i = kt(e, t);
   if (n.lastIndex = 0, !n.test(i.text))
     return i;
   const r = o === "left" ? i.from - 1 : i.to + 1;
-  return r <= 0 || r >= e.length || r === t ? i : B(e, r, o, n);
+  return r <= 0 || r >= e.length || r === t ? i : D(e, r, o, n);
 }
-function yt(e, t, o, n) {
+function bt(e, t, o, n) {
   const i = Math.max(e.from - 1, 0), r = Math.min(e.to + 1, t.content.size), s = te(i, r, t);
   for (const a of s)
     a.mark.type === n && o.removeMark(a.from, a.to, n);
 }
-const q = Ke(1, 15);
-function N(e, t, o, n, i, r) {
+const K = Ne(1, 15);
+function q(e, t, o, n, i, r) {
   if (!e)
     return;
   let s = o - t - 1;
   s = s < 0 ? 0 : s;
-  const a = n - t, d = B(
+  const a = n - t, l = D(
     e,
     s,
     "left",
-    q
-  ), h = B(
+    K
+  ), h = D(
     e,
     a,
     "right",
-    q
-  ), _ = e.slice(d.from, h.to);
-  ft(_, Ve, pt).forEach((j) => {
-    const b = gt(j[0]), S = t + d.from + j.index + 1, J = S + b.length;
+    K
+  ), _ = e.slice(l.from, h.to);
+  _t(_, qe, yt).forEach((j) => {
+    const b = wt(j[0]), S = t + l.from + j.index + 1, J = S + b.length;
     i.addMark(S, J, r.create());
   });
 }
-function wt(e) {
+function xt(e) {
   let t = !1;
-  return new Se({
+  return new Le({
     key: new C("autolink"),
     appendTransaction: (o, n, i) => {
       const r = o.some((_) => _.docChanged) && !n.doc.eq(i.doc);
       if (t && !r)
         return;
       const { tr: s } = i, { textContent: a } = i.doc;
-      t || N(a, 0, 0, a.length, s, e.type), t = !0;
-      const d = ne(
+      t || q(a, 0, 0, a.length, s, e.type), t = !0;
+      const l = ne(
         n.doc,
         [...o]
       );
-      return oe(d).forEach(({ oldRange: _, newRange: E }) => {
-        yt(E, i.doc, s, e.type), ie(
+      return oe(l).forEach(({ oldRange: _, newRange: E }) => {
+        bt(E, i.doc, s, e.type), ie(
           i.doc,
           E,
           (b) => b.isTextblock
         ).forEach(({ node: b, pos: S }) => {
-          N(
+          q(
             b.textContent,
             S,
             _.from,
@@ -480,10 +483,10 @@ function wt(e) {
     }
   });
 }
-const kt = {
+const Ct = {
   class: "d-link d-c-text d-d-inline-block d-wb-break-all",
   rel: "noopener noreferrer nofollow"
-}, bt = re.create({
+}, Et = re.create({
   name: "CustomLink",
   renderHTML({ HTMLAttributes: e }) {
     return [
@@ -491,7 +494,7 @@ const kt = {
       k(
         this.options.HTMLAttributes,
         e,
-        kt
+        Ct
       )
     ];
   },
@@ -500,10 +503,10 @@ const kt = {
   },
   addProseMirrorPlugins() {
     return [
-      wt({ type: this.type })
+      xt({ type: this.type })
     ];
   }
-}), xt = Ne.extend({
+}), St = ze.extend({
   name: "ConfigurableImage",
   addAttributes() {
     return {
@@ -527,14 +530,14 @@ const kt = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), Ct = U.extend({
+}).configure({ inline: !0, allowBase64: !0 }), Tt = N.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["div", k(this.options.HTMLAttributes, e), 0];
   }
-}), Et = {
+}), Rt = {
   compatConfig: { MODE: 3 },
   name: "MentionComponent",
   components: {
@@ -548,8 +551,8 @@ const kt = {
     }
   }
 };
-function St(e, t, o, n, i, r) {
-  const s = l("dt-link"), a = l("node-view-wrapper");
+function Lt(e, t, o, n, i, r) {
+  const s = d("dt-link"), a = d("node-view-wrapper");
   return c(), m(a, { class: "d-d-inline-block" }, {
     default: u(() => [
       f(s, { kind: "mention" }, {
@@ -562,9 +565,9 @@ function St(e, t, o, n, i, r) {
     _: 1
   });
 }
-const Tt = /* @__PURE__ */ p(Et, [["render", St]]), Rt = H.extend({
+const $t = /* @__PURE__ */ p(Rt, [["render", Lt]]), vt = H.extend({
   addNodeView() {
-    return $(Tt);
+    return $($t);
   },
   parseHTML() {
     return [
@@ -597,7 +600,7 @@ const Tt = /* @__PURE__ */ p(Et, [["render", St]]), Rt = H.extend({
     char: "@",
     pluginKey: new C("mentionSuggestion")
   }
-}), Lt = {
+}), It = {
   compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
@@ -611,8 +614,8 @@ const Tt = /* @__PURE__ */ p(Et, [["render", St]]), Rt = H.extend({
     }
   }
 };
-function $t(e, t, o, n, i, r) {
-  const s = l("dt-link"), a = l("node-view-wrapper");
+function Mt(e, t, o, n, i, r) {
+  const s = d("dt-link"), a = d("node-view-wrapper");
   return c(), m(a, { class: "d-d-inline-block" }, {
     default: u(() => [
       f(s, { kind: "mention" }, {
@@ -625,10 +628,10 @@ function $t(e, t, o, n, i, r) {
     _: 1
   });
 }
-const vt = /* @__PURE__ */ p(Lt, [["render", $t]]), It = H.extend({
+const Ot = /* @__PURE__ */ p(It, [["render", Mt]]), At = H.extend({
   name: "channel",
   addNodeView() {
-    return $(vt);
+    return $(Ot);
   },
   parseHTML() {
     return [
@@ -661,7 +664,7 @@ const vt = /* @__PURE__ */ p(Lt, [["render", $t]]), It = H.extend({
     char: "#",
     pluginKey: new C("channelSuggestion")
   }
-}), Mt = {
+}), jt = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandsComponent",
   components: {
@@ -678,8 +681,8 @@ const vt = /* @__PURE__ */ p(Lt, [["render", $t]]), It = H.extend({
     this.$parent.$emit("selected-command", this.$props.node.attrs.command);
   }
 };
-function Ot(e, t, o, n, i, r) {
-  const s = l("node-view-wrapper");
+function Bt(e, t, o, n, i, r) {
+  const s = d("node-view-wrapper");
   return c(), m(s, { class: "d-d-inline-block" }, {
     default: u(() => [
       w(g(r.text), 1)
@@ -687,19 +690,19 @@ function Ot(e, t, o, n, i, r) {
     _: 1
   });
 }
-const At = /* @__PURE__ */ p(Mt, [["render", Ot]]), jt = (e, t) => [...e.matchAll(t)].map((n) => {
+const Dt = /* @__PURE__ */ p(jt, [["render", Bt]]), Pt = (e, t) => [...e.matchAll(t)].map((n) => {
   let i = n[2];
   return i.endsWith(" ") || (i += " "), {
     index: n.index,
     text: i,
     match: n
   };
-}), Dt = H.extend({
+}), Ht = H.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
   addNodeView() {
-    return $(At);
+    return $(Dt);
   },
   parseHTML() {
     return [
@@ -744,8 +747,8 @@ const At = /* @__PURE__ */ p(Mt, [["render", Ot]]), 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),
+      B({
+        find: (n) => Pt(n, t),
         type: this.type,
         getAttributes(n) {
           return { command: n[0].trim() };
@@ -758,11 +761,11 @@ const At = /* @__PURE__ */ p(Mt, [["render", Ot]]), jt = (e, t) => [...e.matchAl
     char: "/",
     pluginKey: new C("slashCommandSuggestion")
   }
-}), Bt = {
+}), Vt = {
   compatConfig: { MODE: 3 },
   name: "MentionSuggestion",
   components: {
-    DtAvatar: Fe,
+    DtAvatar: Je,
     DtStack: I
   },
   props: {
@@ -779,9 +782,9 @@ const At = /* @__PURE__ */ p(Mt, [["render", Ot]]), jt = (e, t) => [...e.matchAl
       return this.item.avatarSrc;
     }
   }
-}, Pt = { class: "d-mention-suggestion__name" };
-function Ht(e, t, o, n, i, r) {
-  const s = l("dt-avatar"), a = l("dt-stack");
+}, Ft = { class: "d-mention-suggestion__name" };
+function Kt(e, t, o, n, i, r) {
+  const s = d("dt-avatar"), a = d("dt-stack");
   return c(), m(a, {
     direction: "row",
     gap: "400"
@@ -793,12 +796,12 @@ function Ht(e, t, o, n, i, r) {
         "image-alt": r.name,
         size: "xs"
       }, null, 8, ["full-name", "image-src", "image-alt"]),
-      y("span", Pt, g(r.name), 1)
+      y("span", Ft, g(r.name), 1)
     ]),
     _: 1
   });
 }
-const Vt = /* @__PURE__ */ p(Bt, [["render", Ht]]), Kt = {
+const qt = /* @__PURE__ */ p(Vt, [["render", Kt]]), Nt = {
   // 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 [] },
@@ -809,7 +812,7 @@ const Vt = /* @__PURE__ */ p(Bt, [["render", Ht]]), Kt = {
       onStart: (n) => {
         e = new L(O, {
           props: {
-            itemComponent: v(Vt),
+            itemComponent: v(qt),
             itemType: "mention",
             ...n
           },
@@ -847,13 +850,13 @@ const Vt = /* @__PURE__ */ p(Bt, [["render", Ht]]), Kt = {
       }
     };
   }
-}, qt = {
+}, Ut = {
   compatConfig: { MODE: 3 },
   name: "ChannelSuggestion",
   components: {
     DtStack: I,
-    DtIconHash: We,
-    DtIconLock: Xe
+    DtIconHash: Ye,
+    DtIconLock: Ge
   },
   props: {
     item: {
@@ -867,9 +870,9 @@ const Vt = /* @__PURE__ */ p(Bt, [["render", Ht]]), Kt = {
     }
   }
 };
-function Nt(e, t, o, n, i, r) {
-  const s = l("dt-icon-hash"), a = l("dt-icon-lock"), d = l("dt-stack");
-  return c(), m(d, {
+function zt(e, t, o, n, i, r) {
+  const s = d("dt-icon-hash"), a = d("dt-icon-lock"), l = d("dt-stack");
+  return c(), m(l, {
     direction: "row",
     gap: "400"
   }, {
@@ -886,7 +889,7 @@ function Nt(e, t, o, n, i, r) {
     _: 1
   });
 }
-const Ut = /* @__PURE__ */ p(qt, [["render", Nt]]), zt = {
+const Wt = /* @__PURE__ */ p(Ut, [["render", zt]]), 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 [] },
@@ -897,7 +900,7 @@ const Ut = /* @__PURE__ */ p(qt, [["render", Nt]]), zt = {
       onStart: (n) => {
         e = new L(O, {
           props: {
-            itemComponent: v(Ut),
+            itemComponent: v(Wt),
             itemType: "channel",
             ...n
           },
@@ -935,7 +938,7 @@ const Ut = /* @__PURE__ */ p(qt, [["render", Nt]]), zt = {
       }
     };
   }
-}, Ft = {
+}, Jt = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandSuggestion",
   props: {
@@ -955,17 +958,17 @@ const Ut = /* @__PURE__ */ p(qt, [["render", Nt]]), zt = {
       return this.item.parametersExample;
     }
   }
-}, Wt = { class: "d-body--md-compact" }, Xt = { key: 0 }, Jt = { class: "d-body--sm d-fc-tertiary" };
-function Yt(e, t, o, n, i, r) {
+}, Yt = { class: "d-body--md-compact" }, Gt = { key: 0 }, Qt = { class: "d-body--sm d-fc-tertiary" };
+function Zt(e, t, o, n, i, r) {
   return c(), x("div", null, [
-    y("div", Wt, [
+    y("div", Yt, [
       y("span", null, "/" + g(r.command), 1),
-      r.parametersExample ? (c(), x("span", Xt, g(r.parametersExample), 1)) : F("", !0)
+      r.parametersExample ? (c(), x("span", Gt, g(r.parametersExample), 1)) : z("", !0)
     ]),
-    y("div", Jt, g(r.description), 1)
+    y("div", Qt, g(r.description), 1)
   ]);
 }
-const Gt = /* @__PURE__ */ p(Ft, [["render", Yt]]), Qt = {
+const en = /* @__PURE__ */ p(Jt, [["render", Zt]]), tn = {
   // 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 [] },
@@ -978,7 +981,7 @@ const Gt = /* @__PURE__ */ p(Ft, [["render", Yt]]), Qt = {
         e = new L(O, {
           parent: void 0,
           props: {
-            itemComponent: v(Gt),
+            itemComponent: v(en),
             itemType: "slash-command",
             ...n
           },
@@ -1016,13 +1019,13 @@ const Gt = /* @__PURE__ */ p(Ft, [["render", Yt]]), Qt = {
       }
     };
   }
-}, Zt = {
+}, nn = {
   compatConfig: { MODE: 3 },
   name: "DtRichTextEditor",
   components: {
     EditorContent: Y,
     BubbleMenu: G,
-    DtButton: Ye,
+    DtButton: Ze,
     DtStack: I
   },
   props: {
@@ -1087,7 +1090,7 @@ const Gt = /* @__PURE__ */ p(Ft, [["render", Yt]]), Qt = {
       type: [Boolean, String, Number],
       default: !1,
       validator(e) {
-        return typeof e == "string" ? Ue.includes(e) : !0;
+        return typeof e == "string" ? We.includes(e) : !0;
       }
     },
     /**
@@ -1100,7 +1103,7 @@ const Gt = /* @__PURE__ */ p(Ft, [["render", Yt]]), Qt = {
       type: String,
       default: "html",
       validator(e) {
-        return ze.includes(e);
+        return Xe.includes(e);
       }
     },
     /**
@@ -1245,6 +1248,20 @@ const Gt = /* @__PURE__ */ p(Ft, [["render", Yt]]), Qt = {
       type: Boolean,
       default: !1
     },
+    /**
+     * Whether the input allows color to be introduced in the text.
+     */
+    allowFontColor: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether the input allows different font-families to be introduced in the text.
+     */
+    allowFontFamily: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * Additional TipTap extensions to be added to the editor.
      */
@@ -1360,7 +1377,7 @@ const Gt = /* @__PURE__ */ p(Ft, [["render", Yt]]), Qt = {
     // eslint-disable-next-line complexity
     extensions() {
       const e = [ue, xe, Ee, me];
-      e.push(this.useDivTags ? Ct : U), this.allowBlockquote && e.push(de), this.allowBold && e.push(fe), this.allowBulletList && (e.push(pe), e.push(ye.extend({
+      e.push(this.useDivTags ? Tt : N), this.allowBlockquote && e.push(le), this.allowBold && e.push(fe), this.allowBulletList && (e.push(pe), e.push(ye.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
@@ -1387,23 +1404,23 @@ const Gt = /* @__PURE__ */ p(Ft, [["render", Yt]]), Qt = {
         },
         openOnClick: !1,
         autolink: !0,
-        protocols: K
-      })), this.customLink && e.push(this.getExtension(bt, this.customLink)), this.mentionSuggestion) {
-        const n = { ...this.mentionSuggestion, ...Kt };
-        e.push(Rt.configure({ suggestion: n }));
+        protocols: F
+      })), this.customLink && e.push(this.getExtension(Et, this.customLink)), this.mentionSuggestion) {
+        const n = { ...this.mentionSuggestion, ...Nt };
+        e.push(vt.configure({ suggestion: n }));
       }
       if (this.channelSuggestion) {
-        const n = { ...this.channelSuggestion, ...zt };
-        e.push(It.configure({ suggestion: n }));
+        const n = { ...this.channelSuggestion, ...Xt };
+        e.push(At.configure({ suggestion: n }));
       }
       if (this.slashCommandSuggestion) {
-        const n = { ...this.slashCommandSuggestion, ...Qt };
-        e.push(Dt.configure({ suggestion: n }));
+        const n = { ...this.slashCommandSuggestion, ...tn };
+        e.push(Ht.configure({ suggestion: n }));
       }
-      return e.push(ht), e.push(Ce.configure({
+      return e.push(gt), e.push(Ce.configure({
         types: ["paragraph"],
         defaultAlignment: "left"
-      })), this.allowCode && e.push(ce), this.allowCodeblock && e.push(le.extend({
+      })), this.allowCode && e.push(ce), this.allowCodeblock && e.push(de.extend({
         renderText({ node: n }) {
           return `\`\`\`
 ${n.textContent}
@@ -1413,7 +1430,7 @@ ${n.textContent}
         HTMLAttributes: {
           class: "d-rich-text-editor__code-block"
         }
-      })), this.allowInlineImages && e.push(xt), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
+      })), this.allowInlineImages && e.push(St), (this.allowFontFamily || this.allowFontColor) && (e.push(Se), this.allowFontColor && e.push(Te), this.allowFontFamily && e.push(Re)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
     },
     inputAttrs() {
       const e = {
@@ -1453,7 +1470,7 @@ ${n.textContent}
     this.destroyEditor();
   },
   mounted() {
-    qe(V(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
+    Ue(V(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
   },
   methods: {
     createEditor() {
@@ -1497,9 +1514,9 @@ ${n.textContent}
      * @param editor the editor instance.
      */
     getSelectedLinkText(e) {
-      var a, d, h;
+      var a, l, h;
       const { view: t, state: o } = e, { from: n, to: i } = t.state.selection, r = o.doc.textBetween(n, i, ""), s = this.editor.state.doc.nodeAt(n);
-      return s && ((h = (d = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : d.type) == null ? void 0 : h.name) === "link" ? s.textContent : r;
+      return s && ((h = (l = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : l.type) == null ? void 0 : h.name) === "link" ? s.textContent : r;
     },
     editLink() {
       const e = this.getSelectedLinkText(this.editor), t = {
@@ -1519,22 +1536,22 @@ ${n.textContent}
       window.open(e, "_blank");
     },
     // eslint-disable-next-line complexity
-    setLink(e, t, o, n = K, i) {
-      var a, d, h;
+    setLink(e, t, o, n = F, i) {
+      var a, l, h;
       if (!e) {
         this.removeLink();
         return;
       }
       n.find((_) => _.test(e)) || (e = `${i}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
-      const s = (h = (d = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : d.state) == null ? void 0 : h.selection;
+      const s = (h = (l = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : l.state) == null ? void 0 : h.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
     processValue(e, t = !0) {
       const o = this.getOutput();
-      if (!(t && Je(e, o))) {
+      if (!(t && Qe(e, o))) {
         if (typeof e == "string" && this.outputFormat === "text") {
-          const n = new RegExp(`(${z})`, "g");
+          const n = new RegExp(`(${U})`, "g");
           e = e == null ? void 0 : e.replace(n, '<emoji-component code="$1"></emoji-component>');
         }
         this.editor.commands.setContent(e, !1);
@@ -1607,11 +1624,11 @@ ${n.textContent}
       this.editor.commands.focus();
     }
   }
-}, en = { class: "d-popover__dialog" };
-function tn(e, t, o, n, i, r) {
-  const s = l("dt-button"), a = l("dt-stack"), d = l("bubble-menu"), h = l("editor-content");
+}, on = { class: "d-popover__dialog" };
+function rn(e, t, o, n, i, r) {
+  const s = d("dt-button"), a = d("dt-stack"), l = d("bubble-menu"), h = d("editor-content");
   return c(), x("div", null, [
-    i.editor && o.link && !o.hideLinkBubbleMenu ? (c(), m(d, {
+    i.editor && o.link && !o.hideLinkBubbleMenu ? (c(), m(l, {
       key: 0,
       editor: i.editor,
       "should-show": r.bubbleMenuShouldShow,
@@ -1619,7 +1636,7 @@ function tn(e, t, o, n, i, r) {
       style: { visibility: "visible" }
     }, {
       default: u(() => [
-        y("div", en, [
+        y("div", on, [
           f(a, {
             direction: "row",
             class: "d-rich-text-editor-bubble-menu__button-stack",
@@ -1662,8 +1679,8 @@ function tn(e, t, o, n, i, r) {
         ])
       ]),
       _: 1
-    }, 8, ["editor", "should-show", "tippy-options"])) : F("", !0),
-    f(h, Ae({
+    }, 8, ["editor", "should-show", "tippy-options"])) : z("", !0),
+    f(h, De({
       ref: "editor",
       editor: i.editor,
       class: "d-rich-text-editor",
@@ -1671,8 +1688,8 @@ function tn(e, t, o, n, i, r) {
     }, r.attrs), null, 16, ["editor"])
   ]);
 }
-const Un = /* @__PURE__ */ p(Zt, [["render", tn]]);
+const Yn = /* @__PURE__ */ p(nn, [["render", rn]]);
 export {
-  Un as default
+  Yn as default
 };
 //# sourceMappingURL=rich-text-editor.js.map