@harbour-enterprises/superdoc 0.9.3 → 0.9.4

package/dist/super-editor/chunks/{toolbar-D_qLpwlX.js → toolbar-CMdpuplt.js}

@@ -1,6 +1,6 @@
 import { computed as _, createElementBlock as se, openBlock as q, createElementVNode as pn, createCommentVNode as pe, normalizeClass as Zt, normalizeStyle as Jt, ref as R, unref as W, createBlock as Ge, toDisplayString as ni, withDirectives as dt, withKeys as Nr, withModifiers as Hr, vModelText as jr, getCurrentInstance as _t, createVNode as Et, readonly as Qt, watch as we, onMounted as Ke, onBeforeUnmount as Be, reactive as Ks, onBeforeMount as dr, inject as te, onActivated as Vs, onDeactivated as ri, createTextVNode as At, Fragment as _e, Comment as fr, defineComponent as ee, provide as Se, h as E, Teleport as Us, toRef as ie, nextTick as Gs, renderSlot as Xs, isVNode as qs, shallowRef as Ys, watchEffect as ft, mergeProps as pt, Transition as en, vShow as Zs, cloneVNode as Js, Text as Qs, renderList as el, withCtx as Bn } from "vue";
-import { p as tn } from "./converter-DzRQ2EtV.js";
-import { _ as vt, g as Pt } from "./editor-DE4dAOnf.js";
+import { p as tn } from "./converter-BYZMsYC6.js";
+import { _ as vt, g as Pt } from "./editor-B6pEAzx8.js";
 const Mp = (e, t) => {
   let n = e.replace(/[^0-9.]/g, "");
   return n = parseFloat(n), isNaN(n) && (n = t), n = parseFloat(n), n;

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

@@ -1,4 +1,4 @@
-import { G as o } from "./chunks/converter-DzRQ2EtV.js";
+import { E as o } from "./chunks/converter-BYZMsYC6.js";
 export {
   o as SuperConverter
 };

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

@@ -1,5 +1,5 @@
-import "./chunks/converter-DzRQ2EtV.js";
-import { D as a } from "./chunks/docx-zipper-CrpjP4_u.js";
+import "./chunks/converter-BYZMsYC6.js";
+import { D as a } from "./chunks/docx-zipper-DnQsAKQr.js";
 export {
   a as default
 };

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

@@ -1,6 +1,6 @@
-import { E as m } from "./chunks/editor-DE4dAOnf.js";
-import "./chunks/converter-DzRQ2EtV.js";
-import "./chunks/docx-zipper-CrpjP4_u.js";
+import { E as m } from "./chunks/editor-B6pEAzx8.js";
+import "./chunks/converter-BYZMsYC6.js";
+import "./chunks/docx-zipper-DnQsAKQr.js";
 export {
   m as Editor
 };

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

@@ -1,4 +1,4 @@
-import { J as p } from "./chunks/docx-zipper-CrpjP4_u.js";
+import { J as p } from "./chunks/docx-zipper-DnQsAKQr.js";
 async function c(o, t) {
   const e = new p();
   return o.forEach((i, n) => {

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

@@ -6,13 +6,13 @@ var rt = (t, s, o) => s in t ? at(t, s, { enumerable: !0, configurable: !0, writ
 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-DE4dAOnf.js";
-import { C as ko, T as Co, l as _o, n as wo, k as xo, m as Eo } from "./chunks/editor-DE4dAOnf.js";
-import { Q as Ct, v as _t, V as wt, T as Ve, a as xt } from "./chunks/converter-DzRQ2EtV.js";
-import { G as To } from "./chunks/converter-DzRQ2EtV.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 Ge, onBeforeUnmount as qe, createBlock as Dt } from "vue";
-import { t as q, s as $t, T as Bt, N as Z } from "./chunks/toolbar-D_qLpwlX.js";
-import { D as Fo } from "./chunks/docx-zipper-CrpjP4_u.js";
+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-B6pEAzx8.js";
+import { C as ko, T as Co, l as _o, n as wo, k as xo, m as Eo } from "./chunks/editor-B6pEAzx8.js";
+import { Q as Ct, v as _t, V as wt, T as Ve, a as xt } from "./chunks/converter-BYZMsYC6.js";
+import { E as To } from "./chunks/converter-BYZMsYC6.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-CMdpuplt.js";
+import { D as Fo } from "./chunks/docx-zipper-DnQsAKQr.js";
 import { createZip as Lo } from "./file-zipper.es.js";
 var Ke = { exports: {} };
 (function(t) {
@@ -146,10 +146,10 @@ 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), G = 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), 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([]);
   if (t.options) {
     if (!Array.isArray(t.options)) throw new Error("Invalid toolbar item options - " + t.options);
-    G.value.push(...t.options);
+    q.value.push(...t.options);
   }
   const ce = (ie) => {
     Ce(ie), !D.value && (b.value = !0);
@@ -176,7 +176,7 @@ const E = (t) => {
     disabled: r,
     active: b,
     expand: h,
-    nestedOptions: G,
+    nestedOptions: q,
     style: y,
     isNarrow: w,
     isWide: v,
@@ -218,26 +218,26 @@ const E = (t) => {
       x("div", {
         class: "button-icon",
         onClick: i[0] || (i[0] = (c) => n("left")),
-        innerHTML: $(q).alignLeft
+        innerHTML: $(G).alignLeft
       }, null, 8, zt),
       x("div", {
         class: "button-icon",
         onClick: i[1] || (i[1] = (c) => n("center")),
-        innerHTML: $(q).alignCenter
+        innerHTML: $(G).alignCenter
       }, null, 8, Wt),
       x("div", {
         class: "button-icon",
         onClick: i[2] || (i[2] = (c) => n("right")),
-        innerHTML: $(q).alignRight
+        innerHTML: $(G).alignRight
       }, null, 8, jt),
       x("div", {
         class: "button-icon",
         onClick: i[3] || (i[3] = (c) => n("justify")),
-        innerHTML: $(q).alignJustify
+        innerHTML: $(G).alignJustify
       }, null, 8, Ut)
     ]));
   }
-}, Gt = /* @__PURE__ */ K(Vt, [["__scopeId", "data-v-d6fae878"]]), qt = { class: "link-input-ctn" }, Kt = {
+}, qt = /* @__PURE__ */ K(Vt, [["__scopeId", "data-v-d6fae878"]]), Gt = { class: "link-input-ctn" }, Kt = {
   key: 0,
   class: "link-title"
 }, Xt = {
@@ -305,13 +305,13 @@ const E = (t) => {
     };
     return ke(() => {
       n.showInput && D();
-    }), (p, _) => (k(), C("div", qt, [
+    }), (p, _) => (k(), C("div", Gt, [
       t.href ? v.value ? (k(), C("div", Xt, "Page anchor")) : (k(), C("div", Zt, "Edit link")) : (k(), C("div", Kt, "Add link")),
       t.showInput && !v.value ? (k(), C("div", Yt, [
         x("div", Jt, [
           x("div", {
             class: "input-icon",
-            innerHTML: $(q).linkInput
+            innerHTML: $(G).linkInput
           }, null, 8, Qt),
           Tt(x("input", {
             type: "text",
@@ -327,7 +327,7 @@ const E = (t) => {
           ]),
           x("div", {
             class: te(["open-link-icon", { disabled: !r.value }]),
-            innerHTML: $(q).openLink,
+            innerHTML: $(G).openLink,
             onClick: M
           }, null, 10, tn)
         ]),
@@ -339,7 +339,7 @@ const E = (t) => {
           }, [
             x("div", {
               class: "remove-btn__icon",
-              innerHTML: $(q).removeLink
+              innerHTML: $(G).removeLink
             }, null, 8, on),
             _[3] || (_[3] = It(" Remove "))
           ])) : ee("", !0),
@@ -450,7 +450,7 @@ const E = (t) => {
         e.value(r) ? (k(), C("div", {
           key: 0,
           class: "option__check",
-          innerHTML: $(q).colorOptionCheck,
+          innerHTML: $(G).colorOptionCheck,
           style: Y(i(r.value, b))
         }, null, 12, wn)) : ee("", !0)
       ], 8, Cn))), 128))
@@ -497,7 +497,7 @@ const E = (t) => {
   t.expand.value = !1;
 }, f = (t, s = null) => ({
   label: s,
-  icon: q.colorOption,
+  icon: G.colorOption,
   value: t,
   style: {
     color: t,
@@ -980,7 +980,7 @@ const E = (t) => {
       {
         type: "render",
         render: () => W("div", {}, [
-          W(Gt, {
+          W(qt, {
             onSelect: (S) => {
               le(B);
               const F = { ...B, command: "setTextAlign" };
@@ -1099,7 +1099,7 @@ const E = (t) => {
     command: "acceptTrackedChangeBySelection",
     icon: e.trackChangesAccept,
     group: "left"
-  }), G = E({
+  }), q = E({
     type: "button",
     disabled: !1,
     name: "rejectTrackedChangeOnSelection",
@@ -1273,7 +1273,7 @@ const E = (t) => {
     // Dev - tracked changes
     // toggleTrackChanges,
     V,
-    G,
+    q,
     // toggleTrackChangesOriginal,
     // toggleTrackChangesFinal,
     T,
@@ -1314,7 +1314,7 @@ const E = (t) => {
     P.splice(m - 1, 2), P = P.filter((S) => S.name.value !== "ruler");
   }
   const Oe = [R, ce, de];
-  s || (n === "viewer" && Oe.push(V, G), P = P.filter((m) => !Oe.includes(m)));
+  s || (n === "viewer" && Oe.push(V, q), P = P.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) => {
@@ -1354,10 +1354,10 @@ const E = (t) => {
 }, Vn = (t) => new Promise((s, o) => {
   let n = new FileReader();
   n.onload = (e) => s(e.target.result), n.onerror = o, setTimeout(() => n.readAsDataURL(t), 250);
-}), Gn = (t, s) => new Promise((o, n) => {
+}), qn = (t, s) => new Promise((o, n) => {
   const e = new window.Image();
   e.onload = () => {
-    const i = document.createElement("canvas"), { width: c, height: l } = qn(
+    const i = document.createElement("canvas"), { width: c, height: l } = Gn(
       e.width,
       e.height,
       s
@@ -1374,7 +1374,7 @@ const E = (t) => {
         o({ file: u, width: c, height: l });
       });
   }, e.onerror = (i) => n(i), e.src = typeof t == "string" ? t : URL.createObjectURL(t);
-}), qn = (t, s, o) => {
+}), Gn = (t, s, o) => {
   const { width: n, height: e } = o.getMaxContentSize();
   if (!n || !e) return { width: t, height: s };
   let i = t, c = s;
@@ -1388,7 +1388,7 @@ const E = (t) => {
   }
   let i, c;
   try {
-    const r = await Gn(o, t);
+    const r = await qn(o, t);
     i = r.width, c = r.height, o = r.file;
   } catch (r) {
     console.warn("Error processing image:", r);
@@ -1430,7 +1430,7 @@ class po extends Rt {
       toolbarGroups: ["left", "center", "right"],
       role: "editor",
       pagination: !1,
-      icons: { ...q },
+      icons: { ...G },
       mode: "docx",
       excludeItems: []
     });
@@ -1438,7 +1438,7 @@ class po extends Rt {
       setZoom: ({ item: o, argument: n }) => {
         if (!n) return;
         o.onActivate({ zoom: n }), this.emit("superdoc-command", { item: o, argument: n });
-        const e = document.querySelector(".layers");
+        const e = document.querySelector(this.superdoc.config.selector)?.querySelector(".layers");
         if (!e) return;
         const i = typeof screen.orientation < "u", c = window.matchMedia("(max-width: 834px)").matches;
         i && c ? (e.style.transformOrigin = "0 0", e.style.transform = `scale(${parseInt(n) / 100})`) : e.style.zoom = parseInt(n) / 100, this.superdoc.superdocStore.activeZoom = parseInt(n);
@@ -1521,7 +1521,7 @@ class po extends Rt {
       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 = {
-      ...q,
+      ...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);
     let n = null;
@@ -1684,12 +1684,12 @@ const Zn = (t, s) => {
       const T = [], { 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 G = `${5.5}px`, ce = H.width - R;
-        if (T.push(...D(1, "main", "20%", G, R)), T.push(...D(3, "eighth", "10%", G)), T.push(...D(1, "half", "40%", G)), ce <= 0.5) break;
-        T.push(...D(3, "eighth", "10%", G));
+        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));
       }
       return T;
-    }, D = (T, I, H, R, V) => Array.from({ length: T }, (G, ce) => {
+    }, D = (T, I, H, R, V) => Array.from({ length: T }, (q, ce) => {
       const de = {
         className: `${I}-unit ruler-section`,
         height: H,
@@ -1815,7 +1815,7 @@ const Zn = (t, s) => {
     "selection-update"
   ],
   setup(t, { emit: s }) {
-    const o = s, n = t, e = g(!1), i = Ge(null), c = g(null), l = g(null);
+    const o = s, n = t, e = g(!1), i = qe(null), c = g(null), l = g(null);
     let a;
     const d = () => {
       clearTimeout(a);
@@ -1885,7 +1885,7 @@ const Zn = (t, s) => {
       const A = i.value.getPageStyles(), { pageMargins: B } = A, N = { ...B, [p]: _ };
       i.value?.updatePageStyle({ pageMargins: N });
     };
-    return qe(() => {
+    return Ge(() => {
       d(), i.value?.destroy(), i.value = null;
     }), (p, _) => (k(), C("div", to, [
       t.options.rulers && i.value ? (k(), Dt(eo, {
@@ -1995,7 +1995,7 @@ const Zn = (t, s) => {
   },
   emits: ["update:modelValue", "focus", "blur"],
   setup(t, { emit: s }) {
-    const o = s, n = t, e = Ge(), i = g(null), c = g(!1), l = ({ editor: h, transaction: y }) => {
+    const o = s, n = t, e = qe(), i = g(null), c = g(!1), l = ({ editor: h, transaction: y }) => {
       const w = h.getHTML();
       o("update:modelValue", w);
     }, a = ({ editor: h, transaction: y }) => {
@@ -2018,7 +2018,7 @@ const Zn = (t, s) => {
     };
     return ke(() => {
       u();
-    }), qe(() => {
+    }), Ge(() => {
       e.value?.destroy(), e.value = null;
     }), (h, y) => (k(), C("div", {
       class: te(["super-editor super-input", { "super-input-active": c.value }]),
@@ -2057,7 +2057,7 @@ export {
   Lo as createZip,
   _o as fieldAnnotationHelpers,
   ut as getActiveFormatting,
-  qn as getAllowedImageDimensions,
+  Gn as getAllowedImageDimensions,
   wo as getMarksFromSelection,
   gt as getRichTextExtensions,
   ht as getStarterExtensions,

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

@@ -1,6 +1,6 @@
 import "vue";
-import { T as p } from "./chunks/toolbar-D_qLpwlX.js";
-import "./chunks/editor-DE4dAOnf.js";
+import { T as p } from "./chunks/toolbar-CMdpuplt.js";
+import "./chunks/editor-B6pEAzx8.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-kOcaXkai.cjs");require("./chunks/vue-Ckf0DkDN.cjs");exports.BasicUpload=e.ho;exports.CommentsPluginKey=e.me;exports.DocxZipper=e.Nt;exports.Editor=e.Vi;exports.Extensions=e.go;exports.SuperConverter=e.Ft;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.IC;exports.getActiveFormatting=e.wf;exports.getAllowedImageDimensions=e.qn;exports.getMarksFromSelection=e.Oo;exports.getRichTextExtensions=e.vC;exports.getStarterExtensions=e.CC;exports.helpers=e.bd;exports.trackChangesHelpers=e.RC;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/super-editor.es-D0PYoAPc.cjs");require("./chunks/vue-Ckf0DkDN.cjs");exports.BasicUpload=e.ho;exports.CommentsPluginKey=e.he;exports.DocxZipper=e.Nt;exports.Editor=e.Ni;exports.Extensions=e.go;exports.SuperConverter=e.Ft;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.Av;exports.getActiveFormatting=e.af;exports.getAllowedImageDimensions=e.Gn;exports.getMarksFromSelection=e.vo$1;exports.getRichTextExtensions=e.hv;exports.getStarterExtensions=e.mv;exports.helpers=e.td;exports.trackChangesHelpers=e.Tv;

package/dist/super-editor.es.js

@@ -1,11 +1,11 @@
-import { h as t, m as r, N as o, V as n, g as i, F as p, f as g, v as l, p as c, _ as m, d as u, c as d, I as x, w as S, q as h, O as C, a as E, C as T, b, R as f } from "./chunks/super-editor.es-BaKiJQoE.es.js";
+import { h as t, a as r, N as o, b as i, g as n, F as p, f as g, v as l, p as c, _ as m, d as u, c as d, A as x, e as S, G as h, i as E, j as T, m as A, t as C, T as b } from "./chunks/super-editor.es-DzXTasdX.es.js";
 import "./chunks/vue-BDbTsTMu.es.js";
 export {
   t as BasicUpload,
   r as CommentsPluginKey,
   o as DocxZipper,
-  n as Editor,
-  i as Extensions,
+  i as Editor,
+  n as Extensions,
   p as SuperConverter,
   g as SuperEditor,
   l as SuperInput,
@@ -16,9 +16,9 @@ export {
   x as fieldAnnotationHelpers,
   S as getActiveFormatting,
   h as getAllowedImageDimensions,
-  C as getMarksFromSelection,
-  E as getRichTextExtensions,
-  T as getStarterExtensions,
-  b as helpers,
-  f as trackChangesHelpers
+  E as getMarksFromSelection,
+  T as getRichTextExtensions,
+  A as getStarterExtensions,
+  C as helpers,
+  b as trackChangesHelpers
 };