@harbour-enterprises/superdoc 0.12.0-RC1 → 0.12.0-RC2

package/dist/super-editor/chunks/{toolbar-DgpDtH5C.js → toolbar-DEvjPuNj.js}

@@ -1,6 +1,6 @@
 import { computed as _, createElementBlock as ie, openBlock as q, createElementVNode as Ot, createCommentVNode as he, normalizeClass as en, normalizeStyle as Tt, ref as R, unref as W, createBlock as Ge, toDisplayString as Xn, withDirectives as ft, withKeys as Hr, withModifiers as jr, vModelText as Wr, getCurrentInstance as Lt, createVNode as ct, readonly as tn, watch as we, onMounted as Ke, onBeforeUnmount as Be, reactive as Us, onBeforeMount as fr, inject as te, onActivated as Gs, onDeactivated as oi, createTextVNode as ht, Fragment as _e, Comment as hr, defineComponent as ee, provide as Se, h as A, Teleport as Xs, toRef as se, nextTick as ii, renderSlot as qs, isVNode as Ys, shallowRef as Zs, watchEffect as pt, mergeProps as gt, Transition as nn, vShow as Js, cloneVNode as Qs, Text as el, renderList as tl, withCtx as xt } from "vue";
-import { p as rn } from "./converter-B_CnsyBe.js";
-import { _ as mt, g as kt } from "./editor-D_W26AM3.js";
+import { x as rn } from "./converter-D1a6grDV.js";
+import { _ as mt, g as kt } from "./editor-BY7pz5xQ.js";
 const I0 = (e, t) => {
   let n = e.replace(/[^0-9.]/g, "");
   return n = parseFloat(n), isNaN(n) && (n = t), n = parseFloat(n), n;
@@ -157,8 +157,8 @@ const I0 = (e, t) => {
       minWidth: f,
       style: b,
       attributes: v
-    } = r.toolbarItem, u = R(r.defaultLabel), $ = R(null), F = () => {
-      m && ($.value?.focus(), $.value?.select()), n("buttonClick");
+    } = r.toolbarItem, u = R(r.defaultLabel), C = R(null), F = () => {
+      m && (C.value?.focus(), C.value?.select()), n("buttonClick");
     }, y = () => {
       n("textSubmit", u.value), u.value = "";
     }, E = _(() => b.value ? b.value : {
@@ -195,7 +195,7 @@ const I0 = (e, t) => {
             id: "inlineTextInput-" + W(o),
             autoccomplete: "off",
             ref_key: "inlineInput",
-            ref: $
+            ref: C
           }, null, 40, Zl)), [
             [Wr, u.value]
           ]) : ft((q(), ie("input", {
@@ -208,7 +208,7 @@ const I0 = (e, t) => {
             id: "inlineTextInput-" + W(o),
             autoccomplete: "off",
             ref_key: "inlineInput",
-            ref: $
+            ref: C
           }, null, 40, Jl)), [
             [Wr, u.value]
           ])
@@ -299,8 +299,8 @@ function ca(e) {
       after(u) {
         u.bem.b = b, u.bem.els = v;
       },
-      $({ context: u, props: $ }) {
-        return f = typeof f == "string" ? f : f({ context: u, props: $ }), u.bem.b = f, `${$?.bPrefix || t}${u.bem.b}`;
+      $({ context: u, props: C }) {
+        return f = typeof f == "string" ? f : f({ context: u, props: C }), u.bem.b = f, `${C?.bPrefix || t}${u.bem.b}`;
       }
     };
   }
@@ -314,7 +314,7 @@ function ca(e) {
         v.bem.els = b;
       },
       $({ context: v, props: u }) {
-        return f = typeof f == "string" ? f : f({ context: v, props: u }), v.bem.els = f.split(",").map(($) => $.trim()), v.bem.els.map(($) => `${u?.bPrefix || t}${v.bem.b}${n}${$}`).join(", ");
+        return f = typeof f == "string" ? f : f({ context: v, props: u }), v.bem.els = f.split(",").map((C) => C.trim()), v.bem.els.map((C) => `${u?.bPrefix || t}${v.bem.b}${n}${C}`).join(", ");
       }
     };
   }
@@ -323,16 +323,16 @@ function ca(e) {
       $({ context: b, props: v }) {
         f = typeof f == "string" ? f : f({ context: b, props: v });
         const u = f.split(",").map((y) => y.trim());
-        function $(y) {
+        function C(y) {
           return u.map((E) => `&${v?.bPrefix || t}${b.bem.b}${y !== void 0 ? `${n}${y}` : ""}${r}${E}`).join(", ");
         }
         const F = b.bem.els;
         if (F !== null) {
           if (rn.env.NODE_ENV !== "production" && F.length >= 2)
             throw Error(`[css-render/plugin-bem]: m(${f}) is invalid, using modifier inside multiple elements is not allowed`);
-          return $(F[0]);
+          return C(F[0]);
         } else
-          return $();
+          return C();
       }
     };
   }
