@harbour-enterprises/superdoc 0.10.34 → 0.10.36

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

@@ -2,142 +2,142 @@ var ut = Object.defineProperty;
 var Ve = (t) => {
   throw TypeError(t);
 };
-var mt = (t, s, o) => s in t ? ut(t, s, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[s] = o;
-var He = (t, s, o) => mt(t, typeof s != "symbol" ? s + "" : s, o), je = (t, s, o) => s.has(t) || Ve("Cannot " + o);
-var Se = (t, s, o) => (je(t, s, "read from private field"), o ? o.call(t) : s.get(t)), Be = (t, s, o) => s.has(t) ? Ve("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, o);
-var W = (t, s, o) => (je(t, s, "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 gt, u as vt, r as yt, E as Oe, e as bt, P as wt, h as kt, M as Ct, j as _t, A as xt, N as Et } from "./chunks/editor-BOOEq-l-.js";
-import { C as To, T as Fo, l as Io, n as Lo, k as Mo, m as Do } from "./chunks/editor-BOOEq-l-.js";
-import { a1 as St, y as At, a3 as Tt, T as Xe, a as Ft } from "./chunks/converter-BoD3UL-D.js";
-import { O as Ho } from "./chunks/converter-BoD3UL-D.js";
-import { ref as v, createElementBlock as k, openBlock as w, createElementVNode as x, unref as $, getCurrentInstance as It, computed as j, watch as Lt, onMounted as ke, createCommentVNode as ne, withDirectives as Mt, withKeys as Dt, normalizeClass as oe, withModifiers as we, 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-MODX2iiO.js";
+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 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-8EFMn0gI.js";
+import { C as To, T as Fo, l as Io, n as Lo, k as Mo, m as Do } from "./chunks/editor-8EFMn0gI.js";
+import { a1 as St, y as At, a3 as Tt, T as Xe, a as Ft } from "./chunks/converter-Dy0wP6Ge.js";
+import { O as Ho } from "./chunks/converter-Dy0wP6Ge.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-Bz666WFS.js";
 import Wt from "./ai-writer.es.js";
-import { D as Ro } from "./chunks/docx-zipper-CdQcoemq.js";
+import { D as Ro } from "./chunks/docx-zipper-CRYSc8LJ.js";
 import { createZip as No } from "./file-zipper.es.js";
 var Je = { exports: {} };
 (function(t) {
-  var s = Object.prototype.hasOwnProperty, o = "~";
+  var l = Object.prototype.hasOwnProperty, o = "~";
   function n() {
   }
   Object.create && (n.prototype = /* @__PURE__ */ Object.create(null), new n().__proto__ || (o = !1));
-  function e(a, c, u) {
-    this.fn = a, this.context = c, this.once = u || !1;
+  function e(s, r, d) {
+    this.fn = s, this.context = r, this.once = d || !1;
   }
-  function i(a, c, u, r, b) {
-    if (typeof u != "function")
+  function i(s, r, d, c, b) {
+    if (typeof d != "function")
       throw new TypeError("The listener must be a function");
-    var y = new e(u, r || a, b), h = o ? o + c : c;
-    return a._events[h] ? a._events[h].fn ? a._events[h] = [a._events[h], y] : a._events[h].push(y) : (a._events[h] = y, a._eventsCount++), a;
+    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;
   }
-  function d(a, c) {
-    --a._eventsCount === 0 ? a._events = new n() : delete a._events[c];
+  function u(s, r) {
+    --s._eventsCount === 0 ? s._events = new n() : delete s._events[r];
   }
-  function l() {
+  function a() {
     this._events = new n(), this._eventsCount = 0;
   }
-  l.prototype.eventNames = function() {
-    var c = [], u, r;
-    if (this._eventsCount === 0) return c;
-    for (r in u = this._events)
-      s.call(u, r) && c.push(o ? r.slice(1) : r);
-    return Object.getOwnPropertySymbols ? c.concat(Object.getOwnPropertySymbols(u)) : c;
-  }, l.prototype.listeners = function(c) {
-    var u = o ? o + c : c, r = this._events[u];
-    if (!r) return [];
-    if (r.fn) return [r.fn];
-    for (var b = 0, y = r.length, h = new Array(y); b < y; b++)
-      h[b] = r[b].fn;
+  a.prototype.eventNames = function() {
+    var r = [], d, c;
+    if (this._eventsCount === 0) return r;
+    for (c in d = this._events)
+      l.call(d, c) && r.push(o ? c.slice(1) : c);
+    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;
     return h;
-  }, l.prototype.listenerCount = function(c) {
-    var u = o ? o + c : c, r = this._events[u];
-    return r ? r.fn ? 1 : r.length : 0;
-  }, l.prototype.emit = function(c, u, r, b, y, h) {
-    var E = o ? o + c : c;
+  }, 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 E = o ? o + r : r;
     if (!this._events[E]) return !1;
-    var g = this._events[E], D = arguments.length, L, p;
-    if (g.fn) {
-      switch (g.once && this.removeListener(c, g.fn, void 0, !0), D) {
+    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) {
         case 1:
-          return g.fn.call(g.context), !0;
+          return v.fn.call(v.context), !0;
         case 2:
-          return g.fn.call(g.context, u), !0;
+          return v.fn.call(v.context, d), !0;
         case 3:
-          return g.fn.call(g.context, u, r), !0;
+          return v.fn.call(v.context, d, c), !0;
         case 4:
-          return g.fn.call(g.context, u, r, b), !0;
+          return v.fn.call(v.context, d, c, b), !0;
         case 5:
-          return g.fn.call(g.context, u, r, b, y), !0;
+          return v.fn.call(v.context, d, c, b, y), !0;
         case 6:
-          return g.fn.call(g.context, u, r, b, y, h), !0;
+          return v.fn.call(v.context, d, c, b, y, h), !0;
       }
       for (p = 1, L = new Array(D - 1); p < D; p++)
         L[p - 1] = arguments[p];
-      g.fn.apply(g.context, L);
+      v.fn.apply(v.context, L);
     } else {
-      var C = g.length, F;
+      var C = v.length, F;
       for (p = 0; p < C; p++)
-        switch (g[p].once && this.removeListener(c, g[p].fn, void 0, !0), D) {
+        switch (v[p].once && this.removeListener(r, v[p].fn, void 0, !0), D) {
           case 1:
-            g[p].fn.call(g[p].context);
+            v[p].fn.call(v[p].context);
             break;
           case 2:
-            g[p].fn.call(g[p].context, u);
+            v[p].fn.call(v[p].context, d);
             break;
           case 3:
-            g[p].fn.call(g[p].context, u, r);
+            v[p].fn.call(v[p].context, d, c);
             break;
           case 4:
-            g[p].fn.call(g[p].context, u, r, b);
+            v[p].fn.call(v[p].context, d, c, b);
             break;
           default:
             if (!L) for (F = 1, L = new Array(D - 1); F < D; F++)
               L[F - 1] = arguments[F];
-            g[p].fn.apply(g[p].context, L);
+            v[p].fn.apply(v[p].context, L);
         }
     }
     return !0;
-  }, l.prototype.on = function(c, u, r) {
-    return i(this, c, u, r, !1);
-  }, l.prototype.once = function(c, u, r) {
-    return i(this, c, u, r, !0);
-  }, l.prototype.removeListener = function(c, u, r, b) {
-    var y = o ? o + c : c;
+  }, 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;
-    if (!u)
-      return d(this, y), this;
+    if (!d)
+      return u(this, y), this;
     var h = this._events[y];
     if (h.fn)
-      h.fn === u && (!b || h.once) && (!r || h.context === r) && d(this, y);
+      h.fn === d && (!b || h.once) && (!c || h.context === c) && u(this, y);
     else {
-      for (var E = 0, g = [], D = h.length; E < D; E++)
-        (h[E].fn !== u || b && !h[E].once || r && h[E].context !== r) && g.push(h[E]);
-      g.length ? this._events[y] = g.length === 1 ? g[0] : g : d(this, y);
+      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);
     }
     return this;
-  }, l.prototype.removeAllListeners = function(c) {
-    var u;
-    return c ? (u = o ? o + c : c, this._events[u] && d(this, u)) : (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(r) {
+    var d;
+    return r ? (d = o ? o + r : r, this._events[d] && u(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);
 function jt(t) {
-  let s = t;
-  for (; s; ) {
-    const o = window.getComputedStyle(s).overflowY;
-    if (/(auto|scroll)/.test(o) && s.scrollHeight > s.clientHeight)
-      return s;
-    s = s.parentElement;
+  let l = t;
+  for (; l; ) {
+    const o = window.getComputedStyle(l).overflowY;
+    if (/(auto|scroll)/.test(o) && l.scrollHeight > l.clientHeight)
+      return l;
+    l = l.parentElement;
   }
   return document.scrollingElement || document.documentElement;
 }
-function Ut(t, s = { behavior: "smooth", block: "start" }) {
+function Ut(t, l = { behavior: "smooth", block: "start" }) {
   if (!t) return;
   const o = jt(t), n = o.getBoundingClientRect(), i = t.getBoundingClientRect().top - n.top + o.scrollTop;
   o.scrollTo({
-    top: s.block === "start" ? i : i - o.clientHeight + t.offsetHeight,
-    behavior: s.behavior
+    top: l.block === "start" ? i : i - o.clientHeight + t.offsetHeight,
+    behavior: l.behavior
   });
 }
 const _ = (t) => {
@@ -147,7 +147,7 @@ const _ = (t) => {
     throw new Error("Toolbar button item needs either icon or label - " + t.name);
   if (!t.name)
     throw new Error("Invalid toolbar item name - " + t.name);
-  const o = v(At()), n = t.type, e = v(t.name), i = t.command, d = v(t.icon), l = v(t.group || "center"), a = v(t.allowWithoutEditor), c = v(t.attributes || {}), u = t.disabled || !1, r = v(t.disabled), b = v(!1), y = v(!1), h = v(t.style), E = v(t.isNarrow), g = v(t.isWide), D = v(t.minWidth), L = v(t.suppressActiveHighlight || !1), p = v(t.argument), C = v(null), F = v(null), z = v(t.iconColor), B = v(t.hasCaret), q = v(t.dropdownStyles), ge = v(t.tooltip), ve = v(t.tooltipVisible), ce = v(t.tooltipTimeout), de = v(t.defaultLabel), T = v(t.label), M = v(t.hideLabel), H = v(t.inlineTextInputVisible), R = v(t.hasInlineTextInput), X = v(t.markName), Z = v(t.labelAttr), ae = v(t.selectedValue), ue = v(t.dropdownValueKey), Ce = v([]);
+  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([]);
   if (t.options) {
     if (!Array.isArray(t.options)) throw new Error("Invalid toolbar item options - " + t.options);
     Ce.value.push(...t.options);
@@ -157,9 +157,9 @@ const _ = (t) => {
   }, Fe = () => {
     xe(), b.value = !1;
   }, Ie = (te) => {
-    r.value = te;
+    c.value = te;
   }, _e = () => {
-    r.value = u;
+    c.value = d;
   }, ee = t.onActivate || (() => null), xe = t.onDeactivate || (() => null), Le = () => {
     const te = {};
     return Object.keys(me).forEach((ye) => {
@@ -170,24 +170,24 @@ const _ = (t) => {
     name: e,
     type: n,
     command: i,
-    icon: d,
-    tooltip: ge,
-    group: l,
-    attributes: c,
-    disabled: r,
+    icon: u,
+    tooltip: ve,
+    group: a,
+    attributes: r,
+    disabled: c,
     active: b,
     expand: y,
     nestedOptions: Ce,
     style: h,
     isNarrow: E,
-    isWide: g,
+    isWide: v,
     minWidth: D,
     argument: p,
     parentItem: F,
     iconColor: z,
     hasCaret: B,
     dropdownStyles: q,
-    tooltipVisible: ve,
+    tooltipVisible: ge,
     tooltipTimeout: ce,
     defaultLabel: de,
     label: T,
@@ -197,7 +197,7 @@ const _ = (t) => {
     markName: X,
     labelAttr: Z,
     childItem: C,
-    allowWithoutEditor: a,
+    allowWithoutEditor: s,
     dropdownValueKey: ue,
     selectedValue: ae
   };
@@ -214,29 +214,29 @@ const _ = (t) => {
 }, qt = { class: "alignment-buttons" }, Gt = ["innerHTML"], Kt = ["innerHTML"], Xt = ["innerHTML"], Zt = ["innerHTML"], Yt = {
   __name: "AlignmentButtons",
   emits: ["select"],
-  setup(t, { emit: s }) {
-    const o = s, n = (e) => {
+  setup(t, { emit: l }) {
+    const o = l, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (w(), k("div", qt, [
+    return (e, i) => (k(), w("div", qt, [
       x("div", {
         class: "button-icon",
-        onClick: i[0] || (i[0] = (d) => n("left")),
+        onClick: i[0] || (i[0] = (u) => n("left")),
         innerHTML: $(G).alignLeft
       }, null, 8, Gt),
       x("div", {
         class: "button-icon",
-        onClick: i[1] || (i[1] = (d) => n("center")),
+        onClick: i[1] || (i[1] = (u) => n("center")),
         innerHTML: $(G).alignCenter
       }, null, 8, Kt),
       x("div", {
         class: "button-icon",
-        onClick: i[2] || (i[2] = (d) => n("right")),
+        onClick: i[2] || (i[2] = (u) => n("right")),
         innerHTML: $(G).alignRight
       }, null, 8, Xt),
       x("div", {
         class: "button-icon",
-        onClick: i[3] || (i[3] = (d) => n("justify")),
+        onClick: i[3] || (i[3] = (u) => n("justify")),
         innerHTML: $(G).alignJustify
       }, null, 8, Zt)
     ]));
@@ -279,39 +279,39 @@ const _ = (t) => {
     }
   },
   emits: ["submit", "cancel"],
-  setup(t, { emit: s }) {
-    const o = s, n = t, { proxy: e } = It(), i = () => {
-      if (e?.$submit instanceof Function && e.$submit(), c.value && r.value) {
-        o("submit", { text: a.value, href: u.value });
+  setup(t, { emit: l }) {
+    const o = l, n = t, { proxy: e } = It(), i = () => {
+      if (e?.$submit instanceof Function && e.$submit(), r.value && c.value) {
+        o("submit", { text: s.value, href: d.value });
         return;
-      } else if (!c.value) {
-        o("submit", { text: a.value, href: null });
+      } else if (!r.value) {
+        o("submit", { text: s.value, href: null });
         return;
       }
-      console.debug("[LinkInput] Invalid URL in handleSubmit"), l.value = !0;
-    }, d = () => {
-      o("submit", { text: a.value, href: null });
-    }, l = v(!1), a = v(n.initialText), c = v(n.href), u = j(() => c.value?.startsWith("http") ? c.value : "http://" + c.value), r = j(() => {
-      const p = u.value.split(".").filter(Boolean);
-      return u.value.includes(".") && p.length > 1;
-    }), b = j(() => h.value ? "Apply" : "Remove"), y = j(() => !r.value), h = j(() => !E.value), E = j(() => n.href && !c.value), g = j(() => n.href.startsWith("#")), D = () => {
-      window.open(u.value, "_blank");
+      console.debug("[LinkInput] Invalid URL in handleSubmit"), a.value = !0;
+    }, u = () => {
+      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(() => {
+      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 = () => {
+      window.open(d.value, "_blank");
     };
     Lt(
       () => n.href,
       (p) => {
-        c.value = p;
+        r.value = p;
       }
     );
     const L = () => {
       const p = document.querySelector(".link-input-ctn input");
       p && p.focus();
     };
-    return ke(() => {
+    return we(() => {
       n.showInput && L();
-    }), (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, [
+    }), (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", {
             class: "input-icon",
@@ -320,26 +320,26 @@ const _ = (t) => {
           Mt(x("input", {
             type: "text",
             placeholder: "Type or paste a link",
-            class: oe({ error: l.value }),
-            "onUpdate:modelValue": C[0] || (C[0] = (F) => c.value = F),
+            class: oe({ error: a.value }),
+            "onUpdate:modelValue": C[0] || (C[0] = (F) => r.value = F),
             onKeydown: [
-              Dt(we(i, ["stop", "prevent"]), ["enter"]),
-              C[1] || (C[1] = (F) => l.value = !1)
+              Dt(ke(i, ["stop", "prevent"]), ["enter"]),
+              C[1] || (C[1] = (F) => a.value = !1)
             ]
           }, null, 42, an), [
-            [$t, c.value]
+            [$t, r.value]
           ]),
           x("div", {
-            class: oe(["open-link-icon", { disabled: !r.value }]),
+            class: oe(["open-link-icon", { disabled: !c.value }]),
             innerHTML: $(G).openLink,
             onClick: D
           }, null, 10, rn)
         ]),
         x("div", cn, [
-          t.href ? (w(), k("button", {
+          t.href ? (k(), w("button", {
             key: 0,
             class: "remove-btn",
-            onClick: d
+            onClick: u
           }, [
             x("div", {
               class: "remove-btn__icon",
@@ -347,20 +347,20 @@ const _ = (t) => {
             }, null, 8, dn),
             C[3] || (C[3] = Ht(" Remove "))
           ])) : ne("", !0),
-          h.value ? (w(), k("button", {
+          h.value ? (k(), w("button", {
             key: 1,
             class: oe(["submit-btn", { "disable-btn": y.value }]),
             onClick: i
           }, ie(b.value), 3)) : ne("", !0)
         ])
-      ])) : g.value ? (w(), k("div", un, [
+      ])) : v.value ? (k(), w("div", un, [
         x("a", {
-          onClick: C[2] || (C[2] = we((...F) => t.goToAnchor && t.goToAnchor(...F), ["stop", "prevent"]))
+          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)
     ]));
   }
-}, 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 = {
+}, 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 = {
   __name: "DocumentMode",
   props: {
     options: {
@@ -368,29 +368,29 @@ const _ = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: s }) {
-    const o = s, n = (e) => {
+  setup(t, { emit: l }) {
+    const o = l, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (w(), k("div", fn, [
-      (w(!0), k(U, null, Q(t.options, (d) => (w(), k("div", {
-        class: oe(["option-item", { disabled: d.disabled }]),
-        onClick: (l) => n(d)
+    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)
       }, [
-        x("div", gn, [
+        x("div", vn, [
           x("div", {
             class: "icon-column__icon",
-            innerHTML: d.icon
-          }, null, 8, vn)
+            innerHTML: u.icon
+          }, null, 8, gn)
         ]),
         x("div", yn, [
-          x("div", bn, ie(d.label), 1),
-          x("div", wn, ie(d.description), 1)
+          x("div", bn, ie(u.label), 1),
+          x("div", kn, ie(u.description), 1)
         ])
       ], 10, hn))), 256))
     ]));
   }
-}, Cn = /* @__PURE__ */ K(kn, [["__scopeId", "data-v-f86e1477"]]), _n = {
+}, Cn = /* @__PURE__ */ K(wn, [["__scopeId", "data-v-f86e1477"]]), _n = {
   key: 0,
   class: "linked-style-buttons"
 }, xn = ["onClick"], En = {
@@ -402,19 +402,19 @@ const _ = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: s }) {
-    const o = s, n = t, e = (i) => {
+  setup(t, { emit: l }) {
+    const o = l, n = t, e = (i) => {
       o("select", i);
     };
-    return (i, d) => n.editor ? (w(), k("div", _n, [
-      (w(!0), k(U, null, Q($(Ke)(t.editor), (l) => (w(), k("div", {
+    return (i, u) => n.editor ? (k(), w("div", _n, [
+      (k(!0), w(U, null, Q($(Ke)(t.editor), (a) => (k(), w("div", {
         class: "style-item",
-        onClick: (a) => e(l)
+        onClick: (s) => e(a)
       }, [
         x("div", {
           class: "style-name",
-          style: J($(pt)(l, null, !1))
-        }, ie(l.definition.attrs.name), 5)
+          style: J($(pt)(a, null, !1))
+        }, ie(a.definition.attrs.name), 5)
       ], 8, xn))), 256))
     ])) : ne("", !0);
   }
@@ -431,31 +431,31 @@ const _ = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: s }) {
-    const o = s, n = t, e = j(() => (l) => n.activeColor.value ? n.activeColor.value.toUpperCase() === l.value : !1), i = (l, a) => a === 5 || ["#FFFFFF", "#FAFF09"].includes(l) ? { color: "#000" } : { color: "#FFF" }, d = (l) => {
-      o("select", l.value);
+  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) => {
+      o("select", a.value);
     };
-    return ke(() => {
-      if (!n.icons.every((a) => Array.isArray(a))) throw new Error("icon props must be 2d array");
-    }), (l, a) => (w(!0), k(U, null, Q(t.icons, (c, u) => (w(), k("div", {
+    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", {
       class: "option-row",
-      key: u
+      key: d
     }, [
-      (w(!0), k(U, null, Q(c, (r, b) => (w(), k("div", {
+      (k(!0), w(U, null, Q(r, (c, b) => (k(), w("div", {
         class: "option",
         key: b,
-        onClick: we((y) => d(r), ["stop", "prevent"])
+        onClick: ke((y) => u(c), ["stop", "prevent"])
       }, [
         x("div", {
           class: "option__icon",
-          innerHTML: r.icon,
-          style: J(r.style)
+          innerHTML: c.icon,
+          style: J(c.style)
         }, null, 12, Tn),
-        e.value(r) ? (w(), k("div", {
+        e.value(c) ? (k(), w("div", {
           key: 0,
           class: "option__check",
           innerHTML: $(G).colorOptionCheck,
-          style: J(i(r.value, b))
+          style: J(i(c.value, b))
         }, null, 12, Fn)) : ne("", !0)
       ], 8, An))), 128))
     ]))), 128));
@@ -477,17 +477,17 @@ const _ = (t) => {
     }
   },
   emits: ["select", "clickoutside"],
-  setup(t, { emit: s }) {
-    const o = s, n = (e) => {
+  setup(t, { emit: l }) {
+    const o = l, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (w(), k("div", Ln, [
+    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 ? (w(), k(U, { key: 0 }, [
+      t.customIcons.flat().length ? (k(), w(U, { key: 0 }, [
         i[0] || (i[0] = x("span", { class: "option-grid-ctn__subtitle" }, "Custom colors", -1)),
         V(Ge, {
           icons: t.customIcons,
@@ -499,8 +499,8 @@ const _ = (t) => {
   }
 }, Dn = /* @__PURE__ */ K(Mn, [["__scopeId", "data-v-fa2949d8"]]), $n = (t) => {
   t.expand.value = !1;
-}, f = (t, s = null) => ({
-  label: s,
+}, f = (t, l = null) => ({
+  label: l,
   icon: G.colorOption,
   value: t,
   style: {
@@ -508,15 +508,15 @@ const _ = (t) => {
     boxShadow: "0 0 5px 1px rgba(0, 0, 0, 0.1)",
     borderRadius: "50%"
   }
-}), Ne = (t, s, o = []) => {
+}), Ne = (t, l, o = []) => {
   const n = (e) => {
-    s.iconColor.value = e, t.emitCommand({ item: s, argument: e }), $n(s);
+    l.iconColor.value = e, t.emitCommand({ item: l, argument: e }), $n(l);
   };
   return N("div", {}, [
     N(Dn, {
       icons: Qe,
       customIcons: o,
-      activeColor: s.iconColor,
+      activeColor: l.iconColor,
       onSelect: n
     })
   ]);
@@ -596,34 +596,34 @@ const _ = (t) => {
 ], 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 = {
   __name: "TableGrid",
   emits: ["select", "clickoutside"],
-  setup(t, { emit: s }) {
-    const o = s, n = v(0), e = v(0), i = (l) => {
-      let a = l.target;
-      if (!!a.dataset.grid)
+  setup(t, { emit: l }) {
+    const o = l, n = g(0), e = g(0), i = (a) => {
+      let s = a.target;
+      if (!!s.dataset.grid)
         return;
-      let r = [...a.parentElement.querySelectorAll("[data-item]")], b = parseInt(a.dataset.cols, 10), y = parseInt(a.dataset.rows, 10);
+      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 < r.length; h++) {
-        let E = r[h], g = parseInt(E.dataset.cols, 10), D = parseInt(E.dataset.rows, 10);
-        g <= b && D <= y ? E.classList.add("selected") : E.classList.remove("selected");
+      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");
       }
-    }, d = ({ cols: l, rows: a }) => {
-      o("select", { cols: l, rows: a });
+    }, u = ({ cols: a, rows: s }) => {
+      o("select", { cols: a, rows: s });
     };
-    return (l, a) => (w(), k("div", Bn, [
+    return (a, s) => (k(), w("div", Bn, [
       x("div", {
         class: "toolbar-table-grid",
         onMouseover: i,
         "data-grid": "true"
       }, [
-        (w(), k(U, null, Q(5, (c) => (w(), k(U, { key: c }, [
-          (w(), k(U, null, Q(5, (u) => x("div", {
+        (k(), w(U, null, Q(5, (r) => (k(), w(U, { key: r }, [
+          (k(), w(U, null, Q(5, (d) => x("div", {
             class: "toolbar-table-grid__item",
-            key: `${c}_${u}`,
-            "data-cols": u,
-            "data-rows": c,
+            key: `${r}_${d}`,
+            "data-cols": d,
+            "data-rows": r,
             "data-item": "true",
-            onClick: we((r) => d({ cols: u, rows: c }), ["stop", "prevent"])
+            onClick: ke((c) => u({ cols: d, rows: r }), ["stop", "prevent"])
           }, null, 8, Rn)), 64))
         ], 64))), 64))
       ], 32),
@@ -638,36 +638,36 @@ const _ = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: s }) {
-    const o = s, n = (e) => {
+  setup(t, { emit: l }) {
+    const o = l, n = (e) => {
       o("select", { command: e.command });
     };
-    return (e, i) => (w(), k("div", Wn, [
-      (w(!0), k(U, null, Q(t.options, (d) => (w(), k("div", {
-        class: oe(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": d.bottomBorder }]),
-        onClick: (l) => n(d)
+    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)
       }, [
         x("div", Vn, [
           x("div", {
             class: "toolbar-table-actions__icon-wrapper",
-            innerHTML: d.icon
+            innerHTML: u.icon
           }, null, 8, jn)
         ]),
-        x("div", Un, ie(d.label), 1)
+        x("div", Un, ie(u.label), 1)
       ], 10, Pn))), 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) => {
   t.expand.value = !1;
-}, Xn = (t, s = !1, o, n, e) => {
+}, Xn = (t, l = !1, o, n, e) => {
   const i = _({
     type: "button",
     name: "bold",
     command: "toggleBold",
     icon: e.bold,
     tooltip: "Bold"
-  }), d = _({
+  }), u = _({
     type: "dropdown",
     name: "fontFamily",
     tooltip: "Font",
@@ -715,10 +715,10 @@ const _ = (t) => {
       }
     ],
     onActivate: ({ fontFamily: m }) => {
-      m && (d.label.value = m);
+      m && (u.label.value = m);
     },
-    onDeactivate: () => d.label.value = d.defaultLabel.value
-  }), l = _({
+    onDeactivate: () => u.label.value = u.defaultLabel.value
+  }), a = _({
     type: "dropdown",
     dropdownStyles: {
       padding: 0,
@@ -747,7 +747,7 @@ const _ = (t) => {
             [
               N(Wt, {
                 handleClose: () => {
-                  le(l);
+                  le(a);
                 },
                 selectedText: m,
                 editor: t.activeEditor,
@@ -759,7 +759,7 @@ const _ = (t) => {
         }
       }
     ]
-  }), a = _({
+  }), s = _({
     type: "dropdown",
     name: "fontSize",
     defaultLabel: "12",
@@ -791,22 +791,22 @@ const _ = (t) => {
       { label: "96", key: "96pt" }
     ],
     onActivate: ({ fontSize: m }) => {
-      if (!m) return a.label.value = a.defaultLabel.value;
+      if (!m) return s.label.value = s.defaultLabel.value;
       let S = Nt(m, 12);
-      S < 8 && (S = 8), S > 96 && (S = 96), a.label.value = String(S);
+      S < 8 && (S = 8), S > 96 && (S = 96), s.label.value = String(S);
     },
-    onDeactivate: () => a.label.value = a.defaultLabel.value
-  }), c = _({
+    onDeactivate: () => s.label.value = s.defaultLabel.value
+  }), r = _({
     type: "separator",
     name: "separator",
     isNarrow: !0
-  }), u = _({
+  }), d = _({
     type: "button",
     name: "italic",
     command: "toggleItalic",
     icon: e.italic,
     tooltip: "Italic"
-  }), r = _({
+  }), c = _({
     type: "button",
     name: "underline",
     command: "toggleUnderline",
@@ -891,12 +891,12 @@ const _ = (t) => {
       })
     ]);
   }
-  const g = _({
+  const v = _({
     type: "options",
     name: "linkInput",
     command: "toggleLink"
   });
-  h.childItem = g, g.parentItem = h;
+  h.childItem = v, v.parentItem = h;
   const D = _({
     type: "button",
     name: "image",
@@ -1051,13 +1051,13 @@ const _ = (t) => {
       justify: e.alignJustify
     }, se = P[A] ?? P.left;
     m.icon.value = se;
-  }, ge = _({
+  }, ve = _({
     type: "button",
     name: "list",
     command: "toggleBulletList",
     icon: e.bulletList,
     tooltip: "Bullet list"
-  }), ve = _({
+  }), ge = _({
     type: "button",
     name: "numberedlist",
     command: "toggleOrderedList",
@@ -1178,8 +1178,8 @@ const _ = (t) => {
   });
   [
     i,
-    u,
-    r,
+    d,
+    c,
     de,
     ce,
     // search,
@@ -1348,35 +1348,35 @@ const _ = (t) => {
     // toggleTrackChangesOriginal,
     // toggleTrackChangesFinal,
     M,
-    d,
-    c,
-    a,
-    c,
-    i,
     u,
     r,
+    s,
+    r,
+    i,
+    d,
+    c,
     y,
     b,
-    c,
+    r,
     h,
     D,
     L,
     C,
-    c,
+    r,
     B,
-    ge,
     ve,
+    ge,
     ce,
     de,
     re,
-    c,
+    r,
     be,
-    c,
+    r,
     me,
     Fe,
     Te,
     ye,
-    l,
+    a,
     T,
     ee
     // search,
@@ -1388,7 +1388,7 @@ const _ = (t) => {
     O = O.filter((A) => !S.includes(A.name.value));
   }
   const Pe = [X, ue, Ce];
-  s || (n === "viewer" && Pe.push(Z, ae), O = O.filter((m) => !Pe.includes(m)));
+  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;
   return O.forEach((m) => {
@@ -1416,86 +1416,86 @@ const _ = (t) => {
 }, Zn = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"], Yn = () => {
   let t = document.createElement("input");
   t.type = "file";
-  let s = Zn;
-  return t.accept = s.join(","), () => new Promise((n, e) => {
+  let l = Zn;
+  return t.accept = l.join(","), () => new Promise((n, e) => {
     t.onchange = async () => {
       const i = t.files;
       if (!i) return n(null);
-      const d = i.item(0);
-      return n(d ? { file: d } : null);
+      const u = i.item(0);
+      return n(u ? { file: u } : null);
     }, t.oncancel = () => n(null), t.onerror = e, t.click();
   });
-}, Jn = (t) => new Promise((s, o) => {
+}, Jn = (t) => new Promise((l, o) => {
   let n = new FileReader();
-  n.onload = (e) => s(e.target.result), n.onerror = o, setTimeout(() => n.readAsDataURL(t), 250);
-}), Qn = (t, s) => new Promise((o, n) => {
+  n.onload = (e) => l(e.target.result), n.onerror = o, setTimeout(() => n.readAsDataURL(t), 250);
+}), Qn = (t, l) => new Promise((o, n) => {
   const e = new window.Image();
   e.onload = () => {
-    const i = document.createElement("canvas"), { width: d, height: l } = eo(
+    const i = document.createElement("canvas"), { width: u, height: a } = eo(
       e.width,
       e.height,
-      s
+      l
     );
-    if (i.width = d, i.height = l, i.getContext("2d").drawImage(e, 0, 0, d, l), typeof t == "string") {
-      const c = i.toDataURL();
-      o(c);
+    if (i.width = u, i.height = a, i.getContext("2d").drawImage(e, 0, 0, u, a), typeof t == "string") {
+      const r = i.toDataURL();
+      o(r);
     } else
-      i.toBlob((c) => {
-        const u = new File([c], t.name, {
+      i.toBlob((r) => {
+        const d = new File([r], t.name, {
           type: t.type,
           lastModified: Date.now()
         });
-        o({ file: u, width: d, height: l });
+        o({ file: d, width: u, height: a });
       });
   }, e.onerror = (i) => n(i), e.src = typeof t == "string" ? t : URL.createObjectURL(t);
-}), eo = (t, s, o) => {
+}), eo = (t, l, o) => {
   const { width: n, height: e } = o.getMaxContentSize();
-  if (!n || !e) return { width: t, height: s };
-  let i = t, d = s;
-  const l = t / s;
-  return s > e && (d = e, i = Math.round(e * l)), i > n && (i = n, d = Math.round(n / l)), { width: i, height: d };
-}, to = async ({ editor: t, view: s, file: o }) => {
+  if (!n || !e) return { width: t, height: l };
+  let i = t, u = 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;
   if ((o.size / (1024 * 1024)).toFixed(4) > 5) {
     window.alert("Image size must be less than 5MB");
     return;
   }
-  let i, d;
+  let i, u;
   try {
-    const r = await Qn(o, t);
-    i = r.width, d = r.height, o = r.file;
-  } catch (r) {
-    console.warn("Error processing image:", r);
+    const c = await Qn(o, t);
+    i = c.width, u = c.height, o = c.file;
+  } catch (c) {
+    console.warn("Error processing image:", c);
     return;
   }
-  let l = {}, { tr: a, schema: c } = s.state;
-  a.selection.empty || a.deleteSelection();
-  let u = {
+  let a = {}, { tr: s, schema: r } = l.state;
+  s.selection.empty || s.deleteSelection();
+  let d = {
     type: "add",
-    pos: a.selection.from,
-    id: l
+    pos: s.selection.from,
+    id: a
   };
-  a.setMeta(Re, u), s.dispatch(a), n(o).then(
-    (r) => {
-      let b = o.name.replace(" ", "_"), y = ft(s.state, l);
+  s.setMeta(Re, d), l.dispatch(s), n(o).then(
+    (c) => {
+      let b = o.name.replace(" ", "_"), y = ft(l.state, a);
       if (y == null)
         return;
-      let h = { type: "remove", id: l }, E = `word/media/${b}`, g = c.nodes.image.create({
+      let h = { type: "remove", id: a }, E = `word/media/${b}`, v = r.nodes.image.create({
         src: E,
-        size: { width: i, height: d }
+        size: { width: i, height: u }
       });
-      t.storage.image.media = Object.assign(t.storage.image.media, { [E]: r }), t.options.ydoc && t.commands.addImageToCollaboration({ mediaPath: E, fileData: r }), s.dispatch(
-        s.state.tr.replaceWith(y, y, g).setMeta(Re, h)
+      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)
       );
     },
     () => {
-      let r = { type: "remove", id: l };
-      s.dispatch(a.setMeta(Re, r));
+      let c = { type: "remove", id: a };
+      l.dispatch(s.setMeta(Re, c));
     }
   );
 };
 var I, et, he, ze, tt, nt, We, ot, fe;
-class ko extends Vt {
+class wo extends Vt {
   constructor(o) {
     super();
     Be(this, I);
@@ -1517,8 +1517,8 @@ class ko extends Vt {
         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", d = window.matchMedia("(max-width: 834px)").matches;
-        i && d ? (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", 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);
       },
       setDocumentMode: ({ item: o, argument: n }) => {
         n && this.emit("superdoc-command", { item: o, argument: n });
@@ -1552,13 +1552,13 @@ class ko extends Vt {
       },
       increaseTextIndent: ({ item: o, argument: n }) => {
         let e = o.command, { state: i } = this.activeEditor;
-        if (Ue((l) => l.type.name === "listItem")(i.selection))
+        if (Ue((a) => a.type.name === "listItem")(i.selection))
           return this.activeEditor.commands.increaseListIndent();
         e in this.activeEditor.commands && this.activeEditor.commands[e](n);
       },
       decreaseTextIndent: ({ item: o, argument: n }) => {
         let e = o.command, { state: i } = this.activeEditor;
-        if (Ue((l) => l.type.name === "listItem")(i.selection))
+        if (Ue((a) => a.type.name === "listItem")(i.selection))
           return this.activeEditor.commands.decreaseListIndent();
         e in this.activeEditor.commands && this.activeEditor.commands[e](n);
       },
@@ -1578,8 +1578,8 @@ class ko extends Vt {
         let e = o.command;
         if (e in this.activeEditor.commands) {
           this.activeEditor.commands[e](n);
-          const { view: i } = this.activeEditor, d = i.state.selection.$to.pos, l = new Xe(i.state.doc.resolve(d)), a = i.state.tr.setSelection(l), c = i.state.apply(a);
-          i.updateState(c), setTimeout(() => {
+          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);
+          i.updateState(r), setTimeout(() => {
             i.focus();
           }, 100);
         }
@@ -1634,14 +1634,29 @@ class ko extends Vt {
       W(this, I, We).call(this);
       return;
     }
-    const o = ht(this.activeEditor), n = gt(this.activeEditor.state);
+    const o = ht(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((l) => l.name === e.name.value);
+      const i = o.find((s) => s.name === e.name.value);
       i ? e.activate(i.attrs) : e.deactivate();
-      const d = o.find((l) => l.name === "spacing");
-      e.name.value === "lineHeight" && (i?.attrs?.lineHeight || d) && (e.selectedValue.value = i?.attrs?.lineHeight || d.attrs?.spacing?.line || ""), e.name.value === "tableActions" && (n ? e.disabled.value = !1 : e.disabled.value = !0);
+      const u = o.find((s) => s.name === "styleId");
+      if (u?.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);
+        if (s[e.name.value] in r?.definition.styles) {
+          const d = {
+            [e.name.value]: r?.definition.styles[s[e.name.value]]
+          };
+          e.activate(d);
+        }
+      }
+      const a = o.find((s) => s.name === "spacing");
+      e.name.value === "lineHeight" && (i?.attrs?.lineHeight || a) && (e.selectedValue.value = i?.attrs?.lineHeight || a.attrs?.spacing?.line || ""), e.name.value === "tableActions" && (e.disabled.value = !n);
     });
   }
   /**
@@ -1671,73 +1686,73 @@ class ko extends Vt {
 I = new WeakSet(), et = 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: d, overflowItems: l } = Xn(o, e, i, this.role, n);
-  let a = [
-    ...d.map((u) => u.name.value),
-    ...l.map((u) => u.name.value)
+  const i = document.documentElement.clientWidth, { defaultItems: u, overflowItems: a } = Xn(o, e, i, this.role, n);
+  let s = [
+    ...u.map((d) => d.name.value),
+    ...a.map((d) => d.name.value)
   ];
-  this.config.groups && (a = Object.values(this.config.groups).flatMap((u) => u));
-  const c = d.filter((u) => a.includes(u.name.value)).filter((u) => !this.config.excludeItems.includes(u.name.value));
-  this.toolbarItems = c, this.overflowItems = l.filter((u) => a.includes(u.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));
+  this.toolbarItems = r, this.overflowItems = a.filter((d) => s.includes(d.name.value));
 }, tt = function() {
   if (!this.activeEditor || !this.activeEditor.converter) return;
-  const { typeface: o = "Arial", fontSizePt: n = 12 } = this.activeEditor.converter.getDocumentDefaultStyles() ?? {}, e = this.toolbarItems.find((d) => d.name.value === "fontSize");
+  const { typeface: o = "Arial", fontSizePt: n = 12 } = this.activeEditor.converter.getDocumentDefaultStyles() ?? {}, e = this.toolbarItems.find((u) => u.name.value === "fontSize");
   e && (e.defaultLabel.value = n);
-  const i = this.toolbarItems.find((d) => d.name.value === "fontFamily");
+  const i = this.toolbarItems.find((u) => u.name.value === "fontFamily");
   i && (i.defaultLabel.value = o);
 }, nt = function() {
   if (!this.activeEditor || !this.activeEditor.converter || !this.activeEditor.converter.docHiglightColors.size) return;
-  const o = this.toolbarItems.find((l) => l.name.value === "highlight"), n = Hn(), e = 7, i = Array.from(this.activeEditor.converter.docHiglightColors).reduce((l, a, c) => {
-    const u = Math.floor(c / e);
-    return l[u] || (l[u] = []), n.includes(a) || l[u].push(f(a)), l;
-  }, []), d = {
+  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 d = Math.floor(r / e);
+    return a[d] || (a[d] = []), n.includes(s) || a[d].push(f(s)), a;
+  }, []), u = {
     key: "color",
     type: "render",
     render: () => Ne(this, o, i)
   };
-  o.nestedOptions.value = [d];
+  o.nestedOptions.value = [u];
 }, We = function() {
   this.activeEditor = null, this.toolbarItems.forEach((o) => {
     const { allowWithoutEditor: n } = o;
     n.value || o.setDisabled(!0);
   });
 }, ot = function() {
-  this.activeEditor && (this.undoDepth = vt(this.activeEditor.state), this.redoDepth = yt(this.activeEditor.state));
+  this.activeEditor && (this.undoDepth = gt(this.activeEditor.state), this.redoDepth = yt(this.activeEditor.state));
 }, fe = function({ item: o, argument: n }, e) {
   if (!n || !this.activeEditor) return;
   let i = o.command;
   i in this.activeEditor?.commands && (this.activeEditor.commands[i](n), typeof e == "function" && e(n), this.updateToolbarState());
 };
-function no(t, s) {
-  if (!t.value || !s?.value?.options?.scale) return;
-  const o = s.value.options.scale, n = t.value.getBoundingClientRect(), e = t.value.querySelectorAll(".pagination-break-wrapper");
+function no(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((d) => {
-    const a = (d.getBoundingClientRect().left - n.left) / o * -1 + 1;
-    if (i || (i = a), a !== i) {
-      const c = a - i;
-      d.style.transform = `translateX(${c}px)`;
+  e.forEach((u) => {
+    const s = (u.getBoundingClientRect().left - n.left) / o * -1 + 1;
+    if (i || (i = s), s !== i) {
+      const r = s - i;
+      u.style.transform = `translateX(${r}px)`;
     }
   });
 }
-const oo = (t, s) => {
-  const o = t.clientY, n = t.clientX, { view: e } = s, i = e.dom.getBoundingClientRect();
-  let d = {
+const oo = (t, l) => {
+  const o = t.clientY, n = t.clientX, { view: e } = l, i = e.dom.getBoundingClientRect();
+  let u = {
     left: 0,
     top: o
-  }, l = !1;
-  n > i.right ? (d.left = i.left + i.width - 1, l = !0) : n < i.left && (d.left = i.left);
-  const a = e.posAtCoords(d)?.pos;
-  if (a) {
-    let c = a;
-    if (l) {
-      const b = e.state.doc.resolve(a).textOffset, y = e.state.doc.nodeAt(a), E = y?.text?.charAt(b);
-      c = y?.isText && E !== " " ? a - 1 : a;
+  }, 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;
+  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 u = e.state.tr.setSelection(
-      Xe.create(e.state.doc, c)
+    const d = e.state.tr.setSelection(
+      Xe.create(e.state.doc, r)
     );
-    e.dispatch(u), e.focus();
+    e.dispatch(d), e.focus();
   }
 }, io = { class: "numbering" }, Ae = 200, so = "flex-end", lo = {
   __name: "Ruler",
@@ -1756,13 +1771,13 @@ const oo = (t, s) => {
     }
   },
   emits: ["margin-change"],
-  setup(t, { emit: s }) {
-    const o = s, n = t, e = v(null), i = v([]), d = v("#CCCCCC"), l = v("#2563EB66"), a = v(null), c = v(null), u = v(!1), r = v(null), b = qe({ side: "left", x: 0 }), y = qe({ side: "right", x: 0 }), h = v(!1), E = v(0);
-    let g = 0;
+  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 = () => {
       if (n.editor.options.mode !== "docx") return;
       const T = [], { pageMargins: M, pageSize: H } = n.editor.getPageStyles();
-      a.value = H, c.value = M, y.x = H.width * 96 - M.right * 96, b.x = M.left * 96;
+      s.value = H, r.value = M, y.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;
@@ -1790,39 +1805,39 @@ const oo = (t, s) => {
       if (!e.value) return;
       const H = e.value.parentElement.querySelector(".super-editor").getBoundingClientRect();
       return {
-        left: `${r.value.x}px`,
+        left: `${c.value.x}px`,
         minHeight: `${H.height}px`
       };
     }), z = (T) => {
-      u.value = !0, ge();
+      d.value = !0, ve();
       const M = T.currentTarget.id;
-      r.value = M === "left-margin-handle" ? b : y, E.value = r.value.x, g = T.clientX - r.value.x, h.value = !0;
+      c.value = M === "left-margin-handle" ? b : y, E.value = c.value.x, v = T.clientX - c.value.x, h.value = !0;
     }, B = (T) => {
-      if (!u.value) return;
-      const M = T.clientX - g;
-      r.value.x = M, r.value.side === "left" ? M <= 0 ? r.value.x = 0 : M >= y.x - Ae && (r.value.x = y.x - Ae) : M >= a.value.width * 96 ? r.value.x = a.value.width * 96 : M <= b.x + Ae && (r.value.x = b.x + Ae);
+      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);
     }, q = () => {
-      if (u.value = !1, h.value = !1, ve(), r.value && r.value.x !== E.value) {
+      if (d.value = !1, h.value = !1, ge(), c.value && c.value.x !== E.value) {
         const T = ce();
         o("margin-change", {
-          side: r.value.side,
+          side: c.value.side,
           value: T
         });
       }
-    }, ge = () => {
-      d.value = l.value;
     }, ve = () => {
-      d.value = "#CCC";
-    }, ce = () => r.value.side === "left" ? r.value.x / 96 : (a.value.width * 96 - r.value.x) / 96, de = j(() => ({
+      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": d.value,
-      "--ruler-handle-active-color": l.value
+      "--ruler-handle-color": u.value,
+      "--ruler-handle-active-color": a.value
     }));
-    return ke(() => {
+    return we(() => {
       i.value = D(), window.addEventListener("mousemove", B), window.addEventListener("mouseup", q);
     }), Rt(() => {
       window.removeEventListener("mousemove", B), window.removeEventListener("mouseup", q);
-    }), (T, M) => (w(), k("div", {
+    }), (T, M) => (k(), w("div", {
       class: "ruler",
       ref_key: "ruler",
       ref: e,
@@ -1840,21 +1855,21 @@ const oo = (t, s) => {
         onMousedown: z,
         style: J(C.value("right"))
       }, null, 36),
-      h.value ? (w(), k("div", {
+      h.value ? (k(), w("div", {
         key: 0,
         class: "vertical-indicator",
         style: J(F.value)
       }, null, 4)) : ne("", !0),
-      (w(!0), k(U, null, Q(i.value, (H) => (w(), k("div", {
+      (k(!0), w(U, null, Q(i.value, (H) => (k(), w("div", {
         class: oe(H.className),
         style: J(p.value(H))
       }, [
         x("div", io, ie(H.numbering), 1),
-        (w(!0), k(U, null, Q(H.elements, (R) => (w(), k("div", {
+        (k(!0), w(U, null, Q(H.elements, (R) => (k(), w("div", {
           class: oe(R.className),
           style: J(p.value(R))
         }, [
-          (w(!0), k(U, null, Q(R.elements, (X) => (w(), k("div", {
+          (k(!0), w(U, null, Q(R.elements, (X) => (k(), w("div", {
             class: oe(X.className),
             style: J(p.value(X))
           }, null, 6))), 256))
@@ -1894,18 +1909,18 @@ const oo = (t, s) => {
     "comments-loaded",
     "selection-update"
   ],
-  setup(t, { emit: s }) {
-    const o = s, n = t, e = v(!1), i = Ze(null), d = v(null), l = v(null);
-    let a;
-    const c = () => {
-      clearTimeout(a);
-    }, u = (p, C = 10, F = 500) => {
+  setup(t, { emit: l }) {
+    const o = l, n = t, e = g(!1), i = Ze(null), u = g(null), a = g(null);
+    let s;
+    const r = () => {
+      clearTimeout(s);
+    }, d = (p, C = 10, F = 500) => {
       const z = p.getMap("meta"), B = () => {
         const q = z.get("docx");
-        q ? (c(), h({ content: q })) : C > 0 ? (console.debug(`Waiting for 'docx' data... retries left: ${C}`), a = setTimeout(B, F), C--) : console.warn("Failed to load docx data from meta map.");
+        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();
-    }, r = async () => {
+    }, c = async () => {
       try {
         const [p, C, F, z] = await Oe.loadXmlData(n.fileSource);
         return { content: p, media: C, mediaFiles: F, fonts: z };
@@ -1914,12 +1929,12 @@ const oo = (t, s) => {
       }
     }, b = async () => {
       if (n.fileSource) {
-        const p = await r();
+        const p = await c();
         return h(p);
       } else if (n.options.ydoc && n.options.collaborationProvider) {
         delete n.options.content;
         const p = n.options.ydoc, C = n.options.collaborationProvider, F = () => {
-          u(p), C.off("synced", F);
+          d(p), C.off("synced", F);
         };
         C.on("synced", F);
       }
@@ -1929,7 +1944,7 @@ const oo = (t, s) => {
     }, h = async ({ content: p, media: C = {}, mediaFiles: F = {}, fonts: z = {} } = {}) => {
       i.value = new Oe({
         mode: "docx",
-        element: l.value,
+        element: a.value,
         fileSource: n.fileSource,
         extensions: y(),
         externalExtensions: n.options.externalExtensions,
@@ -1940,7 +1955,7 @@ const oo = (t, s) => {
         fonts: z,
         ...n.options
       }), i.value.on("paginationUpdate", () => {
-        no(l, i);
+        no(a, i);
       }), i.value.on("collaborationReady", () => {
         setTimeout(() => {
           e.value = !0;
@@ -1948,14 +1963,14 @@ const oo = (t, s) => {
       });
     }, E = (p) => {
       o("editor-keydown", { editor: i.value });
-    }, g = (p) => {
+    }, v = (p) => {
       o("editor-click", { editor: i.value });
-      let C = l.value?.querySelector(".ProseMirror");
+      let C = a.value?.querySelector(".ProseMirror");
       if (!C || !i.value)
         return;
       !C.contains(p.target) && i.value.isEditable && i.value.view?.focus();
     };
-    ke(() => {
+    we(() => {
       b(), (n.options?.suppressSkeletonLoader || !n.options?.collaborationProvider) && (e.value = !0);
     });
     const D = (p) => {
@@ -1966,9 +1981,9 @@ const oo = (t, s) => {
       i.value?.updatePageStyle({ pageMargins: B });
     };
     return Ye(() => {
-      c(), i.value?.destroy(), i.value = null;
-    }), (p, C) => (w(), k("div", ro, [
-      t.options.rulers && i.value ? (w(), Ot(ao, {
+      r(), i.value?.destroy(), i.value = null;
+    }), (p, C) => (k(), w("div", ro, [
+      t.options.rulers && i.value ? (k(), Ot(ao, {
         key: 0,
         class: "ruler",
         editor: i.value,
@@ -1977,18 +1992,18 @@ const oo = (t, s) => {
       x("div", {
         class: "super-editor",
         ref_key: "editorWrapper",
-        ref: d,
+        ref: u,
         onKeydown: E,
-        onClick: g,
+        onClick: v,
         onMousedown: D
       }, [
         x("div", {
           ref_key: "editorElem",
-          ref: l,
+          ref: a,
           class: "editor-element super-editor__element"
         }, null, 512)
       ], 544),
-      e.value ? ne("", !0) : (w(), k("div", co, [
+      e.value ? ne("", !0) : (k(), w("div", co, [
         x("div", uo, [
           V($(Y), {
             text: "",
@@ -2038,11 +2053,11 @@ const oo = (t, s) => {
 }, Co = /* @__PURE__ */ K(mo, [["__scopeId", "data-v-ff8f86f4"]]), _o = {
   __name: "BasicUpload",
   emits: ["file-change"],
-  setup(t, { emit: s }) {
-    const o = s, n = (e) => {
+  setup(t, { emit: l }) {
+    const o = l, n = (e) => {
       o("file-change", e.target.files[0]);
     };
-    return (e, i) => (w(), k("div", null, [
+    return (e, i) => (k(), w("div", null, [
       x("input", {
         type: "file",
         id: "fileInput",
@@ -2074,35 +2089,35 @@ const oo = (t, s) => {
     }
   },
   emits: ["update:modelValue", "focus", "blur"],
-  setup(t, { emit: s }) {
-    const o = s, n = t, e = Ze(), i = v(null), d = v(!1), l = ({ editor: y, transaction: h }) => {
+  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();
       o("update:modelValue", E);
-    }, a = ({ editor: y, transaction: h }) => {
-      d.value = !0, b(), o("focus", { editor: y, transaction: h });
-    }, c = ({ editor: y, transaction: h }) => {
-      d.value = !1, o("blur", { editor: y, transaction: h });
-    }, u = async () => {
-      wt.options.placeholder = n.placeholder || "Type something...", n.options.onTransaction = l, n.options.onFocus = a, n.options.onBlur = c, e.value = new Oe({
+    }, 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 });
+    }, 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: kt(),
+        extensions: wt(),
         users: n.users,
         ...n.options
       });
-    }, r = () => {
-      d.value = !0, e.value?.view?.focus();
+    }, c = () => {
+      u.value = !0, e.value?.view?.focus();
     }, b = () => {
       e.value?.setOptions({ users: n.users });
     };
-    return ke(() => {
-      u();
+    return we(() => {
+      d();
     }), Ye(() => {
       e.value?.destroy(), e.value = null;
-    }), (y, h) => (w(), k("div", {
-      class: oe(["super-editor super-input", { "super-input-active": d.value }]),
-      onClick: we(r, ["stop", "prevent"])
+    }), (y, h) => (k(), w("div", {
+      class: oe(["super-editor super-input", { "super-input-active": u.value }]),
+      onClick: ke(c, ["stop", "prevent"])
     }, [
       x("div", {
         id: "currentContent",
@@ -2133,7 +2148,7 @@ export {
   Ho as SuperConverter,
   Co as SuperEditor,
   xo as SuperInput,
-  ko as SuperToolbar,
+  wo as SuperToolbar,
   zt as Toolbar,
   Fo as TrackChangesBasePluginKey,
   No as createZip,
@@ -2141,7 +2156,7 @@ export {
   ht as getActiveFormatting,
   eo as getAllowedImageDimensions,
   Lo as getMarksFromSelection,
-  kt as getRichTextExtensions,
+  wt as getRichTextExtensions,
   bt as getStarterExtensions,
   Mo as helpers,
   Do as trackChangesHelpers