@dialpad/dialtone 9.156.1 → 9.158.0

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

@@ -4,46 +4,51 @@ import de from "@tiptap/extension-blockquote";
 import ue from "@tiptap/extension-code-block";
 import me from "@tiptap/extension-code";
 import he from "@tiptap/extension-document";
-import pe from "@tiptap/extension-hard-break";
+import pe from "@tiptap/extension-gapcursor";
+import fe from "@tiptap/extension-hard-break";
 import W from "@tiptap/extension-paragraph";
-import fe from "@tiptap/extension-placeholder";
-import ge from "@tiptap/extension-bold";
-import _e from "@tiptap/extension-bullet-list";
-import ke from "@tiptap/extension-italic";
-import ye from "@tiptap/extension-link";
-import we from "@tiptap/extension-list-item";
-import Ce from "@tiptap/extension-ordered-list";
-import be from "@tiptap/extension-strike";
-import xe from "@tiptap/extension-underline";
-import Te from "@tiptap/extension-text";
-import Ee from "@tiptap/extension-text-align";
-import Se from "@tiptap/extension-history";
-import Le from "@tiptap/extension-text-style";
-import $e from "@tiptap/extension-color";
-import ve from "@tiptap/extension-font-family";
-import { PluginKey as T, Plugin as Re } from "@tiptap/pm/state";
-import Ie from "@tiptap/suggestion";
+import ge from "@tiptap/extension-placeholder";
+import _e from "@tiptap/extension-bold";
+import ke from "@tiptap/extension-bullet-list";
+import ye from "@tiptap/extension-italic";
+import we from "@tiptap/extension-link";
+import Ce from "@tiptap/extension-list-item";
+import be from "@tiptap/extension-ordered-list";
+import xe from "@tiptap/extension-strike";
+import Te from "@tiptap/extension-underline";
+import Ee from "@tiptap/extension-text";
+import Se from "@tiptap/extension-text-align";
+import Le from "@tiptap/extension-history";
+import $e from "@tiptap/extension-table";
+import ve from "@tiptap/extension-table-cell";
+import Re from "@tiptap/extension-table-header";
+import Ie from "@tiptap/extension-table-row";
+import Me from "@tiptap/extension-text-style";
+import Be from "@tiptap/extension-color";
+import Ne from "@tiptap/extension-font-family";
+import { PluginKey as T, Plugin as Oe } from "@tiptap/pm/state";
+import De from "@tiptap/suggestion";
 import { emojiPattern as z } from "regex-combined-emojis";
-import { resolveComponent as d, createBlock as m, openBlock as l, withCtx as u, createVNode as f, createElementBlock as _, withDirectives as Me, createElementVNode as k, Fragment as Be, renderList as Ne, withModifiers as j, normalizeClass as X, resolveDynamicComponent as Oe, vShow as De, createTextVNode as C, toDisplayString as h, markRaw as M, createCommentVNode as w, mergeProps as Ae } from "vue";
+import { resolveComponent as d, openBlock as l, createBlock as m, withCtx as u, createVNode as f, createElementBlock as _, withDirectives as Ae, createElementVNode as k, Fragment as Pe, renderList as je, withModifiers as j, normalizeClass as X, resolveDynamicComponent as He, vShow as Ke, createTextVNode as C, toDisplayString as h, markRaw as M, createCommentVNode as w, mergeProps as Fe } from "vue";
 import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import J from "../emoji/emoji.js";
-import { getEmojiData as Pe, emojiRegex as je, stringToUnicode as He, codeToEmojiData as H, emojiShortCodeRegex as Ke } from "../../common/emoji/index.js";
-import Fe from "../list-item/list-item.js";
+import { getEmojiData as Ve, emojiRegex as qe, stringToUnicode as Ue, codeToEmojiData as H, emojiShortCodeRegex as We } from "../../common/emoji/index.js";
+import ze from "../list-item/list-item.js";
 import E from "../stack/stack.js";
 import B from "tippy.js";
-import { getPhoneNumberRegex as Ve, linkRegex as qe, warnIfUnmounted as Ue, returnFirstEl as F } from "../../common/utils/index.js";
-import We from "@tiptap/extension-image";
+import { linkRegex as Xe, getPhoneNumberRegex as Je, warnIfUnmounted as Ge, returnFirstEl as F } from "../../common/utils/index.js";
+import Ye from "@tiptap/extension-image";
 import K from "@tiptap/extension-mention";
