vue-data-ui 3.0.0-next.57 → 3.0.0-next.58

package/dist/{vue-ui-xy-SradgwzX.js → vue-ui-xy-ByTY6gwo.js}

@@ -1,16 +1,16 @@
 import { useCssVars as Ja, computed as y, ref as p, onMounted as Lt, onBeforeUnmount as nt, watch as sl, nextTick as Zl, onUpdated as Ka, createElementBlock as s, openBlock as u, createElementVNode as m, createCommentVNode as h, renderSlot as K, normalizeStyle as $, createVNode as Ul, withDirectives as Bt, unref as v, Fragment as f, renderList as L, normalizeClass as Re, vModelText as ba, toDisplayString as ae, defineAsyncComponent as yl, useSlots as Qa, getCurrentInstance as ja, toRefs as eo, watchEffect as lo, createBlock as Ke, createSlots as to, withCtx as pe, normalizeProps as vl, guardReactiveProps as kl, mergeProps as kt, vModelCheckbox as ao, createTextVNode as oo } from "vue";
-import { c as _t, V as Mt, U as At, X as uo, F as je, u as io, f as Vt, t as so, a5 as ul, d as no, D as st, ad as Nl, e as ro, p as co, ae as wt, aa as Y, af as vo, h as V, ag as pa, ah as ya, ai as ho, aj as ka, ak as wa, k as we, y as fo, z as go, _ as Sa, R as il, i as De, x as Rl, s as Qe, a8 as ee, L as mo, al as St, I as xo, am as wl, C as Xe, a as bo, b as po, o as $a, v as yo, w as ko, E as Gl } from "./index-Dyu8fp8E.js";
+import { c as _t, V as Mt, U as At, X as uo, F as je, u as io, f as Vt, t as so, a5 as ul, d as no, D as st, ad as Nl, e as ro, p as co, ae as wt, aa as Y, af as vo, h as V, ag as pa, ah as ya, ai as ho, aj as ka, ak as wa, k as we, y as fo, z as go, _ as Sa, R as il, i as De, x as Rl, s as Qe, a8 as ee, L as mo, al as St, I as xo, am as wl, C as Xe, a as bo, b as po, o as $a, v as yo, w as ko, E as Gl } from "./index-BshAuNuP.js";
 import { t as Ft, u as wo } from "./useResponsive-DfdjqQps.js";
-import { u as So } from "./usePrinter-BXgpLrO7.js";
+import { u as So } from "./usePrinter-CQBNBSp8.js";
 import { u as $o, B as _o } from "./useLoading-Bt5Doa8m.js";
-import { u as Et } from "./useNestedProp-DQ1VA96r.js";
+import { u as Et } from "./useNestedProp-BbGfeZ8E.js";
 import { u as _a } from "./useTimeLabels-DkzmKfZn.js";
 import { u as Lo } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Mo from "./img-C2UO2LmT.js";
