vue-data-ui 3.2.2 → 3.2.3

package/dist/{vue-ui-xy-HW0T1CD8.js → vue-ui-xy-DGln2YgO.js}

@@ -1,18 +1,18 @@
 import { useCssVars as Yo, computed as x, ref as y, watch as ht, onMounted as Zl, onBeforeUnmount as Ll, onUpdated as ho, nextTick as Ml, createElementBlock as u, openBlock as n, createElementVNode as k, createCommentVNode as g, renderSlot as le, normalizeStyle as C, createVNode as gl, withDirectives as Oa, unref as v, Fragment as b, renderList as L, normalizeProps as Gt, mergeProps as Ut, normalizeClass as Ze, withKeys as fo, vModelText as mo, toDisplayString as ce, defineAsyncComponent as Xt, useSlots as Go, getCurrentInstance as Uo, toRefs as qo, watchEffect as go, createBlock as ct, createSlots as xo, withCtx as Se, guardReactiveProps as hl, Teleport as Zo, resolveDynamicComponent as Ko, vModelCheckbox as Jo, createTextVNode as bo } from "vue";
-import { c as ga, z as xa, X as Qo, G as dt, ae as ya, W as pa, af as ka, V as wa, ag as yo, f as Na, t as jo, e as en, E as ql, aa as fl, h as po, p as ko, ap as ha, a6 as q, a0 as Pa, a8 as tn, q as Z, ac as ln, aq as wo, ar as So, a as Ae, as as an, A as on, j as $o, k as St, d as lt, i as ml, s as vt, a4 as K, Q as nn, ak as fa, N as un, at as Yt, D as qe, b as sn, o as _o, x as rn, y as cn, F as _l } from "./lib-CDp2KgIU.js";
+import { c as ga, z as xa, X as Qo, E as dt, ad as ya, U as pa, ae as ka, T as wa, af as yo, f as Na, t as jo, e as en, C as ql, a9 as fl, h as po, p as ko, ao as ha, a4 as q, _ as Pa, a7 as tn, q as Z, ab as ln, ap as wo, aq as So, a as Ae, ar as an, A as on, j as $o, k as St, d as lt, i as ml, s as vt, a2 as K, O as nn, aj as fa, L as un, as as Yt, B as qe, b as sn, o as _o, x as rn, y as cn, D as _l } from "./lib-BEpWEyMm.js";
 import { t as ba, d as vn, u as dn } from "./useResponsive-DfdjqQps.js";
-import { u as hn, a as Fa } from "./useNestedProp-Cwtenuui.js";
-import { u as fn } from "./usePrinter-DU_Pi3Rq.js";
+import { u as hn, a as Fa } from "./useNestedProp-CLD3Gk9S.js";
+import { u as fn } from "./usePrinter-w23K-ezx.js";
 import { u as mn, B as gn } from "./BaseScanner-BgWxam9d.js";
 import { u as Mo, a as xn, l as bn } from "./useTimeLabels-BGFjWgrv.js";
 import { u as yn } from "./useTimeLabelCollider-CIsgDrl9.js";
-import pn from "./img-A48JwXxj.js";
-import kn from "./Title-DlqxaiIs.js";
+import pn from "./img-DjWwQXVS.js";
+import kn from "./Title-C__lOIPC.js";
 import { t as wn } from "./themes-D3cUNuKw.js";
