@harbour-enterprises/superdoc 0.10.59 → 0.10.60

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

@@ -1,21 +1,21 @@
-var ut = Object.defineProperty;
+var mt = Object.defineProperty;
 var Ve = (t) => {
   throw TypeError(t);
 };
-var mt = (t, l, o) => l in t ? ut(t, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[l] = o;
-var He = (t, l, o) => mt(t, typeof l != "symbol" ? l + "" : l, o), je = (t, l, o) => l.has(t) || Ve("Cannot " + o);
+var pt = (t, l, o) => l in t ? mt(t, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[l] = o;
+var He = (t, l, o) => pt(t, typeof l != "symbol" ? l + "" : l, o), je = (t, l, o) => l.has(t) || Ve("Cannot " + o);
 var Se = (t, l, o) => (je(t, l, "read from private field"), o ? o.call(t) : l.get(t)), Be = (t, l, o) => l.has(t) ? Ve("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(t) : l.set(t, o);
 var W = (t, l, o) => (je(t, l, "access private method"), o);
-import { _ as K, a as Ke, b as pt, I as Re, f as ft, c as Ue, d as ht, i as vt, u as gt, r as yt, E as Oe, e as bt, P as kt, h as wt, M as Ct, j as _t, A as xt, N as Et } from "./chunks/editor-D2wFJ3Vj.js";
-import { C as To, T as Fo, l as Io, n as Lo, k as Mo, m as Do } from "./chunks/editor-D2wFJ3Vj.js";
-import { a1 as St, y as At, a3 as Tt, T as Xe, a as Ft } from "./chunks/converter-Cs71TBnr.js";
-import { O as Ho } from "./chunks/converter-Cs71TBnr.js";
-import { ref as g, createElementBlock as w, openBlock as k, createElementVNode as x, unref as $, getCurrentInstance as It, computed as j, watch as Lt, onMounted as we, createCommentVNode as ne, withDirectives as Mt, withKeys as Dt, normalizeClass as oe, withModifiers as ke, vModelText as $t, createTextVNode as Ht, toDisplayString as ie, Fragment as U, renderList as Q, normalizeStyle as J, createVNode as V, h as N, createApp as Bt, reactive as qe, onUnmounted as Rt, shallowRef as Ze, onBeforeUnmount as Ye, createBlock as Ot } from "vue";
-import { t as G, s as Nt, T as zt, N as Y } from "./chunks/toolbar-BdbU1Nep.js";
+import { _ as K, a as Ke, b as ft, I as Re, f as ht, c as Ue, d as gt, i as vt, u as yt, r as bt, E as Oe, e as wt, P as kt, h as Ct, M as _t, j as xt, A as Et, N as St } from "./chunks/editor-DSBSUAKo.js";
+import { C as Lo, T as Mo, l as Do, n as $o, k as Ho, m as Bo } from "./chunks/editor-DSBSUAKo.js";
+import { a1 as At, y as Tt, a3 as Ft, T as Xe, a as It } from "./chunks/converter-CRhbK35g.js";
+import { O as Oo } from "./chunks/converter-CRhbK35g.js";
+import { ref as y, createElementBlock as k, openBlock as w, createElementVNode as _, unref as D, getCurrentInstance as Lt, computed as j, watch as Mt, onMounted as we, createCommentVNode as Q, withDirectives as Dt, withKeys as $t, normalizeClass as ne, withModifiers as be, vModelText as Ht, createTextVNode as Ze, toDisplayString as oe, Fragment as U, renderList as ee, normalizeStyle as J, createVNode as V, h as N, createApp as Bt, reactive as qe, onUnmounted as Rt, shallowRef as Ye, onBeforeUnmount as Je, createBlock as Ot } from "vue";
+import { t as G, s as Nt, T as zt, N as Y } from "./chunks/toolbar-Ce8rK_DP.js";
 import Wt from "./ai-writer.es.js";
-import { D as Ro } from "./chunks/docx-zipper-6jKpuHRM.js";
-import { createZip as No } from "./file-zipper.es.js";
-var Je = { exports: {} };
+import { D as zo } from "./chunks/docx-zipper-CjdcrQqy.js";
+import { createZip as Po } from "./file-zipper.es.js";
+var Qe = { exports: {} };
 (function(t) {
   var l = Object.prototype.hasOwnProperty, o = "~";
   function n() {
@@ -24,104 +24,104 @@ var Je = { exports: {} };
   function e(s, r, d) {
     this.fn = s, this.context = r, this.once = d || !1;
   }
-  function i(s, r, d, c, b) {
+  function i(s, r, d, u, b) {
     if (typeof d != "function")
       throw new TypeError("The listener must be a function");
-    var y = new e(d, c || s, b), h = o ? o + r : r;
-    return s._events[h] ? s._events[h].fn ? s._events[h] = [s._events[h], y] : s._events[h].push(y) : (s._events[h] = y, s._eventsCount++), s;
+    var v = new e(d, u || s, b), h = o ? o + r : r;
+    return s._events[h] ? s._events[h].fn ? s._events[h] = [s._events[h], v] : s._events[h].push(v) : (s._events[h] = v, s._eventsCount++), s;
   }
-  function u(s, r) {
+  function c(s, r) {
     --s._eventsCount === 0 ? s._events = new n() : delete s._events[r];
   }
   function a() {
     this._events = new n(), this._eventsCount = 0;
   }
   a.prototype.eventNames = function() {
-    var r = [], d, c;
+    var r = [], d, u;
     if (this._eventsCount === 0) return r;
-    for (c in d = this._events)
-      l.call(d, c) && r.push(o ? c.slice(1) : c);
+    for (u in d = this._events)
+      l.call(d, u) && r.push(o ? u.slice(1) : u);
     return Object.getOwnPropertySymbols ? r.concat(Object.getOwnPropertySymbols(d)) : r;
   }, a.prototype.listeners = function(r) {
-    var d = o ? o + r : r, c = this._events[d];
-    if (!c) return [];
-    if (c.fn) return [c.fn];
-    for (var b = 0, y = c.length, h = new Array(y); b < y; b++)
-      h[b] = c[b].fn;
+    var d = o ? o + r : r, u = this._events[d];
+    if (!u) return [];
+    if (u.fn) return [u.fn];
+    for (var b = 0, v = u.length, h = new Array(v); b < v; b++)
+      h[b] = u[b].fn;
     return h;
   }, a.prototype.listenerCount = function(r) {
-    var d = o ? o + r : r, c = this._events[d];
-    return c ? c.fn ? 1 : c.length : 0;
-  }, a.prototype.emit = function(r, d, c, b, y, h) {
+    var d = o ? o + r : r, u = this._events[d];
+    return u ? u.fn ? 1 : u.length : 0;
+  }, a.prototype.emit = function(r, d, u, b, v, h) {
     var E = o ? o + r : r;
     if (!this._events[E]) return !1;
-    var v = this._events[E], D = arguments.length, L, p;
-    if (v.fn) {
-      switch (v.once && this.removeListener(r, v.fn, void 0, !0), D) {
+    var g = this._events[E], $ = arguments.length, L, p;
+    if (g.fn) {
+      switch (g.once && this.removeListener(r, g.fn, void 0, !0), $) {
         case 1:
-          return v.fn.call(v.context), !0;
+          return g.fn.call(g.context), !0;
         case 2:
-          return v.fn.call(v.context, d), !0;
+          return g.fn.call(g.context, d), !0;
         case 3:
-          return v.fn.call(v.context, d, c), !0;
+          return g.fn.call(g.context, d, u), !0;
         case 4:
-          return v.fn.call(v.context, d, c, b), !0;
+          return g.fn.call(g.context, d, u, b), !0;
         case 5:
-          return v.fn.call(v.context, d, c, b, y), !0;
+          return g.fn.call(g.context, d, u, b, v), !0;
         case 6:
-          return v.fn.call(v.context, d, c, b, y, h), !0;
+          return g.fn.call(g.context, d, u, b, v, h), !0;
       }
-      for (p = 1, L = new Array(D - 1); p < D; p++)
+      for (p = 1, L = new Array($ - 1); p < $; p++)
         L[p - 1] = arguments[p];
-      v.fn.apply(v.context, L);
+      g.fn.apply(g.context, L);
     } else {
-      var C = v.length, F;
+      var C = g.length, F;
       for (p = 0; p < C; p++)
-        switch (v[p].once && this.removeListener(r, v[p].fn, void 0, !0), D) {
+        switch (g[p].once && this.removeListener(r, g[p].fn, void 0, !0), $) {
           case 1:
-            v[p].fn.call(v[p].context);
+            g[p].fn.call(g[p].context);
             break;
           case 2:
-            v[p].fn.call(v[p].context, d);
+            g[p].fn.call(g[p].context, d);
             break;
           case 3:
-            v[p].fn.call(v[p].context, d, c);
+            g[p].fn.call(g[p].context, d, u);
             break;
           case 4:
-            v[p].fn.call(v[p].context, d, c, b);
+            g[p].fn.call(g[p].context, d, u, b);
             break;
           default:
-            if (!L) for (F = 1, L = new Array(D - 1); F < D; F++)
+            if (!L) for (F = 1, L = new Array($ - 1); F < $; F++)
               L[F - 1] = arguments[F];
-            v[p].fn.apply(v[p].context, L);
+            g[p].fn.apply(g[p].context, L);
         }
     }
     return !0;
-  }, a.prototype.on = function(r, d, c) {
-    return i(this, r, d, c, !1);
-  }, a.prototype.once = function(r, d, c) {
-    return i(this, r, d, c, !0);
-  }, a.prototype.removeListener = function(r, d, c, b) {
-    var y = o ? o + r : r;
-    if (!this._events[y]) return this;
+  }, a.prototype.on = function(r, d, u) {
+    return i(this, r, d, u, !1);
+  }, a.prototype.once = function(r, d, u) {
+    return i(this, r, d, u, !0);
+  }, a.prototype.removeListener = function(r, d, u, b) {
+    var v = o ? o + r : r;
+    if (!this._events[v]) return this;
     if (!d)
-      return u(this, y), this;
-    var h = this._events[y];
+      return c(this, v), this;
+    var h = this._events[v];
     if (h.fn)
-      h.fn === d && (!b || h.once) && (!c || h.context === c) && u(this, y);
+      h.fn === d && (!b || h.once) && (!u || h.context === u) && c(this, v);
     else {
-      for (var E = 0, v = [], D = h.length; E < D; E++)
-        (h[E].fn !== d || b && !h[E].once || c && h[E].context !== c) && v.push(h[E]);
-      v.length ? this._events[y] = v.length === 1 ? v[0] : v : u(this, y);
+      for (var E = 0, g = [], $ = h.length; E < $; E++)
+        (h[E].fn !== d || b && !h[E].once || u && h[E].context !== u) && g.push(h[E]);
+      g.length ? this._events[v] = g.length === 1 ? g[0] : g : c(this, v);
     }
     return this;
   }, a.prototype.removeAllListeners = function(r) {
     var d;
-    return r ? (d = o ? o + r : r, this._events[d] && u(this, d)) : (this._events = new n(), this._eventsCount = 0), this;
+    return r ? (d = o ? o + r : r, this._events[d] && c(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;
-})(Je);
-var Pt = Je.exports;
-const Vt = /* @__PURE__ */ St(Pt);
+})(Qe);
+var Pt = Qe.exports;
+const Vt = /* @__PURE__ */ At(Pt);
 function jt(t) {
   let l = t;
   for (; l; ) {
@@ -140,75 +140,76 @@ function Ut(t, l = { behavior: "smooth", block: "start" }) {
     behavior: l.behavior
   });
 }
-const _ = (t) => {
+const x = (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 = g(At()), n = t.type, e = g(t.name), i = t.command, u = g(t.icon), a = g(t.group || "center"), s = g(t.allowWithoutEditor), r = g(t.attributes || {}), d = t.disabled || !1, c = g(t.disabled), b = g(!1), y = g(!1), h = g(t.style), E = g(t.isNarrow), v = g(t.isWide), D = g(t.minWidth), L = g(t.suppressActiveHighlight || !1), p = g(t.argument), C = g(null), F = g(null), z = g(t.iconColor), B = g(t.hasCaret), q = g(t.dropdownStyles), ve = g(t.tooltip), ge = g(t.tooltipVisible), ce = g(t.tooltipTimeout), de = g(t.defaultLabel), T = g(t.label), M = g(t.hideLabel), H = g(t.inlineTextInputVisible), R = g(t.hasInlineTextInput), X = g(t.markName), Z = g(t.labelAttr), ae = g(t.selectedValue), ue = g(t.dropdownValueKey), Ce = g([]);
+  const o = y(Tt()), n = t.type, e = y(t.name), i = t.command, c = t.noArgumentCommand, a = y(t.icon), s = y(t.group || "center"), r = y(t.allowWithoutEditor), d = y(t.attributes || {}), u = t.disabled || !1, b = y(t.disabled), v = y(!1), h = y(!1), E = y(t.style), g = y(t.isNarrow), $ = y(t.isWide), L = y(t.minWidth), p = y(t.suppressActiveHighlight || !1), C = y(t.argument), F = y(null), z = y(null), B = y(t.iconColor), q = y(t.hasCaret), ve = y(t.dropdownStyles), ye = y(t.tooltip), ue = y(t.tooltipVisible), me = y(t.tooltipTimeout), T = y(t.defaultLabel), M = y(t.label), H = y(t.hideLabel), R = y(t.inlineTextInputVisible), X = y(t.hasInlineTextInput), Z = y(t.markName), re = y(t.labelAttr), pe = y(t.selectedValue), Te = y(t.dropdownValueKey), ke = y([]);
   if (t.options) {
     if (!Array.isArray(t.options)) throw new Error("Invalid toolbar item options - " + t.options);
-    Ce.value.push(...t.options);
+    ke.value.push(...t.options);
   }
-  const Te = (te) => {
-    ee(te), !L.value && (b.value = !0);
-  }, Fe = () => {
-    xe(), b.value = !1;
-  }, Ie = (te) => {
-    c.value = te;
-  }, _e = () => {
-    c.value = d;
-  }, ee = t.onActivate || (() => null), xe = t.onDeactivate || (() => null), Le = () => {
-    const te = {};
-    return Object.keys(me).forEach((ye) => {
-      me[ye].value !== void 0 && (te[ye] = me[ye].value);
-    }), te;
-  }, me = {
+  const Fe = (se) => {
+    _e(se), !p.value && (v.value = !0);
+  }, Ie = () => {
+    xe(), v.value = !1;
+  }, Ce = (se) => {
+    b.value = se;
+  }, ie = () => {
+    b.value = u;
+  }, _e = t.onActivate || (() => null), xe = t.onDeactivate || (() => null), Le = () => {
+    const se = {};
+    return Object.keys(ce).forEach((te) => {
+      ce[te].value !== void 0 && (se[te] = ce[te].value);
+    }), se;
+  }, ce = {
     id: o,
     name: e,
     type: n,
     command: i,
-    icon: u,
-    tooltip: ve,
-    group: a,
-    attributes: r,
-    disabled: c,
-    active: b,
-    expand: y,
-    nestedOptions: Ce,
-    style: h,
-    isNarrow: E,
-    isWide: v,
-    minWidth: D,
-    argument: p,
-    parentItem: F,
-    iconColor: z,
-    hasCaret: B,
-    dropdownStyles: q,
-    tooltipVisible: ge,
-    tooltipTimeout: ce,
-    defaultLabel: de,
-    label: T,
-    hideLabel: M,
-    inlineTextInputVisible: H,
-    hasInlineTextInput: R,
-    markName: X,
-    labelAttr: Z,
-    childItem: C,
-    allowWithoutEditor: s,
-    dropdownValueKey: ue,
-    selectedValue: ae
+    noArgumentCommand: c,
+    icon: a,
+    tooltip: ye,
+    group: s,
+    attributes: d,
+    disabled: b,
+    active: v,
+    expand: h,
+    nestedOptions: ke,
+    style: E,
+    isNarrow: g,
+    isWide: $,
+    minWidth: L,
+    argument: C,
+    parentItem: z,
+    iconColor: B,
+    hasCaret: q,
+    dropdownStyles: ve,
+    tooltipVisible: ue,
+    tooltipTimeout: me,
+    defaultLabel: T,
+    label: M,
+    hideLabel: H,
+    inlineTextInputVisible: R,
+    hasInlineTextInput: X,
+    markName: Z,
+    labelAttr: re,
+    childItem: F,
+    allowWithoutEditor: r,
+    dropdownValueKey: Te,
+    selectedValue: pe
   };
   return {
-    ...me,
+    ...ce,
     unref: Le,
-    activate: Te,
-    deactivate: Fe,
-    setDisabled: Ie,
-    resetDisabled: _e,
-    onActivate: ee,
+    activate: Fe,
+    deactivate: Ie,
+    setDisabled: Ce,
+    resetDisabled: ie,
+    onActivate: _e,
     onDeactivate: xe
   };
 }, qt = { class: "alignment-buttons" }, Gt = ["innerHTML"], Kt = ["innerHTML"], Xt = ["innerHTML"], Zt = ["innerHTML"], Yt = {
@@ -218,26 +219,26 @@ const _ = (t) => {
     const o = l, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (k(), w("div", qt, [
-      x("div", {
+    return (e, i) => (w(), k("div", qt, [
+      _("div", {
         class: "button-icon",
-        onClick: i[0] || (i[0] = (u) => n("left")),
-        innerHTML: $(G).alignLeft
+        onClick: i[0] || (i[0] = (c) => n("left")),
+        innerHTML: D(G).alignLeft
       }, null, 8, Gt),
-      x("div", {
+      _("div", {
         class: "button-icon",
-        onClick: i[1] || (i[1] = (u) => n("center")),
-        innerHTML: $(G).alignCenter
+        onClick: i[1] || (i[1] = (c) => n("center")),
+        innerHTML: D(G).alignCenter
       }, null, 8, Kt),
-      x("div", {
+      _("div", {
         class: "button-icon",
-        onClick: i[2] || (i[2] = (u) => n("right")),
-        innerHTML: $(G).alignRight
+        onClick: i[2] || (i[2] = (c) => n("right")),
+        innerHTML: D(G).alignRight
       }, null, 8, Xt),
-      x("div", {
+      _("div", {
         class: "button-icon",
-        onClick: i[3] || (i[3] = (u) => n("justify")),
-        innerHTML: $(G).alignJustify
+        onClick: i[3] || (i[3] = (c) => n("justify")),
+        innerHTML: D(G).alignJustify
       }, null, 8, Zt)
     ]));
   }
@@ -280,8 +281,8 @@ const _ = (t) => {
   },
   emits: ["submit", "cancel"],
   setup(t, { emit: l }) {
-    const o = l, n = t, { proxy: e } = It(), i = () => {
-      if (e?.$submit instanceof Function && e.$submit(), r.value && c.value) {
+    const o = l, n = t, { proxy: e } = Lt(), i = () => {
+      if (e?.$submit instanceof Function && e.$submit(), r.value && u.value) {
         o("submit", { text: s.value, href: d.value });
         return;
       } else if (!r.value) {
@@ -289,15 +290,15 @@ const _ = (t) => {
         return;
       }
       console.debug("[LinkInput] Invalid URL in handleSubmit"), a.value = !0;
-    }, u = () => {
+    }, c = () => {
       o("submit", { text: s.value, href: null });
-    }, a = g(!1), s = g(n.initialText), r = g(n.href), d = j(() => r.value?.startsWith("http") ? r.value : "http://" + r.value), c = j(() => {
+    }, a = y(!1), s = y(n.initialText), r = y(n.href), d = j(() => r.value?.startsWith("http") ? r.value : "http://" + r.value), u = j(() => {
       const p = d.value.split(".").filter(Boolean);
       return d.value.includes(".") && p.length > 1;
-    }), b = j(() => h.value ? "Apply" : "Remove"), y = j(() => !c.value), h = j(() => !E.value), E = j(() => n.href && !r.value), v = j(() => n.href.startsWith("#")), D = () => {
+    }), b = j(() => h.value ? "Apply" : "Remove"), v = j(() => !u.value), h = j(() => !E.value), E = j(() => n.href && !r.value), g = j(() => n.href.startsWith("#")), $ = () => {
       window.open(d.value, "_blank");
     };
-    Lt(
+    Mt(
       () => n.href,
       (p) => {
         r.value = p;
@@ -309,58 +310,58 @@ const _ = (t) => {
     };
     return we(() => {
       n.showInput && L();
-    }), (p, C) => (k(), w("div", Qt, [
-      t.href ? v.value ? (k(), w("div", tn, "Page anchor")) : (k(), w("div", nn, "Edit link")) : (k(), w("div", en, "Add link")),
-      t.showInput && !v.value ? (k(), w("div", on, [
-        x("div", sn, [
-          x("div", {
+    }), (p, C) => (w(), k("div", Qt, [
+      t.href ? g.value ? (w(), k("div", tn, "Page anchor")) : (w(), k("div", nn, "Edit link")) : (w(), k("div", en, "Add link")),
+      t.showInput && !g.value ? (w(), k("div", on, [
+        _("div", sn, [
+          _("div", {
             class: "input-icon",
-            innerHTML: $(G).linkInput
+            innerHTML: D(G).linkInput
           }, null, 8, ln),
-          Mt(x("input", {
+          Dt(_("input", {
             type: "text",
             placeholder: "Type or paste a link",
-            class: oe({ error: a.value }),
+            class: ne({ error: a.value }),
             "onUpdate:modelValue": C[0] || (C[0] = (F) => r.value = F),
             onKeydown: [
-              Dt(ke(i, ["stop", "prevent"]), ["enter"]),
+              $t(be(i, ["stop", "prevent"]), ["enter"]),
               C[1] || (C[1] = (F) => a.value = !1)
             ]
           }, null, 42, an), [
-            [$t, r.value]
+            [Ht, r.value]
           ]),
-          x("div", {
-            class: oe(["open-link-icon", { disabled: !c.value }]),
-            innerHTML: $(G).openLink,
-            onClick: D
+          _("div", {
+            class: ne(["open-link-icon", { disabled: !u.value }]),
+            innerHTML: D(G).openLink,
+            onClick: $
           }, null, 10, rn)
         ]),
-        x("div", cn, [
-          t.href ? (k(), w("button", {
+        _("div", cn, [
+          t.href ? (w(), k("button", {
             key: 0,
             class: "remove-btn",
-            onClick: u
+            onClick: c
           }, [
-            x("div", {
+            _("div", {
               class: "remove-btn__icon",
-              innerHTML: $(G).removeLink
+              innerHTML: D(G).removeLink
             }, null, 8, dn),
-            C[3] || (C[3] = Ht(" Remove "))
-          ])) : ne("", !0),
-          h.value ? (k(), w("button", {
+            C[3] || (C[3] = Ze(" Remove "))
+          ])) : Q("", !0),
+          h.value ? (w(), k("button", {
             key: 1,
-            class: oe(["submit-btn", { "disable-btn": y.value }]),
+            class: ne(["submit-btn", { "disable-btn": v.value }]),
             onClick: i
-          }, ie(b.value), 3)) : ne("", !0)
+          }, oe(b.value), 3)) : Q("", !0)
         ])
-      ])) : v.value ? (k(), w("div", un, [
-        x("a", {
-          onClick: C[2] || (C[2] = ke((...F) => t.goToAnchor && t.goToAnchor(...F), ["stop", "prevent"]))
-        }, "Go to " + ie(t.href.startsWith("#_") ? t.href.substring(2) : t.href), 1)
-      ])) : ne("", !0)
+      ])) : g.value ? (w(), k("div", un, [
+        _("a", {
+          onClick: C[2] || (C[2] = be((...F) => t.goToAnchor && t.goToAnchor(...F), ["stop", "prevent"]))
+        }, "Go to " + oe(t.href.startsWith("#_") ? t.href.substring(2) : t.href), 1)
+      ])) : Q("", !0)
     ]));
   }
-}, pn = /* @__PURE__ */ K(mn, [["__scopeId", "data-v-6990d5b2"]]), fn = { class: "document-mode" }, hn = ["onClick"], vn = { class: "document-mode-column icon-column" }, gn = ["innerHTML"], yn = { class: "document-mode-column text-column" }, bn = { class: "document-mode-type" }, kn = { class: "document-mode-description" }, wn = {
+}, pn = /* @__PURE__ */ K(mn, [["__scopeId", "data-v-6990d5b2"]]), fn = { class: "document-mode" }, hn = ["onClick"], gn = { class: "document-mode-column icon-column" }, vn = ["innerHTML"], yn = { class: "document-mode-column text-column" }, bn = { class: "document-mode-type" }, wn = { class: "document-mode-description" }, kn = {
   __name: "DocumentMode",
   props: {
     options: {
@@ -372,25 +373,25 @@ const _ = (t) => {
     const o = l, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (k(), w("div", fn, [
-      (k(!0), w(U, null, Q(t.options, (u) => (k(), w("div", {
-        class: oe(["option-item", { disabled: u.disabled }]),
-        onClick: (a) => n(u)
+    return (e, i) => (w(), k("div", fn, [
+      (w(!0), k(U, null, ee(t.options, (c) => (w(), k("div", {
+        class: ne(["option-item", { disabled: c.disabled }]),
+        onClick: (a) => n(c)
       }, [
-        x("div", vn, [
-          x("div", {
+        _("div", gn, [
+          _("div", {
             class: "icon-column__icon",
-            innerHTML: u.icon
-          }, null, 8, gn)
+            innerHTML: c.icon
+          }, null, 8, vn)
         ]),
-        x("div", yn, [
-          x("div", bn, ie(u.label), 1),
-          x("div", kn, ie(u.description), 1)
+        _("div", yn, [
+          _("div", bn, oe(c.label), 1),
+          _("div", wn, oe(c.description), 1)
         ])
       ], 10, hn))), 256))
     ]));
   }
-}, Cn = /* @__PURE__ */ K(wn, [["__scopeId", "data-v-f86e1477"]]), _n = {
+}, Cn = /* @__PURE__ */ K(kn, [["__scopeId", "data-v-f86e1477"]]), _n = {
   key: 0,
   class: "linked-style-buttons"
 }, xn = ["onClick"], En = {
@@ -406,17 +407,17 @@ const _ = (t) => {
     const o = l, n = t, e = (i) => {
       o("select", i);
     };
-    return (i, u) => n.editor ? (k(), w("div", _n, [
-      (k(!0), w(U, null, Q($(Ke)(t.editor), (a) => (k(), w("div", {
+    return (i, c) => n.editor ? (w(), k("div", _n, [
+      (w(!0), k(U, null, ee(D(Ke)(t.editor), (a) => (w(), k("div", {
         class: "style-item",
         onClick: (s) => e(a)
       }, [
-        x("div", {
+        _("div", {
           class: "style-name",
-          style: J($(pt)(a, null, !1))
-        }, ie(a.definition.attrs.name), 5)
+          style: J(D(ft)(a, null, !1))
+        }, oe(a.definition.attrs.name), 5)
       ], 8, xn))), 256))
-    ])) : ne("", !0);
+    ])) : Q("", !0);
   }
 }, Sn = /* @__PURE__ */ K(En, [["__scopeId", "data-v-97e3296a"]]), An = ["onClick"], Tn = ["innerHTML"], Fn = ["innerHTML"], In = {
   __name: "IconGridRow",
@@ -432,35 +433,36 @@ const _ = (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" }, u = (a) => {
+    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" }, c = (a) => {
       o("select", a.value);
     };
     return we(() => {
       if (!n.icons.every((s) => Array.isArray(s))) throw new Error("icon props must be 2d array");
-    }), (a, s) => (k(!0), w(U, null, Q(t.icons, (r, d) => (k(), w("div", {
+    }), (a, s) => (w(!0), k(U, null, ee(t.icons, (r, d) => (w(), k("div", {
       class: "option-row",
       key: d
     }, [
-      (k(!0), w(U, null, Q(r, (c, b) => (k(), w("div", {
+      (w(!0), k(U, null, ee(r, (u, b) => (w(), k("div", {
         class: "option",
         key: b,
-        onClick: ke((y) => u(c), ["stop", "prevent"])
+        onClick: be((v) => c(u), ["stop", "prevent"])
       }, [
-        x("div", {
+        _("div", {
           class: "option__icon",
-          innerHTML: c.icon,
-          style: J(c.style)
+          innerHTML: u.icon,
+          style: J(u.style)
         }, null, 12, Tn),
-        e.value(c) ? (k(), w("div", {
+        e.value(u) ? (w(), k("div", {
           key: 0,
           class: "option__check",
-          innerHTML: $(G).colorOptionCheck,
-          style: J(i(c.value, b))
-        }, null, 12, Fn)) : ne("", !0)
+          innerHTML: D(G).colorOptionCheck,
+          style: J(i(u.value, b))
+        }, null, 12, Fn)) : Q("", !0)
       ], 8, An))), 128))
     ]))), 128));
   }
-}, Ge = /* @__PURE__ */ K(In, [["__scopeId", "data-v-6a2a9a40"]]), Ln = { class: "option-grid-ctn" }, Mn = {
+}, Ge = /* @__PURE__ */ K(In, [["__scopeId", "data-v-6a2a9a40"]]), Ln = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 512c53.2 0 101.4-21.6 136.1-56.6l-298.3-235C140 257.1 128 292.3 128 320c0 106 86 192 192 192zM505.2 370.7c4.4-16.2 6.8-33.1 6.8-50.7c0-91.2-130.2-262.3-166.6-308.3C339.4 4.2 330.5 0 320.9 0l-1.8 0c-9.6 0-18.5 4.2-24.5 11.7C277.8 33 240.7 81.3 205.8 136L38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L505.2 370.7zM224 336c0 44.2 35.8 80 80 80c8.8 0 16 7.2 16 16s-7.2 16-16 16c-61.9 0-112-50.1-112-112c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>
+`, Mn = { class: "options-grid-wrap" }, Dn = ["innerHTML"], $n = { class: "option-grid-ctn" }, Hn = {
   __name: "IconGrid",
   props: {
     icons: {
@@ -474,6 +476,10 @@ const _ = (t) => {
     activeColor: {
       type: Object,
       required: !1
+    },
+    hasNoneIcon: {
+      type: Boolean,
+      required: !1
     }
   },
   emits: ["select", "clickoutside"],
@@ -481,23 +487,36 @@ const _ = (t) => {
     const o = l, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (k(), w("div", Ln, [
-      V(Ge, {
-        icons: t.icons,
-        "active-color": t.activeColor,
-        onSelect: n
-      }, null, 8, ["icons", "active-color"]),
-      t.customIcons.flat().length ? (k(), w(U, { key: 0 }, [
-        i[0] || (i[0] = x("span", { class: "option-grid-ctn__subtitle" }, "Custom colors", -1)),
+    return (e, i) => (w(), k("div", Mn, [
+      t.hasNoneIcon ? (w(), k("div", {
+        key: 0,
+        class: "none-option",
+        onClick: i[0] || (i[0] = (c) => n("none"))
+      }, [
+        _("span", {
+          innerHTML: D(Ln),
+          class: "none-icon"
+        }, null, 8, Dn),
+        i[1] || (i[1] = Ze(" None "))
+      ])) : Q("", !0),
+      _("div", $n, [
         V(Ge, {
-          icons: t.customIcons,
+          icons: t.icons,
           "active-color": t.activeColor,
           onSelect: n
-        }, null, 8, ["icons", "active-color"])
-      ], 64)) : ne("", !0)
+        }, null, 8, ["icons", "active-color"]),
+        t.customIcons.flat().length ? (w(), k(U, { key: 0 }, [
+          i[2] || (i[2] = _("span", { class: "option-grid-ctn__subtitle" }, "Custom colors", -1)),
+          V(Ge, {
+            icons: t.customIcons,
+            "active-color": t.activeColor,
+            onSelect: n
+          }, null, 8, ["icons", "active-color"])
+        ], 64)) : Q("", !0)
+      ])
     ]));
   }
-}, Dn = /* @__PURE__ */ K(Mn, [["__scopeId", "data-v-fa2949d8"]]), $n = (t) => {
+}, Bn = /* @__PURE__ */ K(Hn, [["__scopeId", "data-v-47b783db"]]), Rn = (t) => {
   t.expand.value = !1;
 }, f = (t, l = null) => ({
   label: l,
@@ -508,19 +527,20 @@ const _ = (t) => {
     boxShadow: "0 0 5px 1px rgba(0, 0, 0, 0.1)",
     borderRadius: "50%"
   }
-}), Ne = (t, l, o = []) => {
-  const n = (e) => {
-    l.iconColor.value = e, t.emitCommand({ item: l, argument: e }), $n(l);
+}), Ne = (t, l, o = [], n = !1) => {
+  const e = (i) => {
+    l.iconColor.value = i, t.emitCommand({ item: l, argument: i }), Rn(l);
   };
   return N("div", {}, [
-    N(Dn, {
-      icons: Qe,
+    N(Bn, {
+      icons: et,
       customIcons: o,
       activeColor: l.iconColor,
-      onSelect: n
+      hasNoneIcon: n,
+      onSelect: e
     })
   ]);
-}, Qe = [
+}, et = [
   [
     f("#111111"),
     f("#333333"),
@@ -593,44 +613,44 @@ const _ = (t) => {
     f("#DFCDF2"),
     f("#A91DFF")
   ]
-], Hn = () => Qe.flat().map((t) => t.value), Bn = { class: "toolbar-table-grid-wrapper" }, Rn = ["data-cols", "data-rows", "onClick"], On = { class: "toolbar-table-grid-value" }, Nn = {
+], On = () => et.flat().map((t) => t.value), Nn = { class: "toolbar-table-grid-wrapper" }, zn = ["data-cols", "data-rows", "onClick"], Wn = { class: "toolbar-table-grid-value" }, Pn = {
   __name: "TableGrid",
   emits: ["select", "clickoutside"],
   setup(t, { emit: l }) {
-    const o = l, n = g(0), e = g(0), i = (a) => {
+    const o = l, n = y(0), e = y(0), i = (a) => {
       let s = a.target;
       if (!!s.dataset.grid)
         return;
-      let c = [...s.parentElement.querySelectorAll("[data-item]")], b = parseInt(s.dataset.cols, 10), y = parseInt(s.dataset.rows, 10);
-      e.value = b, n.value = y;
-      for (let h = 0; h < c.length; h++) {
-        let E = c[h], v = parseInt(E.dataset.cols, 10), D = parseInt(E.dataset.rows, 10);
-        v <= b && D <= y ? E.classList.add("selected") : E.classList.remove("selected");
+      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 h = 0; h < u.length; h++) {
+        let E = u[h], g = parseInt(E.dataset.cols, 10), $ = parseInt(E.dataset.rows, 10);
+        g <= b && $ <= v ? E.classList.add("selected") : E.classList.remove("selected");
       }
-    }, u = ({ cols: a, rows: s }) => {
+    }, c = ({ cols: a, rows: s }) => {
       o("select", { cols: a, rows: s });
     };
-    return (a, s) => (k(), w("div", Bn, [
-      x("div", {
+    return (a, s) => (w(), k("div", Nn, [
+      _("div", {
         class: "toolbar-table-grid",
         onMouseover: i,
         "data-grid": "true"
       }, [
-        (k(), w(U, null, Q(5, (r) => (k(), w(U, { key: r }, [
-          (k(), w(U, null, Q(5, (d) => x("div", {
+        (w(), k(U, null, ee(5, (r) => (w(), k(U, { key: r }, [
+          (w(), k(U, null, ee(5, (d) => _("div", {
             class: "toolbar-table-grid__item",
             key: `${r}_${d}`,
             "data-cols": d,
             "data-rows": r,
             "data-item": "true",
-            onClick: ke((c) => u({ cols: d, rows: r }), ["stop", "prevent"])
-          }, null, 8, Rn)), 64))
+            onClick: be((u) => c({ cols: d, rows: r }), ["stop", "prevent"])
+          }, null, 8, zn)), 64))
         ], 64))), 64))
       ], 32),
-      x("div", On, ie(n.value) + " x " + ie(e.value), 1)
+      _("div", Wn, oe(n.value) + " x " + oe(e.value), 1)
     ]));
   }
-}, zn = /* @__PURE__ */ K(Nn, [["__scopeId", "data-v-06352ab9"]]), Wn = { class: "toolbar-table-actions" }, Pn = ["onClick"], Vn = { class: "toolbar-table-actions__icon" }, jn = ["innerHTML"], Un = { class: "toolbar-table-actions__label" }, qn = {
+}, Vn = /* @__PURE__ */ K(Pn, [["__scopeId", "data-v-06352ab9"]]), jn = { class: "toolbar-table-actions" }, Un = ["onClick"], qn = { class: "toolbar-table-actions__icon" }, Gn = ["innerHTML"], Kn = { class: "toolbar-table-actions__label" }, Xn = {
   __name: "TableActions",
   props: {
     options: {
@@ -642,32 +662,32 @@ const _ = (t) => {
     const o = l, n = (e) => {
       o("select", { command: e.command });
     };
-    return (e, i) => (k(), w("div", Wn, [
-      (k(!0), w(U, null, Q(t.options, (u) => (k(), w("div", {
-        class: oe(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": u.bottomBorder }]),
-        onClick: (a) => n(u)
+    return (e, i) => (w(), k("div", jn, [
+      (w(!0), k(U, null, ee(t.options, (c) => (w(), k("div", {
+        class: ne(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": c.bottomBorder }]),
+        onClick: (a) => n(c)
       }, [
-        x("div", Vn, [
-          x("div", {
+        _("div", qn, [
+          _("div", {
             class: "toolbar-table-actions__icon-wrapper",
-            innerHTML: u.icon
-          }, null, 8, jn)
+            innerHTML: c.icon
+          }, null, 8, Gn)
         ]),
-        x("div", Un, ie(u.label), 1)
-      ], 10, Pn))), 256))
+        _("div", Kn, oe(c.label), 1)
+      ], 10, Un))), 256))
     ]));
   }
-}, Gn = /* @__PURE__ */ K(qn, [["__scopeId", "data-v-9a702d7f"]]), Kn = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>
-`, le = (t) => {
+}, Zn = /* @__PURE__ */ K(Xn, [["__scopeId", "data-v-9a702d7f"]]), Yn = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>
+`, ae = (t) => {
   t.expand.value = !1;
-}, Xn = (t, l = !1, o, n, e) => {
-  const i = _({
+}, Jn = (t, l = !1, o, n, e) => {
+  const i = x({
     type: "button",
     name: "bold",
     command: "toggleBold",
     icon: e.bold,
     tooltip: "Bold"
-  }), u = _({
+  }), c = x({
     type: "dropdown",
     name: "fontFamily",
     tooltip: "Font",
@@ -715,10 +735,10 @@ const _ = (t) => {
       }
     ],
     onActivate: ({ fontFamily: m }) => {
-      m && (u.label.value = m);
+      m && (c.label.value = m);
     },
-    onDeactivate: () => u.label.value = u.defaultLabel.value
-  }), a = _({
+    onDeactivate: () => c.label.value = c.defaultLabel.value
+  }), a = x({
     type: "dropdown",
     dropdownStyles: {
       padding: 0,
@@ -738,8 +758,8 @@ const _ = (t) => {
         render: () => {
           let m = "";
           if (t.activeEditor) {
-            const { state: A } = t.activeEditor, { from: P, to: se, empty: dt } = A.selection;
-            m = dt ? "" : A.doc.textBetween(P, se);
+            const { state: A } = t.activeEditor, { from: P, to: le, empty: ut } = A.selection;
+            m = ut ? "" : A.doc.textBetween(P, le);
           }
           return N(
             "div",
@@ -747,7 +767,7 @@ const _ = (t) => {
             [
               N(Wt, {
                 handleClose: () => {
-                  le(a);
+                  ae(a);
                 },
                 selectedText: m,
                 editor: t.activeEditor,
@@ -760,7 +780,7 @@ const _ = (t) => {
         }
       }
     ]
-  }), s = _({
+  }), s = x({
     type: "dropdown",
     name: "fontSize",
     defaultLabel: "12",
@@ -797,23 +817,23 @@ const _ = (t) => {
       S < 8 && (S = 8), S > 96 && (S = 96), s.label.value = String(S);
     },
     onDeactivate: () => s.label.value = s.defaultLabel.value
-  }), r = _({
+  }), r = x({
     type: "separator",
     name: "separator",
     isNarrow: !0
-  }), d = _({
+  }), d = x({
     type: "button",
     name: "italic",
     command: "toggleItalic",
     icon: e.italic,
     tooltip: "Italic"
-  }), c = _({
+  }), u = x({
     type: "button",
     name: "underline",
     command: "toggleUnderline",
     icon: e.underline,
     tooltip: "Underline"
-  }), b = _({
+  }), b = x({
     type: "dropdown",
     name: "highlight",
     icon: e.highlight,
@@ -822,19 +842,20 @@ const _ = (t) => {
     labelAttr: "color",
     tooltip: "Highlight color",
     command: "setHighlight",
+    noArgumentCommand: "unsetHighlight",
     suppressActiveHighlight: !0,
     options: [
       {
         key: "color",
         type: "render",
-        render: () => Ne(t, b)
+        render: () => Ne(t, b, [], !0)
       }
     ],
     onActivate: ({ color: m }) => {
       b.iconColor.value = m || "";
     },
     onDeactivate: () => b.iconColor.value = ""
-  }), y = _({
+  }), v = x({
     type: "dropdown",
     name: "color",
     icon: e.color,
@@ -848,14 +869,14 @@ const _ = (t) => {
       {
         key: "color",
         type: "render",
-        render: () => Ne(t, y)
+        render: () => Ne(t, v)
       }
     ],
     onActivate: ({ color: m }) => {
-      y.iconColor.value = m;
+      v.iconColor.value = m;
     },
-    onDeactivate: () => y.iconColor.value = "#000"
-  }), h = _({
+    onDeactivate: () => v.iconColor.value = "#000"
+  }), h = x({
     type: "dropdown",
     name: "link",
     markName: "link",
@@ -879,33 +900,33 @@ const _ = (t) => {
     return N("div", {}, [
       N(pn, {
         onSubmit: ({ href: A }) => {
-          le(m), m.attributes.value.link = { href: A };
+          ae(m), m.attributes.value.link = { href: A };
           const P = { ...m, command: "toggleLink" };
           t.emitCommand({ item: P, argument: { href: A, text: "" } }), A || (m.active.value = !1);
         },
         href: m.attributes.value.href,
         goToAnchor: () => {
-          if (le(m), !t.activeEditor || !m.attributes.value?.href) return;
-          const A = m.attributes.value?.href?.slice(1), se = t.activeEditor.element.querySelector(`a[name='${A}']`);
-          se && Ut(se);
+          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}']`);
+          le && Ut(le);
         }
       })
     ]);
   }
-  const v = _({
+  const g = x({
     type: "options",
     name: "linkInput",
     command: "toggleLink"
   });
-  h.childItem = v, v.parentItem = h;
-  const D = _({
+  h.childItem = g, g.parentItem = h;
+  const $ = x({
     type: "button",
     name: "image",
     command: "startImageUpload",
     icon: e.image,
     tooltip: "Image",
     disabled: !1
-  }), L = _({
+  }), L = x({
     type: "dropdown",
     name: "table",
     icon: e.table,
@@ -924,14 +945,14 @@ const _ = (t) => {
   });
   function p(m) {
     return N("div", {}, [
-      N(zn, {
+      N(Vn, {
         onSelect: (A) => {
-          t.emitCommand({ item: m, argument: A }), le(m);
+          t.emitCommand({ item: m, argument: A }), ae(m);
         }
       })
     ]);
   }
-  const C = _({
+  const C = x({
     type: "dropdown",
     name: "tableActions",
     command: "executeTableCommand",
@@ -1004,16 +1025,16 @@ const _ = (t) => {
     }
   ];
   function z(m) {
-    return N(Gn, {
+    return N(Zn, {
       options: F,
       onSelect: (S) => {
-        le(m);
+        ae(m);
         const { command: A } = S;
         t.emitCommand({ item: m, argument: { command: A } });
       }
     });
   }
-  const B = _({
+  const B = x({
     type: "dropdown",
     name: "textAlign",
     tooltip: "Alignment",
@@ -1029,7 +1050,7 @@ const _ = (t) => {
         render: () => N("div", {}, [
           N(Jt, {
             onSelect: (S) => {
-              le(B);
+              ae(B);
               const A = { ...B, command: "setTextAlign" };
               A.command = "setTextAlign", t.emitCommand({ item: A, argument: S }), q(B, S);
             }
@@ -1050,41 +1071,41 @@ const _ = (t) => {
       right: e.alignRight,
       center: e.alignCenter,
       justify: e.alignJustify
-    }, se = P[A] ?? P.left;
-    m.icon.value = se;
-  }, ve = _({
+    }, le = P[A] ?? P.left;
+    m.icon.value = le;
+  }, ve = x({
     type: "button",
     name: "list",
     command: "toggleBulletList",
     icon: e.bulletList,
     tooltip: "Bullet list"
-  }), ge = _({
+  }), ye = x({
     type: "button",
     name: "numberedlist",
     command: "toggleOrderedList",
     icon: e.numberedList,
     tooltip: "Numbered list"
-  }), ce = _({
+  }), ue = x({
     type: "button",
     name: "indentleft",
     command: "decreaseTextIndent",
     icon: e.indentLeft,
     tooltip: "Left indent",
     disabled: !1
-  }), de = _({
+  }), me = x({
     type: "button",
     name: "indentright",
     command: "increaseTextIndent",
     icon: e.indentRight,
     tooltip: "Right indent",
     disabled: !1
-  }), T = _({
+  }), T = x({
     type: "overflow",
     name: "overflow",
     command: "toggleOverflow",
     icon: e.overflow,
     disabled: !1
-  }), M = _({
+  }), M = x({
     type: "dropdown",
     name: "zoom",
     allowWithoutEditor: !0,
@@ -1108,7 +1129,7 @@ const _ = (t) => {
     onActivate: ({ zoom: m }) => {
       m && (M.label.value = m);
     }
-  }), H = _({
+  }), H = x({
     type: "button",
     name: "undo",
     disabled: !0,
@@ -1119,7 +1140,7 @@ const _ = (t) => {
     onDeactivate: () => {
       H.disabled.value = !t.undoDepth;
     }
-  }), R = _({
+  }), R = x({
     type: "button",
     disabled: !0,
     name: "redo",
@@ -1130,7 +1151,7 @@ const _ = (t) => {
     onDeactivate: () => {
       R.disabled.value = !t.redoDepth;
     }
-  }), X = _({
+  }), X = x({
     type: "button",
     disabled: !1,
     name: "toggleTrackChanges",
@@ -1138,7 +1159,7 @@ const _ = (t) => {
     command: "toggleTrackChanges",
     icon: e.trackChanges,
     group: "left"
-  }), Z = _({
+  }), Z = x({
     type: "button",
     disabled: !1,
     name: "acceptTrackedChangeBySelection",
@@ -1146,7 +1167,7 @@ const _ = (t) => {
     command: "acceptTrackedChangeBySelection",
     icon: e.trackChangesAccept,
     group: "left"
-  }), ae = _({
+  }), re = x({
     type: "button",
     disabled: !1,
     name: "rejectTrackedChangeOnSelection",
@@ -1154,7 +1175,7 @@ const _ = (t) => {
     command: "rejectTrackedChangeOnSelection",
     icon: e.trackChangesReject,
     group: "left"
-  }), ue = _({
+  }), pe = x({
     type: "button",
     disabled: !1,
     name: "toggleTrackChangesShowOriginal",
@@ -1162,7 +1183,7 @@ const _ = (t) => {
     command: "toggleTrackChangesShowOriginal",
     icon: e.trackChangesOriginal,
     group: "left"
-  }), Ce = _({
+  }), Te = x({
     type: "button",
     disabled: !1,
     name: "toggleTrackChangesShowFinal",
@@ -1170,7 +1191,7 @@ const _ = (t) => {
     command: "toggleTrackChangesShowFinal",
     icon: e.trackChangesFinal,
     group: "left"
-  }), Te = _({
+  }), ke = x({
     type: "button",
     name: "clearFormatting",
     command: "clearFormat",
@@ -1180,26 +1201,26 @@ const _ = (t) => {
   [
     i,
     d,
-    c,
-    de,
-    ce,
+    u,
+    me,
+    ue,
     // search,
     T
   ].map((m) => m.name);
-  const Fe = _({
+  const Fe = x({
     type: "button",
     name: "copyFormat",
     tooltip: "Format painter",
     icon: e.copyFormat,
     command: "copyFormat"
-  }), Ie = (m, S) => m === "editor" ? S : m === "suggester" ? S.filter((A) => A.value === "suggesting") : S.filter((A) => A.value === "viewing"), _e = (m) => m === "editor" ? "Editing" : m === "suggester" ? "Suggesting" : "Viewing", ee = _({
+  }), Ie = (m, S) => m === "editor" ? S : m === "suggester" ? S.filter((A) => A.value === "suggesting") : S.filter((A) => A.value === "viewing"), Ce = (m) => m === "editor" ? "Editing" : m === "suggester" ? "Suggesting" : "Viewing", ie = x({
     type: "dropdown",
     name: "documentMode",
     command: "setDocumentMode",
     allowWithoutEditor: !0,
     icon: e.documentMode,
-    defaultLabel: _e(n),
-    label: _e(n),
+    defaultLabel: Ce(n),
+    label: Ce(n),
     hasCaret: n === "editor",
     isWide: !0,
     style: { display: "flex", justifyContent: "flex-end" },
@@ -1214,10 +1235,10 @@ const _ = (t) => {
     options: [
       {
         type: "render",
-        render: () => Le(ee)
+        render: () => xe(ie)
       }
     ]
-  }), xe = [
+  }), _e = [
     {
       label: "Editing",
       value: "editing",
@@ -1237,24 +1258,24 @@ const _ = (t) => {
       description: "View clean version of document only"
     }
   ];
-  function Le(m) {
-    const S = Ie(n, xe);
+  function xe(m) {
+    const S = Ie(n, _e);
     return N(Cn, {
       options: S,
       onSelect: (A) => {
-        le(m);
-        const { label: P, icon: se } = A;
-        ee.label.value = P, ee.icon.value = se, t.emitCommand({ item: ee, argument: P });
+        ae(m);
+        const { label: P, icon: le } = A;
+        ie.label.value = P, ie.icon.value = le, t.emitCommand({ item: ie, argument: P });
       }
     });
   }
-  const me = _({
+  const Le = x({
     type: "button",
     name: "pageBreakTool",
     command: "insertPageBreak",
     icon: e.pageBreak,
     tooltip: "Insert page break"
-  }), te = /* @__PURE__ */ new Map([
+  }), ce = /* @__PURE__ */ new Map([
     ["separator", 20],
     ["zoom", 71],
     ["fontFamily", 118],
@@ -1264,13 +1285,13 @@ const _ = (t) => {
     ["documentMode", 47],
     ["ai", 32],
     ["default", 32]
-  ]), ye = _({
+  ]), se = x({
     type: "button",
     name: "ruler",
     command: "toggleRuler",
     icon: e.ruler,
     tooltip: "Show or hide ruler"
-  }), be = _({
+  }), te = x({
     type: "dropdown",
     name: "linkedStyles",
     command: "setLinkedStyle",
@@ -1291,8 +1312,8 @@ const _ = (t) => {
         key: "linkedStyle",
         render: () => {
           const m = (S) => {
-            le(be);
-            const A = { ...be, command: "setLinkedStyle" };
+            ae(te);
+            const A = { ...te, command: "setLinkedStyle" };
             t.emitCommand({ item: A, argument: S });
           };
           return N("div", {}, [
@@ -1305,15 +1326,15 @@ const _ = (t) => {
       }
     ],
     onActivate: () => {
-      be.disabled.value = !1;
+      te.disabled.value = !1;
     },
     onDeactivate: () => {
-      be.disabled.value = !0;
+      te.disabled.value = !0;
     }
-  }), pe = (m, S) => {
+  }), fe = (m, S) => {
     if (S.value.toString() === m)
-      return N("div", { innerHTML: Kn, class: "dropdown-select-icon" });
-  }, re = _({
+      return N("div", { innerHTML: Yn, class: "dropdown-select-icon" });
+  }, de = x({
     type: "dropdown",
     name: "lineHeight",
     tooltip: "Line height",
@@ -1327,59 +1348,59 @@ const _ = (t) => {
     dropdownValueKey: "key",
     selectedValue: "1",
     options: [
-      { label: "1,0", key: "1", icon: () => pe("1", re.selectedValue) },
-      { label: "1,15", key: "1.15", icon: () => pe("1.15", re.selectedValue) },
-      { label: "1,5", key: "1.5", icon: () => pe("1.5", re.selectedValue) },
-      { label: "2,0", key: "2", icon: () => pe("2", re.selectedValue) },
-      { label: "2,5", key: "2.5", icon: () => pe("2.5", re.selectedValue) },
-      { label: "3,0", key: "3", icon: () => pe("3", re.selectedValue) }
+      { label: "1,0", key: "1", icon: () => fe("1", de.selectedValue) },
+      { label: "1,15", key: "1.15", icon: () => fe("1.15", de.selectedValue) },
+      { label: "1,5", key: "1.5", icon: () => fe("1.5", de.selectedValue) },
+      { label: "2,0", key: "2", icon: () => fe("2", de.selectedValue) },
+      { label: "2,5", key: "2.5", icon: () => fe("2.5", de.selectedValue) },
+      { label: "3,0", key: "3", icon: () => fe("3", de.selectedValue) }
     ]
   }), Me = {
     sm: 768,
     md: 1024,
     xl: 1410
-  }, it = 120, st = 32, lt = ["linkedStyles", "clearFormatting", "copyFormat", "ruler"], at = ["zoom", "fontFamily", "fontSize", "redo"];
+  }, st = 120, lt = 32, at = ["linkedStyles", "clearFormatting", "copyFormat", "ruler"], rt = ["zoom", "fontFamily", "fontSize", "redo"];
   let O = [
     H,
     R,
     // Dev - tracked changes
     // toggleTrackChanges,
     Z,
-    ae,
+    re,
     // toggleTrackChangesOriginal,
     // toggleTrackChangesFinal,
     M,
-    u,
+    c,
     r,
     s,
     r,
     i,
     d,
-    c,
-    y,
+    u,
+    v,
     b,
     r,
     h,
-    D,
+    $,
     L,
     C,
     r,
     B,
     ve,
-    ge,
-    ce,
+    ye,
+    ue,
+    me,
     de,
-    re,
     r,
-    be,
+    te,
     r,
-    me,
+    Le,
     Fe,
-    Te,
-    ye,
+    ke,
+    se,
     a,
     T,
-    ee
+    ie
     // search,
   ];
   if (t.config?.superdoc?.config?.modules?.ai || (O = O.filter((m) => m.name.value !== "ai")), o <= Me.md && (O = O.filter((m) => m.type !== "separator")), t.config.pagination || (O = O.filter((m) => m.name.value !== "pageBreakTool")), t.config.mode !== "docx") {
@@ -1388,24 +1409,24 @@ const _ = (t) => {
     const S = ["ruler", "zoom", "undo", "redo"];
     O = O.filter((A) => !S.includes(A.name.value));
   }
-  const Pe = [X, ue, Ce];
-  l || (n === "viewer" && Pe.push(Z, ae), O = O.filter((m) => !Pe.includes(m)));
-  const rt = [H, T, ee].map((m) => m.name), ct = (m) => rt.includes(m.name), Ee = [], De = [];
-  let $e = st + it;
+  const Pe = [X, pe, Te];
+  l || (n === "viewer" && Pe.push(Z, re), O = O.filter((m) => !Pe.includes(m)));
+  const ct = [H, T, ie].map((m) => m.name), dt = (m) => ct.includes(m.name), Ee = [], De = [];
+  let $e = lt + st;
   return O.forEach((m) => {
-    const S = te.get(m.name.value) || te.get("default");
-    if (o < Me.xl && lt.includes(m.name.value)) {
+    const S = ce.get(m.name.value) || ce.get("default");
+    if (o < Me.xl && at.includes(m.name.value)) {
       if (Ee.push(m), m.name.value === "linkedStyles") {
         const A = O.findIndex((P) => P.name.value === "linkedStyles");
         O.splice(A + 1, 1);
       }
       return;
     }
-    if (o < Me.sm && at.includes(m.name.value)) {
+    if (o < Me.sm && rt.includes(m.name.value)) {
       Ee.push(m);
       return;
     }
-    if (ct(m)) {
+    if (dt(m)) {
       De.push(m), $e += S;
       return;
     }
@@ -1414,30 +1435,30 @@ const _ = (t) => {
     defaultItems: De,
     overflowItems: Ee.filter((m) => m.type !== "separator")
   };
-}, Zn = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"], Yn = () => {
+}, Qn = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"], eo = () => {
   let t = document.createElement("input");
   t.type = "file";
-  let l = Zn;
+  let l = Qn;
   return t.accept = l.join(","), () => new Promise((n, e) => {
     t.onchange = async () => {
       const i = t.files;
       if (!i) return n(null);
-      const u = i.item(0);
-      return n(u ? { file: u } : null);
+      const c = i.item(0);
+      return n(c ? { file: c } : null);
     }, t.oncancel = () => n(null), t.onerror = e, t.click();
   });
-}, Jn = (t) => new Promise((l, o) => {
+}, to = (t) => new Promise((l, o) => {
   let n = new FileReader();
   n.onload = (e) => l(e.target.result), n.onerror = o, setTimeout(() => n.readAsDataURL(t), 250);
-}), Qn = (t, l) => new Promise((o, n) => {
+}), no = (t, l) => new Promise((o, n) => {
   const e = new window.Image();
   e.onload = () => {
-    const i = document.createElement("canvas"), { width: u, height: a } = eo(
+    const i = document.createElement("canvas"), { width: c, height: a } = oo(
       e.width,
       e.height,
       l
     );
-    if (i.width = u, i.height = a, i.getContext("2d").drawImage(e, 0, 0, u, a), typeof t == "string") {
+    if (i.width = c, i.height = a, i.getContext("2d").drawImage(e, 0, 0, c, a), typeof t == "string") {
       const r = i.toDataURL();
       o(r);
     } else
@@ -1446,27 +1467,27 @@ const _ = (t) => {
           type: t.type,
           lastModified: Date.now()
         });
-        o({ file: d, width: u, height: a });
+        o({ file: d, width: c, height: a });
       });
   }, e.onerror = (i) => n(i), e.src = typeof t == "string" ? t : URL.createObjectURL(t);
-}), eo = (t, l, o) => {
+}), oo = (t, l, o) => {
   const { width: n, height: e } = o.getMaxContentSize();
   if (!n || !e) return { width: t, height: l };
-  let i = t, u = l;
+  let i = t, c = l;
   const a = t / l;
-  return l > e && (u = e, i = Math.round(e * a)), i > n && (i = n, u = Math.round(n / a)), { width: i, height: u };
-}, to = async ({ editor: t, view: l, file: o }) => {
-  let n = typeof t.options.handleImageUpload == "function" ? t.options.handleImageUpload : Jn;
+  return l > e && (c = e, i = Math.round(e * a)), i > n && (i = n, c = Math.round(n / a)), { width: i, height: c };
+}, io = async ({ editor: t, view: l, file: o }) => {
+  let n = typeof t.options.handleImageUpload == "function" ? t.options.handleImageUpload : to;
   if ((o.size / (1024 * 1024)).toFixed(4) > 5) {
     window.alert("Image size must be less than 5MB");
     return;
   }
-  let i, u;
+  let i, c;
   try {
-    const c = await Qn(o, t);
-    i = c.width, u = c.height, o = c.file;
-  } catch (c) {
-    console.warn("Error processing image:", c);
+    const u = await no(o, t);
+    i = u.width, c = u.height, o = u.file;
+  } catch (u) {
+    console.warn("Error processing image:", u);
     return;
   }
   let a = {}, { tr: s, schema: r } = l.state;
@@ -1477,26 +1498,26 @@ const _ = (t) => {
     id: a
   };
   s.setMeta(Re, d), l.dispatch(s), n(o).then(
-    (c) => {
-      let b = o.name.replace(" ", "_"), y = ft(l.state, a);
-      if (y == null)
+    (u) => {
+      let b = o.name.replace(" ", "_"), v = ht(l.state, a);
+      if (v == null)
         return;
-      let h = { type: "remove", id: a }, E = `word/media/${b}`, v = r.nodes.image.create({
+      let h = { type: "remove", id: a }, E = `word/media/${b}`, g = r.nodes.image.create({
         src: E,
-        size: { width: i, height: u }
+        size: { width: i, height: c }
       });
-      t.storage.image.media = Object.assign(t.storage.image.media, { [E]: c }), t.options.ydoc && t.commands.addImageToCollaboration({ mediaPath: E, fileData: c }), l.dispatch(
-        l.state.tr.replaceWith(y, y, v).setMeta(Re, h)
+      t.storage.image.media = Object.assign(t.storage.image.media, { [E]: u }), t.options.ydoc && t.commands.addImageToCollaboration({ mediaPath: E, fileData: u }), l.dispatch(
+        l.state.tr.replaceWith(v, v, g).setMeta(Re, h)
       );
     },
     () => {
-      let c = { type: "remove", id: a };
-      l.dispatch(s.setMeta(Re, c));
+      let u = { type: "remove", id: a };
+      l.dispatch(s.setMeta(Re, u));
     }
   );
 };
-var I, et, he, ze, tt, nt, We, ot, fe;
-class wo extends Vt {
+var I, tt, ge, ze, nt, ot, We, it, he;
+class xo extends Vt {
   constructor(o) {
     super();
     Be(this, I);
@@ -1513,40 +1534,40 @@ class wo extends Vt {
       aiApiKey: null,
       aiEndpoint: null
     });
-    Be(this, he, {
+    Be(this, ge, {
       setZoom: ({ item: o, argument: n }) => {
         if (!n) return;
         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", u = window.matchMedia("(max-width: 834px)").matches;
-        i && u ? (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);
       },
       setDocumentMode: ({ item: o, argument: n }) => {
         n && this.emit("superdoc-command", { item: o, argument: n });
       },
       setFontSize: ({ item: o, argument: n }) => {
-        W(this, I, fe).call(this, { item: o, argument: n }, () => {
+        W(this, I, he).call(this, { item: o, argument: n }, () => {
           this.activeEditor?.commands.setFieldAnnotationsFontSize(n, !0);
         });
       },
       setFontFamily: ({ item: o, argument: n }) => {
-        W(this, I, fe).call(this, { item: o, argument: n }, () => {
+        W(this, I, he).call(this, { item: o, argument: n }, () => {
           this.activeEditor?.commands.setFieldAnnotationsFontFamily(n, !0);
         });
       },
       setColor: ({ item: o, argument: n }) => {
-        W(this, I, fe).call(this, { item: o, argument: n });
+        W(this, I, he).call(this, { item: o, argument: n });
       },
       setHighlight: ({ item: o, argument: n }) => {
-        W(this, I, fe).call(this, { item: o, argument: n });
+        W(this, I, he).call(this, { item: o, argument: n });
       },
       toggleRuler: ({ item: o, argument: n }) => {
         this.superdoc.toggleRuler();
       },
       startImageUpload: async ({ item: o, argument: n }) => {
-        let i = await Yn()();
-        i?.file && to({
+        let i = await eo()();
+        i?.file && io({
           editor: this.activeEditor,
           view: this.activeEditor.view,
           file: i.file
@@ -1580,7 +1601,7 @@ class wo extends Vt {
         let e = o.command;
         if (e in this.activeEditor.commands) {
           this.activeEditor.commands[e](n);
-          const { view: i } = this.activeEditor, u = i.state.selection.$to.pos, a = new Xe(i.state.doc.resolve(u)), s = i.state.tr.setSelection(a), r = i.state.apply(s);
+          const { view: i } = this.activeEditor, c = i.state.selection.$to.pos, a = new Xe(i.state.doc.resolve(c)), s = i.state.tr.setSelection(a), r = i.state.apply(s);
           i.updateState(r), setTimeout(() => {
             i.focus();
           }, 100);
@@ -1588,7 +1609,7 @@ class wo extends Vt {
         this.updateToolbarState();
       },
       insertTable: ({ item: o, argument: n }) => {
-        W(this, I, fe).call(this, { item: o, argument: n });
+        W(this, I, he).call(this, { item: o, argument: n });
       },
       executeTableCommand: ({ item: o, argument: n }) => {
         if (!n) return;
@@ -1602,20 +1623,20 @@ class wo extends Vt {
     this.config = { ...this.config, ...o }, this.toolbarItems = [], this.overflowItems = [], this.documentMode = o.documentMode || "editing", this.isDev = o.isDev || !1, this.superdoc = o.superdoc, this.role = o.role || "editor", this.config.editor && (this.config.mode = this.config.editor.options.mode), this.config.icons = {
       ...G,
       ...o.icons
-    }, !this.config.selector && this.config.element && (this.config.selector = this.config.element), W(this, I, et).call(this), W(this, I, ze).call(this, this, this.config.icons, o.isDev);
+    }, !this.config.selector && this.config.element && (this.config.selector = this.config.element), W(this, I, tt).call(this), W(this, I, ze).call(this, this, this.config.icons, o.isDev);
     let n = null;
     if (this.config.selector && (this.config.selector.startsWith("#") || this.config.selector.startsWith(".") ? n = document.querySelector(this.config.selector) : n = document.getElementById(this.config.selector), !n)) {
       console.warn(`[super-toolbar 🎨] Element not found: ${this.config.selector}`);
       return;
     }
-    this.app = Bt(zt), this.app.directive("click-outside", Tt), this.app.config.globalProperties.$toolbar = this, n && (this.toolbar = this.app.mount(n)), this.activeEditor = o.editor || null, this.updateToolbarState();
+    this.app = Bt(zt), this.app.directive("click-outside", Ft), this.app.config.globalProperties.$toolbar = this, n && (this.toolbar = this.app.mount(n)), this.activeEditor = o.editor || null, this.updateToolbarState();
   }
   log(...o) {
     console.debug("[🎨 super-toolbar]", ...o);
   }
   setZoom(o) {
     const e = [...this.toolbarItems, ...this.overflowItems].find((i) => i.name.value === "zoom");
-    Se(this, he).setZoom({ item: e, argument: o });
+    Se(this, ge).setZoom({ item: e, argument: o });
   }
   /**
    * The toolbar expects an active Super Editor instance.
@@ -1632,24 +1653,24 @@ class wo extends Vt {
    * @param {Object} marks
    */
   updateToolbarState() {
-    if (W(this, I, ot).call(this), W(this, I, tt).call(this), W(this, I, nt).call(this), !this.activeEditor || this.documentMode === "viewing") {
+    if (W(this, I, it).call(this), W(this, I, nt).call(this), W(this, I, ot).call(this), !this.activeEditor || this.documentMode === "viewing") {
       W(this, I, We).call(this);
       return;
     }
-    const o = ht(this.activeEditor), n = vt(this.activeEditor.state);
+    const o = gt(this.activeEditor), n = vt(this.activeEditor.state);
     this.toolbarItems.forEach((e) => {
       if (e.resetDisabled(), e.name.value === "linkedStyles")
         return this.activeEditor && !Ke(this.activeEditor).length ? e.deactivate() : e.activate();
       const i = o.find((s) => s.name === e.name.value);
       i ? e.activate(i.attrs) : e.deactivate();
-      const u = o.find((s) => s.name === "styleId");
-      if (u?.attrs.styleId) {
+      const c = o.find((s) => s.name === "styleId");
+      if (c?.attrs.styleId) {
         const s = {
           fontSize: "font-size",
           fontFamily: "font-family",
           bold: "bold",
           textAlign: "textAlign"
-        }, r = this.activeEditor.converter?.linkedStyles.find((d) => d.id === u.attrs.styleId);
+        }, r = this.activeEditor.converter?.linkedStyles.find((d) => d.id === c.attrs.styleId);
         if (s[e.name.value] in r?.definition.styles) {
           const d = {
             [e.name.value]: r?.definition.styles[s[e.name.value]]
@@ -1677,8 +1698,8 @@ class wo extends Vt {
     this.activeEditor?.focus();
     const { command: e } = o;
     if (e) {
-      if (this.log("(emmitCommand) Command:", e, o, n), e in Se(this, he))
-        return Se(this, he)[e]({ item: o, argument: n });
+      if (this.log("(emmitCommand) Command:", e, o, n), e in Se(this, ge))
+        return Se(this, ge)[e]({ item: o, argument: n });
       if (e in this.activeEditor?.commands)
         this.activeEditor.commands[e](n), this.updateToolbarState();
       else
@@ -1686,78 +1707,83 @@ class wo extends Vt {
     }
   }
 }
-I = new WeakSet(), et = function() {
+I = new WeakSet(), tt = function() {
   this.config.groups && !Array.isArray(this.config.groups) && Object.keys(this.config.groups).length && (this.config.toolbarGroups = Object.keys(this.config.groups));
-}, he = new WeakMap(), ze = function(o, n, e = !1) {
-  const i = document.documentElement.clientWidth, { defaultItems: u, overflowItems: a } = Xn(o, e, i, this.role, n);
+}, ge = new WeakMap(), ze = function(o, n, e = !1) {
+  const i = document.documentElement.clientWidth, { defaultItems: c, overflowItems: a } = Jn(o, e, i, this.role, n);
   let s = [
-    ...u.map((d) => d.name.value),
+    ...c.map((d) => d.name.value),
     ...a.map((d) => d.name.value)
   ];
   this.config.groups && (s = Object.values(this.config.groups).flatMap((d) => d));
-  const r = u.filter((d) => s.includes(d.name.value)).filter((d) => !this.config.excludeItems.includes(d.name.value));
+  const r = c.filter((d) => s.includes(d.name.value)).filter((d) => !this.config.excludeItems.includes(d.name.value));
   this.toolbarItems = r, this.overflowItems = a.filter((d) => s.includes(d.name.value));
-}, tt = function() {
+}, nt = function() {
   if (!this.activeEditor || !this.activeEditor.converter) return;
-  const { typeface: o = "Arial", fontSizePt: n = 12 } = this.activeEditor.converter.getDocumentDefaultStyles() ?? {}, e = this.toolbarItems.find((u) => u.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((u) => u.name.value === "fontFamily");
+  const i = this.toolbarItems.find((c) => c.name.value === "fontFamily");
   i && (i.defaultLabel.value = o);
-}, nt = function() {
+}, ot = function() {
   if (!this.activeEditor || !this.activeEditor.converter || !this.activeEditor.converter.docHiglightColors.size) return;
-  const o = this.toolbarItems.find((a) => a.name.value === "highlight"), n = Hn(), e = 7, i = Array.from(this.activeEditor.converter.docHiglightColors).reduce((a, s, r) => {
+  const o = this.toolbarItems.find((a) => a.name.value === "highlight"), n = On(), e = 7, i = Array.from(this.activeEditor.converter.docHiglightColors).reduce((a, s, r) => {
     const d = Math.floor(r / e);
     return a[d] || (a[d] = []), n.includes(s) || a[d].push(f(s)), a;
-  }, []), u = {
+  }, []), c = {
     key: "color",
     type: "render",
-    render: () => Ne(this, o, i)
+    render: () => Ne(this, o, i, !0)
   };
-  o.nestedOptions.value = [u];
+  o.nestedOptions.value = [c];
 }, We = function() {
   this.activeEditor = null, this.toolbarItems.forEach((o) => {
     const { allowWithoutEditor: n } = o;
     n.value || o.setDisabled(!0);
   });
-}, ot = function() {
-  this.activeEditor && (this.undoDepth = gt(this.activeEditor.state), this.redoDepth = yt(this.activeEditor.state));
-}, fe = function({ item: o, argument: n }, e) {
+}, it = function() {
+  this.activeEditor && (this.undoDepth = yt(this.activeEditor.state), this.redoDepth = bt(this.activeEditor.state));
+}, he = function({ item: o, argument: n }, e) {
   if (!n || !this.activeEditor) return;
   let i = o.command;
+  const c = o.noArgumentCommand;
+  if (n === "none" && c in this.activeEditor?.commands) {
+    this.activeEditor.commands[c](), this.updateToolbarState();
+    return;
+  }
   i in this.activeEditor?.commands && (this.activeEditor.commands[i](n), typeof e == "function" && e(n), this.updateToolbarState());
 };
-function no(t, l) {
+function so(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");
   let i;
-  e.forEach((u) => {
-    const s = (u.getBoundingClientRect().left - n.left) / o * -1 + 1;
+  e.forEach((c) => {
+    const s = (c.getBoundingClientRect().left - n.left) / o * -1 + 1;
     if (i || (i = s), s !== i) {
       const r = s - i;
-      u.style.transform = `translateX(${r}px)`;
+      c.style.transform = `translateX(${r}px)`;
     }
   });
 }
-const oo = (t, l) => {
+const lo = (t, l) => {
   const o = t.clientY, n = t.clientX, { view: e } = l, i = e.dom.getBoundingClientRect();
-  let u = {
+  let c = {
     left: 0,
     top: o
   }, a = !1;
-  n > i.right ? (u.left = i.left + i.width - 1, a = !0) : n < i.left && (u.left = i.left);
-  const s = e.posAtCoords(u)?.pos;
+  n > i.right ? (c.left = i.left + i.width - 1, a = !0) : n < i.left && (c.left = i.left);
+  const s = e.posAtCoords(c)?.pos;
   if (s) {
     let r = s;
     if (a) {
-      const b = e.state.doc.resolve(s).textOffset, y = e.state.doc.nodeAt(s), E = y?.text?.charAt(b);
-      r = y?.isText && E !== " " ? s - 1 : s;
+      const b = e.state.doc.resolve(s).textOffset, v = e.state.doc.nodeAt(s), E = v?.text?.charAt(b);
+      r = v?.isText && E !== " " ? s - 1 : s;
     }
     const d = e.state.tr.setSelection(
       Xe.create(e.state.doc, r)
     );
     e.dispatch(d), e.focus();
   }
-}, io = { class: "numbering" }, Ae = 200, so = "flex-end", lo = {
+}, ao = { class: "numbering" }, Ae = 200, ro = "flex-end", co = {
   __name: "Ruler",
   props: {
     orientation: {
@@ -1775,25 +1801,25 @@ const oo = (t, l) => {
   },
   emits: ["margin-change"],
   setup(t, { emit: l }) {
-    const o = l, n = t, e = g(null), i = g([]), u = g("#CCCCCC"), a = g("#2563EB66"), s = g(null), r = g(null), d = g(!1), c = g(null), b = qe({ side: "left", x: 0 }), y = qe({ side: "right", x: 0 }), h = g(!1), E = g(0);
-    let v = 0;
-    const D = () => {
+    const o = l, n = t, e = y(null), i = y([]), c = y("#CCCCCC"), a = y("#2563EB66"), s = y(null), r = y(null), d = y(!1), u = y(null), b = qe({ side: "left", x: 0 }), v = qe({ side: "right", x: 0 }), h = y(!1), E = y(0);
+    let g = 0;
+    const $ = () => {
       if (n.editor.options.mode !== "docx") return;
       const T = [], { pageMargins: M, pageSize: H } = n.editor.getPageStyles();
-      s.value = H, r.value = M, y.x = H.width * 96 - M.right * 96, b.x = M.left * 96;
+      s.value = H, r.value = M, v.x = H.width * 96 - M.right * 96, b.x = M.left * 96;
       for (let R = 0; R < H.width; R++) {
-        const Z = `${5.5}px`, ae = H.width - R;
-        if (T.push(...L(1, "main", "20%", Z, R)), T.push(...L(3, "eighth", "10%", Z)), T.push(...L(1, "half", "40%", Z)), ae <= 0.5) break;
+        const Z = `${5.5}px`, re = H.width - R;
+        if (T.push(...L(1, "main", "20%", Z, R)), T.push(...L(3, "eighth", "10%", Z)), T.push(...L(1, "half", "40%", Z)), re <= 0.5) break;
         T.push(...L(3, "eighth", "10%", Z));
       }
       return T;
-    }, L = (T, M, H, R, X) => Array.from({ length: T }, (Z, ae) => {
-      const ue = {
+    }, L = (T, M, H, R, X) => Array.from({ length: T }, (Z, re) => {
+      const pe = {
         className: `${M}-unit ruler-section`,
         height: H,
         margin: R
       };
-      return X !== void 0 && (ue.numbering = X), ue;
+      return X !== void 0 && (pe.numbering = X), pe;
     }), p = j(() => (T) => ({
       width: "1px",
       minWidth: "1px",
@@ -1803,87 +1829,87 @@ const oo = (t, l) => {
       marginLeft: T.numbering === 0 ? null : T.margin,
       marginRight: T.margin
     })), C = j(() => (T) => ({
-      left: `${(T === "left" ? b : y).x}px`
+      left: `${(T === "left" ? b : v).x}px`
     })), F = j(() => {
       if (!e.value) return;
       const H = e.value.parentElement.querySelector(".super-editor").getBoundingClientRect();
       return {
-        left: `${c.value.x}px`,
+        left: `${u.value.x}px`,
         minHeight: `${H.height}px`
       };
     }), z = (T) => {
       d.value = !0, ve();
       const M = T.currentTarget.id;
-      c.value = M === "left-margin-handle" ? b : y, E.value = c.value.x, v = T.clientX - c.value.x, h.value = !0;
+      u.value = M === "left-margin-handle" ? b : v, E.value = u.value.x, g = T.clientX - u.value.x, h.value = !0;
     }, B = (T) => {
       if (!d.value) return;
-      const M = T.clientX - v;
-      c.value.x = M, c.value.side === "left" ? M <= 0 ? c.value.x = 0 : M >= y.x - Ae && (c.value.x = y.x - Ae) : M >= s.value.width * 96 ? c.value.x = s.value.width * 96 : M <= b.x + Ae && (c.value.x = b.x + Ae);
+      const M = T.clientX - g;
+      u.value.x = M, u.value.side === "left" ? M <= 0 ? u.value.x = 0 : M >= v.x - Ae && (u.value.x = v.x - Ae) : M >= s.value.width * 96 ? u.value.x = s.value.width * 96 : M <= b.x + Ae && (u.value.x = b.x + Ae);
     }, q = () => {
-      if (d.value = !1, h.value = !1, ge(), c.value && c.value.x !== E.value) {
-        const T = ce();
+      if (d.value = !1, h.value = !1, ye(), u.value && u.value.x !== E.value) {
+        const T = ue();
         o("margin-change", {
-          side: c.value.side,
+          side: u.value.side,
           value: T
         });
       }
     }, ve = () => {
-      u.value = a.value;
-    }, ge = () => {
-      u.value = "#CCC";
-    }, ce = () => c.value.side === "left" ? c.value.x / 96 : (s.value.width * 96 - c.value.x) / 96, de = j(() => ({
-      "--alignment": so,
-      "--ruler-handle-color": u.value,
+      c.value = a.value;
+    }, ye = () => {
+      c.value = "#CCC";
+    }, ue = () => u.value.side === "left" ? u.value.x / 96 : (s.value.width * 96 - u.value.x) / 96, me = j(() => ({
+      "--alignment": ro,
+      "--ruler-handle-color": c.value,
       "--ruler-handle-active-color": a.value
     }));
     return we(() => {
-      i.value = D(), window.addEventListener("mousemove", B), window.addEventListener("mouseup", q);
+      i.value = $(), window.addEventListener("mousemove", B), window.addEventListener("mouseup", q);
     }), Rt(() => {
       window.removeEventListener("mousemove", B), window.removeEventListener("mouseup", q);
-    }), (T, M) => (k(), w("div", {
+    }), (T, M) => (w(), k("div", {
       class: "ruler",
       ref_key: "ruler",
       ref: e,
-      style: J(de.value)
+      style: J(me.value)
     }, [
-      x("div", {
+      _("div", {
         class: "margin-handle handle-left",
         id: "left-margin-handle",
         onMousedown: z,
         style: J(C.value("left"))
       }, null, 36),
-      x("div", {
+      _("div", {
         class: "margin-handle handle-right",
         id: "right-margin-handle",
         onMousedown: z,
         style: J(C.value("right"))
       }, null, 36),
-      h.value ? (k(), w("div", {
+      h.value ? (w(), k("div", {
         key: 0,
         class: "vertical-indicator",
         style: J(F.value)
-      }, null, 4)) : ne("", !0),
-      (k(!0), w(U, null, Q(i.value, (H) => (k(), w("div", {
-        class: oe(H.className),
+      }, null, 4)) : Q("", !0),
+      (w(!0), k(U, null, ee(i.value, (H) => (w(), k("div", {
+        class: ne(H.className),
         style: J(p.value(H))
       }, [
-        x("div", io, ie(H.numbering), 1),
-        (k(!0), w(U, null, Q(H.elements, (R) => (k(), w("div", {
-          class: oe(R.className),
+        _("div", ao, oe(H.numbering), 1),
+        (w(!0), k(U, null, ee(H.elements, (R) => (w(), k("div", {
+          class: ne(R.className),
           style: J(p.value(R))
         }, [
-          (k(!0), w(U, null, Q(R.elements, (X) => (k(), w("div", {
-            class: oe(X.className),
+          (w(!0), k(U, null, ee(R.elements, (X) => (w(), k("div", {
+            class: ne(X.className),
             style: J(p.value(X))
           }, null, 6))), 256))
         ], 6))), 256))
       ], 6))), 256))
     ], 4));
   }
-}, ao = /* @__PURE__ */ K(lo, [["__scopeId", "data-v-ad77036c"]]), ro = { class: "super-editor-container" }, co = {
+}, uo = /* @__PURE__ */ K(co, [["__scopeId", "data-v-ad77036c"]]), mo = { class: "super-editor-container" }, po = {
   key: 1,
   class: "placeholder-editor"
-}, uo = { class: "placeholder-title" }, mo = {
+}, fo = { class: "placeholder-title" }, ho = {
   __name: "SuperEditor",
   props: {
     documentId: {
@@ -1913,7 +1939,7 @@ const oo = (t, l) => {
     "selection-update"
   ],
   setup(t, { emit: l }) {
-    const o = l, n = t, e = g(!1), i = Ze(null), u = g(null), a = g(null);
+    const o = l, n = t, e = y(!1), i = Ye(null), c = y(null), a = y(null);
     let s;
     const r = () => {
       clearTimeout(s);
@@ -1923,7 +1949,7 @@ const oo = (t, l) => {
         q ? (r(), h({ content: q })) : C > 0 ? (console.debug(`Waiting for 'docx' data... retries left: ${C}`), s = setTimeout(B, F), C--) : console.warn("Failed to load docx data from meta map.");
       };
       B();
-    }, c = async () => {
+    }, u = async () => {
       try {
         const [p, C, F, z] = await Oe.loadXmlData(n.fileSource);
         return { content: p, media: C, mediaFiles: F, fonts: z };
@@ -1932,7 +1958,7 @@ const oo = (t, l) => {
       }
     }, b = async () => {
       if (n.fileSource) {
-        const p = await c();
+        const p = await u();
         return h(p);
       } else if (n.options.ydoc && n.options.collaborationProvider) {
         delete n.options.content;
@@ -1941,15 +1967,15 @@ const oo = (t, l) => {
         };
         C.on("synced", F);
       }
-    }, y = () => {
-      const p = bt();
+    }, v = () => {
+      const p = wt();
       return n.options.pagination ? p : p.filter((C) => C.name !== "pagination");
     }, h = async ({ content: p, media: C = {}, mediaFiles: F = {}, fonts: z = {} } = {}) => {
       i.value = new Oe({
         mode: "docx",
         element: a.value,
         fileSource: n.fileSource,
-        extensions: y(),
+        extensions: v(),
         externalExtensions: n.options.externalExtensions,
         documentId: n.documentId,
         content: p,
@@ -1958,7 +1984,7 @@ const oo = (t, l) => {
         fonts: z,
         ...n.options
       }), i.value.on("paginationUpdate", () => {
-        no(a, i);
+        so(a, i);
       }), i.value.on("collaborationReady", () => {
         setTimeout(() => {
           e.value = !0;
@@ -1966,7 +1992,7 @@ const oo = (t, l) => {
       });
     }, E = (p) => {
       o("editor-keydown", { editor: i.value });
-    }, v = (p) => {
+    }, g = (p) => {
       o("editor-click", { editor: i.value });
       let C = a.value?.querySelector(".ProseMirror");
       if (!C || !i.value)
@@ -1976,92 +2002,92 @@ const oo = (t, l) => {
     we(() => {
       b(), (n.options?.suppressSkeletonLoader || !n.options?.collaborationProvider) && (e.value = !0);
     });
-    const D = (p) => {
-      p.target.classList.contains("ProseMirror") || oo(p, i.value);
+    const $ = (p) => {
+      p.target.classList.contains("ProseMirror") || lo(p, i.value);
     }, L = ({ side: p, value: C }) => {
       if (!i.value) return;
       const F = i.value.getPageStyles(), { pageMargins: z } = F, B = { ...z, [p]: C };
       i.value?.updatePageStyle({ pageMargins: B });
     };
-    return Ye(() => {
+    return Je(() => {
       r(), i.value?.destroy(), i.value = null;
-    }), (p, C) => (k(), w("div", ro, [
-      t.options.rulers && i.value ? (k(), Ot(ao, {
+    }), (p, C) => (w(), k("div", mo, [
+      t.options.rulers && i.value ? (w(), Ot(uo, {
         key: 0,
         class: "ruler",
         editor: i.value,
         onMarginChange: L
-      }, null, 8, ["editor"])) : ne("", !0),
-      x("div", {
+      }, null, 8, ["editor"])) : Q("", !0),
+      _("div", {
         class: "super-editor",
         ref_key: "editorWrapper",
-        ref: u,
+        ref: c,
         onKeydown: E,
-        onClick: v,
-        onMousedown: D
+        onClick: g,
+        onMousedown: $
       }, [
-        x("div", {
+        _("div", {
           ref_key: "editorElem",
           ref: a,
           class: "editor-element super-editor__element"
         }, null, 512)
       ], 544),
-      e.value ? ne("", !0) : (k(), w("div", co, [
-        x("div", uo, [
-          V($(Y), {
+      e.value ? Q("", !0) : (w(), k("div", po, [
+        _("div", fo, [
+          V(D(Y), {
             text: "",
             style: { width: "60%" }
           })
         ]),
-        V($(Y), {
+        V(D(Y), {
           text: "",
           repeat: 6
         }),
-        V($(Y), {
+        V(D(Y), {
           text: "",
           style: { width: "60%" }
         }),
-        V($(Y), {
+        V(D(Y), {
           text: "",
           repeat: 6,
           style: { width: "30%", display: "block", margin: "20px" }
         }),
-        V($(Y), {
+        V(D(Y), {
           text: "",
           style: { width: "60%" }
         }),
-        V($(Y), {
+        V(D(Y), {
           text: "",
           repeat: 5
         }),
-        V($(Y), {
+        V(D(Y), {
           text: "",
           style: { width: "30%" }
         }),
-        V($(Y), {
+        V(D(Y), {
           text: "",
           style: { "margin-top": "50px" }
         }),
-        V($(Y), {
+        V(D(Y), {
           text: "",
           repeat: 6
         }),
-        V($(Y), {
+        V(D(Y), {
           text: "",
           style: { width: "70%" }
         })
       ]))
     ]));
   }
-}, Co = /* @__PURE__ */ K(mo, [["__scopeId", "data-v-ff8f86f4"]]), _o = {
+}, Eo = /* @__PURE__ */ K(ho, [["__scopeId", "data-v-ff8f86f4"]]), So = {
   __name: "BasicUpload",
   emits: ["file-change"],
   setup(t, { emit: l }) {
     const o = l, n = (e) => {
       o("file-change", e.target.files[0]);
     };
-    return (e, i) => (k(), w("div", null, [
-      x("input", {
+    return (e, i) => (w(), k("div", null, [
+      _("input", {
         type: "file",
         id: "fileInput",
         onChange: n,
@@ -2069,7 +2095,7 @@ const oo = (t, l) => {
       }, null, 32)
     ]));
   }
-}, po = ["innerHTML"], fo = {
+}, go = ["innerHTML"], vo = {
   __name: "SuperInput",
   props: {
     modelValue: {
@@ -2093,74 +2119,74 @@ const oo = (t, l) => {
   },
   emits: ["update:modelValue", "focus", "blur"],
   setup(t, { emit: l }) {
-    const o = l, n = t, e = Ze(), i = g(null), u = g(!1), a = ({ editor: y, transaction: h }) => {
-      const E = y.getHTML();
+    const o = l, n = t, e = Ye(), i = y(null), c = y(!1), a = ({ editor: v, transaction: h }) => {
+      const E = v.getHTML();
       o("update:modelValue", E);
-    }, s = ({ editor: y, transaction: h }) => {
-      u.value = !0, b(), o("focus", { editor: y, transaction: h });
-    }, r = ({ editor: y, transaction: h }) => {
-      u.value = !1, o("blur", { editor: y, transaction: h });
+    }, s = ({ editor: v, transaction: h }) => {
+      c.value = !0, b(), o("focus", { editor: v, transaction: h });
+    }, r = ({ editor: v, transaction: h }) => {
+      c.value = !1, o("blur", { editor: v, transaction: h });
     }, d = async () => {
       kt.options.placeholder = n.placeholder || "Type something...", n.options.onTransaction = a, n.options.onFocus = s, n.options.onBlur = r, e.value = new Oe({
         mode: "text",
         content: document.getElementById("currentContent"),
         element: i.value,
-        extensions: wt(),
+        extensions: Ct(),
         users: n.users,
         ...n.options
       });
-    }, c = () => {
-      u.value = !0, e.value?.view?.focus();
+    }, u = () => {
+      c.value = !0, e.value?.view?.focus();
     }, b = () => {
       e.value?.setOptions({ users: n.users });
     };
     return we(() => {
       d();
-    }), Ye(() => {
+    }), Je(() => {
       e.value?.destroy(), e.value = null;
-    }), (y, h) => (k(), w("div", {
-      class: oe(["super-editor super-input", { "super-input-active": u.value }]),
-      onClick: ke(c, ["stop", "prevent"])
+    }), (v, h) => (w(), k("div", {
+      class: ne(["super-editor super-input", { "super-input-active": c.value }]),
+      onClick: be(u, ["stop", "prevent"])
     }, [
-      x("div", {
+      _("div", {
         id: "currentContent",
         style: { display: "none" },
         innerHTML: t.modelValue
-      }, null, 8, po),
-      x("div", {
+      }, null, 8, go),
+      _("div", {
         ref_key: "editorElem",
         ref: i,
         class: "editor-element super-editor__element"
       }, null, 512)
     ], 2));
   }
-}, xo = /* @__PURE__ */ K(fo, [["__scopeId", "data-v-4d5cff52"]]), Eo = {
-  Node: Et,
-  Attribute: xt,
-  Extension: _t,
-  Plugin: Ft,
-  Mark: Ct
+}, Ao = /* @__PURE__ */ K(vo, [["__scopeId", "data-v-4d5cff52"]]), To = {
+  Node: St,
+  Attribute: Et,
+  Extension: xt,
+  Plugin: It,
+  Mark: _t
 };
 export {
   Wt as AIWriter,
-  _o as BasicUpload,
-  To as CommentsPluginKey,
-  Ro as DocxZipper,
+  So as BasicUpload,
+  Lo as CommentsPluginKey,
+  zo as DocxZipper,
   Oe as Editor,
-  Eo as Extensions,
-  Ho as SuperConverter,
-  Co as SuperEditor,
-  xo as SuperInput,
-  wo as SuperToolbar,
+  To as Extensions,
+  Oo as SuperConverter,
+  Eo as SuperEditor,
+  Ao as SuperInput,
+  xo as SuperToolbar,
   zt as Toolbar,
-  Fo as TrackChangesBasePluginKey,
-  No as createZip,
-  Io as fieldAnnotationHelpers,
-  ht as getActiveFormatting,
-  eo as getAllowedImageDimensions,
-  Lo as getMarksFromSelection,
-  wt as getRichTextExtensions,
-  bt as getStarterExtensions,
-  Mo as helpers,
-  Do as trackChangesHelpers
+  Mo as TrackChangesBasePluginKey,
+  Po as createZip,
+  Do as fieldAnnotationHelpers,
+  gt as getActiveFormatting,
+  oo as getAllowedImageDimensions,
+  $o as getMarksFromSelection,
+  Ct as getRichTextExtensions,
+  wt as getStarterExtensions,
+  Ho as helpers,
+  Bo as trackChangesHelpers
 };