@harbour-enterprises/superdoc 0.10.15 → 0.10.17

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

@@ -6,14 +6,14 @@ var dt = (t, l, o) => l in t ? ct(t, l, { enumerable: !0, configurable: !0, writ
 var $e = (t, l, o) => dt(t, typeof l != "symbol" ? l + "" : l, o), We = (t, l, o) => l.has(t) || Ve("Cannot " + o);
 var Ee = (t, l, o) => (We(t, l, "read from private field"), o ? o.call(t) : l.get(t)), He = (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 O = (t, l, o) => (We(t, l, "access private method"), o);
-import { _ as G, a as Ge, b as ut, I as Be, f as mt, c as je, d as pt, i as ft, u as ht, r as gt, E as Re, e as vt, P as yt, h as bt, j as kt, A as wt, N as Ct } from "./chunks/editor-CQhQmf2I.js";
-import { C as _o, T as xo, l as Eo, n as So, k as To, m as Ao } from "./chunks/editor-CQhQmf2I.js";
-import { a1 as _t, y as xt, a3 as Et, T as Ke, a as St } from "./chunks/converter-Cy4sh4X1.js";
-import { O as Io } from "./chunks/converter-Cy4sh4X1.js";
-import { ref as v, createElementBlock as w, openBlock as k, createElementVNode as E, unref as $, getCurrentInstance as Tt, computed as W, watch as At, onMounted as we, createCommentVNode as ne, withDirectives as Ft, withKeys as It, normalizeClass as oe, withModifiers as ke, vModelText as Lt, createTextVNode as Mt, toDisplayString as ie, Fragment as j, renderList as J, normalizeStyle as Y, createVNode as V, h as P, createApp as Dt, reactive as Ue, onUnmounted as $t, shallowRef as Xe, onBeforeUnmount as Ze, createBlock as Ht } from "vue";
-import { t as q, s as Bt, T as Rt, N as Z } from "./chunks/toolbar-CpGnl37U.js";
-import { D as Mo } from "./chunks/docx-zipper-Y758nVr2.js";
-import { createZip as $o } from "./file-zipper.es.js";
+import { _ as G, a as Ge, b as ut, I as Be, f as mt, c as je, d as pt, i as ft, u as ht, r as gt, E as Re, e as vt, P as yt, h as bt, M as kt, j as wt, A as Ct, N as _t } from "./chunks/editor-BCaKWQzj.js";
+import { C as xo, T as Eo, l as So, n as To, k as Ao, m as Fo } from "./chunks/editor-BCaKWQzj.js";
+import { a1 as xt, y as Et, a3 as St, T as Ke, a as Tt } from "./chunks/converter-TDn-QeQW.js";
+import { O as Lo } from "./chunks/converter-TDn-QeQW.js";
+import { ref as v, createElementBlock as w, openBlock as k, createElementVNode as E, unref as $, getCurrentInstance as At, computed as W, watch as Ft, onMounted as we, createCommentVNode as ne, withDirectives as It, withKeys as Lt, normalizeClass as oe, withModifiers as ke, vModelText as Mt, createTextVNode as Dt, toDisplayString as ie, Fragment as j, renderList as J, normalizeStyle as Y, createVNode as V, h as P, createApp as $t, reactive as Ue, onUnmounted as Ht, shallowRef as Xe, onBeforeUnmount as Ze, createBlock as Bt } from "vue";
+import { t as q, s as Rt, T as Ot, N as Z } from "./chunks/toolbar-BQX5DNr7.js";
+import { D as Do } from "./chunks/docx-zipper-Czpx1Z0Z.js";
+import { createZip as Ho } from "./file-zipper.es.js";
 var Ye = { exports: {} };
 (function(t) {
   var l = Object.prototype.hasOwnProperty, o = "~";
@@ -119,9 +119,9 @@ var Ye = { exports: {} };
     return d ? (u = o ? o + d : d, this._events[u] && c(this, u)) : (this._events = new n(), this._eventsCount = 0), this;
   }, s.prototype.off = s.prototype.removeListener, s.prototype.addListener = s.prototype.on, s.prefixed = o, s.EventEmitter = s, t.exports = s;
 })(Ye);
-var Ot = Ye.exports;
-const Nt = /* @__PURE__ */ _t(Ot);
-function zt(t) {
+var Nt = Ye.exports;
+const zt = /* @__PURE__ */ xt(Nt);
+function Pt(t) {
   let l = t;
   for (; l; ) {
     const o = window.getComputedStyle(l).overflowY;
@@ -131,9 +131,9 @@ function zt(t) {
   }
   return document.scrollingElement || document.documentElement;
 }
-function Pt(t, l = { behavior: "smooth", block: "start" }) {
+function Vt(t, l = { behavior: "smooth", block: "start" }) {
   if (!t) return;
-  const o = zt(t), n = o.getBoundingClientRect(), i = t.getBoundingClientRect().top - n.top + o.scrollTop;
+  const o = Pt(t), n = o.getBoundingClientRect(), i = t.getBoundingClientRect().top - n.top + o.scrollTop;
   o.scrollTo({
     top: l.block === "start" ? i : i - o.clientHeight + t.offsetHeight,
     behavior: l.behavior
@@ -146,7 +146,7 @@ const x = (t) => {
     throw new Error("Toolbar button item needs either icon or label - " + t.name);
   if (!t.name)
     throw new Error("Invalid toolbar item name - " + t.name);
-  const o = v(xt()), n = t.type, e = v(t.name), i = t.command, c = v(t.icon), s = v(t.group || "center"), a = v(t.allowWithoutEditor), d = v(t.attributes || {}), u = t.disabled || !1, r = v(t.disabled), b = v(!1), h = v(!1), y = v(t.style), _ = v(t.isNarrow), g = v(t.isWide), M = v(t.minWidth), D = v(t.suppressActiveHighlight || !1), p = v(t.argument), C = v(null), A = v(null), H = v(t.iconColor), N = v(t.hasCaret), Q = v(t.tooltip), ve = v(t.tooltipVisible), ce = v(t.tooltipTimeout), de = v(t.defaultLabel), se = v(t.label), T = v(t.hideLabel), I = v(t.inlineTextInputVisible), B = v(t.hasInlineTextInput), R = v(t.markName), U = v(t.labelAttr), K = v(t.selectedValue), ue = v(t.dropdownValueKey), le = v([]);
+  const o = v(Et()), n = t.type, e = v(t.name), i = t.command, c = v(t.icon), s = v(t.group || "center"), a = v(t.allowWithoutEditor), d = v(t.attributes || {}), u = t.disabled || !1, r = v(t.disabled), b = v(!1), h = v(!1), y = v(t.style), _ = v(t.isNarrow), g = v(t.isWide), M = v(t.minWidth), D = v(t.suppressActiveHighlight || !1), p = v(t.argument), C = v(null), A = v(null), H = v(t.iconColor), N = v(t.hasCaret), Q = v(t.tooltip), ve = v(t.tooltipVisible), ce = v(t.tooltipTimeout), de = v(t.defaultLabel), se = v(t.label), T = v(t.hideLabel), I = v(t.inlineTextInputVisible), B = v(t.hasInlineTextInput), R = v(t.markName), U = v(t.labelAttr), K = v(t.selectedValue), ue = v(t.dropdownValueKey), le = v([]);
   if (t.options) {
     if (!Array.isArray(t.options)) throw new Error("Invalid toolbar item options - " + t.options);
     le.value.push(...t.options);
@@ -209,49 +209,49 @@ const x = (t) => {
     onActivate: ee,
     onDeactivate: _e
   };
-}, Vt = { class: "alignment-buttons" }, Wt = ["innerHTML"], jt = ["innerHTML"], Ut = ["innerHTML"], qt = ["innerHTML"], Gt = {
+}, Wt = { class: "alignment-buttons" }, jt = ["innerHTML"], Ut = ["innerHTML"], qt = ["innerHTML"], Gt = ["innerHTML"], Kt = {
   __name: "AlignmentButtons",
   emits: ["select"],
   setup(t, { emit: l }) {
     const o = l, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (k(), w("div", Vt, [
+    return (e, i) => (k(), w("div", Wt, [
       E("div", {
         class: "button-icon",
         onClick: i[0] || (i[0] = (c) => n("left")),
         innerHTML: $(q).alignLeft
-      }, null, 8, Wt),
+      }, null, 8, jt),
       E("div", {
         class: "button-icon",
         onClick: i[1] || (i[1] = (c) => n("center")),
         innerHTML: $(q).alignCenter
-      }, null, 8, jt),
+      }, null, 8, Ut),
       E("div", {
         class: "button-icon",
         onClick: i[2] || (i[2] = (c) => n("right")),
         innerHTML: $(q).alignRight
-      }, null, 8, Ut),
+      }, null, 8, qt),
       E("div", {
         class: "button-icon",
         onClick: i[3] || (i[3] = (c) => n("justify")),
         innerHTML: $(q).alignJustify
-      }, null, 8, qt)
+      }, null, 8, Gt)
     ]));
   }
-}, Kt = /* @__PURE__ */ G(Gt, [["__scopeId", "data-v-d6fae878"]]), Xt = { class: "link-input-ctn" }, Zt = {
+}, Xt = /* @__PURE__ */ G(Kt, [["__scopeId", "data-v-d6fae878"]]), Zt = { class: "link-input-ctn" }, Yt = {
   key: 0,
   class: "link-title"
-}, Yt = {
+}, Jt = {
   key: 1,
   class: "link-title"
-}, Jt = {
+}, Qt = {
   key: 2,
   class: "link-title"
-}, Qt = { key: 3 }, en = { class: "input-row" }, tn = ["innerHTML"], nn = ["onKeydown"], on = ["innerHTML"], sn = { class: "input-row link-buttons" }, ln = ["innerHTML"], an = {
+}, en = { key: 3 }, tn = { class: "input-row" }, nn = ["innerHTML"], on = ["onKeydown"], sn = ["innerHTML"], ln = { class: "input-row link-buttons" }, an = ["innerHTML"], rn = {
   key: 4,
   class: "input-row go-to-anchor clickable"
-}, rn = {
+}, cn = {
   __name: "LinkInput",
   props: {
     initialText: {
@@ -278,7 +278,7 @@ const x = (t) => {
   },
   emits: ["submit", "cancel"],
   setup(t, { emit: l }) {
-    const o = l, n = t, { proxy: e } = Tt(), i = () => {
+    const o = l, n = t, { proxy: e } = At(), i = () => {
       if (e?.$submit instanceof Function && e.$submit(), d.value && r.value) {
         o("submit", { text: a.value, href: u.value });
         return;
@@ -295,7 +295,7 @@ const x = (t) => {
     }), b = W(() => y.value ? "Apply" : "Remove"), h = W(() => !r.value), y = W(() => !_.value), _ = W(() => n.href && !d.value), g = W(() => n.href.startsWith("#")), M = () => {
       window.open(u.value, "_blank");
     };
-    At(
+    Ft(
       () => n.href,
       (p) => {
         d.value = p;
@@ -307,33 +307,33 @@ const x = (t) => {
     };
     return we(() => {
       n.showInput && D();
-    }), (p, C) => (k(), w("div", Xt, [
-      t.href ? g.value ? (k(), w("div", Yt, "Page anchor")) : (k(), w("div", Jt, "Edit link")) : (k(), w("div", Zt, "Add link")),
-      t.showInput && !g.value ? (k(), w("div", Qt, [
-        E("div", en, [
+    }), (p, C) => (k(), w("div", Zt, [
+      t.href ? g.value ? (k(), w("div", Jt, "Page anchor")) : (k(), w("div", Qt, "Edit link")) : (k(), w("div", Yt, "Add link")),
+      t.showInput && !g.value ? (k(), w("div", en, [
+        E("div", tn, [
           E("div", {
             class: "input-icon",
             innerHTML: $(q).linkInput
-          }, null, 8, tn),
-          Ft(E("input", {
+          }, null, 8, nn),
+          It(E("input", {
             type: "text",
             placeholder: "Type or paste a link",
             class: oe({ error: s.value }),
             "onUpdate:modelValue": C[0] || (C[0] = (A) => d.value = A),
             onKeydown: [
-              It(ke(i, ["stop", "prevent"]), ["enter"]),
+              Lt(ke(i, ["stop", "prevent"]), ["enter"]),
               C[1] || (C[1] = (A) => s.value = !1)
             ]
-          }, null, 42, nn), [
-            [Lt, d.value]
+          }, null, 42, on), [
+            [Mt, d.value]
           ]),
           E("div", {
             class: oe(["open-link-icon", { disabled: !r.value }]),
             innerHTML: $(q).openLink,
             onClick: M
-          }, null, 10, on)
+          }, null, 10, sn)
         ]),
-        E("div", sn, [
+        E("div", ln, [
           t.href ? (k(), w("button", {
             key: 0,
             class: "remove-btn",
@@ -342,8 +342,8 @@ const x = (t) => {
             E("div", {
               class: "remove-btn__icon",
               innerHTML: $(q).removeLink
-            }, null, 8, ln),
-            C[3] || (C[3] = Mt(" Remove "))
+            }, null, 8, an),
+            C[3] || (C[3] = Dt(" Remove "))
           ])) : ne("", !0),
           y.value ? (k(), w("button", {
             key: 1,
@@ -351,14 +351,14 @@ const x = (t) => {
             onClick: i
           }, ie(b.value), 3)) : ne("", !0)
         ])
-      ])) : g.value ? (k(), w("div", an, [
+      ])) : g.value ? (k(), w("div", rn, [
         E("a", {
           onClick: C[2] || (C[2] = ke((...A) => t.goToAnchor && t.goToAnchor(...A), ["stop", "prevent"]))
         }, "Go to " + ie(t.href.startsWith("#_") ? t.href.substring(2) : t.href), 1)
       ])) : ne("", !0)
     ]));
   }
-}, cn = /* @__PURE__ */ G(rn, [["__scopeId", "data-v-6990d5b2"]]), dn = { class: "document-mode" }, un = ["onClick"], mn = { class: "document-mode-column icon-column" }, pn = ["innerHTML"], fn = { class: "document-mode-column text-column" }, hn = { class: "document-mode-type" }, gn = { class: "document-mode-description" }, vn = {
+}, dn = /* @__PURE__ */ G(cn, [["__scopeId", "data-v-6990d5b2"]]), un = { class: "document-mode" }, mn = ["onClick"], pn = { class: "document-mode-column icon-column" }, fn = ["innerHTML"], hn = { class: "document-mode-column text-column" }, gn = { class: "document-mode-type" }, vn = { class: "document-mode-description" }, yn = {
   __name: "DocumentMode",
   props: {
     options: {
@@ -370,28 +370,28 @@ const x = (t) => {
     const o = l, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (k(), w("div", dn, [
+    return (e, i) => (k(), w("div", un, [
       (k(!0), w(j, null, J(t.options, (c) => (k(), w("div", {
         class: oe(["option-item", { disabled: c.disabled }]),
         onClick: (s) => n(c)
       }, [
-        E("div", mn, [
+        E("div", pn, [
           E("div", {
             class: "icon-column__icon",
             innerHTML: c.icon
-          }, null, 8, pn)
+          }, null, 8, fn)
         ]),
-        E("div", fn, [
-          E("div", hn, ie(c.label), 1),
-          E("div", gn, ie(c.description), 1)
+        E("div", hn, [
+          E("div", gn, ie(c.label), 1),
+          E("div", vn, ie(c.description), 1)
         ])
-      ], 10, un))), 256))
+      ], 10, mn))), 256))
     ]));
   }
-}, yn = /* @__PURE__ */ G(vn, [["__scopeId", "data-v-f86e1477"]]), bn = {
+}, bn = /* @__PURE__ */ G(yn, [["__scopeId", "data-v-f86e1477"]]), kn = {
   key: 0,
   class: "linked-style-buttons"
-}, kn = ["onClick"], wn = {
+}, wn = ["onClick"], Cn = {
   __name: "LinkedStyle",
   props: {
     editor: {
@@ -404,7 +404,7 @@ const x = (t) => {
     const o = l, n = t, e = (i) => {
       o("select", i);
     };
-    return (i, c) => n.editor ? (k(), w("div", bn, [
+    return (i, c) => n.editor ? (k(), w("div", kn, [
       (k(!0), w(j, null, J($(Ge)(t.editor), (s) => (k(), w("div", {
         class: "style-item",
         onClick: (a) => e(s)
@@ -413,10 +413,10 @@ const x = (t) => {
           class: "style-name",
           style: Y($(ut)(s, null, !1))
         }, ie(s.definition.attrs.name), 5)
-      ], 8, kn))), 256))
+      ], 8, wn))), 256))
     ])) : ne("", !0);
   }
-}, Cn = /* @__PURE__ */ G(wn, [["__scopeId", "data-v-97e3296a"]]), _n = ["onClick"], xn = ["innerHTML"], En = ["innerHTML"], Sn = {
+}, _n = /* @__PURE__ */ G(Cn, [["__scopeId", "data-v-97e3296a"]]), xn = ["onClick"], En = ["innerHTML"], Sn = ["innerHTML"], Tn = {
   __name: "IconGridRow",
   props: {
     icons: {
@@ -448,17 +448,17 @@ const x = (t) => {
           class: "option__icon",
           innerHTML: r.icon,
           style: Y(r.style)
-        }, null, 12, xn),
+        }, null, 12, En),
         e.value(r) ? (k(), w("div", {
           key: 0,
           class: "option__check",
           innerHTML: $(q).colorOptionCheck,
           style: Y(i(r.value, b))
-        }, null, 12, En)) : ne("", !0)
-      ], 8, _n))), 128))
+        }, null, 12, Sn)) : ne("", !0)
+      ], 8, xn))), 128))
     ]))), 128));
   }
