@harbour-enterprises/superdoc 0.9.18 → 0.9.19

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

@@ -3,16 +3,16 @@ var Ne = (t) => {
   throw TypeError(t);
 };
 var rt = (t, s, o) => s in t ? at(t, s, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[s] = o;
-var Ie = (t, s, o) => rt(t, typeof s != "symbol" ? s + "" : s, o), Pe = (t, s, o) => s.has(t) || Ne("Cannot " + o);
-var we = (t, s, o) => (Pe(t, s, "read from private field"), o ? o.call(t) : s.get(t)), Le = (t, s, o) => s.has(t) ? Ne("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, o);
-var O = (t, s, o) => (Pe(t, s, "access private method"), o);
-import { _ as K, a as Ue, b as ct, I as Me, f as dt, c as ze, d as ut, i as mt, u as pt, r as ft, E as De, e as ht, P as vt, h as gt, j as yt, A as bt, N as kt } from "./chunks/editor-C3yIzIxA.js";
-import { C as ko, T as Co, l as _o, n as wo, k as xo, m as Eo } from "./chunks/editor-C3yIzIxA.js";
-import { Q as Ct, v as _t, V as wt, T as Ve, a as xt } from "./chunks/converter-D7tzBwl8.js";
-import { G as To } from "./chunks/converter-D7tzBwl8.js";
-import { ref as g, createElementBlock as C, openBlock as k, createElementVNode as x, unref as $, getCurrentInstance as Et, computed as j, watch as St, onMounted as ke, createCommentVNode as ee, withDirectives as Tt, withKeys as At, normalizeClass as te, withModifiers as be, vModelText as Ft, createTextVNode as It, toDisplayString as ne, Fragment as U, renderList as J, normalizeStyle as Y, createVNode as z, h as W, createApp as Lt, reactive as We, onUnmounted as Mt, shallowRef as qe, onBeforeUnmount as Ge, createBlock as Dt } from "vue";
-import { t as G, s as $t, T as Bt, N as Z } from "./chunks/toolbar-DXgM92D5.js";
-import { D as Fo } from "./chunks/docx-zipper-EBPLD6L4.js";
+var Ie = (t, s, o) => rt(t, typeof s != "symbol" ? s + "" : s, o), ze = (t, s, o) => s.has(t) || Ne("Cannot " + o);
+var we = (t, s, o) => (ze(t, s, "read from private field"), o ? o.call(t) : s.get(t)), Le = (t, s, o) => s.has(t) ? Ne("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, o);
+var O = (t, s, o) => (ze(t, s, "access private method"), o);
+import { _ as K, a as Ue, b as ct, I as Me, f as dt, c as Pe, d as ut, i as mt, u as pt, r as ft, E as De, e as ht, P as vt, h as gt, j as yt, A as bt, N as kt } from "./chunks/editor-D0ZPyah6.js";
+import { C as ko, T as Co, l as _o, n as wo, k as xo, m as Eo } from "./chunks/editor-D0ZPyah6.js";
+import { Q as Ct, v as _t, V as wt, T as Ve, a as xt } from "./chunks/converter-Tt5zM06f.js";
+import { G as To } from "./chunks/converter-Tt5zM06f.js";
+import { ref as g, createElementBlock as C, openBlock as k, createElementVNode as x, unref as $, getCurrentInstance as Et, computed as j, watch as St, onMounted as ke, createCommentVNode as ee, withDirectives as Tt, withKeys as At, normalizeClass as te, withModifiers as be, vModelText as Ft, createTextVNode as It, toDisplayString as ne, Fragment as U, renderList as J, normalizeStyle as Y, createVNode as P, h as W, createApp as Lt, reactive as We, onUnmounted as Mt, shallowRef as qe, onBeforeUnmount as Ge, createBlock as Dt } from "vue";
+import { t as G, s as $t, T as Bt, N as Z } from "./chunks/toolbar-CD1usebH.js";
+import { D as Fo } from "./chunks/docx-zipper-D7PDrqbo.js";
 import { createZip as Lo } from "./file-zipper.es.js";
 var Ke = { exports: {} };
 (function(t) {
@@ -74,7 +74,7 @@ var Ke = { exports: {} };
         D[p - 1] = arguments[p];
       v.fn.apply(v.context, D);
     } else {
-      var _ = v.length, A;
+      var _ = v.length, T;
       for (p = 0; p < _; p++)
         switch (v[p].once && this.removeListener(d, v[p].fn, void 0, !0), M) {
           case 1:
@@ -90,8 +90,8 @@ var Ke = { exports: {} };
             v[p].fn.call(v[p].context, u, r, b);
             break;
           default:
-            if (!D) for (A = 1, D = new Array(M - 1); A < M; A++)
-              D[A - 1] = arguments[A];
+            if (!D) for (T = 1, D = new Array(M - 1); T < M; T++)
+              D[T - 1] = arguments[T];
             v[p].fn.apply(v[p].context, D);
         }
     }
@@ -146,7 +146,7 @@ const E = (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 = g(_t()), n = t.type, e = g(t.name), i = t.command, c = g(t.icon), l = g(t.group || "center"), a = g(t.allowWithoutEditor), d = g(t.attributes || {}), u = t.disabled || !1, r = g(t.disabled), b = g(!1), h = g(!1), y = g(t.style), w = g(t.isNarrow), v = g(t.isWide), M = g(t.minWidth), D = g(t.suppressActiveHighlight || !1), p = g(t.argument), _ = g(null), A = g(null), B = g(t.iconColor), N = g(t.hasCaret), Q = g(t.tooltip), he = g(t.tooltipVisible), ae = g(t.tooltipTimeout), re = g(t.defaultLabel), se = g(t.label), T = g(t.hideLabel), I = g(t.inlineTextInputVisible), H = g(t.hasInlineTextInput), R = g(t.markName), V = g(t.labelAttr), q = g([]);
+  const o = g(_t()), n = t.type, e = g(t.name), i = t.command, c = g(t.icon), l = g(t.group || "center"), a = g(t.allowWithoutEditor), d = g(t.attributes || {}), u = t.disabled || !1, r = g(t.disabled), b = g(!1), h = g(!1), y = g(t.style), w = g(t.isNarrow), v = g(t.isWide), M = g(t.minWidth), D = g(t.suppressActiveHighlight || !1), p = g(t.argument), _ = g(null), T = g(null), B = g(t.iconColor), N = g(t.hasCaret), Q = g(t.tooltip), he = g(t.tooltipVisible), ae = g(t.tooltipTimeout), re = g(t.defaultLabel), se = g(t.label), S = g(t.hideLabel), I = g(t.inlineTextInputVisible), H = g(t.hasInlineTextInput), R = g(t.markName), V = g(t.labelAttr), q = g([]);
   if (t.options) {
     if (!Array.isArray(t.options)) throw new Error("Invalid toolbar item options - " + t.options);
     q.value.push(...t.options);
@@ -182,14 +182,14 @@ const E = (t) => {
     isWide: v,
     minWidth: M,
     argument: p,
-    parentItem: A,
+    parentItem: T,
     iconColor: B,
     hasCaret: N,
     tooltipVisible: he,
     tooltipTimeout: ae,
     defaultLabel: re,
     label: se,
-    hideLabel: T,
+    hideLabel: S,
     inlineTextInputVisible: I,
     hasInlineTextInput: H,
     markName: R,
@@ -207,19 +207,19 @@ const E = (t) => {
     onActivate: Ce,
     onDeactivate: ve
   };
-}, Pt = { class: "alignment-buttons" }, zt = ["innerHTML"], Wt = ["innerHTML"], jt = ["innerHTML"], Ut = ["innerHTML"], Vt = {
+}, zt = { class: "alignment-buttons" }, Pt = ["innerHTML"], Wt = ["innerHTML"], jt = ["innerHTML"], Ut = ["innerHTML"], Vt = {
   __name: "AlignmentButtons",
   emits: ["select"],
   setup(t, { emit: s }) {
     const o = s, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (k(), C("div", Pt, [
+    return (e, i) => (k(), C("div", zt, [
       x("div", {
         class: "button-icon",
         onClick: i[0] || (i[0] = (c) => n("left")),
         innerHTML: $(G).alignLeft
-      }, null, 8, zt),
+      }, null, 8, Pt),
       x("div", {
         class: "button-icon",
         onClick: i[1] || (i[1] = (c) => n("center")),
@@ -317,10 +317,10 @@ const E = (t) => {
             type: "text",
             placeholder: "Type or paste a link",
             class: te({ error: l.value }),
-            "onUpdate:modelValue": _[0] || (_[0] = (A) => d.value = A),
+            "onUpdate:modelValue": _[0] || (_[0] = (T) => d.value = T),
             onKeydown: [
               At(be(i, ["stop", "prevent"]), ["enter"]),
-              _[1] || (_[1] = (A) => l.value = !1)
+              _[1] || (_[1] = (T) => l.value = !1)
             ]
           }, null, 42, en), [
             [Ft, d.value]
@@ -351,7 +351,7 @@ const E = (t) => {
         ])
       ])) : v.value ? (k(), C("div", sn, [
         x("a", {
-          onClick: _[2] || (_[2] = be((...A) => t.goToAnchor && t.goToAnchor(...A), ["stop", "prevent"]))
+          onClick: _[2] || (_[2] = be((...T) => t.goToAnchor && t.goToAnchor(...T), ["stop", "prevent"]))
         }, "Go to " + ne(t.href.startsWith("#_") ? t.href.substring(2) : t.href), 1)
       ])) : ee("", !0)
     ]));
@@ -478,14 +478,14 @@ const E = (t) => {
       o("select", e);
     };
     return (e, i) => (k(), C("div", En, [
-      z(je, {
+      P(je, {
         icons: t.icons,
         "active-color": t.activeColor,
         onSelect: n
       }, null, 8, ["icons", "active-color"]),
       t.customIcons.flat().length ? (k(), C(U, { key: 0 }, [
         i[0] || (i[0] = x("span", { class: "option-grid-ctn__subtitle" }, "Custom colors", -1)),
-        z(je, {
+        P(je, {
           icons: t.customIcons,
           "active-color": t.activeColor,
           onSelect: n
@@ -626,7 +626,7 @@ const E = (t) => {
       x("div", Mn, ne(n.value) + " x " + ne(e.value), 1)
     ]));
   }
-}, $n = /* @__PURE__ */ K(Dn, [["__scopeId", "data-v-06352ab9"]]), Bn = { class: "toolbar-table-actions" }, Hn = ["onClick"], Rn = { class: "toolbar-table-actions__icon" }, On = ["innerHTML"], Nn = { class: "toolbar-table-actions__label" }, Pn = {
+}, $n = /* @__PURE__ */ K(Dn, [["__scopeId", "data-v-06352ab9"]]), Bn = { class: "toolbar-table-actions" }, Hn = ["onClick"], Rn = { class: "toolbar-table-actions__icon" }, On = ["innerHTML"], Nn = { class: "toolbar-table-actions__label" }, zn = {
   __name: "TableActions",
   props: {
     options: {
@@ -653,7 +653,7 @@ const E = (t) => {
       ], 10, Hn))), 256))
     ]));
   }
-}, zn = /* @__PURE__ */ K(Pn, [["__scopeId", "data-v-9a702d7f"]]), le = (t) => {
+}, Pn = /* @__PURE__ */ K(zn, [["__scopeId", "data-v-9a702d7f"]]), le = (t) => {
   t.expand.value = !1;
 }, Wn = (t, s = !1, o, n, e) => {
   const i = E({
@@ -746,8 +746,8 @@ const E = (t) => {
     ],
     onActivate: ({ fontSize: m }) => {
       if (!m) return l.label.value = l.defaultLabel.value;
-      let S = $t(m, 12);
-      S < 8 && (S = 8), S > 96 && (S = 96), l.label.value = String(S);
+      let A = $t(m, 12);
+      A < 8 && (A = 8), A > 96 && (A = 96), l.label.value = String(A);
     },
     onDeactivate: () => l.label.value = l.defaultLabel.value
   }), a = E({
@@ -894,7 +894,7 @@ const E = (t) => {
     options: [
       {
         type: "render",
-        render: () => A(p)
+        render: () => T(p)
       }
     ]
   }), _ = [
@@ -956,12 +956,12 @@ const E = (t) => {
       icon: e.fixTables
     }
   ];
-  function A(m) {
-    return W(zn, {
+  function T(m) {
+    return W(Pn, {
       options: _,
-      onSelect: (S) => {
+      onSelect: (A) => {
         le(m);
-        const { command: F } = S;
+        const { command: F } = A;
         t.emitCommand({ item: m, argument: { command: F } });
       }
     });
@@ -981,10 +981,10 @@ const E = (t) => {
         type: "render",
         render: () => W("div", {}, [
           W(qt, {
-            onSelect: (S) => {
+            onSelect: (A) => {
               le(B);
               const F = { ...B, command: "setTextAlign" };
-              F.command = "setTextAlign", t.emitCommand({ item: F, argument: S }), N(B, S);
+              F.command = "setTextAlign", t.emitCommand({ item: F, argument: A }), N(B, A);
             }
           })
         ]),
@@ -997,8 +997,8 @@ const E = (t) => {
     onDeactivate: () => {
       N(B, "left");
     }
-  }), N = (m, S) => {
-    let F = S === "both" ? "justify" : S, X = {
+  }), N = (m, A) => {
+    let F = A === "both" ? "justify" : A, X = {
       left: e.alignLeft,
       right: e.alignRight,
       center: e.alignCenter,
@@ -1037,7 +1037,7 @@ const E = (t) => {
     command: "toggleOverflow",
     icon: e.overflow,
     disabled: !1
-  }), T = E({
+  }), S = E({
     type: "dropdown",
     name: "zoom",
     allowWithoutEditor: !0,
@@ -1059,7 +1059,7 @@ const E = (t) => {
       { label: "200%", key: 2 }
     ],
     onActivate: ({ zoom: m }) => {
-      m && (T.label.value = m);
+      m && (S.label.value = m);
     }
   }), I = E({
     type: "button",
@@ -1145,7 +1145,7 @@ const E = (t) => {
     tooltip: "Format painter",
     icon: e.copyFormat,
     command: "copyFormat"
-  }), Ce = (m, S) => m === "editor" ? S : m === "suggester" ? S.filter((F) => F.value === "suggesting") : S.filter((F) => F.value === "viewing"), ve = (m) => m === "editor" ? "Editing" : m === "suggester" ? "Suggesting" : "Viewing", oe = E({
+  }), Ce = (m, A) => m === "editor" ? A : m === "suggester" ? A.filter((F) => F.value === "suggesting") : A.filter((F) => F.value === "viewing"), ve = (m) => m === "editor" ? "Editing" : m === "suggester" ? "Suggesting" : "Viewing", oe = E({
     type: "dropdown",
     name: "documentMode",
     command: "setDocumentMode",
@@ -1191,9 +1191,9 @@ const E = (t) => {
     }
   ];
   function ie(m) {
-    const S = Ce(n, ue);
+    const A = Ce(n, ue);
     return W(vn, {
-      options: S,
+      options: A,
       onSelect: (F) => {
         le(m);
         const { label: X, icon: me } = F;
@@ -1242,10 +1242,10 @@ const E = (t) => {
         type: "render",
         key: "linkedStyle",
         render: () => {
-          const m = (S) => {
+          const m = (A) => {
             le(ye);
             const F = { ...ye, command: "setLinkedStyle" };
-            t.emitCommand({ item: F, argument: S });
+            t.emitCommand({ item: F, argument: A });
           };
           return W("div", {}, [
             W(kn, {
@@ -1267,7 +1267,7 @@ const E = (t) => {
     md: 1024,
     xl: 1410
   }, tt = 120, nt = 32, ot = ["linkedStyles", "clearFormatting", "copyFormat", "ruler"], it = ["zoom", "fontFamily", "fontSize", "redo"];
-  let P = [
+  let z = [
     I,
     H,
     // Dev - tracked changes
@@ -1276,8 +1276,7 @@ const E = (t) => {
     q,
     // toggleTrackChangesOriginal,
     // toggleTrackChangesFinal,
-    T,
-    a,
+    S,
     c,
     a,
     l,
@@ -1309,20 +1308,22 @@ const E = (t) => {
     oe
     // search,
   ];
-  if (o <= Te.md && (P = P.filter((m) => m.type !== "separator")), t.config.pagination || (P = P.filter((m) => m.name.value !== "pageBreakTool")), t.config.mode !== "docx") {
-    const m = P.findIndex((S) => S.name.value === "linkedStyles");
-    P.splice(m - 1, 2), P = P.filter((S) => S.name.value !== "ruler");
+  if (o <= Te.md && (z = z.filter((m) => m.type !== "separator")), t.config.pagination || (z = z.filter((m) => m.name.value !== "pageBreakTool")), t.config.mode !== "docx") {
+    const m = z.findIndex((F) => F.name.value === "linkedStyles");
+    z.splice(m - 1, 2);
+    const A = ["ruler", "zoom", "undo", "redo"];
+    z = z.filter((F) => !A.includes(F.name.value));
   }
   const Oe = [R, ce, de];
-  s || (n === "viewer" && Oe.push(V, q), P = P.filter((m) => !Oe.includes(m)));
+  s || (n === "viewer" && Oe.push(V, q), z = z.filter((m) => !Oe.includes(m)));
   const st = [I, se, oe].map((m) => m.name), lt = (m) => st.includes(m.name), _e = [], Ae = [];
   let Fe = nt + tt;
-  return P.forEach((m) => {
-    const S = Re.get(m.name.value) || Re.get("default");
+  return z.forEach((m) => {
+    const A = Re.get(m.name.value) || Re.get("default");
     if (o < Te.xl && ot.includes(m.name.value)) {
       if (_e.push(m), m.name.value === "linkedStyles") {
-        const F = P.findIndex((X) => X.name.value === "linkedStyles");
-        P.splice(F + 1, 1);
+        const F = z.findIndex((X) => X.name.value === "linkedStyles");
+        z.splice(F + 1, 1);
       }
       return;
     }
@@ -1331,10 +1332,10 @@ const E = (t) => {
       return;
     }
     if (lt(m)) {
-      Ae.push(m), Fe += S;
+      Ae.push(m), Fe += A;
       return;
     }
-    Fe < o ? (Ae.push(m), Fe += S) : _e.push(m);
+    Fe < o ? (Ae.push(m), Fe += A) : _e.push(m);
   }), {
     defaultItems: Ae,
     overflowItems: _e.filter((m) => m.type !== "separator")
@@ -1432,7 +1433,9 @@ class po extends Rt {
       pagination: !1,
       icons: { ...G },
       mode: "docx",
-      excludeItems: []
+      excludeItems: [],
+      groups: null,
+      editor: null
     });
     Le(this, fe, {
       setZoom: ({ item: o, argument: n }) => {
@@ -1475,13 +1478,13 @@ class po extends Rt {
       },
       increaseTextIndent: ({ item: o, argument: n }) => {
         let e = o.command, { state: i } = this.activeEditor;
-        if (ze((l) => l.type.name === "listItem")(i.selection))
+        if (Pe((l) => l.type.name === "listItem")(i.selection))
           return this.activeEditor.chain().sinkListItem("listItem").updateOrderedListStyleType().run();
         e in this.activeEditor.commands && this.activeEditor.commands[e](n);
       },
       decreaseTextIndent: ({ item: o, argument: n }) => {
         let e = o.command, { state: i } = this.activeEditor;
-        if (ze((l) => l.type.name === "listItem")(i.selection))
+        if (Pe((l) => l.type.name === "listItem")(i.selection))
           return this.activeEditor.chain().liftListItem("listItem").updateOrderedListStyleType().run();
         e in this.activeEditor.commands && this.activeEditor.commands[e](n);
       },
@@ -1520,7 +1523,7 @@ class po extends Rt {
     Ie(this, "onToolbarResize", () => {
       O(this, L, Be).call(this, this, this.config.icons, this.isDev), this.role === "viewer" && O(this, L, He).call(this);
     });
-    this.config = { ...this.config, ...o }, this.toolbarItems = [], this.overflowItems = [], this.documentMode = o.documentMode || "editing", this.isDev = o.isDev || !1, this.superdoc = o.superdoc, this.role = o.role || "editor", this.config.icons = {
+    this.config = { ...this.config, ...o }, this.toolbarItems = [], this.overflowItems = [], this.documentMode = o.documentMode || "editing", this.isDev = o.isDev || !1, this.superdoc = o.superdoc, this.role = o.role || "editor", this.config.editor && (this.config.mode = this.config.editor.options.mode), this.config.icons = {
       ...G,
       ...o.icons
     }, !this.config.selector && this.config.element && (this.config.selector = this.config.element), O(this, L, Ze).call(this), O(this, L, Be).call(this, this, this.config.icons, o.isDev);
@@ -1681,52 +1684,52 @@ const Zn = (t, s) => {
     const o = s, n = t, e = g(null), i = g([]), c = g("#CCCCCC"), l = g("#2563EB66"), a = g(null), d = g(null), u = g(!1), r = g(null), b = We({ side: "left", x: 0 }), h = We({ side: "right", x: 0 }), y = g(!1), w = g(0);
     let v = 0;
     const M = () => {
-      const T = [], { pageMargins: I, pageSize: H } = n.editor.getPageStyles();
+      const S = [], { pageMargins: I, pageSize: H } = n.editor.getPageStyles();
       a.value = H, d.value = I, h.x = H.width * 96 - I.right * 96, b.x = I.left * 96;
       for (let R = 0; R < H.width; R++) {
         const q = `${5.5}px`, ce = H.width - R;
-        if (T.push(...D(1, "main", "20%", q, R)), T.push(...D(3, "eighth", "10%", q)), T.push(...D(1, "half", "40%", q)), ce <= 0.5) break;
-        T.push(...D(3, "eighth", "10%", q));
+        if (S.push(...D(1, "main", "20%", q, R)), S.push(...D(3, "eighth", "10%", q)), S.push(...D(1, "half", "40%", q)), ce <= 0.5) break;
+        S.push(...D(3, "eighth", "10%", q));
       }
-      return T;
-    }, D = (T, I, H, R, V) => Array.from({ length: T }, (q, ce) => {
+      return S;
+    }, D = (S, I, H, R, V) => Array.from({ length: S }, (q, ce) => {
       const de = {
         className: `${I}-unit ruler-section`,
         height: H,
         margin: R
       };
       return V !== void 0 && (de.numbering = V), de;
-    }), p = j(() => (T) => ({
+    }), p = j(() => (S) => ({
       width: "1px",
       minWidth: "1px",
       maxWidth: "1px",
-      height: T.height,
-      backgroundColor: T.color || "#666",
-      marginLeft: T.numbering === 0 ? null : T.margin,
-      marginRight: T.margin
-    })), _ = j(() => (T) => ({
-      left: `${(T === "left" ? b : h).x}px`
-    })), A = j(() => {
+      height: S.height,
+      backgroundColor: S.color || "#666",
+      marginLeft: S.numbering === 0 ? null : S.margin,
+      marginRight: S.margin
+    })), _ = j(() => (S) => ({
+      left: `${(S === "left" ? b : h).x}px`
+    })), T = j(() => {
       if (!e.value) return;
       const H = e.value.parentElement.querySelector(".super-editor").getBoundingClientRect();
       return {
         left: `${r.value.x}px`,
         minHeight: `${H.height}px`
       };
-    }), B = (T) => {
+    }), B = (S) => {
       u.value = !0, he();
-      const I = T.currentTarget.id;
-      r.value = I === "left-margin-handle" ? b : h, w.value = r.value.x, v = T.clientX - r.value.x, y.value = !0;
-    }, N = (T) => {
+      const I = S.currentTarget.id;
+      r.value = I === "left-margin-handle" ? b : h, w.value = r.value.x, v = S.clientX - r.value.x, y.value = !0;
+    }, N = (S) => {
       if (!u.value) return;
-      const I = T.clientX - v;
+      const I = S.clientX - v;
       r.value.x = I, r.value.side === "left" ? I <= 0 ? r.value.x = 0 : I >= h.x - xe && (r.value.x = h.x - xe) : I >= a.value.width * 96 ? r.value.x = a.value.width * 96 : I <= b.x + xe && (r.value.x = b.x + xe);
     }, Q = () => {
       if (u.value = !1, y.value = !1, ae(), r.value && r.value.x !== w.value) {
-        const T = re();
+        const S = re();
         o("margin-change", {
           side: r.value.side,
-          value: T
+          value: S
         });
       }
     }, he = () => {
@@ -1742,7 +1745,7 @@ const Zn = (t, s) => {
       i.value = M(), window.addEventListener("mousemove", N), window.addEventListener("mouseup", Q);
     }), Mt(() => {
       window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", Q);
-    }), (T, I) => (k(), C("div", {
+    }), (S, I) => (k(), C("div", {
       class: "ruler",
       ref_key: "ruler",
       ref: e,
@@ -1763,7 +1766,7 @@ const Zn = (t, s) => {
       y.value ? (k(), C("div", {
         key: 0,
         class: "vertical-indicator",
-        style: Y(A.value)
+        style: Y(T.value)
       }, null, 4)) : ee("", !0),
       (k(!0), C(U, null, J(i.value, (H) => (k(), C("div", {
         class: te(H.className),
@@ -1819,16 +1822,16 @@ const Zn = (t, s) => {
     let a;
     const d = () => {
       clearTimeout(a);
-    }, u = (p, _ = 10, A = 500) => {
+    }, u = (p, _ = 10, T = 500) => {
       const B = p.getMap("meta"), N = () => {
         const Q = B.get("docx");
-        Q ? (d(), y({ content: Q })) : _ > 0 ? (console.debug(`Waiting for 'docx' data... retries left: ${_}`), a = setTimeout(N, A), _--) : console.warn("Failed to load docx data from meta map.");
+        Q ? (d(), y({ content: Q })) : _ > 0 ? (console.debug(`Waiting for 'docx' data... retries left: ${_}`), a = setTimeout(N, T), _--) : console.warn("Failed to load docx data from meta map.");
       };
       N();
     }, r = async () => {
       try {
-        const [p, _, A, B] = await De.loadXmlData(n.fileSource);
-        return { content: p, media: _, mediaFiles: A, fonts: B };
+        const [p, _, T, B] = await De.loadXmlData(n.fileSource);
+        return { content: p, media: _, mediaFiles: T, fonts: B };
       } catch (p) {
         console.debug("Error loading new file data:", p);
       }
@@ -1838,15 +1841,15 @@ const Zn = (t, s) => {
         return y(p);
       } else if (n.options.ydoc && n.options.collaborationProvider) {
         delete n.options.content;
-        const p = n.options.ydoc, _ = n.options.collaborationProvider, A = () => {
-          u(p), _.off("synced", A);
+        const p = n.options.ydoc, _ = n.options.collaborationProvider, T = () => {
+          u(p), _.off("synced", T);
         };
-        _.on("synced", A);
+        _.on("synced", T);
       }
     }, h = () => {
       const p = ht();
       return n.options.pagination ? p : p.filter((_) => _.name !== "pagination");
-    }, y = async ({ content: p, media: _ = {}, mediaFiles: A = {}, fonts: B = {} } = {}) => {
+    }, y = async ({ content: p, media: _ = {}, mediaFiles: T = {}, fonts: B = {} } = {}) => {
       i.value = new De({
         mode: "docx",
         element: l.value,
@@ -1856,7 +1859,7 @@ const Zn = (t, s) => {
         documentId: n.documentId,
         content: p,
         media: _,
-        mediaFiles: A,
+        mediaFiles: T,
         fonts: B,
         ...n.options
       }), i.value.on("paginationUpdate", () => {
@@ -1882,7 +1885,7 @@ const Zn = (t, s) => {
       p.target.classList.contains("ProseMirror") || Zn(p, i.value);
     }, D = ({ side: p, value: _ }) => {
       if (!i.value) return;
-      const A = i.value.getPageStyles(), { pageMargins: B } = A, N = { ...B, [p]: _ };
+      const T = i.value.getPageStyles(), { pageMargins: B } = T, N = { ...B, [p]: _ };
       i.value?.updatePageStyle({ pageMargins: N });
     };
     return Ge(() => {
@@ -1910,45 +1913,45 @@ const Zn = (t, s) => {
       ], 544),
       e.value ? ee("", !0) : (k(), C("div", no, [
         x("div", oo, [
-          z($(Z), {
+          P($(Z), {
             text: "",
             style: { width: "60%" }
           })
         ]),
-        z($(Z), {
+        P($(Z), {
           text: "",
           repeat: 6
         }),
-        z($(Z), {
+        P($(Z), {
           text: "",
           style: { width: "60%" }
         }),
-        z($(Z), {
+        P($(Z), {
           text: "",
           repeat: 6,
           style: { width: "30%", display: "block", margin: "20px" }
         }),
-        z($(Z), {
+        P($(Z), {
           text: "",
           style: { width: "60%" }
         }),
-        z($(Z), {
+        P($(Z), {
           text: "",
           repeat: 5
         }),
-        z($(Z), {
+        P($(Z), {
           text: "",
           style: { width: "30%" }
         }),
-        z($(Z), {
+        P($(Z), {
           text: "",
           style: { "margin-top": "50px" }
         }),
-        z($(Z), {
+        P($(Z), {
           text: "",
           repeat: 6
         }),
-        z($(Z), {
+        P($(Z), {
           text: "",
           style: { width: "70%" }
         })

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

@@ -1,6 +1,6 @@
 import "vue";
-import { T as p } from "./chunks/toolbar-DXgM92D5.js";
-import "./chunks/editor-C3yIzIxA.js";
+import { T as p } from "./chunks/toolbar-CD1usebH.js";
+import "./chunks/editor-D0ZPyah6.js";
 export {
   p as default
 };

package/dist/super-editor.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/super-editor.es-DQccY-AY.cjs");require("./chunks/vue-Ckf0DkDN.cjs");exports.BasicUpload=e.ho;exports.CommentsPluginKey=e.me;exports.DocxZipper=e.Nt;exports.Editor=e.Hi;exports.Extensions=e.go;exports.SuperConverter=e.kt;exports.SuperEditor=e.fo;exports.SuperInput=e.vo;exports.SuperToolbar=e.po;exports.Toolbar=e._p;exports.TrackChangesBasePluginKey=e.de;exports.createZip=e.c;exports.fieldAnnotationHelpers=e.Vk;exports.getActiveFormatting=e.Df;exports.getAllowedImageDimensions=e.Gn;exports.getMarksFromSelection=e.Do;exports.getRichTextExtensions=e.Dk;exports.getStarterExtensions=e.Nk;exports.helpers=e.kd;exports.trackChangesHelpers=e.jk;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/super-editor.es-Ci4hKlxU.cjs");require("./chunks/vue-Ckf0DkDN.cjs");exports.BasicUpload=e.ho;exports.CommentsPluginKey=e.me;exports.DocxZipper=e.Nt;exports.Editor=e.Hi;exports.Extensions=e.go;exports.SuperConverter=e.kt;exports.SuperEditor=e.fo;exports.SuperInput=e.vo;exports.SuperToolbar=e.po;exports.Toolbar=e._p;exports.TrackChangesBasePluginKey=e.de;exports.createZip=e.c;exports.fieldAnnotationHelpers=e.Vk;exports.getActiveFormatting=e.Df;exports.getAllowedImageDimensions=e.Gn;exports.getMarksFromSelection=e.Do;exports.getRichTextExtensions=e.Dk;exports.getStarterExtensions=e.Nk;exports.helpers=e.kd;exports.trackChangesHelpers=e.jk;

package/dist/super-editor.es.js

@@ -1,4 +1,4 @@
-import { h as t, m as r, N as o, H as i, g as n, k as p, f as g, v as l, p as c, _ as m, d as u, c as d, V as x, D as S, G as h, a as E, b as k, e as C, i as T, j as b } from "./chunks/super-editor.es-BEkxhYsI.es.js";
+import { h as t, m as r, N as o, H as i, g as n, k as p, f as g, v as l, p as c, _ as m, d as u, c as d, V as x, D as S, G as h, a as E, b as k, e as C, i as T, j as b } from "./chunks/super-editor.es-BFboWKJF.es.js";
 import "./chunks/vue-BDbTsTMu.es.js";
 export {
   t as BasicUpload,