-import Y from "../link/link.js";
-import { DtIconLock as ze } from "@dialpad/dialtone-icons/vue3";
-import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as V, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Xe, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Je } from "./rich-text-editor-constants.js";
-import Ye from "../avatar/avatar.js";
-import Ge from "@dialpad/dialtone-icons/vue3/hash";
-import Qe from "@dialpad/dialtone-icons/vue3/lock";
-import Ze from "deep-equal";
-import { DialtoneLocalization as et } from "../../localization/index.js";
-import tt from "../button/button.js";
-const nt = {
+import G from "../link/link.js";
+import { DtIconLock as Qe } from "@dialpad/dialtone-icons/vue3";
+import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as V, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Ze, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as et } from "./rich-text-editor-constants.js";
+import tt from "../avatar/avatar.js";
+import nt from "@dialpad/dialtone-icons/vue3/hash";
+import ot from "@dialpad/dialtone-icons/vue3/lock";
+import rt from "deep-equal";
+import { DialtoneLocalization as st } from "../../localization/index.js";
+import it from "../button/button.js";
+const at = {
   compatConfig: { MODE: 3 },
   name: "EmojiComponent",
   components: {
@@ -52,7 +57,7 @@ const nt = {
   },
   props: $
 };
-function ot(e, t, o, n, r, s) {
+function ct(e, t, o, n, r, s) {
   const i = d("dt-emoji"), a = d("node-view-wrapper");
   return l(), m(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
     default: u(() => [
@@ -64,11 +69,11 @@ function ot(e, t, o, n, r, s) {
     _: 1
   });
 }
-const rt = /* @__PURE__ */ g(nt, [["render", ot]]), st = {
+const lt = /* @__PURE__ */ g(at, [["render", ct]]), dt = {
   compatConfig: { MODE: 3 },
   name: "SuggestionList",
   components: {
-    DtListItem: Fe
+    DtListItem: ze
   },
   props: {
     items: {
@@ -137,15 +142,15 @@ const rt = /* @__PURE__ */ g(nt, [["render", ot]]), st = {
       }
     }
   }
-}, it = { class: "d-popover__dialog d-suggestion-list__container" }, at = {
+}, ut = { class: "d-popover__dialog d-suggestion-list__container" }, mt = {
   ref: "suggestionList",
   class: "d-suggestion-list"
 };
-function ct(e, t, o, n, r, s) {
+function ht(e, t, o, n, r, s) {
   const i = d("dt-list-item");
-  return l(), _("div", it, [
-    Me(k("ul", at, [
-      (l(!0), _(Be, null, Ne(o.items, (a, c) => (l(), m(i, {
+  return l(), _("div", ut, [
+    Ae(k("ul", mt, [
+      (l(!0), _(Pe, null, je(o.items, (a, c) => (l(), m(i, {
         key: a.id,
         class: X([
           "d-suggestion-list__item",
@@ -156,16 +161,16 @@ function ct(e, t, o, n, r, s) {
         onKeydown: j(s.onKeyDown, ["prevent"])
       }, {
         default: u(() => [
-          (l(), m(Oe(o.itemComponent), { item: a }, null, 8, ["item"]))
+          (l(), m(He(o.itemComponent), { item: a }, null, 8, ["item"]))
         ]),
         _: 2
       }, 1032, ["class", "onClick", "onKeydown"]))), 128))
     ], 512), [
-      [De, o.items.length]
+      [Ke, o.items.length]
     ])
   ]);
 }
-const N = /* @__PURE__ */ g(st, [["render", ct]]), lt = {
+const N = /* @__PURE__ */ g(dt, [["render", ht]]), pt = {
   compatConfig: { MODE: 3 },
   name: "EmojiSuggestion",
   components: {
@@ -179,7 +184,7 @@ const N = /* @__PURE__ */ g(st, [["render", ct]]), lt = {
     }
   }
 };
-function dt(e, t, o, n, r, s) {
+function ft(e, t, o, n, r, s) {
   const i = d("dt-emoji"), a = d("dt-stack");
   return l(), m(a, {
     direction: "row",
@@ -195,7 +200,7 @@ function dt(e, t, o, n, r, s) {
     _: 1
   });
 }
-const ut = /* @__PURE__ */ g(lt, [["render", dt]]), O = {
+const gt = /* @__PURE__ */ g(pt, [["render", ft]]), O = {
   name: "hideOnEsc",
   defaultValue: !0,
   fn({ hide: e }) {
@@ -211,15 +216,15 @@ const ut = /* @__PURE__ */ g(lt, [["render", dt]]), O = {
       }
     };
   }
-}, mt = 20, ht = (e, t, o) => {
+}, _t = 20, kt = (e, t, o) => {
   var a, c;
   const n = (a = e.shortname) == null ? void 0 : a.replaceAll(":", ""), r = (c = t.shortname) == null ? void 0 : c.replaceAll(":", ""), s = n.startsWith(o), i = r.startsWith(o);
   return s && !i ? -1 : !s && i ? 1 : n.localeCompare(r);
-}, pt = {
+}, yt = {
   items: ({ query: e }) => {
     if (e.length < 2)
       return [];
-    const t = Object.values(Pe());
+    const t = Object.values(Ve());
     return e = e.toLowerCase(), t.filter(
       (n) => {
         var r;
@@ -229,7 +234,7 @@ const ut = /* @__PURE__ */ g(lt, [["render", dt]]), O = {
           ...n.keywords || []
         ].some((s) => s && s.startsWith(e));
       }
-    ).splice(0, mt).sort((n, r) => ht(n, r, e)).map((n) => ({ code: n.shortname }));
+    ).splice(0, _t).sort((n, r) => kt(n, r, e)).map((n) => ({ code: n.shortname }));
   },
   command: ({ editor: e, range: t, props: o }) => {
     var s, i;
@@ -247,7 +252,7 @@ const ut = /* @__PURE__ */ g(lt, [["render", dt]]), O = {
       onStart: (n) => {
         e = new R(N, {
           props: {
-            itemComponent: M(ut),
+            itemComponent: M(gt),
             itemType: "emoji",
             ...n
           },
@@ -285,14 +290,14 @@ const ut = /* @__PURE__ */ g(lt, [["render", dt]]), O = {
       }
     };
   }
-}, ft = /(:\w+:)$/, gt = new RegExp(z + "$"), _t = (e) => {
+}, wt = /(:\w+:)$/, Ct = new RegExp(z + "$"), bt = (e) => {
   if (e && H(e[0]))
     return { text: e[2] || e[0] };
-}, kt = (e) => [...e.matchAll(Ke)].filter((o) => H(o[0])).map((o) => ({
+}, xt = (e) => [...e.matchAll(We)].filter((o) => H(o[0])).map((o) => ({
   index: o.index,
   text: o[0],
   match: o
-})), yt = te.create({
+})), Tt = te.create({
   name: "emoji",
   addOptions() {
     return {
@@ -304,7 +309,7 @@ const ut = /* @__PURE__ */ g(lt, [["render", dt]]), O = {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return I(rt);
+    return I(lt);
   },
   addAttributes() {
     return {
@@ -321,7 +326,7 @@ const ut = /* @__PURE__ */ g(lt, [["render", dt]]), O = {
     ];
   },
   renderText({ node: e }) {
-    return He(H(e.attrs.code).unicode_output);
+    return Ue(H(e.attrs.code).unicode_output);
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["emoji-component", b(this.options.HTMLAttributes, e)];
@@ -330,9 +335,9 @@ const ut = /* @__PURE__ */ g(lt, [["render", dt]]), O = {
     return [
       new ne({
         find: (e) => {
-          const t = e.match(ft) || e.match(gt);
+          const t = e.match(wt) || e.match(Ct);
           if (t)
-            return _t(t);
+            return bt(t);
         },
         handler: ({ state: e, range: t, match: o }) => {
           const { tr: n } = e, r = t.from, s = t.to;
@@ -344,7 +349,7 @@ const ut = /* @__PURE__ */ g(lt, [["render", dt]]), O = {
   addPasteRules() {
     return [
       A({
-        find: kt,
+        find: xt,
         type: this.type,
         getAttributes(e) {
           return {
@@ -353,7 +358,7 @@ const ut = /* @__PURE__ */ g(lt, [["render", dt]]), O = {
         }
       }),
       A({
-        find: je,
+        find: qe,
         type: this.type,
         getAttributes(e) {
           return {
@@ -365,12 +370,12 @@ const ut = /* @__PURE__ */ g(lt, [["render", dt]]), O = {
   },
   addProseMirrorPlugins() {
     return [
-      Ie({
+      De({
         char: ":",
         pluginKey: new T("emoji"),
         editor: this.editor,
         ...this.options.suggestion,
-        ...pt
+        ...yt
       })
     ];
   },
@@ -387,7 +392,7 @@ const ut = /* @__PURE__ */ g(lt, [["render", dt]]), O = {
     };
   }
 });
-function wt(e, t, o = () => !0) {
+function Et(e, t, o = () => !0) {
   const n = [];
   t.lastIndex = 0;
   let r;
@@ -395,10 +400,10 @@ function wt(e, t, o = () => !0) {
     o(e, r) && n.push(r);
   return n;
 }
-function Ct(e, t) {
+function St(e, t) {
   return !["#", "@"].includes(e.charAt(t.index)) && !["#", "@"].includes(e.charAt(t.index - 1));
 }
-function bt(e) {
+function Lt(e) {
   const t = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
@@ -408,7 +413,7 @@ function bt(e) {
   );
   return e.replace(t, "");
 }
-function xt(e, t) {
+function $t(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);
@@ -425,18 +430,18 @@ function xt(e, t) {
   };
 }
 function P(e, t, o, n) {
-  const r = xt(e, t);
+  const r = $t(e, t);
   if (n.lastIndex = 0, !n.test(r.text))
     return r;
   const s = o === "left" ? r.from - 1 : r.to + 1;
   return s <= 0 || s >= e.length || s === t ? r : P(e, s, o, n);
 }
-function Tt(e, t, o, n) {
+function vt(e, t, o, n) {
   const r = Math.max(e.from - 1, 0), s = Math.min(e.to + 1, t.content.size), i = oe(r, s, t);
   for (const a of i)
     a.mark.type === n && o.removeMark(a.from, a.to, n);
 }
-const q = Ve(1, 15);
+const q = Je(1, 15);
 function U(e, t, o, n, r, s) {
   if (!e)
     return;
@@ -453,14 +458,14 @@ function U(e, t, o, n, r, s) {
     "right",
     q
   ), y = e.slice(c.from, p.to);
-  wt(y, qe, Ct).forEach((D) => {
-    const x = bt(D[0]), L = t + c.from + D.index + 1, G = L + x.length;
-    r.addMark(L, G, s.create());
+  Et(y, Xe, St).forEach((D) => {
+    const x = Lt(D[0]), L = t + c.from + D.index + 1, Y = L + x.length;
+    r.addMark(L, Y, s.create());
   });
 }
-function Et(e) {
+function Rt(e) {
   let t = !1;
-  return new Re({
+  return new Oe({
     key: new T("autolink"),
     appendTransaction: (o, n, r) => {
       const s = o.some((y) => y.docChanged) && !n.doc.eq(r.doc);
@@ -473,7 +478,7 @@ function Et(e) {
         [...o]
       );
       return se(c).forEach(({ oldRange: y, newRange: S }) => {
-        Tt(S, r.doc, i, e.type), ie(
+        vt(S, r.doc, i, e.type), ie(
           r.doc,
           S,
           (x) => x.isTextblock
@@ -491,10 +496,10 @@ function Et(e) {
     }
   });
 }
-const St = {
+const It = {
   class: "d-link d-c-text d-d-inline-block d-wb-break-all",
   rel: "noopener noreferrer nofollow"
-}, Lt = ae.create({
+}, Mt = ae.create({
   name: "CustomLink",
   renderHTML({ HTMLAttributes: e }) {
     return [
@@ -502,7 +507,7 @@ const St = {
       b(
         this.options.HTMLAttributes,
         e,
-        St
+        It
       )
     ];
   },
@@ -511,10 +516,10 @@ const St = {
   },
   addProseMirrorPlugins() {
     return [
-      Et({ type: this.type })
+      Rt({ type: this.type })
     ];
   }
-}), $t = We.extend({
+}), Bt = Ye.extend({
   name: "ConfigurableImage",
   addAttributes() {
     return {
@@ -538,19 +543,19 @@ const St = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), vt = W.extend({
+}).configure({ inline: !0, allowBase64: !0 }), Nt = W.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["div", b(this.options.HTMLAttributes, e), 0];
   }
-}), Rt = {
+}), Ot = {
   compatConfig: { MODE: 3 },
   name: "MentionComponent",
   components: {
     NodeViewWrapper: v,
-    DtLink: Y
+    DtLink: G
   },
   props: $,
   computed: {
@@ -570,7 +575,7 @@ const St = {
     }
   }
 };
-function It(e, t, o, n, r, s) {
+function Dt(e, t, o, n, r, s) {
   const i = d("dt-link"), a = d("node-view-wrapper");
   return l(), m(a, { class: "d-d-inline-block" }, {
     default: u(() => [
@@ -587,9 +592,9 @@ function It(e, t, o, n, r, s) {
     _: 1
   });
 }
-const Mt = /* @__PURE__ */ g(Rt, [["render", It]]), Bt = K.extend({
+const At = /* @__PURE__ */ g(Ot, [["render", Dt]]), Pt = K.extend({
   addNodeView() {
-    return I(Mt);
+    return I(At);
   },
   parseHTML() {
     return [
@@ -625,13 +630,13 @@ const Mt = /* @__PURE__ */ g(Rt, [["render", It]]), Bt = K.extend({
     char: "@",
     pluginKey: new T("mentionSuggestion")
   }
-}), Nt = {
+}), jt = {
   compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
     NodeViewWrapper: v,
-    DtLink: Y,
-    DtIconLock: ze,
+    DtLink: G,
+    DtIconLock: Qe,
     DtStack: E
   },
   props: $,
@@ -652,7 +657,7 @@ const Mt = /* @__PURE__ */ g(Rt, [["render", It]]), Bt = K.extend({
     }
   }
 };
-function Ot(e, t, o, n, r, s) {
+function Ht(e, t, o, n, r, s) {
   const i = d("dt-icon-lock"), a = d("dt-stack"), c = d("dt-link"), p = d("node-view-wrapper");
   return l(), m(p, { class: "d-d-inline-block" }, {
     default: u(() => [
@@ -681,10 +686,10 @@ function Ot(e, t, o, n, r, s) {
     _: 1
   });
 }
-const Dt = /* @__PURE__ */ g(Nt, [["render", Ot]]), At = K.extend({
+const Kt = /* @__PURE__ */ g(jt, [["render", Ht]]), Ft = K.extend({
   name: "channel",
   addNodeView() {
-    return I(Dt);
+    return I(Kt);
   },
   parseHTML() {
     return [
@@ -720,7 +725,7 @@ const Dt = /* @__PURE__ */ g(Nt, [["render", Ot]]), At = K.extend({
     char: "#",
     pluginKey: new T("channelSuggestion")
   }
-}), Pt = {
+}), Vt = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandsComponent",
   components: {
@@ -743,7 +748,7 @@ const Dt = /* @__PURE__ */ g(Nt, [["render", Ot]]), At = K.extend({
     t && typeof t == "function" && t(e);
   }
 };
-function jt(e, t, o, n, r, s) {
+function qt(e, t, o, n, r, s) {
   const i = d("node-view-wrapper");
   return l(), m(i, { class: "d-d-inline-block" }, {
     default: u(() => [
@@ -752,14 +757,14 @@ function jt(e, t, o, n, r, s) {
     _: 1
   });
 }
-const Ht = /* @__PURE__ */ g(Pt, [["render", jt]]), Kt = (e, t) => [...e.matchAll(t)].map((n) => {
+const Ut = /* @__PURE__ */ g(Vt, [["render", qt]]), Wt = (e, t) => [...e.matchAll(t)].map((n) => {
   let r = n[2];
   return r.endsWith(" ") || (r += " "), {
     index: n.index,
     text: r,
     match: n
   };
-}), Ft = K.extend({
+}), zt = K.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
@@ -776,7 +781,7 @@ const Ht = /* @__PURE__ */ g(Pt, [["render", jt]]), Kt = (e, t) => [...e.matchAl
     };
   },
   addNodeView() {
-    return I(Ht);
+    return I(Ut);
   },
   parseHTML() {
     return [
@@ -822,7 +827,7 @@ const Ht = /* @__PURE__ */ g(Pt, [["render", jt]]), Kt = (e, t) => [...e.matchAl
     const e = (o = this.options.suggestion) == null ? void 0 : o.items({ query: "" }).map((n) => n.command), t = new RegExp(`^((?:\\/)(${e.join("|")})) ?$`, "g");
     return [
       A({
-        find: (n) => Kt(n, t),
+        find: (n) => Wt(n, t),
         type: this.type,
         getAttributes(n) {
           return { command: n[0].trim() };
@@ -835,11 +840,11 @@ const Ht = /* @__PURE__ */ g(Pt, [["render", jt]]), Kt = (e, t) => [...e.matchAl
     char: "/",
     pluginKey: new T("slashCommandSuggestion")
   }
-}), Vt = {
+}), Xt = {
   compatConfig: { MODE: 3 },
   name: "MentionSuggestion",
   components: {
-    DtAvatar: Ye,
+    DtAvatar: tt,
     DtStack: E
   },
   props: {
@@ -876,14 +881,14 @@ const Ht = /* @__PURE__ */ g(Pt, [["render", jt]]), Kt = (e, t) => [...e.matchAl
       return this.item.showDetails;
     }
   }
-}, qt = { class: "d-mention-suggestion__name" }, Ut = {
+}, Jt = { class: "d-mention-suggestion__name" }, Gt = {
   key: 1,
   class: "d-mention-suggestion__divider"
-}, Wt = {
+}, Yt = {
   key: 2,
   class: "d-mention-suggestion__status"
 };
-function zt(e, t, o, n, r, s) {
+function Qt(e, t, o, n, r, s) {
   const i = d("dt-avatar"), a = d("dt-stack");
   return l(), m(a, {
     direction: "row",
@@ -904,7 +909,7 @@ function zt(e, t, o, n, r, s) {
         gap: "100"
       }, {
         default: u(() => [
-          k("span", qt, h(s.name), 1),
+          k("span", Jt, h(s.name), 1),
           s.showDetails ? (l(), m(a, {
             key: 0,
             direction: "row",
@@ -916,8 +921,8 @@ function zt(e, t, o, n, r, s) {
                 key: 0,
                 class: X(["d-mention-suggestion__presence", [s.presenceFontColorClass]])
               }, h(s.presenceText), 3)) : w("", !0),
-              s.status && s.presenceText ? (l(), _("div", Ut, " • ")) : w("", !0),
-              s.status ? (l(), _("div", Wt, h(s.status), 1)) : w("", !0)
+              s.status && s.presenceText ? (l(), _("div", Gt, " • ")) : w("", !0),
+              s.status ? (l(), _("div", Yt, h(s.status), 1)) : w("", !0)
             ]),
             _: 1
           })) : w("", !0)
@@ -928,7 +933,7 @@ function zt(e, t, o, n, r, s) {
     _: 1
   });
 }
-const Xt = /* @__PURE__ */ g(Vt, [["render", zt]]), Jt = {
+const Zt = /* @__PURE__ */ g(Xt, [["render", Qt]]), en = {
   // 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 [] },
@@ -939,7 +944,7 @@ const Xt = /* @__PURE__ */ g(Vt, [["render", zt]]), Jt = {
       onStart: (n) => {
         e = new R(N, {
           props: {
-            itemComponent: M(Xt),
+            itemComponent: M(Zt),
             itemType: "mention",
             ...n
           },
@@ -977,13 +982,13 @@ const Xt = /* @__PURE__ */ g(Vt, [["render", zt]]), Jt = {
       }
     };
   }
-}, Yt = {
+}, tn = {
   compatConfig: { MODE: 3 },
   name: "ChannelSuggestion",
   components: {
     DtStack: E,
-    DtIconHash: Ge,
-    DtIconLock: Qe
+    DtIconHash: nt,
+    DtIconLock: ot
   },
   props: {
     item: {
@@ -997,7 +1002,7 @@ const Xt = /* @__PURE__ */ g(Vt, [["render", zt]]), Jt = {
     }
   }
 };
-function Gt(e, t, o, n, r, s) {
+function nn(e, t, o, n, r, s) {
   const i = d("dt-icon-hash"), a = d("dt-icon-lock"), c = d("dt-stack");
   return l(), m(c, {
     direction: "row",
@@ -1016,7 +1021,7 @@ function Gt(e, t, o, n, r, s) {
     _: 1
   });
 }
-const Qt = /* @__PURE__ */ g(Yt, [["render", Gt]]), Zt = {
+const on = /* @__PURE__ */ g(tn, [["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 [] },
@@ -1027,7 +1032,7 @@ const Qt = /* @__PURE__ */ g(Yt, [["render", Gt]]), Zt = {
       onStart: (n) => {
         e = new R(N, {
           props: {
-            itemComponent: M(Qt),
+            itemComponent: M(on),
             itemType: "channel",
             ...n
           },
@@ -1065,7 +1070,7 @@ const Qt = /* @__PURE__ */ g(Yt, [["render", Gt]]), Zt = {
       }
     };
   }
-}, en = {
+}, sn = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandSuggestion",
   props: {
@@ -1085,17 +1090,17 @@ const Qt = /* @__PURE__ */ g(Yt, [["render", Gt]]), Zt = {
       return this.item.parametersExample;
     }
   }
-}, tn = { class: "d-body--md-compact" }, nn = { key: 0 }, on = { class: "d-body--sm d-fc-tertiary" };
-function rn(e, t, o, n, r, s) {
+}, an = { class: "d-body--md-compact" }, cn = { key: 0 }, ln = { class: "d-body--sm d-fc-tertiary" };
+function dn(e, t, o, n, r, s) {
   return l(), _("div", null, [
-    k("div", tn, [
+    k("div", an, [
       k("span", null, "/" + h(s.command), 1),
-      s.parametersExample ? (l(), _("span", nn, h(s.parametersExample), 1)) : w("", !0)
+      s.parametersExample ? (l(), _("span", cn, h(s.parametersExample), 1)) : w("", !0)
     ]),
-    k("div", on, h(s.description), 1)
+    k("div", ln, h(s.description), 1)
   ]);
 }
-const sn = /* @__PURE__ */ g(en, [["render", rn]]), an = {
+const un = /* @__PURE__ */ g(sn, [["render", dn]]), mn = {
   // 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 [] },
@@ -1108,7 +1113,7 @@ const sn = /* @__PURE__ */ g(en, [["render", rn]]), an = {
         e = new R(N, {
           parent: void 0,
           props: {
-            itemComponent: M(sn),
+            itemComponent: M(un),
             itemType: "slash-command",
             ...n
           },
@@ -1146,13 +1151,13 @@ const sn = /* @__PURE__ */ g(en, [["render", rn]]), an = {
       }
     };
   }
-}, cn = {
+}, hn = {
   compatConfig: { MODE: 3 },
   name: "DtRichTextEditor",
   components: {
     EditorContent: Z,
     BubbleMenu: Q,
-    DtButton: tt,
+    DtButton: it,
     DtStack: E
   },
   props: {
@@ -1225,7 +1230,7 @@ const sn = /* @__PURE__ */ g(en, [["render", rn]]), an = {
       type: [Boolean, String, Number],
       default: !1,
       validator(e) {
-        return typeof e == "string" ? Je.includes(e) : !0;
+        return typeof e == "string" ? et.includes(e) : !0;
       }
     },
     /**
@@ -1238,7 +1243,7 @@ const sn = /* @__PURE__ */ g(en, [["render", rn]]), an = {
       type: String,
       default: "html",
       validator(e) {
-        return Xe.includes(e);
+        return Ze.includes(e);
       }
     },
     /**
@@ -1419,6 +1424,13 @@ const sn = /* @__PURE__ */ g(en, [["render", rn]]), an = {
     useDivTags: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Allow Tables to be used in to the editor
+     */
+    allowTables: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
@@ -1519,7 +1531,7 @@ const sn = /* @__PURE__ */ g(en, [["render", rn]]), an = {
         },
         placement: "top-start"
       },
-      i18n: new et(),
+      i18n: new st(),
       // JSON-to-markdown converter
       jsonToMarkdownConverter: {
         convertToMarkdown(e) {
@@ -1653,13 +1665,13 @@ ${this.processNodeContent(e)}
     },
     // eslint-disable-next-line complexity
     extensions() {
-      const e = [he, Te, Se, pe];
-      e.push(this.useDivTags ? vt : W), this.allowBold && e.push(ge), this.allowBlockquote && e.push(de), this.allowBulletList && (e.push(_e), e.push(we.extend({
+      const e = [he, Ee, Le, fe];
+      e.push(this.useDivTags ? Nt : W), this.allowBold && e.push(_e), this.allowBlockquote && e.push(de), this.allowBulletList && (e.push(ke), e.push(Ce.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
-      })), e.push(Ce)), this.allowItalic && e.push(ke), this.allowStrike && e.push(be), this.allowUnderline && e.push(xe), this.placeholder && e.push(
-        fe.configure({ placeholder: this.placeholder })
+      })), e.push(be)), this.allowItalic && e.push(ye), this.allowStrike && e.push(xe), this.allowUnderline && e.push(Te), this.placeholder && e.push(
+        ge.configure({ placeholder: this.placeholder })
       );
       const t = this, o = le.create({
         addKeyboardShortcuts() {
@@ -1675,7 +1687,7 @@ ${this.processNodeContent(e)}
           };
         }
       });
-      if (e.push(o), this.link && e.push(ye.extend({
+      if (e.push(o), this.link && e.push(we.extend({
         inclusive: !1,
         addKeyboardShortcuts() {
           return {
@@ -1689,24 +1701,24 @@ ${this.processNodeContent(e)}
         openOnClick: !1,
         autolink: !0,
         protocols: V
-      })), this.customLink && e.push(this.getExtension(Lt, this.customLink)), this.mentionSuggestion) {
-        const n = { ...this.mentionSuggestion, ...Jt };
-        e.push(Bt.configure({ suggestion: n }));
+      })), this.customLink && e.push(this.getExtension(Mt, this.customLink)), this.mentionSuggestion) {
+        const n = { ...this.mentionSuggestion, ...en };
+        e.push(Pt.configure({ suggestion: n }));
       }
       if (this.channelSuggestion) {
-        const n = { ...this.channelSuggestion, ...Zt };
-        e.push(At.configure({ suggestion: n }));
+        const n = { ...this.channelSuggestion, ...rn };
+        e.push(Ft.configure({ suggestion: n }));
       }
       if (this.slashCommandSuggestion) {
-        const n = { ...this.slashCommandSuggestion, ...an };
-        e.push(Ft.configure({
+        const n = { ...this.slashCommandSuggestion, ...mn };
+        e.push(zt.configure({
           suggestion: n,
           onSelectedCommand: (r) => {
             this.$emit("selected-command", r);
           }
         }));
       }
-      return e.push(yt), e.push(Ee.configure({
+      return e.push(Tt), e.push(Se.configure({
         types: ["paragraph"]
       })), this.allowCode && e.push(me), this.allowCodeblock && e.push(ue.extend({
         renderText({ node: n }) {
@@ -1718,7 +1730,7 @@ ${n.textContent}
         HTMLAttributes: {
           class: "d-rich-text-editor__code-block"
         }
-      })), this.allowInlineImages && e.push($t), (this.allowFontFamily || this.allowFontColor) && (e.push(Le), this.allowFontColor && e.push($e), this.allowFontFamily && e.push(ve)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
+      })), this.allowInlineImages && e.push(Bt), (this.allowFontFamily || this.allowFontColor) && (e.push(Me), this.allowFontColor && e.push(Be), this.allowFontFamily && e.push(Ne)), this.additionalExtensions.length && e.push(...this.additionalExtensions), this.allowTables && e.push($e.configure({ resizable: !0 }), Ie, Re, ve, pe), e;
     },
     inputAttrs() {
       const e = {
@@ -1758,7 +1770,7 @@ ${n.textContent}
     this.destroyEditor();
   },
   mounted() {
-    Ue(F(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
+    Ge(F(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
   },
   methods: {
     createEditor() {
@@ -1834,7 +1846,7 @@ ${n.textContent}
     },
     processValue(e, t = !0) {
       const o = this.getOutput();
-      if (!(t && Ze(e, o))) {
+      if (!(t && rt(e, o))) {
         if (typeof e == "string" && this.outputFormat === "text") {
           const n = new RegExp(`(${z})`, "g");
           e = e == null ? void 0 : e.replace(n, '<emoji-component code="$1"></emoji-component>');
@@ -1975,8 +1987,8 @@ ${n.textContent}
       this.editor.commands.focus();
     }
   }
-}, ln = { class: "d-popover__dialog" };
-function dn(e, t, o, n, r, s) {
+}, pn = { class: "d-popover__dialog" };
+function fn(e, t, o, n, r, s) {
   const i = d("dt-button"), a = d("dt-stack"), c = d("bubble-menu"), p = d("editor-content");
   return l(), _("div", null, [
     r.editor && o.link && !o.hideLinkBubbleMenu ? (l(), m(c, {
@@ -1987,7 +1999,7 @@ function dn(e, t, o, n, r, s) {
       style: { visibility: "visible" }
     }, {
       default: u(() => [
-        k("div", ln, [
+        k("div", pn, [
           f(a, {
             direction: "row",
             class: "d-rich-text-editor-bubble-menu__button-stack",
@@ -2031,7 +2043,7 @@ function dn(e, t, o, n, r, s) {
       ]),
       _: 1
     }, 8, ["editor", "should-show", "tippy-options"])) : w("", !0),
-    f(p, Ae({
+    f(p, Fe({
       ref: "editor",
       editor: r.editor,
       class: "d-rich-text-editor",
@@ -2039,8 +2051,8 @@ function dn(e, t, o, n, r, s) {
     }, s.attrs), null, 16, ["editor"])
   ]);
 }
-const no = /* @__PURE__ */ g(cn, [["render", dn]]);
+const ho = /* @__PURE__ */ g(hn, [["render", fn]]);
 export {
-  no as default
+  ho as default
 };
 //# sourceMappingURL=rich-text-editor.js.map