@harbour-enterprises/superdoc 0.10.34 → 0.10.35

package/dist/superdoc.umd.js

@@ -16673,9 +16673,9 @@ Actual: ` + p3.attribValue
   }
   function Tp$1(r22, e, t = null, n = r22) {
     let i3 = cf$2(r22, e), s = i3 && ff$1(n, e);
-    return s ? i3.map(wo$2).concat({ type: e, attrs: t }).concat(s.map(wo$2)) : null;
+    return s ? i3.map(wo$3).concat({ type: e, attrs: t }).concat(s.map(wo$3)) : null;
   }
-  function wo$2(r22) {
+  function wo$3(r22) {
     return { type: r22, attrs: null };
   }
   function cf$2(r22, e) {
@@ -18403,9 +18403,9 @@ Actual: ` + p3.attribValue
   const Hf$2 = (r22) => {
     const e = Number(r22).toString(16);
     return e.length === 1 ? "0" + e : e;
-  }, Vf$1 = (r22) => "#" + r22.match(/\d+/g).map(Hf$2).join(""), zp$1 = (r22, e) => {
-    let [t, n] = Lf$1(r22);
-    return Number.isNaN(t) ? {} : (n = n || e, t += n ? 4 : 0.2, `line-height: ${t}${n}`);
+  }, Vf$1 = (r22) => "#" + r22.match(/\d+/g).map(Hf$2).join(""), zp$1 = (r22, e, t = "", n = false) => {
+    let [i3, s] = Lf$1(r22);
+    return Number.isNaN(i3) || i3 === 0 ? {} : t === "atLeast" && i3 < 1 ? {} : (s = s || e, i3 += s ? 4 : 0.2, n ? { "line-height": `${i3}${s}` } : `line-height: ${i3}${s}`);
   }, zf$1 = (r22, e) => {
     const t = new Uint8Array(r22), n = e.replace(/[-{}]/g, "");
     if (n.length !== 32) {
@@ -21984,7 +21984,7 @@ Actual: ` + p3.attribValue
       })
     };
   }
-  function ko$3(r22, e) {
+  function ko$2(r22, e) {
     return lu$2(r22, e);
   }
   function Vd$2(r22) {
@@ -22011,8 +22011,8 @@ Actual: ` + p3.attribValue
     };
     return {
       text: cu$2,
-      image: (i3) => ko$3(i3, e),
-      signature: (i3) => ko$3(i3, t),
+      image: (i3) => ko$2(i3, e),
+      signature: (i3) => ko$2(i3, t),
       checkbox: jd$2,
       html: Hd$2,
       link: Vd$2
@@ -22741,7 +22741,8 @@ Actual: ` + p3.attribValue
           ...v,
           attrs: {
             textAlign: ee2?.attrs.textAlign || Z3?.attrs.textAlign || null,
-            rsidRDefault: q3?.["w:rsidRDefault"] || null
+            rsidRDefault: q3?.["w:rsidRDefault"] || null,
+            styleId: w
           },
           content: gu$1(v.content)
         }), N3.push(v), I3 = n;
@@ -23822,7 +23823,7 @@ Actual: ` + p3.attribValue
         return;
       }
     }