@@ -1152,7 +1152,7 @@ function Qa() {
   function u(g) {
     return h[g] === void 0 && (h[g] = /* @__PURE__ */ new Set(), window.addEventListener(g, b)), h[g];
   }
-  function $(g, w) {
+  function C(g, w) {
     let z = g.get(w);
     return z === void 0 && g.set(w, z = /* @__PURE__ */ new Set()), z;
   }
@@ -1175,7 +1175,7 @@ function Qa() {
       L(g, w, N, S), z(P);
     } : N = z, Za(g, w, N, S))
       return;
-    const k = S === !0 || typeof S == "object" && S.capture === !0 ? "capture" : "bubble", O = v(k, g), x = $(O, w);
+    const k = S === !0 || typeof S == "object" && S.capture === !0 ? "capture" : "bubble", O = v(k, g), x = C(O, w);
     if (x.has(N) || x.add(N), w === window) {
       const P = u(g);
       P.has(N) || P.add(N);
@@ -1184,7 +1184,7 @@ function Qa() {
   function L(g, w, z, S) {
     if (Ja(g, w, z, S))
       return;
-    const M = S === !0 || typeof S == "object" && S.capture === !0, k = M ? "capture" : "bubble", O = v(k, g), x = $(O, w);
+    const M = S === !0 || typeof S == "object" && S.capture === !0, k = M ? "capture" : "bubble", O = v(k, g), x = C(O, w);
     if (w === window && !F(w, M ? "bubble" : "capture", g, z) && y(g, z)) {
       const T = h[g];
       T.delete(z), T.size === 0 && (window.removeEventListener(g, b), h[g] = void 0);
@@ -1509,8 +1509,8 @@ const $i = ee({
       let u = r.value;
       for (; u = Ci(u), u !== null; )
         i.push(u);
-      for (const $ of i)
-        oe("scroll", $, h, !0);
+      for (const C of i)
+        oe("scroll", C, h, !0);
     }, l = () => {
       for (const u of i)
         J("scroll", u, h, !0);
@@ -1783,8 +1783,8 @@ function Ac(e, t, n, r, o, i) {
   };
   const d = (m, f, b) => {
     let v = 0, u = 0;
-    const $ = n[m] - t[f] - t[m];
-    return $ > 0 && r && (b ? u = lo[f] ? $ : -$ : v = lo[f] ? $ : -$), {
+    const C = n[m] - t[f] - t[m];
+    return C > 0 && r && (b ? u = lo[f] ? C : -C : v = lo[f] ? C : -C), {
       left: v,
       top: u
     };
@@ -2062,10 +2062,10 @@ const Bc = Wt([
         return;
       const m = t.targetRef, { x: f, y: b, overlap: v } = e, u = f !== void 0 && b !== void 0 ? pc(f, b) : On(m);
       p.style.setProperty("--v-target-width", `${Math.round(u.width)}px`), p.style.setProperty("--v-target-height", `${Math.round(u.height)}px`);
-      const { width: $, minWidth: F, placement: y, internalShift: E, flip: L } = e;
+      const { width: C, minWidth: F, placement: y, internalShift: E, flip: L } = e;
       p.setAttribute("v-placement", y), v ? p.setAttribute("v-overlap", "") : p.removeAttribute("v-overlap");
       const { style: g } = p;
-      $ === "target" ? g.width = `${u.width}px` : $ !== void 0 ? g.width = $ : g.width = "", F === "target" ? g.minWidth = `${u.width}px` : F !== void 0 ? g.minWidth = F : g.minWidth = "";
+      C === "target" ? g.width = `${u.width}px` : C !== void 0 ? g.width = C : g.width = "", F === "target" ? g.minWidth = `${u.width}px` : F !== void 0 ? g.minWidth = F : g.minWidth = "";
       const w = On(p), z = On(o.value), { left: S, top: N, placement: M } = Ac(y, u, w, E, L, v), k = Mc(M, v), { left: O, top: x, transform: P } = Tc(M, z, u, N, S, v);
       p.setAttribute("v-placement", M), p.style.setProperty("--v-offset-left", `${Math.round(S)}px`), p.style.setProperty("--v-offset-top", `${Math.round(N)}px`), p.style.transform = `translateX(${O}) translateY(${x}) ${P}`, p.style.setProperty("--v-transform-origin", k), p.style.transformOrigin = k;
     };
@@ -2214,7 +2214,7 @@ var Je = function(e) {
     return Vt.get(e);
   if (Mi(e))
     return Vt.set(e, ho), ho;
-  var n = getComputedStyle(e), r = gr(e) && e.ownerSVGElement && e.getBBox(), o = !kc && n.boxSizing === "border-box", i = Rc.test(n.writingMode || ""), s = !r && fo.test(n.overflowY || ""), l = !r && fo.test(n.overflowX || ""), a = r ? 0 : Ce(n.paddingTop), c = r ? 0 : Ce(n.paddingRight), d = r ? 0 : Ce(n.paddingBottom), h = r ? 0 : Ce(n.paddingLeft), p = r ? 0 : Ce(n.borderTopWidth), m = r ? 0 : Ce(n.borderRightWidth), f = r ? 0 : Ce(n.borderBottomWidth), b = r ? 0 : Ce(n.borderLeftWidth), v = h + c, u = a + d, $ = b + m, F = p + f, y = l ? e.offsetHeight - F - e.clientHeight : 0, E = s ? e.offsetWidth - $ - e.clientWidth : 0, L = o ? v + $ : 0, g = o ? u + F : 0, w = r ? r.width : Ce(n.width) - L - E, z = r ? r.height : Ce(n.height) - g - y, S = w + v + E + $, N = z + u + y + F, M = Je({
+  var n = getComputedStyle(e), r = gr(e) && e.ownerSVGElement && e.getBBox(), o = !kc && n.boxSizing === "border-box", i = Rc.test(n.writingMode || ""), s = !r && fo.test(n.overflowY || ""), l = !r && fo.test(n.overflowX || ""), a = r ? 0 : Ce(n.paddingTop), c = r ? 0 : Ce(n.paddingRight), d = r ? 0 : Ce(n.paddingBottom), h = r ? 0 : Ce(n.paddingLeft), p = r ? 0 : Ce(n.borderTopWidth), m = r ? 0 : Ce(n.borderRightWidth), f = r ? 0 : Ce(n.borderBottomWidth), b = r ? 0 : Ce(n.borderLeftWidth), v = h + c, u = a + d, C = b + m, F = p + f, y = l ? e.offsetHeight - F - e.clientHeight : 0, E = s ? e.offsetWidth - C - e.clientWidth : 0, L = o ? v + C : 0, g = o ? u + F : 0, w = r ? r.width : Ce(n.width) - L - E, z = r ? r.height : Ce(n.height) - g - y, S = w + v + E + C, N = z + u + y + F, M = Je({
     devicePixelContentBoxSize: dt(Math.round(w * devicePixelRatio), Math.round(z * devicePixelRatio), i),
     borderBoxSize: dt(S, N, i),
     contentBoxSize: dt(w, z, i),
@@ -2580,17 +2580,17 @@ const tu = ee({
     }
     function p() {
       var v;
-      if (e.disabled || (document.removeEventListener("focus", c, !0), St = St.filter(($) => $ !== t), l()))
+      if (e.disabled || (document.removeEventListener("focus", c, !0), St = St.filter((C) => C !== t), l()))
         return;
       const { finalFocusTo: u } = e;
       u !== void 0 ? (v = io(u)) === null || v === void 0 || v.focus({ preventScroll: !0 }) : e.returnFocusOnDeactivated && s instanceof HTMLElement && (i = !0, s.focus({ preventScroll: !0 }), i = !1);
     }
     function m(v) {
       if (l() && e.active) {
-        const u = n.value, $ = r.value;
-        if (u !== null && $ !== null) {
+        const u = n.value, C = r.value;
+        if (u !== null && C !== null) {
           const F = d();
-          if (F == null || F === $) {
+          if (F == null || F === C) {
             i = !0, u.focus({ preventScroll: !0 }), i = !1;
             return;
           }
@@ -2784,10 +2784,10 @@ function yn(e, t, n, r) {
     } = r;
     b && (p += `-${Zn(JSON.stringify(b))}`), v && (p += `-${Zn(JSON.stringify(v))}`), l.value = p, c = () => {
       const u = n.value;
-      let $ = "";
+      let C = "";
       for (const F in u)
-        $ += `${F}: ${u[F]};`;
-      H(`.${p}`, $).mount({
+        C += `${F}: ${u[F]};`;
+      H(`.${p}`, C).mount({
         id: p,
         ssr: a,
         parent: s
@@ -3437,9 +3437,9 @@ function es(e, t, n, r, o, i) {
       break;
     }
     if (m) {
-      if (!s2(t, function(u, $) {
-        if (!l2(m, $) && (f === u || o(f, u, n, r, i)))
-          return m.push($);
+      if (!s2(t, function(u, C) {
+        if (!l2(m, C) && (f === u || o(f, u, n, r, i)))
+          return m.push(C);
       })) {
         p = !1;
         break;
@@ -3516,10 +3516,10 @@ function M2(e, t, n, r, o, i) {
   i.set(e, t), i.set(t, e);
   for (var v = s; ++h < a; ) {
     p = l[h];
-    var u = e[p], $ = t[p];
+    var u = e[p], C = t[p];
     if (r)
-      var F = s ? r($, u, p, t, e, i) : r(u, $, p, e, t, i);
-    if (!(F === void 0 ? u === $ || o(u, $, n, r, i) : F)) {
+      var F = s ? r(C, u, p, t, e, i) : r(u, C, p, e, t, i);
+    if (!(F === void 0 ? u === C || o(u, C, n, r, i) : F)) {
       b = !1;
       break;
     }
@@ -3829,7 +3829,7 @@ function pe(e, t, n, r, o, i) {
     } = m, {
       common: u = void 0,
       [e]: {
-        common: $ = void 0,
+        common: C = void 0,
         self: F = void 0,
         peers: y = {}
       } = {}
@@ -3839,7 +3839,7 @@ function pe(e, t, n, r, o, i) {
     } = l?.mergedThemeOverridesRef.value || {}, {
       common: g,
       peers: w = {}
-    } = L, z = qt({}, d || $ || u || r.common, E, g, b), S = qt(
+    } = L, z = qt({}, d || C || u || r.common, E, g, b), S = qt(
       // {}, executed every time, no need for empty obj
       (c = h || F || r.self) === null || c === void 0 ? void 0 : c(z),
       f,
@@ -4190,29 +4190,29 @@ const ph = {
       mergedClsPrefixRef: t,
       inlineThemeDisabled: n,
       mergedRtlRef: r
-    } = bt(e), o = rh("Scrollbar", r, t), i = R(null), s = R(null), l = R(null), a = R(null), c = R(null), d = R(null), h = R(null), p = R(null), m = R(null), f = R(null), b = R(null), v = R(0), u = R(0), $ = R(!1), F = R(!1);
+    } = bt(e), o = rh("Scrollbar", r, t), i = R(null), s = R(null), l = R(null), a = R(null), c = R(null), d = R(null), h = R(null), p = R(null), m = R(null), f = R(null), b = R(null), v = R(0), u = R(0), C = R(!1), F = R(!1);
     let y = !1, E = !1, L, g, w = 0, z = 0, S = 0, N = 0;
     const M = lc(), k = pe("Scrollbar", "-scrollbar", vh, ph, e, t), O = _(() => {
       const {
-        value: C
+        value: $
       } = p, {
         value: B
       } = d, {
         value: D
       } = f;
-      return C === null || B === null || D === null ? 0 : Math.min(C, D * C / B + Jr(k.value.self.width) * 1.5);
+      return $ === null || B === null || D === null ? 0 : Math.min($, D * $ / B + Jr(k.value.self.width) * 1.5);
     }), x = _(() => `${O.value}px`), P = _(() => {
       const {
-        value: C
+        value: $
       } = m, {
         value: B
       } = h, {
         value: D
       } = b;
-      return C === null || B === null || D === null ? 0 : D * C / B + Jr(k.value.self.height) * 1.5;
+      return $ === null || B === null || D === null ? 0 : D * $ / B + Jr(k.value.self.height) * 1.5;
     }), T = _(() => `${P.value}px`), j = _(() => {
       const {
-        value: C
+        value: $
       } = p, {
         value: B
       } = v, {
@@ -4220,15 +4220,15 @@ const ph = {
       } = d, {
         value: G
       } = f;
-      if (C === null || D === null || G === null)
+      if ($ === null || D === null || G === null)
         return 0;
       {
-        const ne = D - C;
+        const ne = D - $;
         return ne ? B / ne * (G - O.value) : 0;
       }
     }), V = _(() => `${j.value}px`), U = _(() => {
       const {
-        value: C
+        value: $
       } = m, {
         value: B
       } = u, {
@@ -4236,50 +4236,50 @@ const ph = {
       } = h, {
         value: G
       } = b;
-      if (C === null || D === null || G === null)
+      if ($ === null || D === null || G === null)
         return 0;
       {
-        const ne = D - C;
+        const ne = D - $;
         return ne ? B / ne * (G - P.value) : 0;
       }
     }), ue = _(() => `${U.value}px`), ge = _(() => {
       const {
-        value: C
+        value: $
       } = p, {
         value: B
       } = d;
-      return C !== null && B !== null && B > C;
+      return $ !== null && B !== null && B > $;
     }), Rt = _(() => {
       const {
-        value: C
+        value: $
       } = m, {
         value: B
       } = h;
-      return C !== null && B !== null && B > C;
+      return $ !== null && B !== null && B > $;
     }), En = _(() => {
       const {
-        trigger: C
+        trigger: $
       } = e;
-      return C === "none" || $.value;
+      return $ === "none" || C.value;
     }), An = _(() => {
       const {
-        trigger: C
+        trigger: $
       } = e;
-      return C === "none" || F.value;
+      return $ === "none" || F.value;
     }), Ae = _(() => {
       const {
-        container: C
+        container: $
       } = e;
-      return C ? C() : s.value;
+      return $ ? $() : s.value;
     }), Y = _(() => {
       const {
-        content: C
+        content: $
       } = e;
-      return C ? C() : l.value;
-    }), Ir = (C, B) => {
+      return $ ? $() : l.value;
+    }), Ir = ($, B) => {
       if (!e.scrollable) return;
-      if (typeof C == "number") {
-        ot(C, B ?? 0, 0, !1, "auto");
+      if (typeof $ == "number") {
+        ot($, B ?? 0, 0, !1, "auto");
         return;
       }
       const {
@@ -4291,7 +4291,7 @@ const ph = {
         behavior: Z,
         el: me,
         debounce: Le = !0
-      } = C;
+      } = $;
       (D !== void 0 || G !== void 0) && ot(D ?? 0, G ?? 0, 0, !1, Z), me !== void 0 ? ot(0, me.offsetTop, me.offsetHeight, Le, Z) : ne !== void 0 && de !== void 0 ? ot(0, ne * de, de, Le, Z) : xe === "bottom" ? ot(0, Number.MAX_SAFE_INTEGER, 0, !1, Z) : xe === "top" && ot(0, 0, 0, !1, Z);
     }, Or = hc(() => {
       e.container || Ir({
@@ -4300,20 +4300,20 @@ const ph = {
       });
     }), gs = () => {
       Or.isDeactivated || Ue();
-    }, ms = (C) => {
+    }, ms = ($) => {
       if (Or.isDeactivated) return;
       const {
         onResize: B
       } = e;
-      B && B(C), Ue();
-    }, bs = (C, B) => {
+      B && B($), Ue();
+    }, bs = ($, B) => {
       if (!e.scrollable) return;
       const {
         value: D
       } = Ae;
-      D && (typeof C == "object" ? D.scrollBy(C) : D.scrollBy(C, B || 0));
+      D && (typeof $ == "object" ? D.scrollBy($) : D.scrollBy($, B || 0));
     };
-    function ot(C, B, D, G, ne) {
+    function ot($, B, D, G, ne) {
       const {
         value: de
       } = Ae;
@@ -4325,7 +4325,7 @@ const ph = {
           } = de;
           if (B > xe) {
             B + D <= xe + Z || de.scrollTo({
-              left: C,
+              left: $,
               top: B + D - Z,
               behavior: ne
             });
@@ -4333,7 +4333,7 @@ const ph = {
           }
         }
         de.scrollTo({
-          left: C,
+          left: $,
           top: B,
           behavior: ne
         });
@@ -4355,32 +4355,32 @@ const ph = {
     }
     function Ss() {
       L !== void 0 && window.clearTimeout(L), L = window.setTimeout(() => {
-        $.value = !1;
+        C.value = !1;
       }, e.duration);
     }
     function Cs() {
-      L !== void 0 && window.clearTimeout(L), $.value = !0;
+      L !== void 0 && window.clearTimeout(L), C.value = !0;
     }
     function $s() {
       g !== void 0 && window.clearTimeout(g), F.value = !0;
     }
-    function zs(C) {
+    function zs($) {
       const {
         onScroll: B
       } = e;
-      B && B(C), Lr();
+      B && B($), Lr();
     }
     function Lr() {
       const {
-        value: C
+        value: $
       } = Ae;
-      C && (v.value = C.scrollTop, u.value = C.scrollLeft * (o?.value ? -1 : 1));
+      $ && (v.value = $.scrollTop, u.value = $.scrollLeft * (o?.value ? -1 : 1));
     }
     function Fs() {
       const {
-        value: C
+        value: $
       } = Y;
-      C && (d.value = C.offsetHeight, h.value = C.offsetWidth);
+      $ && (d.value = $.offsetHeight, h.value = $.offsetWidth);
       const {
         value: B
       } = Ae;
@@ -4394,9 +4394,9 @@ const ph = {
     }
     function Pr() {
       const {
-        value: C
+        value: $
       } = Ae;
-      C && (v.value = C.scrollTop, u.value = C.scrollLeft * (o?.value ? -1 : 1), p.value = C.offsetHeight, m.value = C.offsetWidth, d.value = C.scrollHeight, h.value = C.scrollWidth);
+      $ && (v.value = $.scrollTop, u.value = $.scrollLeft * (o?.value ? -1 : 1), p.value = $.offsetHeight, m.value = $.offsetWidth, d.value = $.scrollHeight, h.value = $.scrollWidth);
       const {
         value: B
       } = c, {
@@ -4407,14 +4407,14 @@ const ph = {
     function Ue() {
       e.scrollable && (e.useUnifiedContainer ? Pr() : (Fs(), Lr()));
     }
-    function Rr(C) {
+    function Rr($) {
       var B;
-      return !(!((B = i.value) === null || B === void 0) && B.contains(sn(C)));
+      return !(!((B = i.value) === null || B === void 0) && B.contains(sn($)));
     }
-    function Es(C) {
-      C.preventDefault(), C.stopPropagation(), E = !0, oe("mousemove", window, kr, !0), oe("mouseup", window, Dr, !0), z = u.value, S = o?.value ? window.innerWidth - C.clientX : C.clientX;
+    function Es($) {
+      $.preventDefault(), $.stopPropagation(), E = !0, oe("mousemove", window, kr, !0), oe("mouseup", window, Dr, !0), z = u.value, S = o?.value ? window.innerWidth - $.clientX : $.clientX;
     }
-    function kr(C) {
+    function kr($) {
       if (!E) return;
       L !== void 0 && window.clearTimeout(L), g !== void 0 && window.clearTimeout(g);
       const {
@@ -4425,7 +4425,7 @@ const ph = {
         value: G
       } = P;
       if (B === null || D === null) return;
-      const de = (o?.value ? window.innerWidth - C.clientX - S : C.clientX - S) * (D - B) / (B - G), xe = D - B;
+      const de = (o?.value ? window.innerWidth - $.clientX - S : $.clientX - S) * (D - B) / (B - G), xe = D - B;
       let Z = z + de;
       Z = Math.min(xe, Z), Z = Math.max(Z, 0);
       const {
@@ -4439,13 +4439,13 @@ const ph = {
         Le && Le(Z);
       }
     }
-    function Dr(C) {
-      C.preventDefault(), C.stopPropagation(), J("mousemove", window, kr, !0), J("mouseup", window, Dr, !0), E = !1, Ue(), Rr(C) && Mn();
+    function Dr($) {
+      $.preventDefault(), $.stopPropagation(), J("mousemove", window, kr, !0), J("mouseup", window, Dr, !0), E = !1, Ue(), Rr($) && Mn();
     }
-    function As(C) {
-      C.preventDefault(), C.stopPropagation(), y = !0, oe("mousemove", window, Tn, !0), oe("mouseup", window, Bn, !0), w = v.value, N = C.clientY;
+    function As($) {
+      $.preventDefault(), $.stopPropagation(), y = !0, oe("mousemove", window, Tn, !0), oe("mouseup", window, Bn, !0), w = v.value, N = $.clientY;
     }
-    function Tn(C) {
+    function Tn($) {
       if (!y) return;
       L !== void 0 && window.clearTimeout(L), g !== void 0 && window.clearTimeout(g);
       const {
@@ -4456,7 +4456,7 @@ const ph = {
         value: G
       } = O;
       if (B === null || D === null) return;
-      const de = (C.clientY - N) * (D - B) / (B - G), xe = D - B;
+      const de = ($.clientY - N) * (D - B) / (B - G), xe = D - B;
       let Z = w + de;
       Z = Math.min(xe, Z), Z = Math.max(Z, 0);
       const {
@@ -4464,12 +4464,12 @@ const ph = {
       } = Ae;
       me && (me.scrollTop = Z);
     }
-    function Bn(C) {
-      C.preventDefault(), C.stopPropagation(), J("mousemove", window, Tn, !0), J("mouseup", window, Bn, !0), y = !1, Ue(), Rr(C) && Mn();
+    function Bn($) {
+      $.preventDefault(), $.stopPropagation(), J("mousemove", window, Tn, !0), J("mouseup", window, Bn, !0), y = !1, Ue(), Rr($) && Mn();
     }
     pt(() => {
       const {
-        value: C
+        value: $
       } = Rt, {
         value: B
       } = ge, {
@@ -4479,7 +4479,7 @@ const ph = {
       } = c, {
         value: ne
       } = a;
-      G && (C ? G.classList.remove(`${D}-scrollbar-rail--disabled`) : G.classList.add(`${D}-scrollbar-rail--disabled`)), ne && (B ? ne.classList.remove(`${D}-scrollbar-rail--disabled`) : ne.classList.add(`${D}-scrollbar-rail--disabled`));
+      G && ($ ? G.classList.remove(`${D}-scrollbar-rail--disabled`) : G.classList.add(`${D}-scrollbar-rail--disabled`)), ne && (B ? ne.classList.remove(`${D}-scrollbar-rail--disabled`) : ne.classList.add(`${D}-scrollbar-rail--disabled`));
     }), Ke(() => {
       e.container || Ue();
     }), Be(() => {
@@ -4488,7 +4488,7 @@ const ph = {
     const Nr = _(() => {
       const {
         common: {
-          cubicBezierEaseInOut: C
+          cubicBezierEaseInOut: $
         },
         self: {
           color: B,
@@ -4524,7 +4524,7 @@ const ph = {
         left: Vs
       } = zt(o?.value ? So(Le) : Le);
       return {
-        "--n-scrollbar-bezier": C,
+        "--n-scrollbar-bezier": $,
         "--n-scrollbar-color": B,
         "--n-scrollbar-color-hover": D,
         "--n-scrollbar-border-radius": de,
@@ -4786,7 +4786,7 @@ function Un(e, t) {
   o !== void 0 ? h = Ih(o, n, t, c) : r !== void 0 ? h = Bh(r, n, t, c) : h = vn(n, t, c, !1);
   const p = a === "parent", m = a === "child" || l, f = h, b = /* @__PURE__ */ new Set(), v = Math.max.apply(null, Array.from(d.keys()));
   for (let u = v; u >= 0; u -= 1) {
-    const $ = u === 0, F = d.get(u);
+    const C = u === 0, F = d.get(u);
     for (const y of F) {
       if (y.isLeaf)
         continue;
@@ -4810,7 +4810,7 @@ function Un(e, t) {
       }
       g && !z ? (p && y.children.forEach((S) => {
         !S.disabled && f.has(S.key) && f.delete(S.key);
-      }), f.add(E)) : w && b.add(E), $ && m && f.has(E) && f.delete(E);
+      }), f.add(E)) : w && b.add(E), C && m && f.has(E) && f.delete(E);
     }
   }
   return {
@@ -5017,7 +5017,7 @@ function jh(e, t = {}) {
     const E = f(y);
     return E ? E.getParent() : null;
   }
-  function $(y) {
+  function C(y) {
     const E = f(y);
     return E ? E.getChild() : null;
   }
@@ -5034,7 +5034,7 @@ function jh(e, t = {}) {
     getPrev: b,
     getNext: v,
     getParent: u,
-    getChild: $,
+    getChild: C,
     getFirstAvailableNode() {
       return Lh(p);
     },
@@ -5439,7 +5439,7 @@ const Gh = ee({
     function u(g) {
       e.trigger === "hover" && e.keepAliveOnHover && e.show && a.handleMouseEnter(g);
     }
-    function $(g) {
+    function C(g) {
       e.trigger === "hover" && e.keepAliveOnHover && a.handleMouseLeave(g);
     }
     function F(g) {
@@ -5468,7 +5468,7 @@ const Gh = ee({
           c,
           f.value,
           u,
-          $
+          C
         );
       else {
         const {
@@ -5516,7 +5516,7 @@ const Gh = ee({
           style: f.value,
           onKeydown: a.handleKeydown,
           onMouseenter: u,
-          onMouseleave: $
+          onMouseleave: C
         }, n), M ? A(tu, {
           active: e.show,
           autoFocus: !0
@@ -5717,7 +5717,7 @@ const zn = {
       } = p;
       x && (window.clearTimeout(x), p.value = null);
     }
-    function $() {
+    function C() {
       const {
         value: x
       } = m;
@@ -5740,7 +5740,7 @@ const zn = {
     function E() {
       const x = l();
       if (e.trigger === "hover" && !x) {
-        if ($(), p.value !== null || a()) return;
+        if (C(), p.value !== null || a()) return;
         const P = () => {
           b(!0), p.value = null;
         }, {
@@ -5766,17 +5766,17 @@ const zn = {
     }
     function w(x) {
       var P;
-      a() && (e.trigger === "click" && (u(), $(), b(!1)), (P = e.onClickoutside) === null || P === void 0 || P.call(e, x));
+      a() && (e.trigger === "click" && (u(), C(), b(!1)), (P = e.onClickoutside) === null || P === void 0 || P.call(e, x));
     }
     function z() {
       if (e.trigger === "click" && !l()) {
-        u(), $();
+        u(), C();
         const x = !a();
         b(x);
       }
     }
     function S(x) {
-      e.internalTrapFocus && x.key === "Escape" && (u(), $(), b(!1));
+      e.internalTrapFocus && x.key === "Escape" && (u(), C(), b(!1));
     }
     function N(x) {
       o.value = x;
@@ -6304,7 +6304,7 @@ const ps = ee({
       renderOptionRef: m,
       nodePropsRef: f,
       menuPropsRef: b
-    } = t, v = te(ri, null), u = te(_r), $ = te(mn), F = _(() => e.tmNode.rawNode), y = _(() => {
+    } = t, v = te(ri, null), u = te(_r), C = te(mn), F = _(() => e.tmNode.rawNode), y = _(() => {
       const {
         value: T
       } = p;
@@ -6380,7 +6380,7 @@ const ps = ee({
       siblingHasIcon: u.showIconRef,
       siblingHasSubmenu: u.hasSubmenuRef,
       menuProps: b,
-      popoverBody: $,
+      popoverBody: C,
       animated: l,
       mergedShowSubmenu: _(() => w.value && !z.value),
       rawNode: F,
@@ -6438,8 +6438,8 @@ const ps = ee({
     } = this;
     let f = null;
     if (o) {
-      const $ = (e = this.menuProps) === null || e === void 0 ? void 0 : e.call(this, r, r.children);
-      f = A(vs, Object.assign({}, $, {
+      const C = (e = this.menuProps) === null || e === void 0 ? void 0 : e.call(this, r, r.children);
+      f = A(vs, Object.assign({}, C, {
         clsPrefix: i,
         scrollable: this.scrollable,
         tmNodes: this.tmNode.children,
@@ -6867,7 +6867,7 @@ const ps = ee({
           prevent: !0,
           handler: g
         },
-        Escape: $
+        Escape: C
       }
     }, h);
     const {
@@ -6910,7 +6910,7 @@ const ps = ee({
     function u() {
       i.value = null, s.value = null, l.value = null;
     }
-    function $() {
+    function C() {
       v(!1);
     }
     function F() {
@@ -7157,14 +7157,14 @@ const x0 = {
           width: b,
           height: v,
           size: u,
-          text: $,
+          text: C,
           animated: F
         } = e;
         u !== void 0 && (h = l[Re("height", u)]);
         const y = p ? (r = b ?? v) !== null && r !== void 0 ? r : h : b, E = (o = p ? b ?? v : v) !== null && o !== void 0 ? o : h;
         return {
-          display: $ ? "inline-block" : "",
-          verticalAlign: $ ? "-0.125em" : "",
+          display: C ? "inline-block" : "",
+          verticalAlign: C ? "-0.125em" : "",
           borderRadius: p ? "50%" : f ? "4096px" : m ? "" : d,
           width: typeof y == "number" ? Qr(y) : y,
           height: typeof E == "number" ? Qr(E) : E,
@@ -7221,20 +7221,20 @@ const x0 = {
         flexGrow: i ? 0 : 1,
         justifyContent: "center"
       }
-    }, l = _(() => s[r.position] || s.default), a = (u) => u.type === "button", c = (u) => u.type === "dropdown", d = (u) => u.type === "separator", h = (u) => u.type === "overflow", p = (u, $ = null) => {
-      o.value = u, o.value.expand = !0, !u.disabled.value && n("command", { item: u, argument: $ });
-    }, m = (u, $) => {
-      u.disabled.value || (o.value = null, n("command", { item: u, argument: $ }));
+    }, l = _(() => s[r.position] || s.default), a = (u) => u.type === "button", c = (u) => u.type === "dropdown", d = (u) => u.type === "separator", h = (u) => u.type === "overflow", p = (u, C = null) => {
+      o.value = u, o.value.expand = !0, !u.disabled.value && n("command", { item: u, argument: C });
+    }, m = (u, C) => {
+      u.disabled.value || (o.value = null, n("command", { item: u, argument: C }));
     }, f = () => {
       o.value && (o.value.expand = !1, o.value = null);
-    }, b = (u, $) => {
+    }, b = (u, C) => {
       f();
-      const F = u.dropdownValueKey.value ? $[u.dropdownValueKey.value] : $.label;
-      n("command", { item: u, argument: F });
+      const F = u.dropdownValueKey.value ? C[u.dropdownValueKey.value] : C.label;
+      n("command", { item: u, argument: F, option: C });
     }, v = (u) => {
       f();
     };
-    return (u, $) => (q(), ie("div", {
+    return (u, C) => (q(), ie("div", {
       style: Tt(l.value),
       class: "button-group"
     }, [
@@ -7311,7 +7311,7 @@ const x0 = {
       ], 2))), 128))
     ], 4));
   }
-}, Qt = /* @__PURE__ */ mt(E0, [["__scopeId", "data-v-7a2db351"]]), A0 = {
+}, Qt = /* @__PURE__ */ mt(E0, [["__scopeId", "data-v-01872c2d"]]), A0 = {
   __name: "Toolbar",
   emits: ["command", "toggle", "select"],
   setup(e, { emit: t }) {
@@ -7331,8 +7331,8 @@ const x0 = {
       }
     }, d = nl(async () => {
       await n.$toolbar.onToolbarResize(), r.value += 1;
-    }, 300), h = ({ item: p, argument: m }) => {
-      n.$toolbar.emitCommand({ item: p, argument: m });
+    }, 300), h = ({ item: p, argument: m, option: f }) => {
+      n.$toolbar.emitCommand({ item: p, argument: m, option: f });
     };
     return (p, m) => (q(), ie("div", {
       class: "superdoc-toolbar",
@@ -7360,7 +7360,7 @@ const x0 = {
       }, null, 8, ["toolbar-items"])) : he("", !0)
     ]));
   }
-}, P0 = /* @__PURE__ */ mt(A0, [["__scopeId", "data-v-ac3df73e"]]);
+}, P0 = /* @__PURE__ */ mt(A0, [["__scopeId", "data-v-abd0fb95"]]);
 export {
   L0 as N,
   P0 as T,