vue-data-ui 3.1.4 → 3.1.6

package/dist/Tooltip-DvtYLrX2.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-C0wrF8hm.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-D3pVnvAB.js → UserOptions-Dd5XOrwq.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 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-B5nQNkmd.js";
-import X from "./img-Bl0o2UAr.js";
+import r from "./BaseIcon-D_BjQBAR.js";
+import X from "./img-DLgjML7h.js";
 import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ae = ["title"], ue = ["data-open"], re = {
   __name: "UserOptions",

package/dist/{dom-to-png-CcijTM69.js → dom-to-png-j6qE-sAL.js}

@@ -1,4 +1,4 @@
-import { X as x } from "./index-INqbM37s.js";
+import { X as x } from "./index-C0wrF8hm.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-Bl0o2UAr.js → img-DLgjML7h.js}

@@ -1,4 +1,4 @@
-import { d as n } from "./dom-to-png-CcijTM69.js";
+import { d as n } from "./dom-to-png-j6qE-sAL.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-INqbM37s.js → index-C0wrF8hm.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: "",
@@ -8520,7 +8524,7 @@ function Fl(o, r) {
   };
   return vt(new Proxy(l, c));
 }
-const pl = y(() => import("./Arrow-COJRk3pc.js")), El = y(() => import("./vue-data-ui-IMHc9Ta4.js")), Dl = y(() => import("./vue-ui-3d-bar-D-1TVi2s.js")), yl = y(() => import("./vue-ui-accordion-CQZjxT5U.js")), Bl = y(() => import("./vue-ui-age-pyramid-B31NbBxS.js")), ml = y(() => import("./vue-ui-annotator-BmFYtzWW.js")), xl = y(() => import("./vue-ui-candlestick-CCrNcgjy.js")), wl = y(() => import("./vue-ui-chestnut-Dz0E-AxZ.js")), vl = y(() => import("./vue-ui-cursor-CG-oJITu.js")), Ll = y(() => import("./vue-ui-dashboard-BFLQYXuo.js")), Sl = y(() => import("./vue-ui-digits-BlZsS_qz.js")), _l = y(() => import("./vue-ui-donut-COXIRkz4.js")), zl = y(() => import("./vue-ui-donut-evolution-DSGLD4z5.js")), Ol = y(() => import("./vue-ui-dumbbell-DgUPMy2W.js")), Rl = y(() => import("./vue-ui-flow-E8_jp5Qc.js")), Pl = y(() => import("./vue-ui-galaxy-Cay4NZ6o.js")), Nl = y(() => import("./vue-ui-gauge-DWOH8_Z2.js")), Tl = y(() => import("./vue-ui-heatmap-Dk5515tQ.js")), Ml = y(() => import("./BaseIcon-B5nQNkmd.js")), Vl = y(() => import("./vue-ui-kpi-DwNsapLR.js")), Il = y(() => import("./vue-ui-mini-loader-uyATuTz5.js")), Wl = y(() => import("./vue-ui-molecule-BOeCt8b2.js")), $l = y(() => import("./vue-ui-mood-radar-BeHjc5Ty.js")), Yl = y(() => import("./vue-ui-nested-donuts-CPoaD2py.js")), Ul = y(() => import("./vue-ui-onion-C8H8i77u.js")), Gl = y(() => import("./vue-ui-parallel-coordinate-plot-Cblzs6mf.js")), Hl = y(() => import("./vue-ui-quadrant-BLYsMAey.js")), Xl = y(() => import("./vue-ui-quick-chart-D-7cooqG.js")), jl = y(() => import("./vue-ui-radar-BBR8cYGx.js")), Kl = y(() => import("./vue-ui-rating-Ccn8aUMA.js")), Zl = y(() => import("./vue-ui-relation-circle-SKeIJXHs.js")), ql = y(() => import("./vue-ui-rings-SusI7pff.js")), Ql = y(() => import("./vue-ui-scatter-Do8NoLng.js")), Jl = y(() => import("./vue-ui-skeleton-FONviv9G.js")), oa = y(() => import("./vue-ui-smiley-Bbt8bZxB.js")), ta = y(() => import("./vue-ui-sparkhistogram-DXSLenC7.js")), ea = y(() => import("./vue-ui-sparkstackbar-BgFJQKhq.js")), ra = y(() => import("./vue-ui-spark-trend-DB7RPBwQ.js")), la = y(() => import("./vue-ui-sparkbar-B8inUR_m.js")), aa = y(() => import("./vue-ui-sparkgauge-B4_YoY5M.js")), na = y(() => import("./vue-ui-sparkline-BQ6Voxky.js")), sa = y(() => import("./vue-ui-strip-plot-3gWivNhR.js")), ca = y(() => import("./vue-ui-table-NJNp95Us.js")), ia = y(() => import("./vue-ui-table-heatmap-CRzHSurU.js")), ua = y(() => import("./vue-ui-table-sparkline-DxGr1WNr.js")), da = y(() => import("./vue-ui-thermometer-B6NudPzq.js")), ba = y(() => import("./vue-ui-timer-DO3oJlhi.js")), fa = y(() => import("./vue-ui-tiremarks-Dv39xDlL.js")), ga = y(() => import("./vue-ui-treemap-D9jbccaW.js")), Aa = y(() => import("./vue-ui-vertical-bar-CxJNWczK.js")), Ca = y(() => import("./vue-ui-vertical-bar-CxJNWczK.js")), ha = y(() => import("./vue-ui-waffle-BMjk9LhH.js")), ka = y(() => import("./vue-ui-wheel-CMACWJLJ.js")), Fa = y(() => import("./vue-ui-word-cloud-BbwSabN0.js")), pa = y(() => import("./vue-ui-xy-CRQHfrGQ.js")), Ea = y(() => import("./vue-ui-xy-canvas-D-iziyn0.js")), Da = y(() => import("./vue-ui-carousel-table-DrGj7_CL.js")), ya = y(() => import("./vue-ui-gizmo-DtZu2tcU.js")), Ba = y(() => import("./vue-ui-stackbar-CBB-kH1C.js")), ma = y(() => import("./vue-ui-bullet-BvMlcux3.js")), xa = y(() => import("./vue-ui-funnel-NMcBpYTQ.js")), wa = y(() => import("./vue-ui-history-plot-X_jPheWu.js")), va = y(() => import("./vue-ui-pattern-DsYgSZWn.js")), La = y(() => import("./vue-ui-circle-pack-CaWwzEF0.js")), Sa = y(() => import("./vue-ui-world-DCp2i-uy.js")), _a = y(() => import("./vue-ui-ridgeline-CuHSBPB8.js")), za = y(() => import("./vue-ui-chord-BxOzgPka.js"));
+const pl = y(() => import("./Arrow-DtlAIKPQ.js")), El = y(() => import("./vue-data-ui-DaOijb0V.js")), Dl = y(() => import("./vue-ui-3d-bar-BbW6NaRc.js")), yl = y(() => import("./vue-ui-accordion-3JuSLBjV.js")), Bl = y(() => import("./vue-ui-age-pyramid-D94C1TOK.js")), ml = y(() => import("./vue-ui-annotator-Jq_yw0h7.js")), xl = y(() => import("./vue-ui-candlestick-vMGbmNWA.js")), wl = y(() => import("./vue-ui-chestnut-D6AP76wU.js")), vl = y(() => import("./vue-ui-cursor-B70FlDqP.js")), Ll = y(() => import("./vue-ui-dashboard-DrFCH7LP.js")), Sl = y(() => import("./vue-ui-digits-CQy-vOC2.js")), _l = y(() => import("./vue-ui-donut-D0RdN18d.js")), zl = y(() => import("./vue-ui-donut-evolution-naYIvk-b.js")), Ol = y(() => import("./vue-ui-dumbbell-D6b7WMTy.js")), Rl = y(() => import("./vue-ui-flow-Dh8_ii-s.js")), Pl = y(() => import("./vue-ui-galaxy-Dqklv14X.js")), Nl = y(() => import("./vue-ui-gauge-D-vHj5J1.js")), Tl = y(() => import("./vue-ui-heatmap-BpcoDwpi.js")), Ml = y(() => import("./BaseIcon-D_BjQBAR.js")), Vl = y(() => import("./vue-ui-kpi-88Bguk6S.js")), Il = y(() => import("./vue-ui-mini-loader-VDpWxyls.js")), Wl = y(() => import("./vue-ui-molecule-Cn8yeJLZ.js")), $l = y(() => import("./vue-ui-mood-radar-DidC77_K.js")), Yl = y(() => import("./vue-ui-nested-donuts-D1EZ91Wm.js")), Ul = y(() => import("./vue-ui-onion-B_mir5Ax.js")), Gl = y(() => import("./vue-ui-parallel-coordinate-plot-DRbJyqiQ.js")), Hl = y(() => import("./vue-ui-quadrant-D7ihdCkd.js")), Xl = y(() => import("./vue-ui-quick-chart-Dwc1xJtX.js")), jl = y(() => import("./vue-ui-radar-DhsgkGwF.js")), Kl = y(() => import("./vue-ui-rating-D_sWv7fR.js")), Zl = y(() => import("./vue-ui-relation-circle-CAvYwKpm.js")), ql = y(() => import("./vue-ui-rings-BrBkOGZk.js")), Ql = y(() => import("./vue-ui-scatter--kNBhPeG.js")), Jl = y(() => import("./vue-ui-skeleton-B6Y0yxOn.js")), oa = y(() => import("./vue-ui-smiley-B7tZsNRS.js")), ta = y(() => import("./vue-ui-sparkhistogram-X47TDKC2.js")), ea = y(() => import("./vue-ui-sparkstackbar-Bzmq9peq.js")), ra = y(() => import("./vue-ui-spark-trend-Dy5C9uny.js")), la = y(() => import("./vue-ui-sparkbar-9NN07DOT.js")), aa = y(() => import("./vue-ui-sparkgauge-iV-u83Ie.js")), na = y(() => import("./vue-ui-sparkline-C67Y3c7l.js")), sa = y(() => import("./vue-ui-strip-plot-D3StIxYT.js")), ca = y(() => import("./vue-ui-table-B-wP544v.js")), ia = y(() => import("./vue-ui-table-heatmap-_qJwOiYG.js")), ua = y(() => import("./vue-ui-table-sparkline-C6MoeyKm.js")), da = y(() => import("./vue-ui-thermometer-BmYZiNK4.js")), ba = y(() => import("./vue-ui-timer-XeLnI_ia.js")), fa = y(() => import("./vue-ui-tiremarks-CnCSAQiH.js")), ga = y(() => import("./vue-ui-treemap-Nd27H4H5.js")), Aa = y(() => import("./vue-ui-vertical-bar-Dd1XUvnp.js")), Ca = y(() => import("./vue-ui-vertical-bar-Dd1XUvnp.js")), ha = y(() => import("./vue-ui-waffle-Czg-z9KF.js")), ka = y(() => import("./vue-ui-wheel-DfPu-QQM.js")), Fa = y(() => import("./vue-ui-word-cloud-CB9_bPjO.js")), pa = y(() => import("./vue-ui-xy-Dc-o6Q3R.js")), Ea = y(() => import("./vue-ui-xy-canvas-D1Do33ar.js")), Da = y(() => import("./vue-ui-carousel-table-DydTCm2Z.js")), ya = y(() => import("./vue-ui-gizmo-Cn0d1lVH.js")), Ba = y(() => import("./vue-ui-stackbar-C0cn-5Sz.js")), ma = y(() => import("./vue-ui-bullet-ajwy7d-R.js")), xa = y(() => import("./vue-ui-funnel-Ct4e9chO.js")), wa = y(() => import("./vue-ui-history-plot-D8tmNUHo.js")), va = y(() => import("./vue-ui-pattern-DsYgSZWn.js")), La = y(() => import("./vue-ui-circle-pack-C-C3OGW_.js")), Sa = y(() => import("./vue-ui-world-Bo_NzzhJ.js")), _a = y(() => import("./vue-ui-ridgeline-DuWQX2OI.js")), za = y(() => import("./vue-ui-chord-Du8GJXPN.js"));
 export {
   jr as $,
   ao as A,

package/dist/{pdf-BeeAdG2m.js → pdf-Csglybwj.js}

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