vue-data-ui 3.15.12 → 3.16.1

package/dist/{UserOptions-CrLqEimB.js → UserOptions-rW2fRf3V.js}

@@ -1,11 +1,11 @@
-import { ref as A, computed as Q, onMounted as ce, onBeforeUnmount as ye, watch as me, nextTick as p, withDirectives as $e, openBlock as n, createElementBlock as i, normalizeStyle as r, createElementVNode as V, withKeys as he, withModifiers as _, renderSlot as b, normalizeProps as S, guardReactiveProps as Ce, createVNode as we, normalizeClass as g, Fragment as C, createBlock as v, toDisplayString as c, createCommentVNode as a, mergeProps as I, unref as Pe } from "vue";
-import { v as Re } from "./vClickOutside-C6WiFswA.js";
-import f from "./BaseIcon-CNx8Tzl5.js";
-import Me from "./img-BYYzY_QU.js";
+import { ref as A, computed as p, onMounted as ye, onBeforeUnmount as me, watch as $e, nextTick as _, withDirectives as he, openBlock as n, createElementBlock as i, normalizeStyle as r, createElementVNode as V, withKeys as Ce, withModifiers as ee, renderSlot as b, normalizeProps as S, guardReactiveProps as we, createVNode as Pe, normalizeClass as g, Fragment as C, createBlock as v, toDisplayString as c, createCommentVNode as a, mergeProps as I, unref as Me } from "vue";
+import { v as De } from "./vClickOutside-C6WiFswA.js";
+import f from "./BaseIcon-Cb3zzG6s.js";
+import Ae from "./img-LXxMLmCg.js";
 import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ze = {
   beforeMount(e, w) {
-    const Z = () => typeof w.value == "function" ? {
+    const X = () => typeof w.value == "function" ? {
       handler: w.value,
       targets: [e],
       disabled: !1,
@@ -17,48 +17,48 @@ const Ze = {
       disabled: !!w.value?.disabled,
       scrollGuardMs: w.value?.scrollGuardMs ?? 250,
       moveThreshold: w.value?.moveThreshold ?? 10
-    }, u = {
+    }, s = {
       lastScrollTs: 0,
       pointerId: null,
       startX: 0,
       startY: 0,
       moved: !1
     }, y = () => {
-      u.lastScrollTs = performance.now();
-    }, O = ($) => {
-      u.pointerId = $.pointerId ?? null, u.startX = $.clientX ?? 0, u.startY = $.clientY ?? 0, u.moved = !1;
+      s.lastScrollTs = performance.now();
+    }, E = ($) => {
+      s.pointerId = $.pointerId ?? null, s.startX = $.clientX ?? 0, s.startY = $.clientY ?? 0, s.moved = !1;
     }, B = ($) => {
-      if (u.pointerId === null || ($.pointerId ?? null) !== u.pointerId) return;
-      const T = ($.clientX ?? 0) - u.startX, E = ($.clientY ?? 0) - u.startY, { moveThreshold: F } = Z();
-      T * T + E * E >= F * F && (u.moved = !0);
+      if (s.pointerId === null || ($.pointerId ?? null) !== s.pointerId) return;
+      const T = ($.clientX ?? 0) - s.startX, O = ($.clientY ?? 0) - s.startY, { moveThreshold: F } = X();
+      T * T + O * O >= F * F && (s.moved = !0);
     }, m = ($) => {
-      u.pointerId !== null && ($.pointerId ?? null) === u.pointerId && (u.pointerId = null);
+      s.pointerId !== null && ($.pointerId ?? null) === s.pointerId && (s.pointerId = null);
     }, k = ($, T) => {
-      const E = $.composedPath ? $.composedPath() : [];
+      const O = $.composedPath ? $.composedPath() : [];
       for (const F of T) {
         const P = F && typeof F == "object" && "value" in F ? F.value : F;
-        if (P && (P === $.target || P.contains && P.contains($.target) || E.length && E.includes(P)))
+        if (P && (P === $.target || P.contains && P.contains($.target) || O.length && O.includes(P)))
           return !0;
       }
       return !1;
     }, h = ($) => {
-      const { handler: T, targets: E, disabled: F, scrollGuardMs: P } = Z();
-      if (F || typeof T != "function" || performance.now() - u.lastScrollTs < P || u.moved) return;
-      k($, E) || T($);
+      const { handler: T, targets: O, disabled: F, scrollGuardMs: P } = X();
+      if (F || typeof T != "function" || performance.now() - s.lastScrollTs < P || s.moved) return;
+      k($, O) || T($);
     };
     e.__vPopoverClickOutside__ = {
       onScrollCapture: y,
-      onPointerDownCapture: O,
+      onPointerDownCapture: E,
       onPointerMoveCapture: B,
       onPointerUpCapture: m,
       onClickCapture: h
-    }, window.addEventListener("scroll", y, !0), document.addEventListener("pointerdown", O, !0), document.addEventListener("pointermove", B, !0), document.addEventListener("pointerup", m, !0), document.addEventListener("click", h, !0);
+    }, window.addEventListener("scroll", y, !0), document.addEventListener("pointerdown", E, !0), document.addEventListener("pointermove", B, !0), document.addEventListener("pointerup", m, !0), document.addEventListener("click", h, !0);
   },
   unmounted(e) {
     const w = e.__vPopoverClickOutside__;
     w && (window.removeEventListener("scroll", w.onScrollCapture, !0), document.removeEventListener("pointerdown", w.onPointerDownCapture, !0), document.removeEventListener("pointermove", w.onPointerMoveCapture, !0), document.removeEventListener("pointerup", w.onPointerUpCapture, !0), document.removeEventListener("click", w.onClickCapture, !0), delete e.__vPopoverClickOutside__);
   }
-}, De = ["title", "onKeydown"], Ne = ["popover", "data-open"], Ue = ["title"], je = ["data-open"], Ge = {
+}, Ne = ["title", "onKeydown"], Ue = ["popover", "data-open"], Ke = ["title"], je = ["data-open"], Ge = {
   __name: "UserOptions",
   props: {
     hasPdf: {
@@ -230,35 +230,35 @@ const Ze = {
     "toggleZoom",
     "copyAlt"
   ],
-  setup(e, { expose: w, emit: Z }) {
-    const u = e, y = Z, O = A(null), B = A(null), m = A(null), k = A(!1), h = Q(() => typeof window < "u" && typeof HTMLElement < "u" && "popover" in HTMLElement.prototype);
+  setup(e, { expose: w, emit: X }) {
+    const s = e, y = X, E = A(null), B = A(null), m = A(null), k = A(!1), h = p(() => typeof window < "u" && typeof HTMLElement < "u" && "popover" in HTMLElement.prototype);
     async function $() {
-      if (u.callbacks.pdf) {
-        const { imageUri: o, base64: t } = await Me({
-          domElement: u.chartElement,
+      if (s.callbacks.pdf) {
+        const { imageUri: o, base64: t } = await Ae({
+          domElement: s.chartElement,
           base64: !0,
           img: !0,
-          scale: u.printScale
+          scale: s.printScale
         });
-        u.callbacks.pdf({ domElement: u.chartElement, base64: t, imageUri: o });
+        s.callbacks.pdf({ domElement: s.chartElement, base64: t, imageUri: o });
       } else
         y("generatePdf");
     }
     function T() {
-      y("generateCsv", u.callbacks.csv);
+      y("generateCsv", s.callbacks.csv);
     }
-    async function E() {
-      if (u.callbacks.img) {
+    async function O() {
+      if (s.callbacks.img) {
         y("generateImage", { stage: "start" });
         try {
-          const { imageUri: o, base64: t } = await Me({
-            domElement: u.chartElement,
+          const { imageUri: o, base64: t } = await Ae({
+            domElement: s.chartElement,
             base64: !0,
             img: !0,
-            scale: u.printScale
+            scale: s.printScale
           });
           await Promise.resolve(
-            u.callbacks.img({ domElement: u.chartElement, imageUri: o, base64: t })
+            s.callbacks.img({ domElement: s.chartElement, imageUri: o, base64: t })
           );
         } finally {
           y("generateImage", { stage: "end" });
@@ -267,68 +267,68 @@ const Ze = {
         y("generateImage");
     }
     function F() {
-      y("generateSvg", { isCb: !!u.callbacks.svg });
+      y("generateSvg", { isCb: !!s.callbacks.svg });
     }
     const P = A(!1);
     function H() {
-      u.callbacks.table ? u.callbacks.table() : (P.value = !P.value, y("toggleTable"));
+      s.callbacks.table ? s.callbacks.table() : (P.value = !P.value, y("toggleTable"));
     }
-    function Ae(o) {
+    function Se(o) {
       P.value = o;
     }
     w({
-      setTableIconState: Ae
+      setTableIconState: Se
     });
-    const D = A(u.isLabelActive);
-    function ee() {
-      u.callbacks.labels ? u.callbacks.labels() : (D.value = !D.value, y("toggleLabels"));
+    const Z = A(s.isLabelActive);
+    function te() {
+      s.callbacks.labels ? s.callbacks.labels() : (Z.value = !Z.value, y("toggleLabels"));
     }
-    const x = A(u.isAnimation);
+    const x = A(s.isAnimation);
     function N() {
-      u.callbacks.animation ? u.callbacks.animation() : (x.value = !x.value, y("toggleAnimation"));
+      s.callbacks.animation ? s.callbacks.animation() : (x.value = !x.value, y("toggleAnimation"));
     }
-    const te = A(u.isZoom);
+    const oe = A(s.isZoom);
     function U() {
-      u.callbacks.zoom ? u.callbacks.zoom() : (te.value = !te.value, y("toggleZoom"));
+      s.callbacks.zoom ? s.callbacks.zoom() : (oe.value = !oe.value, y("toggleZoom"));
     }
-    const z = Q({
-      get: () => u.isAnnotation,
+    const z = p({
+      get: () => s.isAnnotation,
       set: (o) => o
     });
-    function X() {
-      u.callbacks.annotator ? u.callbacks.annotator() : (z.value = !z.value, y("toggleAnnotator"));
+    function D() {
+      s.callbacks.annotator ? s.callbacks.annotator() : (z.value = !z.value, y("toggleAnnotator"));
     }
-    function oe() {
-      u.callbacks.sort ? u.callbacks.sort() : y("toggleSort");
+    function ne() {
+      s.callbacks.sort ? s.callbacks.sort() : y("toggleSort");
     }
     function W() {
       y("copyAlt");
     }
-    const R = A(u.isStacked);
-    function ne() {
-      u.callbacks.stack ? u.callbacks.stack() : (R.value = !R.value, y("toggleStack"));
-    }
-    const j = A(u.isTooltip);
+    const R = A(s.isStacked);
     function le() {
-      u.callbacks.tooltip ? u.callbacks.tooltip() : (j.value = !j.value, y("toggleTooltip"));
+      s.callbacks.stack ? s.callbacks.stack() : (R.value = !R.value, y("toggleStack"));
     }
-    const Se = Q({
-      get: () => u.isFullscreen,
+    const K = A(s.isTooltip);
+    function ie() {
+      s.callbacks.tooltip ? s.callbacks.tooltip() : (K.value = !K.value, y("toggleTooltip"));
+    }
+    const Fe = p({
+      get: () => s.isFullscreen,
       set: (o) => y("toggleFullscreen", o)
     });
-    function G() {
-      if (!u.chartElement) return;
-      const o = !u.isFullscreen;
-      Se.value = o, o ? u.chartElement.requestFullscreen() : document.exitFullscreen();
+    function j() {
+      if (!s.chartElement) return;
+      const o = !s.isFullscreen;
+      Fe.value = o, o ? s.chartElement.requestFullscreen() : document.exitFullscreen();
     }
-    function ie() {
+    function ue() {
       const o = !!document.fullscreenElement;
       y("toggleFullscreen", o);
     }
-    ce(() => {
-      document.addEventListener("fullscreenchange", ie);
-    }), ye(() => {
-      document.removeEventListener("fullscreenchange", ie);
+    ye(() => {
+      document.addEventListener("fullscreenchange", ue);
+    }), me(() => {
+      document.removeEventListener("fullscreenchange", ue);
     });
     const d = A(window.innerWidth > 600), l = A({
       tooltip: !1,
@@ -345,89 +345,89 @@ const Ze = {
       svg: !1,
       zoom: !1,
       altCopy: !1
-    }), Fe = A(!0);
+    }), Ie = A(!0);
     function se() {
-      d.value = window.innerWidth > 600, k.value = !k.value, k.value && (Fe.value = !1);
-    }
-    function Ie() {
-      u.isPrinting || u.isImaging || (k.value = !1);
+      d.value = window.innerWidth > 600, k.value = !k.value, k.value && (Ie.value = !1);
     }
     function Le() {
-      k.value && Ie();
+      s.isPrinting || s.isImaging || (k.value = !1);
+    }
+    function Ee() {
+      k.value && Le();
     }
     const q = A(0);
-    function ue() {
+    function ae() {
       q.value = performance.now() + 50;
     }
-    function ae() {
-      u.isPrinting || u.isImaging || (h.value && J(), k.value = !1);
+    function J() {
+      s.isPrinting || s.isImaging || (h.value && Q(), k.value = !1);
     }
     function Te() {
-      performance.now() < q.value || ae();
+      performance.now() < q.value || J();
     }
     function re() {
       if (d.value = window.innerWidth > 600, !h.value) {
-        k.value || ue(), k.value = !k.value;
+        k.value || ae(), k.value = !k.value;
         return;
       }
       const o = m.value;
       if (!!(o && o.matches && o.matches(":popover-open")) || k.value) {
-        k.value = !1, J();
+        k.value = !1, Q();
         return;
       }
-      ue(), k.value = !0;
+      ae(), k.value = !0;
     }
-    function Ee() {
+    function Oe() {
       re();
     }
-    function fe(o, t, s, M) {
-      const L = window.devicePixelRatio || 1, K = (ze) => Math.round(ze * L) / L;
-      o.style.position = "fixed", o.style.top = `${K(t)}px`, o.style.left = `${K(s)}px`, o.style.right = "auto", o.style.width = `${K(M)}px`;
+    function fe(o, t, u, M) {
+      const L = window.devicePixelRatio || 1, Y = (Re) => Math.round(Re * L) / L;
+      o.style.position = "fixed", o.style.top = `${Y(t)}px`, o.style.left = `${Y(u)}px`, o.style.right = "auto", o.style.width = `${Y(M)}px`;
     }
-    function Oe(o) {
-      if (o.style.width = "", o.style.left = "", o.style.right = "", o.style.top = "", o.style.position = "absolute", o.style.top = "36px", u.position === "right") {
-        const t = u.offsetX ? u.offsetX : u.noOffset ? 0 : 4;
+    function Be(o) {
+      if (o.style.width = "", o.style.left = "", o.style.right = "", o.style.top = "", o.style.position = "absolute", o.style.top = "36px", s.position === "right") {
+        const t = s.offsetX ? s.offsetX : s.noOffset ? 0 : 4;
         o.style.right = `${t}px`, o.style.left = "auto";
       } else {
-        const t = u.noOffset ? 0 : 4;
+        const t = s.noOffset ? 0 : 4;
         o.style.left = `${t}px`, o.style.right = "auto";
       }
       o.style.display = "flex", o.style.visibility = "hidden", o.style.pointerEvents = "none";
     }
     function ve() {
-      if (!h.value || !k.value || !O.value || !m.value) return;
-      const o = O.value.getBoundingClientRect(), t = m.value.getBoundingClientRect(), s = o.top + 36;
-      if (u.position === "right") {
-        const M = u.offsetX ? u.offsetX : u.noOffset ? 0 : 4, L = o.right - M - t.width;
-        fe(m.value, s, L, t.width);
+      if (!h.value || !k.value || !E.value || !m.value) return;
+      const o = E.value.getBoundingClientRect(), t = m.value.getBoundingClientRect(), u = o.top + 38;
+      if (s.position === "right") {
+        const M = s.offsetX ? s.offsetX : s.noOffset ? 0 : 4, L = o.right - M - t.width;
+        fe(m.value, u, L, t.width);
       } else {
-        const M = u.noOffset ? 0 : 4, L = o.left + M;
-        fe(m.value, s, L, t.width);
+        const M = s.noOffset ? 0 : 4, L = o.left + M;
+        fe(m.value, u, L, t.width);
       }
     }
     let de = 0;
-    function Be() {
+    function xe() {
       cancelAnimationFrame(de), de = requestAnimationFrame(() => {
         ve();
       });
     }
-    function Y() {
-      h.value && k.value && Be();
+    function G() {
+      h.value && k.value && xe();
     }
-    function xe(o, t) {
-      const s = window.devicePixelRatio || 1, M = (L) => Math.round(L * s) / s;
+    function ze(o, t) {
+      const u = window.devicePixelRatio || 1, M = (L) => Math.round(L * u) / u;
       o.style.position = "fixed", o.style.top = `${M(t.top)}px`, o.style.left = `${M(t.left)}px`, o.style.right = "auto", o.style.width = `${M(t.width)}px`;
     }
     async function be(o = !1) {
       if (!h.value) return;
       const t = m.value;
       if (!t) return;
-      const s = t.getAttribute("style") || "", M = t.getAttribute("data-open");
+      const u = t.getAttribute("style") || "", M = t.getAttribute("data-open");
       t.setAttribute("popover", "manual");
       try {
-        t.setAttribute("data-open", "true"), Oe(t), await p();
+        t.setAttribute("data-open", "true"), Be(t), await _();
         const L = t.getBoundingClientRect();
-        t.setAttribute("style", s), M === null ? t.removeAttribute("data-open") : t.setAttribute("data-open", M), xe(t, L), o || (typeof t.showPopover == "function" ? t.showPopover() : t.style.display = "flex");
+        t.setAttribute("style", u), M === null ? t.removeAttribute("data-open") : t.setAttribute("data-open", M), ze(t, L), o || (typeof t.showPopover == "function" ? t.showPopover() : t.style.display = "flex");
       } catch {
         if (!o)
           try {
@@ -436,7 +436,7 @@ const Ze = {
           }
       }
     }
-    function J() {
+    function Q() {
       if (!h.value) return;
       const o = m.value;
       if (o) {
@@ -462,30 +462,35 @@ const Ze = {
     }
     function ke(o) {
       if (!h.value || !k.value || performance.now() < q.value) return;
-      const t = o.composedPath ? o.composedPath() : [], s = B.value ? t.includes(B.value) : !1, M = m.value ? t.includes(m.value) : !1;
-      !s && !M && ae();
+      const t = o.composedPath ? o.composedPath() : [], u = B.value ? t.includes(B.value) : !1, M = m.value ? t.includes(m.value) : !1;
+      !u && !M && J();
     }
-    return me(
-      () => u.isFullscreen,
+    $e(
+      () => s.isFullscreen,
       async () => {
-        h.value && (await p(), k.value && be());
+        h.value && (await _(), k.value && be());
       }
-    ), me(
+    ), $e(
       () => k.value,
       async (o) => {
-        h.value && (await p(), o ? (await be(!1), ve()) : J());
+        h.value && (await _(), o ? (await be(!1), ve()) : Q());
       }
-    ), ce(() => {
-      window.addEventListener("pointerdown", ke, !0), window.addEventListener("resize", Y, { passive: !0 }), window.addEventListener("scroll", Y, { passive: !0, capture: !0 }), m.value && m.value.addEventListener("toggle", ge);
-    }), ye(() => {
-      window.removeEventListener("pointerdown", ke, !0), window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, !0), m.value && m.value.removeEventListener("toggle", ge);
-    }), (o, t) => h.value ? $e((n(), i("div", {
+    );
+    function ce(o) {
+      o.key === "Escape" && E.value && E.value.contains(document.activeElement) && (o.preventDefault(), o.stopPropagation(), J(), B.value?.focus());
+    }
+    return ye(() => {
+      window.addEventListener("pointerdown", ke, !0), window.addEventListener("resize", G, { passive: !0 }), window.addEventListener("scroll", G, { passive: !0, capture: !0 }), m.value && m.value.addEventListener("toggle", ge);
+    }), me(() => {
+      window.removeEventListener("pointerdown", ke, !0), window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0), m.value && m.value.removeEventListener("toggle", ge);
+    }), (o, t) => h.value ? he((n(), i("div", {
       key: 0,
       ref_key: "rootRef",
-      ref: O,
+      ref: E,
       "data-dom-to-png-ignore": "",
       class: "vue-ui-user-options",
-      style: r(`z-index: ${e.zIndex}; height: 34px; position: ${e.isFullscreen ? "fixed" : "absolute"}; top: 0; ${e.position === "right" ? `right:${e.isFullscreen ? "12px" : "0"}` : `left:${e.isFullscreen ? "12px" : "0"}`}; padding: 4px; background:transparent;`)
+      style: r(`z-index: ${e.zIndex}; height: 34px; position: ${e.isFullscreen ? "fixed" : "absolute"}; top: 0; ${e.position === "right" ? `right:${e.isFullscreen ? "12px" : "0"}` : `left:${e.isFullscreen ? "12px" : "0"}`}; padding: 4px; background:transparent;`),
+      onKeydown: ce
     }, [
       V("div", {
         ref_key: "triggerRef",
@@ -494,17 +499,17 @@ const Ze = {
         role: "button",
         title: k.value ? e.titles.close || "" : e.titles.open || "",
         style: r(`width:32px; position: absolute; top: 0;${e.position === "right" ? `right: ${e.offsetX ? e.offsetX : e.noOffset ? 0 : 4}px` : `left: ${e.noOffset ? 0 : 4}px`}; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px;  cursor:${e.isCursorPointer ? "pointer" : "default"}; background:transparent`),
-        onPointerdown: _(re, ["stop", "prevent"]),
-        onKeydown: he(_(Ee, ["stop", "prevent"]), ["enter"])
+        onPointerdown: ee(re, ["stop", "prevent"]),
+        onKeydown: Ce(ee(Oe, ["stop", "prevent"]), ["enter"])
       }, [
-        b(o.$slots, "menuIcon", S(Ce({ isOpen: k.value, color: e.color })), () => [
-          we(f, {
+        b(o.$slots, "menuIcon", S(we({ isOpen: k.value, color: e.color })), () => [
+          Pe(f, {
             name: k.value ? "close" : "menu",
             stroke: e.color,
             "stroke-width": 2
           }, null, 8, ["name", "stroke"])
         ], !0)
-      ], 44, De),
+      ], 44, Ne),
       V("div", {
         ref_key: "drawerRef",
         ref: m,
@@ -518,8 +523,8 @@ const Ze = {
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: $,
-          onMouseenter: t[0] || (t[0] = (s) => l.value.pdf = !0),
-          onMouseout: t[1] || (t[1] = (s) => l.value.pdf = !1),
+          onMouseenter: t[0] || (t[0] = (u) => l.value.pdf = !0),
+          onMouseout: t[1] || (t[1] = (u) => l.value.pdf = !1),
           style: r({ cursor: e.isCursorPointer ? "pointer" : "default" })
         }, [
           o.$slots.optionPdf ? b(o.$slots, "optionPdf", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
@@ -553,8 +558,8 @@ const Ze = {
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: T,
-          onMouseenter: t[2] || (t[2] = (s) => l.value.csv = !0),
-          onMouseout: t[3] || (t[3] = (s) => l.value.csv = !1),
+          onMouseenter: t[2] || (t[2] = (u) => l.value.csv = !0),
+          onMouseout: t[3] || (t[3] = (u) => l.value.csv = !1),
           style: r({ cursor: e.isCursorPointer ? "pointer" : "default" })
         }, [
           o.$slots.optionCsv ? b(o.$slots, "optionCsv", { key: 0 }, void 0, !0) : (n(), v(f, {
@@ -579,9 +584,9 @@ const Ze = {
           key: 2,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: E,
-          onMouseenter: t[4] || (t[4] = (s) => l.value.img = !0),
-          onMouseout: t[5] || (t[5] = (s) => l.value.img = !1),
+          onClick: O,
+          onMouseenter: t[4] || (t[4] = (u) => l.value.img = !0),
+          onMouseout: t[5] || (t[5] = (u) => l.value.img = !1),
           style: r({ cursor: e.isCursorPointer ? "pointer" : "default" })
         }, [
           o.$slots.optionImg ? b(o.$slots, "optionImg", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
@@ -615,8 +620,8 @@ const Ze = {
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: F,
-          onMouseenter: t[6] || (t[6] = (s) => l.value.svg = !0),
-          onMouseout: t[7] || (t[7] = (s) => l.value.svg = !1),
+          onMouseenter: t[6] || (t[6] = (u) => l.value.svg = !0),
+          onMouseout: t[7] || (t[7] = (u) => l.value.svg = !1),
           style: r({ cursor: e.isCursorPointer ? "pointer" : "default" })
         }, [
           o.$slots.optionSvg ? b(o.$slots, "optionSvg", { key: 0 }, void 0, !0) : (n(), v(f, {
@@ -641,13 +646,13 @@ const Ze = {
           key: 4,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: le,
-          onMouseenter: t[8] || (t[8] = (s) => l.value.tooltip = !0),
-          onMouseout: t[9] || (t[9] = (s) => l.value.tooltip = !1),
+          onClick: ie,
+          onMouseenter: t[8] || (t[8] = (u) => l.value.tooltip = !0),
+          onMouseout: t[9] || (t[9] = (u) => l.value.tooltip = !1),
           style: r({ cursor: e.isCursorPointer ? "pointer" : "default" })
         }, [
           o.$slots.optionTooltip ? b(o.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
-            j.value ? (n(), v(f, {
+            K.value ? (n(), v(f, {
               key: 0,
               name: "tooltip",
               stroke: e.color,
@@ -676,8 +681,8 @@ const Ze = {
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: H,
-          onMouseenter: t[10] || (t[10] = (s) => l.value.table = !0),
-          onMouseout: t[11] || (t[11] = (s) => l.value.table = !1),
+          onMouseenter: t[10] || (t[10] = (u) => l.value.table = !0),
+          onMouseout: t[11] || (t[11] = (u) => l.value.table = !1),
           style: r({ cursor: e.isCursorPointer ? "pointer" : "default" })
         }, [
           o.$slots.optionTable ? b(o.$slots, "optionTable", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
@@ -709,14 +714,14 @@ const Ze = {
           key: 6,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: ee,
-          onMouseenter: t[12] || (t[12] = (s) => l.value.labels = !0),
-          onMouseout: t[13] || (t[13] = (s) => l.value.labels = !1),
+          onClick: te,
+          onMouseenter: t[12] || (t[12] = (u) => l.value.labels = !0),
+          onMouseout: t[13] || (t[13] = (u) => l.value.labels = !1),
           style: r({ cursor: e.isCursorPointer ? "pointer" : "default" })
         }, [
           o.$slots.optionLabels ? b(o.$slots, "optionLabels", { key: 0 }, void 0, !0) : (n(), v(f, {
             key: 1,
-            name: D.value ? "labelClose" : "labelOpen",
+            name: Z.value ? "labelClose" : "labelOpen",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["name", "stroke"])),
@@ -736,9 +741,9 @@ const Ze = {
           key: 7,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: oe,
-          onMouseenter: t[14] || (t[14] = (s) => l.value.sort = !0),
-          onMouseout: t[15] || (t[15] = (s) => l.value.sort = !1),
+          onClick: ne,
+          onMouseenter: t[14] || (t[14] = (u) => l.value.sort = !0),
+          onMouseout: t[15] || (t[15] = (u) => l.value.sort = !1),
           style: r({ cursor: e.isCursorPointer ? "pointer" : "default" })
         }, [
           o.$slots.optionSort ? b(o.$slots, "optionSort", { key: 0 }, void 0, !0) : (n(), v(f, {
@@ -763,9 +768,9 @@ const Ze = {
           key: 8,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: ne,
-          onMouseenter: t[16] || (t[16] = (s) => l.value.stack = !0),
-          onMouseout: t[17] || (t[17] = (s) => l.value.stack = !1),
+          onClick: le,
+          onMouseenter: t[16] || (t[16] = (u) => l.value.stack = !0),
+          onMouseout: t[17] || (t[17] = (u) => l.value.stack = !1),
           style: r({ cursor: e.isCursorPointer ? "pointer" : "default" })
         }, [
           o.$slots.optionStack ? b(o.$slots, "optionStack", S(I({ key: 0 }, { isStack: R.value })), void 0, !0) : (n(), i(C, { key: 1 }, [
@@ -797,12 +802,12 @@ const Ze = {
           key: 9,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: t[18] || (t[18] = (s) => l.value.fullscreen = !0),
-          onMouseout: t[19] || (t[19] = (s) => l.value.fullscreen = !1),
-          onClick: t[20] || (t[20] = (s) => G(e.isFullscreen ? "out" : "in")),
+          onMouseenter: t[18] || (t[18] = (u) => l.value.fullscreen = !0),
+          onMouseout: t[19] || (t[19] = (u) => l.value.fullscreen = !1),
+          onClick: t[20] || (t[20] = (u) => j(e.isFullscreen ? "out" : "in")),
           style: r({ cursor: e.isCursorPointer ? "pointer" : "default" })
         }, [
-          o.$slots.optionFullscreen ? b(o.$slots, "optionFullscreen", S(I({ key: 0 }, { toggleFullscreen: G, isFullscreen: e.isFullscreen })), void 0, !0) : (n(), i(C, { key: 1 }, [
+          o.$slots.optionFullscreen ? b(o.$slots, "optionFullscreen", S(I({ key: 0 }, { toggleFullscreen: j, isFullscreen: e.isFullscreen })), void 0, !0) : (n(), i(C, { key: 1 }, [
             e.isFullscreen ? (n(), v(f, {
               key: 0,
               name: "exitFullscreen",
@@ -831,9 +836,9 @@ const Ze = {
           key: 10,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: t[21] || (t[21] = (s) => l.value.zoom = !0),
-          onMouseout: t[22] || (t[22] = (s) => l.value.zoom = !1),
-          onClick: t[23] || (t[23] = (s) => U()),
+          onMouseenter: t[21] || (t[21] = (u) => l.value.zoom = !0),
+          onMouseout: t[22] || (t[22] = (u) => l.value.zoom = !1),
+          onClick: t[23] || (t[23] = (u) => U()),
           style: r({ cursor: e.isCursorPointer ? "pointer" : "default" })
         }, [
           o.$slots.optionZoom ? b(o.$slots, "optionZoom", S(I({ key: 0 }, { toggleZoom: U, isZoomLocked: !e.isZoom })), void 0, !0) : (n(), i(C, { key: 1 }, [
@@ -865,8 +870,8 @@ const Ze = {
           key: 11,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: t[24] || (t[24] = (s) => l.value.animation = !0),
-          onMouseout: t[25] || (t[25] = (s) => l.value.animation = !1),
+          onMouseenter: t[24] || (t[24] = (u) => l.value.animation = !0),
+          onMouseout: t[25] || (t[25] = (u) => l.value.animation = !1),
           onClick: N,
           style: r({ cursor: e.isCursorPointer ? "pointer" : "default" })
         }, [
@@ -899,12 +904,12 @@ const Ze = {
           key: 12,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: t[26] || (t[26] = (s) => l.value.annotator = !0),
-          onMouseout: t[27] || (t[27] = (s) => l.value.annotator = !1),
-          onClick: X,
+          onMouseenter: t[26] || (t[26] = (u) => l.value.annotator = !0),
+          onMouseout: t[27] || (t[27] = (u) => l.value.annotator = !1),
+          onClick: D,
           style: r({ cursor: e.isCursorPointer ? "pointer" : "default" })
         }, [
-          o.$slots.optionAnnotator ? b(o.$slots, "optionAnnotator", S(I({ key: 0 }, { toggleAnnotator: X, isAnnotator: z.value })), void 0, !0) : (n(), i(C, { key: 1 }, [
+          o.$slots.optionAnnotator ? b(o.$slots, "optionAnnotator", S(I({ key: 0 }, { toggleAnnotator: D, isAnnotator: z.value })), void 0, !0) : (n(), i(C, { key: 1 }, [
             z.value ? (n(), v(f, {
               key: 0,
               name: "annotatorDisabled",
@@ -933,8 +938,8 @@ const Ze = {
           key: 13,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: t[28] || (t[28] = (s) => l.value.altCopy = !0),
-          onMouseout: t[29] || (t[29] = (s) => l.value.altCopy = !1),
+          onMouseenter: t[28] || (t[28] = (u) => l.value.altCopy = !0),
+          onMouseout: t[29] || (t[29] = (u) => l.value.altCopy = !1),
           onClick: W,
           style: r({ cursor: e.isCursorPointer ? "pointer" : "default" })
         }, [
@@ -956,19 +961,20 @@ const Ze = {
             style: r({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.altCopy), 7)) : a("", !0)
         ], 36)) : a("", !0)
-      ], 12, Ne)
-    ], 4)), [
-      [Pe(Ze), h.value ? null : {
-        targets: [O.value, m.value, B.value],
+      ], 12, Ue)
+    ], 36)), [
+      [Me(Ze), h.value ? null : {
+        targets: [E.value, m.value, B.value],
         handler: Te
       }]
-    ]) : $e((n(), i("div", {
+    ]) : he((n(), i("div", {
       key: 1,
       ref_key: "rootRef",
-      ref: O,
+      ref: E,
       "data-dom-to-png-ignore": "",
       class: "vue-ui-user-options",
-      style: r(`z-index: ${e.zIndex}; height: 34px; position: ${e.isFullscreen ? "fixed" : "absolute"}; top: 0; ${e.position === "right" ? `right:${e.isFullscreen ? "12px" : "0"}` : `left:${e.isFullscreen ? "12px" : "0"}`}; padding: 4px; background:transparent;`)
+      style: r(`z-index: ${e.zIndex}; height: 34px; position: ${e.isFullscreen ? "fixed" : "absolute"}; top: 0; ${e.position === "right" ? `right:${e.isFullscreen ? "12px" : "0"}` : `left:${e.isFullscreen ? "12px" : "0"}`}; padding: 4px; background:transparent;`),
+      onKeydown: ce
     }, [
       V("div", {
         ref_key: "triggerRef",
@@ -976,17 +982,17 @@ const Ze = {
         tabindex: "0",
         title: k.value ? e.titles.close || "" : e.titles.open || "",
         style: r(`width:32px; position: absolute; top: 0;${e.position === "right" ? `right: ${e.offsetX ? e.offsetX : e.noOffset ? 0 : 4}px` : `left: ${e.noOffset ? 0 : 4}px`}; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px;  cursor:pointer; background:transparent`),
-        onClick: _(se, ["stop"]),
-        onKeypress: he(se, ["enter"])
+        onClick: ee(se, ["stop"]),
+        onKeypress: Ce(se, ["enter"])
       }, [
-        b(o.$slots, "menuIcon", S(Ce({ isOpen: k.value, color: e.color })), () => [
-          we(f, {
+        b(o.$slots, "menuIcon", S(we({ isOpen: k.value, color: e.color })), () => [
+          Pe(f, {
             name: k.value ? "close" : "menu",
             stroke: e.color,
             "stroke-width": 2
           }, null, 8, ["name", "stroke"])
         ], !0)
-      ], 44, Ue),
+      ], 44, Ke),
       V("div", {
         ref_key: "drawerRef",
         ref: m,
@@ -999,8 +1005,8 @@ const Ze = {
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: $,
-          onMouseenter: t[30] || (t[30] = (s) => l.value.pdf = !0),
-          onMouseout: t[31] || (t[31] = (s) => l.value.pdf = !1)
+          onMouseenter: t[30] || (t[30] = (u) => l.value.pdf = !0),
+          onMouseout: t[31] || (t[31] = (u) => l.value.pdf = !1)
         }, [
           o.$slots.optionPdf ? b(o.$slots, "optionPdf", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
             e.isPrinting ? (n(), v(f, {
@@ -1033,8 +1039,8 @@ const Ze = {
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: T,
-          onMouseenter: t[32] || (t[32] = (s) => l.value.csv = !0),
-          onMouseout: t[33] || (t[33] = (s) => l.value.csv = !1)
+          onMouseenter: t[32] || (t[32] = (u) => l.value.csv = !0),
+          onMouseout: t[33] || (t[33] = (u) => l.value.csv = !1)
         }, [
           o.$slots.optionCsv ? b(o.$slots, "optionCsv", { key: 0 }, void 0, !0) : (n(), v(f, {
             key: 1,
@@ -1058,9 +1064,9 @@ const Ze = {
           key: 2,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: E,
-          onMouseenter: t[34] || (t[34] = (s) => l.value.img = !0),
-          onMouseout: t[35] || (t[35] = (s) => l.value.img = !1)
+          onClick: O,
+          onMouseenter: t[34] || (t[34] = (u) => l.value.img = !0),
+          onMouseout: t[35] || (t[35] = (u) => l.value.img = !1)
         }, [
           o.$slots.optionImg ? b(o.$slots, "optionImg", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
             e.isImaging ? (n(), v(f, {
@@ -1093,8 +1099,8 @@ const Ze = {
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: F,
-          onMouseenter: t[36] || (t[36] = (s) => l.value.svg = !0),
-          onMouseout: t[37] || (t[37] = (s) => l.value.svg = !1)
+          onMouseenter: t[36] || (t[36] = (u) => l.value.svg = !0),
+          onMouseout: t[37] || (t[37] = (u) => l.value.svg = !1)
         }, [
           o.$slots.optionSvg ? b(o.$slots, "optionSvg", { key: 0 }, void 0, !0) : (n(), v(f, {
             key: 1,
@@ -1118,12 +1124,12 @@ const Ze = {
           key: 4,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: le,
-          onMouseenter: t[38] || (t[38] = (s) => l.value.tooltip = !0),
-          onMouseout: t[39] || (t[39] = (s) => l.value.tooltip = !1)
+          onClick: ie,
+          onMouseenter: t[38] || (t[38] = (u) => l.value.tooltip = !0),
+          onMouseout: t[39] || (t[39] = (u) => l.value.tooltip = !1)
         }, [
           o.$slots.optionTooltip ? b(o.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
-            j.value ? (n(), v(f, {
+            K.value ? (n(), v(f, {
               key: 0,
               name: "tooltip",
               stroke: e.color,
@@ -1152,8 +1158,8 @@ const Ze = {
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: H,
-          onMouseenter: t[40] || (t[40] = (s) => l.value.table = !0),
-          onMouseout: t[41] || (t[41] = (s) => l.value.table = !1)
+          onMouseenter: t[40] || (t[40] = (u) => l.value.table = !0),
+          onMouseout: t[41] || (t[41] = (u) => l.value.table = !1)
         }, [
           o.$slots.optionTable ? b(o.$slots, "optionTable", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
             e.tableDialog ? (n(), v(f, {
@@ -1184,13 +1190,13 @@ const Ze = {
           key: 6,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: ee,
-          onMouseenter: t[42] || (t[42] = (s) => l.value.labels = !0),
-          onMouseout: t[43] || (t[43] = (s) => l.value.labels = !1)
+          onClick: te,
+          onMouseenter: t[42] || (t[42] = (u) => l.value.labels = !0),
+          onMouseout: t[43] || (t[43] = (u) => l.value.labels = !1)
         }, [
           o.$slots.optionLabels ? b(o.$slots, "optionLabels", { key: 0 }, void 0, !0) : (n(), v(f, {
             key: 1,
-            name: D.value ? "labelClose" : "labelOpen",
+            name: Z.value ? "labelClose" : "labelOpen",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["name", "stroke"])),
@@ -1210,9 +1216,9 @@ const Ze = {
           key: 7,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: oe,
-          onMouseenter: t[44] || (t[44] = (s) => l.value.sort = !0),
-          onMouseout: t[45] || (t[45] = (s) => l.value.sort = !1)
+          onClick: ne,
+          onMouseenter: t[44] || (t[44] = (u) => l.value.sort = !0),
+          onMouseout: t[45] || (t[45] = (u) => l.value.sort = !1)
         }, [
           o.$slots.optionSort ? b(o.$slots, "optionSort", { key: 0 }, void 0, !0) : (n(), v(f, {
             key: 1,
@@ -1236,9 +1242,9 @@ const Ze = {
           key: 8,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: ne,
-          onMouseenter: t[46] || (t[46] = (s) => l.value.stack = !0),
-          onMouseout: t[47] || (t[47] = (s) => l.value.stack = !1)
+          onClick: le,
+          onMouseenter: t[46] || (t[46] = (u) => l.value.stack = !0),
+          onMouseout: t[47] || (t[47] = (u) => l.value.stack = !1)
         }, [
           o.$slots.optionStack ? b(o.$slots, "optionStack", S(I({ key: 0 }, { isStack: R.value })), void 0, !0) : (n(), i(C, { key: 1 }, [
             R.value ? (n(), v(f, {
@@ -1269,11 +1275,11 @@ const Ze = {
           key: 9,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: t[48] || (t[48] = (s) => l.value.fullscreen = !0),
-          onMouseout: t[49] || (t[49] = (s) => l.value.fullscreen = !1),
-          onClick: t[50] || (t[50] = (s) => G(e.isFullscreen ? "out" : "in"))
+          onMouseenter: t[48] || (t[48] = (u) => l.value.fullscreen = !0),
+          onMouseout: t[49] || (t[49] = (u) => l.value.fullscreen = !1),
+          onClick: t[50] || (t[50] = (u) => j(e.isFullscreen ? "out" : "in"))
         }, [
-          o.$slots.optionFullscreen ? b(o.$slots, "optionFullscreen", S(I({ key: 0 }, { toggleFullscreen: G, isFullscreen: e.isFullscreen })), void 0, !0) : (n(), i(C, { key: 1 }, [
+          o.$slots.optionFullscreen ? b(o.$slots, "optionFullscreen", S(I({ key: 0 }, { toggleFullscreen: j, isFullscreen: e.isFullscreen })), void 0, !0) : (n(), i(C, { key: 1 }, [
             e.isFullscreen ? (n(), v(f, {
               key: 0,
               name: "exitFullscreen",
@@ -1302,9 +1308,9 @@ const Ze = {
           key: 10,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: t[51] || (t[51] = (s) => l.value.zoom = !0),
-          onMouseout: t[52] || (t[52] = (s) => l.value.zoom = !1),
-          onClick: t[53] || (t[53] = (s) => U())
+          onMouseenter: t[51] || (t[51] = (u) => l.value.zoom = !0),
+          onMouseout: t[52] || (t[52] = (u) => l.value.zoom = !1),
+          onClick: t[53] || (t[53] = (u) => U())
         }, [
           o.$slots.optionZoom ? b(o.$slots, "optionZoom", S(I({ key: 0 }, { toggleZoom: U, isZoomLocked: !e.isZoom })), void 0, !0) : (n(), i(C, { key: 1 }, [
             e.isZoom ? (n(), v(f, {
@@ -1335,8 +1341,8 @@ const Ze = {
           key: 11,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: t[54] || (t[54] = (s) => l.value.animation = !0),
-          onMouseout: t[55] || (t[55] = (s) => l.value.animation = !1),
+          onMouseenter: t[54] || (t[54] = (u) => l.value.animation = !0),
+          onMouseout: t[55] || (t[55] = (u) => l.value.animation = !1),
           onClick: N
         }, [
           o.$slots.optionAnimation ? b(o.$slots, "optionAnimation", S(I({ key: 0 }, { toggleAnimation: N, isAnimated: x.value })), void 0, !0) : (n(), i(C, { key: 1 }, [
@@ -1368,11 +1374,11 @@ const Ze = {
           key: 12,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: t[56] || (t[56] = (s) => l.value.annotator = !0),
-          onMouseout: t[57] || (t[57] = (s) => l.value.annotator = !1),
-          onClick: X
+          onMouseenter: t[56] || (t[56] = (u) => l.value.annotator = !0),
+          onMouseout: t[57] || (t[57] = (u) => l.value.annotator = !1),
+          onClick: D
         }, [
-          o.$slots.optionAnnotator ? b(o.$slots, "optionAnnotator", S(I({ key: 0 }, { toggleAnnotator: X, isAnnotator: z.value })), void 0, !0) : (n(), i(C, { key: 1 }, [
+          o.$slots.optionAnnotator ? b(o.$slots, "optionAnnotator", S(I({ key: 0 }, { toggleAnnotator: D, isAnnotator: z.value })), void 0, !0) : (n(), i(C, { key: 1 }, [
             z.value ? (n(), v(f, {
               key: 0,
               name: "annotatorDisabled",
@@ -1401,9 +1407,9 @@ const Ze = {
           key: 13,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: t[58] || (t[58] = (s) => l.value.altCopy = !0),
-          onMouseout: t[59] || (t[59] = (s) => l.value.altCopy = !1),
-          onClick: X
+          onMouseenter: t[58] || (t[58] = (u) => l.value.altCopy = !0),
+          onMouseout: t[59] || (t[59] = (u) => l.value.altCopy = !1),
+          onClick: D
         }, [
           o.$slots.optionAltCopy ? b(o.$slots, "optionAltCopy", S(I({ key: 0 }, { copyAlt: W })), void 0, !0) : (n(), v(f, {
             key: 1,
@@ -1424,11 +1430,11 @@ const Ze = {
           }, c(e.titles.altCopy), 7)) : a("", !0)
         ], 32)) : a("", !0)
       ], 12, je)
-    ], 4)), [
-      [Pe(Re), Le]
+    ], 36)), [
+      [Me(De), Ee]
     ]);
   }
-}, qe = /* @__PURE__ */ Xe(Ge, [["__scopeId", "data-v-373ef6ec"]]);
+}, Je = /* @__PURE__ */ Xe(Ge, [["__scopeId", "data-v-69799749"]]);
 export {
-  qe as default
+  Je as default
 };