@harbour-enterprises/superdoc 0.11.28 → 0.11.29

package/dist/super-editor/super-editor.es.js

@@ -2,22 +2,22 @@ var yt = Object.defineProperty;
 var Ue = (t) => {
   throw TypeError(t);
 };
-var bt = (t, l, o) => l in t ? yt(t, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[l] = o;
-var Re = (t, l, o) => bt(t, typeof l != "symbol" ? l + "" : l, o), qe = (t, l, o) => l.has(t) || Ue("Cannot " + o);
-var Ae = (t, l, o) => (qe(t, l, "read from private field"), o ? o.call(t) : l.get(t)), Oe = (t, l, o) => l.has(t) ? Ue("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(t) : l.set(t, o);
-var z = (t, l, o) => (qe(t, l, "access private method"), o);
-import { _ as q, a as Ze, b as wt, I as Ne, f as kt, c as Ge, d as Ct, i as _t, u as xt, r as St, E as ze, e as Et, P as At, h as Tt, M as Ft, j as It, A as Lt, N as Mt } from "./chunks/editor-C-0fSABI.js";
-import { C as No, T as zo, l as Vo, n as Wo, k as Po, m as jo } from "./chunks/editor-C-0fSABI.js";
-import { a1 as Dt, y as $t, a3 as Ht, T as Ye, a as Bt } from "./chunks/converter-BGRZCQ6v.js";
-import { O as qo } from "./chunks/converter-BGRZCQ6v.js";
-import { ref as f, createElementBlock as k, openBlock as w, createElementVNode as C, unref as D, getCurrentInstance as Rt, computed as j, watch as Ot, onMounted as Ce, createCommentVNode as Q, withDirectives as Je, withKeys as Qe, normalizeClass as oe, withModifiers as ge, vModelText as et, createTextVNode as tt, toDisplayString as ie, Fragment as U, renderList as ee, normalizeStyle as J, createVNode as P, h as B, createApp as Nt, reactive as Ke, onUnmounted as zt, shallowRef as nt, onBeforeUnmount as ot, createBlock as Vt } from "vue";
-import { t as X, s as Wt, T as Pt, N as Y } from "./chunks/toolbar-Ch6ELZhQ.js";
+var bt = (t, a, o) => a in t ? yt(t, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[a] = o;
+var Re = (t, a, o) => bt(t, typeof a != "symbol" ? a + "" : a, o), qe = (t, a, o) => a.has(t) || Ue("Cannot " + o);
+var Ae = (t, a, o) => (qe(t, a, "read from private field"), o ? o.call(t) : a.get(t)), Oe = (t, a, o) => a.has(t) ? Ue("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, o);
+var z = (t, a, o) => (qe(t, a, "access private method"), o);
+import { _ as q, a as Ze, b as wt, I as Ne, f as Ct, c as Ge, d as kt, i as _t, u as xt, r as Et, E as ze, e as St, P as At, h as Tt, M as Ft, j as It, A as Lt, N as Mt } from "./chunks/editor-DE58B9UE.js";
+import { C as No, T as zo, l as Vo, n as Wo, k as Po, m as jo } from "./chunks/editor-DE58B9UE.js";
+import { a1 as Dt, y as $t, a3 as Ht, T as Ye, a as Bt } from "./chunks/converter-CJL8YHIz.js";
+import { O as qo } from "./chunks/converter-CJL8YHIz.js";
+import { ref as f, createElementBlock as C, openBlock as w, createElementVNode as k, unref as D, getCurrentInstance as Rt, computed as j, watch as Ot, onMounted as ke, createCommentVNode as Q, withDirectives as Je, withKeys as Qe, normalizeClass as oe, withModifiers as ge, vModelText as et, createTextVNode as tt, toDisplayString as ie, Fragment as U, renderList as ee, normalizeStyle as J, createVNode as P, h as B, createApp as Nt, reactive as Ke, onUnmounted as zt, shallowRef as nt, onBeforeUnmount as ot, createBlock as Vt } from "vue";
+import { t as X, s as Wt, T as Pt, N as Y } from "./chunks/toolbar-lfYkRb7A.js";
 import jt from "./ai-writer.es.js";
-import { D as Ko } from "./chunks/docx-zipper-1a8zcFva.js";
+import { D as Ko } from "./chunks/docx-zipper-Bdd3jp6o.js";
 import { createZip as Zo } from "./file-zipper.es.js";
 var it = { exports: {} };
 (function(t) {
-  var l = Object.prototype.hasOwnProperty, o = "~";
+  var a = Object.prototype.hasOwnProperty, o = "~";
   function n() {
   }
   Object.create && (n.prototype = /* @__PURE__ */ Object.create(null), new n().__proto__ || (o = !1));
@@ -33,29 +33,29 @@ var it = { exports: {} };
   function r(s, c) {
     --s._eventsCount === 0 ? s._events = new n() : delete s._events[c];
   }
-  function a() {
+  function l() {
     this._events = new n(), this._eventsCount = 0;
   }
-  a.prototype.eventNames = function() {
+  l.prototype.eventNames = function() {
     var c = [], d, u;
     if (this._eventsCount === 0) return c;
     for (u in d = this._events)
-      l.call(d, u) && c.push(o ? u.slice(1) : u);
+      a.call(d, u) && c.push(o ? u.slice(1) : u);
     return Object.getOwnPropertySymbols ? c.concat(Object.getOwnPropertySymbols(d)) : c;
-  }, a.prototype.listeners = function(c) {
+  }, l.prototype.listeners = function(c) {
     var d = o ? o + c : c, u = this._events[d];
     if (!u) return [];
     if (u.fn) return [u.fn];
     for (var b = 0, v = u.length, y = new Array(v); b < v; b++)
       y[b] = u[b].fn;
     return y;
-  }, a.prototype.listenerCount = function(c) {
+  }, l.prototype.listenerCount = function(c) {
     var d = o ? o + c : c, u = this._events[d];
     return u ? u.fn ? 1 : u.length : 0;
-  }, a.prototype.emit = function(c, d, u, b, v, y) {
-    var S = o ? o + c : c;
-    if (!this._events[S]) return !1;
-    var g = this._events[S], F = arguments.length, $, p;
+  }, l.prototype.emit = function(c, d, u, b, v, y) {
+    var E = o ? o + c : c;
+    if (!this._events[E]) return !1;
+    var g = this._events[E], F = arguments.length, $, p;
     if (g.fn) {
       switch (g.once && this.removeListener(c, g.fn, void 0, !0), F) {
         case 1:
@@ -97,11 +97,11 @@ var it = { exports: {} };
         }
     }
     return !0;
-  }, a.prototype.on = function(c, d, u) {
+  }, l.prototype.on = function(c, d, u) {
     return i(this, c, d, u, !1);
-  }, a.prototype.once = function(c, d, u) {
+  }, l.prototype.once = function(c, d, u) {
     return i(this, c, d, u, !0);
-  }, a.prototype.removeListener = function(c, d, u, b) {
+  }, l.prototype.removeListener = function(c, d, u, b) {
     var v = o ? o + c : c;
     if (!this._events[v]) return this;
     if (!d)
@@ -110,34 +110,34 @@ var it = { exports: {} };
     if (y.fn)
       y.fn === d && (!b || y.once) && (!u || y.context === u) && r(this, v);
     else {
-      for (var S = 0, g = [], F = y.length; S < F; S++)
-        (y[S].fn !== d || b && !y[S].once || u && y[S].context !== u) && g.push(y[S]);
+      for (var E = 0, g = [], F = y.length; E < F; E++)
+        (y[E].fn !== d || b && !y[E].once || u && y[E].context !== u) && g.push(y[E]);
       g.length ? this._events[v] = g.length === 1 ? g[0] : g : r(this, v);
     }
     return this;
-  }, a.prototype.removeAllListeners = function(c) {
+  }, l.prototype.removeAllListeners = function(c) {
     var d;
     return c ? (d = o ? o + c : c, this._events[d] && r(this, d)) : (this._events = new n(), this._eventsCount = 0), this;
-  }, a.prototype.off = a.prototype.removeListener, a.prototype.addListener = a.prototype.on, a.prefixed = o, a.EventEmitter = a, t.exports = a;
+  }, l.prototype.off = l.prototype.removeListener, l.prototype.addListener = l.prototype.on, l.prefixed = o, l.EventEmitter = l, t.exports = l;
 })(it);
 var Ut = it.exports;
 const qt = /* @__PURE__ */ Dt(Ut);
 function Gt(t) {
-  let l = t;
-  for (; l; ) {
-    const o = window.getComputedStyle(l).overflowY;
-    if (/(auto|scroll)/.test(o) && l.scrollHeight > l.clientHeight)
-      return l;
-    l = l.parentElement;
+  let a = t;
+  for (; a; ) {
+    const o = window.getComputedStyle(a).overflowY;
+    if (/(auto|scroll)/.test(o) && a.scrollHeight > a.clientHeight)
+      return a;
+    a = a.parentElement;
   }
   return document.scrollingElement || document.documentElement;
 }
-function Kt(t, l = { behavior: "smooth", block: "start" }) {
+function Kt(t, a = { behavior: "smooth", block: "start" }) {
   if (!t) return;
   const o = Gt(t), n = o.getBoundingClientRect(), i = t.getBoundingClientRect().top - n.top + o.scrollTop;
   o.scrollTo({
-    top: l.block === "start" ? i : i - o.clientHeight + t.offsetHeight,
-    behavior: l.behavior
+    top: a.block === "start" ? i : i - o.clientHeight + t.offsetHeight,
+    behavior: a.behavior
   });
 }
 const x = (t) => {
@@ -147,10 +147,10 @@ const x = (t) => {
     throw new Error("Toolbar button item needs either icon or label - " + t.name);
   if (!t.name)
     throw new Error("Invalid toolbar item name - " + t.name);
-  const o = f($t()), n = t.type, e = f(t.name), i = t.command, r = t.noArgumentCommand, a = f(t.icon), s = f(t.group || "center"), c = f(t.allowWithoutEditor), d = f(t.attributes || {}), u = t.disabled || !1, b = f(t.disabled), v = f(!1), y = f(!1), S = f(t.style), g = f(t.isNarrow), F = f(t.isWide), $ = f(t.minWidth), p = f(t.suppressActiveHighlight || !1), _ = f(t.argument), T = f(null), N = f(null), V = f(t.iconColor), te = f(t.hasCaret), ye = f(t.dropdownStyles), Z = f(t.tooltip), re = f(t.tooltipVisible), be = f(t.tooltipTimeout), I = f(t.defaultLabel), M = f(t.label), H = f(t.hideLabel), R = f(t.inlineTextInputVisible), G = f(t.hasInlineTextInput), K = f(t.markName), ce = f(t.labelAttr), ue = f(t.selectedValue), _e = f(t.dropdownValueKey), xe = f(t.inputRef || null), Se = f([]);
+  const o = f($t()), n = t.type, e = f(t.name), i = t.command, r = t.noArgumentCommand, l = f(t.icon), s = f(t.group || "center"), c = f(t.allowWithoutEditor), d = f(t.attributes || {}), u = t.disabled || !1, b = f(t.disabled), v = f(!1), y = f(!1), E = f(t.style), g = f(t.isNarrow), F = f(t.isWide), $ = f(t.minWidth), p = f(t.suppressActiveHighlight || !1), _ = f(t.argument), T = f(null), N = f(null), V = f(t.iconColor), te = f(t.hasCaret), ye = f(t.dropdownStyles), Z = f(t.tooltip), re = f(t.tooltipVisible), be = f(t.tooltipTimeout), I = f(t.defaultLabel), M = f(t.label), H = f(t.hideLabel), R = f(t.inlineTextInputVisible), G = f(t.hasInlineTextInput), K = f(t.markName), ce = f(t.labelAttr), ue = f(t.selectedValue), _e = f(t.dropdownValueKey), xe = f(t.inputRef || null), Ee = f([]);
   if (t.options) {
     if (!Array.isArray(t.options)) throw new Error("Invalid toolbar item options - " + t.options);
-    Se.value.push(...t.options);
+    Ee.value.push(...t.options);
   }
   const Fe = (se) => {
     we(se), !p.value && (v.value = !0);
@@ -171,15 +171,15 @@ const x = (t) => {
     type: n,
     command: i,
     noArgumentCommand: r,
-    icon: a,
+    icon: l,
     tooltip: Z,
     group: s,
     attributes: d,
     disabled: b,
     active: v,
     expand: y,
-    nestedOptions: Se,
-    style: S,
+    nestedOptions: Ee,
+    style: E,
     isNarrow: g,
     isWide: F,
     minWidth: $,
@@ -216,27 +216,27 @@ const x = (t) => {
 }, Xt = { class: "alignment-buttons" }, Zt = ["innerHTML"], Yt = ["innerHTML"], Jt = ["innerHTML"], Qt = ["innerHTML"], en = {
   __name: "AlignmentButtons",
   emits: ["select"],
-  setup(t, { emit: l }) {
-    const o = l, n = (e) => {
+  setup(t, { emit: a }) {
+    const o = a, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (w(), k("div", Xt, [
-      C("div", {
+    return (e, i) => (w(), C("div", Xt, [
+      k("div", {
         class: "button-icon",
         onClick: i[0] || (i[0] = (r) => n("left")),
         innerHTML: D(X).alignLeft
       }, null, 8, Zt),
-      C("div", {
+      k("div", {
         class: "button-icon",
         onClick: i[1] || (i[1] = (r) => n("center")),
         innerHTML: D(X).alignCenter
       }, null, 8, Yt),
-      C("div", {
+      k("div", {
         class: "button-icon",
         onClick: i[2] || (i[2] = (r) => n("right")),
         innerHTML: D(X).alignRight
       }, null, 8, Jt),
-      C("div", {
+      k("div", {
         class: "button-icon",
         onClick: i[3] || (i[3] = (r) => n("justify")),
         innerHTML: D(X).alignJustify
@@ -281,8 +281,8 @@ const x = (t) => {
     }
   },
   emits: ["submit", "cancel"],
-  setup(t, { emit: l }) {
-    const o = l, n = t, { proxy: e } = Rt(), i = () => {
+  setup(t, { emit: a }) {
+    const o = a, n = t, { proxy: e } = Rt(), i = () => {
       if (e?.$submit instanceof Function && e.$submit(), c.value && u.value) {
         o("submit", { text: s.value, href: d.value });
         return;
@@ -290,13 +290,13 @@ const x = (t) => {
         o("submit", { text: s.value, href: null });
         return;
       }
-      console.debug("[LinkInput] Invalid URL in handleSubmit"), a.value = !0;
+      console.debug("[LinkInput] Invalid URL in handleSubmit"), l.value = !0;
     }, r = () => {
       o("submit", { text: s.value, href: null });
-    }, a = f(!1), s = f(n.initialText), c = f(n.href), d = j(() => c.value?.startsWith("http") ? c.value : "http://" + c.value), u = j(() => {
+    }, l = f(!1), s = f(n.initialText), c = f(n.href), d = j(() => c.value?.startsWith("http") ? c.value : "http://" + c.value), u = j(() => {
       const p = d.value.split(".").filter(Boolean);
       return d.value.includes(".") && p.length > 1;
-    }), b = j(() => y.value ? "Apply" : "Remove"), v = j(() => !u.value), y = j(() => !S.value), S = j(() => n.href && !c.value), g = j(() => n.href.startsWith("#")), F = () => {
+    }), b = j(() => y.value ? "Apply" : "Remove"), v = j(() => !u.value), y = j(() => !E.value), E = j(() => n.href && !c.value), g = j(() => n.href.startsWith("#")), F = () => {
       window.open(d.value, "_blank");
     };
     Ot(
@@ -309,60 +309,60 @@ const x = (t) => {
       const p = document.querySelector(".link-input-ctn input");
       p && p.focus();
     };
-    return Ce(() => {
+    return ke(() => {
       n.showInput && $();
-    }), (p, _) => (w(), k("div", nn, [
-      t.href ? g.value ? (w(), k("div", sn, "Page anchor")) : (w(), k("div", ln, "Edit link")) : (w(), k("div", on, "Add link")),
-      t.showInput && !g.value ? (w(), k("div", an, [
-        C("div", rn, [
-          C("div", {
+    }), (p, _) => (w(), C("div", nn, [
+      t.href ? g.value ? (w(), C("div", sn, "Page anchor")) : (w(), C("div", ln, "Edit link")) : (w(), C("div", on, "Add link")),
+      t.showInput && !g.value ? (w(), C("div", an, [
+        k("div", rn, [
+          k("div", {
             class: "input-icon",
             innerHTML: D(X).linkInput
           }, null, 8, cn),
-          Je(C("input", {
+          Je(k("input", {
             type: "text",
             placeholder: "Type or paste a link",
-            class: oe({ error: a.value }),
+            class: oe({ error: l.value }),
             "onUpdate:modelValue": _[0] || (_[0] = (T) => c.value = T),
             onKeydown: [
               Qe(ge(i, ["stop", "prevent"]), ["enter"]),
-              _[1] || (_[1] = (T) => a.value = !1)
+              _[1] || (_[1] = (T) => l.value = !1)
             ]
           }, null, 42, dn), [
             [et, c.value]
           ]),
-          C("div", {
+          k("div", {
             class: oe(["open-link-icon", { disabled: !u.value }]),
             innerHTML: D(X).openLink,
             onClick: F
           }, null, 10, un)
         ]),
-        C("div", mn, [
-          t.href ? (w(), k("button", {
+        k("div", mn, [
+          t.href ? (w(), C("button", {
             key: 0,
             class: "remove-btn",
             onClick: r
           }, [
-            C("div", {
+            k("div", {
               class: "remove-btn__icon",
               innerHTML: D(X).removeLink
             }, null, 8, pn),
             _[3] || (_[3] = tt(" Remove "))
           ])) : Q("", !0),
-          y.value ? (w(), k("button", {
+          y.value ? (w(), C("button", {
             key: 1,
             class: oe(["submit-btn", { "disable-btn": v.value }]),
             onClick: i
           }, ie(b.value), 3)) : Q("", !0)
         ])
-      ])) : g.value ? (w(), k("div", hn, [
-        C("a", {
+      ])) : g.value ? (w(), C("div", hn, [
+        k("a", {
           onClick: _[2] || (_[2] = ge((...T) => t.goToAnchor && t.goToAnchor(...T), ["stop", "prevent"]))
         }, "Go to " + ie(t.href.startsWith("#_") ? t.href.substring(2) : t.href), 1)
       ])) : Q("", !0)
     ]));
   }
-}, vn = /* @__PURE__ */ q(fn, [["__scopeId", "data-v-6990d5b2"]]), gn = { class: "document-mode" }, yn = ["onClick"], bn = { class: "document-mode-column icon-column" }, wn = ["innerHTML"], kn = { class: "document-mode-column text-column" }, Cn = { class: "document-mode-type" }, _n = { class: "document-mode-description" }, xn = {
+}, vn = /* @__PURE__ */ q(fn, [["__scopeId", "data-v-6990d5b2"]]), gn = { class: "document-mode" }, yn = ["onClick"], bn = { class: "document-mode-column icon-column" }, wn = ["innerHTML"], Cn = { class: "document-mode-column text-column" }, kn = { class: "document-mode-type" }, _n = { class: "document-mode-description" }, xn = {
   __name: "DocumentMode",
   props: {
     options: {
@@ -370,29 +370,29 @@ const x = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: l }) {
-    const o = l, n = (e) => {
+  setup(t, { emit: a }) {
+    const o = a, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (w(), k("div", gn, [
-      (w(!0), k(U, null, ee(t.options, (r) => (w(), k("div", {
+    return (e, i) => (w(), C("div", gn, [
+      (w(!0), C(U, null, ee(t.options, (r) => (w(), C("div", {
         class: oe(["option-item", { disabled: r.disabled }]),
-        onClick: (a) => n(r)
+        onClick: (l) => n(r)
       }, [
-        C("div", bn, [
-          C("div", {
+        k("div", bn, [
+          k("div", {
             class: "icon-column__icon",
             innerHTML: r.icon
           }, null, 8, wn)
         ]),
-        C("div", kn, [
-          C("div", Cn, ie(r.label), 1),
-          C("div", _n, ie(r.description), 1)
+        k("div", Cn, [
+          k("div", kn, ie(r.label), 1),
+          k("div", _n, ie(r.description), 1)
         ])
       ], 10, yn))), 256))
     ]));
   }
-}, Sn = /* @__PURE__ */ q(xn, [["__scopeId", "data-v-f86e1477"]]), En = {
+}, En = /* @__PURE__ */ q(xn, [["__scopeId", "data-v-f86e1477"]]), Sn = {
   key: 0,
   class: "linked-style-buttons"
 }, An = ["onClick"], Tn = {
@@ -404,19 +404,19 @@ const x = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: l }) {
-    const o = l, n = t, e = (i) => {
+  setup(t, { emit: a }) {
+    const o = a, n = t, e = (i) => {
       o("select", i);
     };
-    return (i, r) => n.editor ? (w(), k("div", En, [
-      (w(!0), k(U, null, ee(D(Ze)(t.editor), (a) => (w(), k("div", {
+    return (i, r) => n.editor ? (w(), C("div", Sn, [
+      (w(!0), C(U, null, ee(D(Ze)(t.editor), (l) => (w(), C("div", {
         class: "style-item",
-        onClick: (s) => e(a)
+        onClick: (s) => e(l)
       }, [
-        C("div", {
+        k("div", {
           class: "style-name",
-          style: J(D(wt)(a, null, !1))
-        }, ie(a.definition.attrs.name), 5)
+          style: J(D(wt)(l, null, !1))
+        }, ie(l.definition.attrs.name), 5)
       ], 8, An))), 256))
     ])) : Q("", !0);
   }
@@ -433,27 +433,27 @@ const x = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: l }) {
-    const o = l, n = t, e = j(() => (a) => n.activeColor.value ? n.activeColor.value.toUpperCase() === a.value : !1), i = (a, s) => s === 5 || ["#FFFFFF", "#FAFF09"].includes(a) ? { color: "#000" } : { color: "#FFF" }, r = (a) => {
-      o("select", a.value);
+  setup(t, { emit: a }) {
+    const o = a, n = t, e = j(() => (l) => n.activeColor.value ? n.activeColor.value.toUpperCase() === l.value : !1), i = (l, s) => s === 5 || ["#FFFFFF", "#FAFF09"].includes(l) ? { color: "#000" } : { color: "#FFF" }, r = (l) => {
+      o("select", l.value);
     };
-    return Ce(() => {
+    return ke(() => {
       if (!n.icons.every((s) => Array.isArray(s))) throw new Error("icon props must be 2d array");
-    }), (a, s) => (w(!0), k(U, null, ee(t.icons, (c, d) => (w(), k("div", {
+    }), (l, s) => (w(!0), C(U, null, ee(t.icons, (c, d) => (w(), C("div", {
       class: "option-row",
       key: d
     }, [
-      (w(!0), k(U, null, ee(c, (u, b) => (w(), k("div", {
+      (w(!0), C(U, null, ee(c, (u, b) => (w(), C("div", {
         class: "option",
         key: b,
         onClick: ge((v) => r(u), ["stop", "prevent"])
       }, [
-        C("div", {
+        k("div", {
           class: "option__icon",
           innerHTML: u.icon,
           style: J(u.style)
         }, null, 12, Ln),
-        e.value(u) ? (w(), k("div", {
+        e.value(u) ? (w(), C("div", {
           key: 0,
           class: "option__check",
           innerHTML: D(X).colorOptionCheck,
@@ -484,30 +484,30 @@ const x = (t) => {
     }
   },
   emits: ["select", "clickoutside"],
-  setup(t, { emit: l }) {
-    const o = l, n = (e) => {
+  setup(t, { emit: a }) {
+    const o = a, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (w(), k("div", Hn, [
-      t.hasNoneIcon ? (w(), k("div", {
+    return (e, i) => (w(), C("div", Hn, [
+      t.hasNoneIcon ? (w(), C("div", {
         key: 0,
         class: "none-option",
         onClick: i[0] || (i[0] = (r) => n("none"))
       }, [
-        C("span", {
+        k("span", {
           innerHTML: D($n),
           class: "none-icon"
         }, null, 8, Bn),
         i[1] || (i[1] = tt(" None "))
       ])) : Q("", !0),
-      C("div", Rn, [
+      k("div", Rn, [
         P(Xe, {
           icons: t.icons,
           "active-color": t.activeColor,
           onSelect: n
         }, null, 8, ["icons", "active-color"]),
-        t.customIcons.flat().length ? (w(), k(U, { key: 0 }, [
-          i[2] || (i[2] = C("span", { class: "option-grid-ctn__subtitle" }, "Custom colors", -1)),
+        t.customIcons.flat().length ? (w(), C(U, { key: 0 }, [
+          i[2] || (i[2] = k("span", { class: "option-grid-ctn__subtitle" }, "Custom colors", -1)),
           P(Xe, {
             icons: t.customIcons,
             "active-color": t.activeColor,
@@ -519,8 +519,8 @@ const x = (t) => {
   }
 }, Nn = /* @__PURE__ */ q(On, [["__scopeId", "data-v-47b783db"]]), zn = (t) => {
   t.expand.value = !1;
-}, h = (t, l = null) => ({
-  label: l,
+}, h = (t, a = null) => ({
+  label: a,
   icon: X.colorOption,
   value: t,
   style: {
@@ -528,15 +528,15 @@ const x = (t) => {
     boxShadow: "0 0 5px 1px rgba(0, 0, 0, 0.1)",
     borderRadius: "50%"
   }
-}), Ve = (t, l, o = [], n = !1) => {
+}), Ve = (t, a, o = [], n = !1) => {
   const e = (i) => {
-    l.iconColor.value = i, t.emitCommand({ item: l, argument: i }), zn(l);
+    a.iconColor.value = i, t.emitCommand({ item: a, argument: i }), zn(a);
   };
   return B("div", {}, [
     B(Nn, {
       icons: st,
       customIcons: o,
-      activeColor: l.iconColor,
+      activeColor: a.iconColor,
       hasNoneIcon: n,
       onSelect: e
     })
@@ -617,28 +617,28 @@ const x = (t) => {
 ], Vn = () => st.flat().map((t) => t.value), Wn = { class: "toolbar-table-grid-wrapper" }, Pn = ["data-cols", "data-rows", "onClick"], jn = { class: "toolbar-table-grid-value" }, Un = {
   __name: "TableGrid",
   emits: ["select", "clickoutside"],
-  setup(t, { emit: l }) {
-    const o = l, n = f(0), e = f(0), i = (a) => {
-      let s = a.target;
+  setup(t, { emit: a }) {
+    const o = a, n = f(0), e = f(0), i = (l) => {
+      let s = l.target;
       if (!!s.dataset.grid)
         return;
       let u = [...s.parentElement.querySelectorAll("[data-item]")], b = parseInt(s.dataset.cols, 10), v = parseInt(s.dataset.rows, 10);
       e.value = b, n.value = v;
       for (let y = 0; y < u.length; y++) {
-        let S = u[y], g = parseInt(S.dataset.cols, 10), F = parseInt(S.dataset.rows, 10);
-        g <= b && F <= v ? S.classList.add("selected") : S.classList.remove("selected");
+        let E = u[y], g = parseInt(E.dataset.cols, 10), F = parseInt(E.dataset.rows, 10);
+        g <= b && F <= v ? E.classList.add("selected") : E.classList.remove("selected");
       }
-    }, r = ({ cols: a, rows: s }) => {
-      o("select", { cols: a, rows: s });
+    }, r = ({ cols: l, rows: s }) => {
+      o("select", { cols: l, rows: s });
     };
-    return (a, s) => (w(), k("div", Wn, [
-      C("div", {
+    return (l, s) => (w(), C("div", Wn, [
+      k("div", {
         class: "toolbar-table-grid",
         onMouseover: i,
         "data-grid": "true"
       }, [
-        (w(), k(U, null, ee(5, (c) => (w(), k(U, { key: c }, [
-          (w(), k(U, null, ee(5, (d) => C("div", {
+        (w(), C(U, null, ee(5, (c) => (w(), C(U, { key: c }, [
+          (w(), C(U, null, ee(5, (d) => k("div", {
             class: "toolbar-table-grid__item",
             key: `${c}_${d}`,
             "data-cols": d,
@@ -648,7 +648,7 @@ const x = (t) => {
           }, null, 8, Pn)), 64))
         ], 64))), 64))
       ], 32),
-      C("div", jn, ie(n.value) + " x " + ie(e.value), 1)
+      k("div", jn, ie(n.value) + " x " + ie(e.value), 1)
     ]));
   }
 }, qn = /* @__PURE__ */ q(Un, [["__scopeId", "data-v-06352ab9"]]), Gn = { class: "toolbar-table-actions" }, Kn = ["onClick"], Xn = { class: "toolbar-table-actions__icon" }, Zn = ["innerHTML"], Yn = { class: "toolbar-table-actions__label" }, Jn = {
@@ -659,22 +659,22 @@ const x = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: l }) {
-    const o = l, n = (e) => {
+  setup(t, { emit: a }) {
+    const o = a, n = (e) => {
       o("select", { command: e.command });
     };
-    return (e, i) => (w(), k("div", Gn, [
-      (w(!0), k(U, null, ee(t.options, (r) => (w(), k("div", {
+    return (e, i) => (w(), C("div", Gn, [
+      (w(!0), C(U, null, ee(t.options, (r) => (w(), C("div", {
         class: oe(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": r.bottomBorder }]),
-        onClick: (a) => n(r)
+        onClick: (l) => n(r)
       }, [
-        C("div", Xn, [
-          C("div", {
+        k("div", Xn, [
+          k("div", {
             class: "toolbar-table-actions__icon-wrapper",
             innerHTML: r.icon
           }, null, 8, Zn)
         ]),
-        C("div", Yn, ie(r.label), 1)
+        k("div", Yn, ie(r.label), 1)
       ], 10, Kn))), 256))
     ]));
   }
@@ -687,15 +687,15 @@ const x = (t) => {
     }
   },
   emits: ["submit"],
-  setup(t, { emit: l }) {
-    const o = f(""), n = l, e = () => {
+  setup(t, { emit: a }) {
+    const o = f(""), n = a, e = () => {
       n("submit", { value: o.value });
     };
-    return (i, r) => (w(), k("div", to, [
-      C("div", no, [
-        Je(C("input", {
+    return (i, r) => (w(), C("div", to, [
+      k("div", no, [
+        Je(k("input", {
           ref: t.searchRef,
-          "onUpdate:modelValue": r[0] || (r[0] = (a) => o.value = a),
+          "onUpdate:modelValue": r[0] || (r[0] = (l) => o.value = l),
           class: "search-input",
           type: "text",
           name: "search",
@@ -705,8 +705,8 @@ const x = (t) => {
           [et, o.value]
         ])
       ]),
-      C("div", { class: "row submit" }, [
-        C("button", {
+      k("div", { class: "row submit" }, [
+        k("button", {
           class: "submit-btn",
           onClick: e
         }, " Apply ")
@@ -715,7 +715,7 @@ const x = (t) => {
   }
 }, so = /* @__PURE__ */ q(io, [["__scopeId", "data-v-af870fbd"]]), ae = (t) => {
   t.expand.value = !1;
-}, lo = (t, l = !1, o, n, e) => {
+}, lo = (t, a = !1, o, n, e) => {
   const i = x({
     type: "button",
     name: "bold",
@@ -773,7 +773,7 @@ const x = (t) => {
       m && (r.label.value = m);
     },
     onDeactivate: () => r.label.value = r.defaultLabel.value
-  }), a = x({
+  }), l = x({
     type: "dropdown",
     dropdownStyles: {
       padding: 0,
@@ -802,7 +802,7 @@ const x = (t) => {
             [
               B(jt, {
                 handleClose: () => {
-                  ae(a);
+                  ae(l);
                 },
                 selectedText: m,
                 editor: t.activeEditor,
@@ -848,8 +848,8 @@ const x = (t) => {
     ],
     onActivate: ({ fontSize: m }) => {
       if (!m) return s.label.value = s.defaultLabel.value;
-      let E = Wt(m, 12);
-      E < 8 && (E = 8), E > 96 && (E = 96), s.label.value = String(E);
+      let S = Wt(m, 12);
+      S < 8 && (S = 8), S > 96 && (S = 96), s.label.value = String(S);
     },
     onDeactivate: () => s.label.value = s.defaultLabel.value
   }), c = x({
@@ -911,7 +911,7 @@ const x = (t) => {
       v.iconColor.value = m;
     },
     onDeactivate: () => v.iconColor.value = "#000"
-  }), y = f(null), S = x({
+  }), y = f(null), E = x({
     type: "dropdown",
     name: "search",
     icon: e.search,
@@ -927,8 +927,8 @@ const x = (t) => {
     ]
   }), g = () => B("div", {}, [
     B(so, {
-      onSubmit: ({ value: E }) => {
-        t.activeEditor.commands.search(E);
+      onSubmit: ({ value: S }) => {
+        t.activeEditor.commands.search(S);
       },
       searchRef: y
     })
@@ -1083,9 +1083,9 @@ const x = (t) => {
   function ye(m) {
     return B(Qn, {
       options: te,
-      onSelect: (E) => {
+      onSelect: (S) => {
         ae(m);
-        const { command: A } = E;
+        const { command: A } = S;
         t.emitCommand({ item: m, argument: { command: A } });
       }
     });
@@ -1105,10 +1105,10 @@ const x = (t) => {
         type: "render",
         render: () => B("div", {}, [
           B(tn, {
-            onSelect: (E) => {
+            onSelect: (S) => {
               ae(Z);
               const A = { ...Z, command: "setTextAlign" };
-              A.command = "setTextAlign", t.emitCommand({ item: A, argument: E }), re(Z, E);
+              A.command = "setTextAlign", t.emitCommand({ item: A, argument: S }), re(Z, S);
             }
           })
         ]),
@@ -1121,8 +1121,8 @@ const x = (t) => {
     onDeactivate: () => {
       re(Z, "left");
     }
-  }), re = (m, E) => {
-    let A = E === "both" ? "justify" : E, W = {
+  }), re = (m, S) => {
+    let A = S === "both" ? "justify" : S, W = {
       left: e.alignLeft,
       right: e.alignRight,
       center: e.alignCenter,
@@ -1231,7 +1231,7 @@ const x = (t) => {
     command: "rejectTrackedChangeOnSelection",
     icon: e.trackChangesReject,
     group: "left"
-  }), Se = x({
+  }), Ee = x({
     type: "button",
     disabled: !1,
     name: "toggleTrackChangesShowOriginal",
@@ -1260,7 +1260,7 @@ const x = (t) => {
     u,
     H,
     M,
-    S,
+    E,
     R
   ].map((m) => m.name);
   const Le = x({
@@ -1269,7 +1269,7 @@ const x = (t) => {
     tooltip: "Format painter",
     icon: e.copyFormat,
     command: "copyFormat"
-  }), Me = (m, E) => m === "editor" ? E : m === "suggester" ? E.filter((A) => A.value === "suggesting") : E.filter((A) => A.value === "viewing"), we = (m) => m === "editor" ? "Editing" : m === "suggester" ? "Suggesting" : "Viewing", ne = x({
+  }), Me = (m, S) => m === "editor" ? S : m === "suggester" ? S.filter((A) => A.value === "suggesting") : S.filter((A) => A.value === "viewing"), we = (m) => m === "editor" ? "Editing" : m === "suggester" ? "Suggesting" : "Viewing", ne = x({
     type: "dropdown",
     name: "documentMode",
     command: "setDocumentMode",
@@ -1315,9 +1315,9 @@ const x = (t) => {
     }
   ];
   function me(m) {
-    const E = Me(n, De);
-    return B(Sn, {
-      options: E,
+    const S = Me(n, De);
+    return B(En, {
+      options: S,
       onSelect: (A) => {
         ae(m);
         const { label: W, icon: le } = A;
@@ -1347,7 +1347,7 @@ const x = (t) => {
     command: "toggleRuler",
     icon: e.ruler,
     tooltip: "Show or hide ruler"
-  }), ke = x({
+  }), Ce = x({
     type: "dropdown",
     name: "linkedStyles",
     command: "setLinkedStyle",
@@ -1367,10 +1367,10 @@ const x = (t) => {
         type: "render",
         key: "linkedStyle",
         render: () => {
-          const m = (E) => {
-            ae(ke);
-            const A = { ...ke, command: "setLinkedStyle" };
-            t.emitCommand({ item: A, argument: E });
+          const m = (S) => {
+            ae(Ce);
+            const A = { ...Ce, command: "setLinkedStyle" };
+            t.emitCommand({ item: A, argument: S });
           };
           return B("div", {}, [
             B(Fn, {
@@ -1382,13 +1382,13 @@ const x = (t) => {
       }
     ],
     onActivate: () => {
-      ke.disabled.value = !1;
+      Ce.disabled.value = !1;
     },
     onDeactivate: () => {
-      ke.disabled.value = !0;
+      Ce.disabled.value = !0;
     }
-  }), he = (m, E) => {
-    if (E.value.toString() === m)
+  }), he = (m, S) => {
+    if (S.value.toString() === m)
       return B("div", { innerHTML: eo, class: "dropdown-select-icon" });
   }, de = x({
     type: "dropdown",
@@ -1448,53 +1448,53 @@ const x = (t) => {
     H,
     de,
     c,
-    ke,
+    Ce,
     c,
     dt,
     se,
     Le,
     Ie,
-    a,
+    l,
     R,
     ne
   ];
   if (t.config?.superdoc?.config?.modules?.ai || (O = O.filter((m) => m.name.value !== "ai")), o <= $e.md && (O = O.filter((m) => m.type !== "separator")), t.config.pagination || (O = O.filter((m) => m.name.value !== "pageBreakTool")), t.config.mode !== "docx") {
     const m = O.findIndex((A) => A.name.value === "linkedStyles");
     O.splice(m - 1, 2);
-    const E = ["ruler", "zoom", "undo", "redo"];
-    O = O.filter((A) => !E.includes(A.name.value));
+    const S = ["ruler", "zoom", "undo", "redo"];
+    O = O.filter((A) => !S.includes(A.name.value));
   }
-  const je = [ue, Se, Fe];
-  l || (n === "viewer" && je.push(_e, xe), O = O.filter((m) => !je.includes(m)));
-  const ft = [S, K, R, ne].map((m) => m.name), vt = (m) => ft.includes(m.name), Ee = [], He = [];
+  const je = [ue, Ee, Fe];
+  a || (n === "viewer" && je.push(_e, xe), O = O.filter((m) => !je.includes(m)));
+  const ft = [E, K, R, ne].map((m) => m.name), vt = (m) => ft.includes(m.name), Se = [], He = [];
   let Be = mt + ut;
   return O.forEach((m) => {
-    const E = pe.get(m.name.value) || pe.get("default");
+    const S = pe.get(m.name.value) || pe.get("default");
     if (o < $e.xl && pt.includes(m.name.value)) {
-      if (Ee.push(m), m.name.value === "linkedStyles") {
+      if (Se.push(m), m.name.value === "linkedStyles") {
         const A = O.findIndex((W) => W.name.value === "linkedStyles");
         O.splice(A + 1, 1);
       }
       return;
     }
     if (o < $e.sm && ht.includes(m.name.value)) {
-      Ee.push(m);
+      Se.push(m);
       return;
     }
     if (vt(m)) {
-      He.push(m), Be += E;
+      He.push(m), Be += S;
       return;
     }
-    Be < o ? (He.push(m), Be += E) : Ee.push(m);
+    Be < o ? (He.push(m), Be += S) : Se.push(m);
   }), {
     defaultItems: He,
-    overflowItems: Ee.filter((m) => m.type !== "separator")
+    overflowItems: Se.filter((m) => m.type !== "separator")
   };
 }, ao = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"], ro = () => {
   let t = document.createElement("input");
   t.type = "file";
-  let l = ao;
-  return t.accept = l.join(","), () => new Promise((n, e) => {
+  let a = ao;
+  return t.accept = a.join(","), () => new Promise((n, e) => {
     t.onchange = async () => {
       const i = t.files;
       if (!i) return n(null);
@@ -1502,18 +1502,18 @@ const x = (t) => {
       return n(r ? { file: r } : null);
     }, t.oncancel = () => n(null), t.onerror = e, t.click();
   });
-}, co = (t) => new Promise((l, o) => {
+}, co = (t) => new Promise((a, o) => {
   let n = new FileReader();
-  n.onload = (e) => l(e.target.result), n.onerror = o, setTimeout(() => n.readAsDataURL(t), 250);
-}), uo = (t, l) => new Promise((o, n) => {
+  n.onload = (e) => a(e.target.result), n.onerror = o, setTimeout(() => n.readAsDataURL(t), 250);
+}), uo = (t, a) => new Promise((o, n) => {
   const e = new window.Image();
   e.onload = () => {
-    const i = document.createElement("canvas"), { width: r, height: a } = mo(
+    const i = document.createElement("canvas"), { width: r, height: l } = mo(
       e.width,
       e.height,
-      l
+      a
     );
-    if (i.width = r, i.height = a, i.getContext("2d").drawImage(e, 0, 0, r, a), typeof t == "string") {
+    if (i.width = r, i.height = l, i.getContext("2d").drawImage(e, 0, 0, r, l), typeof t == "string") {
       const c = i.toDataURL();
       o(c);
     } else
@@ -1522,16 +1522,16 @@ const x = (t) => {
           type: t.type,
           lastModified: Date.now()
         });
-        o({ file: d, width: r, height: a });
+        o({ file: d, width: r, height: l });
       });
   }, e.onerror = (i) => n(i), e.src = typeof t == "string" ? t : URL.createObjectURL(t);
-}), mo = (t, l, o) => {
+}), mo = (t, a, o) => {
   const { width: n, height: e } = o.getMaxContentSize();
-  if (!n || !e) return { width: t, height: l };
-  let i = t, r = l;
-  const a = t / l;
-  return l > e && (r = e, i = Math.round(e * a)), i > n && (i = n, r = Math.round(n / a)), { width: i, height: r };
-}, po = async ({ editor: t, view: l, file: o }) => {
+  if (!n || !e) return { width: t, height: a };
+  let i = t, r = a;
+  const l = t / a;
+  return a > e && (r = e, i = Math.round(e * l)), i > n && (i = n, r = Math.round(n / l)), { width: i, height: r };
+}, po = async ({ editor: t, view: a, file: o }) => {
   let n = typeof t.options.handleImageUpload == "function" ? t.options.handleImageUpload : co;
   if ((o.size / (1024 * 1024)).toFixed(4) > 5) {
     window.alert("Image size must be less than 5MB");
@@ -1545,29 +1545,29 @@ const x = (t) => {
     console.warn("Error processing image:", u);
     return;
   }
-  let a = {}, { tr: s, schema: c } = l.state;
+  let l = {}, { tr: s, schema: c } = a.state;
   s.selection.empty || s.deleteSelection();
   let d = {
     type: "add",
     pos: s.selection.from,
-    id: a
+    id: l
   };
-  s.setMeta(Ne, d), l.dispatch(s), n(o).then(
+  s.setMeta(Ne, d), a.dispatch(s), n(o).then(
     (u) => {
-      let b = o.name.replace(" ", "_"), v = kt(l.state, a);
+      let b = o.name.replace(" ", "_"), v = Ct(a.state, l);
       if (v == null)
         return;
-      let y = { type: "remove", id: a }, S = `word/media/${b}`, g = c.nodes.image.create({
-        src: S,
+      let y = { type: "remove", id: l }, E = `word/media/${b}`, g = c.nodes.image.create({
+        src: E,
         size: { width: i, height: r }
       });
-      t.storage.image.media = Object.assign(t.storage.image.media, { [S]: u }), t.options.ydoc && t.commands.addImageToCollaboration({ mediaPath: S, fileData: u }), l.dispatch(
-        l.state.tr.replaceWith(v, v, g).setMeta(Ne, y)
+      t.storage.image.media = Object.assign(t.storage.image.media, { [E]: u }), t.options.ydoc && t.commands.addImageToCollaboration({ mediaPath: E, fileData: u }), a.dispatch(
+        a.state.tr.replaceWith(v, v, g).setMeta(Ne, y)
       );
     },
     () => {
-      let u = { type: "remove", id: a };
-      l.dispatch(s.setMeta(Ne, u));
+      let u = { type: "remove", id: l };
+      a.dispatch(s.setMeta(Ne, u));
     }
   );
 };
@@ -1612,10 +1612,15 @@ class Mo extends qt {
         });
       },
       setColor: ({ item: o, argument: n }) => {
-        z(this, L, fe).call(this, { item: o, argument: n });
+        z(this, L, fe).call(this, { item: o, argument: n }, () => {
+          this.activeEditor?.commands.setFieldAnnotationsTextColor(n, !0);
+        });
       },
       setHighlight: ({ item: o, argument: n }) => {
-        z(this, L, fe).call(this, { item: o, argument: n });
+        z(this, L, fe).call(this, { item: o, argument: n, noArgumentCallback: !0 }, () => {
+          let e = n !== "none" ? n : null;
+          this.activeEditor?.commands.setFieldAnnotationsTextHighlight(e, !0), this.activeEditor?.commands.setCellBackground(e);
+        });
       },
       toggleRuler: ({ item: o, argument: n }) => {
         this.superdoc.toggleRuler();
@@ -1630,13 +1635,13 @@ class Mo extends qt {
       },
       increaseTextIndent: ({ item: o, argument: n }) => {
         let e = o.command, { state: i } = this.activeEditor;
-        if (Ge((a) => a.type.name === "listItem")(i.selection))
+        if (Ge((l) => l.type.name === "listItem")(i.selection))
           return this.activeEditor.commands.increaseListIndent();
         e in this.activeEditor.commands && this.activeEditor.commands[e](n);
       },
       decreaseTextIndent: ({ item: o, argument: n }) => {
         let e = o.command, { state: i } = this.activeEditor;
-        if (Ge((a) => a.type.name === "listItem")(i.selection))
+        if (Ge((l) => l.type.name === "listItem")(i.selection))
           return this.activeEditor.commands.decreaseListIndent();
         e in this.activeEditor.commands && this.activeEditor.commands[e](n);
       },
@@ -1656,7 +1661,7 @@ class Mo extends qt {
         let e = o.command;
         if (e in this.activeEditor.commands) {
           this.activeEditor.commands[e](n);
-          const { view: i } = this.activeEditor, r = i.state.selection.$to.pos, a = new Ye(i.state.doc.resolve(r)), s = i.state.tr.setSelection(a), c = i.state.apply(s);
+          const { view: i } = this.activeEditor, r = i.state.selection.$to.pos, l = new Ye(i.state.doc.resolve(r)), s = i.state.tr.setSelection(l), c = i.state.apply(s);
           i.updateState(c), setTimeout(() => {
             i.focus();
           }, 100);
@@ -1715,7 +1720,7 @@ class Mo extends qt {
       z(this, L, Pe).call(this);
       return;
     }
-    const o = Ct(this.activeEditor), n = _t(this.activeEditor.state);
+    const o = kt(this.activeEditor), n = _t(this.activeEditor.state);
     this.toolbarItems.forEach((e) => {
       if (e.resetDisabled(), e.name.value === "linkedStyles")
         return this.activeEditor && !Ze(this.activeEditor).length ? e.deactivate() : e.activate();
@@ -1736,8 +1741,8 @@ class Mo extends qt {
           e.activate(d);
         }
       }
-      const a = o.find((s) => s.name === "spacing");
-      e.name.value === "lineHeight" && (i?.attrs?.lineHeight || a) && (e.selectedValue.value = i?.attrs?.lineHeight || a.attrs?.spacing?.line || ""), e.name.value === "tableActions" && (e.disabled.value = !n);
+      const l = o.find((s) => s.name === "spacing");
+      e.name.value === "lineHeight" && (i?.attrs?.lineHeight || l) && (e.selectedValue.value = i?.attrs?.lineHeight || l.attrs?.spacing?.line || ""), e.name.value === "tableActions" && (e.disabled.value = !n);
     });
   }
   /**
@@ -1768,14 +1773,14 @@ class Mo extends qt {
 L = new WeakSet(), lt = function() {
   this.config.groups && !Array.isArray(this.config.groups) && Object.keys(this.config.groups).length && (this.config.toolbarGroups = Object.keys(this.config.groups));
 }, ve = new WeakMap(), We = function(o, n, e = !1) {
-  const i = document.documentElement.clientWidth, { defaultItems: r, overflowItems: a } = lo(o, e, i, this.role, n);
+  const i = document.documentElement.clientWidth, { defaultItems: r, overflowItems: l } = lo(o, e, i, this.role, n);
   let s = [
     ...r.map((d) => d.name.value),
-    ...a.map((d) => d.name.value)
+    ...l.map((d) => d.name.value)
   ];
   this.config.groups && (s = Object.values(this.config.groups).flatMap((d) => d));
   const c = r.filter((d) => s.includes(d.name.value)).filter((d) => !this.config.excludeItems.includes(d.name.value));
-  this.toolbarItems = c, this.overflowItems = a.filter((d) => s.includes(d.name.value));
+  this.toolbarItems = c, this.overflowItems = l.filter((d) => s.includes(d.name.value));
 }, at = function() {
   if (!this.activeEditor || !this.activeEditor.converter) return;
   const { typeface: o = "Arial", fontSizePt: n = 12 } = this.activeEditor.converter.getDocumentDefaultStyles() ?? {}, e = this.toolbarItems.find((r) => r.name.value === "fontSize");
@@ -1784,9 +1789,9 @@ L = new WeakSet(), lt = function() {
   i && (i.defaultLabel.value = o);
 }, rt = function() {
   if (!this.activeEditor || !this.activeEditor.converter || !this.activeEditor.converter.docHiglightColors.size) return;
-  const o = this.toolbarItems.find((a) => a.name.value === "highlight"), n = Vn(), e = 7, i = Array.from(this.activeEditor.converter.docHiglightColors).reduce((a, s, c) => {
+  const o = this.toolbarItems.find((l) => l.name.value === "highlight"), n = Vn(), e = 7, i = Array.from(this.activeEditor.converter.docHiglightColors).reduce((l, s, c) => {
     const d = Math.floor(c / e);
-    return a[d] || (a[d] = []), n.includes(s) || a[d].push(h(s)), a;
+    return l[d] || (l[d] = []), n.includes(s) || l[d].push(h(s)), l;
   }, []), r = {
     key: "color",
     type: "render",
@@ -1799,20 +1804,20 @@ L = new WeakSet(), lt = function() {
     n.value || o.setDisabled(!0);
   });
 }, ct = function() {
-  this.activeEditor && (this.undoDepth = xt(this.activeEditor.state), this.redoDepth = St(this.activeEditor.state));
-}, fe = function({ item: o, argument: n }, e) {
+  this.activeEditor && (this.undoDepth = xt(this.activeEditor.state), this.redoDepth = Et(this.activeEditor.state));
+}, fe = function({ item: o, argument: n, noArgumentCallback: e = !1 }, i) {
   if (!n || !this.activeEditor) return;
-  let i = o.command;
-  const r = o.noArgumentCommand;
-  if (n === "none" && r in this.activeEditor?.commands) {
-    this.activeEditor.commands[r](), this.updateToolbarState();
+  let r = o.command;
+  const l = o.noArgumentCommand;
+  if (n === "none" && l in this.activeEditor?.commands) {
+    this.activeEditor.commands[l](), typeof i == "function" && e && i(n), this.updateToolbarState();
     return;
   }
-  i in this.activeEditor?.commands && (this.activeEditor.commands[i](n), typeof e == "function" && e(n), this.updateToolbarState());
+  r in this.activeEditor?.commands && (this.activeEditor.commands[r](n), typeof i == "function" && i(n), this.updateToolbarState());
 };
-function ho(t, l) {
-  if (!t.value || !l?.value?.options?.scale) return;
-  const o = l.value.options.scale, n = t.value.getBoundingClientRect(), e = t.value.querySelectorAll(".pagination-break-wrapper");
+function ho(t, a) {
+  if (!t.value || !a?.value?.options?.scale) return;
+  const o = a.value.options.scale, n = t.value.getBoundingClientRect(), e = t.value.querySelectorAll(".pagination-break-wrapper");
   let i;
   e.forEach((r) => {
     const s = (r.getBoundingClientRect().left - n.left) / o * -1 + 1;
@@ -1822,19 +1827,19 @@ function ho(t, l) {
     }
   });
 }
-const fo = (t, l) => {
-  const o = t.clientY, n = t.clientX, { view: e } = l, i = e.dom.getBoundingClientRect();
+const fo = (t, a) => {
+  const o = t.clientY, n = t.clientX, { view: e } = a, i = e.dom.getBoundingClientRect();
   let r = {
     left: 0,
     top: o
-  }, a = !1;
-  n > i.right ? (r.left = i.left + i.width - 1, a = !0) : n < i.left && (r.left = i.left);
+  }, l = !1;
+  n > i.right ? (r.left = i.left + i.width - 1, l = !0) : n < i.left && (r.left = i.left);
   const s = e.posAtCoords(r)?.pos;
   if (s) {
     let c = s;
-    if (a) {
-      const b = e.state.doc.resolve(s).textOffset, v = e.state.doc.nodeAt(s), S = v?.text?.charAt(b);
-      c = v?.isText && S !== " " ? s - 1 : s;
+    if (l) {
+      const b = e.state.doc.resolve(s).textOffset, v = e.state.doc.nodeAt(s), E = v?.text?.charAt(b);
+      c = v?.isText && E !== " " ? s - 1 : s;
     }
     const d = e.state.tr.setSelection(
       Ye.create(e.state.doc, c)
@@ -1858,8 +1863,8 @@ const fo = (t, l) => {
     }
   },
   emits: ["margin-change"],
-  setup(t, { emit: l }) {
-    const o = l, n = t, e = f(null), i = f([]), r = f("#CCCCCC"), a = f("#2563EB66"), s = f(null), c = f(null), d = f(!1), u = f(null), b = Ke({ side: "left", x: 0 }), v = Ke({ side: "right", x: 0 }), y = f(!1), S = f(0);
+  setup(t, { emit: a }) {
+    const o = a, n = t, e = f(null), i = f([]), r = f("#CCCCCC"), l = f("#2563EB66"), s = f(null), c = f(null), d = f(!1), u = f(null), b = Ke({ side: "left", x: 0 }), v = Ke({ side: "right", x: 0 }), y = f(!1), E = f(0);
     let g = 0;
     const F = () => {
       if (n.editor.options.mode !== "docx") return;
@@ -1898,13 +1903,13 @@ const fo = (t, l) => {
     }), N = (I) => {
       d.value = !0, ye();
       const M = I.currentTarget.id;
-      u.value = M === "left-margin-handle" ? b : v, S.value = u.value.x, g = I.clientX - u.value.x, y.value = !0;
+      u.value = M === "left-margin-handle" ? b : v, E.value = u.value.x, g = I.clientX - u.value.x, y.value = !0;
     }, V = (I) => {
       if (!d.value) return;
       const M = I.clientX - g;
       u.value.x = M, u.value.side === "left" ? M <= 0 ? u.value.x = 0 : M >= v.x - Te && (u.value.x = v.x - Te) : M >= s.value.width * 96 ? u.value.x = s.value.width * 96 : M <= b.x + Te && (u.value.x = b.x + Te);
     }, te = () => {
-      if (d.value = !1, y.value = !1, Z(), u.value && u.value.x !== S.value) {
+      if (d.value = !1, y.value = !1, Z(), u.value && u.value.x !== E.value) {
         const I = re();
         o("margin-change", {
           side: u.value.side,
@@ -1912,51 +1917,51 @@ const fo = (t, l) => {
         });
       }
     }, ye = () => {
-      r.value = a.value;
+      r.value = l.value;
     }, Z = () => {
       r.value = "#CCC";
     }, re = () => u.value.side === "left" ? u.value.x / 96 : (s.value.width * 96 - u.value.x) / 96, be = j(() => ({
       "--alignment": go,
       "--ruler-handle-color": r.value,
-      "--ruler-handle-active-color": a.value
+      "--ruler-handle-active-color": l.value
     }));
-    return Ce(() => {
+    return ke(() => {
       i.value = F(), window.addEventListener("mousemove", V), window.addEventListener("mouseup", te);
     }), zt(() => {
       window.removeEventListener("mousemove", V), window.removeEventListener("mouseup", te);
-    }), (I, M) => (w(), k("div", {
+    }), (I, M) => (w(), C("div", {
       class: "ruler",
       ref_key: "ruler",
       ref: e,
       style: J(be.value)
     }, [
-      C("div", {
+      k("div", {
         class: "margin-handle handle-left",
         id: "left-margin-handle",
         onMousedown: N,
         style: J(_.value("left"))
       }, null, 36),
-      C("div", {
+      k("div", {
         class: "margin-handle handle-right",
         id: "right-margin-handle",
         onMousedown: N,
         style: J(_.value("right"))
       }, null, 36),
-      y.value ? (w(), k("div", {
+      y.value ? (w(), C("div", {
         key: 0,
         class: "vertical-indicator",
         style: J(T.value)
       }, null, 4)) : Q("", !0),
-      (w(!0), k(U, null, ee(i.value, (H) => (w(), k("div", {
+      (w(!0), C(U, null, ee(i.value, (H) => (w(), C("div", {
         class: oe(H.className),
         style: J(p.value(H))
       }, [
-        C("div", vo, ie(H.numbering), 1),
-        (w(!0), k(U, null, ee(H.elements, (R) => (w(), k("div", {
+        k("div", vo, ie(H.numbering), 1),
+        (w(!0), C(U, null, ee(H.elements, (R) => (w(), C("div", {
           class: oe(R.className),
           style: J(p.value(R))
         }, [
-          (w(!0), k(U, null, ee(R.elements, (G) => (w(), k("div", {
+          (w(!0), C(U, null, ee(R.elements, (G) => (w(), C("div", {
             class: oe(G.className),
             style: J(p.value(G))
           }, null, 6))), 256))
@@ -1964,10 +1969,10 @@ const fo = (t, l) => {
       ], 6))), 256))
     ], 4));
   }
-}, bo = /* @__PURE__ */ q(yo, [["__scopeId", "data-v-ad77036c"]]), wo = { class: "super-editor-container" }, ko = {
+}, bo = /* @__PURE__ */ q(yo, [["__scopeId", "data-v-ad77036c"]]), wo = { class: "super-editor-container" }, Co = {
   key: 1,
   class: "placeholder-editor"
-}, Co = { class: "placeholder-title" }, _o = {
+}, ko = { class: "placeholder-title" }, _o = {
   __name: "SuperEditor",
   props: {
     documentId: {
@@ -1996,8 +2001,8 @@ const fo = (t, l) => {
     "comments-loaded",
     "selection-update"
   ],
-  setup(t, { emit: l }) {
-    const o = l, n = t, e = f(!1), i = nt(null), r = f(null), a = f(null);
+  setup(t, { emit: a }) {
+    const o = a, n = t, e = f(!1), i = nt(null), r = f(null), l = f(null);
     let s;
     const c = () => {
       clearTimeout(s);
@@ -2026,12 +2031,12 @@ const fo = (t, l) => {
         _.on("synced", T);
       }
     }, v = () => {
-      const p = Et();
+      const p = St();
       return n.options.pagination ? p : p.filter((_) => _.name !== "pagination");
     }, y = async ({ content: p, media: _ = {}, mediaFiles: T = {}, fonts: N = {} } = {}) => {
       i.value = new ze({
         mode: "docx",
-        element: a.value,
+        element: l.value,
         fileSource: n.fileSource,
         extensions: v(),
         externalExtensions: n.options.externalExtensions,
@@ -2042,22 +2047,22 @@ const fo = (t, l) => {
         fonts: N,
         ...n.options
       }), i.value.on("paginationUpdate", () => {
-        ho(a, i);
+        ho(l, i);
       }), i.value.on("collaborationReady", () => {
         setTimeout(() => {
           e.value = !0;
         }, 150);
       });
-    }, S = (p) => {
+    }, E = (p) => {
       o("editor-keydown", { editor: i.value });
     }, g = (p) => {
       o("editor-click", { editor: i.value });
-      let _ = a.value?.querySelector(".ProseMirror");
+      let _ = l.value?.querySelector(".ProseMirror");
       if (!_ || !i.value)
         return;
       !_.contains(p.target) && i.value.isEditable && i.value.view?.focus();
     };
-    Ce(() => {
+    ke(() => {
       b(), (n.options?.suppressSkeletonLoader || !n.options?.collaborationProvider) && (e.value = !0);
     });
     const F = (p) => {
@@ -2069,29 +2074,29 @@ const fo = (t, l) => {
     };
     return ot(() => {
       c(), i.value?.destroy(), i.value = null;
-    }), (p, _) => (w(), k("div", wo, [
+    }), (p, _) => (w(), C("div", wo, [
       t.options.rulers && i.value ? (w(), Vt(bo, {
         key: 0,
         class: "ruler",
         editor: i.value,
         onMarginChange: $
       }, null, 8, ["editor"])) : Q("", !0),
-      C("div", {
+      k("div", {
         class: "super-editor",
         ref_key: "editorWrapper",
         ref: r,
-        onKeydown: S,
+        onKeydown: E,
         onClick: g,
         onMousedown: F
       }, [
-        C("div", {
+        k("div", {
           ref_key: "editorElem",
-          ref: a,
+          ref: l,
           class: "editor-element super-editor__element"
         }, null, 512)
       ], 544),
-      e.value ? Q("", !0) : (w(), k("div", ko, [
-        C("div", Co, [
+      e.value ? Q("", !0) : (w(), C("div", Co, [
+        k("div", ko, [
           P(D(Y), {
             text: "",
             style: { width: "60%" }
@@ -2140,12 +2145,12 @@ const fo = (t, l) => {
 }, Do = /* @__PURE__ */ q(_o, [["__scopeId", "data-v-ff8f86f4"]]), $o = {
   __name: "BasicUpload",
   emits: ["file-change"],
-  setup(t, { emit: l }) {
-    const o = l, n = (e) => {
+  setup(t, { emit: a }) {
+    const o = a, n = (e) => {
       o("file-change", e.target.files[0]);
     };
-    return (e, i) => (w(), k("div", null, [
-      C("input", {
+    return (e, i) => (w(), C("div", null, [
+      k("input", {
         type: "file",
         id: "fileInput",
         onChange: n,
@@ -2153,7 +2158,7 @@ const fo = (t, l) => {
       }, null, 32)
     ]));
   }
-}, xo = ["innerHTML"], So = {
+}, xo = ["innerHTML"], Eo = {
   __name: "SuperInput",
   props: {
     modelValue: {
@@ -2176,16 +2181,16 @@ const fo = (t, l) => {
     }
   },
   emits: ["update:modelValue", "focus", "blur"],
-  setup(t, { emit: l }) {
-    const o = l, n = t, e = nt(), i = f(null), r = f(!1), a = ({ editor: v, transaction: y }) => {
-      const S = v.getHTML();
-      o("update:modelValue", S);
+  setup(t, { emit: a }) {
+    const o = a, n = t, e = nt(), i = f(null), r = f(!1), l = ({ editor: v, transaction: y }) => {
+      const E = v.getHTML();
+      o("update:modelValue", E);
     }, s = ({ editor: v, transaction: y }) => {
       r.value = !0, b(), o("focus", { editor: v, transaction: y });
     }, c = ({ editor: v, transaction: y }) => {
       r.value = !1, o("blur", { editor: v, transaction: y });
     }, d = async () => {
-      At.options.placeholder = n.placeholder || "Type something...", n.options.onTransaction = a, n.options.onFocus = s, n.options.onBlur = c, e.value = new ze({
+      At.options.placeholder = n.placeholder || "Type something...", n.options.onTransaction = l, n.options.onFocus = s, n.options.onBlur = c, e.value = new ze({
         mode: "text",
         content: document.getElementById("currentContent"),
         element: i.value,
@@ -2198,27 +2203,27 @@ const fo = (t, l) => {
     }, b = () => {
       e.value?.setOptions({ users: n.users });
     };
-    return Ce(() => {
+    return ke(() => {
       d();
     }), ot(() => {
       e.value?.destroy(), e.value = null;
-    }), (v, y) => (w(), k("div", {
+    }), (v, y) => (w(), C("div", {
       class: oe(["super-editor super-input", { "super-input-active": r.value }]),
       onClick: ge(u, ["stop", "prevent"])
     }, [
-      C("div", {
+      k("div", {
         id: "currentContent",
         style: { display: "none" },
         innerHTML: t.modelValue
       }, null, 8, xo),
-      C("div", {
+      k("div", {
         ref_key: "editorElem",
         ref: i,
         class: "editor-element super-editor__element"
       }, null, 512)
     ], 2));
   }
-}, Ho = /* @__PURE__ */ q(So, [["__scopeId", "data-v-4d5cff52"]]), Bo = {
+}, Ho = /* @__PURE__ */ q(Eo, [["__scopeId", "data-v-4d5cff52"]]), Bo = {
   Node: Mt,
   Attribute: Lt,
   Extension: It,
@@ -2240,11 +2245,11 @@ export {
   zo as TrackChangesBasePluginKey,
   Zo as createZip,
   Vo as fieldAnnotationHelpers,
-  Ct as getActiveFormatting,
+  kt as getActiveFormatting,
   mo as getAllowedImageDimensions,
   Wo as getMarksFromSelection,
   Tt as getRichTextExtensions,
-  Et as getStarterExtensions,
+  St as getStarterExtensions,
   Po as helpers,
   jo as trackChangesHelpers
 };