-}, qe = /* @__PURE__ */ G(Sn, [["__scopeId", "data-v-6a2a9a40"]]), Tn = { class: "option-grid-ctn" }, An = {
+}, qe = /* @__PURE__ */ G(Tn, [["__scopeId", "data-v-6a2a9a40"]]), An = { class: "option-grid-ctn" }, Fn = {
   __name: "IconGrid",
   props: {
     icons: {
@@ -479,7 +479,7 @@ const x = (t) => {
     const o = l, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (k(), w("div", Tn, [
+    return (e, i) => (k(), w("div", An, [
       V(qe, {
         icons: t.icons,
         "active-color": t.activeColor,
@@ -495,7 +495,7 @@ const x = (t) => {
       ], 64)) : ne("", !0)
     ]));
   }
-}, Fn = /* @__PURE__ */ G(An, [["__scopeId", "data-v-fa2949d8"]]), In = (t) => {
+}, In = /* @__PURE__ */ G(Fn, [["__scopeId", "data-v-fa2949d8"]]), Ln = (t) => {
   t.expand.value = !1;
 }, f = (t, l = null) => ({
   label: l,
@@ -508,10 +508,10 @@ const x = (t) => {
   }
 }), Oe = (t, l, o = []) => {
   const n = (e) => {
-    l.iconColor.value = e, t.emitCommand({ item: l, argument: e }), In(l);
+    l.iconColor.value = e, t.emitCommand({ item: l, argument: e }), Ln(l);
   };
   return P("div", {}, [
-    P(Fn, {
+    P(In, {
       icons: Je,
       customIcons: o,
       activeColor: l.iconColor,
@@ -591,7 +591,7 @@ const x = (t) => {
     f("#DFCDF2"),
     f("#A91DFF")
   ]
-], Ln = () => Je.flat().map((t) => t.value), Mn = { class: "toolbar-table-grid-wrapper" }, Dn = ["data-cols", "data-rows", "onClick"], $n = { class: "toolbar-table-grid-value" }, Hn = {
+], Mn = () => Je.flat().map((t) => t.value), Dn = { class: "toolbar-table-grid-wrapper" }, $n = ["data-cols", "data-rows", "onClick"], Hn = { class: "toolbar-table-grid-value" }, Bn = {
   __name: "TableGrid",
   emits: ["select", "clickoutside"],
   setup(t, { emit: l }) {
@@ -608,7 +608,7 @@ const x = (t) => {
     }, c = ({ cols: s, rows: a }) => {
       o("select", { cols: s, rows: a });
     };
-    return (s, a) => (k(), w("div", Mn, [
+    return (s, a) => (k(), w("div", Dn, [
       E("div", {
         class: "toolbar-table-grid",
         onMouseover: i,
@@ -622,13 +622,13 @@ const x = (t) => {
             "data-rows": d,
             "data-item": "true",
             onClick: ke((r) => c({ cols: u, rows: d }), ["stop", "prevent"])
-          }, null, 8, Dn)), 64))
+          }, null, 8, $n)), 64))
         ], 64))), 64))
       ], 32),
-      E("div", $n, ie(n.value) + " x " + ie(e.value), 1)
+      E("div", Hn, ie(n.value) + " x " + ie(e.value), 1)
     ]));
   }
