@harbour-enterprises/superdoc 0.11.39 → 0.11.41

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

@@ -2,93 +2,93 @@ var yt = Object.defineProperty;
 var Ue = (t) => {
   throw TypeError(t);
 };
-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-C80oU8zg.js";
-import { C as No, T as zo, l as Vo, n as Wo, k as Po, m as jo } from "./chunks/editor-C80oU8zg.js";
-import { a1 as Dt, E as $t, a3 as Ht, T as Ye, a as Bt } from "./chunks/converter-BaPyRYsP.js";
-import { O as qo } from "./chunks/converter-BaPyRYsP.js";
+var bt = (t, r, o) => r in t ? yt(t, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[r] = o;
+var Re = (t, r, o) => bt(t, typeof r != "symbol" ? r + "" : r, o), qe = (t, r, o) => r.has(t) || Ue("Cannot " + o);
+var Ae = (t, r, o) => (qe(t, r, "read from private field"), o ? o.call(t) : r.get(t)), Oe = (t, r, o) => r.has(t) ? Ue("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(t) : r.set(t, o);
+var z = (t, r, o) => (qe(t, r, "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-DlsyBRx7.js";
+import { C as No, T as zo, l as Vo, n as Wo, k as Po, m as jo } from "./chunks/editor-DlsyBRx7.js";
+import { a1 as Dt, E as $t, a3 as Ht, T as Ye, a as Bt } from "./chunks/converter-CPwMfRm-.js";
+import { O as qo } from "./chunks/converter-CPwMfRm-.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-BfR55xSN.js";
+import { t as X, s as Wt, T as Pt, N as Y } from "./chunks/toolbar-V1sdjscj.js";
 import jt from "./ai-writer.es.js";
-import { D as Ko } from "./chunks/docx-zipper-DWp5ugUc.js";
+import { D as Ko } from "./chunks/docx-zipper-CMhBN08Z.js";
 import { createZip as Zo } from "./file-zipper.es.js";
 var it = { exports: {} };
 (function(t) {
-  var a = Object.prototype.hasOwnProperty, o = "~";
+  var r = Object.prototype.hasOwnProperty, o = "~";
   function n() {
   }
   Object.create && (n.prototype = /* @__PURE__ */ Object.create(null), new n().__proto__ || (o = !1));
-  function e(s, c, d) {
-    this.fn = s, this.context = c, this.once = d || !1;
+  function e(l, d, m) {
+    this.fn = l, this.context = d, this.once = m || !1;
   }
-  function i(s, c, d, u, b) {
-    if (typeof d != "function")
+  function i(l, d, m, s, b) {
+    if (typeof m != "function")
       throw new TypeError("The listener must be a function");
-    var v = new e(d, u || s, b), y = o ? o + c : c;
-    return s._events[y] ? s._events[y].fn ? s._events[y] = [s._events[y], v] : s._events[y].push(v) : (s._events[y] = v, s._eventsCount++), s;
+    var v = new e(m, s || l, b), y = o ? o + d : d;
+    return l._events[y] ? l._events[y].fn ? l._events[y] = [l._events[y], v] : l._events[y].push(v) : (l._events[y] = v, l._eventsCount++), l;
   }
-  function r(s, c) {
-    --s._eventsCount === 0 ? s._events = new n() : delete s._events[c];
+  function c(l, d) {
+    --l._eventsCount === 0 ? l._events = new n() : delete l._events[d];
   }
-  function l() {
+  function a() {
     this._events = new n(), this._eventsCount = 0;
   }
-  l.prototype.eventNames = function() {
-    var c = [], d, u;
-    if (this._eventsCount === 0) return c;
-    for (u in d = this._events)
-      a.call(d, u) && c.push(o ? u.slice(1) : u);
-    return Object.getOwnPropertySymbols ? c.concat(Object.getOwnPropertySymbols(d)) : 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;
+  a.prototype.eventNames = function() {
+    var d = [], m, s;
+    if (this._eventsCount === 0) return d;
+    for (s in m = this._events)
+      r.call(m, s) && d.push(o ? s.slice(1) : s);
+    return Object.getOwnPropertySymbols ? d.concat(Object.getOwnPropertySymbols(m)) : d;
+  }, a.prototype.listeners = function(d) {
+    var m = o ? o + d : d, s = this._events[m];
+    if (!s) return [];
+    if (s.fn) return [s.fn];
+    for (var b = 0, v = s.length, y = new Array(v); b < v; b++)
+      y[b] = s[b].fn;
     return y;
-  }, l.prototype.listenerCount = function(c) {
-    var d = o ? o + c : c, u = this._events[d];
-    return u ? u.fn ? 1 : u.length : 0;
-  }, l.prototype.emit = function(c, d, u, b, v, y) {
-    var E = o ? o + c : c;
+  }, a.prototype.listenerCount = function(d) {
+    var m = o ? o + d : d, s = this._events[m];
+    return s ? s.fn ? 1 : s.length : 0;
+  }, a.prototype.emit = function(d, m, s, b, v, y) {
+    var E = o ? o + d : d;
     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) {
+      switch (g.once && this.removeListener(d, g.fn, void 0, !0), F) {
         case 1:
           return g.fn.call(g.context), !0;
         case 2:
-          return g.fn.call(g.context, d), !0;
+          return g.fn.call(g.context, m), !0;
         case 3:
-          return g.fn.call(g.context, d, u), !0;
+          return g.fn.call(g.context, m, s), !0;
         case 4:
-          return g.fn.call(g.context, d, u, b), !0;
+          return g.fn.call(g.context, m, s, b), !0;
         case 5:
-          return g.fn.call(g.context, d, u, b, v), !0;
+          return g.fn.call(g.context, m, s, b, v), !0;
         case 6:
-          return g.fn.call(g.context, d, u, b, v, y), !0;
+          return g.fn.call(g.context, m, s, b, v, y), !0;
       }
       for (p = 1, $ = new Array(F - 1); p < F; p++)
         $[p - 1] = arguments[p];
       g.fn.apply(g.context, $);
     } else {
-      var _ = g.length, T;
-      for (p = 0; p < _; p++)
-        switch (g[p].once && this.removeListener(c, g[p].fn, void 0, !0), F) {
+      var x = g.length, T;
+      for (p = 0; p < x; p++)
+        switch (g[p].once && this.removeListener(d, g[p].fn, void 0, !0), F) {
           case 1:
             g[p].fn.call(g[p].context);
             break;
           case 2:
-            g[p].fn.call(g[p].context, d);
+            g[p].fn.call(g[p].context, m);
             break;
           case 3:
-            g[p].fn.call(g[p].context, d, u);
+            g[p].fn.call(g[p].context, m, s);
             break;
           case 4:
-            g[p].fn.call(g[p].context, d, u, b);
+            g[p].fn.call(g[p].context, m, s, b);
             break;
           default:
             if (!$) for (T = 1, $ = new Array(F - 1); T < F; T++)
@@ -97,57 +97,57 @@ var it = { exports: {} };
         }
     }
     return !0;
-  }, l.prototype.on = function(c, d, u) {
-    return i(this, c, d, u, !1);
-  }, l.prototype.once = function(c, d, u) {
-    return i(this, c, d, u, !0);
-  }, l.prototype.removeListener = function(c, d, u, b) {
-    var v = o ? o + c : c;
+  }, a.prototype.on = function(d, m, s) {
+    return i(this, d, m, s, !1);
+  }, a.prototype.once = function(d, m, s) {
+    return i(this, d, m, s, !0);
+  }, a.prototype.removeListener = function(d, m, s, b) {
+    var v = o ? o + d : d;
     if (!this._events[v]) return this;
-    if (!d)
-      return r(this, v), this;
+    if (!m)
+      return c(this, v), this;
     var y = this._events[v];
     if (y.fn)
-      y.fn === d && (!b || y.once) && (!u || y.context === u) && r(this, v);
+      y.fn === m && (!b || y.once) && (!s || y.context === s) && c(this, v);
     else {
       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);
+        (y[E].fn !== m || b && !y[E].once || s && y[E].context !== s) && g.push(y[E]);
+      g.length ? this._events[v] = g.length === 1 ? g[0] : g : c(this, v);
     }
     return this;
-  }, 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;
-  }, l.prototype.off = l.prototype.removeListener, l.prototype.addListener = l.prototype.on, l.prefixed = o, l.EventEmitter = l, t.exports = l;
+  }, a.prototype.removeAllListeners = function(d) {
+    var m;
+    return d ? (m = o ? o + d : d, this._events[m] && c(this, m)) : (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;
 })(it);
 var Ut = it.exports;
 const qt = /* @__PURE__ */ Dt(Ut);
 function Gt(t) {
-  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;
+  let r = t;
+  for (; r; ) {
+    const o = window.getComputedStyle(r).overflowY;
+    if (/(auto|scroll)/.test(o) && r.scrollHeight > r.clientHeight)
+      return r;
+    r = r.parentElement;
   }
   return document.scrollingElement || document.documentElement;
 }
-function Kt(t, a = { behavior: "smooth", block: "start" }) {
+function Kt(t, r = { 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: a.block === "start" ? i : i - o.clientHeight + t.offsetHeight,
-    behavior: a.behavior
+    top: r.block === "start" ? i : i - o.clientHeight + t.offsetHeight,
+    behavior: r.behavior
   });
 }
-const x = (t) => {
+const _ = (t) => {
   if (!["button", "options", "separator", "dropdown", "overflow"].includes(t.type))
     throw new Error("Invalid toolbar item type - " + t.type);
   if (t.type === "button" && !t.defaultLabel && !t.icon)
     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, 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([]);
+  const o = f($t()), n = t.type, e = f(t.name), i = t.command, c = t.noArgumentCommand, a = f(t.icon), l = f(t.group || "center"), d = f(t.allowWithoutEditor), m = f(t.attributes || {}), s = 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), x = 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);
     Ee.value.push(...t.options);
@@ -159,7 +159,7 @@ const x = (t) => {
   }, Le = (se) => {
     b.value = se;
   }, Me = () => {
-    b.value = u;
+    b.value = s;
   }, we = t.onActivate || (() => null), ne = t.onDeactivate || (() => null), De = () => {
     const se = {};
     return Object.keys(me).forEach((pe) => {
@@ -170,11 +170,11 @@ const x = (t) => {
     name: e,
     type: n,
     command: i,
-    noArgumentCommand: r,
-    icon: l,
+    noArgumentCommand: c,
+    icon: a,
     tooltip: Z,
-    group: s,
-    attributes: d,
+    group: l,
+    attributes: m,
     disabled: b,
     active: v,
     expand: y,
@@ -183,7 +183,7 @@ const x = (t) => {
     isNarrow: g,
     isWide: F,
     minWidth: $,
-    argument: _,
+    argument: x,
     parentItem: N,
     iconColor: V,
     hasCaret: te,
@@ -198,7 +198,7 @@ const x = (t) => {
     markName: K,
     labelAttr: ce,
     childItem: T,
-    allowWithoutEditor: c,
+    allowWithoutEditor: d,
     dropdownValueKey: _e,
     selectedValue: ue,
     inputRef: xe
@@ -216,29 +216,29 @@ const x = (t) => {
 }, Xt = { class: "alignment-buttons" }, Zt = ["innerHTML"], Yt = ["innerHTML"], Jt = ["innerHTML"], Qt = ["innerHTML"], en = {
   __name: "AlignmentButtons",
   emits: ["select"],
-  setup(t, { emit: a }) {
-    const o = a, n = (e) => {
+  setup(t, { emit: r }) {
+    const o = r, n = (e) => {
       o("select", e);
     };
     return (e, i) => (w(), C("div", Xt, [
       k("div", {
         class: "button-icon",
-        onClick: i[0] || (i[0] = (r) => n("left")),
+        onClick: i[0] || (i[0] = (c) => n("left")),
         innerHTML: D(X).alignLeft
       }, null, 8, Zt),
       k("div", {
         class: "button-icon",
-        onClick: i[1] || (i[1] = (r) => n("center")),
+        onClick: i[1] || (i[1] = (c) => n("center")),
         innerHTML: D(X).alignCenter
       }, null, 8, Yt),
       k("div", {
         class: "button-icon",
-        onClick: i[2] || (i[2] = (r) => n("right")),
+        onClick: i[2] || (i[2] = (c) => n("right")),
         innerHTML: D(X).alignRight
       }, null, 8, Jt),
       k("div", {
         class: "button-icon",
-        onClick: i[3] || (i[3] = (r) => n("justify")),
+        onClick: i[3] || (i[3] = (c) => n("justify")),
         innerHTML: D(X).alignJustify
       }, null, 8, Qt)
     ]));
@@ -281,28 +281,28 @@ const x = (t) => {
     }
   },
   emits: ["submit", "cancel"],
-  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 });
+  setup(t, { emit: r }) {
+    const o = r, n = t, { proxy: e } = Rt(), i = () => {
+      if (e?.$submit instanceof Function && e.$submit(), d.value && s.value) {
+        o("submit", { text: l.value, href: m.value });
         return;
-      } else if (!c.value) {
-        o("submit", { text: s.value, href: null });
+      } else if (!d.value) {
+        o("submit", { text: l.value, href: null });
         return;
       }
-      console.debug("[LinkInput] Invalid URL in handleSubmit"), l.value = !0;
-    }, r = () => {
-      o("submit", { text: s.value, href: null });
-    }, 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(() => !E.value), E = j(() => n.href && !c.value), g = j(() => n.href.startsWith("#")), F = () => {
-      window.open(d.value, "_blank");
+      console.debug("[LinkInput] Invalid URL in handleSubmit"), a.value = !0;
+    }, c = () => {
+      o("submit", { text: l.value, href: null });
+    }, a = f(!1), l = f(n.initialText), d = f(n.href), m = j(() => d.value?.startsWith("http") ? d.value : "http://" + d.value), s = j(() => {
+      const p = m.value.split(".").filter(Boolean);
+      return m.value.includes(".") && p.length > 1;
+    }), b = j(() => y.value ? "Apply" : "Remove"), v = j(() => !s.value), y = j(() => !E.value), E = j(() => n.href && !d.value), g = j(() => n.href.startsWith("#")), F = () => {
+      window.open(m.value, "_blank");
     };
     Ot(
       () => n.href,
       (p) => {
-        c.value = p;
+        d.value = p;
       }
     );
     const $ = () => {
@@ -311,7 +311,7 @@ const x = (t) => {
     };
     return ke(() => {
       n.showInput && $();
-    }), (p, _) => (w(), C("div", nn, [
+    }), (p, x) => (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, [
@@ -322,17 +322,17 @@ const x = (t) => {
           Je(k("input", {
             type: "text",
             placeholder: "Type or paste a link",
-            class: oe({ error: l.value }),
-            "onUpdate:modelValue": _[0] || (_[0] = (T) => c.value = T),
+            class: oe({ error: a.value }),
+            "onUpdate:modelValue": x[0] || (x[0] = (T) => d.value = T),
             onKeydown: [
               Qe(ge(i, ["stop", "prevent"]), ["enter"]),
-              _[1] || (_[1] = (T) => l.value = !1)
+              x[1] || (x[1] = (T) => a.value = !1)
             ]
           }, null, 42, dn), [
-            [et, c.value]
+            [et, d.value]
           ]),
           k("div", {
-            class: oe(["open-link-icon", { disabled: !u.value }]),
+            class: oe(["open-link-icon", { disabled: !s.value }]),
             innerHTML: D(X).openLink,
             onClick: F
           }, null, 10, un)
@@ -341,13 +341,13 @@ const x = (t) => {
           t.href ? (w(), C("button", {
             key: 0,
             class: "remove-btn",
-            onClick: r
+            onClick: c
           }, [
             k("div", {
               class: "remove-btn__icon",
               innerHTML: D(X).removeLink
             }, null, 8, pn),
-            _[3] || (_[3] = tt(" Remove "))
+            x[3] || (x[3] = tt(" Remove "))
           ])) : Q("", !0),
           y.value ? (w(), C("button", {
             key: 1,
@@ -357,7 +357,7 @@ const x = (t) => {
         ])
       ])) : g.value ? (w(), C("div", hn, [
         k("a", {
-          onClick: _[2] || (_[2] = ge((...T) => t.goToAnchor && t.goToAnchor(...T), ["stop", "prevent"]))
+          onClick: x[2] || (x[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)
     ]));
@@ -370,24 +370,24 @@ const x = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: a }) {
-    const o = a, n = (e) => {
+  setup(t, { emit: r }) {
+    const o = r, n = (e) => {
       o("select", e);
     };
     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: (l) => n(r)
+      (w(!0), C(U, null, ee(t.options, (c) => (w(), C("div", {
+        class: oe(["option-item", { disabled: c.disabled }]),
+        onClick: (a) => n(c)
       }, [
         k("div", bn, [
           k("div", {
             class: "icon-column__icon",
-            innerHTML: r.icon
+            innerHTML: c.icon
           }, null, 8, wn)
         ]),
         k("div", Cn, [
-          k("div", kn, ie(r.label), 1),
-          k("div", _n, ie(r.description), 1)
+          k("div", kn, ie(c.label), 1),
+          k("div", _n, ie(c.description), 1)
         ])
       ], 10, yn))), 256))
     ]));
@@ -404,19 +404,19 @@ const x = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: a }) {
-    const o = a, n = t, e = (i) => {
+  setup(t, { emit: r }) {
+    const o = r, n = t, e = (i) => {
       o("select", i);
     };
-    return (i, r) => n.editor ? (w(), C("div", Sn, [
-      (w(!0), C(U, null, ee(D(Ze)(t.editor), (l) => (w(), C("div", {
+    return (i, c) => n.editor ? (w(), C("div", Sn, [
+      (w(!0), C(U, null, ee(D(Ze)(t.editor), (a) => (w(), C("div", {
         class: "style-item",
-        onClick: (s) => e(l)
+        onClick: (l) => e(a)
       }, [
         k("div", {
           class: "style-name",
-          style: J(D(wt)(l, null, !1))
-        }, ie(l.definition.attrs.name), 5)
+          style: J(D(wt)(a, null, !1))
+        }, ie(a.definition.attrs.name), 5)
       ], 8, An))), 256))
     ])) : Q("", !0);
   }
@@ -433,31 +433,31 @@ const x = (t) => {
     }
   },
   emits: ["select"],
-  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);
+  setup(t, { emit: r }) {
+    const o = r, n = t, e = j(() => (a) => n.activeColor.value ? n.activeColor.value.toUpperCase() === a.value : !1), i = (a, l) => l === 5 || ["#FFFFFF", "#FAFF09"].includes(a) ? { color: "#000" } : { color: "#FFF" }, c = (a) => {
+      o("select", a.value);
     };
     return ke(() => {
-      if (!n.icons.every((s) => Array.isArray(s))) throw new Error("icon props must be 2d array");
-    }), (l, s) => (w(!0), C(U, null, ee(t.icons, (c, d) => (w(), C("div", {
+      if (!n.icons.every((l) => Array.isArray(l))) throw new Error("icon props must be 2d array");
+    }), (a, l) => (w(!0), C(U, null, ee(t.icons, (d, m) => (w(), C("div", {
       class: "option-row",
-      key: d
+      key: m
     }, [
-      (w(!0), C(U, null, ee(c, (u, b) => (w(), C("div", {
+      (w(!0), C(U, null, ee(d, (s, b) => (w(), C("div", {
         class: "option",
         key: b,
-        onClick: ge((v) => r(u), ["stop", "prevent"])
+        onClick: ge((v) => c(s), ["stop", "prevent"])
       }, [
         k("div", {
           class: "option__icon",
-          innerHTML: u.icon,
-          style: J(u.style)
+          innerHTML: s.icon,
+          style: J(s.style)
         }, null, 12, Ln),
-        e.value(u) ? (w(), C("div", {
+        e.value(s) ? (w(), C("div", {
           key: 0,
           class: "option__check",
           innerHTML: D(X).colorOptionCheck,
-          style: J(i(u.value, b))
+          style: J(i(s.value, b))
         }, null, 12, Mn)) : Q("", !0)
       ], 8, In))), 128))
     ]))), 128));
@@ -484,15 +484,15 @@ const x = (t) => {
     }
   },
   emits: ["select", "clickoutside"],
-  setup(t, { emit: a }) {
-    const o = a, n = (e) => {
+  setup(t, { emit: r }) {
+    const o = r, n = (e) => {
       o("select", e);
     };
     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"))
+        onClick: i[0] || (i[0] = (c) => n("none"))
       }, [
         k("span", {
           innerHTML: D($n),
@@ -519,8 +519,8 @@ const x = (t) => {
   }
 }, Nn = /* @__PURE__ */ q(On, [["__scopeId", "data-v-47b783db"]]), zn = (t) => {
   t.expand.value = !1;
-}, h = (t, a = null) => ({
-  label: a,
+}, h = (t, r = null) => ({
+  label: r,
   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, a, o = [], n = !1) => {
+}), Ve = (t, r, o = [], n = !1) => {
   const e = (i) => {
-    a.iconColor.value = i, t.emitCommand({ item: a, argument: i }), zn(a);
+    r.iconColor.value = i, t.emitCommand({ item: r, argument: i }), zn(r);
   };
   return B("div", {}, [
     B(Nn, {
       icons: st,
       customIcons: o,
-      activeColor: a.iconColor,
+      activeColor: r.iconColor,
       hasNoneIcon: n,
       onSelect: e
     })
@@ -617,34 +617,34 @@ 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: a }) {
-    const o = a, n = f(0), e = f(0), i = (l) => {
-      let s = l.target;
-      if (!!s.dataset.grid)
+  setup(t, { emit: r }) {
+    const o = r, n = f(0), e = f(0), i = (a) => {
+      let l = a.target;
+      if (!!l.dataset.grid)
         return;
-      let u = [...s.parentElement.querySelectorAll("[data-item]")], b = parseInt(s.dataset.cols, 10), v = parseInt(s.dataset.rows, 10);
+      let s = [...l.parentElement.querySelectorAll("[data-item]")], b = parseInt(l.dataset.cols, 10), v = parseInt(l.dataset.rows, 10);
       e.value = b, n.value = v;
-      for (let y = 0; y < u.length; y++) {
-        let E = u[y], g = parseInt(E.dataset.cols, 10), F = parseInt(E.dataset.rows, 10);
+      for (let y = 0; y < s.length; y++) {
+        let E = s[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: l, rows: s }) => {
-      o("select", { cols: l, rows: s });
+    }, c = ({ cols: a, rows: l }) => {
+      o("select", { cols: a, rows: l });
     };
-    return (l, s) => (w(), C("div", Wn, [
+    return (a, l) => (w(), C("div", Wn, [
       k("div", {
         class: "toolbar-table-grid",
         onMouseover: i,
         "data-grid": "true"
       }, [
-        (w(), C(U, null, ee(5, (c) => (w(), C(U, { key: c }, [
-          (w(), C(U, null, ee(5, (d) => k("div", {
+        (w(), C(U, null, ee(5, (d) => (w(), C(U, { key: d }, [
+          (w(), C(U, null, ee(5, (m) => k("div", {
             class: "toolbar-table-grid__item",
-            key: `${c}_${d}`,
-            "data-cols": d,
-            "data-rows": c,
+            key: `${d}_${m}`,
+            "data-cols": m,
+            "data-rows": d,
             "data-item": "true",
-            onClick: ge((u) => r({ cols: d, rows: c }), ["stop", "prevent"])
+            onClick: ge((s) => c({ cols: m, rows: d }), ["stop", "prevent"])
           }, null, 8, Pn)), 64))
         ], 64))), 64))
       ], 32),
@@ -659,22 +659,22 @@ const x = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: a }) {
-    const o = a, n = (e) => {
+  setup(t, { emit: r }) {
+    const o = r, n = (e) => {
       o("select", { command: e.command });
     };
     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: (l) => n(r)
+      (w(!0), C(U, null, ee(t.options, (c) => (w(), C("div", {
+        class: oe(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": c.bottomBorder }]),
+        onClick: (a) => n(c)
       }, [
         k("div", Xn, [
           k("div", {
             class: "toolbar-table-actions__icon-wrapper",
-            innerHTML: r.icon
+            innerHTML: c.icon
           }, null, 8, Zn)
         ]),
-        k("div", Yn, ie(r.label), 1)
+        k("div", Yn, ie(c.label), 1)
       ], 10, Kn))), 256))
     ]));
   }
@@ -687,15 +687,15 @@ const x = (t) => {
     }
   },
   emits: ["submit"],
-  setup(t, { emit: a }) {
-    const o = f(""), n = a, e = () => {
+  setup(t, { emit: r }) {
+    const o = f(""), n = r, e = () => {
       n("submit", { value: o.value });
     };
-    return (i, r) => (w(), C("div", to, [
+    return (i, c) => (w(), C("div", to, [
       k("div", no, [
         Je(k("input", {
           ref: t.searchRef,
-          "onUpdate:modelValue": r[0] || (r[0] = (l) => o.value = l),
+          "onUpdate:modelValue": c[0] || (c[0] = (a) => o.value = a),
           class: "search-input",
           type: "text",
           name: "search",
@@ -715,14 +715,14 @@ const x = (t) => {
   }
 }, so = /* @__PURE__ */ q(io, [["__scopeId", "data-v-af870fbd"]]), ae = (t) => {
   t.expand.value = !1;
-}, lo = (t, a = !1, o, n, e) => {
-  const i = x({
+}, lo = (t, r = !1, o, n, e) => {
+  const i = _({
     type: "button",
     name: "bold",
     command: "toggleBold",
     icon: e.bold,
     tooltip: "Bold"
-  }), r = x({
+  }), c = _({
     type: "dropdown",
     name: "fontFamily",
     tooltip: "Font",
@@ -769,11 +769,11 @@ const x = (t) => {
         }
       }
     ],
-    onActivate: ({ fontFamily: m }) => {
-      m && (r.label.value = m);
+    onActivate: ({ fontFamily: u }) => {
+      u && (c.label.value = u);
     },
-    onDeactivate: () => r.label.value = r.defaultLabel.value
-  }), l = x({
+    onDeactivate: () => c.label.value = c.defaultLabel.value
+  }), a = _({
     type: "dropdown",
     dropdownStyles: {
       padding: 0,
@@ -791,10 +791,10 @@ const x = (t) => {
         type: "render",
         key: "ai",
         render: () => {
-          let m = "";
+          let u = "";
           if (t.activeEditor) {
             const { state: A } = t.activeEditor, { from: W, to: le, empty: gt } = A.selection;
-            m = gt ? "" : A.doc.textBetween(W, le);
+            u = gt ? "" : A.doc.textBetween(W, le);
           }
           return B(
             "div",
@@ -802,9 +802,9 @@ const x = (t) => {
             [
               B(jt, {
                 handleClose: () => {
-                  ae(l);
+                  ae(a);
                 },
-                selectedText: m,
+                selectedText: u,
                 editor: t.activeEditor,
                 apiKey: t.config.aiApiKey,
                 endpoint: t.config.aiEndpoint,
@@ -815,7 +815,7 @@ const x = (t) => {
         }
       }
     ]
-  }), s = x({
+  }), l = _({
     type: "dropdown",
     name: "fontSize",
     defaultLabel: "12",
@@ -846,29 +846,29 @@ const x = (t) => {
       { label: "72", key: "72pt" },
       { label: "96", key: "96pt" }
     ],
-    onActivate: ({ fontSize: m }) => {
-      if (!m) return s.label.value = s.defaultLabel.value;
-      let S = Wt(m, 12);
-      S < 8 && (S = 8), S > 96 && (S = 96), s.label.value = String(S);
+    onActivate: ({ fontSize: u }) => {
+      if (!u) return l.label.value = l.defaultLabel.value;
+      let S = Wt(u, 12);
+      S < 8 && (S = 8), S > 96 && (S = 96), l.label.value = String(S);
     },
-    onDeactivate: () => s.label.value = s.defaultLabel.value
-  }), c = x({
+    onDeactivate: () => l.label.value = l.defaultLabel.value
+  }), d = _({
     type: "separator",
     name: "separator",
     isNarrow: !0
-  }), d = x({
+  }), m = _({
     type: "button",
     name: "italic",
     command: "toggleItalic",
     icon: e.italic,
     tooltip: "Italic"
-  }), u = x({
+  }), s = _({
     type: "button",
     name: "underline",
     command: "toggleUnderline",
     icon: e.underline,
     tooltip: "Underline"
-  }), b = x({
+  }), b = _({
     type: "dropdown",
     name: "highlight",
     icon: e.highlight,
@@ -886,11 +886,11 @@ const x = (t) => {
         render: () => Ve(t, b, [], !0)
       }
     ],
-    onActivate: ({ color: m }) => {
-      b.iconColor.value = m || "";
+    onActivate: ({ color: u }) => {
+      b.iconColor.value = u || "";
     },
     onDeactivate: () => b.iconColor.value = ""
-  }), v = x({
+  }), v = _({
     type: "dropdown",
     name: "color",
     icon: e.color,
@@ -907,11 +907,11 @@ const x = (t) => {
         render: () => Ve(t, v)
       }
     ],
-    onActivate: ({ color: m }) => {
-      v.iconColor.value = m;
+    onActivate: ({ color: u }) => {
+      v.iconColor.value = u;
     },
     onDeactivate: () => v.iconColor.value = "#000"
-  }), y = f(null), E = x({
+  }), y = f(null), E = _({
     type: "dropdown",
     name: "search",
     icon: e.search,
@@ -932,7 +932,7 @@ const x = (t) => {
       },
       searchRef: y
     })
-  ]), F = x({
+  ]), F = _({
     type: "dropdown",
     name: "link",
     markName: "link",
@@ -945,44 +945,44 @@ const x = (t) => {
         render: () => $(F)
       }
     ],
-    onActivate: ({ href: m }) => {
-      m ? F.attributes.value = { href: m } : F.attributes.value = {}, F.expand.value = !0;
+    onActivate: ({ href: u }) => {
+      u ? F.attributes.value = { href: u } : F.attributes.value = {}, F.expand.value = !0;
     },
     onDeactivate: () => {
       F.attributes.value = {}, F.expand.value = !1;
     }
   });
-  function $(m) {
+  function $(u) {
     return B("div", {}, [
       B(vn, {
         onSubmit: ({ href: A }) => {
-          ae(m), m.attributes.value.link = { href: A };
-          const W = { ...m, command: "toggleLink" };
-          t.emitCommand({ item: W, argument: { href: A, text: "" } }), A || (m.active.value = !1);
+          ae(u), u.attributes.value.link = { href: A };
+          const W = { ...u, command: "toggleLink" };
+          t.emitCommand({ item: W, argument: { href: A, text: "" } }), A || (u.active.value = !1);
         },
-        href: m.attributes.value.href,
+        href: u.attributes.value.href,
         goToAnchor: () => {
-          if (ae(m), !t.activeEditor || !m.attributes.value?.href) return;
-          const A = m.attributes.value?.href?.slice(1), le = t.activeEditor.element.querySelector(`a[name='${A}']`);
+          if (ae(u), !t.activeEditor || !u.attributes.value?.href) return;
+          const A = u.attributes.value?.href?.slice(1), le = t.activeEditor.element.querySelector(`a[name='${A}']`);
           le && Kt(le);
         }
       })
     ]);
   }
-  const p = x({
+  const p = _({
     type: "options",
     name: "linkInput",
     command: "toggleLink"
   });
   F.childItem = p, p.parentItem = F;
-  const _ = x({
+  const x = _({
     type: "button",
     name: "image",
     command: "startImageUpload",
     icon: e.image,
     tooltip: "Image",
     disabled: !1
-  }), T = x({
+  }), T = _({
     type: "dropdown",
     name: "table",
     icon: e.table,
@@ -999,16 +999,16 @@ const x = (t) => {
       }
     ]
   });
-  function N(m) {
+  function N(u) {
     return B("div", {}, [
       B(qn, {
         onSelect: (A) => {
-          t.emitCommand({ item: m, argument: A }), ae(m);
+          t.emitCommand({ item: u, argument: A }), ae(u);
         }
       })
     ]);
   }
-  const V = x({
+  const V = _({
     type: "dropdown",
     name: "tableActions",
     command: "executeTableCommand",
@@ -1080,17 +1080,17 @@ const x = (t) => {
       icon: e.fixTables
     }
   ];
-  function ye(m) {
+  function ye(u) {
     return B(Qn, {
       options: te,
       onSelect: (S) => {
-        ae(m);
+        ae(u);
         const { command: A } = S;
-        t.emitCommand({ item: m, argument: { command: A } });
+        t.emitCommand({ item: u, argument: { command: A } });
       }
     });
   }
-  const Z = x({
+  const Z = _({
     type: "dropdown",
     name: "textAlign",
     tooltip: "Alignment",
@@ -1115,53 +1115,53 @@ const x = (t) => {
         key: "alignment"
       }
     ],
-    onActivate: ({ textAlign: m }) => {
-      re(Z, m);
+    onActivate: ({ textAlign: u }) => {
+      re(Z, u);
     },
     onDeactivate: () => {
       re(Z, "left");
     }
-  }), re = (m, S) => {
+  }), re = (u, S) => {
     let A = S === "both" ? "justify" : S, W = {
       left: e.alignLeft,
       right: e.alignRight,
       center: e.alignCenter,
       justify: e.alignJustify
     }, le = W[A] ?? W.left;
-    m.icon.value = le;
-  }, be = x({
+    u.icon.value = le;
+  }, be = _({
     type: "button",
     name: "list",
     command: "toggleBulletList",
     icon: e.bulletList,
     tooltip: "Bullet list"
-  }), I = x({
+  }), I = _({
     type: "button",
     name: "numberedlist",
     command: "toggleOrderedList",
     icon: e.numberedList,
     tooltip: "Numbered list"
-  }), M = x({
+  }), M = _({
     type: "button",
     name: "indentleft",
     command: "decreaseTextIndent",
     icon: e.indentLeft,
     tooltip: "Left indent",
     disabled: !1
-  }), H = x({
+  }), H = _({
     type: "button",
     name: "indentright",
     command: "increaseTextIndent",
     icon: e.indentRight,
     tooltip: "Right indent",
     disabled: !1
-  }), R = x({
+  }), R = _({
     type: "overflow",
     name: "overflow",
     command: "toggleOverflow",
     icon: e.overflow,
     disabled: !1
-  }), G = x({
+  }), G = _({
     type: "dropdown",
     name: "zoom",
     allowWithoutEditor: !0,
@@ -1182,10 +1182,10 @@ const x = (t) => {
       { label: "150%", key: 1.5 },
       { label: "200%", key: 2 }
     ],
-    onActivate: ({ zoom: m }) => {
-      m && (G.label.value = m);
+    onActivate: ({ zoom: u }) => {
+      u && (G.label.value = u);
     }
-  }), K = x({
+  }), K = _({
     type: "button",
     name: "undo",
     disabled: !0,
@@ -1196,7 +1196,7 @@ const x = (t) => {
     onDeactivate: () => {
       K.disabled.value = !t.undoDepth;
     }
-  }), ce = x({
+  }), ce = _({
     type: "button",
     disabled: !0,
     name: "redo",
@@ -1207,7 +1207,7 @@ const x = (t) => {
     onDeactivate: () => {
       ce.disabled.value = !t.redoDepth;
     }
-  }), ue = x({
+  }), ue = _({
     type: "button",
     disabled: !1,
     name: "toggleTrackChanges",
@@ -1215,7 +1215,7 @@ const x = (t) => {
     command: "toggleTrackChanges",
     icon: e.trackChanges,
     group: "left"
-  }), _e = x({
+  }), _e = _({
     type: "button",
     disabled: !1,
     name: "acceptTrackedChangeBySelection",
@@ -1223,7 +1223,7 @@ const x = (t) => {
     command: "acceptTrackedChangeBySelection",
     icon: e.trackChangesAccept,
     group: "left"
-  }), xe = x({
+  }), xe = _({
     type: "button",
     disabled: !1,
     name: "rejectTrackedChangeOnSelection",
@@ -1231,7 +1231,7 @@ const x = (t) => {
     command: "rejectTrackedChangeOnSelection",
     icon: e.trackChangesReject,
     group: "left"
-  }), Ee = x({
+  }), Ee = _({
     type: "button",
     disabled: !1,
     name: "toggleTrackChangesShowOriginal",
@@ -1239,7 +1239,7 @@ const x = (t) => {
     command: "toggleTrackChangesShowOriginal",
     icon: e.trackChangesOriginal,
     group: "left"
-  }), Fe = x({
+  }), Fe = _({
     type: "button",
     disabled: !1,
     name: "toggleTrackChangesShowFinal",
@@ -1247,7 +1247,7 @@ const x = (t) => {
     command: "toggleTrackChangesShowFinal",
     icon: e.trackChangesFinal,
     group: "left"
-  }), Ie = x({
+  }), Ie = _({
     type: "button",
     name: "clearFormatting",
     command: "clearFormat",
@@ -1256,20 +1256,20 @@ const x = (t) => {
   });
   [
     i,
-    d,
-    u,
+    m,
+    s,
     H,
     M,
     E,
     R
-  ].map((m) => m.name);
-  const Le = x({
+  ].map((u) => u.name);
+  const Le = _({
     type: "button",
     name: "copyFormat",
     tooltip: "Format painter",
     icon: e.copyFormat,
     command: "copyFormat"
-  }), 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({
+  }), Me = (u, S) => u === "editor" ? S : u === "suggester" ? S.filter((A) => A.value === "suggesting") : S.filter((A) => A.value === "viewing"), we = (u) => u === "editor" ? "Editing" : u === "suggester" ? "Suggesting" : "Viewing", ne = _({
     type: "dropdown",
     name: "documentMode",
     command: "setDocumentMode",
@@ -1314,18 +1314,18 @@ const x = (t) => {
       description: "View clean version of document only"
     }
   ];
-  function me(m) {
+  function me(u) {
     const S = Me(n, De);
     return B(En, {
       options: S,
       onSelect: (A) => {
-        ae(m);
+        ae(u);
         const { label: W, icon: le } = A;
         ne.label.value = W, ne.icon.value = le, t.emitCommand({ item: ne, argument: W });
       }
     });
   }
-  const se = x({
+  const se = _({
     type: "button",
     name: "pageBreakTool",
     command: "insertPageBreak",
@@ -1341,13 +1341,13 @@ const x = (t) => {
     ["documentMode", 47],
     ["ai", 32],
     ["default", 32]
-  ]), dt = x({
+  ]), dt = _({
     type: "button",
     name: "ruler",
     command: "toggleRuler",
     icon: e.ruler,
     tooltip: "Show or hide ruler"
-  }), Ce = x({
+  }), Ce = _({
     type: "dropdown",
     name: "linkedStyles",
     command: "setLinkedStyle",
@@ -1367,7 +1367,7 @@ const x = (t) => {
         type: "render",
         key: "linkedStyle",
         render: () => {
-          const m = (S) => {
+          const u = (S) => {
             ae(Ce);
             const A = { ...Ce, command: "setLinkedStyle" };
             t.emitCommand({ item: A, argument: S });
@@ -1375,7 +1375,7 @@ const x = (t) => {
           return B("div", {}, [
             B(Fn, {
               editor: t.activeEditor,
-              onSelect: m
+              onSelect: u
             })
           ]);
         }
@@ -1387,10 +1387,10 @@ const x = (t) => {
     onDeactivate: () => {
       Ce.disabled.value = !0;
     }
-  }), he = (m, S) => {
-    if (S.value.toString() === m)
+  }), he = (u, S) => {
+    if (S.value.toString() === u)
       return B("div", { innerHTML: eo, class: "dropdown-select-icon" });
-  }, de = x({
+  }, de = _({
     type: "dropdown",
     name: "lineHeight",
     tooltip: "Line height",
@@ -1426,148 +1426,148 @@ const x = (t) => {
     // toggleTrackChangesOriginal,
     // toggleTrackChangesFinal,
     G,
-    r,
     c,
-    s,
-    c,
-    i,
     d,
-    u,
+    l,
+    d,
+    i,
+    m,
+    s,
     v,
     b,
-    c,
+    d,
     F,
-    _,
+    x,
     T,
     V,
-    c,
+    d,
     Z,
     be,
     I,
     M,
     H,
     de,
-    c,
+    d,
     Ce,
-    c,
+    d,
     dt,
     se,
     Le,
     Ie,
-    l,
+    a,
     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);
+  if (t.config?.superdoc?.config?.modules?.ai || (O = O.filter((u) => u.name.value !== "ai")), o <= $e.md && (O = O.filter((u) => u.type !== "separator")), t.config.pagination || (O = O.filter((u) => u.name.value !== "pageBreakTool")), t.config.mode !== "docx") {
+    const u = O.findIndex((A) => A.name.value === "linkedStyles");
+    O.splice(u - 1, 2);
     const S = ["ruler", "zoom", "undo", "redo"];
     O = O.filter((A) => !S.includes(A.name.value));
   }
   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 = [];
+  r || (n === "viewer" && je.push(_e, xe), O = O.filter((u) => !je.includes(u)));
+  const ft = [E, K, R, ne].map((u) => u.name), vt = (u) => ft.includes(u.name), Se = [], He = [];
   let Be = mt + ut;
-  return O.forEach((m) => {
-    const S = pe.get(m.name.value) || pe.get("default");
-    if (o < $e.xl && pt.includes(m.name.value)) {
-      if (Se.push(m), m.name.value === "linkedStyles") {
+  return O.forEach((u) => {
+    const S = pe.get(u.name.value) || pe.get("default");
+    if (o < $e.xl && pt.includes(u.name.value)) {
+      if (Se.push(u), u.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)) {
-      Se.push(m);
+    if (o < $e.sm && ht.includes(u.name.value)) {
+      Se.push(u);
       return;
     }
-    if (vt(m)) {
-      He.push(m), Be += S;
+    if (vt(u)) {
+      He.push(u), Be += S;
       return;
     }
-    Be < o ? (He.push(m), Be += S) : Se.push(m);
+    Be < o ? (He.push(u), Be += S) : Se.push(u);
   }), {
     defaultItems: He,
-    overflowItems: Se.filter((m) => m.type !== "separator")
+    overflowItems: Se.filter((u) => u.type !== "separator")
   };
 }, ao = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"], ro = () => {
   let t = document.createElement("input");
   t.type = "file";
-  let a = ao;
-  return t.accept = a.join(","), () => new Promise((n, e) => {
+  let r = ao;
+  return t.accept = r.join(","), () => new Promise((n, e) => {
     t.onchange = async () => {
       const i = t.files;
       if (!i) return n(null);
-      const r = i.item(0);
-      return n(r ? { file: r } : null);
+      const c = i.item(0);
+      return n(c ? { file: c } : null);
     }, t.oncancel = () => n(null), t.onerror = e, t.click();
   });
-}, co = (t) => new Promise((a, o) => {
+}, co = (t) => new Promise((r, o) => {
   let n = new FileReader();
-  n.onload = (e) => a(e.target.result), n.onerror = o, setTimeout(() => n.readAsDataURL(t), 250);
-}), uo = (t, a) => new Promise((o, n) => {
+  n.onload = (e) => r(e.target.result), n.onerror = o, setTimeout(() => n.readAsDataURL(t), 250);
+}), uo = (t, r) => new Promise((o, n) => {
   const e = new window.Image();
   e.onload = () => {
-    const i = document.createElement("canvas"), { width: r, height: l } = mo(
+    const i = document.createElement("canvas"), { width: c, height: a } = mo(
       e.width,
       e.height,
-      a
+      r
     );
-    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);
+    if (i.width = c, i.height = a, i.getContext("2d").drawImage(e, 0, 0, c, a), typeof t == "string") {
+      const d = i.toDataURL();
+      o(d);
     } else
-      i.toBlob((c) => {
-        const d = new File([c], t.name, {
+      i.toBlob((d) => {
+        const m = new File([d], t.name, {
           type: t.type,
           lastModified: Date.now()
         });
-        o({ file: d, width: r, height: l });
+        o({ file: m, width: c, height: a });
       });
   }, e.onerror = (i) => n(i), e.src = typeof t == "string" ? t : URL.createObjectURL(t);
-}), mo = (t, a, o) => {
+}), mo = (t, r, o) => {
   const { width: n, height: e } = o.getMaxContentSize();
-  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 }) => {
+  if (!n || !e) return { width: t, height: r };
+  let i = t, c = r;
+  const a = t / r;
+  return r > e && (c = e, i = Math.round(e * a)), i > n && (i = n, c = Math.round(n / a)), { width: i, height: c };
+}, po = async ({ editor: t, view: r, 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");
     return;
   }
-  let i, r;
+  let i, c;
   try {
-    const u = await uo(o, t);
-    i = u.width, r = u.height, o = u.file;
-  } catch (u) {
-    console.warn("Error processing image:", u);
+    const s = await uo(o, t);
+    i = s.width, c = s.height, o = s.file;
+  } catch (s) {
+    console.warn("Error processing image:", s);
     return;
   }
-  let l = {}, { tr: s, schema: c } = a.state;
-  s.selection.empty || s.deleteSelection();
-  let d = {
+  let a = {}, { tr: l, schema: d } = r.state;
+  l.selection.empty || l.deleteSelection();
+  let m = {
     type: "add",
-    pos: s.selection.from,
-    id: l
+    pos: l.selection.from,
+    id: a
   };
-  s.setMeta(Ne, d), a.dispatch(s), n(o).then(
-    (u) => {
-      let b = o.name.replace(" ", "_"), v = Ct(a.state, l);
+  l.setMeta(Ne, m), r.dispatch(l), n(o).then(
+    (s) => {
+      let b = o.name.replace(" ", "_"), v = Ct(r.state, a);
       if (v == null)
         return;
-      let y = { type: "remove", id: l }, E = `word/media/${b}`, g = c.nodes.image.create({
+      let y = { type: "remove", id: a }, E = `word/media/${b}`, g = d.nodes.image.create({
         src: E,
-        size: { width: i, height: r }
+        size: { width: i, height: c }
       });
-      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)
+      t.storage.image.media = Object.assign(t.storage.image.media, { [E]: s }), t.options.ydoc && t.commands.addImageToCollaboration({ mediaPath: E, fileData: s }), r.dispatch(
+        r.state.tr.replaceWith(v, v, g).setMeta(Ne, y)
       );
     },
     () => {
-      let u = { type: "remove", id: l };
-      a.dispatch(s.setMeta(Ne, u));
+      let s = { type: "remove", id: a };
+      r.dispatch(l.setMeta(Ne, s));
     }
   );
 };
@@ -1596,7 +1596,8 @@ class Mo extends qt {
       groups: null,
       editor: null,
       aiApiKey: null,
-      aiEndpoint: null
+      aiEndpoint: null,
+      customButtons: []
     });
     /**
      * Custom commands that override default behavior
@@ -1616,8 +1617,8 @@ class Mo extends qt {
         o.onActivate({ zoom: n }), this.emit("superdoc-command", { item: o, argument: n });
         const e = document.querySelector(this.superdoc.config.selector)?.querySelector(".layers");
         if (!e) return;
-        const i = typeof screen.orientation < "u", r = window.matchMedia("(max-width: 834px)").matches;
-        i && r ? (e.style.transformOrigin = "0 0", e.style.transform = `scale(${parseInt(n) / 100})`) : e.style.zoom = parseInt(n) / 100, this.superdoc.superdocStore.activeZoom = parseInt(n);
+        const i = typeof screen.orientation < "u", c = window.matchMedia("(max-width: 834px)").matches;
+        i && c ? (e.style.transformOrigin = "0 0", e.style.transform = `scale(${parseInt(n) / 100})`) : e.style.zoom = parseInt(n) / 100, this.superdoc.superdocStore.activeZoom = parseInt(n);
       },
       /**
        * Sets the document mode
@@ -1709,7 +1710,7 @@ class Mo extends qt {
        */
       increaseTextIndent: ({ item: o, argument: n }) => {
         let e = o.command, { state: i } = this.activeEditor;
-        if (Ge((l) => l.type.name === "listItem")(i.selection))
+        if (Ge((a) => a.type.name === "listItem")(i.selection))
           return this.activeEditor.commands.increaseListIndent();
         e in this.activeEditor.commands && this.activeEditor.commands[e](n);
       },
@@ -1722,7 +1723,7 @@ class Mo extends qt {
        */
       decreaseTextIndent: ({ item: o, argument: n }) => {
         let e = o.command, { state: i } = this.activeEditor;
-        if (Ge((l) => l.type.name === "listItem")(i.selection))
+        if (Ge((a) => a.type.name === "listItem")(i.selection))
           return this.activeEditor.commands.decreaseListIndent();
         e in this.activeEditor.commands && this.activeEditor.commands[e](n);
       },
@@ -1770,8 +1771,8 @@ 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, l = new Ye(i.state.doc.resolve(r)), s = i.state.tr.setSelection(l), c = i.state.apply(s);
-          i.updateState(c), setTimeout(() => {
+          const { view: i } = this.activeEditor, c = i.state.selection.$to.pos, a = new Ye(i.state.doc.resolve(c)), l = i.state.tr.setSelection(a), d = i.state.apply(l);
+          i.updateState(d), setTimeout(() => {
             i.focus();
           }, 100);
         }
@@ -1850,7 +1851,7 @@ class Mo extends qt {
    * @returns {ToolbarItem[]} An array of toolbar items in the specified group
    */
   getToolbarItemByGroup(o) {
-    return this.toolbarItems.filter((n) => n.group.value === o);
+    return this.toolbarItems.filter((n) => (n.group?.value || "center") === o);
   }
   /**
    * Get a toolbar item by name
@@ -1874,25 +1875,25 @@ class Mo extends qt {
     this.toolbarItems.forEach((e) => {
       if (e.resetDisabled(), e.name.value === "linkedStyles")
         return this.activeEditor && !Ze(this.activeEditor).length ? e.deactivate() : e.activate();
-      const i = o.find((s) => s.name === e.name.value);
+      const i = o.find((l) => l.name === e.name.value);
       i ? e.activate(i.attrs) : e.deactivate();
-      const r = o.find((s) => s.name === "styleId");
-      if (r?.attrs.styleId) {
-        const s = {
+      const c = o.find((l) => l.name === "styleId");
+      if (c?.attrs.styleId) {
+        const l = {
           fontSize: "font-size",
           fontFamily: "font-family",
           bold: "bold",
           textAlign: "textAlign"
-        }, c = this.activeEditor.converter?.linkedStyles.find((d) => d.id === r.attrs.styleId);
-        if (s[e.name.value] in c?.definition.styles) {
-          const d = {
-            [e.name.value]: c?.definition.styles[s[e.name.value]]
+        }, d = this.activeEditor.converter?.linkedStyles.find((m) => m.id === c.attrs.styleId);
+        if (l[e.name.value] in d?.definition.styles) {
+          const m = {
+            [e.name.value]: d?.definition.styles[l[e.name.value]]
           };
-          e.activate(d);
+          e.activate(m);
         }
       }
-      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);
+      const a = o.find((l) => l.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);
     });
   }
   /**
@@ -1912,16 +1913,22 @@ class Mo extends qt {
    * @param {*} [params.argument] - The argument passed to the command
    * @returns {*} The result of the executed command, undefined if no result is returned
   */
-  emitCommand({ item: o, argument: n }) {
+  emitCommand({ item: o, argument: n, option: e }) {
     this.activeEditor?.focus();
-    const { command: e } = o;
-    if (e) {
-      if (this.log("(emmitCommand) Command:", e, o, n), e in Ae(this, ve))
-        return Ae(this, ve)[e]({ item: o, argument: n });
-      if (e in this.activeEditor?.commands)
-        this.activeEditor.commands[e](n), this.updateToolbarState();
+    const { command: i } = o;
+    if (i) {
+      if (this.log("(emmitCommand) Command:", i, `
+	item:`, o, `
+	argument:`, n, `
+	option:`, e), i in Ae(this, ve))
+        return Ae(this, ve)[i]({ item: o, argument: n });
+      if (i in this.activeEditor?.commands)
+        this.activeEditor.commands[i](n);
+      else if (typeof i == "function")
+        i({ item: o, argument: n, option: e });
       else
-        throw new Error(`[super-toolbar 🎨] Command not found: ${e}`);
+        throw new Error(`[super-toolbar 🎨] Command not found: ${i}`);
+      this.updateToolbarState();
     }
   }
 }
@@ -1941,14 +1948,15 @@ lt = function() {
  * @returns {void}
  */
 We = function(o, n, e = !1) {
-  const i = document.documentElement.clientWidth, { defaultItems: r, overflowItems: l } = lo(o, e, i, this.role, n);
-  let s = [
-    ...r.map((d) => d.name.value),
-    ...l.map((d) => d.name.value)
+  const i = document.documentElement.clientWidth, { defaultItems: c, overflowItems: a } = lo(o, e, i, this.role, n), l = this.config.customButtons || [];
+  l.length && c.push(...l.map((s) => _({ ...s })));
+  let d = [
+    ...c.map((s) => s.name.value),
+    ...a.map((s) => s.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 = l.filter((d) => s.includes(d.name.value));
+  this.config.groups && (d = Object.values(this.config.groups).flatMap((s) => s));
+  const m = c.filter((s) => d.includes(s.name.value)).filter((s) => !this.config.excludeItems.includes(s.name.value));
+  this.toolbarItems = m, this.overflowItems = a.filter((s) => d.includes(s.name.value));
 }, /**
  * Initialize default fonts from the editor
  * @private
@@ -1956,9 +1964,9 @@ We = function(o, n, e = !1) {
  */
 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");
+  const { typeface: o = "Arial", fontSizePt: n = 12 } = this.activeEditor.converter.getDocumentDefaultStyles() ?? {}, e = this.toolbarItems.find((c) => c.name.value === "fontSize");
   e && (e.defaultLabel.value = n);
-  const i = this.toolbarItems.find((r) => r.name.value === "fontFamily");
+  const i = this.toolbarItems.find((c) => c.name.value === "fontFamily");
   i && (i.defaultLabel.value = o);
 }, /**
  * Update highlight color options based on document colors
@@ -1967,15 +1975,15 @@ at = function() {
  */
 rt = function() {
   if (!this.activeEditor || !this.activeEditor.converter || !this.activeEditor.converter.docHiglightColors.size) return;
-  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 l[d] || (l[d] = []), n.includes(s) || l[d].push(h(s)), l;
-  }, []), r = {
+  const o = this.toolbarItems.find((a) => a.name.value === "highlight"), n = Vn(), e = 7, i = Array.from(this.activeEditor.converter.docHiglightColors).reduce((a, l, d) => {
+    const m = Math.floor(d / e);
+    return a[m] || (a[m] = []), n.includes(l) || a[m].push(h(l)), a;
+  }, []), c = {
     key: "color",
     type: "render",
     render: () => Ve(this, o, i, !0)
   };
-  o.nestedOptions.value = [r];
+  o.nestedOptions.value = [c];
 }, /**
  * Deactivate all toolbar items
  * @private
@@ -2005,44 +2013,44 @@ ct = function() {
  */
 fe = function({ item: o, argument: n, noArgumentCallback: e = !1 }, i) {
   if (!n || !this.activeEditor) return;
-  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();
+  let c = o.command;
+  const a = o.noArgumentCommand;
+  if (n === "none" && a in this.activeEditor?.commands) {
+    this.activeEditor.commands[a](), typeof i == "function" && e && i(n), this.updateToolbarState();
     return;
   }
-  r in this.activeEditor?.commands && (this.activeEditor.commands[r](n), typeof i == "function" && i(n), this.updateToolbarState());
+  c in this.activeEditor?.commands && (this.activeEditor.commands[c](n), typeof i == "function" && i(n), this.updateToolbarState());
 };
-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");
+function ho(t, r) {
+  if (!t.value || !r?.value?.options?.scale) return;
+  const o = r.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;
-    if (i || (i = s), s !== i) {
-      const c = s - i;
-      r.style.transform = `translateX(${c}px)`;
+  e.forEach((c) => {
+    const l = (c.getBoundingClientRect().left - n.left) / o * -1 + 1;
+    if (i || (i = l), l !== i) {
+      const d = l - i;
+      c.style.transform = `translateX(${d}px)`;
     }
   });
 }
-const fo = (t, a) => {
-  const o = t.clientY, n = t.clientX, { view: e } = a, i = e.dom.getBoundingClientRect();
-  let r = {
+const fo = (t, r) => {
+  const o = t.clientY, n = t.clientX, { view: e } = r, i = e.dom.getBoundingClientRect();
+  let c = {
     left: 0,
     top: o
-  }, 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 (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;
+  }, a = !1;
+  n > i.right ? (c.left = i.left + i.width - 1, a = !0) : n < i.left && (c.left = i.left);
+  const l = e.posAtCoords(c)?.pos;
+  if (l) {
+    let d = l;
+    if (a) {
+      const b = e.state.doc.resolve(l).textOffset, v = e.state.doc.nodeAt(l), E = v?.text?.charAt(b);
+      d = v?.isText && E !== " " ? l - 1 : l;
     }
-    const d = e.state.tr.setSelection(
-      Ye.create(e.state.doc, c)
+    const m = e.state.tr.setSelection(
+      Ye.create(e.state.doc, d)
     );
-    e.dispatch(d), e.focus();
+    e.dispatch(m), e.focus();
   }
 }, vo = { class: "numbering" }, Te = 200, go = "flex-end", yo = {
   __name: "Ruler",
@@ -2061,13 +2069,13 @@ const fo = (t, a) => {
     }
   },
   emits: ["margin-change"],
-  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);
+  setup(t, { emit: r }) {
+    const o = r, n = t, e = f(null), i = f([]), c = f("#CCCCCC"), a = f("#2563EB66"), l = f(null), d = f(null), m = f(!1), s = 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;
       const I = [], { pageMargins: M, pageSize: H } = n.editor.getPageStyles();
-      s.value = H, c.value = M, v.x = H.width * 96 - M.right * 96, b.x = M.left * 96;
+      l.value = H, d.value = M, v.x = H.width * 96 - M.right * 96, b.x = M.left * 96;
       for (let R = 0; R < H.width; R++) {
         const K = `${5.5}px`, ce = H.width - R;
         if (I.push(...$(1, "main", "20%", K, R)), I.push(...$(3, "eighth", "10%", K)), I.push(...$(1, "half", "40%", K)), ce <= 0.5) break;
@@ -2089,39 +2097,39 @@ const fo = (t, a) => {
       backgroundColor: I.color || "#666",
       marginLeft: I.numbering === 0 ? null : I.margin,
       marginRight: I.margin
-    })), _ = j(() => (I) => ({
+    })), x = j(() => (I) => ({
       left: `${(I === "left" ? b : v).x}px`
     })), T = j(() => {
       if (!e.value) return;
       const H = e.value.parentElement.querySelector(".super-editor").getBoundingClientRect();
       return {
-        left: `${u.value.x}px`,
+        left: `${s.value.x}px`,
         minHeight: `${H.height}px`
       };
     }), N = (I) => {
-      d.value = !0, ye();
+      m.value = !0, ye();
       const M = I.currentTarget.id;
-      u.value = M === "left-margin-handle" ? b : v, E.value = u.value.x, g = I.clientX - u.value.x, y.value = !0;
+      s.value = M === "left-margin-handle" ? b : v, E.value = s.value.x, g = I.clientX - s.value.x, y.value = !0;
     }, V = (I) => {
-      if (!d.value) return;
+      if (!m.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);
+      s.value.x = M, s.value.side === "left" ? M <= 0 ? s.value.x = 0 : M >= v.x - Te && (s.value.x = v.x - Te) : M >= l.value.width * 96 ? s.value.x = l.value.width * 96 : M <= b.x + Te && (s.value.x = b.x + Te);
     }, te = () => {
-      if (d.value = !1, y.value = !1, Z(), u.value && u.value.x !== E.value) {
+      if (m.value = !1, y.value = !1, Z(), s.value && s.value.x !== E.value) {
         const I = re();
         o("margin-change", {
-          side: u.value.side,
+          side: s.value.side,
           value: I
         });
       }
     }, ye = () => {
-      r.value = l.value;
+      c.value = a.value;
     }, Z = () => {
-      r.value = "#CCC";
-    }, re = () => u.value.side === "left" ? u.value.x / 96 : (s.value.width * 96 - u.value.x) / 96, be = j(() => ({
+      c.value = "#CCC";
+    }, re = () => s.value.side === "left" ? s.value.x / 96 : (l.value.width * 96 - s.value.x) / 96, be = j(() => ({
       "--alignment": go,
-      "--ruler-handle-color": r.value,
-      "--ruler-handle-active-color": l.value
+      "--ruler-handle-color": c.value,
+      "--ruler-handle-active-color": a.value
     }));
     return ke(() => {
       i.value = F(), window.addEventListener("mousemove", V), window.addEventListener("mouseup", te);
@@ -2137,13 +2145,13 @@ const fo = (t, a) => {
         class: "margin-handle handle-left",
         id: "left-margin-handle",
         onMousedown: N,
-        style: J(_.value("left"))
+        style: J(x.value("left"))
       }, null, 36),
       k("div", {
         class: "margin-handle handle-right",
         id: "right-margin-handle",
         onMousedown: N,
-        style: J(_.value("right"))
+        style: J(x.value("right"))
       }, null, 36),
       y.value ? (w(), C("div", {
         key: 0,
@@ -2199,53 +2207,53 @@ const fo = (t, a) => {
     "comments-loaded",
     "selection-update"
   ],
-  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);
-    }, d = (p, _ = 10, T = 500) => {
+  setup(t, { emit: r }) {
+    const o = r, n = t, e = f(!1), i = nt(null), c = f(null), a = f(null);
+    let l;
+    const d = () => {
+      clearTimeout(l);
+    }, m = (p, x = 10, T = 500) => {
       const N = p.getMap("meta"), V = () => {
         const te = N.get("docx");
-        te ? (c(), y({ content: te })) : _ > 0 ? (console.debug(`Waiting for 'docx' data... retries left: ${_}`), s = setTimeout(V, T), _--) : console.warn("Failed to load docx data from meta map.");
+        te ? (d(), y({ content: te })) : x > 0 ? (console.debug(`Waiting for 'docx' data... retries left: ${x}`), l = setTimeout(V, T), x--) : console.warn("Failed to load docx data from meta map.");
       };
       V();
-    }, u = async () => {
+    }, s = async () => {
       try {
-        const [p, _, T, N] = await ze.loadXmlData(n.fileSource);
-        return { content: p, media: _, mediaFiles: T, fonts: N };
+        const [p, x, T, N] = await ze.loadXmlData(n.fileSource);
+        return { content: p, media: x, mediaFiles: T, fonts: N };
       } catch (p) {
         console.debug("Error loading new file data:", p);
       }
     }, b = async () => {
       if (n.fileSource) {
-        const p = await u();
+        const p = await s();
         return y(p);
       } else if (n.options.ydoc && n.options.collaborationProvider) {
         delete n.options.content;
-        const p = n.options.ydoc, _ = n.options.collaborationProvider, T = () => {
-          d(p), _.off("synced", T);
+        const p = n.options.ydoc, x = n.options.collaborationProvider, T = () => {
+          m(p), x.off("synced", T);
         };
-        _.on("synced", T);
+        x.on("synced", T);
       }
     }, v = () => {
       const p = St();
-      return n.options.pagination ? p : p.filter((_) => _.name !== "pagination");
-    }, y = async ({ content: p, media: _ = {}, mediaFiles: T = {}, fonts: N = {} } = {}) => {
+      return n.options.pagination ? p : p.filter((x) => x.name !== "pagination");
+    }, y = async ({ content: p, media: x = {}, mediaFiles: T = {}, fonts: N = {} } = {}) => {
       i.value = new ze({
         mode: "docx",
-        element: l.value,
+        element: a.value,
         fileSource: n.fileSource,
         extensions: v(),
         externalExtensions: n.options.externalExtensions,
         documentId: n.documentId,
         content: p,
-        media: _,
+        media: x,
         mediaFiles: T,
         fonts: N,
         ...n.options
       }), i.value.on("paginationUpdate", () => {
-        ho(l, i);
+        ho(a, i);
       }), i.value.on("collaborationReady", () => {
         setTimeout(() => {
           e.value = !0;
@@ -2255,24 +2263,24 @@ const fo = (t, a) => {
       o("editor-keydown", { editor: i.value });
     }, g = (p) => {
       o("editor-click", { editor: i.value });
-      let _ = l.value?.querySelector(".ProseMirror");
-      if (!_ || !i.value)
+      let x = a.value?.querySelector(".ProseMirror");
+      if (!x || !i.value)
         return;
-      !_.contains(p.target) && i.value.isEditable && i.value.view?.focus();
+      !x.contains(p.target) && i.value.isEditable && i.value.view?.focus();
     };
     ke(() => {
       b(), (n.options?.suppressSkeletonLoader || !n.options?.collaborationProvider) && (e.value = !0);
     });
     const F = (p) => {
       p.target.classList.contains("ProseMirror") || fo(p, i.value);
-    }, $ = ({ side: p, value: _ }) => {
+    }, $ = ({ side: p, value: x }) => {
       if (!i.value) return;
-      const T = i.value.getPageStyles(), { pageMargins: N } = T, V = { ...N, [p]: _ };
+      const T = i.value.getPageStyles(), { pageMargins: N } = T, V = { ...N, [p]: x };
       i.value?.updatePageStyle({ pageMargins: V });
     };
     return ot(() => {
-      c(), i.value?.destroy(), i.value = null;
-    }), (p, _) => (w(), C("div", wo, [
+      d(), i.value?.destroy(), i.value = null;
+    }), (p, x) => (w(), C("div", wo, [
       t.options.rulers && i.value ? (w(), Vt(bo, {
         key: 0,
         class: "ruler",
@@ -2282,14 +2290,14 @@ const fo = (t, a) => {
       k("div", {
         class: "super-editor",
         ref_key: "editorWrapper",
-        ref: r,
+        ref: c,
         onKeydown: E,
         onClick: g,
         onMousedown: F
       }, [
         k("div", {
           ref_key: "editorElem",
-          ref: l,
+          ref: a,
           class: "editor-element super-editor__element"
         }, null, 512)
       ], 544),
@@ -2343,8 +2351,8 @@ const fo = (t, a) => {
 }, Do = /* @__PURE__ */ q(_o, [["__scopeId", "data-v-ff8f86f4"]]), $o = {
   __name: "BasicUpload",
   emits: ["file-change"],
-  setup(t, { emit: a }) {
-    const o = a, n = (e) => {
+  setup(t, { emit: r }) {
+    const o = r, n = (e) => {
       o("file-change", e.target.files[0]);
     };
     return (e, i) => (w(), C("div", null, [
@@ -2379,16 +2387,16 @@ const fo = (t, a) => {
     }
   },
   emits: ["update:modelValue", "focus", "blur"],
-  setup(t, { emit: a }) {
-    const o = a, n = t, e = nt(), i = f(null), r = f(!1), l = ({ editor: v, transaction: y }) => {
+  setup(t, { emit: r }) {
+    const o = r, n = t, e = nt(), i = f(null), c = f(!1), a = ({ 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 = l, n.options.onFocus = s, n.options.onBlur = c, e.value = new ze({
+    }, l = ({ editor: v, transaction: y }) => {
+      c.value = !0, b(), o("focus", { editor: v, transaction: y });
+    }, d = ({ editor: v, transaction: y }) => {
+      c.value = !1, o("blur", { editor: v, transaction: y });
+    }, m = async () => {
+      At.options.placeholder = n.placeholder || "Type something...", n.options.onTransaction = a, n.options.onFocus = l, n.options.onBlur = d, e.value = new ze({
         mode: "text",
         content: document.getElementById("currentContent"),
         element: i.value,
@@ -2396,18 +2404,18 @@ const fo = (t, a) => {
         users: n.users,
         ...n.options
       });
-    }, u = () => {
-      r.value = !0, e.value?.view?.focus();
+    }, s = () => {
+      c.value = !0, e.value?.view?.focus();
     }, b = () => {
       e.value?.setOptions({ users: n.users });
     };
     return ke(() => {
-      d();
+      m();
     }), ot(() => {
       e.value?.destroy(), e.value = null;
     }), (v, y) => (w(), C("div", {
-      class: oe(["super-editor super-input", { "super-input-active": r.value }]),
-      onClick: ge(u, ["stop", "prevent"])
+      class: oe(["super-editor super-input", { "super-input-active": c.value }]),
+      onClick: ge(s, ["stop", "prevent"])
     }, [
       k("div", {
         id: "currentContent",