-import { _ as ma } from "./Shape-D_vfF7sk.js";
-import Sn from "./BaseIcon-e63bhLIi.js";
+import { _ as ma } from "./Shape-C_C_OmqR.js";
+import Sn from "./BaseIcon-Bz-1GQhu.js";
 import { _ as Lo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import $n from "./vue-ui-accordion-BWnxgda4.js";
+import $n from "./vue-ui-accordion-Cv7OaVUI.js";
 const _n = {
   class: "vue-data-ui-slicer-labels",
   style: { position: "relative", "z-index": "1", "pointer-events": "none" }
@@ -1159,7 +1159,7 @@ const _n = {
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(S, { expose: Sa, emit: $a }) {
-    const h = S, Ne = Xt(() => import("./DataTable-dv6G7Krn.js")), ve = Xt(() => import("./Tooltip-BKqK7z38.js")), me = Xt(() => import("./UserOptions-C9IFsUt0.js")), ge = Xt(() => import("./BaseIcon-e63bhLIi.js")), Cl = Xt(() => import("./vue-ui-table-sparkline-8mOvfeTL.js")), $t = Xt(() => import("./PackageVersion-C3Vg-vTM.js")), Nt = Xt(() => import("./PenAndPaper-CplrzuG7.js")), Kl = Xt(() => import("./BaseDraggableDialog-Cg4ZF9cb.js")), qt = $a, xl = Go(), Zt = Uo(), { vue_ui_xy: _t } = hn(), Be = y(null), Te = y(null), Ke = y(null), Le = y(null), ft = y(null), Mt = y(null), Al = y(null), Kt = y(null), Jt = y(null), $e = y(null), Tl = y(null), zl = y(null), mt = y(null), ue = y(null), Jl = y(0), E = y(null), Qt = y(!0), W = y(600), ae = y(1e3), at = y("0 0 1000 600"), Ql = y({ x: 0, y: 0 }), jt = y({ line: "line", bar: "bar", plot: "plot" }), Ee = y(!1), Pe = y(!1), bl = y(!1), oe = y(null), de = y([]), J = y(ga()), Il = y(0), Nl = y(0), Pl = y(0), He = y(!0), gt = y(0), X = y(null), jl = y(!1), Fl = y(!0), yl = y(!0), _e = y(null), ot = y({}), el = y(null), H = y(!1), Je = y(null), M = y(null), xt = x(() => ({
+    const h = S, Ne = Xt(() => import("./DataTable-BvjacRbw.js")), ve = Xt(() => import("./Tooltip-BOXz8skU.js")), me = Xt(() => import("./UserOptions-DsTgvAok.js")), ge = Xt(() => import("./BaseIcon-Bz-1GQhu.js")), Cl = Xt(() => import("./vue-ui-table-sparkline-B5QdvlV7.js")), $t = Xt(() => import("./PackageVersion-oBQ8brnx.js")), Nt = Xt(() => import("./PenAndPaper-CR8q353D.js")), Kl = Xt(() => import("./BaseDraggableDialog-CHhZIht2.js")), qt = $a, xl = Go(), Zt = Uo(), { vue_ui_xy: _t } = hn(), Be = y(null), Te = y(null), Ke = y(null), Le = y(null), ft = y(null), Mt = y(null), Al = y(null), Kt = y(null), Jt = y(null), $e = y(null), Tl = y(null), zl = y(null), mt = y(null), ue = y(null), Jl = y(0), E = y(null), Qt = y(!0), W = y(600), ae = y(1e3), at = y("0 0 1000 600"), Ql = y({ x: 0, y: 0 }), jt = y({ line: "line", bar: "bar", plot: "plot" }), Ee = y(!1), Pe = y(!1), bl = y(!1), oe = y(null), de = y([]), J = y(ga()), Il = y(0), Nl = y(0), Pl = y(0), He = y(!0), gt = y(0), X = y(null), jl = y(!1), Fl = y(!0), yl = y(!0), _e = y(null), ot = y({}), el = y(null), H = y(!1), Je = y(null), M = y(null), xt = x(() => ({
       height: W.value,
       width: ae.value
     }));

package/dist/{vue-ui-xy-canvas-C4FbbXNQ.js → vue-ui-xy-canvas-DF2Ts-g3.js}

@@ -1,18 +1,18 @@
 import { defineAsyncComponent as ee, ref as c, computed as L, useSlots as ea, onMounted as dl, watch as D, nextTick as hl, shallowRef as Me, onBeforeUnmount as la, createElementBlock as de, openBlock as S, unref as p, normalizeClass as aa, normalizeStyle as le, createCommentVNode as H, createElementVNode as Y, createBlock as F, createSlots as fl, withCtx as m, renderSlot as k, normalizeProps as V, guardReactiveProps as Z, createVNode as yl, Teleport as ta, toDisplayString as Oe, resolveDynamicComponent as oa, mergeProps as ua, createTextVNode as gl } from "vue";
-import { c as ra, b as sa, p as G, D as xe, e as na, E as Re, a as ae, d as te, h as pl, a0 as ia, L as va, a8 as ca, o as da, f as ha, z as ml, x as fa, y as ya, A as ga, s as he, m as pa } from "./lib-CDp2KgIU.js";
+import { c as ra, b as sa, p as G, B as xe, e as na, C as Re, a as ae, d as te, h as pl, _ as ia, J as va, a7 as ca, o as da, f as ha, z as ml, x as fa, y as ya, A as ga, s as he, m as pa } from "./lib-BEpWEyMm.js";
 import { d as ma, t as ba, u as xa, c as La, a as bl, l as C, r as De, b as P, p as xl } from "./useResponsive-DfdjqQps.js";
-import { u as ka, a as Ll } from "./useNestedProp-Cwtenuui.js";
-import { u as Ca } from "./usePrinter-DU_Pi3Rq.js";
+import { u as ka, a as Ll } from "./useNestedProp-CLD3Gk9S.js";
+import { u as Ca } from "./usePrinter-w23K-ezx.js";
 import { u as wa } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Sa } from "./useChartAccessibility-9icAAmYg.js";
 import { t as za } from "./themes-D3cUNuKw.js";
-import $a from "./Legend-CVcdvTLM.js";
-import Ta from "./Title-DlqxaiIs.js";
-import { S as Ia } from "./Slicer-BO2wNLcR.js";
-import Ma from "./vue-ui-accordion-BWnxgda4.js";
+import $a from "./Legend-BpoFJ8fc.js";
+import Ta from "./Title-C__lOIPC.js";
+import { S as Ia } from "./Slicer-BA2GhOmY.js";
+import Ma from "./vue-ui-accordion-Cv7OaVUI.js";
 import { u as Oa } from "./useTimeLabels-BGFjWgrv.js";
-import Ra from "./img-A48JwXxj.js";
-import Da from "./BaseIcon-e63bhLIi.js";
+import Ra from "./img-DjWwQXVS.js";
+import Da from "./BaseIcon-Bz-1GQhu.js";
 import { _ as Fa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
   key: 3,
@@ -35,7 +35,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
   },
   emits: ["selectLegend"],
   setup(Fe, { expose: kl, emit: Cl }) {
-    const wl = ee(() => import("./DataTable-dv6G7Krn.js")), Sl = ee(() => import("./NonSvgPenAndPaper-DSmotL8i.js")), zl = ee(() => import("./vue-ui-skeleton-BlVnOk2o.js")), $l = ee(() => import("./Tooltip-BKqK7z38.js")), Tl = ee(() => import("./UserOptions-C9IFsUt0.js")), Il = ee(() => import("./BaseDraggableDialog-Cg4ZF9cb.js")), { vue_ui_xy_canvas: Ml } = ka(), g = Fe, _ = c(ra()), I = c(null), oe = c(null), n = c(null), f = c(1), E = c(1), fe = c(!1), d = c(null), ye = c(""), Pe = c(null), $ = c([]), j = c(1), B = c(!0), q = c(!0), Le = c(null), Ee = c(0), Ae = c(0), ue = c(!1), Ne = c(null), He = c(null), Ye = c(null), _e = c(null), ke = c(0), Ce = c(0), we = c(0), M = c(null), Be = c(!1), re = c(null), Se = c(null), ge = L(() => !!g.dataset && g.dataset.length), Ol = Cl, Rl = ea();
+    const wl = ee(() => import("./DataTable-BvjacRbw.js")), Sl = ee(() => import("./NonSvgPenAndPaper-l9giyY1Z.js")), zl = ee(() => import("./vue-ui-skeleton-DZPi12tE.js")), $l = ee(() => import("./Tooltip-BOXz8skU.js")), Tl = ee(() => import("./UserOptions-DsTgvAok.js")), Il = ee(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_xy_canvas: Ml } = ka(), g = Fe, _ = c(ra()), I = c(null), oe = c(null), n = c(null), f = c(1), E = c(1), fe = c(!1), d = c(null), ye = c(""), Pe = c(null), $ = c([]), j = c(1), B = c(!0), q = c(!0), Le = c(null), Ee = c(0), Ae = c(0), ue = c(!1), Ne = c(null), He = c(null), Ye = c(null), _e = c(null), ke = c(0), Ce = c(0), we = c(0), M = c(null), Be = c(!1), re = c(null), Se = c(null), ge = L(() => !!g.dataset && g.dataset.length), Ol = Cl, Rl = ea();
     dl(() => {
       Rl["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.2.2",
+  "version": "3.2.3",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/ColorPicker-BO4ntExI.js

@@ -1,135 +0,0 @@
-import { ref as l, computed as k, watch as I, withDirectives as P, createElementBlock as r, openBlock as n, withKeys as S, createElementVNode as u, createCommentVNode as z, normalizeStyle as a, createVNode as F, Fragment as E, renderList as N, unref as O } from "vue";
-import C from "./BaseIcon-e63bhLIi.js";
-import { G as V } from "./lib-CDp2KgIU.js";
-import { v as D } from "./vClickOutside-C6WiFswA.js";
-import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const $ = ["onClick"], G = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -46%)" } }, L = ["value"], T = {
-  __name: "ColorPicker",
-  props: {
-    value: {
-      type: String,
-      default: "#ffffff"
-    },
-    size: {
-      type: String,
-      default: "50px"
-    },
-    backgroundColor: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    buttonBorderColor: {
-      type: String,
-      default: "#FFFFFF"
-    }
-  },
-  emits: ["update:value"],
-  setup(e, { emit: m }) {
-    const c = e, s = m, g = l(null), y = k(() => ({
-      backgroundColor: c.value,
-      width: "100%",
-      height: "100%",
-      cursor: "pointer"
-    })), i = l(null), o = l(!1), b = () => {
-      i.value?.click();
-    };
-    function h(t) {
-      s("update:value", t), o.value = !1;
-    }
-    function _() {
-      o.value = !1;
-    }
-    function d() {
-      o.value && _();
-    }
-    const x = (t) => {
-      const v = t.target.value;
-      s("update:value", v);
-    }, p = k(() => V(c.value));
-    async function w() {
-      o.value = !o.value;
-    }
-    I(
-      () => c.value,
-      (t) => {
-        i.value.value = t;
-      }
-    );
-    const B = l([
-      "#000000",
-      "#FFFFFF",
-      "#FF5733",
-      "#33FF57",
-      "#3357FF",
-      "#FFC300",
-      "#800080",
-      "#FF1493",
-      "#00CED1"
-    ]);
-    return (t, v) => P((n(), r("div", {
-      onKeydown: S(d, ["esc"]),
-      style: { height: "100%", width: "100%", position: "relative" }
-    }, [
-      u("button", {
-        class: "icon",
-        onClick: w,
-        style: a(y.value)
-      }, [
-        F(C, {
-          name: "palette",
-          stroke: p.value,
-          size: 22
-        }, null, 8, ["stroke"])
-      ], 4),
-      o.value ? (n(), r("div", {
-        key: 0,
-        ref_key: "picker",
-        ref: g,
-        tabindex: "0",
-        class: "vue-ui-color-picker",
-        style: a({
-          backgroundColor: e.backgroundColor
-        })
-      }, [
-        (n(!0), r(E, null, N(B.value, (f) => (n(), r("button", {
-          tabindex: "0",
-          class: "vue-ui-color-picker-option",
-          style: a({
-            backgroundColor: f,
-            outline: `1px solid ${e.buttonBorderColor}`
-          }),
-          onClick: () => h(f)
-        }, null, 12, $))), 256)),
-        u("button", {
-          class: "vue-ui-color-picker-option",
-          onClick: b,
-          style: a({
-            backgroundColor: e.value,
-            outline: `1px solid ${e.buttonBorderColor}`
-          })
-        }, [
-          u("div", G, [
-            F(C, {
-              name: "colorPicker",
-              stroke: p.value,
-              size: 22
-            }, null, 8, ["stroke"])
-          ]),
-          u("input", {
-            ref_key: "colorInput",
-            ref: i,
-            type: "color",
-            value: e.value,
-            class: "hidden-input",
-            onInput: x
-          }, null, 40, L)
-        ], 4)
-      ], 4)) : z("", !0)
-    ], 32)), [
-      [O(D), d]
-    ]);
-  }
-}, M = /* @__PURE__ */ K(T, [["__scopeId", "data-v-f6dd9192"]]);
-export {
-  M as C
-};

package/dist/vue-ui-accordion-BWnxgda4.js

@@ -1,76 +0,0 @@
-import { useCssVars as y, computed as s, ref as r, onMounted as b, watch as _, createElementBlock as v, openBlock as u, createElementVNode as n, normalizeClass as $, normalizeStyle as p, createCommentVNode as O, renderSlot as c, createBlock as D, normalizeProps as i, mergeProps as N, guardReactiveProps as m } from "vue";
-import w from "./BaseIcon-e63bhLIi.js";
-import { u as x, a as B } from "./useNestedProp-Cwtenuui.js";
-import { c as I } from "./lib-CDp2KgIU.js";
-import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const F = ["id"], P = {
-  key: 0,
-  class: "vue-ui-accordion-arrow"
-}, z = {
-  __name: "vue-ui-accordion",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    hideDetails: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(l) {
-    y((o) => ({
-      v95f7c2e4: C.value
-    }));
-    const { vue_ui_accordion: f } = x(), g = l, e = s(() => B({
-      userConfig: g.config,
-      defaultConfig: f
-    })), a = r(e.value.open), h = r(I()), t = r(null), d = r(0);
-    b(() => {
-      t.value.open = e.value.open;
-    }), _(() => e.value.open, (o) => {
-      t.value.open = o;
-    });
-    function k() {
-      (d.value > 0 || !e.value.open) && (a.value = !a.value), d.value += 1;
-    }
-    const C = s(() => `${e.value.maxHeight}px`);
-    return (o, E) => (u(), v("div", null, [
-      n("details", {
-        id: `details_${h.value}`,
-        ref_key: "details",
-        ref: t,
-        onToggle: k
-      }, [
-        n("summary", {
-          class: $({ "vue-ui-accordion-headless": l.hideDetails })
-        }, [
-          n("div", {
-            class: "vue-ui-accordion-head",
-            style: p(`background:${e.value.head.backgroundColor};padding:${e.value.head.padding}; ${l.hideDetails ? "height: 0px !important; padding: 0 !important;" : ""}`)
-          }, [
-            l.hideDetails ? O("", !0) : (u(), v("div", P, [
-              e.value.head.useArrowSlot ? c(o.$slots, "arrow", i(N({ key: 0 }, { backgroundColor: e.value.head.backgroundColor, color: e.value.head.color, iconColor: e.value.head.iconColor, isOpen: a.value })), void 0, !0) : (u(), D(w, {
-                key: 1,
-                name: "arrowRight",
-                stroke: e.value.head.iconColor
-              }, null, 8, ["stroke"]))
-            ])),
-            c(o.$slots, "title", i(m({ color: e.value.head.color, isOpen: a.value })), void 0, !0)
-          ], 4)
-        ], 2)
-      ], 40, F),
-      n("div", {
-        class: "vue-ui-accordion-content",
-        style: p(`background:${e.value.body.backgroundColor};color:${e.value.body.color}`)
-      }, [
-        c(o.$slots, "content", i(m({ backgroundColor: e.value.body.backgroundColor, color: e.value.body.color, isOpen: a.value })), void 0, !0)
-      ], 4)
-    ]));
-  }
-}, R = /* @__PURE__ */ A(z, [["__scopeId", "data-v-28fc829c"]]);
-export {
-  R as default
-};