-    static updateDocumentVersion(e = this.convertedXml, t = "0.10.34") {
+    static updateDocumentVersion(e = this.convertedXml, t = "0.10.35") {
       const n = "docProps/custom.xml";
       e[n] || (e[n] = Bu$2());
       const i3 = e["docProps/custom.xml"];
@@ -24083,7 +24084,7 @@ Actual: ` + p3.attribValue
   function Bu$2() {
     return Wf$2;
   }
-  function ku$2(r22 = 2, e = "0.10.34") {
+  function ku$2(r22 = 2, e = "0.10.35") {
     return {
       type: "element",
       name: "property",
@@ -29482,7 +29483,7 @@ Actual: ` + p3.attribValue
         return false;
     return true;
   }
-  let wo$1 = class wo2 {
+  let wo$2 = class wo2 {
     constructor(e, n) {
       this.toDOM = e, this.spec = n || nn$2, this.side = this.spec.side || 0;
     }
@@ -29575,7 +29576,7 @@ Actual: ` + p3.attribValue
     widget's current document position.
     */
     static widget(e, n, r) {
-      return new $3(e, e, new wo$1(n, r));
+      return new $3(e, e, new wo$2(n, r));
     }
     /**
     Creates an inline decoration, which adds the given attributes to
@@ -29609,7 +29610,7 @@ Actual: ` + p3.attribValue
     @internal
     */
     get widget() {
-      return this.type instanceof wo$1;
+      return this.type instanceof wo$2;
     }
   };
   const Sn$2 = [], nn$2 = {};
@@ -31098,7 +31099,7 @@ Actual: ` + p3.attribValue
   }, jm = (t) => $m(Hm(Bm(Vm(t)))), Wm = () => ({
     mapping: /* @__PURE__ */ new Map(),
     isOMark: /* @__PURE__ */ new Map()
-  }), ko$2 = (t, e) => e === void 0 ? !t.deleted : e.sv.has(t.id.client) && /** @type {number} */
+  }), ko$1 = (t, e) => e === void 0 ? !t.deleted : e.sv.has(t.id.client) && /** @type {number} */
   e.sv.get(t.id.client) > t.id.clock && !T__namespace.isDeleted(e.ds, t.id), Um = [{ light: "#ecd44433", dark: "#ecd444" }], qm = (t, e, n) => {
     if (!t.has(n)) {
       if (t.size < e.length) {
@@ -31358,7 +31359,7 @@ Actual: ` + p3.attribValue
           }, c3 = T__namespace.typeListToArraySnapshot(
             i3,
             new T__namespace.Snapshot(n.ds, e.sv)
-          ).map((u) => !u._item.deleted || ko$2(u._item, e) || ko$2(u._item, n) ? or$1(
+          ).map((u) => !u._item.deleted || ko$1(u._item, e) || ko$1(u._item, n) ? or$1(
             u,
             this.prosemirrorView.state.schema,
             { mapping: /* @__PURE__ */ new Map(), isOMark: /* @__PURE__ */ new Map() },
@@ -31498,11 +31499,11 @@ Actual: ` + p3.attribValue
     r === void 0 || o === void 0 ? t.toArray().forEach(a) : T__namespace.typeListToArraySnapshot(t, new T__namespace.Snapshot(o.ds, r.sv)).forEach(a);
     try {
       const l = t.getAttributes(r);
-      r !== void 0 && (ko$2(
+      r !== void 0 && (ko$1(
         /** @type {Y.Item} */
         t._item,
         r
-      ) ? ko$2(
+      ) ? ko$1(
         /** @type {Y.Item} */
         t._item,
         o
@@ -36583,7 +36584,7 @@ Actual: ` + p3.attribValue
      * @returns {Y.Doc | undefined} Updated Y.Doc if any, otherwise undefined
      */
     processCollaborationMigrations() {
-      if (console.debug("[checkVersionMigrations] Current editor version", "0.10.34"), !this.options.ydoc) return;
+      if (console.debug("[checkVersionMigrations] Current editor version", "0.10.35"), !this.options.ydoc) return;
       let r = this.options.ydoc.getMap("meta").get("version");
       r || (r = "initial"), console.debug("[checkVersionMigrations] Document version", r);
       const o = ol$1(r) || [], s = this.state.plugins.find((c3) => c3.key.startsWith("y-sync"));
@@ -37105,7 +37106,7 @@ Actual: ` + p3.attribValue
             lineHeight: {
               default: null,
               parseDOM: (t) => t.style.lineHeight,
-              renderDOM: (t) => t.lineHeight ? { style: zp$1(t.lineHeight, this.options.defaults.unit) } : {}
+              renderDOM: (t) => t.lineHeight ? { style: zp$1(t.lineHeight, this.options.defaults.unit, t.spacing?.lineRule) } : {}
             }
           }
         }
@@ -38429,7 +38430,7 @@ Actual: ` + p3.attribValue
         const o = t.converter?.linkedStyles || [];
         return {
           styles: o,
-          decorations: dl$1(t.state?.doc, o)
+          decorations: dl$1(t.state, o)
         };
       },
       apply(e, n, r, o) {
@@ -38437,7 +38438,7 @@ Actual: ` + p3.attribValue
         let i3 = n.decorations || L.empty;
         if (e.docChanged) {
           const s = ao$2.getState(t.state).styles;
-          i3 = dl$1(o.doc, s);
+          i3 = dl$1(o, s);
         }
         return { ...n, decorations: i3 };
       }
@@ -38450,47 +38451,50 @@ Actual: ` + p3.attribValue
   }), dl$1 = (t, e) => {
     const n = [];
     let r = null;
-    return t.descendants((o, i3) => {
-      const { name: s } = o.type;
-      if (o?.attrs?.styleId && (r = o.attrs.styleId), s === "paragraph" && !o.attrs?.styleId && (r = null), s !== "text") return;
-      const a = s0$1(r, e);
-      if (!a) return;
-      const l = i0$1(a, o);
+    const o = t?.doc;
+    return o.descendants((i3, s) => {
+      const { name: a } = i3.type;
+      if (i3?.attrs?.styleId && (r = i3.attrs.styleId), a === "paragraph" && !i3.attrs?.styleId && (r = null), a !== "text") return;
+      const l = s0$1(r, e);
       if (!l) return;
-      const c3 = $$1.inline(i3, i3 + o.nodeSize, { style: l });
-      n.push(c3);
-    }), L.create(t, n);
-  }, i0$1 = (t, e, n = true) => {
+      const d = t.doc.resolve(s).parent, u = i0$1(l, i3, d);
+      if (!u) return;
+      const f3 = $$1.inline(s, s + i3.nodeSize, { style: u });
+      n.push(f3);
+    }), L.create(o, n);
+  }, i0$1 = (t, e, n, r = true) => {
     if (!t?.definition?.styles) return "";
-    const r = {};
-    return Object.entries(t.definition.styles).forEach(([o, i3]) => {
-      const s = Qa$2(o), a = [];
-      if (e?.marks?.forEach((c3) => {
-        if (c3.type.name === "textStyle") {
-          Object.entries(c3.attrs).forEach(([d, u]) => {
-            const f3 = Qa$2(d);
-            u && a.push({ key: f3, value: u });
+    const o = {};
+    return Object.entries(t.definition.styles).forEach(([i3, s]) => {
+      const a = Qa$2(i3), l = [];
+      e?.marks?.forEach((f3) => {
+        if (f3.type.name === "textStyle") {
+          Object.entries(f3.attrs).forEach(([p3, h3]) => {
+            const m = Qa$2(p3);
+            h3 && l.push({ key: m, value: h3 });
           });
           return;
         }
-        a.push({ key: c3.type.name, value: c3.attrs[s] });
-      }), !a.find((c3) => c3.key === s))
-        if (s === "spacing" && n) {
-          const c3 = a0$1(i3);
-          Object.entries(c3).forEach(([d, u]) => {
-            r[d] = u;
+        l.push({ key: f3.type.name, value: f3.attrs[a] });
+      });
+      const c3 = l.find((f3) => f3.key === a), d = Object.keys(n?.attrs.indent || {}), u = Object.keys(n?.attrs.spacing || {});
+      if (!c3)
+        if (a === "spacing" && r && !u) {
+          const f3 = a0$1(s);
+          Object.entries(f3).forEach(([p3, h3]) => {
+            o[p3] = h3;
           });
-        } else if (s === "indent" && n) {
-          const { leftIndent: c3, rightIndent: d, firstLine: u } = i3;
-          c3 && (r["margin-left"] = c3 + "px"), d && (r["margin-right"] = d + "px"), u && (r["text-indent"] = u + "px");
-        } else s === "bold" ? r["font-weight"] = "bold" : r[s] = i3;
-    }), Object.entries(r).map(([o, i3]) => `${o}: ${i3}`).join(";");
+        } else if (a === "indent" && r && !d) {
+          const { leftIndent: f3, rightIndent: p3, firstLine: h3 } = s;
+          f3 && (o["margin-left"] = f3 + "px"), p3 && (o["margin-right"] = p3 + "px"), h3 && (o["text-indent"] = h3 + "px");
+        } else a === "bold" ? o["font-weight"] = "bold" : o[a] = s;
+    }), Object.entries(o).map(([i3, s]) => `${i3}: ${s}`).join(";");
   }, s0$1 = (t, e = []) => e.find((n) => n.id === t), a0$1 = (t) => {
-    const { lineSpaceBefore: e, lineSpaceAfter: n, line: r } = t;
+    const { lineSpaceBefore: e, lineSpaceAfter: n, line: r, lineRule: o } = t;
     return {
       "margin-top": e + "px",
       "margin-bottom": n + "px",
-      ...zp$1(r, "")
+      ...zp$1(r, "", o, true)
     };
   }, l0$1 = (t) => {
     const { lineSpaceBefore: e, lineSpaceAfter: n, line: r } = t;
@@ -47485,7 +47489,7 @@ ${t}
       this.elHandlersMap.has(t) && (this.elHandlersMap.delete(t), this.observer.unobserve(t));
     }
   }
-  const bo = new Zc(), wo = /* @__PURE__ */ defineComponent({
+  const bo = new Zc(), wo$1 = /* @__PURE__ */ defineComponent({
     name: "ResizeObserver",
     props: {
       onResize: Function
@@ -48401,8 +48405,8 @@ ${t}
   function Hf() {
     return [];
   }
-  var jf = Object.prototype, Wf = jf.propertyIsEnumerable, ko$1 = Object.getOwnPropertySymbols, Kf = ko$1 ? function(e) {
-    return e == null ? [] : (e = Object(e), Nf(ko$1(e), function(t) {
+  var jf = Object.prototype, Wf = jf.propertyIsEnumerable, ko = Object.getOwnPropertySymbols, Kf = ko ? function(e) {
+    return e == null ? [] : (e = Object(e), Nf(ko(e), function(t) {
       return Wf.call(e, t);
     }));
   } : Hf;
@@ -49679,7 +49683,7 @@ ${t}
           style: this.containerStyle,
           onScroll: this.handleScroll,
           onWheel: this.onWheel
-        }, h(wo, {
+        }, h(wo$1, {
           onResize: this.handleContentResize
         }, {
           default: () => h("div", {
@@ -49709,7 +49713,7 @@ ${t}
             onMousedown: this.handleXScrollMouseDown
           }) : null
         }))]);
-      }, p3 = this.container ? h$1() : h(wo, {
+      }, p3 = this.container ? h$1() : h(wo$1, {
         onResize: this.handleContainerResize
       }, {
         default: h$1
@@ -52668,133 +52672,133 @@ ${t}
   var Ve = (t) => {
     throw TypeError(t);
   };
-  var mt = (t, s, o) => s in t ? ut(t, s, { enumerable: true, configurable: true, writable: true, 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);
+  var mt = (t, l, o) => l in t ? ut(t, l, { enumerable: true, configurable: true, writable: true, 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);
   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 = false));
-    function e(a, c3, u) {
-      this.fn = a, this.context = c3, this.once = u || false;
+    function e(s, r, d) {
+      this.fn = s, this.context = r, this.once = d || false;
     }
-    function i3(a, c3, u, r, b) {
-      if (typeof u != "function")
+    function i3(s, r, d, c3, b) {
+      if (typeof d != "function")
         throw new TypeError("The listener must be a function");
-      var y = new e(u, r || a, b), h3 = o ? o + c3 : c3;
-      return a._events[h3] ? a._events[h3].fn ? a._events[h3] = [a._events[h3], y] : a._events[h3].push(y) : (a._events[h3] = y, a._eventsCount++), a;
+      var y = new e(d, c3 || s, b), h3 = o ? o + r : r;
+      return s._events[h3] ? s._events[h3].fn ? s._events[h3] = [s._events[h3], y] : s._events[h3].push(y) : (s._events[h3] = y, s._eventsCount++), s;
     }
-    function d(a, c3) {
-      --a._eventsCount === 0 ? a._events = new n() : delete a._events[c3];
+    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 c3 = [], u, r;
-      if (this._eventsCount === 0) return c3;
-      for (r in u = this._events)
-        s.call(u, r) && c3.push(o ? r.slice(1) : r);
-      return Object.getOwnPropertySymbols ? c3.concat(Object.getOwnPropertySymbols(u)) : c3;
-    }, l.prototype.listeners = function(c3) {
-      var u = o ? o + c3 : c3, r = this._events[u];
-      if (!r) return [];
-      if (r.fn) return [r.fn];
-      for (var b = 0, y = r.length, h3 = new Array(y); b < y; b++)
-        h3[b] = r[b].fn;
+    a.prototype.eventNames = function() {
+      var r = [], d, c3;
+      if (this._eventsCount === 0) return r;
+      for (c3 in d = this._events)
+        l.call(d, c3) && r.push(o ? c3.slice(1) : c3);
+      return Object.getOwnPropertySymbols ? r.concat(Object.getOwnPropertySymbols(d)) : r;
+    }, a.prototype.listeners = function(r) {
+      var d = o ? o + r : r, c3 = this._events[d];
+      if (!c3) return [];
+      if (c3.fn) return [c3.fn];
+      for (var b = 0, y = c3.length, h3 = new Array(y); b < y; b++)
+        h3[b] = c3[b].fn;
       return h3;
-    }, l.prototype.listenerCount = function(c3) {
-      var u = o ? o + c3 : c3, r = this._events[u];
-      return r ? r.fn ? 1 : r.length : 0;
-    }, l.prototype.emit = function(c3, u, r, b, y, h3) {
-      var E3 = o ? o + c3 : c3;
+    }, a.prototype.listenerCount = function(r) {
+      var d = o ? o + r : r, c3 = this._events[d];
+      return c3 ? c3.fn ? 1 : c3.length : 0;
+    }, a.prototype.emit = function(r, d, c3, b, y, h3) {
+      var E3 = o ? o + r : r;
       if (!this._events[E3]) return false;
-      var g = this._events[E3], D3 = arguments.length, L3, p3;
-      if (g.fn) {
-        switch (g.once && this.removeListener(c3, g.fn, void 0, true), D3) {
+      var v = this._events[E3], D3 = arguments.length, L3, p3;
+      if (v.fn) {
+        switch (v.once && this.removeListener(r, v.fn, void 0, true), D3) {
           case 1:
-            return g.fn.call(g.context), true;
+            return v.fn.call(v.context), true;
           case 2:
-            return g.fn.call(g.context, u), true;
+            return v.fn.call(v.context, d), true;
           case 3:
-            return g.fn.call(g.context, u, r), true;
+            return v.fn.call(v.context, d, c3), true;
           case 4:
-            return g.fn.call(g.context, u, r, b), true;
+            return v.fn.call(v.context, d, c3, b), true;
           case 5:
-            return g.fn.call(g.context, u, r, b, y), true;
+            return v.fn.call(v.context, d, c3, b, y), true;
           case 6:
-            return g.fn.call(g.context, u, r, b, y, h3), true;
+            return v.fn.call(v.context, d, c3, b, y, h3), true;
         }
         for (p3 = 1, L3 = new Array(D3 - 1); p3 < D3; p3++)
           L3[p3 - 1] = arguments[p3];
-        g.fn.apply(g.context, L3);
+        v.fn.apply(v.context, L3);
       } else {
-        var C = g.length, F3;
+        var C = v.length, F3;
         for (p3 = 0; p3 < C; p3++)
-          switch (g[p3].once && this.removeListener(c3, g[p3].fn, void 0, true), D3) {
+          switch (v[p3].once && this.removeListener(r, v[p3].fn, void 0, true), D3) {
             case 1:
-              g[p3].fn.call(g[p3].context);
+              v[p3].fn.call(v[p3].context);
               break;
             case 2:
-              g[p3].fn.call(g[p3].context, u);
+              v[p3].fn.call(v[p3].context, d);
               break;
             case 3:
-              g[p3].fn.call(g[p3].context, u, r);
+              v[p3].fn.call(v[p3].context, d, c3);
               break;
             case 4:
-              g[p3].fn.call(g[p3].context, u, r, b);
+              v[p3].fn.call(v[p3].context, d, c3, b);
               break;
             default:
               if (!L3) for (F3 = 1, L3 = new Array(D3 - 1); F3 < D3; F3++)
                 L3[F3 - 1] = arguments[F3];
-              g[p3].fn.apply(g[p3].context, L3);
+              v[p3].fn.apply(v[p3].context, L3);
           }
       }
       return true;
-    }, l.prototype.on = function(c3, u, r) {
-      return i3(this, c3, u, r, false);
-    }, l.prototype.once = function(c3, u, r) {
-      return i3(this, c3, u, r, true);
-    }, l.prototype.removeListener = function(c3, u, r, b) {
-      var y = o ? o + c3 : c3;
+    }, a.prototype.on = function(r, d, c3) {
+      return i3(this, r, d, c3, false);
+    }, a.prototype.once = function(r, d, c3) {
+      return i3(this, r, d, c3, true);
+    }, a.prototype.removeListener = function(r, d, c3, 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 h3 = this._events[y];
       if (h3.fn)
-        h3.fn === u && (!b || h3.once) && (!r || h3.context === r) && d(this, y);
+        h3.fn === d && (!b || h3.once) && (!c3 || h3.context === c3) && u(this, y);
       else {
-        for (var E3 = 0, g = [], D3 = h3.length; E3 < D3; E3++)
-          (h3[E3].fn !== u || b && !h3[E3].once || r && h3[E3].context !== r) && g.push(h3[E3]);
-        g.length ? this._events[y] = g.length === 1 ? g[0] : g : d(this, y);
+        for (var E3 = 0, v = [], D3 = h3.length; E3 < D3; E3++)
+          (h3[E3].fn !== d || b && !h3[E3].once || c3 && h3[E3].context !== c3) && v.push(h3[E3]);
+        v.length ? this._events[y] = v.length === 1 ? v[0] : v : u(this, y);
       }
       return this;
-    }, l.prototype.removeAllListeners = function(c3) {
-      var u;
-      return c3 ? (u = o ? o + c3 : c3, 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__ */ Mo$2(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(), i3 = t.getBoundingClientRect().top - n.top + o.scrollTop;
     o.scrollTo({
-      top: s.block === "start" ? i3 : i3 - o.clientHeight + t.offsetHeight,
-      behavior: s.behavior
+      top: l.block === "start" ? i3 : i3 - o.clientHeight + t.offsetHeight,
+      behavior: l.behavior
     });
   }
   const _ = (t) => {
@@ -52804,7 +52808,7 @@ ${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 = ref(Aa$2()), n = t.type, e = ref(t.name), i3 = t.command, d = ref(t.icon), l = ref(t.group || "center"), a = ref(t.allowWithoutEditor), c3 = ref(t.attributes || {}), u = t.disabled || false, r = ref(t.disabled), b = ref(false), y = ref(false), h3 = ref(t.style), E3 = ref(t.isNarrow), g = ref(t.isWide), D3 = ref(t.minWidth), L3 = ref(t.suppressActiveHighlight || false), p3 = ref(t.argument), C = ref(null), F3 = ref(null), z = ref(t.iconColor), B = ref(t.hasCaret), q3 = ref(t.dropdownStyles), ge2 = ref(t.tooltip), ve2 = ref(t.tooltipVisible), ce2 = ref(t.tooltipTimeout), de2 = ref(t.defaultLabel), T3 = ref(t.label), M3 = ref(t.hideLabel), H3 = ref(t.inlineTextInputVisible), R = ref(t.hasInlineTextInput), X3 = ref(t.markName), Z3 = ref(t.labelAttr), ae2 = ref(t.selectedValue), ue2 = ref(t.dropdownValueKey), Ce2 = ref([]);
+    const o = ref(Aa$2()), n = t.type, e = ref(t.name), i3 = t.command, u = ref(t.icon), a = ref(t.group || "center"), s = ref(t.allowWithoutEditor), r = ref(t.attributes || {}), d = t.disabled || false, c3 = ref(t.disabled), b = ref(false), y = ref(false), h3 = ref(t.style), E3 = ref(t.isNarrow), v = ref(t.isWide), D3 = ref(t.minWidth), L3 = ref(t.suppressActiveHighlight || false), p3 = ref(t.argument), C = ref(null), F3 = ref(null), z = ref(t.iconColor), B = ref(t.hasCaret), q3 = ref(t.dropdownStyles), ve2 = ref(t.tooltip), ge2 = ref(t.tooltipVisible), ce2 = ref(t.tooltipTimeout), de2 = ref(t.defaultLabel), T3 = ref(t.label), M3 = ref(t.hideLabel), H3 = ref(t.inlineTextInputVisible), R = ref(t.hasInlineTextInput), X3 = ref(t.markName), Z3 = ref(t.labelAttr), ae2 = ref(t.selectedValue), ue2 = ref(t.dropdownValueKey), Ce2 = ref([]);
     if (t.options) {
       if (!Array.isArray(t.options)) throw new Error("Invalid toolbar item options - " + t.options);
       Ce2.value.push(...t.options);
@@ -52814,9 +52818,9 @@ ${t}
     }, Fe2 = () => {
       xe2(), b.value = false;
     }, Ie2 = (te2) => {
-      r.value = te2;
+      c3.value = te2;
     }, _e2 = () => {
-      r.value = u;
+      c3.value = d;
     }, ee2 = t.onActivate || (() => null), xe2 = t.onDeactivate || (() => null), Le2 = () => {
       const te2 = {};
       return Object.keys(me2).forEach((ye2) => {
@@ -52827,24 +52831,24 @@ ${t}
       name: e,
       type: n,
       command: i3,
-      icon: d,
-      tooltip: ge2,
-      group: l,
-      attributes: c3,
-      disabled: r,
+      icon: u,
+      tooltip: ve2,
+      group: a,
+      attributes: r,
+      disabled: c3,
       active: b,
       expand: y,
       nestedOptions: Ce2,
       style: h3,
       isNarrow: E3,
-      isWide: g,
+      isWide: v,
       minWidth: D3,
       argument: p3,
       parentItem: F3,
       iconColor: z,
       hasCaret: B,
       dropdownStyles: q3,
-      tooltipVisible: ve2,
+      tooltipVisible: ge2,
       tooltipTimeout: ce2,
       defaultLabel: de2,
       label: T3,
@@ -52854,7 +52858,7 @@ ${t}
       markName: X3,
       labelAttr: Z3,
       childItem: C,
-      allowWithoutEditor: a,
+      allowWithoutEditor: s,
       dropdownValueKey: ue2,
       selectedValue: ae2
     };
@@ -52871,29 +52875,29 @@ ${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, i3) => (openBlock(), createElementBlock("div", qt, [
         createBaseVNode("div", {
           class: "button-icon",
-          onClick: i3[0] || (i3[0] = (d) => n("left")),
+          onClick: i3[0] || (i3[0] = (u) => n("left")),
           innerHTML: unref(Ur).alignLeft
         }, null, 8, Gt),
         createBaseVNode("div", {
           class: "button-icon",
-          onClick: i3[1] || (i3[1] = (d) => n("center")),
+          onClick: i3[1] || (i3[1] = (u) => n("center")),
           innerHTML: unref(Ur).alignCenter
         }, null, 8, Kt),
         createBaseVNode("div", {
           class: "button-icon",
-          onClick: i3[2] || (i3[2] = (d) => n("right")),
+          onClick: i3[2] || (i3[2] = (u) => n("right")),
           innerHTML: unref(Ur).alignRight
         }, null, 8, Xt),
         createBaseVNode("div", {
           class: "button-icon",
-          onClick: i3[3] || (i3[3] = (d) => n("justify")),
+          onClick: i3[3] || (i3[3] = (u) => n("justify")),
           innerHTML: unref(Ur).alignJustify
         }, null, 8, Zt)
       ]));
@@ -52936,28 +52940,28 @@ ${t}
       }
     },
     emits: ["submit", "cancel"],
-    setup(t, { emit: s }) {
-      const o = s, n = t, { proxy: e } = getCurrentInstance(), i3 = () => {
-        if (e?.$submit instanceof Function && e.$submit(), c3.value && r.value) {
-          o("submit", { text: a.value, href: u.value });
+    setup(t, { emit: l }) {
+      const o = l, n = t, { proxy: e } = getCurrentInstance(), i3 = () => {
+        if (e?.$submit instanceof Function && e.$submit(), r.value && c3.value) {
+          o("submit", { text: s.value, href: d.value });
           return;
-        } else if (!c3.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 = true;
-      }, d = () => {
-        o("submit", { text: a.value, href: null });
-      }, l = ref(false), a = ref(n.initialText), c3 = ref(n.href), u = computed(() => c3.value?.startsWith("http") ? c3.value : "http://" + c3.value), r = computed(() => {
-        const p3 = u.value.split(".").filter(Boolean);
-        return u.value.includes(".") && p3.length > 1;
-      }), b = computed(() => h3.value ? "Apply" : "Remove"), y = computed(() => !r.value), h3 = computed(() => !E3.value), E3 = computed(() => n.href && !c3.value), g = computed(() => n.href.startsWith("#")), D3 = () => {
-        window.open(u.value, "_blank");
+        console.debug("[LinkInput] Invalid URL in handleSubmit"), a.value = true;
+      }, u = () => {
+        o("submit", { text: s.value, href: null });
+      }, a = ref(false), s = ref(n.initialText), r = ref(n.href), d = computed(() => r.value?.startsWith("http") ? r.value : "http://" + r.value), c3 = computed(() => {
+        const p3 = d.value.split(".").filter(Boolean);
+        return d.value.includes(".") && p3.length > 1;
+      }), b = computed(() => h3.value ? "Apply" : "Remove"), y = computed(() => !c3.value), h3 = computed(() => !E3.value), E3 = computed(() => n.href && !r.value), v = computed(() => n.href.startsWith("#")), D3 = () => {
+        window.open(d.value, "_blank");
       };
       watch(
         () => n.href,
         (p3) => {
-          c3.value = p3;
+          r.value = p3;
         }
       );
       const L3 = () => {
@@ -52967,8 +52971,8 @@ ${t}
       return onMounted(() => {
         n.showInput && L3();
       }), (p3, C) => (openBlock(), createElementBlock("div", Qt, [
-        t.href ? g.value ? (openBlock(), createElementBlock("div", tn, "Page anchor")) : (openBlock(), createElementBlock("div", nn, "Edit link")) : (openBlock(), createElementBlock("div", en, "Add link")),
-        t.showInput && !g.value ? (openBlock(), createElementBlock("div", on$1, [
+        t.href ? v.value ? (openBlock(), createElementBlock("div", tn, "Page anchor")) : (openBlock(), createElementBlock("div", nn, "Edit link")) : (openBlock(), createElementBlock("div", en, "Add link")),
+        t.showInput && !v.value ? (openBlock(), createElementBlock("div", on$1, [
           createBaseVNode("div", sn, [
             createBaseVNode("div", {
               class: "input-icon",
@@ -52977,17 +52981,17 @@ ${t}
             withDirectives(createBaseVNode("input", {
               type: "text",
               placeholder: "Type or paste a link",
-              class: normalizeClass({ error: l.value }),
-              "onUpdate:modelValue": C[0] || (C[0] = (F3) => c3.value = F3),
+              class: normalizeClass({ error: a.value }),
+              "onUpdate:modelValue": C[0] || (C[0] = (F3) => r.value = F3),
               onKeydown: [
                 withKeys(withModifiers(i3, ["stop", "prevent"]), ["enter"]),
-                C[1] || (C[1] = (F3) => l.value = false)
+                C[1] || (C[1] = (F3) => a.value = false)
               ]
             }, null, 42, an), [
-              [vModelText, c3.value]
+              [vModelText, r.value]
             ]),
             createBaseVNode("div", {
-              class: normalizeClass(["open-link-icon", { disabled: !r.value }]),
+              class: normalizeClass(["open-link-icon", { disabled: !c3.value }]),
               innerHTML: unref(Ur).openLink,
               onClick: D3
             }, null, 10, rn)
@@ -52996,7 +53000,7 @@ ${t}
             t.href ? (openBlock(), createElementBlock("button", {
               key: 0,
               class: "remove-btn",
-              onClick: d
+              onClick: u
             }, [
               createBaseVNode("div", {
                 class: "remove-btn__icon",
@@ -53010,14 +53014,14 @@ ${t}
               onClick: i3
             }, toDisplayString(b.value), 3)) : createCommentVNode("", true)
           ])
-        ])) : g.value ? (openBlock(), createElementBlock("div", un, [
+        ])) : v.value ? (openBlock(), createElementBlock("div", un, [
           createBaseVNode("a", {
             onClick: C[2] || (C[2] = withModifiers((...F3) => t.goToAnchor && t.goToAnchor(...F3), ["stop", "prevent"]))
           }, "Go to " + toDisplayString(t.href.startsWith("#_") ? t.href.substring(2) : t.href), 1)
         ])) : createCommentVNode("", true)
       ]));
     }
-  }, pn = /* @__PURE__ */ Pk(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__ */ Pk(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: {
@@ -53025,29 +53029,29 @@ ${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, i3) => (openBlock(), createElementBlock("div", fn, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(t.options, (d) => (openBlock(), createElementBlock("div", {
-          class: normalizeClass(["option-item", { disabled: d.disabled }]),
-          onClick: (l) => n(d)
+        (openBlock(true), createElementBlock(Fragment, null, renderList(t.options, (u) => (openBlock(), createElementBlock("div", {
+          class: normalizeClass(["option-item", { disabled: u.disabled }]),
+          onClick: (a) => n(u)
         }, [
-          createBaseVNode("div", gn, [
+          createBaseVNode("div", vn, [
             createBaseVNode("div", {
               class: "icon-column__icon",
-              innerHTML: d.icon
-            }, null, 8, vn)
+              innerHTML: u.icon
+            }, null, 8, gn)
           ]),
           createBaseVNode("div", yn, [
-            createBaseVNode("div", bn, toDisplayString(d.label), 1),
-            createBaseVNode("div", wn, toDisplayString(d.description), 1)
+            createBaseVNode("div", bn, toDisplayString(u.label), 1),
+            createBaseVNode("div", kn, toDisplayString(u.description), 1)
           ])
         ], 10, hn))), 256))
       ]));
     }
-  }, Cn = /* @__PURE__ */ Pk(kn, [["__scopeId", "data-v-f86e1477"]]), _n = {
+  }, Cn = /* @__PURE__ */ Pk(wn, [["__scopeId", "data-v-f86e1477"]]), _n = {
     key: 0,
     class: "linked-style-buttons"
   }, xn = ["onClick"], En = {
@@ -53059,19 +53063,19 @@ ${t}
       }
     },
     emits: ["select"],
-    setup(t, { emit: s }) {
-      const o = s, n = t, e = (i3) => {
+    setup(t, { emit: l }) {
+      const o = l, n = t, e = (i3) => {
         o("select", i3);
       };
-      return (i3, d) => n.editor ? (openBlock(), createElementBlock("div", _n, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(oC)(t.editor), (l) => (openBlock(), createElementBlock("div", {
+      return (i3, u) => n.editor ? (openBlock(), createElementBlock("div", _n, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(oC)(t.editor), (a) => (openBlock(), createElementBlock("div", {
           class: "style-item",
-          onClick: (a) => e(l)
+          onClick: (s) => e(a)
         }, [
           createBaseVNode("div", {
             class: "style-name",
-            style: normalizeStyle(unref(i0$1)(l, null, false))
-          }, toDisplayString(l.definition.attrs.name), 5)
+            style: normalizeStyle(unref(i0$1)(a, null, false))
+          }, toDisplayString(a.definition.attrs.name), 5)
         ], 8, xn))), 256))
       ])) : createCommentVNode("", true);
     }
@@ -53088,31 +53092,31 @@ ${t}
       }
     },
     emits: ["select"],
-    setup(t, { emit: s }) {
-      const o = s, n = t, e = computed(() => (l) => n.activeColor.value ? n.activeColor.value.toUpperCase() === l.value : false), i3 = (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 = computed(() => (a) => n.activeColor.value ? n.activeColor.value.toUpperCase() === a.value : false), i3 = (a, s) => s === 5 || ["#FFFFFF", "#FAFF09"].includes(a) ? { color: "#000" } : { color: "#FFF" }, u = (a) => {
+        o("select", a.value);
       };
       return onMounted(() => {
-        if (!n.icons.every((a) => Array.isArray(a))) throw new Error("icon props must be 2d array");
-      }), (l, a) => (openBlock(true), createElementBlock(Fragment, null, renderList(t.icons, (c3, u) => (openBlock(), createElementBlock("div", {
+        if (!n.icons.every((s) => Array.isArray(s))) throw new Error("icon props must be 2d array");
+      }), (a, s) => (openBlock(true), createElementBlock(Fragment, null, renderList(t.icons, (r, d) => (openBlock(), createElementBlock("div", {
         class: "option-row",
-        key: u
+        key: d
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(c3, (r, b) => (openBlock(), createElementBlock("div", {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(r, (c3, b) => (openBlock(), createElementBlock("div", {
           class: "option",
           key: b,
-          onClick: withModifiers((y) => d(r), ["stop", "prevent"])
+          onClick: withModifiers((y) => u(c3), ["stop", "prevent"])
         }, [
           createBaseVNode("div", {
             class: "option__icon",
-            innerHTML: r.icon,
-            style: normalizeStyle(r.style)
+            innerHTML: c3.icon,
+            style: normalizeStyle(c3.style)
           }, null, 12, Tn),
-          e.value(r) ? (openBlock(), createElementBlock("div", {
+          e.value(c3) ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "option__check",
             innerHTML: unref(Ur).colorOptionCheck,
-            style: normalizeStyle(i3(r.value, b))
+            style: normalizeStyle(i3(c3.value, b))
           }, null, 12, Fn)) : createCommentVNode("", true)
         ], 8, An))), 128))
       ]))), 128));
@@ -53134,8 +53138,8 @@ ${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, i3) => (openBlock(), createElementBlock("div", Ln, [
@@ -53156,8 +53160,8 @@ ${t}
     }
   }, Dn = /* @__PURE__ */ Pk(Mn, [["__scopeId", "data-v-fa2949d8"]]), $n = (t) => {
     t.expand.value = false;
-  }, f = (t, s = null) => ({
-    label: s,
+  }, f = (t, l = null) => ({
+    label: l,
     icon: Ur.colorOption,
     value: t,
     style: {
@@ -53165,15 +53169,15 @@ ${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 h("div", {}, [
       h(Dn, {
         icons: Qe,
         customIcons: o,
-        activeColor: s.iconColor,
+        activeColor: l.iconColor,
         onSelect: n
       })
     ]);
@@ -53253,34 +53257,34 @@ ${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 = ref(0), e = ref(0), i3 = (l) => {
-        let a = l.target;
-        if (!!a.dataset.grid)
+    setup(t, { emit: l }) {
+      const o = l, n = ref(0), e = ref(0), i3 = (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 c3 = [...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 h3 = 0; h3 < r.length; h3++) {
-          let E3 = r[h3], g = parseInt(E3.dataset.cols, 10), D3 = parseInt(E3.dataset.rows, 10);
-          g <= b && D3 <= y ? E3.classList.add("selected") : E3.classList.remove("selected");
+        for (let h3 = 0; h3 < c3.length; h3++) {
+          let E3 = c3[h3], v = parseInt(E3.dataset.cols, 10), D3 = parseInt(E3.dataset.rows, 10);
+          v <= b && D3 <= y ? E3.classList.add("selected") : E3.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) => (openBlock(), createElementBlock("div", Bn, [
+      return (a, s) => (openBlock(), createElementBlock("div", Bn, [
         createBaseVNode("div", {
           class: "toolbar-table-grid",
           onMouseover: i3,
           "data-grid": "true"
         }, [
-          (openBlock(), createElementBlock(Fragment, null, renderList(5, (c3) => (openBlock(), createElementBlock(Fragment, { key: c3 }, [
-            (openBlock(), createElementBlock(Fragment, null, renderList(5, (u) => createBaseVNode("div", {
+          (openBlock(), createElementBlock(Fragment, null, renderList(5, (r) => (openBlock(), createElementBlock(Fragment, { key: r }, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(5, (d) => createBaseVNode("div", {
               class: "toolbar-table-grid__item",
-              key: `${c3}_${u}`,
-              "data-cols": u,
-              "data-rows": c3,
+              key: `${r}_${d}`,
+              "data-cols": d,
+              "data-rows": r,
               "data-item": "true",
-              onClick: withModifiers((r) => d({ cols: u, rows: c3 }), ["stop", "prevent"])
+              onClick: withModifiers((c3) => u({ cols: d, rows: r }), ["stop", "prevent"])
             }, null, 8, Rn)), 64))
           ], 64))), 64))
         ], 32),
@@ -53295,36 +53299,36 @@ ${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, i3) => (openBlock(), createElementBlock("div", Wn, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(t.options, (d) => (openBlock(), createElementBlock("div", {
-          class: normalizeClass(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": d.bottomBorder }]),
-          onClick: (l) => n(d)
+        (openBlock(true), createElementBlock(Fragment, null, renderList(t.options, (u) => (openBlock(), createElementBlock("div", {
+          class: normalizeClass(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": u.bottomBorder }]),
+          onClick: (a) => n(u)
         }, [
           createBaseVNode("div", Vn, [
             createBaseVNode("div", {
               class: "toolbar-table-actions__icon-wrapper",
-              innerHTML: d.icon
+              innerHTML: u.icon
             }, null, 8, jn)
           ]),
-          createBaseVNode("div", Un, toDisplayString(d.label), 1)
+          createBaseVNode("div", Un, toDisplayString(u.label), 1)
         ], 10, Pn))), 256))
       ]));
     }
   }, Gn = /* @__PURE__ */ Pk(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 = false;
-  }, Xn = (t, s = false, o, n, e) => {
+  }, Xn = (t, l = false, o, n, e) => {
     const i3 = _({
       type: "button",
       name: "bold",
       command: "toggleBold",
       icon: e.bold,
       tooltip: "Bold"
-    }), d = _({
+    }), u = _({
       type: "dropdown",
       name: "fontFamily",
       tooltip: "Font",
@@ -53372,10 +53376,10 @@ ${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,
@@ -53404,7 +53408,7 @@ ${t}
               [
                 h(de, {
                   handleClose: () => {
-                    le(l);
+                    le(a);
                   },
                   selectedText: m,
                   editor: t.activeEditor,
@@ -53416,7 +53420,7 @@ ${t}
           }
         }
       ]
-    }), a = _({
+    }), s = _({
       type: "dropdown",
       name: "fontSize",
       defaultLabel: "12",
@@ -53448,22 +53452,22 @@ ${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 S3 = B0(m, 12);
-        S3 < 8 && (S3 = 8), S3 > 96 && (S3 = 96), a.label.value = String(S3);
+        S3 < 8 && (S3 = 8), S3 > 96 && (S3 = 96), s.label.value = String(S3);
       },
-      onDeactivate: () => a.label.value = a.defaultLabel.value
-    }), c3 = _({
+      onDeactivate: () => s.label.value = s.defaultLabel.value
+    }), r = _({
       type: "separator",
       name: "separator",
       isNarrow: true
-    }), u = _({
+    }), d = _({
       type: "button",
       name: "italic",
       command: "toggleItalic",
       icon: e.italic,
       tooltip: "Italic"
-    }), r = _({
+    }), c3 = _({
       type: "button",
       name: "underline",
       command: "toggleUnderline",
@@ -53548,12 +53552,12 @@ ${t}
         })
       ]);
     }
-    const g = _({
+    const v = _({
       type: "options",
       name: "linkInput",
       command: "toggleLink"
     });
-    h$1.childItem = g, g.parentItem = h$1;
+    h$1.childItem = v, v.parentItem = h$1;
     const D3 = _({
       type: "button",
       name: "image",
@@ -53708,13 +53712,13 @@ ${t}
         justify: e.alignJustify
       }, se2 = P[A] ?? P.left;
       m.icon.value = se2;
-    }, ge2 = _({
+    }, ve2 = _({
       type: "button",
       name: "list",
       command: "toggleBulletList",
       icon: e.bulletList,
       tooltip: "Bullet list"
-    }), ve2 = _({
+    }), ge2 = _({
       type: "button",
       name: "numberedlist",
       command: "toggleOrderedList",
@@ -53835,8 +53839,8 @@ ${t}
     });
     [
       i3,
-      u,
-      r,
+      d,
+      c3,
       de$12,
       ce2,
       // search,
@@ -54005,35 +54009,35 @@ ${t}
       // toggleTrackChangesOriginal,
       // toggleTrackChangesFinal,
       M3,
-      d,
-      c3,
-      a,
-      c3,
-      i3,
       u,
       r,
+      s,
+      r,
+      i3,
+      d,
+      c3,
       y,
       b,
-      c3,
+      r,
       h$1,
       D3,
       L3,
       C,
-      c3,
+      r,
       B,
-      ge2,
       ve2,
+      ge2,
       ce2,
       de$12,
       re2,
-      c3,
+      r,
       be2,
-      c3,
+      r,
       me2,
       Fe2,
       Te2,
       ye2,
-      l,
+      a,
       T3,
       ee2
       // search,
@@ -54045,7 +54049,7 @@ ${t}
       O = O.filter((A) => !S3.includes(A.name.value));
     }
     const Pe2 = [X3, ue2, Ce2];
-    s || (n === "viewer" && Pe2.push(Z3, ae2), O = O.filter((m) => !Pe2.includes(m)));
+    l || (n === "viewer" && Pe2.push(Z3, ae2), O = O.filter((m) => !Pe2.includes(m)));
     const rt2 = [H3, T3, ee2].map((m) => m.name), ct2 = (m) => rt2.includes(m.name), Ee2 = [], De2 = [];
     let $e2 = st2 + it2;
     return O.forEach((m) => {
@@ -54073,86 +54077,86 @@ ${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 i3 = t.files;
         if (!i3) return n(null);
-        const d = i3.item(0);
-        return n(d ? { file: d } : null);
+        const u = i3.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 i3 = document.createElement("canvas"), { width: d, height: l } = eo(
+      const i3 = document.createElement("canvas"), { width: u, height: a } = eo(
         e.width,
         e.height,
-        s
+        l
       );
-      if (i3.width = d, i3.height = l, i3.getContext("2d").drawImage(e, 0, 0, d, l), typeof t == "string") {
-        const c3 = i3.toDataURL();
-        o(c3);
+      if (i3.width = u, i3.height = a, i3.getContext("2d").drawImage(e, 0, 0, u, a), typeof t == "string") {
+        const r = i3.toDataURL();
+        o(r);
       } else
-        i3.toBlob((c3) => {
-          const u = new File([c3], t.name, {
+        i3.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 = (i3) => n(i3), 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 i3 = t, d = s;
-    const l = t / s;
-    return s > e && (d = e, i3 = Math.round(e * l)), i3 > n && (i3 = n, d = Math.round(n / l)), { width: i3, height: d };
-  }, to = async ({ editor: t, view: s, file: o }) => {
+    if (!n || !e) return { width: t, height: l };
+    let i3 = t, u = l;
+    const a = t / l;
+    return l > e && (u = e, i3 = Math.round(e * a)), i3 > n && (i3 = n, u = Math.round(n / a)), { width: i3, 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 i3, d;
+    let i3, u;
     try {
-      const r = await Qn(o, t);
-      i3 = r.width, d = r.height, o = r.file;
-    } catch (r) {
-      console.warn("Error processing image:", r);
+      const c3 = await Qn(o, t);
+      i3 = c3.width, u = c3.height, o = c3.file;
+    } catch (c3) {
+      console.warn("Error processing image:", c3);
       return;
     }
-    let l = {}, { tr: a, schema: c3 } = 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(To$1, u), s.dispatch(a), n(o).then(
-      (r) => {
-        let b = o.name.replace(" ", "_"), y = aC(s.state, l);
+    s.setMeta(To$1, d), l.dispatch(s), n(o).then(
+      (c3) => {
+        let b = o.name.replace(" ", "_"), y = aC(l.state, a);
         if (y == null)
           return;
-        let h3 = { type: "remove", id: l }, E3 = `word/media/${b}`, g = c3.nodes.image.create({
+        let h3 = { type: "remove", id: a }, E3 = `word/media/${b}`, v = r.nodes.image.create({
           src: E3,
-          size: { width: i3, height: d }
+          size: { width: i3, height: u }
         });
-        t.storage.image.media = Object.assign(t.storage.image.media, { [E3]: r }), t.options.ydoc && t.commands.addImageToCollaboration({ mediaPath: E3, fileData: r }), s.dispatch(
-          s.state.tr.replaceWith(y, y, g).setMeta(To$1, h3)
+        t.storage.image.media = Object.assign(t.storage.image.media, { [E3]: c3 }), t.options.ydoc && t.commands.addImageToCollaboration({ mediaPath: E3, fileData: c3 }), l.dispatch(
+          l.state.tr.replaceWith(y, y, v).setMeta(To$1, h3)
         );
       },
       () => {
-        let r = { type: "remove", id: l };
-        s.dispatch(a.setMeta(To$1, r));
+        let c3 = { type: "remove", id: a };
+        l.dispatch(s.setMeta(To$1, c3));
       }
     );
   };
   var I, et, he, ze, tt, nt, We, ot, fe;
-  class ko extends Vt {
+  class wo extends Vt {
     constructor(o) {
       super();
       Be(this, I);
@@ -54174,8 +54178,8 @@ ${t}
           o22.onActivate({ zoom: n22 }), this.emit("superdoc-command", { item: o22, argument: n22 });
           const e = document.querySelector(this.superdoc.config.selector)?.querySelector(".layers");
           if (!e) return;
-          const i3 = typeof screen.orientation < "u", d = window.matchMedia("(max-width: 834px)").matches;
-          i3 && d ? (e.style.transformOrigin = "0 0", e.style.transform = `scale(${parseInt(n22) / 100})`) : e.style.zoom = parseInt(n22) / 100, this.superdoc.superdocStore.activeZoom = parseInt(n22);
+          const i3 = typeof screen.orientation < "u", u = window.matchMedia("(max-width: 834px)").matches;
+          i3 && u ? (e.style.transformOrigin = "0 0", e.style.transform = `scale(${parseInt(n22) / 100})`) : e.style.zoom = parseInt(n22) / 100, this.superdoc.superdocStore.activeZoom = parseInt(n22);
         },
         setDocumentMode: ({ item: o22, argument: n22 }) => {
           n22 && this.emit("superdoc-command", { item: o22, argument: n22 });
@@ -54209,13 +54213,13 @@ ${t}
         },
         increaseTextIndent: ({ item: o22, argument: n22 }) => {
           let e = o22.command, { state: i3 } = this.activeEditor;
-          if (He$2((l) => l.type.name === "listItem")(i3.selection))
+          if (He$2((a) => a.type.name === "listItem")(i3.selection))
             return this.activeEditor.commands.increaseListIndent();
           e in this.activeEditor.commands && this.activeEditor.commands[e](n22);
         },
         decreaseTextIndent: ({ item: o22, argument: n22 }) => {
           let e = o22.command, { state: i3 } = this.activeEditor;
-          if (He$2((l) => l.type.name === "listItem")(i3.selection))
+          if (He$2((a) => a.type.name === "listItem")(i3.selection))
             return this.activeEditor.commands.decreaseListIndent();
           e in this.activeEditor.commands && this.activeEditor.commands[e](n22);
         },
@@ -54235,8 +54239,8 @@ ${t}
           let e = o22.command;
           if (e in this.activeEditor.commands) {
             this.activeEditor.commands[e](n22);
-            const { view: i3 } = this.activeEditor, d = i3.state.selection.$to.pos, l = new tt$3(i3.state.doc.resolve(d)), a = i3.state.tr.setSelection(l), c3 = i3.state.apply(a);
-            i3.updateState(c3), setTimeout(() => {
+            const { view: i3 } = this.activeEditor, u = i3.state.selection.$to.pos, a = new tt$3(i3.state.doc.resolve(u)), s = i3.state.tr.setSelection(a), r = i3.state.apply(s);
+            i3.updateState(r), setTimeout(() => {
               i3.focus();
             }, 100);
           }
@@ -54295,10 +54299,25 @@ ${t}
       this.toolbarItems.forEach((e) => {
         if (e.resetDisabled(), e.name.value === "linkedStyles")
           return this.activeEditor && !oC(this.activeEditor).length ? e.deactivate() : e.activate();
-        const i3 = o.find((l) => l.name === e.name.value);
+        const i3 = o.find((s) => s.name === e.name.value);
         i3 ? e.activate(i3.attrs) : e.deactivate();
-        const d = o.find((l) => l.name === "spacing");
-        e.name.value === "lineHeight" && (i3?.attrs?.lineHeight || d) && (e.selectedValue.value = i3?.attrs?.lineHeight || d.attrs?.spacing?.line || ""), e.name.value === "tableActions" && (n ? e.disabled.value = false : e.disabled.value = true);
+        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" && (i3?.attrs?.lineHeight || a) && (e.selectedValue.value = i3?.attrs?.lineHeight || a.attrs?.spacing?.line || ""), e.name.value === "tableActions" && (e.disabled.value = !n);
       });
     }
     /**
@@ -54328,31 +54347,31 @@ ${t}
   I = /* @__PURE__ */ 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 = /* @__PURE__ */ new WeakMap(), ze = function(o, n, e = false) {
-    const i3 = document.documentElement.clientWidth, { defaultItems: d, overflowItems: l } = Xn(o, e, i3, this.role, n);
-    let a = [
-      ...d.map((u) => u.name.value),
-      ...l.map((u) => u.name.value)
+    const i3 = document.documentElement.clientWidth, { defaultItems: u, overflowItems: a } = Xn(o, e, i3, 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 c3 = d.filter((u) => a.includes(u.name.value)).filter((u) => !this.config.excludeItems.includes(u.name.value));
-    this.toolbarItems = c3, 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 i3 = this.toolbarItems.find((d) => d.name.value === "fontFamily");
+    const i3 = this.toolbarItems.find((u) => u.name.value === "fontFamily");
     i3 && (i3.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, i3 = Array.from(this.activeEditor.converter.docHiglightColors).reduce((l, a, c3) => {
-      const u = Math.floor(c3 / 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, i3 = 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, i3)
     };
-    o.nestedOptions.value = [d];
+    o.nestedOptions.value = [u];
   }, We = function() {
     this.activeEditor = null, this.toolbarItems.forEach((o) => {
       const { allowWithoutEditor: n } = o;
@@ -54365,36 +54384,36 @@ ${t}
     let i3 = o.command;
     i3 in this.activeEditor?.commands && (this.activeEditor.commands[i3](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 i3;
-    e.forEach((d) => {
-      const a = (d.getBoundingClientRect().left - n.left) / o * -1 + 1;
-      if (i3 || (i3 = a), a !== i3) {
-        const c3 = a - i3;
-        d.style.transform = `translateX(${c3}px)`;
+    e.forEach((u) => {
+      const s = (u.getBoundingClientRect().left - n.left) / o * -1 + 1;
+      if (i3 || (i3 = s), s !== i3) {
+        const r = s - i3;
+        u.style.transform = `translateX(${r}px)`;
       }
     });
   }
-  const oo = (t, s) => {
-    const o = t.clientY, n = t.clientX, { view: e } = s, i3 = e.dom.getBoundingClientRect();
-    let d = {
+  const oo = (t, l) => {
+    const o = t.clientY, n = t.clientX, { view: e } = l, i3 = e.dom.getBoundingClientRect();
+    let u = {
       left: 0,
       top: o
-    }, l = false;
-    n > i3.right ? (d.left = i3.left + i3.width - 1, l = true) : n < i3.left && (d.left = i3.left);
-    const a = e.posAtCoords(d)?.pos;
-    if (a) {
-      let c3 = a;
-      if (l) {
-        const b = e.state.doc.resolve(a).textOffset, y = e.state.doc.nodeAt(a), E3 = y?.text?.charAt(b);
-        c3 = y?.isText && E3 !== " " ? a - 1 : a;
+    }, a = false;
+    n > i3.right ? (u.left = i3.left + i3.width - 1, a = true) : n < i3.left && (u.left = i3.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), E3 = y?.text?.charAt(b);
+        r = y?.isText && E3 !== " " ? s - 1 : s;
       }
-      const u = e.state.tr.setSelection(
-        tt$3.create(e.state.doc, c3)
+      const d = e.state.tr.setSelection(
+        tt$3.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",
@@ -54413,13 +54432,13 @@ ${t}
       }
     },
     emits: ["margin-change"],
-    setup(t, { emit: s }) {
-      const o = s, n = t, e = ref(null), i3 = ref([]), d = ref("#CCCCCC"), l = ref("#2563EB66"), a = ref(null), c3 = ref(null), u = ref(false), r = ref(null), b = reactive({ side: "left", x: 0 }), y = reactive({ side: "right", x: 0 }), h3 = ref(false), E3 = ref(0);
-      let g = 0;
+    setup(t, { emit: l }) {
+      const o = l, n = t, e = ref(null), i3 = ref([]), u = ref("#CCCCCC"), a = ref("#2563EB66"), s = ref(null), r = ref(null), d = ref(false), c3 = ref(null), b = reactive({ side: "left", x: 0 }), y = reactive({ side: "right", x: 0 }), h3 = ref(false), E3 = ref(0);
+      let v = 0;
       const D3 = () => {
         if (n.editor.options.mode !== "docx") return;
         const T3 = [], { pageMargins: M3, pageSize: H3 } = n.editor.getPageStyles();
-        a.value = H3, c3.value = M3, y.x = H3.width * 96 - M3.right * 96, b.x = M3.left * 96;
+        s.value = H3, r.value = M3, y.x = H3.width * 96 - M3.right * 96, b.x = M3.left * 96;
         for (let R = 0; R < H3.width; R++) {
           const Z3 = `${5.5}px`, ae2 = H3.width - R;
           if (T3.push(...L3(1, "main", "20%", Z3, R)), T3.push(...L3(3, "eighth", "10%", Z3)), T3.push(...L3(1, "half", "40%", Z3)), ae2 <= 0.5) break;
@@ -54447,33 +54466,33 @@ ${t}
         if (!e.value) return;
         const H3 = e.value.parentElement.querySelector(".super-editor").getBoundingClientRect();
         return {
-          left: `${r.value.x}px`,
+          left: `${c3.value.x}px`,
           minHeight: `${H3.height}px`
         };
       }), z = (T3) => {
-        u.value = true, ge2();
+        d.value = true, ve2();
         const M3 = T3.currentTarget.id;
-        r.value = M3 === "left-margin-handle" ? b : y, E3.value = r.value.x, g = T3.clientX - r.value.x, h3.value = true;
+        c3.value = M3 === "left-margin-handle" ? b : y, E3.value = c3.value.x, v = T3.clientX - c3.value.x, h3.value = true;
       }, B = (T3) => {
-        if (!u.value) return;
-        const M3 = T3.clientX - g;
-        r.value.x = M3, r.value.side === "left" ? M3 <= 0 ? r.value.x = 0 : M3 >= y.x - Ae && (r.value.x = y.x - Ae) : M3 >= a.value.width * 96 ? r.value.x = a.value.width * 96 : M3 <= b.x + Ae && (r.value.x = b.x + Ae);
+        if (!d.value) return;
+        const M3 = T3.clientX - v;
+        c3.value.x = M3, c3.value.side === "left" ? M3 <= 0 ? c3.value.x = 0 : M3 >= y.x - Ae && (c3.value.x = y.x - Ae) : M3 >= s.value.width * 96 ? c3.value.x = s.value.width * 96 : M3 <= b.x + Ae && (c3.value.x = b.x + Ae);
       }, q3 = () => {
-        if (u.value = false, h3.value = false, ve2(), r.value && r.value.x !== E3.value) {
+        if (d.value = false, h3.value = false, ge2(), c3.value && c3.value.x !== E3.value) {
           const T3 = ce2();
           o("margin-change", {
-            side: r.value.side,
+            side: c3.value.side,
             value: T3
           });
         }
-      }, ge2 = () => {
-        d.value = l.value;
       }, ve2 = () => {
-        d.value = "#CCC";
-      }, ce2 = () => r.value.side === "left" ? r.value.x / 96 : (a.value.width * 96 - r.value.x) / 96, de2 = computed(() => ({
+        u.value = a.value;
+      }, ge2 = () => {
+        u.value = "#CCC";
+      }, ce2 = () => c3.value.side === "left" ? c3.value.x / 96 : (s.value.width * 96 - c3.value.x) / 96, de2 = computed(() => ({
         "--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 onMounted(() => {
         i3.value = D3(), window.addEventListener("mousemove", B), window.addEventListener("mouseup", q3);
@@ -54551,18 +54570,18 @@ ${t}
       "comments-loaded",
       "selection-update"
     ],
-    setup(t, { emit: s }) {
-      const o = s, n = t, e = ref(false), i3 = shallowRef(null), d = ref(null), l = ref(null);
-      let a;
-      const c3 = () => {
-        clearTimeout(a);
-      }, u = (p3, C = 10, F3 = 500) => {
+    setup(t, { emit: l }) {
+      const o = l, n = t, e = ref(false), i3 = shallowRef(null), u = ref(null), a = ref(null);
+      let s;
+      const r = () => {
+        clearTimeout(s);
+      }, d = (p3, C = 10, F3 = 500) => {
         const z = p3.getMap("meta"), B = () => {
           const q3 = z.get("docx");
-          q3 ? (c3(), h3({ content: q3 })) : C > 0 ? (console.debug(`Waiting for 'docx' data... retries left: ${C}`), a = setTimeout(B, F3), C--) : console.warn("Failed to load docx data from meta map.");
+          q3 ? (r(), h3({ content: q3 })) : C > 0 ? (console.debug(`Waiting for 'docx' data... retries left: ${C}`), s = setTimeout(B, F3), C--) : console.warn("Failed to load docx data from meta map.");
         };
         B();
-      }, r = async () => {
+      }, c3 = async () => {
         try {
           const [p3, C, F3, z] = await qi$1.loadXmlData(n.fileSource);
           return { content: p3, media: C, mediaFiles: F3, fonts: z };
@@ -54571,12 +54590,12 @@ ${t}
         }
       }, b = async () => {
         if (n.fileSource) {
-          const p3 = await r();
+          const p3 = await c3();
           return h3(p3);
         } else if (n.options.ydoc && n.options.collaborationProvider) {
           delete n.options.content;
           const p3 = n.options.ydoc, C = n.options.collaborationProvider, F3 = () => {
-            u(p3), C.off("synced", F3);
+            d(p3), C.off("synced", F3);
           };
           C.on("synced", F3);
         }
@@ -54586,7 +54605,7 @@ ${t}
       }, h3 = async ({ content: p3, media: C = {}, mediaFiles: F3 = {}, fonts: z = {} } = {}) => {
         i3.value = new qi$1({
           mode: "docx",
-          element: l.value,
+          element: a.value,
           fileSource: n.fileSource,
           extensions: y(),
           externalExtensions: n.options.externalExtensions,
@@ -54597,7 +54616,7 @@ ${t}
           fonts: z,
           ...n.options
         }), i3.value.on("paginationUpdate", () => {
-          no(l, i3);
+          no(a, i3);
         }), i3.value.on("collaborationReady", () => {
           setTimeout(() => {
             e.value = true;
@@ -54605,9 +54624,9 @@ ${t}
         });
       }, E3 = (p3) => {
         o("editor-keydown", { editor: i3.value });
-      }, g = (p3) => {
+      }, v = (p3) => {
         o("editor-click", { editor: i3.value });
-        let C = l.value?.querySelector(".ProseMirror");
+        let C = a.value?.querySelector(".ProseMirror");
         if (!C || !i3.value)
           return;
         !C.contains(p3.target) && i3.value.isEditable && i3.value.view?.focus();
@@ -54623,7 +54642,7 @@ ${t}
         i3.value?.updatePageStyle({ pageMargins: B });
       };
       return onBeforeUnmount(() => {
-        c3(), i3.value?.destroy(), i3.value = null;
+        r(), i3.value?.destroy(), i3.value = null;
       }), (p3, C) => (openBlock(), createElementBlock("div", ro, [
         t.options.rulers && i3.value ? (openBlock(), createBlock(ao, {
           key: 0,
@@ -54634,14 +54653,14 @@ ${t}
         createBaseVNode("div", {
           class: "super-editor",
           ref_key: "editorWrapper",
-          ref: d,
+          ref: u,
           onKeydown: E3,
-          onClick: g,
+          onClick: v,
           onMousedown: D3
         }, [
           createBaseVNode("div", {
             ref_key: "editorElem",
-            ref: l,
+            ref: a,
             class: "editor-element super-editor__element"
           }, null, 512)
         ], 544),
@@ -54715,16 +54734,16 @@ ${t}
       }
     },
     emits: ["update:modelValue", "focus", "blur"],
-    setup(t, { emit: s }) {
-      const o = s, n = t, e = shallowRef(), i3 = ref(null), d = ref(false), l = ({ editor: y, transaction: h3 }) => {
+    setup(t, { emit: l }) {
+      const o = l, n = t, e = shallowRef(), i3 = ref(null), u = ref(false), a = ({ editor: y, transaction: h3 }) => {
         const E3 = y.getHTML();
         o("update:modelValue", E3);
-      }, a = ({ editor: y, transaction: h3 }) => {
-        d.value = true, b(), o("focus", { editor: y, transaction: h3 });
-      }, c3 = ({ editor: y, transaction: h3 }) => {
-        d.value = false, o("blur", { editor: y, transaction: h3 });
-      }, u = async () => {
-        Zw.options.placeholder = n.placeholder || "Type something...", n.options.onTransaction = l, n.options.onFocus = a, n.options.onBlur = c3, e.value = new qi$1({
+      }, s = ({ editor: y, transaction: h3 }) => {
+        u.value = true, b(), o("focus", { editor: y, transaction: h3 });
+      }, r = ({ editor: y, transaction: h3 }) => {
+        u.value = false, o("blur", { editor: y, transaction: h3 });
+      }, d = async () => {
+        Zw.options.placeholder = n.placeholder || "Type something...", n.options.onTransaction = a, n.options.onFocus = s, n.options.onBlur = r, e.value = new qi$1({
           mode: "text",
           content: document.getElementById("currentContent"),
           element: i3.value,
@@ -54732,18 +54751,18 @@ ${t}
           users: n.users,
           ...n.options
         });
-      }, r = () => {
-        d.value = true, e.value?.view?.focus();
+      }, c3 = () => {
+        u.value = true, e.value?.view?.focus();
       }, b = () => {
         e.value?.setOptions({ users: n.users });
       };
       return onMounted(() => {
-        u();
+        d();
       }), onBeforeUnmount(() => {
         e.value?.destroy(), e.value = null;
       }), (y, h3) => (openBlock(), createElementBlock("div", {
-        class: normalizeClass(["super-editor super-input", { "super-input-active": d.value }]),
-        onClick: withModifiers(r, ["stop", "prevent"])
+        class: normalizeClass(["super-editor super-input", { "super-input-active": u.value }]),
+        onClick: withModifiers(c3, ["stop", "prevent"])
       }, [
         createBaseVNode("div", {
           id: "currentContent",
@@ -69718,7 +69737,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.10.34";
+      this.version = "0.10.35";
       console.debug("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config.superdocId || v4();
       this.colors = this.config.colors;
@@ -69903,7 +69922,7 @@ ${style2}
         aiApiKey: this.config.modules?.ai?.apiKey,
         ...moduleConfig
       };
-      this.toolbar = new ko(config);
+      this.toolbar = new wo(config);
       this.toolbar.on("superdoc-command", this.onToolbarCommand.bind(this));
       this.toolbar.on("ai-highlight", ({ type, data }) => {
         this.emit("ai-highlight", { type, data });