vue-data-ui 3.1.3 → 3.1.5

package/dist/Tooltip-oeu9knGI.js

@@ -0,0 +1,200 @@
+import { ref as f, onMounted as F, onUnmounted as S, watch as b, nextTick as B, computed as y, createBlock as C, openBlock as g, Teleport as w, createElementBlock as N, createCommentVNode as T, normalizeStyle as $, normalizeClass as M, renderSlot as h, createElementVNode as Y } from "vue";
+import { s as z } from "./index-BkfuZCRT.js";
+function A({ tooltip: a, chart: e, clientPosition: o, positionPreference: c = "center", defaultOffsetY: p = 24, blockShiftY: u = !1 }) {
+  const t = f(0), i = f(p);
+  if (a && e) {
+    const { width: n, height: m } = a.getBoundingClientRect(), { right: r, left: d, bottom: v } = e.getBoundingClientRect();
+    c === "center" && (o.x + n / 2 > r ? t.value = -n + (r - o.x) : o.x - n / 2 < d ? t.value = -n + (n - (o.x - d)) : t.value = -n / 2), c === "right" && (o.x + n > r ? t.value = -n + (r - o.x) : t.value = 0), c === "left" && (o.x < d + n ? t.value = -n + (n - (o.x - d)) : t.value = -n), o.y + m > v && !u && (i.value = -m - p);
+  }
+  return {
+    top: o.y + i.value,
+    left: o.x + t.value
+  };
+}
+function E(a, e, o) {
+  F(() => a.addEventListener(e, o)), S(() => a.removeEventListener(e, o));
+}
+function R() {
+  const a = f(0), e = f(0);
+  return E(window, "mousemove", (o) => {
+    a.value = o.clientX, e.value = o.clientY;
+  }), { x: a, y: e };
+}
+const L = ["aria-hidden"], O = ["innerHTML"], q = {
+  __name: "Tooltip",
+  props: {
+    backgroundColor: {
+      type: String,
+      default: "#FFFFFF"
+    },
+    color: {
+      type: String,
+      default: "#000000"
+    },
+    content: String,
+    maxWidth: {
+      type: String,
+      default: "300px"
+    },
+    parent: {
+      type: Object
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    isCustom: {
+      type: Boolean,
+      default: !1
+    },
+    fontSize: {
+      type: [Number, String],
+      default: 14
+    },
+    borderRadius: {
+      type: Number,
+      default: 4
+    },
+    borderColor: {
+      type: String,
+      default: "#e1e5e8"
+    },
+    borderWidth: {
+      type: Number,
+      default: 1
+    },
+    backgroundOpacity: {
+      type: Number,
+      default: 100
+    },
+    position: {
+      type: String,
+      default: "center"
+    },
+    offsetY: {
+      type: Number,
+      default: 24
+    },
+    blockShiftY: {
+      type: Boolean,
+      default: !1
+    },
+    isFullscreen: {
+      type: Boolean,
+      default: !1
+    },
+    smooth: {
+      type: Boolean,
+      default: !0
+    },
+    backdropFilter: {
+      type: Boolean,
+      default: !0
+    },
+    smoothForce: {
+      type: Number,
+      default: 0.18
+    },
+    smoothSnapThreshold: {
+      type: Number,
+      default: 0.25
+    }
+  },
+  setup(a) {
+    const e = a, o = f(null), { x: c, y: p } = R(e.parent), u = f({ x: 0, y: 0 }), t = f({ x: 0, y: 0 });
+    let i = null;
+    function n() {
+      if (!e.show) {
+        r();
+        return;
+      }
+      if (!e.smooth) {
+        t.value.x = u.value.x, t.value.y = u.value.y, r();
+        return;
+      }
+      const l = u.value.x - t.value.x, s = u.value.y - t.value.y;
+      if (Math.abs(l) <= e.smoothSnapThreshold && Math.abs(s) <= e.smoothSnapThreshold) {
+        t.value.x = u.value.x, t.value.y = u.value.y, r();
+        return;
+      }
+      t.value.x += l * e.smoothForce, t.value.y += s * e.smoothForce, i = requestAnimationFrame(n);
+    }
+    function m() {
+      i == null && e.show && e.smooth && (i = requestAnimationFrame(n));
+    }
+    function r() {
+      i != null && (cancelAnimationFrame(i), i = null);
+    }
+    b([c, p], ([l, s]) => {
+      u.value.x = l, u.value.y = s, e.smooth ? m() : (t.value.x = l, t.value.y = s);
+    }), b(
+      () => e.show,
+      async (l) => {
+        if (l) {
+          const s = c.value, x = p.value;
+          u.value.x = s, u.value.y = x, t.value.x = s, t.value.y = x, await B(), m();
+        } else
+          r();
+      }
+    ), S(() => {
+      r();
+    });
+    const d = y(() => {
+      const l = A({
+        tooltip: o.value,
+        chart: e.parent,
+        clientPosition: t.value,
+        positionPreference: e.position,
+        defaultOffsetY: e.offsetY,
+        blockShiftY: e.blockShiftY
+      });
+      return {
+        top: Math.round(l.top),
+        left: Math.round(l.left)
+      };
+    }), v = y(() => z(e.backgroundColor, e.backgroundOpacity)), k = y(() => {
+      const l = {
+        pointerEvents: "none",
+        position: "fixed",
+        top: "0px",
+        left: "0px",
+        transform: `translate3d(${d.value.left}px, ${d.value.top}px, 0)`,
+        borderRadius: `${e.borderRadius}px`,
+        border: `${e.borderWidth}px solid ${e.borderColor}`,
+        zIndex: 2147483647
+      };
+      return e.isCustom || Object.assign(l, {
+        background: v.value,
+        color: e.color,
+        maxWidth: e.maxWidth,
+        fontSize: `${e.fontSize}px`
+      }), l;
+    });
+    return (l, s) => (g(), C(w, {
+      to: a.isFullscreen ? a.parent : "body"
+    }, [
+      a.show ? (g(), N("div", {
+        key: 0,
+        ref_key: "tooltip",
+        ref: o,
+        role: "tooltip",
+        "aria-hidden": !a.show,
+        "aria-live": "polite",
+        class: M({
+          "vue-data-ui-custom-tooltip": a.isCustom,
+          "vue-data-ui-tooltip": !a.isCustom,
+          "vue-data-ui-tooltip-backdrop": a.backdropFilter
+        }),
+        style: $(k.value)
+      }, [
+        h(l.$slots, "tooltip-before"),
+        h(l.$slots, "default"),
+        Y("div", { innerHTML: a.content }, null, 8, O),
+        h(l.$slots, "tooltip-after")
+      ], 14, L)) : T("", !0)
+    ], 8, ["to"]));
+  }
+};
+export {
+  q as default
+};

package/dist/{UserOptions-ZmwlARCV.js → UserOptions-CnJxN2Vo.js}

@@ -1,7 +1,7 @@
-import { ref as m, computed as w, onMounted as Z, onBeforeUnmount as p, withDirectives as _, createElementBlock as s, openBlock as o, normalizeStyle as b, createElementVNode as D, withKeys as ee, withModifiers as te, renderSlot as k, normalizeProps as A, guardReactiveProps as oe, createVNode as ne, normalizeClass as d, createCommentVNode as a, Fragment as $, createBlock as f, toDisplayString as c, mergeProps as T, unref as le } from "vue";
+import { ref as m, computed as w, onMounted as Z, onBeforeUnmount as p, withDirectives as _, createElementBlock as s, openBlock as o, normalizeStyle as b, createElementVNode as D, withKeys as ee, withModifiers as te, renderSlot as d, normalizeProps as A, guardReactiveProps as oe, createVNode as ne, normalizeClass as k, createCommentVNode as a, Fragment as $, createBlock as f, toDisplayString as c, mergeProps as T, unref as le } from "vue";
 import { v as ie } from "./vClickOutside-C6WiFswA.js";
-import r from "./BaseIcon-BcOSijbz.js";
-import X from "./img-DSrvx9J6.js";
+import r from "./BaseIcon-BQQGRQ2U.js";
+import X from "./img-Neec0VVb.js";
 import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ae = ["title"], ue = ["data-open"], re = {
   __name: "UserOptions",
@@ -248,7 +248,7 @@ const ae = ["title"], ue = ["data-open"], re = {
         onClick: te(I, ["stop"]),
         onKeypress: ee(I, ["enter"])
       }, [
-        k(n.$slots, "menuIcon", A(oe({ isOpen: y.value, color: e.color })), () => [
+        d(n.$slots, "menuIcon", A(oe({ isOpen: y.value, color: e.color })), () => [
           ne(r, {
             name: y.value ? "close" : "menu",
             stroke: e.color,
@@ -258,7 +258,7 @@ const ae = ["title"], ue = ["data-open"], re = {
       ], 44, ae),
       D("div", {
         "data-open": y.value,
-        class: d({ "vue-ui-user-options-drawer": !0 }),
+        class: k({ "vue-ui-user-options-drawer": !0 }),
         style: b(`background:${e.backgroundColor}; ${e.position === "right" ? `right: ${e.offsetX ? e.offsetX : e.noOffset ? 0 : 4}px` : `left: ${e.noOffset ? 0 : 4}px`}`)
       }, [
         e.hasTooltip ? (o(), s("button", {
@@ -269,7 +269,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           onMouseenter: t[0] || (t[0] = (u) => l.value.tooltip = !0),
           onMouseout: t[1] || (t[1] = (u) => l.value.tooltip = !1)
         }, [
-          n.$slots.optionTooltip ? k(n.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+          n.$slots.optionTooltip ? d(n.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
             M.value ? (o(), f(r, {
               key: 0,
               name: "tooltip",
@@ -285,7 +285,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           g.value && e.titles.tooltip && !n.$slots.optionTooltip ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-left-visible": e.position === "left" && l.value.tooltip, "button-info-right-visible": e.position === "right" && l.value.tooltip }),
+            class: k({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-left-visible": e.position === "left" && l.value.tooltip, "button-info-right-visible": e.position === "right" && l.value.tooltip }),
             style: b({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.tooltip), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -297,7 +297,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           onMouseenter: t[2] || (t[2] = (u) => l.value.pdf = !0),
           onMouseout: t[3] || (t[3] = (u) => l.value.pdf = !1)
         }, [
-          n.$slots.optionPdf ? k(n.$slots, "optionPdf", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+          n.$slots.optionPdf ? d(n.$slots, "optionPdf", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
             e.isPrinting ? (o(), f(r, {
               key: 0,
               name: "spin",
@@ -314,7 +314,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           g.value && e.titles.pdf && !n.$slots.optionPdf ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.pdf, "button-info-left-visible": e.position === "left" && l.value.pdf }),
+            class: k({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.pdf, "button-info-left-visible": e.position === "left" && l.value.pdf }),
             style: b({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.pdf), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -326,7 +326,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           onMouseenter: t[4] || (t[4] = (u) => l.value.csv = !0),
           onMouseout: t[5] || (t[5] = (u) => l.value.csv = !1)
         }, [
-          n.$slots.optionCsv ? k(n.$slots, "optionCsv", { key: 0 }, void 0, !0) : (o(), f(r, {
+          n.$slots.optionCsv ? d(n.$slots, "optionCsv", { key: 0 }, void 0, !0) : (o(), f(r, {
             key: 1,
             name: "excel",
             stroke: e.color,
@@ -335,7 +335,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           g.value && e.titles.csv && !n.$slots.optionCsv ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.csv, "button-info-left-visible": e.position === "left" && l.value.csv }),
+            class: k({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.csv, "button-info-left-visible": e.position === "left" && l.value.csv }),
             style: b({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.csv), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -347,7 +347,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           onMouseenter: t[6] || (t[6] = (u) => l.value.img = !0),
           onMouseout: t[7] || (t[7] = (u) => l.value.img = !1)
         }, [
-          n.$slots.optionImg ? k(n.$slots, "optionImg", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+          n.$slots.optionImg ? d(n.$slots, "optionImg", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
             e.isImaging ? (o(), f(r, {
               key: 0,
               name: "spin",
@@ -364,7 +364,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           g.value && e.titles.img && !n.$slots.optionImg ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.img, "button-info-left-visible": e.position === "left" && l.value.img }),
+            class: k({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.img, "button-info-left-visible": e.position === "left" && l.value.img }),
             style: b({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.img), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -376,7 +376,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           onMouseenter: t[8] || (t[8] = (u) => l.value.table = !0),
           onMouseout: t[9] || (t[9] = (u) => l.value.table = !1)
         }, [
-          n.$slots.optionTable ? k(n.$slots, "optionTable", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+          n.$slots.optionTable ? d(n.$slots, "optionTable", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
             e.tableDialog ? (o(), f(r, {
               key: 0,
               name: h.value ? "tableDialogClose" : "tableDialogOpen",
@@ -392,7 +392,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           g.value && e.titles.table && !n.$slots.optionTable ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.table, "button-info-left-visible": e.position === "left" && l.value.table }),
+            class: k({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.table, "button-info-left-visible": e.position === "left" && l.value.table }),
             style: b({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.table), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -404,7 +404,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           onMouseenter: t[10] || (t[10] = (u) => l.value.labels = !0),
           onMouseout: t[11] || (t[11] = (u) => l.value.labels = !1)
         }, [
-          n.$slots.optionLabels ? k(n.$slots, "optionLabels", { key: 0 }, void 0, !0) : (o(), f(r, {
+          n.$slots.optionLabels ? d(n.$slots, "optionLabels", { key: 0 }, void 0, !0) : (o(), f(r, {
             key: 1,
             name: B.value ? "labelClose" : "labelOpen",
             stroke: e.color,
@@ -413,7 +413,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           g.value && e.titles.labels && !n.$slots.optionLabels ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.labels, "button-info-left-visible": e.position === "left" && l.value.labels }),
+            class: k({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.labels, "button-info-left-visible": e.position === "left" && l.value.labels }),
             style: b({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.labels), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -425,7 +425,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           onMouseenter: t[12] || (t[12] = (u) => l.value.sort = !0),
           onMouseout: t[13] || (t[13] = (u) => l.value.sort = !1)
         }, [
-          n.$slots.optionSort ? k(n.$slots, "optionSort", { key: 0 }, void 0, !0) : (o(), f(r, {
+          n.$slots.optionSort ? d(n.$slots, "optionSort", { key: 0 }, void 0, !0) : (o(), f(r, {
             key: 1,
             name: "sort",
             stroke: e.color,
@@ -434,7 +434,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           g.value && e.titles.sort && !n.$slots.optionSort ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.sort, "button-info-left-visible": e.position === "left" && l.value.sort }),
+            class: k({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.sort, "button-info-left-visible": e.position === "left" && l.value.sort }),
             style: b({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.sort), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -446,7 +446,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           onMouseenter: t[14] || (t[14] = (u) => l.value.stack = !0),
           onMouseout: t[15] || (t[15] = (u) => l.value.stack = !1)
         }, [
-          n.$slots.optionStack ? k(n.$slots, "optionStack", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+          n.$slots.optionStack ? d(n.$slots, "optionStack", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
             F.value ? (o(), f(r, {
               key: 0,
               name: "unstack",
@@ -462,7 +462,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           g.value && e.titles.stack && !n.$slots.optionStack ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.stack, "button-info-left-visible": e.position === "left" && l.value.stack }),
+            class: k({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.stack, "button-info-left-visible": e.position === "left" && l.value.stack }),
             style: b({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.stack), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -474,7 +474,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           onMouseout: t[17] || (t[17] = (u) => l.value.fullscreen = !1),
           onClick: t[18] || (t[18] = (u) => L(e.isFullscreen ? "out" : "in"))
         }, [
-          n.$slots.optionFullscreen ? k(n.$slots, "optionFullscreen", A(T({ key: 0 }, { toggleFullscreen: L, isFullscreen: e.isFullscreen })), void 0, !0) : (o(), s($, { key: 1 }, [
+          n.$slots.optionFullscreen ? d(n.$slots, "optionFullscreen", A(T({ key: 0 }, { toggleFullscreen: L, isFullscreen: e.isFullscreen })), void 0, !0) : (o(), s($, { key: 1 }, [
             e.isFullscreen ? (o(), f(r, {
               key: 0,
               name: "exitFullscreen",
@@ -491,7 +491,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           g.value && e.titles.fullscreen && !n.$slots.optionFullscreen ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.fullscreen, "button-info-left-visible": e.position === "left" && l.value.fullscreen }),
+            class: k({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.fullscreen, "button-info-left-visible": e.position === "left" && l.value.fullscreen }),
             style: b({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.fullscreen), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -503,7 +503,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           onMouseout: t[20] || (t[20] = (u) => l.value.animation = !1),
           onClick: E
         }, [
-          n.$slots.optionAnimation ? k(n.$slots, "optionAnimation", A(T({ key: 0 }, { toggleAnimation: E, isAnimated: C.value })), void 0, !0) : (o(), s($, { key: 1 }, [
+          n.$slots.optionAnimation ? d(n.$slots, "optionAnimation", A(T({ key: 0 }, { toggleAnimation: E, isAnimated: C.value })), void 0, !0) : (o(), s($, { key: 1 }, [
             C.value ? (o(), f(r, {
               key: 0,
               name: "play",
@@ -520,7 +520,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           g.value && e.titles.fullscreen && !n.$slots.optionAnimation ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.animation, "button-info-left-visible": e.position === "left" && l.value.animation }),
+            class: k({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.animation, "button-info-left-visible": e.position === "left" && l.value.animation }),
             style: b({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.animation), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -532,7 +532,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           onMouseout: t[22] || (t[22] = (u) => l.value.annotator = !1),
           onClick: O
         }, [
-          n.$slots.optionAnnotator ? k(n.$slots, "optionAnnotator", A(T({ key: 0 }, { toggleAnnotator: O, isAnnotator: S.value })), void 0, !0) : (o(), s($, { key: 1 }, [
+          n.$slots.optionAnnotator ? d(n.$slots, "optionAnnotator", A(T({ key: 0 }, { toggleAnnotator: O, isAnnotator: S.value })), void 0, !0) : (o(), s($, { key: 1 }, [
             S.value ? (o(), f(r, {
               key: 0,
               name: "annotatorDisabled",
@@ -549,7 +549,7 @@ const ae = ["title"], ue = ["data-open"], re = {
           g.value && e.titles.annotator && !n.$slots.optionAnnotator ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.annotator, "button-info-left-visible": e.position === "left" && l.value.annotator }),
+            class: k({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.annotator, "button-info-left-visible": e.position === "left" && l.value.annotator }),
             style: b({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.annotator), 7)) : a("", !0)
         ], 32)) : a("", !0)
@@ -558,7 +558,7 @@ const ae = ["title"], ue = ["data-open"], re = {
       [le(ie), H]
     ]);
   }
-}, de = /* @__PURE__ */ se(re, [["__scopeId", "data-v-13ca0ffa"]]);
+}, ke = /* @__PURE__ */ se(re, [["__scopeId", "data-v-5dab0ce2"]]);
 export {
-  de as default
+  ke as default
 };

package/dist/{dom-to-png-DGA4a3xT.js → dom-to-png-CMCYtLrX.js}

@@ -1,4 +1,4 @@
-import { X as x } from "./index-CaxArMHL.js";
+import { X as x } from "./index-BkfuZCRT.js";
 async function F(n) {
   const i = n.querySelectorAll("img"), s = Array.from(i).map((t) => new Promise((o) => {
     if (!t.src || t.src.startsWith("data:")) return o();

package/dist/{img-DSrvx9J6.js → img-Neec0VVb.js}

@@ -1,4 +1,4 @@
-import { d as n } from "./dom-to-png-DGA4a3xT.js";
+import { d as n } from "./dom-to-png-CMCYtLrX.js";
 async function u({ domElement: t, fileName: c, format: f = "png", scale: i = 2, base64: a = !1, img: g = !1 }) {
   if (!t) return Promise.reject("No element provided");
   const h = typeof navigator < "u" && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);

package/dist/{index-CaxArMHL.js → index-BkfuZCRT.js}

@@ -63,8 +63,10 @@ function Lt() {
     offsetY: 24,
     smooth: !0,
     // v3
-    backdropFilter: !0
+    backdropFilter: !0,
     // v3
+    smoothForce: 0.18,
+    smoothSnapThreshold: 0.25
   }, R = {
     enable: !1,
     locale: "en",
@@ -2936,6 +2938,8 @@ function Lt() {
     tooltipPosition: A.CENTER,
     tooltipOffsetY: 24,
     tooltipSmooth: !0,
+    tooltipSmoothForce: 0.18,
+    tooltipSmoothSnapThreshold: 0.25,
     tooltipBackdropFilter: !0,
     useCustomLegend: !1,
     valuePrefix: "",
@@ -5507,6 +5511,7 @@ function Lt() {
         }
       },
       exportMenu: {
+        show: !0,
         backgroundColor: t,
         color: o,
         buttons: {
@@ -8519,7 +8524,7 @@ function Fl(o, r) {
   };
   return vt(new Proxy(l, c));
 }
-const pl = y(() => import("./Arrow-DBaAWGvq.js")), El = y(() => import("./vue-data-ui-DVb8r5z7.js")), Dl = y(() => import("./vue-ui-3d-bar-BLKyWpz7.js")), yl = y(() => import("./vue-ui-accordion-DUlNpLir.js")), Bl = y(() => import("./vue-ui-age-pyramid-LLqbXP1m.js")), ml = y(() => import("./vue-ui-annotator-CcYIlcKF.js")), xl = y(() => import("./vue-ui-candlestick-C9l_NpXu.js")), wl = y(() => import("./vue-ui-chestnut-CAW0IOdY.js")), vl = y(() => import("./vue-ui-cursor-CyGUrKWU.js")), Ll = y(() => import("./vue-ui-dashboard-Cf5pvEzD.js")), Sl = y(() => import("./vue-ui-digits-BZWwwp7c.js")), _l = y(() => import("./vue-ui-donut-g1WHrj6G.js")), zl = y(() => import("./vue-ui-donut-evolution-CaEYMVZj.js")), Ol = y(() => import("./vue-ui-dumbbell-BArS1nXS.js")), Rl = y(() => import("./vue-ui-flow-BR0CB5qt.js")), Pl = y(() => import("./vue-ui-galaxy-qgGF1AAf.js")), Nl = y(() => import("./vue-ui-gauge-BIXmGyQL.js")), Tl = y(() => import("./vue-ui-heatmap-tRzq9BnI.js")), Ml = y(() => import("./BaseIcon-BcOSijbz.js")), Vl = y(() => import("./vue-ui-kpi-C2b2R5i1.js")), Il = y(() => import("./vue-ui-mini-loader-Bs1Mi1tD.js")), Wl = y(() => import("./vue-ui-molecule-BsUvf2v7.js")), $l = y(() => import("./vue-ui-mood-radar-D3JIpVvX.js")), Yl = y(() => import("./vue-ui-nested-donuts-dJEgQXTH.js")), Ul = y(() => import("./vue-ui-onion-D8dF1DdA.js")), Gl = y(() => import("./vue-ui-parallel-coordinate-plot-LmFsg7UA.js")), Hl = y(() => import("./vue-ui-quadrant-C4O8ki4N.js")), Xl = y(() => import("./vue-ui-quick-chart-6bEtTQBG.js")), jl = y(() => import("./vue-ui-radar-CfjGWGk3.js")), Kl = y(() => import("./vue-ui-rating-D3WSs2OD.js")), Zl = y(() => import("./vue-ui-relation-circle-DzTfi7Tf.js")), ql = y(() => import("./vue-ui-rings-CYQ4i71V.js")), Ql = y(() => import("./vue-ui-scatter-meJEHdAD.js")), Jl = y(() => import("./vue-ui-skeleton-BtILTxx-.js")), oa = y(() => import("./vue-ui-smiley-B5bELpYD.js")), ta = y(() => import("./vue-ui-sparkhistogram-Bp6KxpjH.js")), ea = y(() => import("./vue-ui-sparkstackbar-Cj1LAYC8.js")), ra = y(() => import("./vue-ui-spark-trend-lixdWq_N.js")), la = y(() => import("./vue-ui-sparkbar-CaGPav-J.js")), aa = y(() => import("./vue-ui-sparkgauge-BZBGYDjs.js")), na = y(() => import("./vue-ui-sparkline-CF-EAZa6.js")), sa = y(() => import("./vue-ui-strip-plot-BfVVaSFn.js")), ca = y(() => import("./vue-ui-table-CBzNgzVP.js")), ia = y(() => import("./vue-ui-table-heatmap-CKz5bA7N.js")), ua = y(() => import("./vue-ui-table-sparkline-O-Z0YH6u.js")), da = y(() => import("./vue-ui-thermometer-DpNyTGNH.js")), ba = y(() => import("./vue-ui-timer-uvshaRMI.js")), fa = y(() => import("./vue-ui-tiremarks-A8Akuz-q.js")), ga = y(() => import("./vue-ui-treemap-Dvmuo3tM.js")), Aa = y(() => import("./vue-ui-vertical-bar-eMgRMSKN.js")), Ca = y(() => import("./vue-ui-vertical-bar-eMgRMSKN.js")), ha = y(() => import("./vue-ui-waffle-Cm8VfnG8.js")), ka = y(() => import("./vue-ui-wheel-Bhsklf_m.js")), Fa = y(() => import("./vue-ui-word-cloud-C9HGLsG4.js")), pa = y(() => import("./vue-ui-xy-DnYJw2aS.js")), Ea = y(() => import("./vue-ui-xy-canvas-C0Snw0Dz.js")), Da = y(() => import("./vue-ui-carousel-table-H7xS6aBC.js")), ya = y(() => import("./vue-ui-gizmo-DHEoS051.js")), Ba = y(() => import("./vue-ui-stackbar-BrzKhqAK.js")), ma = y(() => import("./vue-ui-bullet-BKmts_u4.js")), xa = y(() => import("./vue-ui-funnel-D2OCItvq.js")), wa = y(() => import("./vue-ui-history-plot-DmwHhrDk.js")), va = y(() => import("./vue-ui-pattern-DsYgSZWn.js")), La = y(() => import("./vue-ui-circle-pack-NLyZgTGF.js")), Sa = y(() => import("./vue-ui-world-B_MrjwGJ.js")), _a = y(() => import("./vue-ui-ridgeline-NtYOJvDy.js")), za = y(() => import("./vue-ui-chord-CK5YhCqM.js"));
+const pl = y(() => import("./Arrow-BFbcF5Sq.js")), El = y(() => import("./vue-data-ui-D5B7a84o.js")), Dl = y(() => import("./vue-ui-3d-bar-C8_Qu1rf.js")), yl = y(() => import("./vue-ui-accordion-DFxAHGEZ.js")), Bl = y(() => import("./vue-ui-age-pyramid-D_kTImtX.js")), ml = y(() => import("./vue-ui-annotator-B1vSlzfu.js")), xl = y(() => import("./vue-ui-candlestick-CB3bj7_-.js")), wl = y(() => import("./vue-ui-chestnut-BE5ZEt1N.js")), vl = y(() => import("./vue-ui-cursor-BIuc6nds.js")), Ll = y(() => import("./vue-ui-dashboard-C7xIcrvD.js")), Sl = y(() => import("./vue-ui-digits-C3mI-0Fg.js")), _l = y(() => import("./vue-ui-donut-BApz1ho5.js")), zl = y(() => import("./vue-ui-donut-evolution-B2PJiYY9.js")), Ol = y(() => import("./vue-ui-dumbbell-DQjVvBH_.js")), Rl = y(() => import("./vue-ui-flow-COtJRNLE.js")), Pl = y(() => import("./vue-ui-galaxy-3zec_QLi.js")), Nl = y(() => import("./vue-ui-gauge-CFUA5ORH.js")), Tl = y(() => import("./vue-ui-heatmap-DakytdCv.js")), Ml = y(() => import("./BaseIcon-BQQGRQ2U.js")), Vl = y(() => import("./vue-ui-kpi-UmcKQftv.js")), Il = y(() => import("./vue-ui-mini-loader-Bl8GHasa.js")), Wl = y(() => import("./vue-ui-molecule-BZrmSVps.js")), $l = y(() => import("./vue-ui-mood-radar-CVM8vl5N.js")), Yl = y(() => import("./vue-ui-nested-donuts-LTzijeVK.js")), Ul = y(() => import("./vue-ui-onion-aHCc3r7L.js")), Gl = y(() => import("./vue-ui-parallel-coordinate-plot-0xXe6A-6.js")), Hl = y(() => import("./vue-ui-quadrant-BlM9WNN7.js")), Xl = y(() => import("./vue-ui-quick-chart-CJ2Wdln9.js")), jl = y(() => import("./vue-ui-radar-Cgnooz7-.js")), Kl = y(() => import("./vue-ui-rating-DF71ymNG.js")), Zl = y(() => import("./vue-ui-relation-circle-DsuEL1gY.js")), ql = y(() => import("./vue-ui-rings-C4hKgrft.js")), Ql = y(() => import("./vue-ui-scatter-B_SzTSE5.js")), Jl = y(() => import("./vue-ui-skeleton-DCAlHSMV.js")), oa = y(() => import("./vue-ui-smiley-B_JFtrl6.js")), ta = y(() => import("./vue-ui-sparkhistogram-BuGOHT9h.js")), ea = y(() => import("./vue-ui-sparkstackbar-DhSc-U8u.js")), ra = y(() => import("./vue-ui-spark-trend-CC7q1UbE.js")), la = y(() => import("./vue-ui-sparkbar-C2YRX4mJ.js")), aa = y(() => import("./vue-ui-sparkgauge-BO4c3j-8.js")), na = y(() => import("./vue-ui-sparkline-hOyPCIt8.js")), sa = y(() => import("./vue-ui-strip-plot-CBj5ntWM.js")), ca = y(() => import("./vue-ui-table-BItmKbvF.js")), ia = y(() => import("./vue-ui-table-heatmap-DziHVKba.js")), ua = y(() => import("./vue-ui-table-sparkline-CpWDqm7q.js")), da = y(() => import("./vue-ui-thermometer-CWt0q_Tu.js")), ba = y(() => import("./vue-ui-timer-BIv2sfQA.js")), fa = y(() => import("./vue-ui-tiremarks-BE_VWjK-.js")), ga = y(() => import("./vue-ui-treemap-2AIbDpTo.js")), Aa = y(() => import("./vue-ui-vertical-bar-CP-XFVV5.js")), Ca = y(() => import("./vue-ui-vertical-bar-CP-XFVV5.js")), ha = y(() => import("./vue-ui-waffle-CewP8k-W.js")), ka = y(() => import("./vue-ui-wheel-Ik8FoLfz.js")), Fa = y(() => import("./vue-ui-word-cloud-CEEc5ep_.js")), pa = y(() => import("./vue-ui-xy-Bsh2OBHp.js")), Ea = y(() => import("./vue-ui-xy-canvas-CKzjhhNg.js")), Da = y(() => import("./vue-ui-carousel-table-CUiSyrTY.js")), ya = y(() => import("./vue-ui-gizmo-CUPFU8GE.js")), Ba = y(() => import("./vue-ui-stackbar-VdBWv1wm.js")), ma = y(() => import("./vue-ui-bullet-VPchh2r2.js")), xa = y(() => import("./vue-ui-funnel-BY2qeg-m.js")), wa = y(() => import("./vue-ui-history-plot-DnSB7au4.js")), va = y(() => import("./vue-ui-pattern-DsYgSZWn.js")), La = y(() => import("./vue-ui-circle-pack-BfDjZFaF.js")), Sa = y(() => import("./vue-ui-world-CuwXMI3D.js")), _a = y(() => import("./vue-ui-ridgeline-DxP8uxgx.js")), za = y(() => import("./vue-ui-chord-DVSBY9ou.js"));
 export {
   jr as $,
   ao as A,

package/dist/{pdf-BG8PiGFH.js → pdf-CpQ-dqJh.js}

@@ -1,4 +1,4 @@
-import { d as g } from "./dom-to-png-DGA4a3xT.js";
+import { d as g } from "./dom-to-png-CMCYtLrX.js";
 async function E({
   domElement: a,
   fileName: D,