@harbour-enterprises/superdoc 0.10.70 → 0.11.2

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

@@ -1,63 +1,63 @@
-var mt = Object.defineProperty;
-var Ve = (t) => {
+var yt = Object.defineProperty;
+var Ue = (t) => {
   throw TypeError(t);
 };
-var pt = (t, l, o) => l in t ? mt(t, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[l] = o;
-var He = (t, l, o) => pt(t, typeof l != "symbol" ? l + "" : l, o), je = (t, l, o) => l.has(t) || Ve("Cannot " + o);
-var Se = (t, l, o) => (je(t, l, "read from private field"), o ? o.call(t) : l.get(t)), Be = (t, l, o) => l.has(t) ? Ve("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(t) : l.set(t, o);
-var W = (t, l, o) => (je(t, l, "access private method"), o);
-import { _ as K, a as Ke, b as ft, I as Re, f as ht, c as Ue, d as gt, i as vt, u as yt, r as bt, E as Oe, e as wt, P as kt, h as Ct, M as _t, j as xt, A as Et, N as St } from "./chunks/editor-VRl0o2kj.js";
-import { C as Lo, T as Mo, l as Do, n as $o, k as Ho, m as Bo } from "./chunks/editor-VRl0o2kj.js";
-import { a1 as At, y as Tt, a3 as Ft, T as Xe, a as It } from "./chunks/converter-B2UExuyT.js";
-import { O as Oo } from "./chunks/converter-B2UExuyT.js";
-import { ref as y, createElementBlock as k, openBlock as w, createElementVNode as _, unref as D, getCurrentInstance as Lt, computed as j, watch as Mt, onMounted as we, createCommentVNode as Q, withDirectives as Dt, withKeys as $t, normalizeClass as ne, withModifiers as be, vModelText as Ht, createTextVNode as Ze, toDisplayString as oe, Fragment as U, renderList as ee, normalizeStyle as J, createVNode as V, h as N, createApp as Bt, reactive as qe, onUnmounted as Rt, shallowRef as Ye, onBeforeUnmount as Je, createBlock as Ot } from "vue";
-import { t as G, s as Nt, T as zt, N as Y } from "./chunks/toolbar-B6BaeZgt.js";
-import Wt from "./ai-writer.es.js";
-import { D as zo } from "./chunks/docx-zipper-DirBiC9c.js";
-import { createZip as Po } from "./file-zipper.es.js";
-var Qe = { exports: {} };
+var bt = (t, l, o) => l in t ? yt(t, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[l] = o;
+var Re = (t, l, o) => bt(t, typeof l != "symbol" ? l + "" : l, o), qe = (t, l, o) => l.has(t) || Ue("Cannot " + o);
+var Ae = (t, l, o) => (qe(t, l, "read from private field"), o ? o.call(t) : l.get(t)), Oe = (t, l, o) => l.has(t) ? Ue("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(t) : l.set(t, o);
+var z = (t, l, o) => (qe(t, l, "access private method"), o);
+import { _ as q, a as Ze, b as wt, I as Ne, f as kt, c as Ge, d as Ct, i as _t, u as xt, r as St, E as ze, e as Et, P as At, h as Tt, M as Ft, j as It, A as Lt, N as Mt } from "./chunks/editor-DGZCZ8h2.js";
+import { C as No, T as zo, l as Vo, n as Wo, k as Po, m as jo } from "./chunks/editor-DGZCZ8h2.js";
+import { a1 as Dt, y as $t, a3 as Ht, T as Ye, a as Bt } from "./chunks/converter-BwiaGPdm.js";
+import { O as qo } from "./chunks/converter-BwiaGPdm.js";
+import { ref as f, createElementBlock as k, openBlock as w, createElementVNode as C, unref as D, getCurrentInstance as Rt, computed as j, watch as Ot, onMounted as Ce, createCommentVNode as Q, withDirectives as Je, withKeys as Qe, normalizeClass as oe, withModifiers as ge, vModelText as et, createTextVNode as tt, toDisplayString as ie, Fragment as U, renderList as ee, normalizeStyle as J, createVNode as P, h as B, createApp as Nt, reactive as Ke, onUnmounted as zt, shallowRef as nt, onBeforeUnmount as ot, createBlock as Vt } from "vue";
+import { t as X, s as Wt, T as Pt, N as Y } from "./chunks/toolbar-DTeL2-9l.js";
+import jt from "./ai-writer.es.js";
+import { D as Ko } from "./chunks/docx-zipper-BrIDXExE.js";
+import { createZip as Zo } from "./file-zipper.es.js";
+var it = { exports: {} };
 (function(t) {
   var l = Object.prototype.hasOwnProperty, o = "~";
   function n() {
   }
   Object.create && (n.prototype = /* @__PURE__ */ Object.create(null), new n().__proto__ || (o = !1));
-  function e(s, r, d) {
-    this.fn = s, this.context = r, this.once = d || !1;
+  function e(s, c, d) {
+    this.fn = s, this.context = c, this.once = d || !1;
   }
-  function i(s, r, d, u, b) {
+  function i(s, c, d, u, b) {
     if (typeof d != "function")
       throw new TypeError("The listener must be a function");
-    var v = new e(d, u || s, b), h = o ? o + r : r;
-    return s._events[h] ? s._events[h].fn ? s._events[h] = [s._events[h], v] : s._events[h].push(v) : (s._events[h] = v, s._eventsCount++), s;
+    var v = new e(d, u || s, b), y = o ? o + c : c;
+    return s._events[y] ? s._events[y].fn ? s._events[y] = [s._events[y], v] : s._events[y].push(v) : (s._events[y] = v, s._eventsCount++), s;
   }
-  function c(s, r) {
-    --s._eventsCount === 0 ? s._events = new n() : delete s._events[r];
+  function r(s, c) {
+    --s._eventsCount === 0 ? s._events = new n() : delete s._events[c];
   }
   function a() {
     this._events = new n(), this._eventsCount = 0;
   }
   a.prototype.eventNames = function() {
-    var r = [], d, u;
-    if (this._eventsCount === 0) return r;
+    var c = [], d, u;
+    if (this._eventsCount === 0) return c;
     for (u in d = this._events)
-      l.call(d, u) && r.push(o ? u.slice(1) : u);
-    return Object.getOwnPropertySymbols ? r.concat(Object.getOwnPropertySymbols(d)) : r;
-  }, a.prototype.listeners = function(r) {
-    var d = o ? o + r : r, u = this._events[d];
+      l.call(d, u) && c.push(o ? u.slice(1) : u);
+    return Object.getOwnPropertySymbols ? c.concat(Object.getOwnPropertySymbols(d)) : c;
+  }, a.prototype.listeners = function(c) {
+    var d = o ? o + c : c, u = this._events[d];
     if (!u) return [];
     if (u.fn) return [u.fn];
-    for (var b = 0, v = u.length, h = new Array(v); b < v; b++)
-      h[b] = u[b].fn;
-    return h;
-  }, a.prototype.listenerCount = function(r) {
-    var d = o ? o + r : r, u = this._events[d];
+    for (var b = 0, v = u.length, y = new Array(v); b < v; b++)
+      y[b] = u[b].fn;
+    return y;
+  }, a.prototype.listenerCount = function(c) {
+    var d = o ? o + c : c, u = this._events[d];
     return u ? u.fn ? 1 : u.length : 0;
-  }, a.prototype.emit = function(r, d, u, b, v, h) {
-    var E = o ? o + r : r;
-    if (!this._events[E]) return !1;
-    var g = this._events[E], $ = arguments.length, L, p;
+  }, a.prototype.emit = function(c, d, u, b, v, y) {
+    var S = o ? o + c : c;
+    if (!this._events[S]) return !1;
+    var g = this._events[S], F = arguments.length, $, p;
     if (g.fn) {
-      switch (g.once && this.removeListener(r, g.fn, void 0, !0), $) {
+      switch (g.once && this.removeListener(c, g.fn, void 0, !0), F) {
         case 1:
           return g.fn.call(g.context), !0;
         case 2:
@@ -69,15 +69,15 @@ var Qe = { exports: {} };
         case 5:
           return g.fn.call(g.context, d, u, b, v), !0;
         case 6:
-          return g.fn.call(g.context, d, u, b, v, h), !0;
+          return g.fn.call(g.context, d, u, b, v, y), !0;
       }
-      for (p = 1, L = new Array($ - 1); p < $; p++)
-        L[p - 1] = arguments[p];
-      g.fn.apply(g.context, L);
+      for (p = 1, $ = new Array(F - 1); p < F; p++)
+        $[p - 1] = arguments[p];
+      g.fn.apply(g.context, $);
     } else {
-      var C = g.length, F;
-      for (p = 0; p < C; p++)
-        switch (g[p].once && this.removeListener(r, g[p].fn, void 0, !0), $) {
+      var _ = g.length, T;
+      for (p = 0; p < _; p++)
+        switch (g[p].once && this.removeListener(c, g[p].fn, void 0, !0), F) {
           case 1:
             g[p].fn.call(g[p].context);
             break;
@@ -91,38 +91,38 @@ var Qe = { exports: {} };
             g[p].fn.call(g[p].context, d, u, b);
             break;
           default:
-            if (!L) for (F = 1, L = new Array($ - 1); F < $; F++)
-              L[F - 1] = arguments[F];
-            g[p].fn.apply(g[p].context, L);
+            if (!$) for (T = 1, $ = new Array(F - 1); T < F; T++)
+              $[T - 1] = arguments[T];
+            g[p].fn.apply(g[p].context, $);
         }
     }
     return !0;
-  }, a.prototype.on = function(r, d, u) {
-    return i(this, r, d, u, !1);
-  }, a.prototype.once = function(r, d, u) {
-    return i(this, r, d, u, !0);
-  }, a.prototype.removeListener = function(r, d, u, b) {
-    var v = o ? o + r : r;
+  }, a.prototype.on = function(c, d, u) {
+    return i(this, c, d, u, !1);
+  }, a.prototype.once = function(c, d, u) {
+    return i(this, c, d, u, !0);
+  }, a.prototype.removeListener = function(c, d, u, b) {
+    var v = o ? o + c : c;
     if (!this._events[v]) return this;
     if (!d)
-      return c(this, v), this;
-    var h = this._events[v];
-    if (h.fn)
-      h.fn === d && (!b || h.once) && (!u || h.context === u) && c(this, v);
+      return r(this, v), this;
+    var y = this._events[v];
+    if (y.fn)
+      y.fn === d && (!b || y.once) && (!u || y.context === u) && r(this, v);
     else {
-      for (var E = 0, g = [], $ = h.length; E < $; E++)
-        (h[E].fn !== d || b && !h[E].once || u && h[E].context !== u) && g.push(h[E]);
-      g.length ? this._events[v] = g.length === 1 ? g[0] : g : c(this, v);
+      for (var S = 0, g = [], F = y.length; S < F; S++)
+        (y[S].fn !== d || b && !y[S].once || u && y[S].context !== u) && g.push(y[S]);
+      g.length ? this._events[v] = g.length === 1 ? g[0] : g : r(this, v);
     }
     return this;
-  }, a.prototype.removeAllListeners = function(r) {
+  }, a.prototype.removeAllListeners = function(c) {
     var d;
-    return r ? (d = o ? o + r : r, this._events[d] && c(this, d)) : (this._events = new n(), this._eventsCount = 0), this;
+    return c ? (d = o ? o + c : c, this._events[d] && r(this, d)) : (this._events = new n(), this._eventsCount = 0), this;
   }, a.prototype.off = a.prototype.removeListener, a.prototype.addListener = a.prototype.on, a.prefixed = o, a.EventEmitter = a, t.exports = a;
-})(Qe);
-var Pt = Qe.exports;
-const Vt = /* @__PURE__ */ At(Pt);
-function jt(t) {
+})(it);
+var Ut = it.exports;
+const qt = /* @__PURE__ */ Dt(Ut);
+function Gt(t) {
   let l = t;
   for (; l; ) {
     const o = window.getComputedStyle(l).overflowY;
@@ -132,9 +132,9 @@ function jt(t) {
   }
   return document.scrollingElement || document.documentElement;
 }
-function Ut(t, l = { behavior: "smooth", block: "start" }) {
+function Kt(t, l = { behavior: "smooth", block: "start" }) {
   if (!t) return;
-  const o = jt(t), n = o.getBoundingClientRect(), i = t.getBoundingClientRect().top - n.top + o.scrollTop;
+  const o = Gt(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
@@ -147,114 +147,115 @@ 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 = y(Tt()), n = t.type, e = y(t.name), i = t.command, c = t.noArgumentCommand, a = y(t.icon), s = y(t.group || "center"), r = y(t.allowWithoutEditor), d = y(t.attributes || {}), u = t.disabled || !1, b = y(t.disabled), v = y(!1), h = y(!1), E = y(t.style), g = y(t.isNarrow), $ = y(t.isWide), L = y(t.minWidth), p = y(t.suppressActiveHighlight || !1), C = y(t.argument), F = y(null), z = y(null), B = y(t.iconColor), q = y(t.hasCaret), ve = y(t.dropdownStyles), ye = y(t.tooltip), ue = y(t.tooltipVisible), me = y(t.tooltipTimeout), T = y(t.defaultLabel), M = y(t.label), H = y(t.hideLabel), R = y(t.inlineTextInputVisible), X = y(t.hasInlineTextInput), Z = y(t.markName), re = y(t.labelAttr), pe = y(t.selectedValue), Te = y(t.dropdownValueKey), ke = y([]);
+  const o = f($t()), n = t.type, e = f(t.name), i = t.command, r = t.noArgumentCommand, a = f(t.icon), s = f(t.group || "center"), c = f(t.allowWithoutEditor), d = f(t.attributes || {}), u = t.disabled || !1, b = f(t.disabled), v = f(!1), y = f(!1), S = f(t.style), g = f(t.isNarrow), F = f(t.isWide), $ = f(t.minWidth), p = f(t.suppressActiveHighlight || !1), _ = f(t.argument), T = f(null), N = f(null), V = f(t.iconColor), te = f(t.hasCaret), ye = f(t.dropdownStyles), Z = f(t.tooltip), re = f(t.tooltipVisible), be = f(t.tooltipTimeout), I = f(t.defaultLabel), M = f(t.label), H = f(t.hideLabel), R = f(t.inlineTextInputVisible), G = f(t.hasInlineTextInput), K = f(t.markName), ce = f(t.labelAttr), ue = f(t.selectedValue), _e = f(t.dropdownValueKey), xe = f(t.inputRef || null), Se = f([]);
   if (t.options) {
     if (!Array.isArray(t.options)) throw new Error("Invalid toolbar item options - " + t.options);
-    ke.value.push(...t.options);
+    Se.value.push(...t.options);
   }
   const Fe = (se) => {
-    _e(se), !p.value && (v.value = !0);
+    we(se), !p.value && (v.value = !0);
   }, Ie = () => {
-    xe(), v.value = !1;
-  }, Ce = (se) => {
+    ne(), v.value = !1;
+  }, Le = (se) => {
     b.value = se;
-  }, ie = () => {
+  }, Me = () => {
     b.value = u;
-  }, _e = t.onActivate || (() => null), xe = t.onDeactivate || (() => null), Le = () => {
+  }, we = t.onActivate || (() => null), ne = t.onDeactivate || (() => null), De = () => {
     const se = {};
-    return Object.keys(ce).forEach((te) => {
-      ce[te].value !== void 0 && (se[te] = ce[te].value);
+    return Object.keys(me).forEach((pe) => {
+      me[pe].value !== void 0 && (se[pe] = me[pe].value);
     }), se;
-  }, ce = {
+  }, me = {
     id: o,
     name: e,
     type: n,
     command: i,
-    noArgumentCommand: c,
+    noArgumentCommand: r,
     icon: a,
-    tooltip: ye,
+    tooltip: Z,
     group: s,
     attributes: d,
     disabled: b,
     active: v,
-    expand: h,
-    nestedOptions: ke,
-    style: E,
+    expand: y,
+    nestedOptions: Se,
+    style: S,
     isNarrow: g,
-    isWide: $,
-    minWidth: L,
-    argument: C,
-    parentItem: z,
-    iconColor: B,
-    hasCaret: q,
-    dropdownStyles: ve,
-    tooltipVisible: ue,
-    tooltipTimeout: me,
-    defaultLabel: T,
+    isWide: F,
+    minWidth: $,
+    argument: _,
+    parentItem: N,
+    iconColor: V,
+    hasCaret: te,
+    dropdownStyles: ye,
+    tooltipVisible: re,
+    tooltipTimeout: be,
+    defaultLabel: I,
     label: M,
     hideLabel: H,
     inlineTextInputVisible: R,
-    hasInlineTextInput: X,
-    markName: Z,
-    labelAttr: re,
-    childItem: F,
-    allowWithoutEditor: r,
-    dropdownValueKey: Te,
-    selectedValue: pe
+    hasInlineTextInput: G,
+    markName: K,
+    labelAttr: ce,
+    childItem: T,
+    allowWithoutEditor: c,
+    dropdownValueKey: _e,
+    selectedValue: ue,
+    inputRef: xe
   };
   return {
-    ...ce,
-    unref: Le,
+    ...me,
+    unref: De,
     activate: Fe,
     deactivate: Ie,
-    setDisabled: Ce,
-    resetDisabled: ie,
-    onActivate: _e,
-    onDeactivate: xe
+    setDisabled: Le,
+    resetDisabled: Me,
+    onActivate: we,
+    onDeactivate: ne
   };
-}, qt = { class: "alignment-buttons" }, Gt = ["innerHTML"], Kt = ["innerHTML"], Xt = ["innerHTML"], Zt = ["innerHTML"], Yt = {
+}, Xt = { class: "alignment-buttons" }, Zt = ["innerHTML"], Yt = ["innerHTML"], Jt = ["innerHTML"], Qt = ["innerHTML"], en = {
   __name: "AlignmentButtons",
   emits: ["select"],
   setup(t, { emit: l }) {
     const o = l, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (w(), k("div", qt, [
-      _("div", {
+    return (e, i) => (w(), k("div", Xt, [
+      C("div", {
         class: "button-icon",
-        onClick: i[0] || (i[0] = (c) => n("left")),
-        innerHTML: D(G).alignLeft
-      }, null, 8, Gt),
-      _("div", {
+        onClick: i[0] || (i[0] = (r) => n("left")),
+        innerHTML: D(X).alignLeft
+      }, null, 8, Zt),
+      C("div", {
         class: "button-icon",
-        onClick: i[1] || (i[1] = (c) => n("center")),
-        innerHTML: D(G).alignCenter
-      }, null, 8, Kt),
-      _("div", {
+        onClick: i[1] || (i[1] = (r) => n("center")),
+        innerHTML: D(X).alignCenter
+      }, null, 8, Yt),
+      C("div", {
         class: "button-icon",
-        onClick: i[2] || (i[2] = (c) => n("right")),
-        innerHTML: D(G).alignRight
-      }, null, 8, Xt),
-      _("div", {
+        onClick: i[2] || (i[2] = (r) => n("right")),
+        innerHTML: D(X).alignRight
+      }, null, 8, Jt),
+      C("div", {
         class: "button-icon",
-        onClick: i[3] || (i[3] = (c) => n("justify")),
-        innerHTML: D(G).alignJustify
-      }, null, 8, Zt)
+        onClick: i[3] || (i[3] = (r) => n("justify")),
+        innerHTML: D(X).alignJustify
+      }, null, 8, Qt)
     ]));
   }
-}, Jt = /* @__PURE__ */ K(Yt, [["__scopeId", "data-v-d6fae878"]]), Qt = { class: "link-input-ctn" }, en = {
+}, tn = /* @__PURE__ */ q(en, [["__scopeId", "data-v-d6fae878"]]), nn = { class: "link-input-ctn" }, on = {
   key: 0,
   class: "link-title"
-}, tn = {
+}, sn = {
   key: 1,
   class: "link-title"
-}, nn = {
+}, ln = {
   key: 2,
   class: "link-title"
-}, on = { key: 3 }, sn = { class: "input-row" }, ln = ["innerHTML"], an = ["onKeydown"], rn = ["innerHTML"], cn = { class: "input-row link-buttons" }, dn = ["innerHTML"], un = {
+}, an = { key: 3 }, rn = { class: "input-row" }, cn = ["innerHTML"], dn = ["onKeydown"], un = ["innerHTML"], mn = { class: "input-row link-buttons" }, pn = ["innerHTML"], hn = {
   key: 4,
   class: "input-row go-to-anchor clickable"
-}, mn = {
+}, fn = {
   __name: "LinkInput",
   props: {
     initialText: {
@@ -281,87 +282,87 @@ const x = (t) => {
   },
   emits: ["submit", "cancel"],
   setup(t, { emit: l }) {
-    const o = l, n = t, { proxy: e } = Lt(), i = () => {
-      if (e?.$submit instanceof Function && e.$submit(), r.value && u.value) {
+    const o = l, n = t, { proxy: e } = Rt(), i = () => {
+      if (e?.$submit instanceof Function && e.$submit(), c.value && u.value) {
         o("submit", { text: s.value, href: d.value });
         return;
-      } else if (!r.value) {
+      } else if (!c.value) {
         o("submit", { text: s.value, href: null });
         return;
       }
       console.debug("[LinkInput] Invalid URL in handleSubmit"), a.value = !0;
-    }, c = () => {
+    }, r = () => {
       o("submit", { text: s.value, href: null });
-    }, a = y(!1), s = y(n.initialText), r = y(n.href), d = j(() => r.value?.startsWith("http") ? r.value : "http://" + r.value), u = j(() => {
+    }, a = f(!1), s = f(n.initialText), c = f(n.href), d = j(() => c.value?.startsWith("http") ? c.value : "http://" + c.value), u = j(() => {
       const p = d.value.split(".").filter(Boolean);
       return d.value.includes(".") && p.length > 1;
-    }), b = j(() => h.value ? "Apply" : "Remove"), v = j(() => !u.value), h = j(() => !E.value), E = j(() => n.href && !r.value), g = j(() => n.href.startsWith("#")), $ = () => {
+    }), b = j(() => y.value ? "Apply" : "Remove"), v = j(() => !u.value), y = j(() => !S.value), S = j(() => n.href && !c.value), g = j(() => n.href.startsWith("#")), F = () => {
       window.open(d.value, "_blank");
     };
-    Mt(
+    Ot(
       () => n.href,
       (p) => {
-        r.value = p;
+        c.value = p;
       }
     );
-    const L = () => {
+    const $ = () => {
       const p = document.querySelector(".link-input-ctn input");
       p && p.focus();
     };
-    return we(() => {
-      n.showInput && L();
-    }), (p, C) => (w(), k("div", Qt, [
-      t.href ? g.value ? (w(), k("div", tn, "Page anchor")) : (w(), k("div", nn, "Edit link")) : (w(), k("div", en, "Add link")),
-      t.showInput && !g.value ? (w(), k("div", on, [
-        _("div", sn, [
-          _("div", {
+    return Ce(() => {
+      n.showInput && $();
+    }), (p, _) => (w(), k("div", nn, [
+      t.href ? g.value ? (w(), k("div", sn, "Page anchor")) : (w(), k("div", ln, "Edit link")) : (w(), k("div", on, "Add link")),
+      t.showInput && !g.value ? (w(), k("div", an, [
+        C("div", rn, [
+          C("div", {
             class: "input-icon",
-            innerHTML: D(G).linkInput
-          }, null, 8, ln),
-          Dt(_("input", {
+            innerHTML: D(X).linkInput
+          }, null, 8, cn),
+          Je(C("input", {
             type: "text",
             placeholder: "Type or paste a link",
-            class: ne({ error: a.value }),
-            "onUpdate:modelValue": C[0] || (C[0] = (F) => r.value = F),
+            class: oe({ error: a.value }),
+            "onUpdate:modelValue": _[0] || (_[0] = (T) => c.value = T),
             onKeydown: [
-              $t(be(i, ["stop", "prevent"]), ["enter"]),
-              C[1] || (C[1] = (F) => a.value = !1)
+              Qe(ge(i, ["stop", "prevent"]), ["enter"]),
+              _[1] || (_[1] = (T) => a.value = !1)
             ]
-          }, null, 42, an), [
-            [Ht, r.value]
+          }, null, 42, dn), [
+            [et, c.value]
           ]),
-          _("div", {
-            class: ne(["open-link-icon", { disabled: !u.value }]),
-            innerHTML: D(G).openLink,
-            onClick: $
-          }, null, 10, rn)
+          C("div", {
+            class: oe(["open-link-icon", { disabled: !u.value }]),
+            innerHTML: D(X).openLink,
+            onClick: F
+          }, null, 10, un)
         ]),
-        _("div", cn, [
+        C("div", mn, [
           t.href ? (w(), k("button", {
             key: 0,
             class: "remove-btn",
-            onClick: c
+            onClick: r
           }, [
-            _("div", {
+            C("div", {
               class: "remove-btn__icon",
-              innerHTML: D(G).removeLink
-            }, null, 8, dn),
-            C[3] || (C[3] = Ze(" Remove "))
+              innerHTML: D(X).removeLink
+            }, null, 8, pn),
+            _[3] || (_[3] = tt(" Remove "))
           ])) : Q("", !0),
-          h.value ? (w(), k("button", {
+          y.value ? (w(), k("button", {
             key: 1,
-            class: ne(["submit-btn", { "disable-btn": v.value }]),
+            class: oe(["submit-btn", { "disable-btn": v.value }]),
             onClick: i
-          }, oe(b.value), 3)) : Q("", !0)
+          }, ie(b.value), 3)) : Q("", !0)
         ])
-      ])) : g.value ? (w(), k("div", un, [
-        _("a", {
-          onClick: C[2] || (C[2] = be((...F) => t.goToAnchor && t.goToAnchor(...F), ["stop", "prevent"]))
-        }, "Go to " + oe(t.href.startsWith("#_") ? t.href.substring(2) : t.href), 1)
+      ])) : g.value ? (w(), k("div", hn, [
+        C("a", {
+          onClick: _[2] || (_[2] = ge((...T) => t.goToAnchor && t.goToAnchor(...T), ["stop", "prevent"]))
+        }, "Go to " + ie(t.href.startsWith("#_") ? t.href.substring(2) : t.href), 1)
       ])) : Q("", !0)
     ]));
   }
-}, pn = /* @__PURE__ */ K(mn, [["__scopeId", "data-v-6990d5b2"]]), fn = { class: "document-mode" }, hn = ["onClick"], gn = { class: "document-mode-column icon-column" }, vn = ["innerHTML"], yn = { class: "document-mode-column text-column" }, bn = { class: "document-mode-type" }, wn = { class: "document-mode-description" }, kn = {
+}, vn = /* @__PURE__ */ q(fn, [["__scopeId", "data-v-6990d5b2"]]), gn = { class: "document-mode" }, yn = ["onClick"], bn = { class: "document-mode-column icon-column" }, wn = ["innerHTML"], kn = { class: "document-mode-column text-column" }, Cn = { class: "document-mode-type" }, _n = { class: "document-mode-description" }, xn = {
   __name: "DocumentMode",
   props: {
     options: {
@@ -373,28 +374,28 @@ const x = (t) => {
     const o = l, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (w(), k("div", fn, [
-      (w(!0), k(U, null, ee(t.options, (c) => (w(), k("div", {
-        class: ne(["option-item", { disabled: c.disabled }]),
-        onClick: (a) => n(c)
+    return (e, i) => (w(), k("div", gn, [
+      (w(!0), k(U, null, ee(t.options, (r) => (w(), k("div", {
+        class: oe(["option-item", { disabled: r.disabled }]),
+        onClick: (a) => n(r)
       }, [
-        _("div", gn, [
-          _("div", {
+        C("div", bn, [
+          C("div", {
             class: "icon-column__icon",
-            innerHTML: c.icon
-          }, null, 8, vn)
+            innerHTML: r.icon
+          }, null, 8, wn)
         ]),
-        _("div", yn, [
-          _("div", bn, oe(c.label), 1),
-          _("div", wn, oe(c.description), 1)
+        C("div", kn, [
+          C("div", Cn, ie(r.label), 1),
+          C("div", _n, ie(r.description), 1)
         ])
-      ], 10, hn))), 256))
+      ], 10, yn))), 256))
     ]));
   }
-}, Cn = /* @__PURE__ */ K(kn, [["__scopeId", "data-v-f86e1477"]]), _n = {
+}, Sn = /* @__PURE__ */ q(xn, [["__scopeId", "data-v-f86e1477"]]), En = {
   key: 0,
   class: "linked-style-buttons"
-}, xn = ["onClick"], En = {
+}, An = ["onClick"], Tn = {
   __name: "LinkedStyle",
   props: {
     editor: {
@@ -407,19 +408,19 @@ const x = (t) => {
     const o = l, n = t, e = (i) => {
       o("select", i);
     };
-    return (i, c) => n.editor ? (w(), k("div", _n, [
-      (w(!0), k(U, null, ee(D(Ke)(t.editor), (a) => (w(), k("div", {
+    return (i, r) => n.editor ? (w(), k("div", En, [
+      (w(!0), k(U, null, ee(D(Ze)(t.editor), (a) => (w(), k("div", {
         class: "style-item",
         onClick: (s) => e(a)
       }, [
-        _("div", {
+        C("div", {
           class: "style-name",
-          style: J(D(ft)(a, null, !1))
-        }, oe(a.definition.attrs.name), 5)
-      ], 8, xn))), 256))
+          style: J(D(wt)(a, null, !1))
+        }, ie(a.definition.attrs.name), 5)
+      ], 8, An))), 256))
     ])) : Q("", !0);
   }
-}, Sn = /* @__PURE__ */ K(En, [["__scopeId", "data-v-97e3296a"]]), An = ["onClick"], Tn = ["innerHTML"], Fn = ["innerHTML"], In = {
+}, Fn = /* @__PURE__ */ q(Tn, [["__scopeId", "data-v-97e3296a"]]), In = ["onClick"], Ln = ["innerHTML"], Mn = ["innerHTML"], Dn = {
   __name: "IconGridRow",
   props: {
     icons: {
@@ -433,36 +434,36 @@ const x = (t) => {
   },
   emits: ["select"],
   setup(t, { emit: l }) {
-    const o = l, n = t, e = j(() => (a) => n.activeColor.value ? n.activeColor.value.toUpperCase() === a.value : !1), i = (a, s) => s === 5 || ["#FFFFFF", "#FAFF09"].includes(a) ? { color: "#000" } : { color: "#FFF" }, c = (a) => {
+    const o = l, n = t, e = j(() => (a) => n.activeColor.value ? n.activeColor.value.toUpperCase() === a.value : !1), i = (a, s) => s === 5 || ["#FFFFFF", "#FAFF09"].includes(a) ? { color: "#000" } : { color: "#FFF" }, r = (a) => {
       o("select", a.value);
     };
-    return we(() => {
+    return Ce(() => {
       if (!n.icons.every((s) => Array.isArray(s))) throw new Error("icon props must be 2d array");
-    }), (a, s) => (w(!0), k(U, null, ee(t.icons, (r, d) => (w(), k("div", {
+    }), (a, s) => (w(!0), k(U, null, ee(t.icons, (c, d) => (w(), k("div", {
       class: "option-row",
       key: d
     }, [
-      (w(!0), k(U, null, ee(r, (u, b) => (w(), k("div", {
+      (w(!0), k(U, null, ee(c, (u, b) => (w(), k("div", {
         class: "option",
         key: b,
-        onClick: be((v) => c(u), ["stop", "prevent"])
+        onClick: ge((v) => r(u), ["stop", "prevent"])
       }, [
-        _("div", {
+        C("div", {
           class: "option__icon",
           innerHTML: u.icon,
           style: J(u.style)
-        }, null, 12, Tn),
+        }, null, 12, Ln),
         e.value(u) ? (w(), k("div", {
           key: 0,
           class: "option__check",
-          innerHTML: D(G).colorOptionCheck,
+          innerHTML: D(X).colorOptionCheck,
           style: J(i(u.value, b))
-        }, null, 12, Fn)) : Q("", !0)
-      ], 8, An))), 128))
+        }, null, 12, Mn)) : Q("", !0)
+      ], 8, In))), 128))
     ]))), 128));
   }
-}, Ge = /* @__PURE__ */ K(In, [["__scopeId", "data-v-6a2a9a40"]]), Ln = `<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>
-`, Mn = { class: "options-grid-wrap" }, Dn = ["innerHTML"], $n = { class: "option-grid-ctn" }, Hn = {
+}, Xe = /* @__PURE__ */ q(Dn, [["__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>
+`, Hn = { class: "options-grid-wrap" }, Bn = ["innerHTML"], Rn = { class: "option-grid-ctn" }, On = {
   __name: "IconGrid",
   props: {
     icons: {
@@ -487,27 +488,27 @@ const x = (t) => {
     const o = l, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (w(), k("div", Mn, [
+    return (e, i) => (w(), k("div", Hn, [
       t.hasNoneIcon ? (w(), k("div", {
         key: 0,
         class: "none-option",
-        onClick: i[0] || (i[0] = (c) => n("none"))
+        onClick: i[0] || (i[0] = (r) => n("none"))
       }, [
-        _("span", {
-          innerHTML: D(Ln),
+        C("span", {
+          innerHTML: D($n),
           class: "none-icon"
-        }, null, 8, Dn),
-        i[1] || (i[1] = Ze(" None "))
+        }, null, 8, Bn),
+        i[1] || (i[1] = tt(" None "))
       ])) : Q("", !0),
-      _("div", $n, [
-        V(Ge, {
+      C("div", Rn, [
+        P(Xe, {
           icons: t.icons,
           "active-color": t.activeColor,
           onSelect: n
         }, null, 8, ["icons", "active-color"]),
         t.customIcons.flat().length ? (w(), k(U, { key: 0 }, [
-          i[2] || (i[2] = _("span", { class: "option-grid-ctn__subtitle" }, "Custom colors", -1)),
-          V(Ge, {
+          i[2] || (i[2] = C("span", { class: "option-grid-ctn__subtitle" }, "Custom colors", -1)),
+          P(Xe, {
             icons: t.customIcons,
             "active-color": t.activeColor,
             onSelect: n
@@ -516,141 +517,141 @@ const x = (t) => {
       ])
     ]));
   }
-}, Bn = /* @__PURE__ */ K(Hn, [["__scopeId", "data-v-47b783db"]]), Rn = (t) => {
+}, Nn = /* @__PURE__ */ q(On, [["__scopeId", "data-v-47b783db"]]), zn = (t) => {
   t.expand.value = !1;
-}, f = (t, l = null) => ({
+}, h = (t, l = null) => ({
   label: l,
-  icon: G.colorOption,
+  icon: X.colorOption,
   value: t,
   style: {
     color: t,
     boxShadow: "0 0 5px 1px rgba(0, 0, 0, 0.1)",
     borderRadius: "50%"
   }
-}), Ne = (t, l, o = [], n = !1) => {
+}), Ve = (t, l, o = [], n = !1) => {
   const e = (i) => {
-    l.iconColor.value = i, t.emitCommand({ item: l, argument: i }), Rn(l);
+    l.iconColor.value = i, t.emitCommand({ item: l, argument: i }), zn(l);
   };
-  return N("div", {}, [
-    N(Bn, {
-      icons: et,
+  return B("div", {}, [
+    B(Nn, {
+      icons: st,
       customIcons: o,
       activeColor: l.iconColor,
       hasNoneIcon: n,
       onSelect: e
     })
   ]);
-}, et = [
+}, st = [
   [
-    f("#111111"),
-    f("#333333"),
-    f("#5C5C5C"),
-    f("#858585"),
-    f("#ADADAD"),
-    f("#D6D6D6"),
-    f("#FFFFFF")
+    h("#111111"),
+    h("#333333"),
+    h("#5C5C5C"),
+    h("#858585"),
+    h("#ADADAD"),
+    h("#D6D6D6"),
+    h("#FFFFFF")
   ],
   [
-    f("#860028"),
-    f("#D2003F"),
-    f("#DB3365"),
-    f("#E4668C"),
-    f("#ED99B2"),
-    f("#F6CCD9"),
-    f("#FF004D")
+    h("#860028"),
+    h("#D2003F"),
+    h("#DB3365"),
+    h("#E4668C"),
+    h("#ED99B2"),
+    h("#F6CCD9"),
+    h("#FF004D")
   ],
   [
-    f("#83015E"),
-    f("#CD0194"),
-    f("#D734A9"),
-    f("#E167BF"),
-    f("#EB99D4"),
-    f("#F5CCEA"),
-    f("#FF00A8")
+    h("#83015E"),
+    h("#CD0194"),
+    h("#D734A9"),
+    h("#E167BF"),
+    h("#EB99D4"),
+    h("#F5CCEA"),
+    h("#FF00A8")
   ],
   [
-    f("#8E220A"),
-    f("#DD340F"),
-    f("#E45C3F"),
-    f("#EB856F"),
-    f("#F1AE9F"),
-    f("#F8D6CF"),
-    f("#FF7A00")
+    h("#8E220A"),
+    h("#DD340F"),
+    h("#E45C3F"),
+    h("#EB856F"),
+    h("#F1AE9F"),
+    h("#F8D6CF"),
+    h("#FF7A00")
   ],
   [
-    f("#947D02"),
-    f("#E7C302"),
-    f("#ECCF35"),
-    f("#F1DB67"),
-    f("#F5E79A"),
-    f("#FAF3CC"),
-    f("#FAFF09")
+    h("#947D02"),
+    h("#E7C302"),
+    h("#ECCF35"),
+    h("#F1DB67"),
+    h("#F5E79A"),
+    h("#FAF3CC"),
+    h("#FAFF09")
   ],
   [
-    f("#055432"),
-    f("#07834F"),
-    f("#399C72"),
-    f("#6AB595"),
-    f("#9CCDB9"),
-    f("#CDE6DC"),
-    f("#05F38F")
+    h("#055432"),
+    h("#07834F"),
+    h("#399C72"),
+    h("#6AB595"),
+    h("#9CCDB9"),
+    h("#CDE6DC"),
+    h("#05F38F")
   ],
   [
-    f("#063E7E"),
-    f("#0A60C5"),
-    f("#3B80D1"),
-    f("#6CA0DC"),
-    f("#9DBFE8"),
-    f("#CEDFF3"),
-    f("#00E0FF")
+    h("#063E7E"),
+    h("#0A60C5"),
+    h("#3B80D1"),
+    h("#6CA0DC"),
+    h("#9DBFE8"),
+    h("#CEDFF3"),
+    h("#00E0FF")
   ],
   [
-    f("#3E027A"),
-    f("#6103BF"),
-    f("#8136CC"),
-    f("#A068D9"),
-    f("#C09AE6"),
-    f("#DFCDF2"),
-    f("#A91DFF")
+    h("#3E027A"),
+    h("#6103BF"),
+    h("#8136CC"),
+    h("#A068D9"),
+    h("#C09AE6"),
+    h("#DFCDF2"),
+    h("#A91DFF")
   ]
-], On = () => et.flat().map((t) => t.value), Nn = { class: "toolbar-table-grid-wrapper" }, zn = ["data-cols", "data-rows", "onClick"], Wn = { class: "toolbar-table-grid-value" }, Pn = {
+], Vn = () => st.flat().map((t) => t.value), Wn = { class: "toolbar-table-grid-wrapper" }, Pn = ["data-cols", "data-rows", "onClick"], jn = { class: "toolbar-table-grid-value" }, Un = {
   __name: "TableGrid",
   emits: ["select", "clickoutside"],
   setup(t, { emit: l }) {
-    const o = l, n = y(0), e = y(0), i = (a) => {
+    const o = l, n = f(0), e = f(0), i = (a) => {
       let s = a.target;
       if (!!s.dataset.grid)
         return;
       let u = [...s.parentElement.querySelectorAll("[data-item]")], b = parseInt(s.dataset.cols, 10), v = parseInt(s.dataset.rows, 10);
       e.value = b, n.value = v;
-      for (let h = 0; h < u.length; h++) {
-        let E = u[h], g = parseInt(E.dataset.cols, 10), $ = parseInt(E.dataset.rows, 10);
-        g <= b && $ <= v ? E.classList.add("selected") : E.classList.remove("selected");
+      for (let y = 0; y < u.length; y++) {
+        let S = u[y], g = parseInt(S.dataset.cols, 10), F = parseInt(S.dataset.rows, 10);
+        g <= b && F <= v ? S.classList.add("selected") : S.classList.remove("selected");
       }
-    }, c = ({ cols: a, rows: s }) => {
+    }, r = ({ cols: a, rows: s }) => {
       o("select", { cols: a, rows: s });
     };
-    return (a, s) => (w(), k("div", Nn, [
-      _("div", {
+    return (a, s) => (w(), k("div", Wn, [
+      C("div", {
         class: "toolbar-table-grid",
         onMouseover: i,
         "data-grid": "true"
       }, [
-        (w(), k(U, null, ee(5, (r) => (w(), k(U, { key: r }, [
-          (w(), k(U, null, ee(5, (d) => _("div", {
+        (w(), k(U, null, ee(5, (c) => (w(), k(U, { key: c }, [
+          (w(), k(U, null, ee(5, (d) => C("div", {
             class: "toolbar-table-grid__item",
-            key: `${r}_${d}`,
+            key: `${c}_${d}`,
             "data-cols": d,
-            "data-rows": r,
+            "data-rows": c,
             "data-item": "true",
-            onClick: be((u) => c({ cols: d, rows: r }), ["stop", "prevent"])
-          }, null, 8, zn)), 64))
+            onClick: ge((u) => r({ cols: d, rows: c }), ["stop", "prevent"])
+          }, null, 8, Pn)), 64))
         ], 64))), 64))
       ], 32),
-      _("div", Wn, oe(n.value) + " x " + oe(e.value), 1)
+      C("div", jn, ie(n.value) + " x " + ie(e.value), 1)
     ]));
   }
-}, Vn = /* @__PURE__ */ K(Pn, [["__scopeId", "data-v-06352ab9"]]), jn = { class: "toolbar-table-actions" }, Un = ["onClick"], qn = { class: "toolbar-table-actions__icon" }, Gn = ["innerHTML"], Kn = { class: "toolbar-table-actions__label" }, Xn = {
+}, qn = /* @__PURE__ */ q(Un, [["__scopeId", "data-v-06352ab9"]]), Gn = { class: "toolbar-table-actions" }, Kn = ["onClick"], Xn = { class: "toolbar-table-actions__icon" }, Zn = ["innerHTML"], Yn = { class: "toolbar-table-actions__label" }, Jn = {
   __name: "TableActions",
   props: {
     options: {
@@ -662,32 +663,66 @@ const x = (t) => {
     const o = l, n = (e) => {
       o("select", { command: e.command });
     };
-    return (e, i) => (w(), k("div", jn, [
-      (w(!0), k(U, null, ee(t.options, (c) => (w(), k("div", {
-        class: ne(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": c.bottomBorder }]),
-        onClick: (a) => n(c)
+    return (e, i) => (w(), k("div", Gn, [
+      (w(!0), k(U, null, ee(t.options, (r) => (w(), k("div", {
+        class: oe(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": r.bottomBorder }]),
+        onClick: (a) => n(r)
       }, [
-        _("div", qn, [
-          _("div", {
+        C("div", Xn, [
+          C("div", {
             class: "toolbar-table-actions__icon-wrapper",
-            innerHTML: c.icon
-          }, null, 8, Gn)
+            innerHTML: r.icon
+          }, null, 8, Zn)
         ]),
-        _("div", Kn, oe(c.label), 1)
-      ], 10, Un))), 256))
+        C("div", Yn, ie(r.label), 1)
+      ], 10, Kn))), 256))
     ]));
   }
-}, Zn = /* @__PURE__ */ K(Xn, [["__scopeId", "data-v-9a702d7f"]]), Yn = `<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>
-`, ae = (t) => {
+}, Qn = /* @__PURE__ */ q(Jn, [["__scopeId", "data-v-9a702d7f"]]), eo = `<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>
+`, to = { class: "search-input-ctn" }, no = { class: "row" }, oo = ["onKeydown"], io = {
+  __name: "SearchInput",
+  props: {
+    searchRef: {
+      type: Object
+    }
+  },
+  emits: ["submit"],
+  setup(t, { emit: l }) {
+    const o = f(""), n = l, e = () => {
+      n("submit", { value: o.value });
+    };
+    return (i, r) => (w(), k("div", to, [
+      C("div", no, [
+        Je(C("input", {
+          ref: t.searchRef,
+          "onUpdate:modelValue": r[0] || (r[0] = (a) => o.value = a),
+          class: "search-input",
+          type: "text",
+          name: "search",
+          placeholder: "Type search string",
+          onKeydown: Qe(ge(e, ["stop", "prevent"]), ["enter"])
+        }, null, 40, oo), [
+          [et, o.value]
+        ])
+      ]),
+      C("div", { class: "row submit" }, [
+        C("button", {
+          class: "submit-btn",
+          onClick: e
+        }, " Apply ")
+      ])
+    ]));
+  }
+}, so = /* @__PURE__ */ q(io, [["__scopeId", "data-v-af870fbd"]]), ae = (t) => {
   t.expand.value = !1;
-}, Jn = (t, l = !1, o, n, e) => {
+}, lo = (t, l = !1, o, n, e) => {
   const i = x({
     type: "button",
     name: "bold",
     command: "toggleBold",
     icon: e.bold,
     tooltip: "Bold"
-  }), c = x({
+  }), r = x({
     type: "dropdown",
     name: "fontFamily",
     tooltip: "Font",
@@ -735,9 +770,9 @@ const x = (t) => {
       }
     ],
     onActivate: ({ fontFamily: m }) => {
-      m && (c.label.value = m);
+      m && (r.label.value = m);
     },
-    onDeactivate: () => c.label.value = c.defaultLabel.value
+    onDeactivate: () => r.label.value = r.defaultLabel.value
   }), a = x({
     type: "dropdown",
     dropdownStyles: {
@@ -758,14 +793,14 @@ const x = (t) => {
         render: () => {
           let m = "";
           if (t.activeEditor) {
-            const { state: A } = t.activeEditor, { from: P, to: le, empty: ut } = A.selection;
-            m = ut ? "" : A.doc.textBetween(P, le);
+            const { state: A } = t.activeEditor, { from: W, to: le, empty: gt } = A.selection;
+            m = gt ? "" : A.doc.textBetween(W, le);
           }
-          return N(
+          return B(
             "div",
             {},
             [
-              N(Wt, {
+              B(jt, {
                 handleClose: () => {
                   ae(a);
                 },
@@ -813,11 +848,11 @@ const x = (t) => {
     ],
     onActivate: ({ fontSize: m }) => {
       if (!m) return s.label.value = s.defaultLabel.value;
-      let S = Nt(m, 12);
-      S < 8 && (S = 8), S > 96 && (S = 96), s.label.value = String(S);
+      let E = Wt(m, 12);
+      E < 8 && (E = 8), E > 96 && (E = 96), s.label.value = String(E);
     },
     onDeactivate: () => s.label.value = s.defaultLabel.value
-  }), r = x({
+  }), c = x({
     type: "separator",
     name: "separator",
     isNarrow: !0
@@ -848,7 +883,7 @@ const x = (t) => {
       {
         key: "color",
         type: "render",
-        render: () => Ne(t, b, [], !0)
+        render: () => Ve(t, b, [], !0)
       }
     ],
     onActivate: ({ color: m }) => {
@@ -869,14 +904,35 @@ const x = (t) => {
       {
         key: "color",
         type: "render",
-        render: () => Ne(t, v)
+        render: () => Ve(t, v)
       }
     ],
     onActivate: ({ color: m }) => {
       v.iconColor.value = m;
     },
     onDeactivate: () => v.iconColor.value = "#000"
-  }), h = x({
+  }), y = f(null), S = x({
+    type: "dropdown",
+    name: "search",
+    icon: e.search,
+    tooltip: "Search",
+    group: "right",
+    inputRef: y,
+    options: [
+      {
+        type: "render",
+        key: "searchDropdown",
+        render: () => g()
+      }
+    ]
+  }), g = () => B("div", {}, [
+    B(so, {
+      onSubmit: ({ value: E }) => {
+        t.activeEditor.doSearch(E);
+      },
+      searchRef: y
+    })
+  ]), F = x({
     type: "dropdown",
     name: "link",
     markName: "link",
@@ -886,47 +942,47 @@ const x = (t) => {
       {
         type: "render",
         key: "linkDropdown",
-        render: () => E(h)
+        render: () => $(F)
       }
     ],
     onActivate: ({ href: m }) => {
-      m ? h.attributes.value = { href: m } : h.attributes.value = {}, h.expand.value = !0;
+      m ? F.attributes.value = { href: m } : F.attributes.value = {}, F.expand.value = !0;
     },
     onDeactivate: () => {
-      h.attributes.value = {}, h.expand.value = !1;
+      F.attributes.value = {}, F.expand.value = !1;
     }
   });
-  function E(m) {
-    return N("div", {}, [
-      N(pn, {
+  function $(m) {
+    return B("div", {}, [
+      B(vn, {
         onSubmit: ({ href: A }) => {
           ae(m), m.attributes.value.link = { href: A };
-          const P = { ...m, command: "toggleLink" };
-          t.emitCommand({ item: P, argument: { href: A, text: "" } }), A || (m.active.value = !1);
+          const W = { ...m, command: "toggleLink" };
+          t.emitCommand({ item: W, argument: { href: A, text: "" } }), A || (m.active.value = !1);
         },
         href: m.attributes.value.href,
         goToAnchor: () => {
           if (ae(m), !t.activeEditor || !m.attributes.value?.href) return;
           const A = m.attributes.value?.href?.slice(1), le = t.activeEditor.element.querySelector(`a[name='${A}']`);
-          le && Ut(le);
+          le && Kt(le);
         }
       })
     ]);
   }
-  const g = x({
+  const p = x({
     type: "options",
     name: "linkInput",
     command: "toggleLink"
   });
-  h.childItem = g, g.parentItem = h;
-  const $ = x({
+  F.childItem = p, p.parentItem = F;
+  const _ = x({
     type: "button",
     name: "image",
     command: "startImageUpload",
     icon: e.image,
     tooltip: "Image",
     disabled: !1
-  }), L = x({
+  }), T = x({
     type: "dropdown",
     name: "table",
     icon: e.table,
@@ -939,20 +995,20 @@ const x = (t) => {
       {
         key: "table",
         type: "render",
-        render: () => p(L)
+        render: () => N(T)
       }
     ]
   });
-  function p(m) {
-    return N("div", {}, [
-      N(Vn, {
+  function N(m) {
+    return B("div", {}, [
+      B(qn, {
         onSelect: (A) => {
           t.emitCommand({ item: m, argument: A }), ae(m);
         }
       })
     ]);
   }
-  const C = x({
+  const V = x({
     type: "dropdown",
     name: "tableActions",
     command: "executeTableCommand",
@@ -962,10 +1018,10 @@ const x = (t) => {
     options: [
       {
         type: "render",
-        render: () => z(C)
+        render: () => ye(V)
       }
     ]
-  }), F = [
+  }), te = [
     {
       label: "Insert row above",
       command: "addRowBefore",
@@ -1024,17 +1080,17 @@ const x = (t) => {
       icon: e.fixTables
     }
   ];
-  function z(m) {
-    return N(Zn, {
-      options: F,
-      onSelect: (S) => {
+  function ye(m) {
+    return B(Qn, {
+      options: te,
+      onSelect: (E) => {
         ae(m);
-        const { command: A } = S;
+        const { command: A } = E;
         t.emitCommand({ item: m, argument: { command: A } });
       }
     });
   }
-  const B = x({
+  const Z = x({
     type: "dropdown",
     name: "textAlign",
     tooltip: "Alignment",
@@ -1047,12 +1103,12 @@ const x = (t) => {
     options: [
       {
         type: "render",
-        render: () => N("div", {}, [
-          N(Jt, {
-            onSelect: (S) => {
-              ae(B);
-              const A = { ...B, command: "setTextAlign" };
-              A.command = "setTextAlign", t.emitCommand({ item: A, argument: S }), q(B, S);
+        render: () => B("div", {}, [
+          B(tn, {
+            onSelect: (E) => {
+              ae(Z);
+              const A = { ...Z, command: "setTextAlign" };
+              A.command = "setTextAlign", t.emitCommand({ item: A, argument: E }), re(Z, E);
             }
           })
         ]),
@@ -1060,52 +1116,52 @@ const x = (t) => {
       }
     ],
     onActivate: ({ textAlign: m }) => {
-      q(B, m);
+      re(Z, m);
     },
     onDeactivate: () => {
-      q(B, "left");
+      re(Z, "left");
     }
-  }), q = (m, S) => {
-    let A = S === "both" ? "justify" : S, P = {
+  }), re = (m, E) => {
+    let A = E === "both" ? "justify" : E, W = {
       left: e.alignLeft,
       right: e.alignRight,
       center: e.alignCenter,
       justify: e.alignJustify
-    }, le = P[A] ?? P.left;
+    }, le = W[A] ?? W.left;
     m.icon.value = le;
-  }, ve = x({
+  }, be = x({
     type: "button",
     name: "list",
     command: "toggleBulletList",
     icon: e.bulletList,
     tooltip: "Bullet list"
-  }), ye = x({
+  }), I = x({
     type: "button",
     name: "numberedlist",
     command: "toggleOrderedList",
     icon: e.numberedList,
     tooltip: "Numbered list"
-  }), ue = x({
+  }), M = x({
     type: "button",
     name: "indentleft",
     command: "decreaseTextIndent",
     icon: e.indentLeft,
     tooltip: "Left indent",
     disabled: !1
-  }), me = x({
+  }), H = x({
     type: "button",
     name: "indentright",
     command: "increaseTextIndent",
     icon: e.indentRight,
     tooltip: "Right indent",
     disabled: !1
-  }), T = x({
+  }), R = x({
     type: "overflow",
     name: "overflow",
     command: "toggleOverflow",
     icon: e.overflow,
     disabled: !1
-  }), M = x({
+  }), G = x({
     type: "dropdown",
     name: "zoom",
     allowWithoutEditor: !0,
@@ -1127,9 +1183,9 @@ const x = (t) => {
       { label: "200%", key: 2 }
     ],
     onActivate: ({ zoom: m }) => {
-      m && (M.label.value = m);
+      m && (G.label.value = m);
     }
-  }), H = x({
+  }), K = x({
     type: "button",
     name: "undo",
     disabled: !0,
@@ -1138,9 +1194,9 @@ const x = (t) => {
     icon: e.undo,
     group: "left",
     onDeactivate: () => {
-      H.disabled.value = !t.undoDepth;
+      K.disabled.value = !t.undoDepth;
     }
-  }), R = x({
+  }), ce = x({
     type: "button",
     disabled: !0,
     name: "redo",
@@ -1149,9 +1205,9 @@ const x = (t) => {
     icon: e.redo,
     group: "left",
     onDeactivate: () => {
-      R.disabled.value = !t.redoDepth;
+      ce.disabled.value = !t.redoDepth;
     }
-  }), X = x({
+  }), ue = x({
     type: "button",
     disabled: !1,
     name: "toggleTrackChanges",
@@ -1159,7 +1215,7 @@ const x = (t) => {
     command: "toggleTrackChanges",
     icon: e.trackChanges,
     group: "left"
-  }), Z = x({
+  }), _e = x({
     type: "button",
     disabled: !1,
     name: "acceptTrackedChangeBySelection",
@@ -1167,7 +1223,7 @@ const x = (t) => {
     command: "acceptTrackedChangeBySelection",
     icon: e.trackChangesAccept,
     group: "left"
-  }), re = x({
+  }), xe = x({
     type: "button",
     disabled: !1,
     name: "rejectTrackedChangeOnSelection",
@@ -1175,7 +1231,7 @@ const x = (t) => {
     command: "rejectTrackedChangeOnSelection",
     icon: e.trackChangesReject,
     group: "left"
-  }), pe = x({
+  }), Se = x({
     type: "button",
     disabled: !1,
     name: "toggleTrackChangesShowOriginal",
@@ -1183,7 +1239,7 @@ const x = (t) => {
     command: "toggleTrackChangesShowOriginal",
     icon: e.trackChangesOriginal,
     group: "left"
-  }), Te = x({
+  }), Fe = x({
     type: "button",
     disabled: !1,
     name: "toggleTrackChangesShowFinal",
@@ -1191,7 +1247,7 @@ const x = (t) => {
     command: "toggleTrackChangesShowFinal",
     icon: e.trackChangesFinal,
     group: "left"
-  }), ke = x({
+  }), Ie = x({
     type: "button",
     name: "clearFormatting",
     command: "clearFormat",
@@ -1202,25 +1258,25 @@ const x = (t) => {
     i,
     d,
     u,
-    me,
-    ue,
-    // search,
-    T
+    H,
+    M,
+    S,
+    R
   ].map((m) => m.name);
-  const Fe = x({
+  const Le = x({
     type: "button",
     name: "copyFormat",
     tooltip: "Format painter",
     icon: e.copyFormat,
     command: "copyFormat"
-  }), Ie = (m, S) => m === "editor" ? S : m === "suggester" ? S.filter((A) => A.value === "suggesting") : S.filter((A) => A.value === "viewing"), Ce = (m) => m === "editor" ? "Editing" : m === "suggester" ? "Suggesting" : "Viewing", ie = x({
+  }), Me = (m, E) => m === "editor" ? E : m === "suggester" ? E.filter((A) => A.value === "suggesting") : E.filter((A) => A.value === "viewing"), we = (m) => m === "editor" ? "Editing" : m === "suggester" ? "Suggesting" : "Viewing", ne = x({
     type: "dropdown",
     name: "documentMode",
     command: "setDocumentMode",
     allowWithoutEditor: !0,
     icon: e.documentMode,
-    defaultLabel: Ce(n),
-    label: Ce(n),
+    defaultLabel: we(n),
+    label: we(n),
     hasCaret: n === "editor",
     isWide: !0,
     style: { display: "flex", justifyContent: "flex-end" },
@@ -1235,10 +1291,10 @@ const x = (t) => {
     options: [
       {
         type: "render",
-        render: () => xe(ie)
+        render: () => me(ne)
       }
     ]
-  }), _e = [
+  }), De = [
     {
       label: "Editing",
       value: "editing",
@@ -1258,24 +1314,24 @@ const x = (t) => {
       description: "View clean version of document only"
     }
   ];
-  function xe(m) {
-    const S = Ie(n, _e);
-    return N(Cn, {
-      options: S,
+  function me(m) {
+    const E = Me(n, De);
+    return B(Sn, {
+      options: E,
       onSelect: (A) => {
         ae(m);
-        const { label: P, icon: le } = A;
-        ie.label.value = P, ie.icon.value = le, t.emitCommand({ item: ie, argument: P });
+        const { label: W, icon: le } = A;
+        ne.label.value = W, ne.icon.value = le, t.emitCommand({ item: ne, argument: W });
       }
     });
   }
-  const Le = x({
+  const se = x({
     type: "button",
     name: "pageBreakTool",
     command: "insertPageBreak",
     icon: e.pageBreak,
     tooltip: "Insert page break"
-  }), ce = /* @__PURE__ */ new Map([
+  }), pe = /* @__PURE__ */ new Map([
     ["separator", 20],
     ["zoom", 71],
     ["fontFamily", 118],
@@ -1285,13 +1341,13 @@ const x = (t) => {
     ["documentMode", 47],
     ["ai", 32],
     ["default", 32]
-  ]), se = x({
+  ]), dt = x({
     type: "button",
     name: "ruler",
     command: "toggleRuler",
     icon: e.ruler,
     tooltip: "Show or hide ruler"
-  }), te = x({
+  }), ke = x({
     type: "dropdown",
     name: "linkedStyles",
     command: "setLinkedStyle",
@@ -1311,13 +1367,13 @@ const x = (t) => {
         type: "render",
         key: "linkedStyle",
         render: () => {
-          const m = (S) => {
-            ae(te);
-            const A = { ...te, command: "setLinkedStyle" };
-            t.emitCommand({ item: A, argument: S });
+          const m = (E) => {
+            ae(ke);
+            const A = { ...ke, command: "setLinkedStyle" };
+            t.emitCommand({ item: A, argument: E });
           };
-          return N("div", {}, [
-            N(Sn, {
+          return B("div", {}, [
+            B(Fn, {
               editor: t.activeEditor,
               onSelect: m
             })
@@ -1326,14 +1382,14 @@ const x = (t) => {
       }
     ],
     onActivate: () => {
-      te.disabled.value = !1;
+      ke.disabled.value = !1;
     },
     onDeactivate: () => {
-      te.disabled.value = !0;
+      ke.disabled.value = !0;
     }
-  }), fe = (m, S) => {
-    if (S.value.toString() === m)
-      return N("div", { innerHTML: Yn, class: "dropdown-select-icon" });
+  }), he = (m, E) => {
+    if (E.value.toString() === m)
+      return B("div", { innerHTML: eo, class: "dropdown-select-icon" });
   }, de = x({
     type: "dropdown",
     name: "lineHeight",
@@ -1348,185 +1404,185 @@ const x = (t) => {
     dropdownValueKey: "key",
     selectedValue: "1",
     options: [
-      { label: "1,0", key: "1", icon: () => fe("1", de.selectedValue) },
-      { label: "1,15", key: "1.15", icon: () => fe("1.15", de.selectedValue) },
-      { label: "1,5", key: "1.5", icon: () => fe("1.5", de.selectedValue) },
-      { label: "2,0", key: "2", icon: () => fe("2", de.selectedValue) },
-      { label: "2,5", key: "2.5", icon: () => fe("2.5", de.selectedValue) },
-      { label: "3,0", key: "3", icon: () => fe("3", de.selectedValue) }
+      { label: "1,0", key: "1", icon: () => he("1", de.selectedValue) },
+      { label: "1,15", key: "1.15", icon: () => he("1.15", de.selectedValue) },
+      { label: "1,5", key: "1.5", icon: () => he("1.5", de.selectedValue) },
+      { label: "2,0", key: "2", icon: () => he("2", de.selectedValue) },
+      { label: "2,5", key: "2.5", icon: () => he("2.5", de.selectedValue) },
+      { label: "3,0", key: "3", icon: () => he("3", de.selectedValue) }
     ]
-  }), Me = {
+  }), $e = {
     sm: 768,
     md: 1024,
     xl: 1410
-  }, st = 120, lt = 32, at = ["linkedStyles", "clearFormatting", "copyFormat", "ruler"], rt = ["zoom", "fontFamily", "fontSize", "redo"];
+  }, ut = 120, mt = 32, pt = ["linkedStyles", "clearFormatting", "copyFormat", "ruler"], ht = ["zoom", "fontFamily", "fontSize", "redo"];
   let O = [
-    H,
-    R,
+    K,
+    ce,
     // Dev - tracked changes
     // toggleTrackChanges,
-    Z,
-    re,
+    _e,
+    xe,
     // toggleTrackChangesOriginal,
     // toggleTrackChangesFinal,
-    M,
-    c,
+    G,
     r,
+    c,
     s,
-    r,
+    c,
     i,
     d,
     u,
     v,
     b,
-    r,
-    h,
-    $,
-    L,
-    C,
-    r,
-    B,
-    ve,
-    ye,
-    ue,
-    me,
+    c,
+    F,
+    _,
+    T,
+    V,
+    c,
+    Z,
+    be,
+    I,
+    M,
+    H,
     de,
-    r,
-    te,
-    r,
-    Le,
-    Fe,
+    c,
     ke,
+    c,
     se,
+    Le,
+    Ie,
+    dt,
     a,
-    T,
-    ie
-    // search,
+    R,
+    ne,
+    S
   ];
-  if (t.config?.superdoc?.config?.modules?.ai || (O = O.filter((m) => m.name.value !== "ai")), o <= Me.md && (O = O.filter((m) => m.type !== "separator")), t.config.pagination || (O = O.filter((m) => m.name.value !== "pageBreakTool")), t.config.mode !== "docx") {
+  if (t.config?.superdoc?.config?.modules?.ai || (O = O.filter((m) => m.name.value !== "ai")), o <= $e.md && (O = O.filter((m) => m.type !== "separator")), t.config.pagination || (O = O.filter((m) => m.name.value !== "pageBreakTool")), t.config.mode !== "docx") {
     const m = O.findIndex((A) => A.name.value === "linkedStyles");
     O.splice(m - 1, 2);
-    const S = ["ruler", "zoom", "undo", "redo"];
-    O = O.filter((A) => !S.includes(A.name.value));
+    const E = ["ruler", "zoom", "undo", "redo"];
+    O = O.filter((A) => !E.includes(A.name.value));
   }
-  const Pe = [X, pe, Te];
-  l || (n === "viewer" && Pe.push(Z, re), O = O.filter((m) => !Pe.includes(m)));
-  const ct = [H, T, ie].map((m) => m.name), dt = (m) => ct.includes(m.name), Ee = [], De = [];
-  let $e = lt + st;
+  const je = [ue, Se, Fe];
+  l || (n === "viewer" && je.push(_e, xe), O = O.filter((m) => !je.includes(m)));
+  const ft = [S, K, R, ne].map((m) => m.name), vt = (m) => ft.includes(m.name), Ee = [], He = [];
+  let Be = mt + ut;
   return O.forEach((m) => {
-    const S = ce.get(m.name.value) || ce.get("default");
-    if (o < Me.xl && at.includes(m.name.value)) {
+    const E = pe.get(m.name.value) || pe.get("default");
+    if (o < $e.xl && pt.includes(m.name.value)) {
       if (Ee.push(m), m.name.value === "linkedStyles") {
-        const A = O.findIndex((P) => P.name.value === "linkedStyles");
+        const A = O.findIndex((W) => W.name.value === "linkedStyles");
         O.splice(A + 1, 1);
       }
       return;
     }
-    if (o < Me.sm && rt.includes(m.name.value)) {
+    if (o < $e.sm && ht.includes(m.name.value)) {
       Ee.push(m);
       return;
     }
-    if (dt(m)) {
-      De.push(m), $e += S;
+    if (vt(m)) {
+      He.push(m), Be += E;
       return;
     }
-    $e < o ? (De.push(m), $e += S) : Ee.push(m);
+    Be < o ? (He.push(m), Be += E) : Ee.push(m);
   }), {
-    defaultItems: De,
+    defaultItems: He,
     overflowItems: Ee.filter((m) => m.type !== "separator")
   };
-}, Qn = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"], eo = () => {
+}, ao = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"], ro = () => {
   let t = document.createElement("input");
   t.type = "file";
-  let l = Qn;
+  let l = ao;
   return t.accept = l.join(","), () => new Promise((n, e) => {
     t.onchange = async () => {
       const i = t.files;
       if (!i) return n(null);
-      const c = i.item(0);
-      return n(c ? { file: c } : null);
+      const r = i.item(0);
+      return n(r ? { file: r } : null);
     }, t.oncancel = () => n(null), t.onerror = e, t.click();
   });
-}, to = (t) => new Promise((l, o) => {
+}, co = (t) => new Promise((l, o) => {
   let n = new FileReader();
   n.onload = (e) => l(e.target.result), n.onerror = o, setTimeout(() => n.readAsDataURL(t), 250);
-}), no = (t, l) => new Promise((o, n) => {
+}), uo = (t, l) => new Promise((o, n) => {
   const e = new window.Image();
   e.onload = () => {
-    const i = document.createElement("canvas"), { width: c, height: a } = oo(
+    const i = document.createElement("canvas"), { width: r, height: a } = mo(
       e.width,
       e.height,
       l
     );
-    if (i.width = c, i.height = a, i.getContext("2d").drawImage(e, 0, 0, c, a), typeof t == "string") {
-      const r = i.toDataURL();
-      o(r);
+    if (i.width = r, i.height = a, i.getContext("2d").drawImage(e, 0, 0, r, a), typeof t == "string") {
+      const c = i.toDataURL();
+      o(c);
     } else
-      i.toBlob((r) => {
-        const d = new File([r], t.name, {
+      i.toBlob((c) => {
+        const d = new File([c], t.name, {
           type: t.type,
           lastModified: Date.now()
         });
-        o({ file: d, width: c, height: a });
+        o({ file: d, width: r, height: a });
       });
   }, e.onerror = (i) => n(i), e.src = typeof t == "string" ? t : URL.createObjectURL(t);
-}), oo = (t, l, o) => {
+}), mo = (t, l, o) => {
   const { width: n, height: e } = o.getMaxContentSize();
   if (!n || !e) return { width: t, height: l };
-  let i = t, c = l;
+  let i = t, r = l;
   const a = t / l;
-  return l > e && (c = e, i = Math.round(e * a)), i > n && (i = n, c = Math.round(n / a)), { width: i, height: c };
-}, io = async ({ editor: t, view: l, file: o }) => {
-  let n = typeof t.options.handleImageUpload == "function" ? t.options.handleImageUpload : to;
+  return l > e && (r = e, i = Math.round(e * a)), i > n && (i = n, r = Math.round(n / a)), { width: i, height: r };
+}, po = async ({ editor: t, view: l, file: o }) => {
+  let n = typeof t.options.handleImageUpload == "function" ? t.options.handleImageUpload : co;
   if ((o.size / (1024 * 1024)).toFixed(4) > 5) {
     window.alert("Image size must be less than 5MB");
     return;
   }
-  let i, c;
+  let i, r;
   try {
-    const u = await no(o, t);
-    i = u.width, c = u.height, o = u.file;
+    const u = await uo(o, t);
+    i = u.width, r = u.height, o = u.file;
   } catch (u) {
     console.warn("Error processing image:", u);
     return;
   }
-  let a = {}, { tr: s, schema: r } = l.state;
+  let a = {}, { tr: s, schema: c } = l.state;
   s.selection.empty || s.deleteSelection();
   let d = {
     type: "add",
     pos: s.selection.from,
     id: a
   };
-  s.setMeta(Re, d), l.dispatch(s), n(o).then(
+  s.setMeta(Ne, d), l.dispatch(s), n(o).then(
     (u) => {
-      let b = o.name.replace(" ", "_"), v = ht(l.state, a);
+      let b = o.name.replace(" ", "_"), v = kt(l.state, a);
       if (v == null)
         return;
-      let h = { type: "remove", id: a }, E = `word/media/${b}`, g = r.nodes.image.create({
-        src: E,
-        size: { width: i, height: c }
+      let y = { type: "remove", id: a }, S = `word/media/${b}`, g = c.nodes.image.create({
+        src: S,
+        size: { width: i, height: r }
       });
-      t.storage.image.media = Object.assign(t.storage.image.media, { [E]: u }), t.options.ydoc && t.commands.addImageToCollaboration({ mediaPath: E, fileData: u }), l.dispatch(
-        l.state.tr.replaceWith(v, v, g).setMeta(Re, h)
+      t.storage.image.media = Object.assign(t.storage.image.media, { [S]: u }), t.options.ydoc && t.commands.addImageToCollaboration({ mediaPath: S, fileData: u }), l.dispatch(
+        l.state.tr.replaceWith(v, v, g).setMeta(Ne, y)
       );
     },
     () => {
       let u = { type: "remove", id: a };
-      l.dispatch(s.setMeta(Re, u));
+      l.dispatch(s.setMeta(Ne, u));
     }
   );
 };
-var I, tt, ge, ze, nt, ot, We, it, he;
-class xo extends Vt {
+var L, lt, ve, We, at, rt, Pe, ct, fe;
+class Mo extends qt {
   constructor(o) {
     super();
-    Be(this, I);
-    He(this, "config", {
+    Oe(this, L);
+    Re(this, "config", {
       selector: null,
       toolbarGroups: ["left", "center", "right"],
       role: "editor",
       pagination: !1,
-      icons: { ...G },
+      icons: { ...X },
       mode: "docx",
       excludeItems: [],
       groups: null,
@@ -1534,40 +1590,40 @@ class xo extends Vt {
       aiApiKey: null,
       aiEndpoint: null
     });
-    Be(this, ge, {
+    Oe(this, ve, {
       setZoom: ({ item: o, argument: n }) => {
         if (!n) return;
         o.onActivate({ zoom: n }), this.emit("superdoc-command", { item: o, argument: n });
         const e = document.querySelector(this.superdoc.config.selector)?.querySelector(".layers");
         if (!e) return;
-        const i = typeof screen.orientation < "u", c = window.matchMedia("(max-width: 834px)").matches;
-        i && c ? (e.style.transformOrigin = "0 0", e.style.transform = `scale(${parseInt(n) / 100})`) : e.style.zoom = parseInt(n) / 100, this.superdoc.superdocStore.activeZoom = parseInt(n);
+        const i = typeof screen.orientation < "u", r = window.matchMedia("(max-width: 834px)").matches;
+        i && r ? (e.style.transformOrigin = "0 0", e.style.transform = `scale(${parseInt(n) / 100})`) : e.style.zoom = parseInt(n) / 100, this.superdoc.superdocStore.activeZoom = parseInt(n);
       },
       setDocumentMode: ({ item: o, argument: n }) => {
         n && this.emit("superdoc-command", { item: o, argument: n });
       },
       setFontSize: ({ item: o, argument: n }) => {
-        W(this, I, he).call(this, { item: o, argument: n }, () => {
+        z(this, L, fe).call(this, { item: o, argument: n }, () => {
           this.activeEditor?.commands.setFieldAnnotationsFontSize(n, !0);
         });
       },
       setFontFamily: ({ item: o, argument: n }) => {
-        W(this, I, he).call(this, { item: o, argument: n }, () => {
+        z(this, L, fe).call(this, { item: o, argument: n }, () => {
           this.activeEditor?.commands.setFieldAnnotationsFontFamily(n, !0);
         });
       },
       setColor: ({ item: o, argument: n }) => {
-        W(this, I, he).call(this, { item: o, argument: n });
+        z(this, L, fe).call(this, { item: o, argument: n });
       },
       setHighlight: ({ item: o, argument: n }) => {
-        W(this, I, he).call(this, { item: o, argument: n });
+        z(this, L, fe).call(this, { item: o, argument: n });
       },
       toggleRuler: ({ item: o, argument: n }) => {
         this.superdoc.toggleRuler();
       },
       startImageUpload: async ({ item: o, argument: n }) => {
-        let i = await eo()();
-        i?.file && io({
+        let i = await ro()();
+        i?.file && po({
           editor: this.activeEditor,
           view: this.activeEditor.view,
           file: i.file
@@ -1575,13 +1631,13 @@ class xo extends Vt {
       },
       increaseTextIndent: ({ item: o, argument: n }) => {
         let e = o.command, { state: i } = this.activeEditor;
-        if (Ue((a) => a.type.name === "listItem")(i.selection))
+        if (Ge((a) => a.type.name === "listItem")(i.selection))
           return this.activeEditor.commands.increaseListIndent();
         e in this.activeEditor.commands && this.activeEditor.commands[e](n);
       },
       decreaseTextIndent: ({ item: o, argument: n }) => {
         let e = o.command, { state: i } = this.activeEditor;
-        if (Ue((a) => a.type.name === "listItem")(i.selection))
+        if (Ge((a) => a.type.name === "listItem")(i.selection))
           return this.activeEditor.commands.decreaseListIndent();
         e in this.activeEditor.commands && this.activeEditor.commands[e](n);
       },
@@ -1601,15 +1657,15 @@ class xo extends Vt {
         let e = o.command;
         if (e in this.activeEditor.commands) {
           this.activeEditor.commands[e](n);
-          const { view: i } = this.activeEditor, c = i.state.selection.$to.pos, a = new Xe(i.state.doc.resolve(c)), s = i.state.tr.setSelection(a), r = i.state.apply(s);
-          i.updateState(r), setTimeout(() => {
+          const { view: i } = this.activeEditor, r = i.state.selection.$to.pos, a = new Ye(i.state.doc.resolve(r)), s = i.state.tr.setSelection(a), c = i.state.apply(s);
+          i.updateState(c), setTimeout(() => {
             i.focus();
           }, 100);
         }
         this.updateToolbarState();
       },
       insertTable: ({ item: o, argument: n }) => {
-        W(this, I, he).call(this, { item: o, argument: n });
+        z(this, L, fe).call(this, { item: o, argument: n });
       },
       executeTableCommand: ({ item: o, argument: n }) => {
         if (!n) return;
@@ -1617,26 +1673,26 @@ class xo extends Vt {
         e in this.activeEditor.commands && this.activeEditor.commands[e](n), this.updateToolbarState();
       }
     });
-    He(this, "onToolbarResize", () => {
-      W(this, I, ze).call(this, this, this.config.icons, this.isDev), this.role === "viewer" && W(this, I, We).call(this);
+    Re(this, "onToolbarResize", () => {
+      z(this, L, We).call(this, this, this.config.icons, this.isDev), this.role === "viewer" && z(this, L, Pe).call(this);
     });
     this.config = { ...this.config, ...o }, this.toolbarItems = [], this.overflowItems = [], this.documentMode = o.documentMode || "editing", this.isDev = o.isDev || !1, this.superdoc = o.superdoc, this.role = o.role || "editor", this.config.editor && (this.config.mode = this.config.editor.options.mode), this.config.icons = {
-      ...G,
+      ...X,
       ...o.icons
-    }, !this.config.selector && this.config.element && (this.config.selector = this.config.element), W(this, I, tt).call(this), W(this, I, ze).call(this, this, this.config.icons, o.isDev);
+    }, !this.config.selector && this.config.element && (this.config.selector = this.config.element), z(this, L, lt).call(this), z(this, L, We).call(this, this, this.config.icons, o.isDev);
     let n = null;
     if (this.config.selector && (this.config.selector.startsWith("#") || this.config.selector.startsWith(".") ? n = document.querySelector(this.config.selector) : n = document.getElementById(this.config.selector), !n)) {
       console.warn(`[super-toolbar 🎨] Element not found: ${this.config.selector}`);
       return;
     }
-    this.app = Bt(zt), this.app.directive("click-outside", Ft), this.app.config.globalProperties.$toolbar = this, n && (this.toolbar = this.app.mount(n)), this.activeEditor = o.editor || null, this.updateToolbarState();
+    this.app = Nt(Pt), this.app.directive("click-outside", Ht), 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);
   }
   setZoom(o) {
     const e = [...this.toolbarItems, ...this.overflowItems].find((i) => i.name.value === "zoom");
-    Se(this, ge).setZoom({ item: e, argument: o });
+    Ae(this, ve).setZoom({ item: e, argument: o });
   }
   /**
    * The toolbar expects an active Super Editor instance.
@@ -1648,32 +1704,35 @@ class xo extends Vt {
   getToolbarItemByGroup(o) {
     return this.toolbarItems.filter((n) => n.group.value === o);
   }
+  getToolbarItemByName(o) {
+    return this.toolbarItems.find((n) => n.name.value === o);
+  }
   /**
    * Update the toolbar state. Expects a list of marks in the form: { name, attrs }
    * @param {Object} marks
    */
   updateToolbarState() {
-    if (W(this, I, it).call(this), W(this, I, nt).call(this), W(this, I, ot).call(this), !this.activeEditor || this.documentMode === "viewing") {
-      W(this, I, We).call(this);
+    if (z(this, L, ct).call(this), z(this, L, at).call(this), z(this, L, rt).call(this), !this.activeEditor || this.documentMode === "viewing") {
+      z(this, L, Pe).call(this);
       return;
     }
-    const o = gt(this.activeEditor), n = vt(this.activeEditor.state);
+    const o = Ct(this.activeEditor), n = _t(this.activeEditor.state);
     this.toolbarItems.forEach((e) => {
       if (e.resetDisabled(), e.name.value === "linkedStyles")
-        return this.activeEditor && !Ke(this.activeEditor).length ? e.deactivate() : e.activate();
+        return this.activeEditor && !Ze(this.activeEditor).length ? e.deactivate() : e.activate();
       const i = o.find((s) => s.name === e.name.value);
       i ? e.activate(i.attrs) : e.deactivate();
-      const c = o.find((s) => s.name === "styleId");
-      if (c?.attrs.styleId) {
+      const r = o.find((s) => s.name === "styleId");
+      if (r?.attrs.styleId) {
         const s = {
           fontSize: "font-size",
           fontFamily: "font-family",
           bold: "bold",
           textAlign: "textAlign"
-        }, r = this.activeEditor.converter?.linkedStyles.find((d) => d.id === c.attrs.styleId);
-        if (s[e.name.value] in r?.definition.styles) {
+        }, c = this.activeEditor.converter?.linkedStyles.find((d) => d.id === r.attrs.styleId);
+        if (s[e.name.value] in c?.definition.styles) {
           const d = {
-            [e.name.value]: r?.definition.styles[s[e.name.value]]
+            [e.name.value]: c?.definition.styles[s[e.name.value]]
           };
           e.activate(d);
         }
@@ -1698,8 +1757,8 @@ class xo extends Vt {
     this.activeEditor?.focus();
     const { command: e } = o;
     if (e) {
-      if (this.log("(emmitCommand) Command:", e, o, n), e in Se(this, ge))
-        return Se(this, ge)[e]({ item: o, argument: n });
+      if (this.log("(emmitCommand) Command:", e, o, n), e in Ae(this, ve))
+        return Ae(this, ve)[e]({ item: o, argument: n });
       if (e in this.activeEditor?.commands)
         this.activeEditor.commands[e](n), this.updateToolbarState();
       else
@@ -1707,83 +1766,83 @@ class xo extends Vt {
     }
   }
 }
-I = new WeakSet(), tt = function() {
+L = new WeakSet(), lt = 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(), ze = function(o, n, e = !1) {
-  const i = document.documentElement.clientWidth, { defaultItems: c, overflowItems: a } = Jn(o, e, i, this.role, n);
+}, ve = new WeakMap(), We = function(o, n, e = !1) {
+  const i = document.documentElement.clientWidth, { defaultItems: r, overflowItems: a } = lo(o, e, i, this.role, n);
   let s = [
-    ...c.map((d) => d.name.value),
+    ...r.map((d) => d.name.value),
     ...a.map((d) => d.name.value)
   ];
   this.config.groups && (s = Object.values(this.config.groups).flatMap((d) => d));
-  const r = c.filter((d) => s.includes(d.name.value)).filter((d) => !this.config.excludeItems.includes(d.name.value));
-  this.toolbarItems = r, this.overflowItems = a.filter((d) => s.includes(d.name.value));
-}, nt = function() {
+  const c = r.filter((d) => s.includes(d.name.value)).filter((d) => !this.config.excludeItems.includes(d.name.value));
+  this.toolbarItems = c, this.overflowItems = a.filter((d) => s.includes(d.name.value));
+}, at = function() {
   if (!this.activeEditor || !this.activeEditor.converter) return;
-  const { typeface: o = "Arial", fontSizePt: n = 12 } = this.activeEditor.converter.getDocumentDefaultStyles() ?? {}, e = this.toolbarItems.find((c) => c.name.value === "fontSize");
+  const { typeface: o = "Arial", fontSizePt: n = 12 } = this.activeEditor.converter.getDocumentDefaultStyles() ?? {}, e = this.toolbarItems.find((r) => r.name.value === "fontSize");
   e && (e.defaultLabel.value = n);
-  const i = this.toolbarItems.find((c) => c.name.value === "fontFamily");
+  const i = this.toolbarItems.find((r) => r.name.value === "fontFamily");
   i && (i.defaultLabel.value = o);
-}, ot = function() {
+}, rt = function() {
   if (!this.activeEditor || !this.activeEditor.converter || !this.activeEditor.converter.docHiglightColors.size) return;
-  const o = this.toolbarItems.find((a) => a.name.value === "highlight"), n = On(), e = 7, i = Array.from(this.activeEditor.converter.docHiglightColors).reduce((a, s, r) => {
-    const d = Math.floor(r / e);
-    return a[d] || (a[d] = []), n.includes(s) || a[d].push(f(s)), a;
-  }, []), c = {
+  const o = this.toolbarItems.find((a) => a.name.value === "highlight"), n = Vn(), e = 7, i = Array.from(this.activeEditor.converter.docHiglightColors).reduce((a, s, c) => {
+    const d = Math.floor(c / e);
+    return a[d] || (a[d] = []), n.includes(s) || a[d].push(h(s)), a;
+  }, []), r = {
     key: "color",
     type: "render",
-    render: () => Ne(this, o, i, !0)
+    render: () => Ve(this, o, i, !0)
   };
-  o.nestedOptions.value = [c];
-}, We = function() {
+  o.nestedOptions.value = [r];
+}, Pe = function() {
   this.activeEditor = null, this.toolbarItems.forEach((o) => {
     const { allowWithoutEditor: n } = o;
     n.value || o.setDisabled(!0);
   });
-}, it = function() {
-  this.activeEditor && (this.undoDepth = yt(this.activeEditor.state), this.redoDepth = bt(this.activeEditor.state));
-}, he = function({ item: o, argument: n }, e) {
+}, ct = function() {
+  this.activeEditor && (this.undoDepth = xt(this.activeEditor.state), this.redoDepth = St(this.activeEditor.state));
+}, fe = function({ item: o, argument: n }, e) {
   if (!n || !this.activeEditor) return;
   let i = o.command;
-  const c = o.noArgumentCommand;
-  if (n === "none" && c in this.activeEditor?.commands) {
-    this.activeEditor.commands[c](), this.updateToolbarState();
+  const r = o.noArgumentCommand;
+  if (n === "none" && r in this.activeEditor?.commands) {
+    this.activeEditor.commands[r](), this.updateToolbarState();
     return;
   }
   i in this.activeEditor?.commands && (this.activeEditor.commands[i](n), typeof e == "function" && e(n), this.updateToolbarState());
 };
-function so(t, l) {
+function ho(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;
-  e.forEach((c) => {
-    const s = (c.getBoundingClientRect().left - n.left) / o * -1 + 1;
+  e.forEach((r) => {
+    const s = (r.getBoundingClientRect().left - n.left) / o * -1 + 1;
     if (i || (i = s), s !== i) {
-      const r = s - i;
-      c.style.transform = `translateX(${r}px)`;
+      const c = s - i;
+      r.style.transform = `translateX(${c}px)`;
     }
   });
 }
-const lo = (t, l) => {
+const fo = (t, l) => {
   const o = t.clientY, n = t.clientX, { view: e } = l, i = e.dom.getBoundingClientRect();
-  let c = {
+  let r = {
     left: 0,
     top: o
   }, a = !1;
-  n > i.right ? (c.left = i.left + i.width - 1, a = !0) : n < i.left && (c.left = i.left);
-  const s = e.posAtCoords(c)?.pos;
+  n > i.right ? (r.left = i.left + i.width - 1, a = !0) : n < i.left && (r.left = i.left);
+  const s = e.posAtCoords(r)?.pos;
   if (s) {
-    let r = s;
+    let c = s;
     if (a) {
-      const b = e.state.doc.resolve(s).textOffset, v = e.state.doc.nodeAt(s), E = v?.text?.charAt(b);
-      r = v?.isText && E !== " " ? s - 1 : s;
+      const b = e.state.doc.resolve(s).textOffset, v = e.state.doc.nodeAt(s), S = v?.text?.charAt(b);
+      c = v?.isText && S !== " " ? s - 1 : s;
     }
     const d = e.state.tr.setSelection(
-      Xe.create(e.state.doc, r)
+      Ye.create(e.state.doc, c)
     );
     e.dispatch(d), e.focus();
   }
-}, ao = { class: "numbering" }, Ae = 200, ro = "flex-end", co = {
+}, vo = { class: "numbering" }, Te = 200, go = "flex-end", yo = {
   __name: "Ruler",
   props: {
     orientation: {
@@ -1801,115 +1860,115 @@ const lo = (t, l) => {
   },
   emits: ["margin-change"],
   setup(t, { emit: l }) {
-    const o = l, n = t, e = y(null), i = y([]), c = y("#CCCCCC"), a = y("#2563EB66"), s = y(null), r = y(null), d = y(!1), u = y(null), b = qe({ side: "left", x: 0 }), v = qe({ side: "right", x: 0 }), h = y(!1), E = y(0);
+    const o = l, n = t, e = f(null), i = f([]), r = f("#CCCCCC"), a = f("#2563EB66"), s = f(null), c = f(null), d = f(!1), u = f(null), b = Ke({ side: "left", x: 0 }), v = Ke({ side: "right", x: 0 }), y = f(!1), S = f(0);
     let g = 0;
-    const $ = () => {
+    const F = () => {
       if (n.editor.options.mode !== "docx") return;
-      const T = [], { pageMargins: M, pageSize: H } = n.editor.getPageStyles();
-      s.value = H, r.value = M, v.x = H.width * 96 - M.right * 96, b.x = M.left * 96;
+      const I = [], { pageMargins: M, pageSize: H } = n.editor.getPageStyles();
+      s.value = H, c.value = M, v.x = H.width * 96 - M.right * 96, b.x = M.left * 96;
       for (let R = 0; R < H.width; R++) {
-        const Z = `${5.5}px`, re = H.width - R;
-        if (T.push(...L(1, "main", "20%", Z, R)), T.push(...L(3, "eighth", "10%", Z)), T.push(...L(1, "half", "40%", Z)), re <= 0.5) break;
-        T.push(...L(3, "eighth", "10%", Z));
+        const K = `${5.5}px`, ce = H.width - R;
+        if (I.push(...$(1, "main", "20%", K, R)), I.push(...$(3, "eighth", "10%", K)), I.push(...$(1, "half", "40%", K)), ce <= 0.5) break;
+        I.push(...$(3, "eighth", "10%", K));
       }
-      return T;
-    }, L = (T, M, H, R, X) => Array.from({ length: T }, (Z, re) => {
-      const pe = {
+      return I;
+    }, $ = (I, M, H, R, G) => Array.from({ length: I }, (K, ce) => {
+      const ue = {
         className: `${M}-unit ruler-section`,
         height: H,
         margin: R
       };
-      return X !== void 0 && (pe.numbering = X), pe;
-    }), p = j(() => (T) => ({
+      return G !== void 0 && (ue.numbering = G), ue;
+    }), p = j(() => (I) => ({
       width: "1px",
       minWidth: "1px",
       maxWidth: "1px",
-      height: T.height,
-      backgroundColor: T.color || "#666",
-      marginLeft: T.numbering === 0 ? null : T.margin,
-      marginRight: T.margin
-    })), C = j(() => (T) => ({
-      left: `${(T === "left" ? b : v).x}px`
-    })), F = j(() => {
+      height: I.height,
+      backgroundColor: I.color || "#666",
+      marginLeft: I.numbering === 0 ? null : I.margin,
+      marginRight: I.margin
+    })), _ = j(() => (I) => ({
+      left: `${(I === "left" ? b : v).x}px`
+    })), T = j(() => {
       if (!e.value) return;
       const H = e.value.parentElement.querySelector(".super-editor").getBoundingClientRect();
       return {
         left: `${u.value.x}px`,
         minHeight: `${H.height}px`
       };
-    }), z = (T) => {
-      d.value = !0, ve();
-      const M = T.currentTarget.id;
-      u.value = M === "left-margin-handle" ? b : v, E.value = u.value.x, g = T.clientX - u.value.x, h.value = !0;
-    }, B = (T) => {
+    }), N = (I) => {
+      d.value = !0, ye();
+      const M = I.currentTarget.id;
+      u.value = M === "left-margin-handle" ? b : v, S.value = u.value.x, g = I.clientX - u.value.x, y.value = !0;
+    }, V = (I) => {
       if (!d.value) return;
-      const M = T.clientX - g;
-      u.value.x = M, u.value.side === "left" ? M <= 0 ? u.value.x = 0 : M >= v.x - Ae && (u.value.x = v.x - Ae) : M >= s.value.width * 96 ? u.value.x = s.value.width * 96 : M <= b.x + Ae && (u.value.x = b.x + Ae);
-    }, q = () => {
-      if (d.value = !1, h.value = !1, ye(), u.value && u.value.x !== E.value) {
-        const T = ue();
+      const M = I.clientX - g;
+      u.value.x = M, u.value.side === "left" ? M <= 0 ? u.value.x = 0 : M >= v.x - Te && (u.value.x = v.x - Te) : M >= s.value.width * 96 ? u.value.x = s.value.width * 96 : M <= b.x + Te && (u.value.x = b.x + Te);
+    }, te = () => {
+      if (d.value = !1, y.value = !1, Z(), u.value && u.value.x !== S.value) {
+        const I = re();
         o("margin-change", {
           side: u.value.side,
-          value: T
+          value: I
         });
       }
-    }, ve = () => {
-      c.value = a.value;
     }, ye = () => {
-      c.value = "#CCC";
-    }, ue = () => u.value.side === "left" ? u.value.x / 96 : (s.value.width * 96 - u.value.x) / 96, me = j(() => ({
-      "--alignment": ro,
-      "--ruler-handle-color": c.value,
+      r.value = a.value;
+    }, Z = () => {
+      r.value = "#CCC";
+    }, re = () => u.value.side === "left" ? u.value.x / 96 : (s.value.width * 96 - u.value.x) / 96, be = j(() => ({
+      "--alignment": go,
+      "--ruler-handle-color": r.value,
       "--ruler-handle-active-color": a.value
     }));
-    return we(() => {
-      i.value = $(), window.addEventListener("mousemove", B), window.addEventListener("mouseup", q);
-    }), Rt(() => {
-      window.removeEventListener("mousemove", B), window.removeEventListener("mouseup", q);
-    }), (T, M) => (w(), k("div", {
+    return Ce(() => {
+      i.value = F(), window.addEventListener("mousemove", V), window.addEventListener("mouseup", te);
+    }), zt(() => {
+      window.removeEventListener("mousemove", V), window.removeEventListener("mouseup", te);
+    }), (I, M) => (w(), k("div", {
       class: "ruler",
       ref_key: "ruler",
       ref: e,
-      style: J(me.value)
+      style: J(be.value)
     }, [
-      _("div", {
+      C("div", {
         class: "margin-handle handle-left",
         id: "left-margin-handle",
-        onMousedown: z,
-        style: J(C.value("left"))
+        onMousedown: N,
+        style: J(_.value("left"))
       }, null, 36),
-      _("div", {
+      C("div", {
         class: "margin-handle handle-right",
         id: "right-margin-handle",
-        onMousedown: z,
-        style: J(C.value("right"))
+        onMousedown: N,
+        style: J(_.value("right"))
       }, null, 36),
-      h.value ? (w(), k("div", {
+      y.value ? (w(), k("div", {
         key: 0,
         class: "vertical-indicator",
-        style: J(F.value)
+        style: J(T.value)
       }, null, 4)) : Q("", !0),
       (w(!0), k(U, null, ee(i.value, (H) => (w(), k("div", {
-        class: ne(H.className),
+        class: oe(H.className),
         style: J(p.value(H))
       }, [
-        _("div", ao, oe(H.numbering), 1),
+        C("div", vo, ie(H.numbering), 1),
         (w(!0), k(U, null, ee(H.elements, (R) => (w(), k("div", {
-          class: ne(R.className),
+          class: oe(R.className),
           style: J(p.value(R))
         }, [
-          (w(!0), k(U, null, ee(R.elements, (X) => (w(), k("div", {
-            class: ne(X.className),
-            style: J(p.value(X))
+          (w(!0), k(U, null, ee(R.elements, (G) => (w(), k("div", {
+            class: oe(G.className),
+            style: J(p.value(G))
           }, null, 6))), 256))
         ], 6))), 256))
       ], 6))), 256))
     ], 4));
   }
-}, uo = /* @__PURE__ */ K(co, [["__scopeId", "data-v-ad77036c"]]), mo = { class: "super-editor-container" }, po = {
+}, bo = /* @__PURE__ */ q(yo, [["__scopeId", "data-v-ad77036c"]]), wo = { class: "super-editor-container" }, ko = {
   key: 1,
   class: "placeholder-editor"
-}, fo = { class: "placeholder-title" }, ho = {
+}, Co = { class: "placeholder-title" }, _o = {
   __name: "SuperEditor",
   props: {
     documentId: {
@@ -1939,39 +1998,39 @@ const lo = (t, l) => {
     "selection-update"
   ],
   setup(t, { emit: l }) {
-    const o = l, n = t, e = y(!1), i = Ye(null), c = y(null), a = y(null);
+    const o = l, n = t, e = f(!1), i = nt(null), r = f(null), a = f(null);
     let s;
-    const r = () => {
+    const c = () => {
       clearTimeout(s);
-    }, d = (p, C = 10, F = 500) => {
-      const z = p.getMap("meta"), B = () => {
-        const q = z.get("docx");
-        q ? (r(), h({ content: q })) : C > 0 ? (console.debug(`Waiting for 'docx' data... retries left: ${C}`), s = setTimeout(B, F), C--) : console.warn("Failed to load docx data from meta map.");
+    }, d = (p, _ = 10, T = 500) => {
+      const N = p.getMap("meta"), V = () => {
+        const te = N.get("docx");
+        te ? (c(), y({ content: te })) : _ > 0 ? (console.debug(`Waiting for 'docx' data... retries left: ${_}`), s = setTimeout(V, T), _--) : console.warn("Failed to load docx data from meta map.");
       };
-      B();
+      V();
     }, u = async () => {
       try {
-        const [p, C, F, z] = await Oe.loadXmlData(n.fileSource);
-        return { content: p, media: C, mediaFiles: F, fonts: z };
+        const [p, _, T, N] = await ze.loadXmlData(n.fileSource);
+        return { content: p, media: _, mediaFiles: T, fonts: N };
       } catch (p) {
         console.debug("Error loading new file data:", p);
       }
     }, b = async () => {
       if (n.fileSource) {
         const p = await u();
-        return h(p);
+        return y(p);
       } else if (n.options.ydoc && n.options.collaborationProvider) {
         delete n.options.content;
-        const p = n.options.ydoc, C = n.options.collaborationProvider, F = () => {
-          d(p), C.off("synced", F);
+        const p = n.options.ydoc, _ = n.options.collaborationProvider, T = () => {
+          d(p), _.off("synced", T);
         };
-        C.on("synced", F);
+        _.on("synced", T);
       }
     }, v = () => {
-      const p = wt();
-      return n.options.pagination ? p : p.filter((C) => C.name !== "pagination");
-    }, h = async ({ content: p, media: C = {}, mediaFiles: F = {}, fonts: z = {} } = {}) => {
-      i.value = new Oe({
+      const p = Et();
+      return n.options.pagination ? p : p.filter((_) => _.name !== "pagination");
+    }, y = async ({ content: p, media: _ = {}, mediaFiles: T = {}, fonts: N = {} } = {}) => {
+      i.value = new ze({
         mode: "docx",
         element: a.value,
         fileSource: n.fileSource,
@@ -1979,107 +2038,107 @@ const lo = (t, l) => {
         externalExtensions: n.options.externalExtensions,
         documentId: n.documentId,
         content: p,
-        media: C,
-        mediaFiles: F,
-        fonts: z,
+        media: _,
+        mediaFiles: T,
+        fonts: N,
         ...n.options
       }), i.value.on("paginationUpdate", () => {
-        so(a, i);
+        ho(a, i);
       }), i.value.on("collaborationReady", () => {
         setTimeout(() => {
           e.value = !0;
         }, 150);
       });
-    }, E = (p) => {
+    }, S = (p) => {
       o("editor-keydown", { editor: i.value });
     }, g = (p) => {
       o("editor-click", { editor: i.value });
-      let C = a.value?.querySelector(".ProseMirror");
-      if (!C || !i.value)
+      let _ = a.value?.querySelector(".ProseMirror");
+      if (!_ || !i.value)
         return;
-      !C.contains(p.target) && i.value.isEditable && i.value.view?.focus();
+      !_.contains(p.target) && i.value.isEditable && i.value.view?.focus();
     };
-    we(() => {
+    Ce(() => {
       b(), (n.options?.suppressSkeletonLoader || !n.options?.collaborationProvider) && (e.value = !0);
     });
-    const $ = (p) => {
-      p.target.classList.contains("ProseMirror") || lo(p, i.value);
-    }, L = ({ side: p, value: C }) => {
+    const F = (p) => {
+      p.target.classList.contains("ProseMirror") || fo(p, i.value);
+    }, $ = ({ side: p, value: _ }) => {
       if (!i.value) return;
-      const F = i.value.getPageStyles(), { pageMargins: z } = F, B = { ...z, [p]: C };
-      i.value?.updatePageStyle({ pageMargins: B });
+      const T = i.value.getPageStyles(), { pageMargins: N } = T, V = { ...N, [p]: _ };
+      i.value?.updatePageStyle({ pageMargins: V });
     };
-    return Je(() => {
-      r(), i.value?.destroy(), i.value = null;
-    }), (p, C) => (w(), k("div", mo, [
-      t.options.rulers && i.value ? (w(), Ot(uo, {
+    return ot(() => {
+      c(), i.value?.destroy(), i.value = null;
+    }), (p, _) => (w(), k("div", wo, [
+      t.options.rulers && i.value ? (w(), Vt(bo, {
         key: 0,
         class: "ruler",
         editor: i.value,
-        onMarginChange: L
+        onMarginChange: $
       }, null, 8, ["editor"])) : Q("", !0),
-      _("div", {
+      C("div", {
         class: "super-editor",
         ref_key: "editorWrapper",
-        ref: c,
-        onKeydown: E,
+        ref: r,
+        onKeydown: S,
         onClick: g,
-        onMousedown: $
+        onMousedown: F
       }, [
-        _("div", {
+        C("div", {
           ref_key: "editorElem",
           ref: a,
           class: "editor-element super-editor__element"
         }, null, 512)
       ], 544),
-      e.value ? Q("", !0) : (w(), k("div", po, [
-        _("div", fo, [
-          V(D(Y), {
+      e.value ? Q("", !0) : (w(), k("div", ko, [
+        C("div", Co, [
+          P(D(Y), {
             text: "",
             style: { width: "60%" }
           })
         ]),
-        V(D(Y), {
+        P(D(Y), {
           text: "",
           repeat: 6
         }),
-        V(D(Y), {
+        P(D(Y), {
           text: "",
           style: { width: "60%" }
         }),
-        V(D(Y), {
+        P(D(Y), {
           text: "",
           repeat: 6,
           style: { width: "30%", display: "block", margin: "20px" }
         }),
-        V(D(Y), {
+        P(D(Y), {
           text: "",
           style: { width: "60%" }
         }),
-        V(D(Y), {
+        P(D(Y), {
           text: "",
           repeat: 5
         }),
-        V(D(Y), {
+        P(D(Y), {
           text: "",
           style: { width: "30%" }
         }),
-        V(D(Y), {
+        P(D(Y), {
           text: "",
           style: { "margin-top": "50px" }
         }),
-        V(D(Y), {
+        P(D(Y), {
           text: "",
           repeat: 6
         }),
-        V(D(Y), {
+        P(D(Y), {
           text: "",
           style: { width: "70%" }
         })
       ]))
     ]));
   }
-}, Eo = /* @__PURE__ */ K(ho, [["__scopeId", "data-v-ff8f86f4"]]), So = {
+}, Do = /* @__PURE__ */ q(_o, [["__scopeId", "data-v-ff8f86f4"]]), $o = {
   __name: "BasicUpload",
   emits: ["file-change"],
   setup(t, { emit: l }) {
@@ -2087,7 +2146,7 @@ const lo = (t, l) => {
       o("file-change", e.target.files[0]);
     };
     return (e, i) => (w(), k("div", null, [
-      _("input", {
+      C("input", {
         type: "file",
         id: "fileInput",
         onChange: n,
@@ -2095,7 +2154,7 @@ const lo = (t, l) => {
       }, null, 32)
     ]));
   }
-}, go = ["innerHTML"], vo = {
+}, xo = ["innerHTML"], So = {
   __name: "SuperInput",
   props: {
     modelValue: {
@@ -2119,74 +2178,74 @@ const lo = (t, l) => {
   },
   emits: ["update:modelValue", "focus", "blur"],
   setup(t, { emit: l }) {
-    const o = l, n = t, e = Ye(), i = y(null), c = y(!1), a = ({ editor: v, transaction: h }) => {
-      const E = v.getHTML();
-      o("update:modelValue", E);
-    }, s = ({ editor: v, transaction: h }) => {
-      c.value = !0, b(), o("focus", { editor: v, transaction: h });
-    }, r = ({ editor: v, transaction: h }) => {
-      c.value = !1, o("blur", { editor: v, transaction: h });
+    const o = l, n = t, e = nt(), i = f(null), r = f(!1), a = ({ editor: v, transaction: y }) => {
+      const S = v.getHTML();
+      o("update:modelValue", S);
+    }, s = ({ editor: v, transaction: y }) => {
+      r.value = !0, b(), o("focus", { editor: v, transaction: y });
+    }, c = ({ editor: v, transaction: y }) => {
+      r.value = !1, o("blur", { editor: v, transaction: y });
     }, d = async () => {
-      kt.options.placeholder = n.placeholder || "Type something...", n.options.onTransaction = a, n.options.onFocus = s, n.options.onBlur = r, e.value = new Oe({
+      At.options.placeholder = n.placeholder || "Type something...", n.options.onTransaction = a, n.options.onFocus = s, n.options.onBlur = c, e.value = new ze({
         mode: "text",
         content: document.getElementById("currentContent"),
         element: i.value,
-        extensions: Ct(),
+        extensions: Tt(),
         users: n.users,
         ...n.options
       });
     }, u = () => {
-      c.value = !0, e.value?.view?.focus();
+      r.value = !0, e.value?.view?.focus();
     }, b = () => {
       e.value?.setOptions({ users: n.users });
     };
-    return we(() => {
+    return Ce(() => {
       d();
-    }), Je(() => {
+    }), ot(() => {
       e.value?.destroy(), e.value = null;
-    }), (v, h) => (w(), k("div", {
-      class: ne(["super-editor super-input", { "super-input-active": c.value }]),
-      onClick: be(u, ["stop", "prevent"])
+    }), (v, y) => (w(), k("div", {
+      class: oe(["super-editor super-input", { "super-input-active": r.value }]),
+      onClick: ge(u, ["stop", "prevent"])
     }, [
-      _("div", {
+      C("div", {
         id: "currentContent",
         style: { display: "none" },
         innerHTML: t.modelValue
-      }, null, 8, go),
-      _("div", {
+      }, null, 8, xo),
+      C("div", {
         ref_key: "editorElem",
         ref: i,
         class: "editor-element super-editor__element"
       }, null, 512)
     ], 2));
   }
-}, Ao = /* @__PURE__ */ K(vo, [["__scopeId", "data-v-4d5cff52"]]), To = {
-  Node: St,
-  Attribute: Et,
-  Extension: xt,
-  Plugin: It,
-  Mark: _t
+}, Ho = /* @__PURE__ */ q(So, [["__scopeId", "data-v-4d5cff52"]]), Bo = {
+  Node: Mt,
+  Attribute: Lt,
+  Extension: It,
+  Plugin: Bt,
+  Mark: Ft
 };
 export {
-  Wt as AIWriter,
-  So as BasicUpload,
-  Lo as CommentsPluginKey,
-  zo as DocxZipper,
-  Oe as Editor,
-  To as Extensions,
-  Oo as SuperConverter,
-  Eo as SuperEditor,
-  Ao as SuperInput,
-  xo as SuperToolbar,
-  zt as Toolbar,
-  Mo as TrackChangesBasePluginKey,
-  Po as createZip,
-  Do as fieldAnnotationHelpers,
-  gt as getActiveFormatting,
-  oo as getAllowedImageDimensions,
-  $o as getMarksFromSelection,
-  Ct as getRichTextExtensions,
-  wt as getStarterExtensions,
-  Ho as helpers,
-  Bo as trackChangesHelpers
+  jt as AIWriter,
+  $o as BasicUpload,
+  No as CommentsPluginKey,
+  Ko as DocxZipper,
+  ze as Editor,
+  Bo as Extensions,
+  qo as SuperConverter,
+  Do as SuperEditor,
+  Ho as SuperInput,
+  Mo as SuperToolbar,
+  Pt as Toolbar,
+  zo as TrackChangesBasePluginKey,
+  Zo as createZip,
+  Vo as fieldAnnotationHelpers,
+  Ct as getActiveFormatting,
+  mo as getAllowedImageDimensions,
+  Wo as getMarksFromSelection,
+  Tt as getRichTextExtensions,
+  Et as getStarterExtensions,
+  Po as helpers,
+  jo as trackChangesHelpers
 };