vue-data-ui 3.0.0-next.1 → 3.0.0-next.11

package/dist/{vue-ui-xy-canvas-CDjYeEkq.js → vue-ui-xy-canvas-BQzv88tD.js}

@@ -1,15 +1,15 @@
 import { defineAsyncComponent as Q, ref as d, computed as L, useSlots as Va, onMounted as sa, watch as D, nextTick as pe, shallowRef as Ie, onBeforeUnmount as Ga, createElementBlock as ne, openBlock as S, unref as p, normalizeClass as Za, normalizeStyle as ee, createCommentVNode as X, createBlock as N, createElementVNode as ie, createSlots as ja, withCtx as x, renderSlot as k, normalizeProps as B, guardReactiveProps as _, createVNode as qa, toDisplayString as na, createTextVNode as Ja } from "vue";
-import { u as Ka, c as Qa, t as el, p as V, a as al, C as me, b as ll, D as Me, i as ae, f as le, d as ia, a2 as tl, G as ol, aj as rl, o as ul, e as sl, x as va, q as nl, r as il, y as vl, s as ve, l as cl } from "./index-BSa4GlHG.js";
+import { u as Ka, c as Qa, t as el, p as V, a as al, C as me, b as ll, D as Me, i as ae, f as le, d as ia, a5 as tl, G as ol, ad as rl, o as ul, e as sl, x as va, q as nl, r as il, y as vl, s as ve, l as cl } from "./index-B18WZMC2.js";
 import { d as dl, t as hl, u as yl, c as fl, a as ca, l as C, r as Te, b as R, p as da } from "./useResponsive-DfdjqQps.js";
-import { u as ha } from "./useNestedProp-uR74_CFG.js";
-import { u as gl } from "./usePrinter-j3g1L2nh.js";
+import { u as ha } from "./useNestedProp-BAA7pZpP.js";
+import { u as gl } from "./usePrinter-DLC5qcfA.js";
 import { u as pl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ml } from "./useChartAccessibility-9icAAmYg.js";