-}, Bn = /* @__PURE__ */ G(Hn, [["__scopeId", "data-v-06352ab9"]]), Rn = { class: "toolbar-table-actions" }, On = ["onClick"], Nn = { class: "toolbar-table-actions__icon" }, zn = ["innerHTML"], Pn = { class: "toolbar-table-actions__label" }, Vn = {
+}, Rn = /* @__PURE__ */ G(Bn, [["__scopeId", "data-v-06352ab9"]]), On = { class: "toolbar-table-actions" }, Nn = ["onClick"], zn = { class: "toolbar-table-actions__icon" }, Pn = ["innerHTML"], Vn = { class: "toolbar-table-actions__label" }, Wn = {
   __name: "TableActions",
   props: {
     options: {
@@ -640,25 +640,25 @@ const x = (t) => {
     const o = l, n = (e) => {
       o("select", { command: e.command });
     };
-    return (e, i) => (k(), w("div", Rn, [
+    return (e, i) => (k(), w("div", On, [
       (k(!0), w(j, null, J(t.options, (c) => (k(), w("div", {
         class: oe(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": c.bottomBorder }]),
         onClick: (s) => n(c)
       }, [
-        E("div", Nn, [
+        E("div", zn, [
           E("div", {
             class: "toolbar-table-actions__icon-wrapper",
             innerHTML: c.icon
-          }, null, 8, zn)
+          }, null, 8, Pn)
         ]),
-        E("div", Pn, ie(c.label), 1)
-      ], 10, On))), 256))
+        E("div", Vn, ie(c.label), 1)
+      ], 10, Nn))), 256))
     ]));
   }
-}, Wn = /* @__PURE__ */ G(Vn, [["__scopeId", "data-v-9a702d7f"]]), jn = `<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>
+}, jn = /* @__PURE__ */ G(Wn, [["__scopeId", "data-v-9a702d7f"]]), Un = `<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>
 `, re = (t) => {
   t.expand.value = !1;
-}, Un = (t, l = !1, o, n, e) => {
+}, qn = (t, l = !1, o, n, e) => {
   const i = x({
     type: "button",
     name: "bold",
@@ -749,7 +749,7 @@ const x = (t) => {
     ],
     onActivate: ({ fontSize: m }) => {
       if (!m) return s.label.value = s.defaultLabel.value;
-      let S = Bt(m, 12);
+      let S = Rt(m, 12);
       S < 8 && (S = 8), S > 96 && (S = 96), s.label.value = String(S);
     },
     onDeactivate: () => s.label.value = s.defaultLabel.value
@@ -833,7 +833,7 @@ const x = (t) => {
   });
   function y(m) {
     return P("div", {}, [
-      P(cn, {
+      P(dn, {
         onSubmit: ({ href: F }) => {
           re(m), m.attributes.value.link = { href: F };
           const X = { ...m, command: "toggleLink" };
@@ -843,7 +843,7 @@ const x = (t) => {
         goToAnchor: () => {
           if (re(m), !t.activeEditor || !m.attributes.value?.href) return;
           const F = m.attributes.value?.href?.slice(1), fe = t.activeEditor.element.querySelector(`a[name='${F}']`);
-          fe && Pt(fe);
+          fe && Vt(fe);
         }
       })
     ]);
@@ -880,7 +880,7 @@ const x = (t) => {
   });
   function D(m) {
     return P("div", {}, [
-      P(Bn, {
+      P(Rn, {
         onSelect: (F) => {
           t.emitCommand({ item: m, argument: F }), re(m);
         }
@@ -960,7 +960,7 @@ const x = (t) => {
     }
   ];
   function A(m) {
-    return P(Wn, {
+    return P(jn, {
       options: C,
       onSelect: (S) => {
         re(m);
@@ -983,7 +983,7 @@ const x = (t) => {
       {
         type: "render",
         render: () => P("div", {}, [
-          P(Kt, {
+          P(Xt, {
             onSelect: (S) => {
               re(H);
               const F = { ...H, command: "setTextAlign" };
@@ -1195,7 +1195,7 @@ const x = (t) => {
   ];
   function Ie(m) {
     const S = Fe(n, _e);
-    return P(yn, {
+    return P(bn, {
       options: S,
       onSelect: (F) => {
         re(m);
@@ -1251,7 +1251,7 @@ const x = (t) => {
             t.emitCommand({ item: F, argument: S });
           };
           return P("div", {}, [
-            P(Cn, {
+            P(_n, {
               editor: t.activeEditor,
               onSelect: m
             })
@@ -1267,7 +1267,7 @@ const x = (t) => {
     }
   }), pe = (m, S) => {
     if (S.value.toString() === m)
-      return P("div", { innerHTML: jn, class: "dropdown-select-icon" });
+      return P("div", { innerHTML: Un, class: "dropdown-select-icon" });
   }, ae = x({
     type: "dropdown",
     name: "lineHeight",
@@ -1368,10 +1368,10 @@ const x = (t) => {
     defaultItems: Me,
     overflowItems: xe.filter((m) => m.type !== "separator")
   };
-}, qn = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"], Gn = () => {
+}, Gn = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"], Kn = () => {
   let t = document.createElement("input");
   t.type = "file";
-  let l = qn;
+  let l = Gn;
   return t.accept = l.join(","), () => new Promise((n, e) => {
     t.onchange = async () => {
       const i = t.files;
@@ -1380,13 +1380,13 @@ const x = (t) => {
       return n(c ? { file: c } : null);
     }, t.oncancel = () => n(null), t.onerror = e, t.click();
   });
-}, Kn = (t) => new Promise((l, o) => {
+}, Xn = (t) => new Promise((l, o) => {
   let n = new FileReader();
   n.onload = (e) => l(e.target.result), n.onerror = o, setTimeout(() => n.readAsDataURL(t), 250);
-}), Xn = (t, l) => new Promise((o, n) => {
+}), Zn = (t, l) => new Promise((o, n) => {
   const e = new window.Image();
   e.onload = () => {
-    const i = document.createElement("canvas"), { width: c, height: s } = Zn(
+    const i = document.createElement("canvas"), { width: c, height: s } = Yn(
       e.width,
       e.height,
       l
@@ -1403,21 +1403,21 @@ const x = (t) => {
         o({ file: u, width: c, height: s });
       });
   }, e.onerror = (i) => n(i), e.src = typeof t == "string" ? t : URL.createObjectURL(t);
-}), Zn = (t, l, o) => {
+}), Yn = (t, l, o) => {
   const { width: n, height: e } = o.getMaxContentSize();
   if (!n || !e) return { width: t, height: l };
   let i = t, c = l;
   const s = t / l;
   return l > e && (c = e, i = Math.round(e * s)), i > n && (i = n, c = Math.round(n / s)), { width: i, height: c };
-}, Yn = async ({ editor: t, view: l, file: o }) => {
-  let n = typeof t.options.handleImageUpload == "function" ? t.options.handleImageUpload : Kn;
+}, Jn = async ({ editor: t, view: l, file: o }) => {
+  let n = typeof t.options.handleImageUpload == "function" ? t.options.handleImageUpload : Xn;
   if ((o.size / (1024 * 1024)).toFixed(4) > 5) {
     window.alert("Image size must be less than 5MB");
     return;
   }
   let i, c;
   try {
-    const r = await Xn(o, t);
+    const r = await Zn(o, t);
     i = r.width, c = r.height, o = r.file;
   } catch (r) {
     console.warn("Error processing image:", r);
@@ -1450,7 +1450,7 @@ const x = (t) => {
   );
 };
 var L, Qe, ge, Ne, et, tt, ze, nt, he;
-class go extends Nt {
+class vo extends zt {
   constructor(o) {
     super();
     He(this, L);
@@ -1497,8 +1497,8 @@ class go extends Nt {
         this.superdoc.toggleRuler();
       },
       startImageUpload: async ({ item: o, argument: n }) => {
-        let i = await Gn()();
-        i?.file && Yn({
+        let i = await Kn()();
+        i?.file && Jn({
           editor: this.activeEditor,
           view: this.activeEditor.view,
           file: i.file
@@ -1560,7 +1560,7 @@ class go extends Nt {
       console.warn(`[super-toolbar 🎨] Element not found: ${this.config.selector}`);
       return;
     }
-    this.app = Dt(Rt), this.app.directive("click-outside", Et), this.app.config.globalProperties.$toolbar = this, n && (this.toolbar = this.app.mount(n)), this.activeEditor = o.editor || null, this.updateToolbarState();
+    this.app = $t(Ot), this.app.directive("click-outside", St), this.app.config.globalProperties.$toolbar = this, n && (this.toolbar = this.app.mount(n)), this.activeEditor = o.editor || null, this.updateToolbarState();
   }
   log(...o) {
     console.debug("[🎨 super-toolbar]", ...o);
@@ -1625,7 +1625,7 @@ class go extends Nt {
 L = new WeakSet(), Qe = function() {
   this.config.groups && !Array.isArray(this.config.groups) && Object.keys(this.config.groups).length && (this.config.toolbarGroups = Object.keys(this.config.groups));
 }, ge = new WeakMap(), Ne = function(o, n, e = !1) {
-  const i = document.documentElement.clientWidth, { defaultItems: c, overflowItems: s } = Un(o, e, i, this.role, n);
+  const i = document.documentElement.clientWidth, { defaultItems: c, overflowItems: s } = qn(o, e, i, this.role, n);
   let a = [
     ...c.map((u) => u.name.value),
     ...s.map((u) => u.name.value)
@@ -1641,7 +1641,7 @@ L = new WeakSet(), Qe = function() {
   i && (i.defaultLabel.value = o);
 }, tt = function() {
   if (!this.activeEditor || !this.activeEditor.converter || !this.activeEditor.converter.docHiglightColors.size) return;
-  const o = this.toolbarItems.find((s) => s.name.value === "highlight"), n = Ln(), e = 7, i = Array.from(this.activeEditor.converter.docHiglightColors).reduce((s, a, d) => {
+  const o = this.toolbarItems.find((s) => s.name.value === "highlight"), n = Mn(), e = 7, i = Array.from(this.activeEditor.converter.docHiglightColors).reduce((s, a, d) => {
     const u = Math.floor(d / e);
     return s[u] || (s[u] = []), n.includes(a) || s[u].push(f(a)), s;
   }, []), c = {
@@ -1662,7 +1662,7 @@ L = new WeakSet(), Qe = function() {
   let i = o.command;
   i in this.activeEditor?.commands && (this.activeEditor.commands[i](n), typeof e == "function" && e(n), this.updateToolbarState());
 };
-function Jn(t, l) {
+function Qn(t, l) {
   if (!t.value || !l?.value?.options?.scale) return;
   const o = l.value.options.scale, n = t.value.getBoundingClientRect(), e = t.value.querySelectorAll(".pagination-break-wrapper");
   let i;
@@ -1674,7 +1674,7 @@ function Jn(t, l) {
     }
   });
 }
-const Qn = (t, l) => {
+const eo = (t, l) => {
   const o = t.clientY, n = t.clientX, { view: e } = l, i = e.dom.getBoundingClientRect();
   let c = {
     left: 0,
@@ -1693,7 +1693,7 @@ const Qn = (t, l) => {
     );
     e.dispatch(u), e.focus();
   }
-}, eo = { class: "numbering" }, Se = 200, to = "flex-end", no = {
+}, to = { class: "numbering" }, Se = 200, no = "flex-end", oo = {
   __name: "Ruler",
   props: {
     orientation: {
@@ -1768,13 +1768,13 @@ const Qn = (t, l) => {
     }, ce = () => {
       c.value = "#CCC";
     }, de = () => r.value.side === "left" ? r.value.x / 96 : (a.value.width * 96 - r.value.x) / 96, se = W(() => ({
-      "--alignment": to,
+      "--alignment": no,
       "--ruler-handle-color": c.value,
       "--ruler-handle-active-color": s.value
     }));
     return we(() => {
       i.value = M(), window.addEventListener("mousemove", N), window.addEventListener("mouseup", Q);
-    }), $t(() => {
+    }), Ht(() => {
       window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", Q);
     }), (T, I) => (k(), w("div", {
       class: "ruler",
@@ -1803,7 +1803,7 @@ const Qn = (t, l) => {
         class: oe(B.className),
         style: Y(p.value(B))
       }, [
-        E("div", eo, ie(B.numbering), 1),
+        E("div", to, ie(B.numbering), 1),
         (k(!0), w(j, null, J(B.elements, (R) => (k(), w("div", {
           class: oe(R.className),
           style: Y(p.value(R))
@@ -1816,10 +1816,10 @@ const Qn = (t, l) => {
       ], 6))), 256))
     ], 4));
   }
-}, oo = /* @__PURE__ */ G(no, [["__scopeId", "data-v-ad77036c"]]), io = { class: "super-editor-container" }, so = {
+}, io = /* @__PURE__ */ G(oo, [["__scopeId", "data-v-ad77036c"]]), so = { class: "super-editor-container" }, lo = {
   key: 1,
   class: "placeholder-editor"
-}, lo = { class: "placeholder-title" }, ao = {
+}, ao = { class: "placeholder-title" }, ro = {
   __name: "SuperEditor",
   props: {
     documentId: {
@@ -1894,7 +1894,7 @@ const Qn = (t, l) => {
         fonts: H,
         ...n.options
       }), i.value.on("paginationUpdate", () => {
-        Jn(s, i);
+        Qn(s, i);
       }), i.value.on("collaborationReady", () => {
         setTimeout(() => {
           e.value = !0;
@@ -1913,7 +1913,7 @@ const Qn = (t, l) => {
       b(), (n.options?.suppressSkeletonLoader || !n.options?.collaborationProvider) && (e.value = !0);
     });
     const M = (p) => {
-      p.target.classList.contains("ProseMirror") || Qn(p, i.value);
+      p.target.classList.contains("ProseMirror") || eo(p, i.value);
     }, D = ({ side: p, value: C }) => {
       if (!i.value) return;
       const A = i.value.getPageStyles(), { pageMargins: H } = A, N = { ...H, [p]: C };
@@ -1921,8 +1921,8 @@ const Qn = (t, l) => {
     };
     return Ze(() => {
       d(), i.value?.destroy(), i.value = null;
-    }), (p, C) => (k(), w("div", io, [
-      t.options.rulers && i.value ? (k(), Ht(oo, {
+    }), (p, C) => (k(), w("div", so, [
+      t.options.rulers && i.value ? (k(), Bt(io, {
         key: 0,
         class: "ruler",
         editor: i.value,
@@ -1942,8 +1942,8 @@ const Qn = (t, l) => {
           class: "editor-element super-editor__element"
         }, null, 512)
       ], 544),
-      e.value ? ne("", !0) : (k(), w("div", so, [
-        E("div", lo, [
+      e.value ? ne("", !0) : (k(), w("div", lo, [
+        E("div", ao, [
           V($(Z), {
             text: "",
             style: { width: "60%" }
@@ -1989,7 +1989,7 @@ const Qn = (t, l) => {
       ]))
     ]));
   }
-}, vo = /* @__PURE__ */ G(ao, [["__scopeId", "data-v-ff8f86f4"]]), yo = {
+}, yo = /* @__PURE__ */ G(ro, [["__scopeId", "data-v-ff8f86f4"]]), bo = {
   __name: "BasicUpload",
   emits: ["file-change"],
   setup(t, { emit: l }) {
@@ -2005,7 +2005,7 @@ const Qn = (t, l) => {
       }, null, 32)
     ]));
   }
-}, ro = ["innerHTML"], co = {
+}, co = ["innerHTML"], uo = {
   __name: "SuperInput",
   props: {
     modelValue: {
@@ -2062,7 +2062,7 @@ const Qn = (t, l) => {
         id: "currentContent",
         style: { display: "none" },
         innerHTML: t.modelValue
-      }, null, 8, ro),
+      }, null, 8, co),
       E("div", {
         ref_key: "editorElem",
         ref: i,
@@ -2070,31 +2070,32 @@ const Qn = (t, l) => {
       }, null, 512)
     ], 2));
   }
-}, bo = /* @__PURE__ */ G(co, [["__scopeId", "data-v-4d5cff52"]]), ko = {
-  Node: Ct,
-  Attribute: wt,
-  Extension: kt,
-  Plugin: St
+}, ko = /* @__PURE__ */ G(uo, [["__scopeId", "data-v-4d5cff52"]]), wo = {
+  Node: _t,
+  Attribute: Ct,
+  Extension: wt,
+  Plugin: Tt,
+  Mark: kt
 };
 export {
-  yo as BasicUpload,
-  _o as CommentsPluginKey,
-  Mo as DocxZipper,
+  bo as BasicUpload,
+  xo as CommentsPluginKey,
+  Do as DocxZipper,
   Re as Editor,
-  ko as Extensions,
-  Io as SuperConverter,
-  vo as SuperEditor,
-  bo as SuperInput,
-  go as SuperToolbar,
-  Rt as Toolbar,
-  xo as TrackChangesBasePluginKey,
-  $o as createZip,
-  Eo as fieldAnnotationHelpers,
+  wo as Extensions,
+  Lo as SuperConverter,
+  yo as SuperEditor,
+  ko as SuperInput,
+  vo as SuperToolbar,
+  Ot as Toolbar,
+  Eo as TrackChangesBasePluginKey,
+  Ho as createZip,
+  So as fieldAnnotationHelpers,
   pt as getActiveFormatting,
-  Zn as getAllowedImageDimensions,
-  So as getMarksFromSelection,
+  Yn as getAllowedImageDimensions,
+  To as getMarksFromSelection,
   bt as getRichTextExtensions,
   vt as getStarterExtensions,
-  To as helpers,
-  Ao as trackChangesHelpers
+  Ao as helpers,
+  Fo as trackChangesHelpers
 };