@harbour-enterprises/superdoc 0.12.5 → 0.12.7

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

@@ -1,21 +1,21 @@
-var wt = Object.defineProperty;
-var qe = (e) => {
+var Ct = Object.defineProperty;
+var Ge = (e) => {
   throw TypeError(e);
 };
-var Ct = (e, s, t) => s in e ? wt(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
-var ze = (e, s, t) => Ct(e, typeof s != "symbol" ? s + "" : s, t), Ge = (e, s, t) => s.has(e) || qe("Cannot " + t);
-var Te = (e, s, t) => (Ge(e, s, "read from private field"), t ? t.call(e) : s.get(e)), Re = (e, s, t) => s.has(e) ? qe("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t);
-var N = (e, s, t) => (Ge(e, s, "access private method"), t);
-import { _ as q, a as Ye, b as kt, I as Oe, f as _t, c as Ke, d as xt, i as St, u as Et, r as At, E as Ne, e as Tt, P as Ft, h as It, M as Lt, j as Mt, A as Dt, N as Bt } from "./chunks/editor-DfsXlTev.js";
-import { C as Vo, T as Po, l as jo, n as Uo, k as qo, m as Go } from "./chunks/editor-DfsXlTev.js";
-import { a1 as Ht, E as $t, a4 as zt, T as Je, a as Rt } from "./chunks/converter-Cid1Ewvn.js";
-import { O as Xo } from "./chunks/converter-Cid1Ewvn.js";
-import { ref as h, createElementBlock as k, openBlock as C, createElementVNode as _, unref as M, getCurrentInstance as Ot, computed as j, watch as Nt, onMounted as Ce, createCommentVNode as ee, withDirectives as Qe, withKeys as et, normalizeClass as oe, withModifiers as he, vModelText as tt, createTextVNode as nt, toDisplayString as ie, Fragment as U, renderList as te, normalizeStyle as Q, createVNode as P, h as $, createApp as Wt, reactive as Xe, onUnmounted as Vt, shallowRef as ot, onBeforeUnmount as it, createBlock as Pt } from "vue";
-import { t as Z, s as jt, T as Ut, N as J } from "./chunks/toolbar-1h7-NG3P.js";
-import qt from "./ai-writer.es.js";
-import { D as Yo } from "./chunks/docx-zipper-CldOGPZ9.js";
-import { createZip as Qo } from "./file-zipper.es.js";
-var st = { exports: {} };
+var kt = (e, s, t) => s in e ? Ct(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
+var ze = (e, s, t) => kt(e, typeof s != "symbol" ? s + "" : s, t), Ke = (e, s, t) => s.has(e) || Ge("Cannot " + t);
+var Te = (e, s, t) => (Ke(e, s, "read from private field"), t ? t.call(e) : s.get(e)), Re = (e, s, t) => s.has(e) ? Ge("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t);
+var N = (e, s, t) => (Ke(e, s, "access private method"), t);
+import { _ as q, a as Je, b as _t, I as Oe, f as xt, c as Xe, d as St, i as Et, u as At, r as Tt, E as Ne, e as Ft, P as It, h as Lt, M as Mt, j as Dt, A as Ht, N as Bt } from "./chunks/editor-aYSWfnOz.js";
+import { C as Po, T as jo, l as Uo, n as qo, k as Go, m as Ko } from "./chunks/editor-aYSWfnOz.js";
+import { a2 as $t, E as zt, a5 as Rt, T as Qe, a as Ot } from "./chunks/converter-DPOXB8vR.js";
+import { O as Zo } from "./chunks/converter-DPOXB8vR.js";
+import { ref as h, createElementBlock as k, openBlock as C, createElementVNode as _, unref as M, getCurrentInstance as Nt, computed as j, watch as Wt, onMounted as Ce, createCommentVNode as ee, withDirectives as et, withKeys as tt, normalizeClass as te, withModifiers as he, vModelText as nt, createTextVNode as ot, toDisplayString as ie, Fragment as U, renderList as ne, normalizeStyle as Q, createVNode as P, h as $, createApp as Vt, reactive as Ze, onUnmounted as Pt, shallowRef as it, onBeforeUnmount as st, createBlock as jt } from "vue";
+import { t as Z, s as Ut, T as qt, N as J } from "./chunks/toolbar-B5CeHdmH.js";
+import Gt from "./ai-writer.es.js";
+import { D as Jo } from "./chunks/docx-zipper-DTjI-Z4r.js";
+import { createZip as ei } from "./file-zipper.es.js";
+var at = { exports: {} };
 (function(e) {
   var s = Object.prototype.hasOwnProperty, t = "~";
   function n() {
@@ -119,10 +119,10 @@ var st = { exports: {} };
     var u;
     return d ? (u = t ? t + d : d, this._events[u] && c(this, u)) : (this._events = new n(), this._eventsCount = 0), this;
   }, a.prototype.off = a.prototype.removeListener, a.prototype.addListener = a.prototype.on, a.prefixed = t, a.EventEmitter = a, e.exports = a;
-})(st);
-var Gt = st.exports;
-const Kt = /* @__PURE__ */ Ht(Gt);
-function Xt(e) {
+})(at);
+var Kt = at.exports;
+const Xt = /* @__PURE__ */ $t(Kt);
+function Zt(e) {
   let s = e;
   for (; s; ) {
     const t = window.getComputedStyle(s).overflowY;
@@ -132,9 +132,9 @@ function Xt(e) {
   }
   return document.scrollingElement || document.documentElement;
 }
-function Zt(e, s = { behavior: "smooth", block: "start" }) {
+function Yt(e, s = { behavior: "smooth", block: "start" }) {
   if (!e) return;
-  const t = Xt(e), n = t.getBoundingClientRect(), i = e.getBoundingClientRect().top - n.top + t.scrollTop;
+  const t = Zt(e), n = t.getBoundingClientRect(), i = e.getBoundingClientRect().top - n.top + t.scrollTop;
   t.scrollTo({
     top: s.block === "start" ? i : i - t.clientHeight + e.offsetHeight,
     behavior: s.behavior
@@ -147,7 +147,7 @@ const x = (e) => {
     throw new Error("Toolbar button item needs either icon or label - " + e.name);
   if (!e.name)
     throw new Error("Invalid toolbar item name - " + e.name);
-  const t = h($t()), n = e.type, o = h(e.name), i = e.command, c = e.noArgumentCommand, a = h(e.icon), l = h(e.group || "center"), d = h(e.allowWithoutEditor), u = h(e.attributes || {}), r = e.disabled || !1, w = h(e.disabled), v = h(!1), b = h(!1), y = h(e.style), g = h(e.isNarrow), L = h(e.isWide), D = h(e.minWidth), p = h(e.suppressActiveHighlight || !1), S = h(e.argument), F = h(null), O = h(null), W = h(e.iconColor), ne = h(e.hasCaret), ue = h(e.dropdownStyles), ve = h(e.tooltip), ge = h(e.tooltipVisible), Y = h(e.tooltipTimeout), T = h(e.defaultLabel), B = h(e.label), H = h(e.hideLabel), z = h(e.inlineTextInputVisible), G = h(e.hasInlineTextInput), K = h(e.markName), ce = h(e.labelAttr), se = h(e.selectedValue), ke = h(e.dropdownValueKey), Ie = h(e.inputRef || null), be = h([]);
+  const t = h(zt()), n = e.type, o = h(e.name), i = e.command, c = e.noArgumentCommand, a = h(e.icon), l = h(e.group || "center"), d = h(e.allowWithoutEditor), u = h(e.attributes || {}), r = e.disabled || !1, w = h(e.disabled), v = h(!1), b = h(!1), y = h(e.style), g = h(e.isNarrow), L = h(e.isWide), D = h(e.minWidth), p = h(e.suppressActiveHighlight || !1), S = h(e.argument), F = h(null), O = h(null), W = h(e.iconColor), oe = h(e.hasCaret), ue = h(e.dropdownStyles), ve = h(e.tooltip), ge = h(e.tooltipVisible), Y = h(e.tooltipTimeout), T = h(e.defaultLabel), H = h(e.label), B = h(e.hideLabel), z = h(e.inlineTextInputVisible), G = h(e.hasInlineTextInput), K = h(e.markName), ce = h(e.labelAttr), se = h(e.selectedValue), ke = h(e.dropdownValueKey), Ie = h(e.inputRef || null), be = h([]);
   if (e.options) {
     if (!Array.isArray(e.options)) throw new Error("Invalid toolbar item options - " + e.options);
     be.value.push(...e.options);
@@ -186,13 +186,13 @@ const x = (e) => {
     argument: S,
     parentItem: O,
     iconColor: W,
-    hasCaret: ne,
+    hasCaret: oe,
     dropdownStyles: ue,
     tooltipVisible: ge,
     tooltipTimeout: Y,
     defaultLabel: T,
-    label: B,
-    hideLabel: H,
+    label: H,
+    hideLabel: B,
     inlineTextInputVisible: z,
     hasInlineTextInput: G,
     markName: K,
@@ -213,53 +213,53 @@ const x = (e) => {
     onActivate: xe,
     onDeactivate: Se
   };
-}, Yt = { class: "alignment-buttons" }, Jt = ["innerHTML"], Qt = ["innerHTML"], en = ["innerHTML"], tn = ["innerHTML"], nn = {
+}, Jt = { class: "alignment-buttons" }, Qt = ["innerHTML"], en = ["innerHTML"], tn = ["innerHTML"], nn = ["innerHTML"], on = {
   __name: "AlignmentButtons",
   emits: ["select"],
   setup(e, { emit: s }) {
     const t = s, n = (o) => {
       t("select", o);
     };
-    return (o, i) => (C(), k("div", Yt, [
+    return (o, i) => (C(), k("div", Jt, [
       _("div", {
         class: "button-icon",
         onClick: i[0] || (i[0] = (c) => n("left")),
         innerHTML: M(Z).alignLeft,
         "data-item": "btn-textAlign-option"
-      }, null, 8, Jt),
+      }, null, 8, Qt),
       _("div", {
         class: "button-icon",
         onClick: i[1] || (i[1] = (c) => n("center")),
         innerHTML: M(Z).alignCenter,
         "data-item": "btn-textAlign-option"
-      }, null, 8, Qt),
+      }, null, 8, en),
       _("div", {
         class: "button-icon",
         onClick: i[2] || (i[2] = (c) => n("right")),
         innerHTML: M(Z).alignRight,
         "data-item": "btn-textAlign-option"
-      }, null, 8, en),
+      }, null, 8, tn),
       _("div", {
         class: "button-icon",
         onClick: i[3] || (i[3] = (c) => n("justify")),
         innerHTML: M(Z).alignJustify,
         "data-item": "btn-textAlign-option"
-      }, null, 8, tn)
+      }, null, 8, nn)
     ]));
   }
-}, on = /* @__PURE__ */ q(nn, [["__scopeId", "data-v-932a4937"]]), sn = { class: "link-input-ctn" }, an = {
+}, sn = /* @__PURE__ */ q(on, [["__scopeId", "data-v-932a4937"]]), an = { class: "link-input-ctn" }, ln = {
   key: 0,
   class: "link-title"
-}, ln = {
+}, rn = {
   key: 1,
   class: "link-title"
-}, rn = {
+}, cn = {
   key: 2,
   class: "link-title"
-}, cn = { key: 3 }, dn = { class: "input-row" }, un = ["innerHTML"], mn = ["onKeydown"], pn = ["innerHTML"], fn = { class: "input-row link-buttons" }, hn = ["innerHTML"], vn = {
+}, dn = { key: 3 }, un = { class: "input-row" }, mn = ["innerHTML"], pn = ["onKeydown"], fn = ["innerHTML"], hn = { class: "input-row link-buttons" }, vn = ["innerHTML"], gn = {
   key: 4,
   class: "input-row go-to-anchor clickable"
-}, gn = {
+}, bn = {
   __name: "LinkInput",
   props: {
     initialText: {
@@ -286,7 +286,7 @@ const x = (e) => {
   },
   emits: ["submit", "cancel"],
   setup(e, { emit: s }) {
-    const t = s, n = e, { proxy: o } = Ot(), i = () => {
+    const t = s, n = e, { proxy: o } = Nt(), i = () => {
       if (o?.$submit instanceof Function && o.$submit(), d.value && r.value) {
         t("submit", { text: l.value, href: u.value });
         return;
@@ -303,7 +303,7 @@ const x = (e) => {
     }), w = j(() => b.value ? "Apply" : "Remove"), v = j(() => !r.value), b = j(() => !y.value), y = j(() => n.href && !d.value), g = j(() => n.href.startsWith("#")), L = () => {
       window.open(u.value, "_blank");
     };
-    Nt(
+    Wt(
       () => n.href,
       (p) => {
         d.value = p;
@@ -315,34 +315,34 @@ const x = (e) => {
     };
     return Ce(() => {
       n.showInput && D();
-    }), (p, S) => (C(), k("div", sn, [
-      e.href ? g.value ? (C(), k("div", ln, "Page anchor")) : (C(), k("div", rn, "Edit link")) : (C(), k("div", an, "Add link")),
-      e.showInput && !g.value ? (C(), k("div", cn, [
-        _("div", dn, [
+    }), (p, S) => (C(), k("div", an, [
+      e.href ? g.value ? (C(), k("div", rn, "Page anchor")) : (C(), k("div", cn, "Edit link")) : (C(), k("div", ln, "Add link")),
+      e.showInput && !g.value ? (C(), k("div", dn, [
+        _("div", un, [
           _("div", {
             class: "input-icon",
             innerHTML: M(Z).linkInput
-          }, null, 8, un),
-          Qe(_("input", {
+          }, null, 8, mn),
+          et(_("input", {
             type: "text",
             placeholder: "Type or paste a link",
-            class: oe({ error: a.value }),
+            class: te({ error: a.value }),
             "onUpdate:modelValue": S[0] || (S[0] = (F) => d.value = F),
             onKeydown: [
-              et(he(i, ["stop", "prevent"]), ["enter"]),
+              tt(he(i, ["stop", "prevent"]), ["enter"]),
               S[1] || (S[1] = (F) => a.value = !1)
             ]
-          }, null, 42, mn), [
-            [tt, d.value]
+          }, null, 42, pn), [
+            [nt, d.value]
           ]),
           _("div", {
-            class: oe(["open-link-icon", { disabled: !r.value }]),
+            class: te(["open-link-icon", { disabled: !r.value }]),
             innerHTML: M(Z).openLink,
             onClick: L,
             "data-item": "btn-link-open"
-          }, null, 10, pn)
+          }, null, 10, fn)
         ]),
-        _("div", fn, [
+        _("div", hn, [
           e.href ? (C(), k("button", {
             key: 0,
             class: "remove-btn",
@@ -352,24 +352,24 @@ const x = (e) => {
             _("div", {
               class: "remove-btn__icon",
               innerHTML: M(Z).removeLink
-            }, null, 8, hn),
-            S[3] || (S[3] = nt(" Remove "))
+            }, null, 8, vn),
+            S[3] || (S[3] = ot(" Remove "))
           ])) : ee("", !0),
           b.value ? (C(), k("button", {
             key: 1,
-            class: oe(["submit-btn", { "disable-btn": v.value }]),
+            class: te(["submit-btn", { "disable-btn": v.value }]),
             onClick: i,
             "data-item": "btn-link-apply"
           }, ie(w.value), 3)) : ee("", !0)
         ])
-      ])) : g.value ? (C(), k("div", vn, [
+      ])) : g.value ? (C(), k("div", gn, [
         _("a", {
           onClick: S[2] || (S[2] = he((...F) => e.goToAnchor && e.goToAnchor(...F), ["stop", "prevent"]))
         }, "Go to " + ie(e.href.startsWith("#_") ? e.href.substring(2) : e.href), 1)
       ])) : ee("", !0)
     ]));
   }
-}, bn = /* @__PURE__ */ q(gn, [["__scopeId", "data-v-04bac853"]]), yn = { class: "document-mode" }, wn = ["onClick"], Cn = { class: "document-mode-column icon-column" }, kn = ["innerHTML"], _n = { class: "document-mode-column text-column" }, xn = { class: "document-mode-type" }, Sn = { class: "document-mode-description" }, En = {
+}, yn = /* @__PURE__ */ q(bn, [["__scopeId", "data-v-04bac853"]]), wn = { class: "document-mode" }, Cn = ["onClick"], kn = { class: "document-mode-column icon-column" }, _n = ["innerHTML"], xn = { class: "document-mode-column text-column" }, Sn = { class: "document-mode-type" }, En = { class: "document-mode-description" }, An = {
   __name: "DocumentMode",
   props: {
     options: {
@@ -381,34 +381,37 @@ const x = (e) => {
     const t = s, n = (o) => {
       t("select", o);
     };
-    return (o, i) => (C(), k("div", yn, [
-      (C(!0), k(U, null, te(e.options, (c) => (C(), k("div", {
-        class: oe(["option-item", { disabled: c.disabled }]),
+    return (o, i) => (C(), k("div", wn, [
+      (C(!0), k(U, null, ne(e.options, (c) => (C(), k("div", {
+        class: te(["option-item", { disabled: c.disabled }]),
         onClick: (a) => n(c),
         "data-item": "btn-documentMode-option"
       }, [
-        _("div", Cn, [
+        _("div", kn, [
           _("div", {
             class: "icon-column__icon",
             innerHTML: c.icon
-          }, null, 8, kn)
+          }, null, 8, _n)
         ]),
-        _("div", _n, [
-          _("div", xn, ie(c.label), 1),
-          _("div", Sn, ie(c.description), 1)
+        _("div", xn, [
+          _("div", Sn, ie(c.label), 1),
+          _("div", En, ie(c.description), 1)
         ])
-      ], 10, wn))), 256))
+      ], 10, Cn))), 256))
     ]));
   }
-}, An = /* @__PURE__ */ q(En, [["__scopeId", "data-v-8afd7fbb"]]), Tn = {
+}, Tn = /* @__PURE__ */ q(An, [["__scopeId", "data-v-8afd7fbb"]]), Fn = {
   key: 0,
   class: "linked-style-buttons"
-}, Fn = ["onClick"], In = {
+}, In = ["onClick"], Ln = {
   __name: "LinkedStyle",
   props: {
     editor: {
       type: Object,
       required: !0
+    },
+    selectedOption: {
+      type: String
     }
   },
   emits: ["select"],
@@ -416,20 +419,20 @@ const x = (e) => {
     const t = s, n = e, o = (i) => {
       t("select", i);
     };
-    return (i, c) => n.editor ? (C(), k("div", Tn, [
-      (C(!0), k(U, null, te(M(Ye)(e.editor), (a) => (C(), k("div", {
-        class: "style-item",
+    return (i, c) => n.editor ? (C(), k("div", Fn, [
+      (C(!0), k(U, null, ne(M(Je)(e.editor), (a) => (C(), k("div", {
+        class: te(["style-item", { selected: e.selectedOption === a.id }]),
         onClick: (l) => o(a)
       }, [
         _("div", {
           class: "style-name",
-          style: Q(M(kt)(a, null, !1)),
+          style: Q(M(_t)(a, null, !1)),
           "data-item": "btn-linkedStyles-option"
         }, ie(a.definition.attrs.name), 5)
-      ], 8, Fn))), 256))
+      ], 10, In))), 256))
     ])) : ee("", !0);
   }
-}, Ln = /* @__PURE__ */ q(In, [["__scopeId", "data-v-44b680e9"]]), Mn = ["onClick"], Dn = ["innerHTML"], Bn = ["innerHTML"], Hn = {
+}, Mn = /* @__PURE__ */ q(Ln, [["__scopeId", "data-v-bf5a8c1e"]]), Dn = ["onClick"], Hn = ["innerHTML"], Bn = ["innerHTML"], $n = {
   __name: "IconGridRow",
   props: {
     icons: {
@@ -448,11 +451,11 @@ const x = (e) => {
     };
     return Ce(() => {
       if (!n.icons.every((l) => Array.isArray(l))) throw new Error("icon props must be 2d array");
-    }), (a, l) => (C(!0), k(U, null, te(e.icons, (d, u) => (C(), k("div", {
+    }), (a, l) => (C(!0), k(U, null, ne(e.icons, (d, u) => (C(), k("div", {
       class: "option-row",
       key: u
     }, [
-      (C(!0), k(U, null, te(d, (r, w) => (C(), k("div", {
+      (C(!0), k(U, null, ne(d, (r, w) => (C(), k("div", {
         class: "option",
         key: w,
         onClick: he((v) => c(r), ["stop", "prevent"])
@@ -461,18 +464,18 @@ const x = (e) => {
           class: "option__icon",
           innerHTML: r.icon,
           style: Q(r.style)
-        }, null, 12, Dn),
+        }, null, 12, Hn),
         o.value(r) ? (C(), k("div", {
           key: 0,
           class: "option__check",
           innerHTML: M(Z).colorOptionCheck,
           style: Q(i(r.value, w))
         }, null, 12, Bn)) : ee("", !0)
-      ], 8, Mn))), 128))
+      ], 8, Dn))), 128))
     ]))), 128));
   }
-}, Ze = /* @__PURE__ */ q(Hn, [["__scopeId", "data-v-6a2a9a40"]]), $n = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 512c53.2 0 101.4-21.6 136.1-56.6l-298.3-235C140 257.1 128 292.3 128 320c0 106 86 192 192 192zM505.2 370.7c4.4-16.2 6.8-33.1 6.8-50.7c0-91.2-130.2-262.3-166.6-308.3C339.4 4.2 330.5 0 320.9 0l-1.8 0c-9.6 0-18.5 4.2-24.5 11.7C277.8 33 240.7 81.3 205.8 136L38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L505.2 370.7zM224 336c0 44.2 35.8 80 80 80c8.8 0 16 7.2 16 16s-7.2 16-16 16c-61.9 0-112-50.1-112-112c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>
-`, zn = { class: "options-grid-wrap" }, Rn = ["innerHTML"], On = { class: "option-grid-ctn" }, Nn = {
+}, Ye = /* @__PURE__ */ q($n, [["__scopeId", "data-v-6a2a9a40"]]), zn = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 512c53.2 0 101.4-21.6 136.1-56.6l-298.3-235C140 257.1 128 292.3 128 320c0 106 86 192 192 192zM505.2 370.7c4.4-16.2 6.8-33.1 6.8-50.7c0-91.2-130.2-262.3-166.6-308.3C339.4 4.2 330.5 0 320.9 0l-1.8 0c-9.6 0-18.5 4.2-24.5 11.7C277.8 33 240.7 81.3 205.8 136L38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L505.2 370.7zM224 336c0 44.2 35.8 80 80 80c8.8 0 16 7.2 16 16s-7.2 16-16 16c-61.9 0-112-50.1-112-112c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>
+`, Rn = { class: "options-grid-wrap" }, On = ["innerHTML"], Nn = { class: "option-grid-ctn" }, Wn = {
   __name: "IconGrid",
   props: {
     icons: {
@@ -497,27 +500,27 @@ const x = (e) => {
     const t = s, n = (o) => {
       t("select", o);
     };
-    return (o, i) => (C(), k("div", zn, [
+    return (o, i) => (C(), k("div", Rn, [
       e.hasNoneIcon ? (C(), k("div", {
         key: 0,
         class: "none-option",
         onClick: i[0] || (i[0] = (c) => n("none"))
       }, [
         _("span", {
-          innerHTML: M($n),
+          innerHTML: M(zn),
           class: "none-icon"
-        }, null, 8, Rn),
-        i[1] || (i[1] = nt(" None "))
+        }, null, 8, On),
+        i[1] || (i[1] = ot(" None "))
       ])) : ee("", !0),
-      _("div", On, [
-        P(Ze, {
+      _("div", Nn, [
+        P(Ye, {
           icons: e.icons,
           "active-color": e.activeColor,
           onSelect: n
         }, null, 8, ["icons", "active-color"]),
         e.customIcons.flat().length ? (C(), k(U, { key: 0 }, [
           i[2] || (i[2] = _("span", { class: "option-grid-ctn__subtitle" }, "Custom colors", -1)),
-          P(Ze, {
+          P(Ye, {
             icons: e.customIcons,
             "active-color": e.activeColor,
             onSelect: n
@@ -526,7 +529,7 @@ const x = (e) => {
       ])
     ]));
   }
-}, Wn = /* @__PURE__ */ q(Nn, [["__scopeId", "data-v-47b783db"]]), Vn = (e) => {
+}, Vn = /* @__PURE__ */ q(Wn, [["__scopeId", "data-v-47b783db"]]), Pn = (e) => {
   e.expand.value = !1;
 }, f = (e, s = null) => ({
   label: s,
@@ -539,18 +542,18 @@ const x = (e) => {
   }
 }), We = (e, s, t = [], n = !1) => {
   const o = (i) => {
-    s.iconColor.value = i, e.emitCommand({ item: s, argument: i }), Vn(s);
+    s.iconColor.value = i, e.emitCommand({ item: s, argument: i }), Pn(s);
   };
   return $("div", {}, [
-    $(Wn, {
-      icons: at,
+    $(Vn, {
+      icons: lt,
       customIcons: t,
       activeColor: s.iconColor,
       hasNoneIcon: n,
       onSelect: o
     })
   ]);
-}, at = [
+}, lt = [
   [
     f("#111111"),
     f("#333333"),
@@ -623,7 +626,7 @@ const x = (e) => {
     f("#DFCDF2"),
     f("#A91DFF")
   ]
-], Pn = () => at.flat().map((e) => e.value), jn = { class: "toolbar-table-grid-wrapper" }, Un = ["data-cols", "data-rows", "onClick"], qn = { class: "toolbar-table-grid-value" }, Gn = {
+], jn = () => lt.flat().map((e) => e.value), Un = { class: "toolbar-table-grid-wrapper" }, qn = ["data-cols", "data-rows", "onClick"], Gn = { class: "toolbar-table-grid-value" }, Kn = {
   __name: "TableGrid",
   emits: ["select", "clickoutside"],
   setup(e, { emit: s }) {
@@ -640,27 +643,27 @@ const x = (e) => {
     }, c = ({ cols: a, rows: l }) => {
       t("select", { cols: a, rows: l });
     };
-    return (a, l) => (C(), k("div", jn, [
+    return (a, l) => (C(), k("div", Un, [
       _("div", {
         class: "toolbar-table-grid",
         onMouseover: i,
         "data-grid": "true"
       }, [
-        (C(), k(U, null, te(5, (d) => (C(), k(U, { key: d }, [
-          (C(), k(U, null, te(5, (u) => _("div", {
+        (C(), k(U, null, ne(5, (d) => (C(), k(U, { key: d }, [
+          (C(), k(U, null, ne(5, (u) => _("div", {
             class: "toolbar-table-grid__item",
             key: `${d}_${u}`,
             "data-cols": u,
             "data-rows": d,
             "data-item": "true",
             onClick: he((r) => c({ cols: u, rows: d }), ["stop", "prevent"])
-          }, null, 8, Un)), 64))
+          }, null, 8, qn)), 64))
         ], 64))), 64))
       ], 32),
-      _("div", qn, ie(n.value) + " x " + ie(o.value), 1)
+      _("div", Gn, ie(n.value) + " x " + ie(o.value), 1)
     ]));
   }
-}, Kn = /* @__PURE__ */ q(Gn, [["__scopeId", "data-v-06352ab9"]]), Xn = { class: "toolbar-table-actions" }, Zn = ["onClick", "data-item"], Yn = { class: "toolbar-table-actions__icon" }, Jn = ["innerHTML"], Qn = { class: "toolbar-table-actions__label" }, eo = {
+}, Xn = /* @__PURE__ */ q(Kn, [["__scopeId", "data-v-06352ab9"]]), Zn = { class: "toolbar-table-actions" }, Yn = ["onClick", "data-item"], Jn = { class: "toolbar-table-actions__icon" }, Qn = ["innerHTML"], eo = { class: "toolbar-table-actions__label" }, to = {
   __name: "TableActions",
   props: {
     options: {
@@ -672,24 +675,24 @@ const x = (e) => {
     const t = s, n = (o) => {
       t("select", { command: o.command });
     };
-    return (o, i) => (C(), k("div", Xn, [
-      (C(!0), k(U, null, te(e.options, (c) => (C(), k("div", {
-        class: oe(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": c.bottomBorder }]),
+    return (o, i) => (C(), k("div", Zn, [
+      (C(!0), k(U, null, ne(e.options, (c) => (C(), k("div", {
+        class: te(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": c.bottomBorder }]),
         onClick: (a) => n(c),
         "data-item": c.props?.["data-item"] || ""
       }, [
-        _("div", Yn, [
+        _("div", Jn, [
           _("div", {
             class: "toolbar-table-actions__icon-wrapper",
             innerHTML: c.icon
-          }, null, 8, Jn)
+          }, null, 8, Qn)
         ]),
-        _("div", Qn, ie(c.label), 1)
-      ], 10, Zn))), 256))
+        _("div", eo, ie(c.label), 1)
+      ], 10, Yn))), 256))
     ]));
   }
-}, to = /* @__PURE__ */ q(eo, [["__scopeId", "data-v-fdbfb4b0"]]), no = `<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>
-`, oo = { class: "search-input-ctn" }, io = { class: "row" }, so = ["onKeydown"], ao = {
+}, no = /* @__PURE__ */ q(to, [["__scopeId", "data-v-fdbfb4b0"]]), oo = `<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>
+`, io = { class: "search-input-ctn" }, so = { class: "row" }, ao = ["onKeydown"], lo = {
   __name: "SearchInput",
   props: {
     searchRef: {
@@ -701,18 +704,18 @@ const x = (e) => {
     const t = h(""), n = s, o = () => {
       n("submit", { value: t.value });
     };
-    return (i, c) => (C(), k("div", oo, [
-      _("div", io, [
-        Qe(_("input", {
+    return (i, c) => (C(), k("div", io, [
+      _("div", so, [
+        et(_("input", {
           ref: e.searchRef,
           "onUpdate:modelValue": c[0] || (c[0] = (a) => t.value = a),
           class: "search-input",
           type: "text",
           name: "search",
           placeholder: "Type search string",
-          onKeydown: et(he(o, ["stop", "prevent"]), ["enter"])
-        }, null, 40, so), [
-          [tt, t.value]
+          onKeydown: tt(he(o, ["stop", "prevent"]), ["enter"])
+        }, null, 40, ao), [
+          [nt, t.value]
         ])
       ]),
       _("div", { class: "row submit" }, [
@@ -723,7 +726,7 @@ const x = (e) => {
       ])
     ]));
   }
-}, lo = /* @__PURE__ */ q(ao, [["__scopeId", "data-v-af870fbd"]]), ro = [
+}, ro = /* @__PURE__ */ q(lo, [["__scopeId", "data-v-af870fbd"]]), co = [
   {
     label: "Georgia",
     key: "Georgia, serif",
@@ -762,7 +765,7 @@ const x = (e) => {
   }
 ], re = (e) => {
   e.expand.value = !1;
-}, co = ({
+}, uo = ({
   superToolbar: e,
   toolbarIcons: s,
   toolbarFonts: t,
@@ -790,7 +793,7 @@ const x = (e) => {
     isWide: !0,
     style: { width: "116px" },
     suppressActiveHighlight: !0,
-    options: [...t || ro],
+    options: [...t || co],
     onActivate: ({ fontFamily: m }) => {
       m && (l.label.value = m);
     },
@@ -815,14 +818,14 @@ const x = (e) => {
         render: () => {
           let m = "";
           if (e.activeEditor) {
-            const { state: A } = e.activeEditor, { from: V, to: le, empty: yt } = A.selection;
-            m = yt ? "" : A.doc.textBetween(V, le);
+            const { state: A } = e.activeEditor, { from: V, to: le, empty: wt } = A.selection;
+            m = wt ? "" : A.doc.textBetween(V, le);
           }
           return $(
             "div",
             {},
             [
-              $(qt, {
+              $(Gt, {
                 handleClose: () => {
                   re(d);
                 },
@@ -870,7 +873,7 @@ const x = (e) => {
     ],
     onActivate: ({ fontSize: m }) => {
       if (!m) return u.label.value = u.defaultLabel.value;
-      let E = jt(m, 12);
+      let E = Ut(m, 12);
       E < 8 && (E = 8), E > 96 && (E = 96), u.label.value = String(E);
     },
     onDeactivate: () => u.label.value = u.defaultLabel.value
@@ -948,7 +951,7 @@ const x = (e) => {
       }
     ]
   }), D = () => $("div", {}, [
-    $(lo, {
+    $(ro, {
       onSubmit: ({ value: E }) => {
         e.activeEditor.commands.search(E);
       },
@@ -976,7 +979,7 @@ const x = (e) => {
   });
   function S(m) {
     return $("div", {}, [
-      $(bn, {
+      $(yn, {
         onSubmit: ({ href: A }) => {
           re(m), m.attributes.value.link = { href: A };
           const V = { ...m, command: "toggleLink" };
@@ -986,7 +989,7 @@ const x = (e) => {
         goToAnchor: () => {
           if (re(m), !e.activeEditor || !m.attributes.value?.href) return;
           const A = m.attributes.value?.href?.slice(1), le = e.activeEditor.element.querySelector(`a[name='${A}']`);
-          le && Zt(le);
+          le && Yt(le);
         }
       })
     ]);
@@ -1017,13 +1020,13 @@ const x = (e) => {
       {
         key: "table",
         type: "render",
-        render: () => ne(W)
+        render: () => oe(W)
       }
     ]
   });
-  function ne(m) {
+  function oe(m) {
     return $("div", {}, [
-      $(Kn, {
+      $(Xn, {
         onSelect: (A) => {
           e.emitCommand({ item: m, argument: A }), re(m);
         }
@@ -1114,7 +1117,7 @@ const x = (e) => {
     }
   ];
   function ge(m) {
-    return $(to, {
+    return $(no, {
       options: ve,
       onSelect: (E) => {
         re(m);
@@ -1137,7 +1140,7 @@ const x = (e) => {
       {
         type: "render",
         render: () => $("div", {}, [
-          $(on, {
+          $(sn, {
             onSelect: (E) => {
               re(Y);
               const A = { ...Y, command: "setTextAlign" };
@@ -1162,13 +1165,13 @@ const x = (e) => {
       justify: s.alignJustify
     }, le = V[A] ?? V.left;
     m.icon.value = le;
-  }, B = x({
+  }, H = x({
     type: "button",
     name: "list",
     command: "toggleBulletList",
     icon: s.bulletList,
     tooltip: "Bullet list"
-  }), H = x({
+  }), B = x({
     type: "button",
     name: "numberedlist",
     command: "toggleOrderedList",
@@ -1349,7 +1352,7 @@ const x = (e) => {
   ];
   function ye(m) {
     const E = Se(i, ae);
-    return $(An, {
+    return $(Tn, {
       options: E,
       onSelect: (A) => {
         re(m);
@@ -1358,7 +1361,7 @@ const x = (e) => {
       }
     });
   }
-  const ut = x({
+  const mt = x({
     type: "button",
     name: "pageBreakTool",
     command: "insertPageBreak",
@@ -1374,13 +1377,13 @@ const x = (e) => {
     ["documentMode", 47],
     ["ai", 32],
     ["default", 32]
-  ]), mt = x({
+  ]), pt = x({
     type: "button",
     name: "ruler",
     command: "toggleRuler",
     icon: s.ruler,
     tooltip: "Show or hide ruler"
-  }), we = x({
+  }), Ue = h(null), we = x({
     type: "dropdown",
     name: "linkedStyles",
     command: "setLinkedStyle",
@@ -1403,12 +1406,13 @@ const x = (e) => {
           const m = (E) => {
             re(we);
             const A = { ...we, command: "setLinkedStyle" };
-            e.emitCommand({ item: A, argument: E });
+            e.emitCommand({ item: A, argument: E }), Ue.value = E.id;
           };
           return $("div", {}, [
-            $(Ln, {
+            $(Mn, {
               editor: e.activeEditor,
-              onSelect: m
+              onSelect: m,
+              selectedOption: Ue.value
             })
           ]);
         }
@@ -1422,7 +1426,7 @@ const x = (e) => {
     }
   }), me = (m, E) => {
     if (E.value.toString() === m)
-      return $("div", { innerHTML: no, class: "dropdown-select-icon" });
+      return $("div", { innerHTML: oo, class: "dropdown-select-icon" });
   }, de = x({
     type: "dropdown",
     name: "lineHeight",
@@ -1444,11 +1448,11 @@ const x = (e) => {
       { label: "2,5", key: "2.5", icon: () => me("2.5", de.selectedValue), props: { "data-item": "btn-lineHeight-option" } },
       { label: "3,0", key: "3", icon: () => me("3", de.selectedValue), props: { "data-item": "btn-lineHeight-option" } }
     ]
-  }), Be = {
+  }), He = {
     sm: 768,
     md: 1024,
     xl: 1410
-  }, pt = 120, ft = 32, ht = ["linkedStyles", "clearFormatting", "copyFormat", "ruler"], vt = ["zoom", "fontFamily", "fontSize", "redo"];
+  }, ft = 120, ht = 32, vt = ["linkedStyles", "clearFormatting", "copyFormat", "ruler"], gt = ["zoom", "fontFamily", "fontSize", "redo"];
   let R = [
     se,
     ke,
@@ -1475,58 +1479,58 @@ const x = (e) => {
     ue,
     r,
     Y,
-    B,
     H,
+    B,
     z,
     G,
     de,
     r,
     we,
     r,
+    pt,
     mt,
-    ut,
     xe,
     De,
     d,
     K,
     X
   ];
-  if (e.config?.superdoc?.config?.modules?.ai || (R = R.filter((m) => m.name.value !== "ai")), o <= Be.md && n && (R = R.filter((m) => m.type !== "separator")), e.config.pagination || (R = R.filter((m) => m.name.value !== "pageBreakTool")), e.config.mode !== "docx") {
+  if (e.config?.superdoc?.config?.modules?.ai || (R = R.filter((m) => m.name.value !== "ai")), o <= He.md && n && (R = R.filter((m) => m.type !== "separator")), e.config.pagination || (R = R.filter((m) => m.name.value !== "pageBreakTool")), e.config.mode !== "docx") {
     const m = R.findIndex((A) => A.name.value === "linkedStyles");
     R.splice(m - 1, 2);
     const E = ["ruler", "zoom", "undo", "redo"];
     R = R.filter((A) => !E.includes(A.name.value));
   }
-  const Ue = [Ie, Le, Me];
-  c || (i === "viewer" && Ue.push(be, _e), R = R.filter((m) => !Ue.includes(m)));
-  const gt = [L, se, K, X].map((m) => m.name), bt = (m) => gt.includes(m.name), Ae = [], He = [];
-  let $e = ft + pt;
+  const qe = [Ie, Le, Me];
+  c || (i === "viewer" && qe.push(be, _e), R = R.filter((m) => !qe.includes(m)));
+  const bt = [L, se, K, X].map((m) => m.name), yt = (m) => bt.includes(m.name), Ae = [], Be = [];
+  let $e = ht + ft;
   return R.forEach((m) => {
     const E = je.get(m.name.value) || je.get("default");
-    if (o < Be.xl && ht.includes(m.name.value) && n) {
+    if (o < He.xl && vt.includes(m.name.value) && n) {
       if (Ae.push(m), m.name.value === "linkedStyles") {
         const A = R.findIndex((V) => V.name.value === "linkedStyles");
         R.splice(A + 1, 1);
       }
       return;
     }
-    if (o < Be.sm && vt.includes(m.name.value) && n) {
+    if (o < He.sm && gt.includes(m.name.value) && n) {
       Ae.push(m);
       return;
     }
-    if (bt(m)) {
-      He.push(m), $e += E;
+    if (yt(m)) {
+      Be.push(m), $e += E;
       return;
     }
-    $e < o || !n ? (He.push(m), $e += E) : Ae.push(m);
+    $e < o || !n ? (Be.push(m), $e += E) : Ae.push(m);
   }), {
-    defaultItems: He,
+    defaultItems: Be,
     overflowItems: Ae.filter((m) => m.type !== "separator")
   };
-}, uo = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"], mo = () => {
+}, mo = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"], po = () => {
   let e = document.createElement("input");
   e.type = "file";
-  let s = uo;
+  let s = mo;
   return e.accept = s.join(","), () => new Promise((n, o) => {
     e.onchange = async () => {
       const i = e.files;
@@ -1535,13 +1539,13 @@ const x = (e) => {
       return n(c ? { file: c } : null);
     }, e.oncancel = () => n(null), e.onerror = o, e.click();
   });
-}, po = (e) => new Promise((s, t) => {
+}, fo = (e) => new Promise((s, t) => {
   let n = new FileReader();
   n.onload = (o) => s(o.target.result), n.onerror = t, setTimeout(() => n.readAsDataURL(e), 250);
-}), fo = (e, s) => new Promise((t, n) => {
+}), ho = (e, s) => new Promise((t, n) => {
   const o = new window.Image();
   o.onload = () => {
-    const i = document.createElement("canvas"), { width: c, height: a } = ho(
+    const i = document.createElement("canvas"), { width: c, height: a } = vo(
       o.width,
       o.height,
       s
@@ -1558,21 +1562,21 @@ const x = (e) => {
         t({ file: u, width: c, height: a });
       });
   }, o.onerror = (i) => n(i), o.src = typeof e == "string" ? e : URL.createObjectURL(e);
-}), ho = (e, s, t) => {
+}), vo = (e, s, t) => {
   const { width: n, height: o } = t.getMaxContentSize();
   if (!n || !o) return { width: e, height: s };
   let i = e, c = s;
   const a = e / s;
   return s > o && (c = o, i = Math.round(o * a)), i > n && (i = n, c = Math.round(n / a)), { width: i, height: c };
-}, vo = async ({ editor: e, view: s, file: t }) => {
-  let n = typeof e.options.handleImageUpload == "function" ? e.options.handleImageUpload : po;
+}, go = async ({ editor: e, view: s, file: t }) => {
+  let n = typeof e.options.handleImageUpload == "function" ? e.options.handleImageUpload : fo;
   if ((t.size / (1024 * 1024)).toFixed(4) > 5) {
     window.alert("Image size must be less than 5MB");
     return;
   }
   let i, c;
   try {
-    const r = await fo(t, e);
+    const r = await ho(t, e);
     i = r.width, c = r.height, t = r.file;
   } catch (r) {
     console.warn("Error processing image:", r);
@@ -1587,7 +1591,7 @@ const x = (e) => {
   };
   l.setMeta(Oe, u), s.dispatch(l), n(t).then(
     (r) => {
-      let w = t.name.replace(" ", "_"), v = _t(s.state, a);
+      let w = t.name.replace(" ", "_"), v = xt(s.state, a);
       if (v == null)
         return;
       let b = { type: "remove", id: a }, y = `word/media/${w}`, g = d.nodes.image.create({
@@ -1604,8 +1608,8 @@ const x = (e) => {
     }
   );
 };
-var I, lt, fe, Ve, rt, ct, Pe, dt, pe;
-class Ho extends Kt {
+var I, rt, fe, Ve, ct, dt, Pe, ut, pe;
+class $o extends Xt {
   /**
    * Creates a new SuperToolbar instance
    * @param {ToolbarConfig} config - The configuration for the toolbar
@@ -1730,8 +1734,8 @@ class Ho extends Kt {
        * @returns {Promise<void>}
        */
       startImageUpload: async (t = null) => {
-        let o = await mo()();
-        o?.file && vo({
+        let o = await po()();
+        o?.file && go({
           editor: this.activeEditor,
           view: this.activeEditor.view,
           file: o.file
@@ -1746,7 +1750,7 @@ class Ho extends Kt {
        */
       increaseTextIndent: ({ item: t, argument: n }) => {
         let o = t.command, { state: i } = this.activeEditor;
-        if (Ke((a) => a.type.name === "listItem")(i.selection))
+        if (Xe((a) => a.type.name === "listItem")(i.selection))
           return this.activeEditor.commands.increaseListIndent();
         o in this.activeEditor.commands && this.activeEditor.commands[o](n);
       },
@@ -1759,7 +1763,7 @@ class Ho extends Kt {
        */
       decreaseTextIndent: ({ item: t, argument: n }) => {
         let o = t.command, { state: i } = this.activeEditor;
-        if (Ke((a) => a.type.name === "listItem")(i.selection))
+        if (Xe((a) => a.type.name === "listItem")(i.selection))
           return this.activeEditor.commands.decreaseListIndent();
         o in this.activeEditor.commands && this.activeEditor.commands[o](n);
       },
@@ -1807,8 +1811,11 @@ class Ho extends Kt {
         let o = t.command;
         if (o in this.activeEditor.commands) {
           this.activeEditor.commands[o](n);
-          const { view: i } = this.activeEditor, c = i.state.selection.$to.pos, a = new Je(i.state.doc.resolve(c)), l = i.state.tr.setSelection(a), d = i.state.apply(l);
-          i.updateState(d), setTimeout(() => {
+          const { view: i } = this.activeEditor;
+          let { selection: c } = i.state;
+          this.activeEditor.options.isHeaderOrFooter && (c = this.activeEditor.options.lastSelection);
+          const a = c.$to.pos, l = new Qe(i.state.doc.resolve(a)), d = i.state.tr.setSelection(l), u = i.state.apply(d);
+          i.updateState(u), this.activeEditor.options.isHeaderOrFooter || setTimeout(() => {
             i.focus();
           }, 100);
         }
@@ -1854,13 +1861,13 @@ class Ho extends Kt {
     this.config = { ...this.config, ...t }, this.toolbarItems = [], this.overflowItems = [], this.documentMode = t.documentMode || "editing", this.isDev = t.isDev || !1, this.superdoc = t.superdoc, this.role = t.role || "editor", this.toolbarContainer = null, this.config.editor && (this.config.mode = this.config.editor.options.mode), this.config.icons = {
       ...Z,
       ...t.icons
-    }, this.config.hideButtons = t.hideButtons ?? !0, this.config.responsiveToContainer = t.responsiveToContainer ?? !1, !this.config.selector && this.config.element && (this.config.selector = this.config.element), this.toolbarContainer = this.getElementBySelector(this.config.selector), this.toolbarContainer && (N(this, I, lt).call(this), N(this, I, Ve).call(this, {
+    }, this.config.hideButtons = t.hideButtons ?? !0, this.config.responsiveToContainer = t.responsiveToContainer ?? !1, !this.config.selector && this.config.element && (this.config.selector = this.config.element), this.toolbarContainer = this.getElementBySelector(this.config.selector), this.toolbarContainer && (N(this, I, rt).call(this), N(this, I, Ve).call(this, {
       superToolbar: this,
       icons: this.config.icons,
       fonts: this.config.fonts,
       hideButtons: this.config.hideButtons,
       isDev: t.isDev
-    }), this.app = Wt(Ut), this.app.directive("click-outside", zt), this.app.config.globalProperties.$toolbar = this, this.toolbarContainer && (this.toolbar = this.app.mount(this.toolbarContainer)), this.activeEditor = t.editor || null, this.updateToolbarState());
+    }), this.app = Vt(qt), this.app.directive("click-outside", Rt), this.app.config.globalProperties.$toolbar = this, this.toolbarContainer && (this.toolbar = this.app.mount(this.toolbarContainer)), this.activeEditor = t.editor || null, this.updateToolbarState());
   }
   getElementBySelector(t) {
     let n = null;
@@ -1913,14 +1920,14 @@ class Ho extends Kt {
    * @returns {void}
    */
   updateToolbarState() {
-    if (N(this, I, dt).call(this), N(this, I, rt).call(this), N(this, I, ct).call(this), !this.activeEditor || this.documentMode === "viewing") {
+    if (N(this, I, ut).call(this), N(this, I, ct).call(this), N(this, I, dt).call(this), !this.activeEditor || this.documentMode === "viewing") {
       N(this, I, Pe).call(this);
       return;
     }
-    const t = xt(this.activeEditor), n = St(this.activeEditor.state);
+    const t = St(this.activeEditor), n = Et(this.activeEditor.state);
     this.toolbarItems.forEach((o) => {
       if (o.resetDisabled(), o.name.value === "linkedStyles")
-        return this.activeEditor && !Ye(this.activeEditor).length ? o.deactivate() : o.activate();
+        return this.activeEditor && !Je(this.activeEditor).length ? o.deactivate() : o.activate();
       const i = t.find((l) => l.name === o.name.value);
       i ? o.activate(i.attrs) : o.deactivate();
       const c = t.find((l) => l.name === "styleId");
@@ -1931,7 +1938,7 @@ class Ho extends Kt {
           bold: "bold",
           textAlign: "textAlign"
         }, d = this.activeEditor.converter?.linkedStyles.find((u) => u.id === c.attrs.styleId);
-        if (l[o.name.value] in d?.definition.styles) {
+        if (d && l[o.name.value] in d?.definition.styles) {
           const u = {
             [o.name.value]: d?.definition.styles[l[o.name.value]]
           };
@@ -1960,7 +1967,7 @@ class Ho extends Kt {
    * @returns {*} The result of the executed command, undefined if no result is returned
   */
   emitCommand({ item: t, argument: n, option: o }) {
-    this.activeEditor?.focus();
+    this.activeEditor && !this.activeEditor.options.isHeaderOrFooter && this.activeEditor.focus();
     const { command: i } = t;
     if (i) {
       if (this.log("(emmitCommand) Command:", i, `
@@ -1983,7 +1990,7 @@ I = new WeakSet(), /**
 * @private
 * @returns {void}
 */
-lt = function() {
+rt = function() {
   this.config.groups && !Array.isArray(this.config.groups) && Object.keys(this.config.groups).length && (this.config.toolbarGroups = Object.keys(this.config.groups));
 }, fe = new WeakMap(), /**
  * Create toolbar items based on configuration
@@ -2001,7 +2008,7 @@ Ve = function({
   hideButtons: i,
   isDev: c = !1
 } = {}) {
-  const a = document.documentElement.clientWidth, l = this.toolbarContainer.offsetWidth, d = this.config.responsiveToContainer ? l : a, { defaultItems: u, overflowItems: r } = co({
+  const a = document.documentElement.clientWidth, l = this.toolbarContainer.offsetWidth, d = this.config.responsiveToContainer ? l : a, { defaultItems: u, overflowItems: r } = uo({
     superToolbar: t,
     toolbarIcons: n,
     toolbarFonts: o,
@@ -2023,7 +2030,7 @@ Ve = function({
  * @private
  * @returns {void}
  */
-rt = function() {
+ct = function() {
   if (!this.activeEditor || !this.activeEditor.converter) return;
   const { typeface: t = "Arial", fontSizePt: n = 12 } = this.activeEditor.converter.getDocumentDefaultStyles() ?? {}, o = this.toolbarItems.find((c) => c.name.value === "fontSize");
   o && (o.defaultLabel.value = n);
@@ -2034,9 +2041,9 @@ rt = function() {
  * @private
  * @returns {void}
  */
-ct = function() {
+dt = function() {
   if (!this.activeEditor || !this.activeEditor.converter || !this.activeEditor.converter.docHiglightColors.size) return;
-  const t = this.toolbarItems.find((a) => a.name.value === "highlight"), n = Pn(), o = 7, i = Array.from(this.activeEditor.converter.docHiglightColors).reduce((a, l, d) => {
+  const t = this.toolbarItems.find((a) => a.name.value === "highlight"), n = jn(), o = 7, i = Array.from(this.activeEditor.converter.docHiglightColors).reduce((a, l, d) => {
     const u = Math.floor(d / o);
     return a[u] || (a[u] = []), n.includes(l) || a[u].push(f(l)), a;
   }, []), c = {
@@ -2060,8 +2067,8 @@ Pe = function() {
  * @private
  * @returns {void}
  */
-dt = function() {
-  this.activeEditor && (this.undoDepth = Et(this.activeEditor.state), this.redoDepth = At(this.activeEditor.state));
+ut = function() {
+  this.activeEditor && (this.undoDepth = At(this.activeEditor.state), this.redoDepth = Tt(this.activeEditor.state));
 }, /**
  * Run a command that requires an argument
  * @private
@@ -2082,7 +2089,7 @@ pe = function({ item: t, argument: n, noArgumentCallback: o = !1 }, i) {
   }
   c in this.activeEditor?.commands && (this.activeEditor.commands[c](n), typeof i == "function" && i(n), this.updateToolbarState());
 };
-function go(e, s) {
+function bo(e, s) {
   if (!e.value || !s?.value?.options?.scale) return;
   const t = s.value.options.scale, n = e.value.getBoundingClientRect(), o = e.value.querySelectorAll(".pagination-break-wrapper");
   let i;
@@ -2094,7 +2101,7 @@ function go(e, s) {
     }
   });
 }
-const bo = (e, s) => {
+const yo = (e, s) => {
   const t = e.clientY, n = e.clientX, { view: o } = s, i = o.dom.getBoundingClientRect();
   let c = {
     left: 0,
@@ -2109,11 +2116,11 @@ const bo = (e, s) => {
       d = v?.isText && y !== " " ? l - 1 : l;
     }
     const u = o.state.tr.setSelection(
-      Je.create(o.state.doc, d)
+      Qe.create(o.state.doc, d)
     );
     o.dispatch(u), o.focus();
   }
-}, yo = { class: "numbering" }, Fe = 200, wo = "flex-end", Co = {
+}, wo = { class: "numbering" }, Fe = 200, Co = "flex-end", ko = {
   __name: "Ruler",
   props: {
     orientation: {
@@ -2131,22 +2138,22 @@ const bo = (e, s) => {
   },
   emits: ["margin-change"],
   setup(e, { emit: s }) {
-    const t = s, n = e, o = h(null), i = h([]), c = h("#CCCCCC"), a = h("#2563EB66"), l = h(null), d = h(null), u = h(!1), r = h(null), w = Xe({ side: "left", x: 0 }), v = Xe({ side: "right", x: 0 }), b = h(!1), y = h(0);
+    const t = s, n = e, o = h(null), i = h([]), c = h("#CCCCCC"), a = h("#2563EB66"), l = h(null), d = h(null), u = h(!1), r = h(null), w = Ze({ side: "left", x: 0 }), v = Ze({ side: "right", x: 0 }), b = h(!1), y = h(0);
     let g = 0;
     const L = () => {
       if (n.editor.options.mode !== "docx") return;
-      const T = [], { pageMargins: B, pageSize: H } = n.editor.getPageStyles();
-      l.value = H, d.value = B, v.x = H.width * 96 - B.right * 96, w.x = B.left * 96;
-      for (let z = 0; z < H.width; z++) {
-        const K = `${5.5}px`, ce = H.width - z;
+      const T = [], { pageMargins: H, pageSize: B } = n.editor.getPageStyles();
+      l.value = B, d.value = H, v.x = B.width * 96 - H.right * 96, w.x = H.left * 96;
+      for (let z = 0; z < B.width; z++) {
+        const K = `${5.5}px`, ce = B.width - z;
         if (T.push(...D(1, "main", "20%", K, z)), T.push(...D(3, "eighth", "10%", K)), T.push(...D(1, "half", "40%", K)), ce <= 0.5) break;
         T.push(...D(3, "eighth", "10%", K));
       }
       return T;
-    }, D = (T, B, H, z, G) => Array.from({ length: T }, (K, ce) => {
+    }, D = (T, H, B, z, G) => Array.from({ length: T }, (K, ce) => {
       const se = {
-        className: `${B}-unit ruler-section`,
-        height: H,
+        className: `${H}-unit ruler-section`,
+        height: B,
         margin: z
       };
       return G !== void 0 && (se.numbering = G), se;
@@ -2162,20 +2169,20 @@ const bo = (e, s) => {
       left: `${(T === "left" ? w : v).x}px`
     })), F = j(() => {
       if (!o.value) return;
-      const H = o.value.parentElement.querySelector(".super-editor").getBoundingClientRect();
+      const B = o.value.parentElement.querySelector(".super-editor").getBoundingClientRect();
       return {
         left: `${r.value.x}px`,
-        minHeight: `${H.height}px`
+        minHeight: `${B.height}px`
       };
     }), O = (T) => {
       u.value = !0, ue();
-      const B = T.currentTarget.id;
-      r.value = B === "left-margin-handle" ? w : v, y.value = r.value.x, g = T.clientX - r.value.x, b.value = !0;
+      const H = T.currentTarget.id;
+      r.value = H === "left-margin-handle" ? w : v, y.value = r.value.x, g = T.clientX - r.value.x, b.value = !0;
     }, W = (T) => {
       if (!u.value) return;
-      const B = T.clientX - g;
-      r.value.x = B, r.value.side === "left" ? B <= 0 ? r.value.x = 0 : B >= v.x - Fe && (r.value.x = v.x - Fe) : B >= l.value.width * 96 ? r.value.x = l.value.width * 96 : B <= w.x + Fe && (r.value.x = w.x + Fe);
-    }, ne = () => {
+      const H = T.clientX - g;
+      r.value.x = H, r.value.side === "left" ? H <= 0 ? r.value.x = 0 : H >= v.x - Fe && (r.value.x = v.x - Fe) : H >= l.value.width * 96 ? r.value.x = l.value.width * 96 : H <= w.x + Fe && (r.value.x = w.x + Fe);
+    }, oe = () => {
       if (u.value = !1, b.value = !1, ve(), r.value && r.value.x !== y.value) {
         const T = ge();
         t("margin-change", {
@@ -2188,15 +2195,15 @@ const bo = (e, s) => {
     }, ve = () => {
       c.value = "#CCC";
     }, ge = () => r.value.side === "left" ? r.value.x / 96 : (l.value.width * 96 - r.value.x) / 96, Y = j(() => ({
-      "--alignment": wo,
+      "--alignment": Co,
       "--ruler-handle-color": c.value,
       "--ruler-handle-active-color": a.value
     }));
     return Ce(() => {
-      i.value = L(), window.addEventListener("mousemove", W), window.addEventListener("mouseup", ne);
-    }), Vt(() => {
-      window.removeEventListener("mousemove", W), window.removeEventListener("mouseup", ne);
-    }), (T, B) => (C(), k("div", {
+      i.value = L(), window.addEventListener("mousemove", W), window.addEventListener("mouseup", oe);
+    }), Pt(() => {
+      window.removeEventListener("mousemove", W), window.removeEventListener("mouseup", oe);
+    }), (T, H) => (C(), k("div", {
       class: "ruler",
       ref_key: "ruler",
       ref: o,
@@ -2219,27 +2226,27 @@ const bo = (e, s) => {
         class: "vertical-indicator",
         style: Q(F.value)
       }, null, 4)) : ee("", !0),
-      (C(!0), k(U, null, te(i.value, (H) => (C(), k("div", {
-        class: oe(H.className),
-        style: Q(p.value(H))
+      (C(!0), k(U, null, ne(i.value, (B) => (C(), k("div", {
+        class: te(B.className),
+        style: Q(p.value(B))
       }, [
-        _("div", yo, ie(H.numbering), 1),
-        (C(!0), k(U, null, te(H.elements, (z) => (C(), k("div", {
-          class: oe(z.className),
+        _("div", wo, ie(B.numbering), 1),
+        (C(!0), k(U, null, ne(B.elements, (z) => (C(), k("div", {
+          class: te(z.className),
           style: Q(p.value(z))
         }, [
-          (C(!0), k(U, null, te(z.elements, (G) => (C(), k("div", {
-            class: oe(G.className),
+          (C(!0), k(U, null, ne(z.elements, (G) => (C(), k("div", {
+            class: te(G.className),
             style: Q(p.value(G))
           }, null, 6))), 256))
         ], 6))), 256))
       ], 6))), 256))
     ], 4));
   }
-}, ko = /* @__PURE__ */ q(Co, [["__scopeId", "data-v-ad77036c"]]), _o = { class: "super-editor-container" }, xo = {
+}, _o = /* @__PURE__ */ q(ko, [["__scopeId", "data-v-ad77036c"]]), xo = { class: "super-editor-container" }, So = {
   key: 1,
   class: "placeholder-editor"
-}, So = { class: "placeholder-title" }, Eo = {
+}, Eo = { class: "placeholder-title" }, Ao = {
   __name: "SuperEditor",
   props: {
     documentId: {
@@ -2269,14 +2276,14 @@ const bo = (e, s) => {
     "selection-update"
   ],
   setup(e, { emit: s }) {
-    const t = s, n = e, o = h(!1), i = ot(null), c = h(null), a = h(null);
+    const t = s, n = e, o = h(!1), i = it(null), c = h(null), a = h(null);
     let l;
     const d = () => {
       clearTimeout(l);
     }, u = (p, S = 10, F = 500) => {
       const O = p.getMap("meta"), W = () => {
-        const ne = O.get("docx");
-        ne ? (d(), b({ content: ne })) : S > 0 ? (console.debug(`Waiting for 'docx' data... retries left: ${S}`), l = setTimeout(W, F), S--) : console.warn("Failed to load docx data from meta map.");
+        const oe = O.get("docx");
+        oe ? (d(), b({ content: oe })) : S > 0 ? (console.debug(`Waiting for 'docx' data... retries left: ${S}`), l = setTimeout(W, F), S--) : console.warn("Failed to load docx data from meta map.");
       };
       W();
     }, r = async () => {
@@ -2298,7 +2305,7 @@ const bo = (e, s) => {
         S.on("synced", F);
       }
     }, v = () => {
-      const p = Tt();
+      const p = Ft();
       return n.options.pagination ? p : p.filter((S) => S.name !== "pagination");
     }, b = async ({ content: p, media: S = {}, mediaFiles: F = {}, fonts: O = {} } = {}) => {
       i.value = new Ne({
@@ -2314,7 +2321,7 @@ const bo = (e, s) => {
         fonts: O,
         ...n.options
       }), i.value.on("paginationUpdate", () => {
-        go(a, i);
+        bo(a, i);
       }), i.value.on("collaborationReady", () => {
         setTimeout(() => {
           o.value = !0;
@@ -2333,16 +2340,16 @@ const bo = (e, s) => {
       w(), (n.options?.suppressSkeletonLoader || !n.options?.collaborationProvider) && (o.value = !0);
     });
     const L = (p) => {
-      p.target.classList.contains("ProseMirror") || bo(p, i.value);
+      p.target.classList.contains("ProseMirror") || yo(p, i.value);
     }, D = ({ side: p, value: S }) => {
       if (!i.value) return;
       const F = i.value.getPageStyles(), { pageMargins: O } = F, W = { ...O, [p]: S };
       i.value?.updatePageStyle({ pageMargins: W });
     };
-    return it(() => {
+    return st(() => {
       d(), i.value?.destroy(), i.value = null;
-    }), (p, S) => (C(), k("div", _o, [
-      e.options.rulers && i.value ? (C(), Pt(ko, {
+    }), (p, S) => (C(), k("div", xo, [
+      e.options.rulers && i.value ? (C(), jt(_o, {
         key: 0,
         class: "ruler",
         editor: i.value,
@@ -2362,8 +2369,8 @@ const bo = (e, s) => {
           class: "editor-element super-editor__element"
         }, null, 512)
       ], 544),
-      o.value ? ee("", !0) : (C(), k("div", xo, [
-        _("div", So, [
+      o.value ? ee("", !0) : (C(), k("div", So, [
+        _("div", Eo, [
           P(M(J), {
             text: "",
             style: { width: "60%" }
@@ -2409,7 +2416,7 @@ const bo = (e, s) => {
       ]))
     ]));
   }
-}, $o = /* @__PURE__ */ q(Eo, [["__scopeId", "data-v-ff8f86f4"]]), zo = {
+}, zo = /* @__PURE__ */ q(Ao, [["__scopeId", "data-v-ff8f86f4"]]), Ro = {
   __name: "BasicUpload",
   emits: ["file-change"],
   setup(e, { emit: s }) {
@@ -2425,7 +2432,7 @@ const bo = (e, s) => {
       }, null, 32)
     ]));
   }
-}, Ao = ["innerHTML"], To = {
+}, To = ["innerHTML"], Fo = {
   __name: "SuperInput",
   props: {
     modelValue: {
@@ -2449,7 +2456,7 @@ const bo = (e, s) => {
   },
   emits: ["update:modelValue", "focus", "blur"],
   setup(e, { emit: s }) {
-    const t = s, n = e, o = ot(), i = h(null), c = h(!1), a = ({ editor: v, transaction: b }) => {
+    const t = s, n = e, o = it(), i = h(null), c = h(!1), a = ({ editor: v, transaction: b }) => {
       const y = v.getHTML();
       t("update:modelValue", y);
     }, l = ({ editor: v, transaction: b }) => {
@@ -2457,11 +2464,11 @@ const bo = (e, s) => {
     }, d = ({ editor: v, transaction: b }) => {
       c.value = !1, t("blur", { editor: v, transaction: b });
     }, u = async () => {
-      Ft.options.placeholder = n.placeholder || "Type something...", n.options.onTransaction = a, n.options.onFocus = l, n.options.onBlur = d, o.value = new Ne({
+      It.options.placeholder = n.placeholder || "Type something...", n.options.onTransaction = a, n.options.onFocus = l, n.options.onBlur = d, o.value = new Ne({
         mode: "text",
         content: document.getElementById("currentContent"),
         element: i.value,
-        extensions: It(),
+        extensions: Lt(),
         users: n.users,
         ...n.options
       });
@@ -2472,17 +2479,17 @@ const bo = (e, s) => {
     };
     return Ce(() => {
       u();
-    }), it(() => {
+    }), st(() => {
       o.value?.destroy(), o.value = null;
     }), (v, b) => (C(), k("div", {
-      class: oe(["super-editor super-input", { "super-input-active": c.value }]),
+      class: te(["super-editor super-input", { "super-input-active": c.value }]),
       onClick: he(r, ["stop", "prevent"])
     }, [
       _("div", {
         id: "currentContent",
         style: { display: "none" },
         innerHTML: e.modelValue
-      }, null, 8, Ao),
+      }, null, 8, To),
       _("div", {
         ref_key: "editorElem",
         ref: i,
@@ -2490,33 +2497,33 @@ const bo = (e, s) => {
       }, null, 512)
     ], 2));
   }
-}, Ro = /* @__PURE__ */ q(To, [["__scopeId", "data-v-4d5cff52"]]), Oo = {
+}, Oo = /* @__PURE__ */ q(Fo, [["__scopeId", "data-v-4d5cff52"]]), No = {
   Node: Bt,
-  Attribute: Dt,
-  Extension: Mt,
-  Plugin: Rt,
-  Mark: Lt
+  Attribute: Ht,
+  Extension: Dt,
+  Plugin: Ot,
+  Mark: Mt
 };
 export {
-  qt as AIWriter,
-  zo as BasicUpload,
-  Vo as CommentsPluginKey,
-  Yo as DocxZipper,
+  Gt as AIWriter,
+  Ro as BasicUpload,
+  Po as CommentsPluginKey,
+  Jo as DocxZipper,
   Ne as Editor,
-  Oo as Extensions,
-  Xo as SuperConverter,
-  $o as SuperEditor,
-  Ro as SuperInput,
-  Ho as SuperToolbar,
-  Ut as Toolbar,
-  Po as TrackChangesBasePluginKey,
-  Qo as createZip,
-  jo as fieldAnnotationHelpers,
-  xt as getActiveFormatting,
-  ho as getAllowedImageDimensions,
-  Uo as getMarksFromSelection,
-  It as getRichTextExtensions,
-  Tt as getStarterExtensions,
-  qo as helpers,
-  Go as trackChangesHelpers
+  No as Extensions,
+  Zo as SuperConverter,
+  zo as SuperEditor,
+  Oo as SuperInput,
+  $o as SuperToolbar,
+  qt as Toolbar,
+  jo as TrackChangesBasePluginKey,
+  ei as createZip,
+  Uo as fieldAnnotationHelpers,
+  St as getActiveFormatting,
+  vo as getAllowedImageDimensions,
+  qo as getMarksFromSelection,
+  Lt as getRichTextExtensions,
+  Ft as getStarterExtensions,
+  Go as helpers,
+  Ko as trackChangesHelpers
 };