-import bl from "./Legend-CIElSUHU.js";
-import xl from "./Title-CWxjC3bE.js";
-import { S as Ll } from "./Slicer-CcM8hzCn.js";
-import { u as kl } from "./useTimeLabels-Mrr0jrpL.js";
-import Cl from "./img-D3JvqNF8.js";
+import bl from "./Legend-4BgVMpri.js";
+import xl from "./Title-DjBxXxcf.js";
+import { S as Ll } from "./Slicer-DyOgqjbE.js";
+import { u as kl } from "./useTimeLabels-DG97x2hL.js";
+import Cl from "./img-COyqv7Eu.js";
 import { _ as wl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Sl = ["id"], zl = ["onClick"], $l = {
   key: 2,
@@ -32,7 +32,7 @@ const Sl = ["id"], zl = ["onClick"], $l = {
   },
   emits: ["selectLegend"],
   setup(Oe, { expose: ya, emit: fa }) {
-    const ga = Q(() => import("./vue-ui-accordion-DzF-SPaZ.js")), pa = Q(() => import("./DataTable-vByThHdN.js")), ma = Q(() => import("./NonSvgPenAndPaper-CsY6Bf4e.js")), ba = Q(() => import("./vue-ui-skeleton-DY48gQ96.js")), xa = Q(() => import("./Tooltip-Cq9HywcX.js")), La = Q(() => import("./UserOptions-BEBaPSlU.js")), { vue_ui_xy_canvas: ka } = Ka(), g = Oe, be = d(Qa()), P = d(null), te = d(null), s = d(null), y = d(1), E = d(1), ce = d(!1), c = d(null), de = d(""), Re = d(null), $ = d([]), G = d(1), H = d(!0), Z = d(!0), xe = d(null), Pe = d(0), Ee = d(0), he = d(!1), Fe = d(null), Ae = d(null), De = d(null), Ne = d(null), Le = d(0), ke = d(0), Ce = d(0), M = d(null), we = L(() => !!g.dataset && g.dataset.length), Ca = fa, wa = Va();
+    const ga = Q(() => import("./vue-ui-accordion-DIEZJTdv.js")), pa = Q(() => import("./DataTable-YE6ic3rt.js")), ma = Q(() => import("./NonSvgPenAndPaper-B0mzIi05.js")), ba = Q(() => import("./vue-ui-skeleton-CLPCQOVA.js")), xa = Q(() => import("./Tooltip-B1tfk8HO.js")), La = Q(() => import("./UserOptions-D5NKm1p2.js")), { vue_ui_xy_canvas: ka } = Ka(), g = Oe, be = d(Qa()), P = d(null), te = d(null), s = d(null), y = d(1), E = d(1), ce = d(!1), c = d(null), de = d(""), Re = d(null), $ = d([]), G = d(1), H = d(!0), Z = d(!0), xe = d(null), Pe = d(0), Ee = d(0), he = d(!1), Fe = d(null), Ae = d(null), De = d(null), Ne = d(null), Le = d(0), ke = d(0), Ce = d(0), M = d(null), we = L(() => !!g.dataset && g.dataset.length), Ca = fa, wa = Va();
     sa(() => {
       wa["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "3.0.0-next.1",
+  "version": "3.0.0-next.11",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [
@@ -105,7 +105,7 @@
     "remove-attr": "^0.0.13",
     "sass": "^1.57.1",
     "simple-git": "^3.24.0",
-    "vite": "^7.0.1",
+    "vite": "^7.0.6",
     "vitest": "^3.2.4",
     "vue": "^3.5.17"
   }

package/dist/Tooltip-Cq9HywcX.js

@@ -1,149 +0,0 @@
-import { ref as m, watch as p, nextTick as g, onUnmounted as S, computed as x, createBlock as k, openBlock as h, Teleport as $, createElementBlock as C, createCommentVNode as F, normalizeStyle as B, normalizeClass as N, renderSlot as v, createElementVNode as w } from "vue";
-import { u as z } from "./useMouse-AicQS8Vf.js";
-import { s as T } from "./index-BSa4GlHG.js";
-function Y({ tooltip: t, chart: n, clientPosition: l, positionPreference: s = "center", defaultOffsetY: d = 24, blockShiftY: u = !1 }) {
-  const e = m(0), i = m(d);
-  if (t && n) {
-    const { width: a, height: c } = t.getBoundingClientRect(), { right: f, left: o, bottom: r } = n.getBoundingClientRect();
-    s === "center" && (l.x + a / 2 > f ? e.value = -a + (f - l.x) : l.x - a / 2 < o ? e.value = -a + (a - (l.x - o)) : e.value = -a / 2), s === "right" && (l.x + a > f ? e.value = -a + (f - l.x) : e.value = 0), s === "left" && (l.x < o + a ? e.value = -a + (a - (l.x - o)) : e.value = -a), l.y + c > r && !u && (i.value = -c - d);
-  }
-  return {
-    top: l.y + i.value,
-    left: l.x + e.value
-  };
-}
-const M = ["aria-hidden"], O = ["innerHTML"], b = 0.18, E = {
-  __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
-    },
-    disableSmoothing: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(t) {
-    const n = t, l = m(null), { x: s, y: d } = z(n.parent), u = m({ x: 0, y: 0 }), e = m({ x: 0, y: 0 });
-    let i = null;
-    function a() {
-      if (n.disableSmoothing) {
-        e.value.x = u.value.x, e.value.y = u.value.y;
-        return;
-      }
-      e.value.x += (u.value.x - e.value.x) * b, e.value.y += (u.value.y - e.value.y) * b, i = requestAnimationFrame(a);
-    }
-    p([s, d], ([o, r]) => {
-      u.value.x = o, u.value.y = r, n.disableSmoothing && (e.value.x = o, e.value.y = r);
-    }), p(() => n.show, async (o) => {
-      if (o) {
-        const r = s.value, y = d.value;
-        u.value.x = r, u.value.y = y, e.value.x = r, e.value.y = y, await g(), i || a();
-      } else
-        i && (cancelAnimationFrame(i), i = null);
-    }), S(() => {
-      i && cancelAnimationFrame(i);
-    });
-    const c = x(() => {
-      const o = Y({
-        tooltip: l.value,
-        chart: n.parent,
-        clientPosition: e.value,
-        positionPreference: n.position,
-        defaultOffsetY: n.offsetY,
-        blockShiftY: n.blockShiftY
-      });
-      return {
-        top: Math.round(o.top),
-        left: Math.round(o.left)
-      };
-    }), f = x(() => T(n.backgroundColor, n.backgroundOpacity));
-    return (o, r) => (h(), k($, {
-      to: t.isFullscreen ? t.parent : "body"
-    }, [
-      t.show ? (h(), C("div", {
-        key: 0,
-        ref_key: "tooltip",
-        ref: l,
-        role: "tooltip",
-        "aria-hidden": !t.show,
-        "aria-live": "polite",
-        class: N({ "vue-data-ui-custom-tooltip": t.isCustom, "vue-data-ui-tooltip": !t.isCustom }),
-        style: B(`
-                pointer-events:none;
-                top:${c.value.top}px;
-                left:${c.value.left}px;
-                ${t.isCustom ? "" : `background:${f.value};color:${t.color};max-width:${t.maxWidth};font-size:${t.fontSize}px`};
-                border-radius:${t.borderRadius}px;
-                border:${t.borderWidth}px solid ${t.borderColor};
-                z-index:2147483647;
-            `)
-      }, [
-        v(o.$slots, "tooltip-before"),
-        v(o.$slots, "default"),
-        w("div", { innerHTML: t.content }, null, 8, O),
-        v(o.$slots, "tooltip-after")
-      ], 14, M)) : F("", !0)
-    ], 8, ["to"]));
-  }
-};
-export {
-  E as default
-};

package/dist/useMouse-AicQS8Vf.js

@@ -1,13 +0,0 @@
-import { onMounted as u, onUnmounted as s, ref as t } from "vue";
-function i(e, n, o) {
-  u(() => e.addEventListener(n, o)), s(() => e.removeEventListener(n, o));
-}
-function m() {
-  const e = t(0), n = t(0);
-  return i(window, "mousemove", (o) => {
-    e.value = o.clientX, n.value = o.clientY;
-  }), { x: e, y: n };
-}
-export {
-  m as u
-};