-import Ao from "./Title-9W8vYOTf.js";
-import { S as Co } from "./Slicer-CxfK8Ooe.js";
-import { _ as $t } from "./Shape-BNM3sYvz.js";
-import zo from "./BaseIcon-3PL8sPji.js";
+import Mo from "./img-CJNBD126.js";
+import Ao from "./Title-ENZfmjfM.js";
+import { S as Co } from "./Slicer-CUaK2ypg.js";
+import { _ as $t } from "./Shape-KHCRkkSS.js";
+import zo from "./BaseIcon-B-Zuw4hN.js";
 import { _ as La } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const To = {
   class: "vue-data-ui-slicer-labels",
@@ -709,7 +709,7 @@ const To = {
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(C, { expose: Ct, emit: zt }) {
-    const d = C, Pe = yl(() => import("./DataTable-B4_im8hi.js")), ie = yl(() => import("./Tooltip-BsvF9Fzt.js")), re = yl(() => import("./UserOptions-BsuG6h2S.js")), Sl = yl(() => import("./BaseIcon-3PL8sPji.js")), ql = yl(() => import("./vue-ui-table-sparkline-DDP0Zqh6.js")), Pl = yl(() => import("./vue-ui-accordion-CYSqT9wk.js")), $l = yl(() => import("./PackageVersion-DibkYC-M.js")), _l = yl(() => import("./PenAndPaper-DwEs21-8.js")), dl = zt, Jl = Qa(), Kl = ja(), { vue_ui_xy: Ql } = io(), fe = p(null), ye = p(null), ze = p(null), el = p(null), Ll = p(null), Ml = p(null), Tt = p(null), He = p(null), Hl = p(null), nl = p(null), Al = p(null), D = p(null), ll = p(null), ge = p(0), M = p(null), Ve = p(!0), se = p(600), ne = p(1e3), Vl = p("0 0 1000 600"), Cl = p({ x: 0, y: 0 }), Ge = p({ line: "line", bar: "bar", plot: "plot" }), hl = p(!1), rl = p(!1), El = p(!1), Te = p(null), oe = p([]), Q = p(_t()), rt = p(0), ct = p(0), jl = p(0), Me = p(!0), Ee = p(0), O = p(null), Ue = p(!1), Bl = p(!0), Fl = p(!0), Se = p(null), Be = p({}), Wl = p(null), S = p(null), vt = y(() => ({
+    const d = C, Pe = yl(() => import("./DataTable-9RqEr3O7.js")), ie = yl(() => import("./Tooltip-CsLS8Tc8.js")), re = yl(() => import("./UserOptions-GxEENfvl.js")), Sl = yl(() => import("./BaseIcon-B-Zuw4hN.js")), ql = yl(() => import("./vue-ui-table-sparkline-53LdwwOX.js")), Pl = yl(() => import("./vue-ui-accordion-DmrWcofh.js")), $l = yl(() => import("./PackageVersion-Q84nLP1I.js")), _l = yl(() => import("./PenAndPaper-DTDvVEz-.js")), dl = zt, Jl = Qa(), Kl = ja(), { vue_ui_xy: Ql } = io(), fe = p(null), ye = p(null), ze = p(null), el = p(null), Ll = p(null), Ml = p(null), Tt = p(null), He = p(null), Hl = p(null), nl = p(null), Al = p(null), D = p(null), ll = p(null), ge = p(0), M = p(null), Ve = p(!0), se = p(600), ne = p(1e3), Vl = p("0 0 1000 600"), Cl = p({ x: 0, y: 0 }), Ge = p({ line: "line", bar: "bar", plot: "plot" }), hl = p(!1), rl = p(!1), El = p(!1), Te = p(null), oe = p([]), Q = p(_t()), rt = p(0), ct = p(0), jl = p(0), Me = p(!0), Ee = p(0), O = p(null), Ue = p(!1), Bl = p(!0), Fl = p(!0), Se = p(null), Be = p({}), Wl = p(null), S = p(null), vt = y(() => ({
       height: se.value,
       width: ne.value
     })), fl = d.config.downsample && d.config.downsample.threshold ? d.config.downsample.threshold : 500, b = p({

package/dist/{vue-ui-xy-canvas-BPIlcbK3.js → vue-ui-xy-canvas-B_VipV62.js}

@@ -1,15 +1,15 @@
 import { defineAsyncComponent as K, ref as d, computed as L, useSlots as Va, onMounted as ua, watch as D, nextTick as sa, shallowRef as ze, onBeforeUnmount as Ga, createElementBlock as se, openBlock as S, unref as p, normalizeClass as Za, normalizeStyle as Q, createCommentVNode as X, createBlock as N, createElementVNode as ne, 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, a as el, p as V, b as al, C as ge, d as ll, D as $e, k as ee, i as ae, e as ia, a5 as tl, G as ol, af as rl, o as ul, f as sl, y as va, v as nl, w as il, z as vl, s as ie, l as cl } from "./index-Dyu8fp8E.js";
+import { u as Ka, c as Qa, a as el, p as V, b as al, C as ge, d as ll, D as $e, k as ee, i as ae, e as ia, a5 as tl, G as ol, af as rl, o as ul, f as sl, y as va, v as nl, w as il, z as vl, s as ie, l as cl } from "./index-BshAuNuP.js";
 import { d as dl, t as hl, u as yl, c as fl, a as ca, l as C, r as Ie, b as R, p as da } from "./useResponsive-DfdjqQps.js";
-import { u as ha } from "./useNestedProp-DQ1VA96r.js";
-import { u as gl } from "./usePrinter-BXgpLrO7.js";
+import { u as ha } from "./useNestedProp-BbGfeZ8E.js";
+import { u as gl } from "./usePrinter-CQBNBSp8.js";
 import { u as pl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ml } from "./useChartAccessibility-9icAAmYg.js";
-import bl from "./Legend-Clb_m4Rb.js";
-import xl from "./Title-9W8vYOTf.js";
-import { S as Ll } from "./Slicer-CxfK8Ooe.js";
+import bl from "./Legend-BqrngbHw.js";
+import xl from "./Title-ENZfmjfM.js";
+import { S as Ll } from "./Slicer-CUaK2ypg.js";
 import { u as kl } from "./useTimeLabels-DkzmKfZn.js";
-import Cl from "./img-C2UO2LmT.js";
+import Cl from "./img-CJNBD126.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(Me, { expose: ya, emit: fa }) {
-    const ga = K(() => import("./vue-ui-accordion-CYSqT9wk.js")), pa = K(() => import("./DataTable-B4_im8hi.js")), ma = K(() => import("./NonSvgPenAndPaper-D3B8A264.js")), ba = K(() => import("./vue-ui-skeleton-D0jRJnYr.js")), xa = K(() => import("./Tooltip-BsvF9Fzt.js")), La = K(() => import("./UserOptions-BsuG6h2S.js")), { vue_ui_xy_canvas: ka } = Ka(), g = Me, pe = d(Qa()), P = d(null), le = d(null), n = d(null), y = d(1), F = d(1), ve = d(!1), c = d(null), ce = d(""), Te = d(null), $ = d([]), G = d(1), H = d(!0), Z = d(!0), me = d(null), Oe = d(0), Re = d(0), de = d(!1), Pe = d(null), Fe = d(null), Ee = d(null), Ae = d(null), be = d(0), xe = d(0), Le = d(0), M = d(null), ke = L(() => !!g.dataset && g.dataset.length), Ca = fa, wa = Va();
+    const ga = K(() => import("./vue-ui-accordion-DmrWcofh.js")), pa = K(() => import("./DataTable-9RqEr3O7.js")), ma = K(() => import("./NonSvgPenAndPaper-BBs_NC2x.js")), ba = K(() => import("./vue-ui-skeleton-C-F_6Vl8.js")), xa = K(() => import("./Tooltip-CsLS8Tc8.js")), La = K(() => import("./UserOptions-GxEENfvl.js")), { vue_ui_xy_canvas: ka } = Ka(), g = Me, pe = d(Qa()), P = d(null), le = d(null), n = d(null), y = d(1), F = d(1), ve = d(!1), c = d(null), ce = d(""), Te = d(null), $ = d([]), G = d(1), H = d(!0), Z = d(!0), me = d(null), Oe = d(0), Re = d(0), de = d(!1), Pe = d(null), Fe = d(null), Ee = d(null), Ae = d(null), be = d(0), xe = d(0), Le = d(0), M = d(null), ke = L(() => !!g.dataset && g.dataset.length), Ca = fa, wa = Va();
     ua(() => {
       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.57",
+  "version": "3.0.0-next.58",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/usePanZoom-BQMvRXEQ.js

@@ -1,115 +0,0 @@
-import { ref as h, computed as O, onMounted as Q, onUnmounted as U, watchEffect as W } from "vue";
-function J(f, s = { x: 0, y: 0, width: 100, height: 100 }, q = 1, z) {
-  const o = h({ ...s }), l = h(1), E = h(!1), y = h({ x: 0, y: 0 }), x = h(0), D = h(null), L = h(!1), k = O(() => o.value.x !== s.x || o.value.y !== s.y || o.value.width !== s.width || o.value.height !== s.height);
-  let v = { x: 0, y: 0 }, F = null, g = null;
-  function M(e) {
-    if (e.length < 2) return 0;
-    const t = e[0].clientX - e[1].clientX, n = e[0].clientY - e[1].clientY;
-    return Math.sqrt(t * t + n * n);
-  }
-  function d(e) {
-    const t = f.value;
-    if (!t) return { x: 0, y: 0 };
-    const n = t.createSVGPoint();
-    n.x = e.clientX, n.y = e.clientY;
-    const a = t.getScreenCTM()?.inverse();
-    return a ? n.matrixTransform(a) : { x: 0, y: 0 };
-  }
-  function P(e) {
-    E.value = !0;
-    const t = d(e.touches ? e.touches[0] : e);
-    y.value = { x: t.x, y: t.y }, v = { x: 0, y: 0 };
-  }
-  function S(e) {
-    if (!E.value) return;
-    const t = d(e.touches ? e.touches[0] : e);
-    let n = t.x - y.value.x, a = t.y - y.value.y;
-    Math.abs(n) < 0.3 && Math.abs(a) < 0.3 || (v.x = n * 0.8 + v.x * 0.2, v.y = a * 0.8 + v.y * 0.2, y.value = t, F || (F = requestAnimationFrame(C)));
-  }
-  function C() {
-    o.value.x -= v.x, o.value.y -= v.y, F = null;
-  }
-  function m() {
-    E.value = !1;
-  }
-  function G(e = !1) {
-    if (!e) {
-      o.value = { ...s }, l.value = 1;
-      return;
-    }
-    const t = { ...o.value }, n = l.value, a = 300;
-    let u = null;
-    function r(i) {
-      u || (u = i);
-      const c = Math.min((i - u) / a, 1);
-      o.value = {
-        x: t.x + (s.x - t.x) * c,
-        y: t.y + (s.y - t.y) * c,
-        width: t.width + (s.width - t.width) * c,
-        height: t.height + (s.height - t.height) * c
-      }, l.value = n + (1 - n) * c, c < 1 ? requestAnimationFrame(r) : (o.value = { ...s }, l.value = 1);
-    }
-    requestAnimationFrame(r);
-  }
-  function X(e) {
-    e.preventDefault();
-    const t = e.deltaY > 0 ? 0.9 : 1.1;
-    w(t, d(e));
-  }
-  function A(e) {
-    e.preventDefault();
-    const t = d(e), n = 1.02 * (1 + q / 100);
-    H(n, t);
-  }
-  function H(e, t) {
-    g && cancelAnimationFrame(g);
-    let n = l.value, a = n * e, u = 0;
-    const r = () => {
-      u += 0.02;
-      let i = n + (a - n) * I(u);
-      if (u >= 1) {
-        l.value = a, g = null;
-        return;
-      }
-      w(i / n, t), g = requestAnimationFrame(r);
-    };
-    r();
-  }
-  const I = (e) => e < 0.5 ? 2 * e * e : -1 + (4 - 2 * e) * e;
-  function w(e, t) {
-    const n = l.value * e, a = n / l.value, u = o.value.width / a, r = o.value.height / a, i = (t.x - o.value.x) * (1 - 1 / a), c = (t.y - o.value.y) * (1 - 1 / a);
-    o.value.x += i, o.value.y += c, o.value.width = u, o.value.height = r, l.value = n;
-  }
-  function T(e) {
-    e.touches.length === 2 ? (L.value = !0, x.value = M(e.touches), D.value = { ...o.value }) : (e.preventDefault(), P(e));
-  }
-  function Z(e) {
-    if (L.value && e.touches.length === 2) {
-      e.preventDefault();
-      const t = M(e.touches);
-      if (x.value) {
-        const n = t / x.value, u = f.value.getBoundingClientRect(), r = (e.touches[0].clientX + e.touches[1].clientX) / 2 - u.left, i = (e.touches[0].clientY + e.touches[1].clientY) / 2 - u.top, c = d({ clientX: r + u.left, clientY: i + u.top });
-        o.value = { ...D.value }, w(n, c);
-      }
-    } else
-      e.preventDefault(), S(e);
-  }
-  function p(e) {
-    e.touches.length < 2 && (L.value = !1), m();
-  }
-  Q(b), U(Y);
-  function b() {
-    const e = f.value;
-    e && (e.addEventListener("mousedown", P), e.addEventListener("mousemove", S), e.addEventListener("mouseup", m), e.addEventListener("mouseleave", m), e.addEventListener("wheel", X, { passive: !1 }), e.addEventListener("dblclick", A), e.addEventListener("touchstart", T, { passive: !1 }), e.addEventListener("touchmove", Z, { passive: !1 }), e.addEventListener("touchend", p), e.addEventListener("touchcancel", p));
-  }
-  function Y() {
-    const e = f.value;
-    e && (e.removeEventListener("mousedown", P), e.removeEventListener("mousemove", S), e.removeEventListener("mouseup", m), e.removeEventListener("mouseleave", m), e.removeEventListener("wheel", X), e.removeEventListener("dblclick", A), e.removeEventListener("touchstart", T), e.removeEventListener("touchmove", Z), e.removeEventListener("touchend", p), e.removeEventListener("touchcancel", p));
-  }
-  return W(() => (z.value ? b() : Y(), () => {
-    Y();
-  })), { viewBox: o, resetZoom: G, isZoom: k };
-}
-export {
-  J as u
-};