vue-data-ui 2.12.6 → 2.12.7-beta.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.12.6",
+  "version": "2.12.7-beta.1",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [
@@ -100,13 +100,13 @@
     }
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.2.3",
-    "cypress": "^14.0.3",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "cypress": "^14.5.0",
     "remove-attr": "^0.0.13",
     "sass": "^1.57.1",
     "simple-git": "^3.24.0",
-    "vite": "^6.3.5",
-    "vitest": "^3.1.1",
-    "vue": "^3.5.14"
+    "vite": "^7.0.0",
+    "vitest": "^3.2.4",
+    "vue": "^3.5.17"
   }
 }

package/dist/BaseDraggableDialog-Bzwlfmy1.js

@@ -1,186 +0,0 @@
-import { useCssVars as T, ref as M, reactive as $, computed as R, onUnmounted as N, createBlock as V, openBlock as g, Teleport as _, createElementBlock as y, createCommentVNode as I, withModifiers as a, normalizeStyle as k, createElementVNode as r, unref as j, renderSlot as b, createVNode as P, nextTick as U } from "vue";
-import q from "./BaseIcon-CNbwMh_-.js";
-import { X as A } from "./index-BFzQMJda.js";
-import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const G = ["xmlns"], J = { class: "modal-title" }, K = { class: "modal-body" }, Q = {
-  __name: "BaseDraggableDialog",
-  props: {
-    backgroundColor: { type: String },
-    color: { type: String },
-    headerBg: { type: String },
-    headerColor: { type: String }
-  },
-  emits: ["close"],
-  setup(u, { expose: D, emit: X }) {
-    T((t) => ({
-      b93256ca: u.color
-    }));
-    const B = u, C = X, f = M(!1), w = M(!1), e = $({
-      left: window.innerWidth / 2 - 200,
-      top: window.innerHeight / 2 - 120,
-      width: 400,
-      height: 400,
-      dragging: !1,
-      resizing: !1,
-      dragOffsetX: 0,
-      dragOffsetY: 0,
-      pointerStartX: 0,
-      pointerStartY: 0,
-      resizeStartW: 0,
-      resizeStartH: 0
-    });
-    function W() {
-      f.value = !0, U(() => {
-        w.value || (e.left = Math.max(0, window.innerWidth / 2 - e.width / 2), e.top = Math.max(0, window.innerHeight / 2 - e.height / 2), w.value = !0);
-      });
-    }
-    function x() {
-      f.value = !1, C("close");
-    }
-    D({ open: W, close: x });
-    const Y = R(() => ({
-      position: "fixed",
-      left: `${e.left}px`,
-      top: `${e.top}px`,
-      width: `${e.width}px`,
-      height: `${e.height}px`,
-      padding: 0,
-      border: "none",
-      background: B.backgroundColor,
-      boxShadow: "0 4px 24px rgba(0,0,0,0.15)",
-      zIndex: 9999,
-      overflow: "visible",
-      borderRadius: "2px"
-    }));
-    function d(t) {
-      return t.touches && t.touches.length ? { x: t.touches[0].clientX, y: t.touches[0].clientY } : { x: t.clientX, y: t.clientY };
-    }
-    function S(t) {
-      var o;
-      (o = t.preventDefault) == null || o.call(t), e.dragging = !0;
-      const n = d(t);
-      e.dragOffsetX = n.x - e.left, e.dragOffsetY = n.y - e.top, document.addEventListener("mousemove", h), document.addEventListener("mouseup", l), document.addEventListener("touchmove", h, { passive: !1 }), document.addEventListener("touchend", l);
-    }
-    function h(t) {
-      var s;
-      if (!e.dragging) return;
-      (s = t.preventDefault) == null || s.call(t);
-      const n = d(t);
-      let o = n.x - e.dragOffsetX, i = n.y - e.dragOffsetY;
-      o = Math.max(0, Math.min(o, window.innerWidth - e.width)), i = Math.max(0, Math.min(i, window.innerHeight - e.height)), e.left = o, e.top = i;
-    }
-    function l() {
-      e.dragging = !1, document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", l), document.removeEventListener("touchmove", h), document.removeEventListener("touchend", l);
-    }
-    function z(t) {
-      var o;
-      (o = t.preventDefault) == null || o.call(t), e.resizing = !0;
-      const n = d(t);
-      e.pointerStartX = n.x, e.pointerStartY = n.y, e.resizeStartW = e.width, e.resizeStartH = e.height, document.addEventListener("mousemove", p), document.addEventListener("mouseup", c), document.addEventListener("touchmove", p, { passive: !1 }), document.addEventListener("touchend", c);
-    }
-    function p(t) {
-      var s;
-      if (!e.resizing) return;
-      (s = t.preventDefault) == null || s.call(t);
-      const n = d(t);
-      let o = n.x - e.pointerStartX, i = n.y - e.pointerStartY;
-      e.width = Math.max(240, e.resizeStartW + o), e.height = Math.max(400, e.resizeStartH + i);
-    }
-    function c() {
-      e.resizing = !1, document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", c), document.removeEventListener("touchmove", p), document.removeEventListener("touchend", c);
-    }
-    function L(t) {
-      var o;
-      (o = t.preventDefault) == null || o.call(t), e.resizing = !0;
-      const n = d(t);
-      e.pointerStartX = n.x, e.pointerStartY = n.y, e.resizeStartW = e.width, e.resizeStartH = e.height, e.resizeStartLeft = e.left, e.resizeStartTop = e.top, document.addEventListener("mousemove", v), document.addEventListener("mouseup", m), document.addEventListener("touchmove", v, { passive: !1 }), document.addEventListener("touchend", m);
-    }
-    function v(t) {
-      var E;
-      if (!e.resizing) return;
-      (E = t.preventDefault) == null || E.call(t);
-      const n = d(t);
-      let o = n.x - e.pointerStartX, i = Math.min(
-        Math.max(0, e.resizeStartLeft + o),
-        e.resizeStartLeft + e.resizeStartW - 240
-        // min width
-      ), s = e.resizeStartW - (i - e.resizeStartLeft), H = n.y - e.pointerStartY, O = Math.max(400, e.resizeStartH + H);
-      e.left = i, e.width = s, e.height = O;
-    }
-    function m() {
-      e.resizing = !1, document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", m), document.removeEventListener("touchmove", v), document.removeEventListener("touchend", m);
-    }
-    return N(() => {
-      l(), c(), m();
-    }), (t, n) => (g(), V(_, { to: "body" }, [
-      f.value ? (g(), y("div", {
-        key: 0,
-        class: "modal vue-ui-draggable-dialog",
-        style: k(Y.value),
-        onClick: n[0] || (n[0] = a(() => {
-        }, ["stop"]))
-      }, [
-        r("div", {
-          class: "modal-header",
-          style: k({
-            backgroundColor: u.headerBg,
-            color: u.headerColor
-          })
-        }, [
-          r("span", {
-            class: "drag-handle",
-            onMousedown: a(S, ["stop", "prevent"]),
-            onTouchstart: a(S, ["stop", "prevent"])
-          }, [
-            (g(), y("svg", {
-              xmlns: j(A),
-              width: "20",
-              height: "20",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              "stroke-width": "1",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }, n[1] || (n[1] = [
-              r("path", { d: "M5 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
-              r("path", { d: "M5 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
-              r("path", { d: "M12 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
-              r("path", { d: "M12 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
-              r("path", { d: "M19 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
-              r("path", { d: "M19 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1)
-            ]), 8, G))
-          ], 32),
-          r("span", J, [
-            b(t.$slots, "title", {}, void 0, !0)
-          ]),
-          r("button", {
-            class: "close",
-            onClick: x
-          }, [
-            P(q, {
-              name: "close",
-              stroke: u.headerColor
-            }, null, 8, ["stroke"])
-          ])
-        ], 4),
-        r("div", K, [
-          b(t.$slots, "default", {}, void 0, !0)
-        ]),
-        r("div", {
-          class: "resize-handle",
-          onMousedown: a(z, ["stop", "prevent"]),
-          onTouchstart: a(z, ["stop", "prevent"])
-        }, null, 32),
-        r("div", {
-          class: "resize-handle resize-handle-left",
-          onMousedown: a(L, ["stop", "prevent"]),
-          onTouchstart: a(L, ["stop", "prevent"])
-        }, null, 32)
-      ], 4)) : I("", !0)
-    ]));
-  }
-}, oe = /* @__PURE__ */ F(Q, [["__scopeId", "data-v-1344ad9f"]]);
-export {
-  oe as B
-};

package/dist/PackageVersion-BjrblLPQ.js

@@ -1,10 +0,0 @@
-import { createElementBlock as e, openBlock as t, toDisplayString as o, unref as r } from "vue";
-const n = "2.12.6", s = { "aria-hidden": "true" }, p = {
-  __name: "PackageVersion",
-  setup(a) {
-    return (c, _) => (t(), e("desc", s, "Composed with Vue Data UI " + o(r(n)), 1));
-  }
-};
-export {
-  p as _
-};

package/dist/Tooltip-CWmRmhJr.js

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

package/dist/useChartAccessibility-BWojgys7.js

@@ -1,13 +0,0 @@
-import { ref as r, onMounted as s, nextTick as i } from "vue";
-function v({ config: t }) {
-  var u;
-  const e = r(null), a = (t == null ? void 0 : t.text) || "Chart visualization", l = ((u = t == null ? void 0 : t.subtitle) == null ? void 0 : u.text) || "";
-  return s(() => {
-    i(() => {
-      e.value && (e.value.setAttribute("aria-label", `${a}${l ? `. ${l}` : ""}`), e.value.setAttribute("role", "img"), e.value.setAttribute("aria-live", "polite"));
-    });
-  }), { svgRef: e };
-}
-export {
-  v as u
-};