@harbour-enterprises/superdoc 0.10.22 → 0.10.24-RC1

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

@@ -1,62 +1,63 @@
-var ct = Object.defineProperty;
+var ut = Object.defineProperty;
 var Ve = (t) => {
   throw TypeError(t);
 };
-var dt = (t, l, o) => l in t ? ct(t, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[l] = o;
-var $e = (t, l, o) => dt(t, typeof l != "symbol" ? l + "" : l, o), We = (t, l, o) => l.has(t) || Ve("Cannot " + o);
-var Ee = (t, l, o) => (We(t, l, "read from private field"), o ? o.call(t) : l.get(t)), He = (t, l, o) => l.has(t) ? Ve("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(t) : l.set(t, o);
-var O = (t, l, o) => (We(t, l, "access private method"), o);
-import { _ as G, a as Ge, b as ut, I as Be, f as mt, c as je, d as pt, i as ft, u as ht, r as gt, E as Re, e as vt, P as yt, h as bt, M as kt, j as wt, A as Ct, N as _t } from "./chunks/editor-ChNkdwEF.js";
-import { C as xo, T as Eo, l as So, n as To, k as Ao, m as Fo } from "./chunks/editor-ChNkdwEF.js";
-import { a1 as xt, y as Et, a3 as St, T as Ke, a as Tt } from "./chunks/converter-BQTTQHRA.js";
-import { O as Lo } from "./chunks/converter-BQTTQHRA.js";
-import { ref as v, createElementBlock as w, openBlock as k, createElementVNode as E, unref as $, getCurrentInstance as At, computed as W, watch as Ft, onMounted as we, createCommentVNode as ne, withDirectives as It, withKeys as Lt, normalizeClass as oe, withModifiers as ke, vModelText as Mt, createTextVNode as Dt, toDisplayString as ie, Fragment as j, renderList as J, normalizeStyle as Y, createVNode as V, h as P, createApp as $t, reactive as Ue, onUnmounted as Ht, shallowRef as Xe, onBeforeUnmount as Ze, createBlock as Bt } from "vue";
-import { t as q, s as Rt, T as Ot, N as Z } from "./chunks/toolbar-u0YXjEp9.js";
-import { D as Do } from "./chunks/docx-zipper-DFIgRSuf.js";
-import { createZip as Ho } from "./file-zipper.es.js";
-var Ye = { exports: {} };
+var mt = (t, s, o) => s in t ? ut(t, s, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[s] = o;
+var He = (t, s, o) => mt(t, typeof s != "symbol" ? s + "" : s, o), je = (t, s, o) => s.has(t) || Ve("Cannot " + o);
+var Se = (t, s, o) => (je(t, s, "read from private field"), o ? o.call(t) : s.get(t)), Be = (t, s, o) => s.has(t) ? Ve("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, o);
+var W = (t, s, o) => (je(t, s, "access private method"), o);
+import { _ as K, a as Ke, b as pt, I as Re, f as ft, c as Ue, d as ht, i as gt, u as vt, r as yt, E as Oe, e as bt, P as wt, h as kt, M as Ct, j as _t, A as xt, N as Et } from "./chunks/editor-DwlgXynb.js";
+import { C as To, T as Fo, l as Io, n as Lo, k as Mo, m as Do } from "./chunks/editor-DwlgXynb.js";
+import { a1 as St, y as At, a3 as Tt, T as Xe, a as Ft } from "./chunks/converter-J9ViHxhj.js";
+import { O as Ho } from "./chunks/converter-J9ViHxhj.js";
+import { ref as v, createElementBlock as k, openBlock as w, createElementVNode as x, unref as $, getCurrentInstance as It, computed as j, watch as Lt, onMounted as ke, createCommentVNode as ne, withDirectives as Mt, withKeys as Dt, normalizeClass as oe, withModifiers as we, vModelText as $t, createTextVNode as Ht, toDisplayString as ie, Fragment as U, renderList as Q, normalizeStyle as J, createVNode as V, h as N, createApp as Bt, reactive as qe, onUnmounted as Rt, shallowRef as Ze, onBeforeUnmount as Ye, createBlock as Ot } from "vue";
+import { t as G, s as Nt, T as zt, N as Y } from "./chunks/toolbar-Dtt8NSGy.js";
+import Wt from "./ai-writer.es.js";
+import { D as Ro } from "./chunks/docx-zipper-C1kMsjg4.js";
+import { createZip as No } from "./file-zipper.es.js";
+var Je = { exports: {} };
 (function(t) {
-  var l = Object.prototype.hasOwnProperty, o = "~";
+  var s = Object.prototype.hasOwnProperty, o = "~";
   function n() {
   }
   Object.create && (n.prototype = /* @__PURE__ */ Object.create(null), new n().__proto__ || (o = !1));
-  function e(a, d, u) {
-    this.fn = a, this.context = d, this.once = u || !1;
+  function e(a, c, u) {
+    this.fn = a, this.context = c, this.once = u || !1;
   }
-  function i(a, d, u, r, b) {
+  function i(a, c, u, r, b) {
     if (typeof u != "function")
       throw new TypeError("The listener must be a function");
-    var h = new e(u, r || a, b), y = o ? o + d : d;
-    return a._events[y] ? a._events[y].fn ? a._events[y] = [a._events[y], h] : a._events[y].push(h) : (a._events[y] = h, a._eventsCount++), a;
+    var y = new e(u, r || a, b), h = o ? o + c : c;
+    return a._events[h] ? a._events[h].fn ? a._events[h] = [a._events[h], y] : a._events[h].push(y) : (a._events[h] = y, a._eventsCount++), a;
   }
-  function c(a, d) {
-    --a._eventsCount === 0 ? a._events = new n() : delete a._events[d];
+  function d(a, c) {
+    --a._eventsCount === 0 ? a._events = new n() : delete a._events[c];
   }
-  function s() {
+  function l() {
     this._events = new n(), this._eventsCount = 0;
   }
-  s.prototype.eventNames = function() {
-    var d = [], u, r;
-    if (this._eventsCount === 0) return d;
+  l.prototype.eventNames = function() {
+    var c = [], u, r;
+    if (this._eventsCount === 0) return c;
     for (r in u = this._events)
-      l.call(u, r) && d.push(o ? r.slice(1) : r);
-    return Object.getOwnPropertySymbols ? d.concat(Object.getOwnPropertySymbols(u)) : d;
-  }, s.prototype.listeners = function(d) {
-    var u = o ? o + d : d, r = this._events[u];
+      s.call(u, r) && c.push(o ? r.slice(1) : r);
+    return Object.getOwnPropertySymbols ? c.concat(Object.getOwnPropertySymbols(u)) : c;
+  }, l.prototype.listeners = function(c) {
+    var u = o ? o + c : c, r = this._events[u];
     if (!r) return [];
     if (r.fn) return [r.fn];
-    for (var b = 0, h = r.length, y = new Array(h); b < h; b++)
-      y[b] = r[b].fn;
-    return y;
-  }, s.prototype.listenerCount = function(d) {
-    var u = o ? o + d : d, r = this._events[u];
+    for (var b = 0, y = r.length, h = new Array(y); b < y; b++)
+      h[b] = r[b].fn;
+    return h;
+  }, l.prototype.listenerCount = function(c) {
+    var u = o ? o + c : c, r = this._events[u];
     return r ? r.fn ? 1 : r.length : 0;
-  }, s.prototype.emit = function(d, u, r, b, h, y) {
-    var _ = o ? o + d : d;
-    if (!this._events[_]) return !1;
-    var g = this._events[_], M = arguments.length, D, p;
+  }, l.prototype.emit = function(c, u, r, b, y, h) {
+    var E = o ? o + c : c;
+    if (!this._events[E]) return !1;
+    var g = this._events[E], D = arguments.length, L, p;
     if (g.fn) {
-      switch (g.once && this.removeListener(d, g.fn, void 0, !0), M) {
+      switch (g.once && this.removeListener(c, g.fn, void 0, !0), D) {
         case 1:
           return g.fn.call(g.context), !0;
         case 2:
@@ -66,17 +67,17 @@ var Ye = { exports: {} };
         case 4:
           return g.fn.call(g.context, u, r, b), !0;
         case 5:
-          return g.fn.call(g.context, u, r, b, h), !0;
+          return g.fn.call(g.context, u, r, b, y), !0;
         case 6:
-          return g.fn.call(g.context, u, r, b, h, y), !0;
+          return g.fn.call(g.context, u, r, b, y, h), !0;
       }
-      for (p = 1, D = new Array(M - 1); p < M; p++)
-        D[p - 1] = arguments[p];
-      g.fn.apply(g.context, D);
+      for (p = 1, L = new Array(D - 1); p < D; p++)
+        L[p - 1] = arguments[p];
+      g.fn.apply(g.context, L);
     } else {
-      var C = g.length, A;
+      var C = g.length, F;
       for (p = 0; p < C; p++)
-        switch (g[p].once && this.removeListener(d, g[p].fn, void 0, !0), M) {
+        switch (g[p].once && this.removeListener(c, g[p].fn, void 0, !0), D) {
           case 1:
             g[p].fn.call(g[p].context);
             break;
@@ -90,76 +91,76 @@ var Ye = { exports: {} };
             g[p].fn.call(g[p].context, u, r, b);
             break;
           default:
-            if (!D) for (A = 1, D = new Array(M - 1); A < M; A++)
-              D[A - 1] = arguments[A];
-            g[p].fn.apply(g[p].context, D);
+            if (!L) for (F = 1, L = new Array(D - 1); F < D; F++)
+              L[F - 1] = arguments[F];
+            g[p].fn.apply(g[p].context, L);
         }
     }
     return !0;
-  }, s.prototype.on = function(d, u, r) {
-    return i(this, d, u, r, !1);
-  }, s.prototype.once = function(d, u, r) {
-    return i(this, d, u, r, !0);
-  }, s.prototype.removeListener = function(d, u, r, b) {
-    var h = o ? o + d : d;
-    if (!this._events[h]) return this;
+  }, l.prototype.on = function(c, u, r) {
+    return i(this, c, u, r, !1);
+  }, l.prototype.once = function(c, u, r) {
+    return i(this, c, u, r, !0);
+  }, l.prototype.removeListener = function(c, u, r, b) {
+    var y = o ? o + c : c;
+    if (!this._events[y]) return this;
     if (!u)
-      return c(this, h), this;
-    var y = this._events[h];
-    if (y.fn)
-      y.fn === u && (!b || y.once) && (!r || y.context === r) && c(this, h);
+      return d(this, y), this;
+    var h = this._events[y];
+    if (h.fn)
+      h.fn === u && (!b || h.once) && (!r || h.context === r) && d(this, y);
     else {
-      for (var _ = 0, g = [], M = y.length; _ < M; _++)
-        (y[_].fn !== u || b && !y[_].once || r && y[_].context !== r) && g.push(y[_]);
-      g.length ? this._events[h] = g.length === 1 ? g[0] : g : c(this, h);
+      for (var E = 0, g = [], D = h.length; E < D; E++)
+        (h[E].fn !== u || b && !h[E].once || r && h[E].context !== r) && g.push(h[E]);
+      g.length ? this._events[y] = g.length === 1 ? g[0] : g : d(this, y);
     }
     return this;
-  }, s.prototype.removeAllListeners = function(d) {
+  }, l.prototype.removeAllListeners = function(c) {
     var u;
-    return d ? (u = o ? o + d : d, this._events[u] && c(this, u)) : (this._events = new n(), this._eventsCount = 0), this;
-  }, s.prototype.off = s.prototype.removeListener, s.prototype.addListener = s.prototype.on, s.prefixed = o, s.EventEmitter = s, t.exports = s;
-})(Ye);
-var Nt = Ye.exports;
-const zt = /* @__PURE__ */ xt(Nt);
-function Pt(t) {
-  let l = t;
-  for (; l; ) {
-    const o = window.getComputedStyle(l).overflowY;
-    if (/(auto|scroll)/.test(o) && l.scrollHeight > l.clientHeight)
-      return l;
-    l = l.parentElement;
+    return c ? (u = o ? o + c : c, this._events[u] && d(this, u)) : (this._events = new n(), this._eventsCount = 0), this;
+  }, l.prototype.off = l.prototype.removeListener, l.prototype.addListener = l.prototype.on, l.prefixed = o, l.EventEmitter = l, t.exports = l;
+})(Je);
+var Pt = Je.exports;
+const Vt = /* @__PURE__ */ St(Pt);
+function jt(t) {
+  let s = t;
+  for (; s; ) {
+    const o = window.getComputedStyle(s).overflowY;
+    if (/(auto|scroll)/.test(o) && s.scrollHeight > s.clientHeight)
+      return s;
+    s = s.parentElement;
   }
   return document.scrollingElement || document.documentElement;
 }
-function Vt(t, l = { behavior: "smooth", block: "start" }) {
+function Ut(t, s = { behavior: "smooth", block: "start" }) {
   if (!t) return;
-  const o = Pt(t), n = o.getBoundingClientRect(), i = t.getBoundingClientRect().top - n.top + o.scrollTop;
+  const o = jt(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
+    top: s.block === "start" ? i : i - o.clientHeight + t.offsetHeight,
+    behavior: s.behavior
   });
 }
-const x = (t) => {
+const _ = (t) => {
   if (!["button", "options", "separator", "dropdown", "overflow"].includes(t.type))
     throw new Error("Invalid toolbar item type - " + t.type);
   if (t.type === "button" && !t.defaultLabel && !t.icon)
     throw new Error("Toolbar button item needs either icon or label - " + t.name);
   if (!t.name)
     throw new Error("Invalid toolbar item name - " + t.name);
-  const o = v(Et()), n = t.type, e = v(t.name), i = t.command, c = v(t.icon), s = v(t.group || "center"), a = v(t.allowWithoutEditor), d = v(t.attributes || {}), u = t.disabled || !1, r = v(t.disabled), b = v(!1), h = v(!1), y = v(t.style), _ = v(t.isNarrow), g = v(t.isWide), M = v(t.minWidth), D = v(t.suppressActiveHighlight || !1), p = v(t.argument), C = v(null), A = v(null), H = v(t.iconColor), N = v(t.hasCaret), Q = v(t.tooltip), ve = v(t.tooltipVisible), ce = v(t.tooltipTimeout), de = v(t.defaultLabel), se = v(t.label), T = v(t.hideLabel), I = v(t.inlineTextInputVisible), B = v(t.hasInlineTextInput), R = v(t.markName), U = v(t.labelAttr), K = v(t.selectedValue), ue = v(t.dropdownValueKey), le = v([]);
+  const o = v(At()), n = t.type, e = v(t.name), i = t.command, d = v(t.icon), l = v(t.group || "center"), a = v(t.allowWithoutEditor), c = v(t.attributes || {}), u = t.disabled || !1, r = v(t.disabled), b = v(!1), y = v(!1), h = v(t.style), E = v(t.isNarrow), g = v(t.isWide), D = v(t.minWidth), L = v(t.suppressActiveHighlight || !1), p = v(t.argument), C = v(null), F = v(null), z = v(t.iconColor), B = v(t.hasCaret), q = v(t.dropdownStyles), ge = v(t.tooltip), ve = v(t.tooltipVisible), ce = v(t.tooltipTimeout), de = v(t.defaultLabel), T = v(t.label), M = v(t.hideLabel), H = v(t.inlineTextInputVisible), R = v(t.hasInlineTextInput), X = v(t.markName), Z = v(t.labelAttr), ae = v(t.selectedValue), ue = v(t.dropdownValueKey), Ce = v([]);
   if (t.options) {
     if (!Array.isArray(t.options)) throw new Error("Invalid toolbar item options - " + t.options);
-    le.value.push(...t.options);
+    Ce.value.push(...t.options);
   }
   const Te = (te) => {
-    ee(te), !D.value && (b.value = !0);
-  }, Ae = () => {
-    _e(), b.value = !1;
-  }, Fe = (te) => {
+    ee(te), !L.value && (b.value = !0);
+  }, Fe = () => {
+    xe(), b.value = !1;
+  }, Ie = (te) => {
     r.value = te;
-  }, Ce = () => {
+  }, _e = () => {
     r.value = u;
-  }, ee = t.onActivate || (() => null), _e = t.onDeactivate || (() => null), Ie = () => {
+  }, ee = t.onActivate || (() => null), xe = t.onDeactivate || (() => null), Le = () => {
     const te = {};
     return Object.keys(me).forEach((ye) => {
       me[ye].value !== void 0 && (te[ye] = me[ye].value);
@@ -169,89 +170,90 @@ const x = (t) => {
     name: e,
     type: n,
     command: i,
-    icon: c,
-    tooltip: Q,
-    group: s,
-    attributes: d,
+    icon: d,
+    tooltip: ge,
+    group: l,
+    attributes: c,
     disabled: r,
     active: b,
-    expand: h,
-    nestedOptions: le,
-    style: y,
-    isNarrow: _,
+    expand: y,
+    nestedOptions: Ce,
+    style: h,
+    isNarrow: E,
     isWide: g,
-    minWidth: M,
+    minWidth: D,
     argument: p,
-    parentItem: A,
-    iconColor: H,
-    hasCaret: N,
+    parentItem: F,
+    iconColor: z,
+    hasCaret: B,
+    dropdownStyles: q,
     tooltipVisible: ve,
     tooltipTimeout: ce,
     defaultLabel: de,
-    label: se,
-    hideLabel: T,
-    inlineTextInputVisible: I,
-    hasInlineTextInput: B,
-    markName: R,
-    labelAttr: U,
+    label: T,
+    hideLabel: M,
+    inlineTextInputVisible: H,
+    hasInlineTextInput: R,
+    markName: X,
+    labelAttr: Z,
     childItem: C,
     allowWithoutEditor: a,
     dropdownValueKey: ue,
-    selectedValue: K
+    selectedValue: ae
   };
   return {
     ...me,
-    unref: Ie,
+    unref: Le,
     activate: Te,
-    deactivate: Ae,
-    setDisabled: Fe,
-    resetDisabled: Ce,
+    deactivate: Fe,
+    setDisabled: Ie,
+    resetDisabled: _e,
     onActivate: ee,
-    onDeactivate: _e
+    onDeactivate: xe
   };
-}, Wt = { class: "alignment-buttons" }, jt = ["innerHTML"], Ut = ["innerHTML"], qt = ["innerHTML"], Gt = ["innerHTML"], Kt = {
+}, qt = { class: "alignment-buttons" }, Gt = ["innerHTML"], Kt = ["innerHTML"], Xt = ["innerHTML"], Zt = ["innerHTML"], Yt = {
   __name: "AlignmentButtons",
   emits: ["select"],
-  setup(t, { emit: l }) {
-    const o = l, n = (e) => {
+  setup(t, { emit: s }) {
+    const o = s, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (k(), w("div", Wt, [
-      E("div", {
+    return (e, i) => (w(), k("div", qt, [
+      x("div", {
         class: "button-icon",
-        onClick: i[0] || (i[0] = (c) => n("left")),
-        innerHTML: $(q).alignLeft
-      }, null, 8, jt),
-      E("div", {
+        onClick: i[0] || (i[0] = (d) => n("left")),
+        innerHTML: $(G).alignLeft
+      }, null, 8, Gt),
+      x("div", {
         class: "button-icon",
-        onClick: i[1] || (i[1] = (c) => n("center")),
-        innerHTML: $(q).alignCenter
-      }, null, 8, Ut),
-      E("div", {
+        onClick: i[1] || (i[1] = (d) => n("center")),
+        innerHTML: $(G).alignCenter
+      }, null, 8, Kt),
+      x("div", {
         class: "button-icon",
-        onClick: i[2] || (i[2] = (c) => n("right")),
-        innerHTML: $(q).alignRight
-      }, null, 8, qt),
-      E("div", {
+        onClick: i[2] || (i[2] = (d) => n("right")),
+        innerHTML: $(G).alignRight
+      }, null, 8, Xt),
+      x("div", {
         class: "button-icon",
-        onClick: i[3] || (i[3] = (c) => n("justify")),
-        innerHTML: $(q).alignJustify
-      }, null, 8, Gt)
+        onClick: i[3] || (i[3] = (d) => n("justify")),
+        innerHTML: $(G).alignJustify
+      }, null, 8, Zt)
     ]));
   }
-}, Xt = /* @__PURE__ */ G(Kt, [["__scopeId", "data-v-d6fae878"]]), Zt = { class: "link-input-ctn" }, Yt = {
+}, Jt = /* @__PURE__ */ K(Yt, [["__scopeId", "data-v-d6fae878"]]), Qt = { class: "link-input-ctn" }, en = {
   key: 0,
   class: "link-title"
-}, Jt = {
+}, tn = {
   key: 1,
   class: "link-title"
-}, Qt = {
+}, nn = {
   key: 2,
   class: "link-title"
-}, en = { key: 3 }, tn = { class: "input-row" }, nn = ["innerHTML"], on = ["onKeydown"], sn = ["innerHTML"], ln = { class: "input-row link-buttons" }, an = ["innerHTML"], rn = {
+}, on = { key: 3 }, sn = { class: "input-row" }, ln = ["innerHTML"], an = ["onKeydown"], rn = ["innerHTML"], cn = { class: "input-row link-buttons" }, dn = ["innerHTML"], un = {
   key: 4,
   class: "input-row go-to-anchor clickable"
-}, cn = {
+}, mn = {
   __name: "LinkInput",
   props: {
     initialText: {
@@ -277,88 +279,88 @@ const x = (t) => {
     }
   },
   emits: ["submit", "cancel"],
-  setup(t, { emit: l }) {
-    const o = l, n = t, { proxy: e } = At(), i = () => {
-      if (e?.$submit instanceof Function && e.$submit(), d.value && r.value) {
+  setup(t, { emit: s }) {
+    const o = s, n = t, { proxy: e } = It(), i = () => {
+      if (e?.$submit instanceof Function && e.$submit(), c.value && r.value) {
         o("submit", { text: a.value, href: u.value });
         return;
-      } else if (!d.value) {
+      } else if (!c.value) {
         o("submit", { text: a.value, href: null });
         return;
       }
-      console.debug("[LinkInput] Invalid URL in handleSubmit"), s.value = !0;
-    }, c = () => {
+      console.debug("[LinkInput] Invalid URL in handleSubmit"), l.value = !0;
+    }, d = () => {
       o("submit", { text: a.value, href: null });
-    }, s = v(!1), a = v(n.initialText), d = v(n.href), u = W(() => d.value?.startsWith("http") ? d.value : "http://" + d.value), r = W(() => {
+    }, l = v(!1), a = v(n.initialText), c = v(n.href), u = j(() => c.value?.startsWith("http") ? c.value : "http://" + c.value), r = j(() => {
       const p = u.value.split(".").filter(Boolean);
       return u.value.includes(".") && p.length > 1;
-    }), b = W(() => y.value ? "Apply" : "Remove"), h = W(() => !r.value), y = W(() => !_.value), _ = W(() => n.href && !d.value), g = W(() => n.href.startsWith("#")), M = () => {
+    }), b = j(() => h.value ? "Apply" : "Remove"), y = j(() => !r.value), h = j(() => !E.value), E = j(() => n.href && !c.value), g = j(() => n.href.startsWith("#")), D = () => {
       window.open(u.value, "_blank");
     };
-    Ft(
+    Lt(
       () => n.href,
       (p) => {
-        d.value = p;
+        c.value = p;
       }
     );
-    const D = () => {
+    const L = () => {
       const p = document.querySelector(".link-input-ctn input");
       p && p.focus();
     };
-    return we(() => {
-      n.showInput && D();
-    }), (p, C) => (k(), w("div", Zt, [
-      t.href ? g.value ? (k(), w("div", Jt, "Page anchor")) : (k(), w("div", Qt, "Edit link")) : (k(), w("div", Yt, "Add link")),
-      t.showInput && !g.value ? (k(), w("div", en, [
-        E("div", tn, [
-          E("div", {
+    return ke(() => {
+      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, [
+        x("div", sn, [
+          x("div", {
             class: "input-icon",
-            innerHTML: $(q).linkInput
-          }, null, 8, nn),
-          It(E("input", {
+            innerHTML: $(G).linkInput
+          }, null, 8, ln),
+          Mt(x("input", {
             type: "text",
             placeholder: "Type or paste a link",
-            class: oe({ error: s.value }),
-            "onUpdate:modelValue": C[0] || (C[0] = (A) => d.value = A),
+            class: oe({ error: l.value }),
+            "onUpdate:modelValue": C[0] || (C[0] = (F) => c.value = F),
             onKeydown: [
-              Lt(ke(i, ["stop", "prevent"]), ["enter"]),
-              C[1] || (C[1] = (A) => s.value = !1)
+              Dt(we(i, ["stop", "prevent"]), ["enter"]),
+              C[1] || (C[1] = (F) => l.value = !1)
             ]
-          }, null, 42, on), [
-            [Mt, d.value]
+          }, null, 42, an), [
+            [$t, c.value]
           ]),
-          E("div", {
+          x("div", {
             class: oe(["open-link-icon", { disabled: !r.value }]),
-            innerHTML: $(q).openLink,
-            onClick: M
-          }, null, 10, sn)
+            innerHTML: $(G).openLink,
+            onClick: D
+          }, null, 10, rn)
         ]),
-        E("div", ln, [
-          t.href ? (k(), w("button", {
+        x("div", cn, [
+          t.href ? (w(), k("button", {
             key: 0,
             class: "remove-btn",
-            onClick: c
+            onClick: d
           }, [
-            E("div", {
+            x("div", {
               class: "remove-btn__icon",
-              innerHTML: $(q).removeLink
-            }, null, 8, an),
-            C[3] || (C[3] = Dt(" Remove "))
+              innerHTML: $(G).removeLink
+            }, null, 8, dn),
+            C[3] || (C[3] = Ht(" Remove "))
           ])) : ne("", !0),
-          y.value ? (k(), w("button", {
+          h.value ? (w(), k("button", {
             key: 1,
-            class: oe(["submit-btn", { "disable-btn": h.value }]),
+            class: oe(["submit-btn", { "disable-btn": y.value }]),
             onClick: i
           }, ie(b.value), 3)) : ne("", !0)
         ])
-      ])) : g.value ? (k(), w("div", rn, [
-        E("a", {
-          onClick: C[2] || (C[2] = ke((...A) => t.goToAnchor && t.goToAnchor(...A), ["stop", "prevent"]))
+      ])) : g.value ? (w(), k("div", un, [
+        x("a", {
+          onClick: C[2] || (C[2] = we((...F) => t.goToAnchor && t.goToAnchor(...F), ["stop", "prevent"]))
         }, "Go to " + ie(t.href.startsWith("#_") ? t.href.substring(2) : t.href), 1)
       ])) : ne("", !0)
     ]));
   }
-}, dn = /* @__PURE__ */ G(cn, [["__scopeId", "data-v-6990d5b2"]]), un = { class: "document-mode" }, mn = ["onClick"], pn = { class: "document-mode-column icon-column" }, fn = ["innerHTML"], hn = { class: "document-mode-column text-column" }, gn = { class: "document-mode-type" }, vn = { class: "document-mode-description" }, yn = {
+}, 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 = {
   __name: "DocumentMode",
   props: {
     options: {
@@ -366,32 +368,32 @@ const x = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: l }) {
-    const o = l, n = (e) => {
+  setup(t, { emit: s }) {
+    const o = s, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (k(), w("div", un, [
-      (k(!0), w(j, null, J(t.options, (c) => (k(), w("div", {
-        class: oe(["option-item", { disabled: c.disabled }]),
-        onClick: (s) => n(c)
+    return (e, i) => (w(), k("div", fn, [
+      (w(!0), k(U, null, Q(t.options, (d) => (w(), k("div", {
+        class: oe(["option-item", { disabled: d.disabled }]),
+        onClick: (l) => n(d)
       }, [
-        E("div", pn, [
-          E("div", {
+        x("div", gn, [
+          x("div", {
             class: "icon-column__icon",
-            innerHTML: c.icon
-          }, null, 8, fn)
+            innerHTML: d.icon
+          }, null, 8, vn)
         ]),
-        E("div", hn, [
-          E("div", gn, ie(c.label), 1),
-          E("div", vn, ie(c.description), 1)
+        x("div", yn, [
+          x("div", bn, ie(d.label), 1),
+          x("div", wn, ie(d.description), 1)
         ])
-      ], 10, mn))), 256))
+      ], 10, hn))), 256))
     ]));
   }
-}, bn = /* @__PURE__ */ G(yn, [["__scopeId", "data-v-f86e1477"]]), kn = {
+}, Cn = /* @__PURE__ */ K(kn, [["__scopeId", "data-v-f86e1477"]]), _n = {
   key: 0,
   class: "linked-style-buttons"
-}, wn = ["onClick"], Cn = {
+}, xn = ["onClick"], En = {
   __name: "LinkedStyle",
   props: {
     editor: {
@@ -400,23 +402,23 @@ const x = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: l }) {
-    const o = l, n = t, e = (i) => {
+  setup(t, { emit: s }) {
+    const o = s, n = t, e = (i) => {
       o("select", i);
     };
-    return (i, c) => n.editor ? (k(), w("div", kn, [
-      (k(!0), w(j, null, J($(Ge)(t.editor), (s) => (k(), w("div", {
+    return (i, d) => n.editor ? (w(), k("div", _n, [
+      (w(!0), k(U, null, Q($(Ke)(t.editor), (l) => (w(), k("div", {
         class: "style-item",
-        onClick: (a) => e(s)
+        onClick: (a) => e(l)
       }, [
-        E("div", {
+        x("div", {
           class: "style-name",
-          style: Y($(ut)(s, null, !1))
-        }, ie(s.definition.attrs.name), 5)
-      ], 8, wn))), 256))
+          style: J($(pt)(l, null, !1))
+        }, ie(l.definition.attrs.name), 5)
+      ], 8, xn))), 256))
     ])) : ne("", !0);
   }
-}, _n = /* @__PURE__ */ G(Cn, [["__scopeId", "data-v-97e3296a"]]), xn = ["onClick"], En = ["innerHTML"], Sn = ["innerHTML"], Tn = {
+}, Sn = /* @__PURE__ */ K(En, [["__scopeId", "data-v-97e3296a"]]), An = ["onClick"], Tn = ["innerHTML"], Fn = ["innerHTML"], In = {
   __name: "IconGridRow",
   props: {
     icons: {
@@ -429,36 +431,36 @@ const x = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: l }) {
-    const o = l, n = t, e = W(() => (s) => n.activeColor.value ? n.activeColor.value.toUpperCase() === s.value : !1), i = (s, a) => a === 5 || ["#FFFFFF", "#FAFF09"].includes(s) ? { color: "#000" } : { color: "#FFF" }, c = (s) => {
-      o("select", s.value);
+  setup(t, { emit: s }) {
+    const o = s, n = t, e = j(() => (l) => n.activeColor.value ? n.activeColor.value.toUpperCase() === l.value : !1), i = (l, a) => a === 5 || ["#FFFFFF", "#FAFF09"].includes(l) ? { color: "#000" } : { color: "#FFF" }, d = (l) => {
+      o("select", l.value);
     };
-    return we(() => {
+    return ke(() => {
       if (!n.icons.every((a) => Array.isArray(a))) throw new Error("icon props must be 2d array");
-    }), (s, a) => (k(!0), w(j, null, J(t.icons, (d, u) => (k(), w("div", {
+    }), (l, a) => (w(!0), k(U, null, Q(t.icons, (c, u) => (w(), k("div", {
       class: "option-row",
       key: u
     }, [
-      (k(!0), w(j, null, J(d, (r, b) => (k(), w("div", {
+      (w(!0), k(U, null, Q(c, (r, b) => (w(), k("div", {
         class: "option",
         key: b,
-        onClick: ke((h) => c(r), ["stop", "prevent"])
+        onClick: we((y) => d(r), ["stop", "prevent"])
       }, [
-        E("div", {
+        x("div", {
           class: "option__icon",
           innerHTML: r.icon,
-          style: Y(r.style)
-        }, null, 12, En),
-        e.value(r) ? (k(), w("div", {
+          style: J(r.style)
+        }, null, 12, Tn),
+        e.value(r) ? (w(), k("div", {
           key: 0,
           class: "option__check",
-          innerHTML: $(q).colorOptionCheck,
-          style: Y(i(r.value, b))
-        }, null, 12, Sn)) : ne("", !0)
-      ], 8, xn))), 128))
+          innerHTML: $(G).colorOptionCheck,
+          style: J(i(r.value, b))
+        }, null, 12, Fn)) : ne("", !0)
+      ], 8, An))), 128))
     ]))), 128));
   }
-}, qe = /* @__PURE__ */ G(Tn, [["__scopeId", "data-v-6a2a9a40"]]), An = { class: "option-grid-ctn" }, Fn = {
+}, Ge = /* @__PURE__ */ K(In, [["__scopeId", "data-v-6a2a9a40"]]), Ln = { class: "option-grid-ctn" }, Mn = {
   __name: "IconGrid",
   props: {
     icons: {
@@ -475,19 +477,19 @@ const x = (t) => {
     }
   },
   emits: ["select", "clickoutside"],
-  setup(t, { emit: l }) {
-    const o = l, n = (e) => {
+  setup(t, { emit: s }) {
+    const o = s, n = (e) => {
       o("select", e);
     };
-    return (e, i) => (k(), w("div", An, [
-      V(qe, {
+    return (e, i) => (w(), k("div", Ln, [
+      V(Ge, {
         icons: t.icons,
         "active-color": t.activeColor,
         onSelect: n
       }, null, 8, ["icons", "active-color"]),
-      t.customIcons.flat().length ? (k(), w(j, { key: 0 }, [
-        i[0] || (i[0] = E("span", { class: "option-grid-ctn__subtitle" }, "Custom colors", -1)),
-        V(qe, {
+      t.customIcons.flat().length ? (w(), k(U, { key: 0 }, [
+        i[0] || (i[0] = x("span", { class: "option-grid-ctn__subtitle" }, "Custom colors", -1)),
+        V(Ge, {
           icons: t.customIcons,
           "active-color": t.activeColor,
           onSelect: n
@@ -495,30 +497,30 @@ const x = (t) => {
       ], 64)) : ne("", !0)
     ]));
   }
-}, In = /* @__PURE__ */ G(Fn, [["__scopeId", "data-v-fa2949d8"]]), Ln = (t) => {
+}, Dn = /* @__PURE__ */ K(Mn, [["__scopeId", "data-v-fa2949d8"]]), $n = (t) => {
   t.expand.value = !1;
-}, f = (t, l = null) => ({
-  label: l,
-  icon: q.colorOption,
+}, f = (t, s = null) => ({
+  label: s,
+  icon: G.colorOption,
   value: t,
   style: {
     color: t,
     boxShadow: "0 0 5px 1px rgba(0, 0, 0, 0.1)",
     borderRadius: "50%"
   }
-}), Oe = (t, l, o = []) => {
+}), Ne = (t, s, o = []) => {
   const n = (e) => {
-    l.iconColor.value = e, t.emitCommand({ item: l, argument: e }), Ln(l);
+    s.iconColor.value = e, t.emitCommand({ item: s, argument: e }), $n(s);
   };
-  return P("div", {}, [
-    P(In, {
-      icons: Je,
+  return N("div", {}, [
+    N(Dn, {
+      icons: Qe,
       customIcons: o,
-      activeColor: l.iconColor,
+      activeColor: s.iconColor,
       onSelect: n
     })
   ]);
-}, Je = [
+}, Qe = [
   [
     f("#111111"),
     f("#333333"),
@@ -591,44 +593,44 @@ const x = (t) => {
     f("#DFCDF2"),
     f("#A91DFF")
   ]
-], Mn = () => Je.flat().map((t) => t.value), Dn = { class: "toolbar-table-grid-wrapper" }, $n = ["data-cols", "data-rows", "onClick"], Hn = { class: "toolbar-table-grid-value" }, Bn = {
+], Hn = () => Qe.flat().map((t) => t.value), Bn = { class: "toolbar-table-grid-wrapper" }, Rn = ["data-cols", "data-rows", "onClick"], On = { class: "toolbar-table-grid-value" }, Nn = {
   __name: "TableGrid",
   emits: ["select", "clickoutside"],
-  setup(t, { emit: l }) {
-    const o = l, n = v(0), e = v(0), i = (s) => {
-      let a = s.target;
+  setup(t, { emit: s }) {
+    const o = s, n = v(0), e = v(0), i = (l) => {
+      let a = l.target;
       if (!!a.dataset.grid)
         return;
-      let r = [...a.parentElement.querySelectorAll("[data-item]")], b = parseInt(a.dataset.cols, 10), h = parseInt(a.dataset.rows, 10);
-      e.value = b, n.value = h;
-      for (let y = 0; y < r.length; y++) {
-        let _ = r[y], g = parseInt(_.dataset.cols, 10), M = parseInt(_.dataset.rows, 10);
-        g <= b && M <= h ? _.classList.add("selected") : _.classList.remove("selected");
+      let r = [...a.parentElement.querySelectorAll("[data-item]")], b = parseInt(a.dataset.cols, 10), y = parseInt(a.dataset.rows, 10);
+      e.value = b, n.value = y;
+      for (let h = 0; h < r.length; h++) {
+        let E = r[h], g = parseInt(E.dataset.cols, 10), D = parseInt(E.dataset.rows, 10);
+        g <= b && D <= y ? E.classList.add("selected") : E.classList.remove("selected");
       }
-    }, c = ({ cols: s, rows: a }) => {
-      o("select", { cols: s, rows: a });
+    }, d = ({ cols: l, rows: a }) => {
+      o("select", { cols: l, rows: a });
     };
-    return (s, a) => (k(), w("div", Dn, [
-      E("div", {
+    return (l, a) => (w(), k("div", Bn, [
+      x("div", {
         class: "toolbar-table-grid",
         onMouseover: i,
         "data-grid": "true"
       }, [
-        (k(), w(j, null, J(5, (d) => (k(), w(j, { key: d }, [
-          (k(), w(j, null, J(5, (u) => E("div", {
+        (w(), k(U, null, Q(5, (c) => (w(), k(U, { key: c }, [
+          (w(), k(U, null, Q(5, (u) => x("div", {
             class: "toolbar-table-grid__item",
-            key: `${d}_${u}`,
+            key: `${c}_${u}`,
             "data-cols": u,
-            "data-rows": d,
+            "data-rows": c,
             "data-item": "true",
-            onClick: ke((r) => c({ cols: u, rows: d }), ["stop", "prevent"])
-          }, null, 8, $n)), 64))
+            onClick: we((r) => d({ cols: u, rows: c }), ["stop", "prevent"])
+          }, null, 8, Rn)), 64))
         ], 64))), 64))
       ], 32),
-      E("div", Hn, ie(n.value) + " x " + ie(e.value), 1)
+      x("div", On, ie(n.value) + " x " + ie(e.value), 1)
     ]));
   }
-}, Rn = /* @__PURE__ */ G(Bn, [["__scopeId", "data-v-06352ab9"]]), On = { class: "toolbar-table-actions" }, Nn = ["onClick"], zn = { class: "toolbar-table-actions__icon" }, Pn = ["innerHTML"], Vn = { class: "toolbar-table-actions__label" }, Wn = {
+}, zn = /* @__PURE__ */ K(Nn, [["__scopeId", "data-v-06352ab9"]]), Wn = { class: "toolbar-table-actions" }, Pn = ["onClick"], Vn = { class: "toolbar-table-actions__icon" }, jn = ["innerHTML"], Un = { class: "toolbar-table-actions__label" }, qn = {
   __name: "TableActions",
   props: {
     options: {
@@ -636,36 +638,36 @@ const x = (t) => {
     }
   },
   emits: ["select"],
-  setup(t, { emit: l }) {
-    const o = l, n = (e) => {
+  setup(t, { emit: s }) {
+    const o = s, n = (e) => {
       o("select", { command: e.command });
     };
-    return (e, i) => (k(), w("div", On, [
-      (k(!0), w(j, null, J(t.options, (c) => (k(), w("div", {
-        class: oe(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": c.bottomBorder }]),
-        onClick: (s) => n(c)
+    return (e, i) => (w(), k("div", Wn, [
+      (w(!0), k(U, null, Q(t.options, (d) => (w(), k("div", {
+        class: oe(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": d.bottomBorder }]),
+        onClick: (l) => n(d)
       }, [
-        E("div", zn, [
-          E("div", {
+        x("div", Vn, [
+          x("div", {
             class: "toolbar-table-actions__icon-wrapper",
-            innerHTML: c.icon
-          }, null, 8, Pn)
+            innerHTML: d.icon
+          }, null, 8, jn)
         ]),
-        E("div", Vn, ie(c.label), 1)
-      ], 10, Nn))), 256))
+        x("div", Un, ie(d.label), 1)
+      ], 10, Pn))), 256))
     ]));
   }
-}, jn = /* @__PURE__ */ G(Wn, [["__scopeId", "data-v-9a702d7f"]]), Un = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>
-`, re = (t) => {
+}, Gn = /* @__PURE__ */ K(qn, [["__scopeId", "data-v-9a702d7f"]]), Kn = `<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>
+`, le = (t) => {
   t.expand.value = !1;
-}, qn = (t, l = !1, o, n, e) => {
-  const i = x({
+}, Xn = (t, s = !1, o, n, e) => {
+  const i = _({
     type: "button",
     name: "bold",
     command: "toggleBold",
     icon: e.bold,
     tooltip: "Bold"
-  }), c = x({
+  }), d = _({
     type: "dropdown",
     name: "fontFamily",
     tooltip: "Font",
@@ -713,10 +715,51 @@ const x = (t) => {
       }
     ],
     onActivate: ({ fontFamily: m }) => {
-      m && (c.label.value = m);
+      m && (d.label.value = m);
     },
-    onDeactivate: () => c.label.value = c.defaultLabel.value
-  }), s = x({
+    onDeactivate: () => d.label.value = d.defaultLabel.value
+  }), l = _({
+    type: "dropdown",
+    dropdownStyles: {
+      padding: 0,
+      outline: "none"
+    },
+    name: "ai",
+    tooltip: "AI Insights",
+    icon: e.ai,
+    hideLabel: !0,
+    hasCaret: !1,
+    isWide: !0,
+    suppressActiveHighlight: !0,
+    options: [
+      {
+        type: "render",
+        key: "ai",
+        render: () => {
+          let m = "";
+          if (t.activeEditor) {
+            const { state: A } = t.activeEditor, { from: P, to: se, empty: dt } = A.selection;
+            m = dt ? "" : A.doc.textBetween(P, se);
+          }
+          return N(
+            "div",
+            {},
+            [
+              N(Wt, {
+                handleClose: () => {
+                  le(l);
+                },
+                selectedText: m,
+                editor: t.activeEditor,
+                key: t.config.aiApiKey,
+                superToolbar: t
+              })
+            ]
+          );
+        }
+      }
+    ]
+  }), a = _({
     type: "dropdown",
     name: "fontSize",
     defaultLabel: "12",
@@ -748,28 +791,28 @@ const x = (t) => {
       { label: "96", key: "96pt" }
     ],
     onActivate: ({ fontSize: m }) => {
-      if (!m) return s.label.value = s.defaultLabel.value;
-      let S = Rt(m, 12);
-      S < 8 && (S = 8), S > 96 && (S = 96), s.label.value = String(S);
+      if (!m) return a.label.value = a.defaultLabel.value;
+      let S = Nt(m, 12);
+      S < 8 && (S = 8), S > 96 && (S = 96), a.label.value = String(S);
     },
-    onDeactivate: () => s.label.value = s.defaultLabel.value
-  }), a = x({
+    onDeactivate: () => a.label.value = a.defaultLabel.value
+  }), c = _({
     type: "separator",
     name: "separator",
     isNarrow: !0
-  }), d = x({
+  }), u = _({
     type: "button",
     name: "italic",
     command: "toggleItalic",
     icon: e.italic,
     tooltip: "Italic"
-  }), u = x({
+  }), r = _({
     type: "button",
     name: "underline",
     command: "toggleUnderline",
     icon: e.underline,
     tooltip: "Underline"
-  }), r = x({
+  }), b = _({
     type: "dropdown",
     name: "highlight",
     icon: e.highlight,
@@ -783,14 +826,14 @@ const x = (t) => {
       {
         key: "color",
         type: "render",
-        render: () => Oe(t, r)
+        render: () => Ne(t, b)
       }
     ],
     onActivate: ({ color: m }) => {
-      r.iconColor.value = m || "";
+      b.iconColor.value = m || "";
     },
-    onDeactivate: () => r.iconColor.value = ""
-  }), b = x({
+    onDeactivate: () => b.iconColor.value = ""
+  }), y = _({
     type: "dropdown",
     name: "color",
     icon: e.color,
@@ -804,14 +847,14 @@ const x = (t) => {
       {
         key: "color",
         type: "render",
-        render: () => Oe(t, b)
+        render: () => Ne(t, y)
       }
     ],
     onActivate: ({ color: m }) => {
-      b.iconColor.value = m;
+      y.iconColor.value = m;
     },
-    onDeactivate: () => b.iconColor.value = "#000"
-  }), h = x({
+    onDeactivate: () => y.iconColor.value = "#000"
+  }), h = _({
     type: "dropdown",
     name: "link",
     markName: "link",
@@ -821,7 +864,7 @@ const x = (t) => {
       {
         type: "render",
         key: "linkDropdown",
-        render: () => y(h)
+        render: () => E(h)
       }
     ],
     onActivate: ({ href: m }) => {
@@ -831,37 +874,37 @@ const x = (t) => {
       h.attributes.value = {}, h.expand.value = !1;
     }
   });
-  function y(m) {
-    return P("div", {}, [
-      P(dn, {
-        onSubmit: ({ href: F }) => {
-          re(m), m.attributes.value.link = { href: F };
-          const X = { ...m, command: "toggleLink" };
-          t.emitCommand({ item: X, argument: { href: F, text: "" } }), F || (m.active.value = !1);
+  function E(m) {
+    return N("div", {}, [
+      N(pn, {
+        onSubmit: ({ href: A }) => {
+          le(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);
         },
         href: m.attributes.value.href,
         goToAnchor: () => {
-          if (re(m), !t.activeEditor || !m.attributes.value?.href) return;
-          const F = m.attributes.value?.href?.slice(1), fe = t.activeEditor.element.querySelector(`a[name='${F}']`);
-          fe && Vt(fe);
+          if (le(m), !t.activeEditor || !m.attributes.value?.href) return;
+          const A = m.attributes.value?.href?.slice(1), se = t.activeEditor.element.querySelector(`a[name='${A}']`);
+          se && Ut(se);
         }
       })
     ]);
   }
-  const _ = x({
+  const g = _({
     type: "options",
     name: "linkInput",
     command: "toggleLink"
   });
-  h.childItem = _, _.parentItem = h;
-  const g = x({
+  h.childItem = g, g.parentItem = h;
+  const D = _({
     type: "button",
     name: "image",
     command: "startImageUpload",
     icon: e.image,
     tooltip: "Image",
     disabled: !1
-  }), M = x({
+  }), L = _({
     type: "dropdown",
     name: "table",
     icon: e.table,
@@ -874,20 +917,20 @@ const x = (t) => {
       {
         key: "table",
         type: "render",
-        render: () => D(M)
+        render: () => p(L)
       }
     ]
   });
-  function D(m) {
-    return P("div", {}, [
-      P(Rn, {
-        onSelect: (F) => {
-          t.emitCommand({ item: m, argument: F }), re(m);
+  function p(m) {
+    return N("div", {}, [
+      N(zn, {
+        onSelect: (A) => {
+          t.emitCommand({ item: m, argument: A }), le(m);
         }
       })
     ]);
   }
-  const p = x({
+  const C = _({
     type: "dropdown",
     name: "tableActions",
     command: "executeTableCommand",
@@ -897,10 +940,10 @@ const x = (t) => {
     options: [
       {
         type: "render",
-        render: () => A(p)
+        render: () => z(C)
       }
     ]
-  }), C = [
+  }), F = [
     {
       label: "Insert row above",
       command: "addRowBefore",
@@ -959,17 +1002,17 @@ const x = (t) => {
       icon: e.fixTables
     }
   ];
-  function A(m) {
-    return P(jn, {
-      options: C,
+  function z(m) {
+    return N(Gn, {
+      options: F,
       onSelect: (S) => {
-        re(m);
-        const { command: F } = S;
-        t.emitCommand({ item: m, argument: { command: F } });
+        le(m);
+        const { command: A } = S;
+        t.emitCommand({ item: m, argument: { command: A } });
       }
     });
   }
-  const H = x({
+  const B = _({
     type: "dropdown",
     name: "textAlign",
     tooltip: "Alignment",
@@ -982,12 +1025,12 @@ const x = (t) => {
     options: [
       {
         type: "render",
-        render: () => P("div", {}, [
-          P(Xt, {
+        render: () => N("div", {}, [
+          N(Jt, {
             onSelect: (S) => {
-              re(H);
-              const F = { ...H, command: "setTextAlign" };
-              F.command = "setTextAlign", t.emitCommand({ item: F, argument: S }), N(H, S);
+              le(B);
+              const A = { ...B, command: "setTextAlign" };
+              A.command = "setTextAlign", t.emitCommand({ item: A, argument: S }), q(B, S);
             }
           })
         ]),
@@ -995,52 +1038,52 @@ const x = (t) => {
       }
     ],
     onActivate: ({ textAlign: m }) => {
-      N(H, m);
+      q(B, m);
     },
     onDeactivate: () => {
-      N(H, "left");
+      q(B, "left");
     }
-  }), N = (m, S) => {
-    let F = S === "both" ? "justify" : S, X = {
+  }), q = (m, S) => {
+    let A = S === "both" ? "justify" : S, P = {
       left: e.alignLeft,
       right: e.alignRight,
       center: e.alignCenter,
       justify: e.alignJustify
-    }, fe = X[F] ?? X.left;
-    m.icon.value = fe;
-  }, Q = x({
+    }, se = P[A] ?? P.left;
+    m.icon.value = se;
+  }, ge = _({
     type: "button",
     name: "list",
     command: "toggleBulletList",
     icon: e.bulletList,
     tooltip: "Bullet list"
-  }), ve = x({
+  }), ve = _({
     type: "button",
     name: "numberedlist",
     command: "toggleOrderedList",
     icon: e.numberedList,
     tooltip: "Numbered list"
-  }), ce = x({
+  }), ce = _({
     type: "button",
     name: "indentleft",
     command: "decreaseTextIndent",
     icon: e.indentLeft,
     tooltip: "Left indent",
     disabled: !1
-  }), de = x({
+  }), de = _({
     type: "button",
     name: "indentright",
     command: "increaseTextIndent",
     icon: e.indentRight,
     tooltip: "Right indent",
     disabled: !1
-  }), se = x({
+  }), T = _({
     type: "overflow",
     name: "overflow",
     command: "toggleOverflow",
     icon: e.overflow,
     disabled: !1
-  }), T = x({
+  }), M = _({
     type: "dropdown",
     name: "zoom",
     allowWithoutEditor: !0,
@@ -1062,9 +1105,9 @@ const x = (t) => {
       { label: "200%", key: 2 }
     ],
     onActivate: ({ zoom: m }) => {
-      m && (T.label.value = m);
+      m && (M.label.value = m);
     }
-  }), I = x({
+  }), H = _({
     type: "button",
     name: "undo",
     disabled: !0,
@@ -1073,9 +1116,9 @@ const x = (t) => {
     icon: e.undo,
     group: "left",
     onDeactivate: () => {
-      I.disabled.value = !t.undoDepth;
+      H.disabled.value = !t.undoDepth;
     }
-  }), B = x({
+  }), R = _({
     type: "button",
     disabled: !0,
     name: "redo",
@@ -1084,9 +1127,9 @@ const x = (t) => {
     icon: e.redo,
     group: "left",
     onDeactivate: () => {
-      B.disabled.value = !t.redoDepth;
+      R.disabled.value = !t.redoDepth;
     }
-  }), R = x({
+  }), X = _({
     type: "button",
     disabled: !1,
     name: "toggleTrackChanges",
@@ -1094,7 +1137,7 @@ const x = (t) => {
     command: "toggleTrackChanges",
     icon: e.trackChanges,
     group: "left"
-  }), U = x({
+  }), Z = _({
     type: "button",
     disabled: !1,
     name: "acceptTrackedChangeBySelection",
@@ -1102,7 +1145,7 @@ const x = (t) => {
     command: "acceptTrackedChangeBySelection",
     icon: e.trackChangesAccept,
     group: "left"
-  }), K = x({
+  }), ae = _({
     type: "button",
     disabled: !1,
     name: "rejectTrackedChangeOnSelection",
@@ -1110,7 +1153,7 @@ const x = (t) => {
     command: "rejectTrackedChangeOnSelection",
     icon: e.trackChangesReject,
     group: "left"
-  }), ue = x({
+  }), ue = _({
     type: "button",
     disabled: !1,
     name: "toggleTrackChangesShowOriginal",
@@ -1118,7 +1161,7 @@ const x = (t) => {
     command: "toggleTrackChangesShowOriginal",
     icon: e.trackChangesOriginal,
     group: "left"
-  }), le = x({
+  }), Ce = _({
     type: "button",
     disabled: !1,
     name: "toggleTrackChangesShowFinal",
@@ -1126,7 +1169,7 @@ const x = (t) => {
     command: "toggleTrackChangesShowFinal",
     icon: e.trackChangesFinal,
     group: "left"
-  }), Te = x({
+  }), Te = _({
     type: "button",
     name: "clearFormatting",
     command: "clearFormat",
@@ -1135,27 +1178,27 @@ const x = (t) => {
   });
   [
     i,
-    d,
     u,
+    r,
     de,
     ce,
     // search,
-    se
+    T
   ].map((m) => m.name);
-  const Ae = x({
+  const Fe = _({
     type: "button",
     name: "copyFormat",
     tooltip: "Format painter",
     icon: e.copyFormat,
     command: "copyFormat"
-  }), Fe = (m, S) => m === "editor" ? S : m === "suggester" ? S.filter((F) => F.value === "suggesting") : S.filter((F) => F.value === "viewing"), Ce = (m) => m === "editor" ? "Editing" : m === "suggester" ? "Suggesting" : "Viewing", ee = x({
+  }), Ie = (m, S) => m === "editor" ? S : m === "suggester" ? S.filter((A) => A.value === "suggesting") : S.filter((A) => A.value === "viewing"), _e = (m) => m === "editor" ? "Editing" : m === "suggester" ? "Suggesting" : "Viewing", ee = _({
     type: "dropdown",
     name: "documentMode",
     command: "setDocumentMode",
     allowWithoutEditor: !0,
     icon: e.documentMode,
-    defaultLabel: Ce(n),
-    label: Ce(n),
+    defaultLabel: _e(n),
+    label: _e(n),
     hasCaret: n === "editor",
     isWide: !0,
     style: { display: "flex", justifyContent: "flex-end" },
@@ -1170,10 +1213,10 @@ const x = (t) => {
     options: [
       {
         type: "render",
-        render: () => Ie(ee)
+        render: () => Le(ee)
       }
     ]
-  }), _e = [
+  }), xe = [
     {
       label: "Editing",
       value: "editing",
@@ -1193,18 +1236,18 @@ const x = (t) => {
       description: "View clean version of document only"
     }
   ];
-  function Ie(m) {
-    const S = Fe(n, _e);
-    return P(bn, {
+  function Le(m) {
+    const S = Ie(n, xe);
+    return N(Cn, {
       options: S,
-      onSelect: (F) => {
-        re(m);
-        const { label: X, icon: fe } = F;
-        ee.label.value = X, ee.icon.value = fe, t.emitCommand({ item: ee, argument: X });
+      onSelect: (A) => {
+        le(m);
+        const { label: P, icon: se } = A;
+        ee.label.value = P, ee.icon.value = se, t.emitCommand({ item: ee, argument: P });
       }
     });
   }
-  const me = x({
+  const me = _({
     type: "button",
     name: "pageBreakTool",
     command: "insertPageBreak",
@@ -1218,14 +1261,15 @@ const x = (t) => {
     ["textAlign", 40],
     ["linkedStyles", 142],
     ["documentMode", 47],
+    ["ai", 32],
     ["default", 32]
-  ]), ye = x({
+  ]), ye = _({
     type: "button",
     name: "ruler",
     command: "toggleRuler",
     icon: e.ruler,
     tooltip: "Show or hide ruler"
-  }), be = x({
+  }), be = _({
     type: "dropdown",
     name: "linkedStyles",
     command: "setLinkedStyle",
@@ -1246,12 +1290,12 @@ const x = (t) => {
         key: "linkedStyle",
         render: () => {
           const m = (S) => {
-            re(be);
-            const F = { ...be, command: "setLinkedStyle" };
-            t.emitCommand({ item: F, argument: S });
+            le(be);
+            const A = { ...be, command: "setLinkedStyle" };
+            t.emitCommand({ item: A, argument: S });
           };
-          return P("div", {}, [
-            P(_n, {
+          return N("div", {}, [
+            N(Sn, {
               editor: t.activeEditor,
               onSelect: m
             })
@@ -1267,8 +1311,8 @@ const x = (t) => {
     }
   }), pe = (m, S) => {
     if (S.value.toString() === m)
-      return P("div", { innerHTML: Un, class: "dropdown-select-icon" });
-  }, ae = x({
+      return N("div", { innerHTML: Kn, class: "dropdown-select-icon" });
+  }, re = _({
     type: "dropdown",
     name: "lineHeight",
     tooltip: "Line height",
@@ -1282,223 +1326,225 @@ const x = (t) => {
     dropdownValueKey: "key",
     selectedValue: "1",
     options: [
-      { label: "1,0", key: "1", icon: () => pe("1", ae.selectedValue) },
-      { label: "1,15", key: "1.15", icon: () => pe("1.15", ae.selectedValue) },
-      { label: "1,5", key: "1.5", icon: () => pe("1.5", ae.selectedValue) },
-      { label: "2,0", key: "2", icon: () => pe("2", ae.selectedValue) },
-      { label: "2,5", key: "2.5", icon: () => pe("2.5", ae.selectedValue) },
-      { label: "3,0", key: "3", icon: () => pe("3", ae.selectedValue) }
+      { label: "1,0", key: "1", icon: () => pe("1", re.selectedValue) },
+      { label: "1,15", key: "1.15", icon: () => pe("1.15", re.selectedValue) },
+      { label: "1,5", key: "1.5", icon: () => pe("1.5", re.selectedValue) },
+      { label: "2,0", key: "2", icon: () => pe("2", re.selectedValue) },
+      { label: "2,5", key: "2.5", icon: () => pe("2.5", re.selectedValue) },
+      { label: "3,0", key: "3", icon: () => pe("3", re.selectedValue) }
     ]
-  }), Le = {
+  }), Me = {
     sm: 768,
     md: 1024,
     xl: 1410
-  }, ot = 120, it = 32, st = ["linkedStyles", "clearFormatting", "copyFormat", "ruler"], lt = ["zoom", "fontFamily", "fontSize", "redo"];
-  let z = [
-    I,
-    B,
+  }, it = 120, st = 32, lt = ["linkedStyles", "clearFormatting", "copyFormat", "ruler"], at = ["zoom", "fontFamily", "fontSize", "redo"];
+  let O = [
+    H,
+    R,
     // Dev - tracked changes
     // toggleTrackChanges,
-    U,
-    K,
+    Z,
+    ae,
     // toggleTrackChangesOriginal,
     // toggleTrackChangesFinal,
-    T,
+    M,
+    d,
     c,
     a,
-    s,
-    a,
+    c,
     i,
-    d,
     u,
-    b,
     r,
-    a,
+    y,
+    b,
+    c,
     h,
-    g,
-    M,
-    p,
-    a,
-    H,
-    Q,
+    D,
+    l,
+    L,
+    C,
+    c,
+    B,
+    ge,
     ve,
     ce,
     de,
-    ae,
-    a,
+    re,
+    c,
     be,
-    a,
+    c,
     me,
-    Ae,
+    Fe,
     Te,
     ye,
-    se,
+    T,
     ee
     // search,
   ];
-  if (o <= Le.md && (z = z.filter((m) => m.type !== "separator")), t.config.pagination || (z = z.filter((m) => m.name.value !== "pageBreakTool")), t.config.mode !== "docx") {
-    const m = z.findIndex((F) => F.name.value === "linkedStyles");
-    z.splice(m - 1, 2);
+  if (t.config.aiApiKey || (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") {
+    const m = O.findIndex((A) => A.name.value === "linkedStyles");
+    O.splice(m - 1, 2);
     const S = ["ruler", "zoom", "undo", "redo"];
-    z = z.filter((F) => !S.includes(F.name.value));
+    O = O.filter((A) => !S.includes(A.name.value));
   }
-  const Pe = [R, ue, le];
-  l || (n === "viewer" && Pe.push(U, K), z = z.filter((m) => !Pe.includes(m)));
-  const at = [I, se, ee].map((m) => m.name), rt = (m) => at.includes(m.name), xe = [], Me = [];
-  let De = it + ot;
-  return z.forEach((m) => {
+  const Pe = [X, ue, Ce];
+  s || (n === "viewer" && Pe.push(Z, ae), O = O.filter((m) => !Pe.includes(m)));
+  const rt = [H, T, ee].map((m) => m.name), ct = (m) => rt.includes(m.name), Ee = [], De = [];
+  let $e = st + it;
+  return O.forEach((m) => {
     const S = te.get(m.name.value) || te.get("default");
-    if (o < Le.xl && st.includes(m.name.value)) {
-      if (xe.push(m), m.name.value === "linkedStyles") {
-        const F = z.findIndex((X) => X.name.value === "linkedStyles");
-        z.splice(F + 1, 1);
+    if (o < Me.xl && lt.includes(m.name.value)) {
+      if (Ee.push(m), m.name.value === "linkedStyles") {
+        const A = O.findIndex((P) => P.name.value === "linkedStyles");
+        O.splice(A + 1, 1);
       }
       return;
     }
-    if (o < Le.sm && lt.includes(m.name.value)) {
-      xe.push(m);
+    if (o < Me.sm && at.includes(m.name.value)) {
+      Ee.push(m);
       return;
     }
-    if (rt(m)) {
-      Me.push(m), De += S;
+    if (ct(m)) {
+      De.push(m), $e += S;
       return;
     }
-    De < o ? (Me.push(m), De += S) : xe.push(m);
+    $e < o ? (De.push(m), $e += S) : Ee.push(m);
   }), {
-    defaultItems: Me,
-    overflowItems: xe.filter((m) => m.type !== "separator")
+    defaultItems: De,
+    overflowItems: Ee.filter((m) => m.type !== "separator")
   };
-}, Gn = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"], Kn = () => {
+}, Zn = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"], Yn = () => {
   let t = document.createElement("input");
   t.type = "file";
-  let l = Gn;
-  return t.accept = l.join(","), () => new Promise((n, e) => {
+  let s = Zn;
+  return t.accept = s.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 d = i.item(0);
+      return n(d ? { file: d } : null);
     }, t.oncancel = () => n(null), t.onerror = e, t.click();
   });
-}, Xn = (t) => new Promise((l, o) => {
+}, Jn = (t) => new Promise((s, o) => {
   let n = new FileReader();
-  n.onload = (e) => l(e.target.result), n.onerror = o, setTimeout(() => n.readAsDataURL(t), 250);
-}), Zn = (t, l) => new Promise((o, n) => {
+  n.onload = (e) => s(e.target.result), n.onerror = o, setTimeout(() => n.readAsDataURL(t), 250);
+}), Qn = (t, s) => new Promise((o, n) => {
   const e = new window.Image();
   e.onload = () => {
-    const i = document.createElement("canvas"), { width: c, height: s } = Yn(
+    const i = document.createElement("canvas"), { width: d, height: l } = eo(
       e.width,
       e.height,
-      l
+      s
     );
-    if (i.width = c, i.height = s, i.getContext("2d").drawImage(e, 0, 0, c, s), typeof t == "string") {
-      const d = i.toDataURL();
-      o(d);
+    if (i.width = d, i.height = l, i.getContext("2d").drawImage(e, 0, 0, d, l), typeof t == "string") {
+      const c = i.toDataURL();
+      o(c);
     } else
-      i.toBlob((d) => {
-        const u = new File([d], t.name, {
+      i.toBlob((c) => {
+        const u = new File([c], t.name, {
           type: t.type,
           lastModified: Date.now()
         });
-        o({ file: u, width: c, height: s });
+        o({ file: u, width: d, height: l });
       });
   }, e.onerror = (i) => n(i), e.src = typeof t == "string" ? t : URL.createObjectURL(t);
-}), Yn = (t, l, o) => {
+}), eo = (t, s, o) => {
   const { width: n, height: e } = o.getMaxContentSize();
-  if (!n || !e) return { width: t, height: l };
-  let i = t, c = l;
-  const s = t / l;
-  return l > e && (c = e, i = Math.round(e * s)), i > n && (i = n, c = Math.round(n / s)), { width: i, height: c };
-}, Jn = async ({ editor: t, view: l, file: o }) => {
-  let n = typeof t.options.handleImageUpload == "function" ? t.options.handleImageUpload : Xn;
+  if (!n || !e) return { width: t, height: s };
+  let i = t, d = s;
+  const l = t / s;
+  return s > e && (d = e, i = Math.round(e * l)), i > n && (i = n, d = Math.round(n / l)), { width: i, height: d };
+}, to = async ({ editor: t, view: s, file: o }) => {
+  let n = typeof t.options.handleImageUpload == "function" ? t.options.handleImageUpload : Jn;
   if ((o.size / (1024 * 1024)).toFixed(4) > 5) {
     window.alert("Image size must be less than 5MB");
     return;
   }
-  let i, c;
+  let i, d;
   try {
-    const r = await Zn(o, t);
-    i = r.width, c = r.height, o = r.file;
+    const r = await Qn(o, t);
+    i = r.width, d = r.height, o = r.file;
   } catch (r) {
     console.warn("Error processing image:", r);
     return;
   }
-  let s = {}, { tr: a, schema: d } = l.state;
+  let l = {}, { tr: a, schema: c } = s.state;
   a.selection.empty || a.deleteSelection();
   let u = {
     type: "add",
     pos: a.selection.from,
-    id: s
+    id: l
   };
-  a.setMeta(Be, u), l.dispatch(a), n(o).then(
+  a.setMeta(Re, u), s.dispatch(a), n(o).then(
     (r) => {
-      let b = o.name.replace(" ", "_"), h = mt(l.state, s);
-      if (h == null)
+      let b = o.name.replace(" ", "_"), y = ft(s.state, l);
+      if (y == null)
         return;
-      let y = { type: "remove", id: s }, _ = `word/media/${b}`, g = d.nodes.image.create({
-        src: _,
-        size: { width: i, height: c }
+      let h = { type: "remove", id: l }, E = `word/media/${b}`, g = c.nodes.image.create({
+        src: E,
+        size: { width: i, height: d }
       });
-      t.storage.image.media = Object.assign(t.storage.image.media, { [_]: r }), t.options.ydoc && t.commands.addImageToCollaboration({ mediaPath: _, fileData: r }), l.dispatch(
-        l.state.tr.replaceWith(h, h, g).setMeta(Be, y)
+      t.storage.image.media = Object.assign(t.storage.image.media, { [E]: r }), t.options.ydoc && t.commands.addImageToCollaboration({ mediaPath: E, fileData: r }), s.dispatch(
+        s.state.tr.replaceWith(y, y, g).setMeta(Re, h)
       );
     },
     () => {
-      let r = { type: "remove", id: s };
-      l.dispatch(a.setMeta(Be, r));
+      let r = { type: "remove", id: l };
+      s.dispatch(a.setMeta(Re, r));
     }
   );
 };
-var L, Qe, ge, Ne, et, tt, ze, nt, he;
-class vo extends zt {
+var I, et, he, ze, tt, nt, We, ot, fe;
+class ko extends Vt {
   constructor(o) {
     super();
-    He(this, L);
-    $e(this, "config", {
+    Be(this, I);
+    He(this, "config", {
       selector: null,
       toolbarGroups: ["left", "center", "right"],
       role: "editor",
       pagination: !1,
-      icons: { ...q },
+      icons: { ...G },
       mode: "docx",
       excludeItems: [],
       groups: null,
-      editor: null
+      editor: null,
+      aiApiKey: null
     });
-    He(this, ge, {
+    Be(this, he, {
       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", d = window.matchMedia("(max-width: 834px)").matches;
+        i && d ? (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 }) => {
-        O(this, L, he).call(this, { item: o, argument: n }, () => {
+        W(this, I, fe).call(this, { item: o, argument: n }, () => {
           this.activeEditor?.commands.setFieldAnnotationsFontSize(n, !0);
         });
       },
       setFontFamily: ({ item: o, argument: n }) => {
-        O(this, L, he).call(this, { item: o, argument: n }, () => {
+        W(this, I, fe).call(this, { item: o, argument: n }, () => {
           this.activeEditor?.commands.setFieldAnnotationsFontFamily(n, !0);
         });
       },
       setColor: ({ item: o, argument: n }) => {
-        O(this, L, he).call(this, { item: o, argument: n });
+        W(this, I, fe).call(this, { item: o, argument: n });
       },
       setHighlight: ({ item: o, argument: n }) => {
-        O(this, L, he).call(this, { item: o, argument: n });
+        W(this, I, fe).call(this, { item: o, argument: n });
       },
       toggleRuler: ({ item: o, argument: n }) => {
         this.superdoc.toggleRuler();
       },
       startImageUpload: async ({ item: o, argument: n }) => {
-        let i = await Kn()();
-        i?.file && Jn({
+        let i = await Yn()();
+        i?.file && to({
           editor: this.activeEditor,
           view: this.activeEditor.view,
           file: i.file
@@ -1506,13 +1552,13 @@ class vo extends zt {
       },
       increaseTextIndent: ({ item: o, argument: n }) => {
         let e = o.command, { state: i } = this.activeEditor;
-        if (je((s) => s.type.name === "listItem")(i.selection))
+        if (Ue((l) => l.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 (je((s) => s.type.name === "listItem")(i.selection))
+        if (Ue((l) => l.type.name === "listItem")(i.selection))
           return this.activeEditor.commands.decreaseListIndent();
         e in this.activeEditor.commands && this.activeEditor.commands[e](n);
       },
@@ -1532,15 +1578,15 @@ class vo extends zt {
         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, s = new Ke(i.state.doc.resolve(c)), a = i.state.tr.setSelection(s), d = i.state.apply(a);
-          i.updateState(d), setTimeout(() => {
+          const { view: i } = this.activeEditor, d = i.state.selection.$to.pos, l = new Xe(i.state.doc.resolve(d)), a = i.state.tr.setSelection(l), c = i.state.apply(a);
+          i.updateState(c), setTimeout(() => {
             i.focus();
           }, 100);
         }
         this.updateToolbarState();
       },
       insertTable: ({ item: o, argument: n }) => {
-        O(this, L, he).call(this, { item: o, argument: n });
+        W(this, I, fe).call(this, { item: o, argument: n });
       },
       executeTableCommand: ({ item: o, argument: n }) => {
         if (!n) return;
@@ -1548,26 +1594,26 @@ class vo extends zt {
         e in this.activeEditor.commands && this.activeEditor.commands[e](n), this.updateToolbarState();
       }
     });
-    $e(this, "onToolbarResize", () => {
-      O(this, L, Ne).call(this, this, this.config.icons, this.isDev), this.role === "viewer" && O(this, L, ze).call(this);
+    He(this, "onToolbarResize", () => {
+      W(this, I, ze).call(this, this, this.config.icons, this.isDev), this.role === "viewer" && W(this, I, We).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 = {
-      ...q,
+      ...G,
       ...o.icons
-    }, !this.config.selector && this.config.element && (this.config.selector = this.config.element), O(this, L, Qe).call(this), O(this, L, Ne).call(this, this, this.config.icons, o.isDev);
+    }, !this.config.selector && this.config.element && (this.config.selector = this.config.element), W(this, I, et).call(this), W(this, I, ze).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 = $t(Ot), this.app.directive("click-outside", St), this.app.config.globalProperties.$toolbar = this, n && (this.toolbar = this.app.mount(n)), this.activeEditor = o.editor || null, this.updateToolbarState();
+    this.app = Bt(zt), this.app.directive("click-outside", Tt), 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");
-    Ee(this, ge).setZoom({ item: e, argument: o });
+    Se(this, he).setZoom({ item: e, argument: o });
   }
   /**
    * The toolbar expects an active Super Editor instance.
@@ -1584,18 +1630,18 @@ class vo extends zt {
    * @param {Object} marks
    */
   updateToolbarState() {
-    if (O(this, L, nt).call(this), O(this, L, et).call(this), O(this, L, tt).call(this), !this.activeEditor || this.documentMode === "viewing") {
-      O(this, L, ze).call(this);
+    if (W(this, I, ot).call(this), W(this, I, tt).call(this), W(this, I, nt).call(this), !this.activeEditor || this.documentMode === "viewing") {
+      W(this, I, We).call(this);
       return;
     }
-    const o = pt(this.activeEditor), n = ft(this.activeEditor.state);
+    const o = ht(this.activeEditor), n = gt(this.activeEditor.state);
     this.toolbarItems.forEach((e) => {
       if (e.resetDisabled(), e.name.value === "linkedStyles")
-        return this.activeEditor && !Ge(this.activeEditor).length ? e.deactivate() : e.activate();
-      const i = o.find((s) => s.name === e.name.value);
+        return this.activeEditor && !Ke(this.activeEditor).length ? e.deactivate() : e.activate();
+      const i = o.find((l) => l.name === e.name.value);
       i ? e.activate(i.attrs) : e.deactivate();
-      const c = o.find((s) => s.name === "spacing");
-      e.name.value === "lineHeight" && (i?.attrs?.lineHeight || c) && (e.selectedValue.value = i?.attrs?.lineHeight || c.attrs?.spacing?.line || ""), e.name.value === "tableActions" && (n ? e.disabled.value = !1 : e.disabled.value = !0);
+      const d = o.find((l) => l.name === "spacing");
+      e.name.value === "lineHeight" && (i?.attrs?.lineHeight || d) && (e.selectedValue.value = i?.attrs?.lineHeight || d.attrs?.spacing?.line || ""), e.name.value === "tableActions" && (n ? e.disabled.value = !1 : e.disabled.value = !0);
     });
   }
   /**
@@ -1613,8 +1659,8 @@ class vo extends zt {
   emitCommand({ item: o, argument: n }) {
     const { command: e } = o;
     if (e) {
-      if (this.log("(emmitCommand) Command:", e, o, n), e in Ee(this, ge))
-        return Ee(this, ge)[e]({ item: o, argument: n });
+      if (this.log("(emmitCommand) Command:", e, o, n), e in Se(this, he))
+        return Se(this, he)[e]({ item: o, argument: n });
       if (e in this.activeEditor?.commands)
         this.activeEditor.commands[e](n), this.updateToolbarState();
       else
@@ -1622,78 +1668,78 @@ class vo extends zt {
     }
   }
 }
-L = new WeakSet(), Qe = function() {
+I = new WeakSet(), et = function() {
   this.config.groups && !Array.isArray(this.config.groups) && Object.keys(this.config.groups).length && (this.config.toolbarGroups = Object.keys(this.config.groups));
-}, ge = new WeakMap(), Ne = function(o, n, e = !1) {
-  const i = document.documentElement.clientWidth, { defaultItems: c, overflowItems: s } = qn(o, e, i, this.role, n);
+}, he = new WeakMap(), ze = function(o, n, e = !1) {
+  const i = document.documentElement.clientWidth, { defaultItems: d, overflowItems: l } = Xn(o, e, i, this.role, n);
   let a = [
-    ...c.map((u) => u.name.value),
-    ...s.map((u) => u.name.value)
+    ...d.map((u) => u.name.value),
+    ...l.map((u) => u.name.value)
   ];
   this.config.groups && (a = Object.values(this.config.groups).flatMap((u) => u));
-  const d = c.filter((u) => a.includes(u.name.value)).filter((u) => !this.config.excludeItems.includes(u.name.value));
-  this.toolbarItems = d, this.overflowItems = s.filter((u) => a.includes(u.name.value));
-}, et = function() {
+  const c = d.filter((u) => a.includes(u.name.value)).filter((u) => !this.config.excludeItems.includes(u.name.value));
+  this.toolbarItems = c, this.overflowItems = l.filter((u) => a.includes(u.name.value));
+}, tt = 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((d) => d.name.value === "fontSize");
   e && (e.defaultLabel.value = n);
-  const i = this.toolbarItems.find((c) => c.name.value === "fontFamily");
+  const i = this.toolbarItems.find((d) => d.name.value === "fontFamily");
   i && (i.defaultLabel.value = o);
-}, tt = function() {
+}, nt = function() {
   if (!this.activeEditor || !this.activeEditor.converter || !this.activeEditor.converter.docHiglightColors.size) return;
-  const o = this.toolbarItems.find((s) => s.name.value === "highlight"), n = Mn(), e = 7, i = Array.from(this.activeEditor.converter.docHiglightColors).reduce((s, a, d) => {
-    const u = Math.floor(d / e);
-    return s[u] || (s[u] = []), n.includes(a) || s[u].push(f(a)), s;
-  }, []), c = {
+  const o = this.toolbarItems.find((l) => l.name.value === "highlight"), n = Hn(), e = 7, i = Array.from(this.activeEditor.converter.docHiglightColors).reduce((l, a, c) => {
+    const u = Math.floor(c / e);
+    return l[u] || (l[u] = []), n.includes(a) || l[u].push(f(a)), l;
+  }, []), d = {
     key: "color",
     type: "render",
-    render: () => Oe(this, o, i)
+    render: () => Ne(this, o, i)
   };
-  o.nestedOptions.value = [c];
-}, ze = function() {
+  o.nestedOptions.value = [d];
+}, We = function() {
   this.activeEditor = null, this.toolbarItems.forEach((o) => {
     const { allowWithoutEditor: n } = o;
     n.value || o.setDisabled(!0);
   });
-}, nt = function() {
-  this.activeEditor && (this.undoDepth = ht(this.activeEditor.state), this.redoDepth = gt(this.activeEditor.state));
-}, he = function({ item: o, argument: n }, e) {
+}, ot = function() {
+  this.activeEditor && (this.undoDepth = vt(this.activeEditor.state), this.redoDepth = yt(this.activeEditor.state));
+}, fe = function({ item: o, argument: n }, e) {
   if (!n || !this.activeEditor) return;
   let i = o.command;
   i in this.activeEditor?.commands && (this.activeEditor.commands[i](n), typeof e == "function" && e(n), this.updateToolbarState());
 };
-function Qn(t, l) {
-  if (!t.value || !l?.value?.options?.scale) return;
-  const o = l.value.options.scale, n = t.value.getBoundingClientRect(), e = t.value.querySelectorAll(".pagination-break-wrapper");
+function no(t, s) {
+  if (!t.value || !s?.value?.options?.scale) return;
+  const o = s.value.options.scale, n = t.value.getBoundingClientRect(), e = t.value.querySelectorAll(".pagination-break-wrapper");
   let i;
-  e.forEach((c) => {
-    const a = (c.getBoundingClientRect().left - n.left) / o * -1 + 1;
+  e.forEach((d) => {
+    const a = (d.getBoundingClientRect().left - n.left) / o * -1 + 1;
     if (i || (i = a), a !== i) {
-      const d = a - i;
-      c.style.transform = `translateX(${d}px)`;
+      const c = a - i;
+      d.style.transform = `translateX(${c}px)`;
     }
   });
 }
-const eo = (t, l) => {
-  const o = t.clientY, n = t.clientX, { view: e } = l, i = e.dom.getBoundingClientRect();
-  let c = {
+const oo = (t, s) => {
+  const o = t.clientY, n = t.clientX, { view: e } = s, i = e.dom.getBoundingClientRect();
+  let d = {
     left: 0,
     top: o
-  }, s = !1;
-  n > i.right ? (c.left = i.left + i.width - 1, s = !0) : n < i.left && (c.left = i.left);
-  const a = e.posAtCoords(c)?.pos;
+  }, l = !1;
+  n > i.right ? (d.left = i.left + i.width - 1, l = !0) : n < i.left && (d.left = i.left);
+  const a = e.posAtCoords(d)?.pos;
   if (a) {
-    let d = a;
-    if (s) {
-      const b = e.state.doc.resolve(a).textOffset, h = e.state.doc.nodeAt(a), _ = h?.text?.charAt(b);
-      d = h?.isText && _ !== " " ? a - 1 : a;
+    let c = a;
+    if (l) {
+      const b = e.state.doc.resolve(a).textOffset, y = e.state.doc.nodeAt(a), E = y?.text?.charAt(b);
+      c = y?.isText && E !== " " ? a - 1 : a;
     }
     const u = e.state.tr.setSelection(
-      Ke.create(e.state.doc, d)
+      Xe.create(e.state.doc, c)
     );
     e.dispatch(u), e.focus();
   }
-}, to = { class: "numbering" }, Se = 200, no = "flex-end", oo = {
+}, io = { class: "numbering" }, Ae = 200, so = "flex-end", lo = {
   __name: "Ruler",
   props: {
     orientation: {
@@ -1710,27 +1756,27 @@ const eo = (t, l) => {
     }
   },
   emits: ["margin-change"],
-  setup(t, { emit: l }) {
-    const o = l, n = t, e = v(null), i = v([]), c = v("#CCCCCC"), s = v("#2563EB66"), a = v(null), d = v(null), u = v(!1), r = v(null), b = Ue({ side: "left", x: 0 }), h = Ue({ side: "right", x: 0 }), y = v(!1), _ = v(0);
+  setup(t, { emit: s }) {
+    const o = s, n = t, e = v(null), i = v([]), d = v("#CCCCCC"), l = v("#2563EB66"), a = v(null), c = v(null), u = v(!1), r = v(null), b = qe({ side: "left", x: 0 }), y = qe({ side: "right", x: 0 }), h = v(!1), E = v(0);
     let g = 0;
-    const M = () => {
+    const D = () => {
       if (n.editor.options.mode !== "docx") return;
-      const T = [], { pageMargins: I, pageSize: B } = n.editor.getPageStyles();
-      a.value = B, d.value = I, h.x = B.width * 96 - I.right * 96, b.x = I.left * 96;
-      for (let R = 0; R < B.width; R++) {
-        const K = `${5.5}px`, ue = B.width - R;
-        if (T.push(...D(1, "main", "20%", K, R)), T.push(...D(3, "eighth", "10%", K)), T.push(...D(1, "half", "40%", K)), ue <= 0.5) break;
-        T.push(...D(3, "eighth", "10%", K));
+      const T = [], { pageMargins: M, pageSize: H } = n.editor.getPageStyles();
+      a.value = H, c.value = M, y.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`, ae = 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)), ae <= 0.5) break;
+        T.push(...L(3, "eighth", "10%", Z));
       }
       return T;
-    }, D = (T, I, B, R, U) => Array.from({ length: T }, (K, ue) => {
-      const le = {
-        className: `${I}-unit ruler-section`,
-        height: B,
+    }, L = (T, M, H, R, X) => Array.from({ length: T }, (Z, ae) => {
+      const ue = {
+        className: `${M}-unit ruler-section`,
+        height: H,
         margin: R
       };
-      return U !== void 0 && (le.numbering = U), le;
-    }), p = W(() => (T) => ({
+      return X !== void 0 && (ue.numbering = X), ue;
+    }), p = j(() => (T) => ({
       width: "1px",
       minWidth: "1px",
       maxWidth: "1px",
@@ -1738,88 +1784,88 @@ const eo = (t, l) => {
       backgroundColor: T.color || "#666",
       marginLeft: T.numbering === 0 ? null : T.margin,
       marginRight: T.margin
-    })), C = W(() => (T) => ({
-      left: `${(T === "left" ? b : h).x}px`
-    })), A = W(() => {
+    })), C = j(() => (T) => ({
+      left: `${(T === "left" ? b : y).x}px`
+    })), F = j(() => {
       if (!e.value) return;
-      const B = e.value.parentElement.querySelector(".super-editor").getBoundingClientRect();
+      const H = e.value.parentElement.querySelector(".super-editor").getBoundingClientRect();
       return {
         left: `${r.value.x}px`,
-        minHeight: `${B.height}px`
+        minHeight: `${H.height}px`
       };
-    }), H = (T) => {
-      u.value = !0, ve();
-      const I = T.currentTarget.id;
-      r.value = I === "left-margin-handle" ? b : h, _.value = r.value.x, g = T.clientX - r.value.x, y.value = !0;
-    }, N = (T) => {
+    }), z = (T) => {
+      u.value = !0, ge();
+      const M = T.currentTarget.id;
+      r.value = M === "left-margin-handle" ? b : y, E.value = r.value.x, g = T.clientX - r.value.x, h.value = !0;
+    }, B = (T) => {
       if (!u.value) return;
-      const I = T.clientX - g;
-      r.value.x = I, r.value.side === "left" ? I <= 0 ? r.value.x = 0 : I >= h.x - Se && (r.value.x = h.x - Se) : I >= a.value.width * 96 ? r.value.x = a.value.width * 96 : I <= b.x + Se && (r.value.x = b.x + Se);
-    }, Q = () => {
-      if (u.value = !1, y.value = !1, ce(), r.value && r.value.x !== _.value) {
-        const T = de();
+      const M = T.clientX - g;
+      r.value.x = M, r.value.side === "left" ? M <= 0 ? r.value.x = 0 : M >= y.x - Ae && (r.value.x = y.x - Ae) : M >= a.value.width * 96 ? r.value.x = a.value.width * 96 : M <= b.x + Ae && (r.value.x = b.x + Ae);
+    }, q = () => {
+      if (u.value = !1, h.value = !1, ve(), r.value && r.value.x !== E.value) {
+        const T = ce();
         o("margin-change", {
           side: r.value.side,
           value: T
         });
       }
+    }, ge = () => {
+      d.value = l.value;
     }, ve = () => {
-      c.value = s.value;
-    }, ce = () => {
-      c.value = "#CCC";
-    }, de = () => r.value.side === "left" ? r.value.x / 96 : (a.value.width * 96 - r.value.x) / 96, se = W(() => ({
-      "--alignment": no,
-      "--ruler-handle-color": c.value,
-      "--ruler-handle-active-color": s.value
+      d.value = "#CCC";
+    }, ce = () => r.value.side === "left" ? r.value.x / 96 : (a.value.width * 96 - r.value.x) / 96, de = j(() => ({
+      "--alignment": so,
+      "--ruler-handle-color": d.value,
+      "--ruler-handle-active-color": l.value
     }));
-    return we(() => {
-      i.value = M(), window.addEventListener("mousemove", N), window.addEventListener("mouseup", Q);
-    }), Ht(() => {
-      window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", Q);
-    }), (T, I) => (k(), w("div", {
+    return ke(() => {
+      i.value = D(), window.addEventListener("mousemove", B), window.addEventListener("mouseup", q);
+    }), Rt(() => {
+      window.removeEventListener("mousemove", B), window.removeEventListener("mouseup", q);
+    }), (T, M) => (w(), k("div", {
       class: "ruler",
       ref_key: "ruler",
       ref: e,
-      style: Y(se.value)
+      style: J(de.value)
     }, [
-      E("div", {
+      x("div", {
         class: "margin-handle handle-left",
         id: "left-margin-handle",
-        onMousedown: H,
-        style: Y(C.value("left"))
+        onMousedown: z,
+        style: J(C.value("left"))
       }, null, 36),
-      E("div", {
+      x("div", {
         class: "margin-handle handle-right",
         id: "right-margin-handle",
-        onMousedown: H,
-        style: Y(C.value("right"))
+        onMousedown: z,
+        style: J(C.value("right"))
       }, null, 36),
-      y.value ? (k(), w("div", {
+      h.value ? (w(), k("div", {
         key: 0,
         class: "vertical-indicator",
-        style: Y(A.value)
+        style: J(F.value)
       }, null, 4)) : ne("", !0),
-      (k(!0), w(j, null, J(i.value, (B) => (k(), w("div", {
-        class: oe(B.className),
-        style: Y(p.value(B))
+      (w(!0), k(U, null, Q(i.value, (H) => (w(), k("div", {
+        class: oe(H.className),
+        style: J(p.value(H))
       }, [
-        E("div", to, ie(B.numbering), 1),
-        (k(!0), w(j, null, J(B.elements, (R) => (k(), w("div", {
+        x("div", io, ie(H.numbering), 1),
+        (w(!0), k(U, null, Q(H.elements, (R) => (w(), k("div", {
           class: oe(R.className),
-          style: Y(p.value(R))
+          style: J(p.value(R))
         }, [
-          (k(!0), w(j, null, J(R.elements, (U) => (k(), w("div", {
-            class: oe(U.className),
-            style: Y(p.value(U))
+          (w(!0), k(U, null, Q(R.elements, (X) => (w(), k("div", {
+            class: oe(X.className),
+            style: J(p.value(X))
           }, null, 6))), 256))
         ], 6))), 256))
       ], 6))), 256))
     ], 4));
   }
-}, io = /* @__PURE__ */ G(oo, [["__scopeId", "data-v-ad77036c"]]), so = { class: "super-editor-container" }, lo = {
+}, ao = /* @__PURE__ */ K(lo, [["__scopeId", "data-v-ad77036c"]]), ro = { class: "super-editor-container" }, co = {
   key: 1,
   class: "placeholder-editor"
-}, ao = { class: "placeholder-title" }, ro = {
+}, uo = { class: "placeholder-title" }, mo = {
   __name: "SuperEditor",
   props: {
     documentId: {
@@ -1848,156 +1894,156 @@ const eo = (t, l) => {
     "comments-loaded",
     "selection-update"
   ],
-  setup(t, { emit: l }) {
-    const o = l, n = t, e = v(!1), i = Xe(null), c = v(null), s = v(null);
+  setup(t, { emit: s }) {
+    const o = s, n = t, e = v(!1), i = Ze(null), d = v(null), l = v(null);
     let a;
-    const d = () => {
+    const c = () => {
       clearTimeout(a);
-    }, u = (p, C = 10, A = 500) => {
-      const H = p.getMap("meta"), N = () => {
-        const Q = H.get("docx");
-        Q ? (d(), y({ content: Q })) : C > 0 ? (console.debug(`Waiting for 'docx' data... retries left: ${C}`), a = setTimeout(N, A), C--) : console.warn("Failed to load docx data from meta map.");
+    }, u = (p, C = 10, F = 500) => {
+      const z = p.getMap("meta"), B = () => {
+        const q = z.get("docx");
+        q ? (c(), h({ content: q })) : C > 0 ? (console.debug(`Waiting for 'docx' data... retries left: ${C}`), a = setTimeout(B, F), C--) : console.warn("Failed to load docx data from meta map.");
       };
-      N();
+      B();
     }, r = async () => {
       try {
-        const [p, C, A, H] = await Re.loadXmlData(n.fileSource);
-        return { content: p, media: C, mediaFiles: A, fonts: H };
+        const [p, C, F, z] = await Oe.loadXmlData(n.fileSource);
+        return { content: p, media: C, mediaFiles: F, fonts: z };
       } catch (p) {
         console.debug("Error loading new file data:", p);
       }
     }, b = async () => {
       if (n.fileSource) {
         const p = await r();
-        return y(p);
+        return h(p);
       } else if (n.options.ydoc && n.options.collaborationProvider) {
         delete n.options.content;
-        const p = n.options.ydoc, C = n.options.collaborationProvider, A = () => {
-          u(p), C.off("synced", A);
+        const p = n.options.ydoc, C = n.options.collaborationProvider, F = () => {
+          u(p), C.off("synced", F);
         };
-        C.on("synced", A);
+        C.on("synced", F);
       }
-    }, h = () => {
-      const p = vt();
+    }, y = () => {
+      const p = bt();
       return n.options.pagination ? p : p.filter((C) => C.name !== "pagination");
-    }, y = async ({ content: p, media: C = {}, mediaFiles: A = {}, fonts: H = {} } = {}) => {
-      i.value = new Re({
+    }, h = async ({ content: p, media: C = {}, mediaFiles: F = {}, fonts: z = {} } = {}) => {
+      i.value = new Oe({
         mode: "docx",
-        element: s.value,
+        element: l.value,
         fileSource: n.fileSource,
-        extensions: h(),
+        extensions: y(),
         externalExtensions: n.options.externalExtensions,
         documentId: n.documentId,
         content: p,
         media: C,
-        mediaFiles: A,
-        fonts: H,
+        mediaFiles: F,
+        fonts: z,
         ...n.options
       }), i.value.on("paginationUpdate", () => {
-        Qn(s, i);
+        no(l, i);
       }), i.value.on("collaborationReady", () => {
         setTimeout(() => {
           e.value = !0;
         }, 150);
       });
-    }, _ = (p) => {
+    }, E = (p) => {
       o("editor-keydown", { editor: i.value });
     }, g = (p) => {
       o("editor-click", { editor: i.value });
-      let C = s.value?.querySelector(".ProseMirror");
+      let C = l.value?.querySelector(".ProseMirror");
       if (!C || !i.value)
         return;
       !C.contains(p.target) && i.value.isEditable && i.value.view?.focus();
     };
-    we(() => {
+    ke(() => {
       b(), (n.options?.suppressSkeletonLoader || !n.options?.collaborationProvider) && (e.value = !0);
     });
-    const M = (p) => {
-      p.target.classList.contains("ProseMirror") || eo(p, i.value);
-    }, D = ({ side: p, value: C }) => {
+    const D = (p) => {
+      p.target.classList.contains("ProseMirror") || oo(p, i.value);
+    }, L = ({ side: p, value: C }) => {
       if (!i.value) return;
-      const A = i.value.getPageStyles(), { pageMargins: H } = A, N = { ...H, [p]: C };
-      i.value?.updatePageStyle({ pageMargins: N });
+      const F = i.value.getPageStyles(), { pageMargins: z } = F, B = { ...z, [p]: C };
+      i.value?.updatePageStyle({ pageMargins: B });
     };
-    return Ze(() => {
-      d(), i.value?.destroy(), i.value = null;
-    }), (p, C) => (k(), w("div", so, [
-      t.options.rulers && i.value ? (k(), Bt(io, {
+    return Ye(() => {
+      c(), i.value?.destroy(), i.value = null;
+    }), (p, C) => (w(), k("div", ro, [
+      t.options.rulers && i.value ? (w(), Ot(ao, {
         key: 0,
         class: "ruler",
         editor: i.value,
-        onMarginChange: D
+        onMarginChange: L
       }, null, 8, ["editor"])) : ne("", !0),
-      E("div", {
+      x("div", {
         class: "super-editor",
         ref_key: "editorWrapper",
-        ref: c,
-        onKeydown: _,
+        ref: d,
+        onKeydown: E,
         onClick: g,
-        onMousedown: M
+        onMousedown: D
       }, [
-        E("div", {
+        x("div", {
           ref_key: "editorElem",
-          ref: s,
+          ref: l,
           class: "editor-element super-editor__element"
         }, null, 512)
       ], 544),
-      e.value ? ne("", !0) : (k(), w("div", lo, [
-        E("div", ao, [
-          V($(Z), {
+      e.value ? ne("", !0) : (w(), k("div", co, [
+        x("div", uo, [
+          V($(Y), {
             text: "",
             style: { width: "60%" }
           })
         ]),
-        V($(Z), {
+        V($(Y), {
           text: "",
           repeat: 6
         }),
-        V($(Z), {
+        V($(Y), {
           text: "",
           style: { width: "60%" }
         }),
-        V($(Z), {
+        V($(Y), {
           text: "",
           repeat: 6,
           style: { width: "30%", display: "block", margin: "20px" }
         }),
-        V($(Z), {
+        V($(Y), {
           text: "",
           style: { width: "60%" }
         }),
-        V($(Z), {
+        V($(Y), {
           text: "",
           repeat: 5
         }),
-        V($(Z), {
+        V($(Y), {
           text: "",
           style: { width: "30%" }
         }),
-        V($(Z), {
+        V($(Y), {
           text: "",
           style: { "margin-top": "50px" }
         }),
-        V($(Z), {
+        V($(Y), {
           text: "",
           repeat: 6
         }),
-        V($(Z), {
+        V($(Y), {
           text: "",
           style: { width: "70%" }
         })
       ]))
     ]));
   }
-}, yo = /* @__PURE__ */ G(ro, [["__scopeId", "data-v-ff8f86f4"]]), bo = {
+}, Co = /* @__PURE__ */ K(mo, [["__scopeId", "data-v-ff8f86f4"]]), _o = {
   __name: "BasicUpload",
   emits: ["file-change"],
-  setup(t, { emit: l }) {
-    const o = l, n = (e) => {
+  setup(t, { emit: s }) {
+    const o = s, n = (e) => {
       o("file-change", e.target.files[0]);
     };
-    return (e, i) => (k(), w("div", null, [
-      E("input", {
+    return (e, i) => (w(), k("div", null, [
+      x("input", {
         type: "file",
         id: "fileInput",
         onChange: n,
@@ -2005,7 +2051,7 @@ const eo = (t, l) => {
       }, null, 32)
     ]));
   }
-}, co = ["innerHTML"], uo = {
+}, po = ["innerHTML"], fo = {
   __name: "SuperInput",
   props: {
     modelValue: {
@@ -2028,74 +2074,75 @@ const eo = (t, l) => {
     }
   },
   emits: ["update:modelValue", "focus", "blur"],
-  setup(t, { emit: l }) {
-    const o = l, n = t, e = Xe(), i = v(null), c = v(!1), s = ({ editor: h, transaction: y }) => {
-      const _ = h.getHTML();
-      o("update:modelValue", _);
-    }, a = ({ editor: h, transaction: y }) => {
-      c.value = !0, b(), o("focus", { editor: h, transaction: y });
-    }, d = ({ editor: h, transaction: y }) => {
-      c.value = !1, o("blur", { editor: h, transaction: y });
+  setup(t, { emit: s }) {
+    const o = s, n = t, e = Ze(), i = v(null), d = v(!1), l = ({ editor: y, transaction: h }) => {
+      const E = y.getHTML();
+      o("update:modelValue", E);
+    }, a = ({ editor: y, transaction: h }) => {
+      d.value = !0, b(), o("focus", { editor: y, transaction: h });
+    }, c = ({ editor: y, transaction: h }) => {
+      d.value = !1, o("blur", { editor: y, transaction: h });
     }, u = async () => {
-      yt.options.placeholder = n.placeholder || "Type something...", n.options.onTransaction = s, n.options.onFocus = a, n.options.onBlur = d, e.value = new Re({
+      wt.options.placeholder = n.placeholder || "Type something...", n.options.onTransaction = l, n.options.onFocus = a, n.options.onBlur = c, e.value = new Oe({
         mode: "text",
         content: document.getElementById("currentContent"),
         element: i.value,
-        extensions: bt(),
+        extensions: kt(),
         users: n.users,
         ...n.options
       });
     }, r = () => {
-      c.value = !0, e.value?.view?.focus();
+      d.value = !0, e.value?.view?.focus();
     }, b = () => {
       e.value?.setOptions({ users: n.users });
     };
-    return we(() => {
+    return ke(() => {
       u();
-    }), Ze(() => {
+    }), Ye(() => {
       e.value?.destroy(), e.value = null;
-    }), (h, y) => (k(), w("div", {
-      class: oe(["super-editor super-input", { "super-input-active": c.value }]),
-      onClick: ke(r, ["stop", "prevent"])
+    }), (y, h) => (w(), k("div", {
+      class: oe(["super-editor super-input", { "super-input-active": d.value }]),
+      onClick: we(r, ["stop", "prevent"])
     }, [
-      E("div", {
+      x("div", {
         id: "currentContent",
         style: { display: "none" },
         innerHTML: t.modelValue
-      }, null, 8, co),
-      E("div", {
+      }, null, 8, po),
+      x("div", {
         ref_key: "editorElem",
         ref: i,
         class: "editor-element super-editor__element"
       }, null, 512)
     ], 2));
   }
-}, ko = /* @__PURE__ */ G(uo, [["__scopeId", "data-v-4d5cff52"]]), wo = {
-  Node: _t,
-  Attribute: Ct,
-  Extension: wt,
-  Plugin: Tt,
-  Mark: kt
+}, xo = /* @__PURE__ */ K(fo, [["__scopeId", "data-v-4d5cff52"]]), Eo = {
+  Node: Et,
+  Attribute: xt,
+  Extension: _t,
+  Plugin: Ft,
+  Mark: Ct
 };
 export {
-  bo as BasicUpload,
-  xo as CommentsPluginKey,
-  Do as DocxZipper,
-  Re as Editor,
-  wo as Extensions,
-  Lo as SuperConverter,
-  yo as SuperEditor,
-  ko as SuperInput,
-  vo as SuperToolbar,
-  Ot as Toolbar,
-  Eo as TrackChangesBasePluginKey,
-  Ho as createZip,
-  So as fieldAnnotationHelpers,
-  pt as getActiveFormatting,
-  Yn as getAllowedImageDimensions,
-  To as getMarksFromSelection,
-  bt as getRichTextExtensions,
-  vt as getStarterExtensions,
-  Ao as helpers,
-  Fo as trackChangesHelpers
+  Wt as AIWriter,
+  _o as BasicUpload,
+  To as CommentsPluginKey,
+  Ro as DocxZipper,
+  Oe as Editor,
+  Eo as Extensions,
+  Ho as SuperConverter,
+  Co as SuperEditor,
+  xo as SuperInput,
+  ko as SuperToolbar,
+  zt as Toolbar,
+  Fo as TrackChangesBasePluginKey,
+  No as createZip,
+  Io as fieldAnnotationHelpers,
+  ht as getActiveFormatting,
+  eo as getAllowedImageDimensions,
+  Lo as getMarksFromSelection,
+  kt as getRichTextExtensions,
+  bt as getStarterExtensions,
+  Mo as helpers,
+  Do as trackChangesHelpers
 };