vue-data-ui 3.7.14 → 3.7.16

package/dist/{vue-ui-world-khFqzGoQ.js → vue-ui-world-DAObATdc.js}

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as z, computed as T, ref as F, onMounted as n4, toRefs as r4, watch as C1, createElementBlock as x, openBlock as b, unref as f, normalizeStyle as k1, normalizeClass as c2, createBlock as Q, createCommentVNode as A, renderSlot as C, createElementVNode as I, createVNode as w1, withCtx as k, normalizeProps as D, guardReactiveProps as U, createSlots as O1, withModifiers as i4, Fragment as h1, renderList as d2, mergeProps as m2, createTextVNode as T1, toDisplayString as v1, Teleport as s4, resolveDynamicComponent as l4, nextTick as u4 } from "vue";
-import { u as p4, a as y4 } from "./useNestedProp-BjZ1Lg9E.js";
+import { u as p4, a as y4 } from "./useNestedProp-CoXaJ2T6.js";
 import { c as g2, t as c4, j as d4, l as S1, p as f1, X as m4, n as g4, r as h2, a as v2, d as f2, W as I1, ai as h4, u as v4, q as f4, x as P4 } from "./lib-DUaaQGCv.js";
 import { u as M4, B as b4 } from "./BaseScanner-BgWxam9d.js";
 import { u as F4 } from "./usePrinter-BdVu83IN.js";
@@ -180,7 +180,7 @@ const $4 = {
   },
   emits: ["selectDatapoint", "selectLegend"],
   setup(y, { expose: i, emit: s }) {
-    const l = z(() => import("./Title-BwhstTFA.js")), g = z(() => import("./Legend-DSyOOSJ1.js")), r = z(() => import("./Tooltip-De7i-i20.js")), M = z(() => import("./BaseIcon-Dl4VBlHV.js")), d = z(() => import("./vue-ui-accordion-BXTVRRX7.js")), n = z(() => import("./DataTable-Ho3Bf5oq.js")), m = z(() => import("./PenAndPaper-kymjF6_b.js")), p = z(() => import("./UserOptions-DgscxIaa.js")), v = z(() => import("./PackageVersion-DtFSiS0a.js")), c = z(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_world: _ } = p4(), h = y, N = s, w = T({
+    const l = z(() => import("./Title-CM2dM0rQ.js")), g = z(() => import("./Legend-DSyOOSJ1.js")), r = z(() => import("./Tooltip-De7i-i20.js")), M = z(() => import("./BaseIcon--wNsuYtd.js")), d = z(() => import("./vue-ui-accordion-WOXCCkiC.js")), n = z(() => import("./DataTable-DRZJOlJB.js")), m = z(() => import("./PenAndPaper-CMmG5Mka.js")), p = z(() => import("./UserOptions-5GYBcJJU.js")), v = z(() => import("./PackageVersion-BW9_gimf.js")), c = z(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_world: _ } = p4(), h = y, N = s, w = T({
       get() {
         return !!d1.value;
       },

package/dist/{vue-ui-xy-DyWuuhwF.js → vue-ui-xy-D6gFGE5R.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as Xe, useSlots as er, getCurrentInstance as lr, ref as x, computed as b, onMounted as Zl, toRefs as ar, watch as Ll, watchEffect as Lt, onBeforeUnmount as ka, nextTick as Mt, createElementBlock as n, openBlock as u, normalizeStyle as C, normalizeClass as ll, createBlock as Te, createCommentVNode as h, createElementVNode as p, createVNode as vl, unref as v, withCtx as G, renderSlot as P, normalizeProps as ke, guardReactiveProps as _e, createSlots as Tt, Fragment as d, renderList as w, mergeProps as al, toDisplayString as ae, Teleport as tr, resolveDynamicComponent as or, withDirectives as rr, vModelCheckbox as sr, createTextVNode as zt } from "vue";
 import { c as _a, g as wa, t as ir, j as ur, F as Ml, G as tl, l as It, p as Sa, H as Jl, I as Y, J as Ca, K as nr, L as cr, M as N, y as Ft, z as Ot, A as Bt, B as Nt, N as vr, O as Vt, P as Dt, a as re, Q as dr, x as Pt, R as hr, b as Et, e as Ne, d as Ve, h as ol, s as ze, S as fr, w as Ge, T as Kl, m as Ce, U as gr, V as Ue, W as fe, i as mr, o as Rt, u as br, q as xr, Y as dl } from "./lib-DUaaQGCv.js";
 import { t as pr } from "./useResponsive-DfdjqQps.js";
-import { u as yr, a as Tl } from "./useNestedProp-BjZ1Lg9E.js";
+import { u as yr, a as Tl } from "./useNestedProp-CoXaJ2T6.js";
 import { u as kr } from "./usePrinter-BdVu83IN.js";
 import { u as _r, B as wr } from "./BaseScanner-BgWxam9d.js";
 import { u as Ht, a as Sr, l as Cr } from "./useTimeLabels-C5qMhpbe.js";
@@ -9,10 +9,10 @@ import { u as $r } from "./useSvgExport-DrjCWun4.js";
 import { u as Ar } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Lr } from "./useTimeLabelCollider-CIsgDrl9.js";
 import Mr from "./img-BYzbY8TZ.js";
-import Tr from "./Title-BwhstTFA.js";
+import Tr from "./Title-CM2dM0rQ.js";
 import { _ as Ql } from "./Shape-rPzC8L-O.js";
-import { S as zr } from "./SlicerPreview-B1QUTxTZ.js";
-import Ir from "./vue-ui-accordion-BXTVRRX7.js";
+import { S as zr } from "./SlicerPreview-BWl4UOqy.js";
+import Ir from "./vue-ui-accordion-WOXCCkiC.js";
 import { _ as Fr } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, timeTag: { backgroundColor: "#2A2A2A", color: "#CCCCCC", circleMarker: { color: "#2A2A2A" } }, grid: { stroke: "#5A5A5A", showVerticalLines: !1, labels: { color: "#CCCCCC", xAxisLabels: { color: "#CCCCCC" } } }, legend: { color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, bar: { border: { stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" }, serieName: { color: "#CCCCCC" } }, line: { labels: { color: "#CCCCCC" } }, plot: { labels: { color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Wt = { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#424242", indicatorColor: "#FF8A65" } }, highlighter: { color: "#424242" }, timeTag: { backgroundColor: "#424242", color: "#FFF8E1", circleMarker: { color: "#424242" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#424242", xAxisLabels: { color: "#424242" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#FFF8E1" }, labels: { color: "#424242" }, serieName: { color: "#424242" } }, line: { labels: { color: "#424242" } }, plot: { labels: { color: "#424242" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Xt = { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#FF6B6B", indicatorColor: "#FF8A65" } }, highlighter: { color: "#FFF8E1" }, timeTag: { backgroundColor: "#5D4037", color: "#FFF8E1", circleMarker: { color: "#5D4037" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#BDBDBD", xAxisLabels: { color: "#BDBDBD" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#1E1E1E" }, labels: { color: "#BDBDBD" }, serieName: { color: "#BDBDBD" } }, line: { labels: { color: "#BDBDBD" } }, plot: { labels: { color: "#BDBDBD" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Gt = { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, timeTag: { backgroundColor: "#1A1A1A", color: "#66CC66", circleMarker: { color: "#66CC66" } }, grid: { stroke: "#5F6A5F", showVerticalLines: !1, labels: { color: "#99AA99", xAxisLabels: { color: "#99AA99" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, bar: { borderRadius: 0, border: { stroke: "#66CC66" }, labels: { color: "#AACCAA" }, serieName: { color: "#99CC99" } }, line: { labels: { color: "#AACCAA" } }, plot: { labels: { color: "#AACCAA" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ut = { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, timeTag: { backgroundColor: "#fbfafa", color: "#8A9892", circleMarker: { color: "#8A9892" } }, grid: { stroke: "transparent", labels: { show: !1, color: "#99AA99", xAxisLabels: { show: !1, color: "#99AA99" }, zeroLine: { show: !1 }, yAxis: { showBaseline: !1 } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, bar: { borderRadius: 4, border: { stroke: "#D7E0D2" }, labels: { color: "#8F837A" }, serieName: { color: "#858480" } }, line: { labels: { color: "#8F837A" } }, plot: { labels: { color: "#8F837A" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, qt = { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, timeTag: { backgroundColor: "#f6f6fb", color: "#50606C", circleMarker: { color: "#50606C" } }, grid: { stroke: "#829C98", showVerticalLines: !0, showHorizontalLines: !0, labels: { color: "#50606C", xAxisLabels: { color: "#50606C" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, bar: { borderRadius: 2, border: { stroke: "#404C4D" }, labels: { color: "#50606C" }, serieName: { color: "#61747E" } }, line: { labels: { color: "#50606C" } }, plot: { labels: { color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Zt = {
   default: {},
@@ -97,7 +97,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(jl, { expose: Jt, emit: Kt }) {
-    const g = jl, Qt = Xe(() => import("./DataTable-Ho3Bf5oq.js")), jt = Xe(() => import("./Tooltip-De7i-i20.js")), eo = Xe(() => import("./UserOptions-DgscxIaa.js")), $a = Xe(() => import("./BaseIcon-Dl4VBlHV.js")), lo = Xe(() => import("./vue-ui-table-sparkline-83wvFrDq.js").then((a) => a.b)), ao = Xe(() => import("./PackageVersion-DtFSiS0a.js")), to = Xe(() => import("./PenAndPaper-kymjF6_b.js")), oo = Xe(() => import("./BaseDraggableDialog-DZVSjhEw.js")), ea = Kt, Aa = er(), ro = lr(), { vue_ui_xy: hl } = yr(), { isThemeValid: so, warnInvalidTheme: io } = Ar(), Ie = x(null), fl = x(null), Fe = x(null), rl = x(null), gl = x(null), ml = x(null), uo = x(null), la = x(null), aa = x(null), sl = x(null), ta = x(null), oa = x(null), Ee = x(null), ra = x(null), no = x(0), I = x(null), La = x(!0), ve = x(600), ee = x(1e3), zl = x("0 0 1000 600"), co = x({ x: 0, y: 0 }), bl = x({ line: "line", bar: "bar", plot: "plot" }), xl = x(!1), qe = x(!1), Ma = x(!1), Ze = x(null), J = x([]), H = x(_a()), Ta = x(0), za = x(0), Ia = x(0), pl = x(!0), sa = x(0), B = x(null), Fa = x(!1), ia = x(!0), Il = x(!0), se = x(null), De = x({}), Fl = x(null), Oa = x(!1), il = x(null), _ = x(null), vo = b(() => ({
+    const g = jl, Qt = Xe(() => import("./DataTable-DRZJOlJB.js")), jt = Xe(() => import("./Tooltip-De7i-i20.js")), eo = Xe(() => import("./UserOptions-5GYBcJJU.js")), $a = Xe(() => import("./BaseIcon--wNsuYtd.js")), lo = Xe(() => import("./vue-ui-table-sparkline-DgISlLtt.js").then((a) => a.b)), ao = Xe(() => import("./PackageVersion-BW9_gimf.js")), to = Xe(() => import("./PenAndPaper-CMmG5Mka.js")), oo = Xe(() => import("./BaseDraggableDialog-CtB38kJq.js")), ea = Kt, Aa = er(), ro = lr(), { vue_ui_xy: hl } = yr(), { isThemeValid: so, warnInvalidTheme: io } = Ar(), Ie = x(null), fl = x(null), Fe = x(null), rl = x(null), gl = x(null), ml = x(null), uo = x(null), la = x(null), aa = x(null), sl = x(null), ta = x(null), oa = x(null), Ee = x(null), ra = x(null), no = x(0), I = x(null), La = x(!0), ve = x(600), ee = x(1e3), zl = x("0 0 1000 600"), co = x({ x: 0, y: 0 }), bl = x({ line: "line", bar: "bar", plot: "plot" }), xl = x(!1), qe = x(!1), Ma = x(!1), Ze = x(null), J = x([]), H = x(_a()), Ta = x(0), za = x(0), Ia = x(0), pl = x(!0), sa = x(0), B = x(null), Fa = x(!1), ia = x(!0), Il = x(!0), se = x(null), De = x({}), Fl = x(null), Oa = x(!1), il = x(null), _ = x(null), vo = b(() => ({
       height: ve.value,
       width: ee.value
     }));

package/dist/{vue-ui-xy-canvas-i1eQQ9Bt.js → vue-ui-xy-canvas-B_dtbPQy.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as pe, ref as d, computed as p, useSlots as Na, onMounted as $l, toRefs as _a, watch as R, nextTick as be, onBeforeUnmount as Tl, shallowRef as je, createElementBlock as Te, openBlock as I, normalizeClass as Ha, normalizeStyle as xe, createCommentVNode as W, createElementVNode as J, createBlock as V, unref as C, createSlots as Il, withCtx as b, renderSlot as S, normalizeProps as Q, guardReactiveProps as ee, createVNode as El, Teleport as Xa, toDisplayString as qe, resolveDynamicComponent as Ua, mergeProps as Wa, createTextVNode as Rl } from "vue";
 import { c as Va, t as Ya, i as ja, p as le, W as Ce, j as qa, F as Ge, a as se, d as ue, l as Ol, J as Ga, a5 as Za, L as Ja, o as Ka, g as Qa, x as Pl, s as Le, n as et, u as lt, q as at, R as tt } from "./lib-DUaaQGCv.js";
 import { c as ot, a as Ze, d as rt, t as st, u as ut, l as k, r as Ie, b as Y, p as Bl } from "./useResponsive-DfdjqQps.js";
-import { u as nt, a as Ee } from "./useNestedProp-BjZ1Lg9E.js";
+import { u as nt, a as Ee } from "./useNestedProp-CoXaJ2T6.js";
 import { u as it, B as ct } from "./BaseScanner-BgWxam9d.js";
 import { u as vt } from "./usePrinter-BdVu83IN.js";
 import { u as dt, a as ht, l as ft } from "./useTimeLabels-C5qMhpbe.js";
@@ -10,10 +10,10 @@ import { u as mt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as gt } from "./useChartAccessibility-9icAAmYg.js";
 import pt from "./img-BYzbY8TZ.js";
 import bt from "./Legend-DSyOOSJ1.js";
-import xt from "./Title-BwhstTFA.js";
-import Ct from "./BaseIcon-Dl4VBlHV.js";
-import Lt from "./vue-ui-accordion-BXTVRRX7.js";
-import { S as kt } from "./SlicerPreview-B1QUTxTZ.js";
+import xt from "./Title-CM2dM0rQ.js";
+import Ct from "./BaseIcon--wNsuYtd.js";
+import Lt from "./vue-ui-accordion-WOXCCkiC.js";
+import { S as kt } from "./SlicerPreview-BWl4UOqy.js";
 import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, selector: { color: "#CCCCCC" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, grid: { y: { axisColor: "#5A5A5A", axisLabels: { color: "#CCCCCC" }, verticalLines: { color: "#4A4A4A" } }, x: { axisColor: "#5A5A5A", horizontalLines: { color: "#4A4A4A" }, timeLabels: { color: "#CCCCCC" } }, zeroLine: { color: "#5A5A5A" } }, dataLabels: { color: "#CCCCCC" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, _l = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, selector: { color: "#5D4037" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, grid: { y: { axisColor: "#5D4037", axisLabels: { color: "#424242" }, verticalLines: { show: !1 } }, x: { axisColor: "#5D4037", horizontalLines: { color: "#9A9A9A" }, timeLabels: { color: "#424242" } }, zeroLine: { color: "#424242" } }, dataLabels: { color: "#424242" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Hl = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, selector: { color: "#BDBDBD" }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, grid: { y: { axisColor: "#5D4037", axisLabels: { color: "#BDBDBD" }, verticalLines: { show: !1 } }, x: { axisColor: "#5D4037", horizontalLines: { color: "#3A3A3A" }, timeLabels: { color: "#BDBDBD" } }, zeroLine: { color: "#5D4037" } }, dataLabels: { color: "#BDBDBD" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Xl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, selector: { color: "#66CC66" }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66", borderRadius: 0 }, grid: { y: { axisColor: "#5F6A5F", axisLabels: { color: "#99AA99" }, verticalLines: { show: !1 } }, x: { axisColor: "#5F6A5F", horizontalLines: { color: "#3A3A3A" }, timeLabels: { color: "#99AA99" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#99AA99" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ul = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, selector: { color: "#8F837A" }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, grid: { y: { axisColor: "#8F837A", axisLabels: { color: "#8F837A" }, verticalLines: { show: !1 } }, x: { axisColor: "#8F837A", horizontalLines: { show: !1, alternate: !1 }, timeLabels: { color: "#8F837A" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#8F837A" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Wl = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, selector: { color: "#7DA9B5" }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, grid: { y: { axisColor: "#829C98", axisLabels: { color: "#50606C" }, verticalLines: { show: !1 } }, x: { axisColor: "#829C98", timeLabels: { color: "#50606C" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Vl = {
   default: {},
@@ -57,7 +57,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
   },
   emits: ["selectLegend", "selectX"],
   setup(Je, { expose: Yl, emit: jl }) {
-    const ql = pe(() => import("./Tooltip-De7i-i20.js")), Gl = pe(() => import("./DataTable-Ho3Bf5oq.js")), Zl = pe(() => import("./UserOptions-DgscxIaa.js")), Jl = pe(() => import("./NonSvgPenAndPaper-MX5IsudW.js")), Kl = pe(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_xy_canvas: Ql } = nt(), { isThemeValid: ea, warnInvalidTheme: la } = yt(), g = Je, K = d(Va()), _ = d(null), ae = d(null), c = d(null), m = d(1), j = d(1), ne = d(!1), h = d(null), ke = d(""), Ke = d(null), F = d([]), te = d(1), O = d(!0), H = d(!0), Ae = d(null), Qe = d(0), ie = d(!1), el = d(null), ll = d(null), q = d(null), al = d(null), Re = d(0), Oe = d(0), Pe = d(0), P = d(null), tl = d(!1), ce = d(null), Be = d(null), ve = d(!1), ol = d(!1), we = d(!1), A = d(null), X = p(() => Array.isArray(He.value) && He.value.length > 0), Ne = jl, aa = Na();
+    const ql = pe(() => import("./Tooltip-De7i-i20.js")), Gl = pe(() => import("./DataTable-DRZJOlJB.js")), Zl = pe(() => import("./UserOptions-5GYBcJJU.js")), Jl = pe(() => import("./NonSvgPenAndPaper-C_uUSM9z.js")), Kl = pe(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_xy_canvas: Ql } = nt(), { isThemeValid: ea, warnInvalidTheme: la } = yt(), g = Je, K = d(Va()), _ = d(null), ae = d(null), c = d(null), m = d(1), j = d(1), ne = d(!1), h = d(null), ke = d(""), Ke = d(null), F = d([]), te = d(1), O = d(!0), H = d(!0), Ae = d(null), Qe = d(0), ie = d(!1), el = d(null), ll = d(null), q = d(null), al = d(null), Re = d(0), Oe = d(0), Pe = d(0), P = d(null), tl = d(!1), ce = d(null), Be = d(null), ve = d(!1), ol = d(!1), we = d(!1), A = d(null), X = p(() => Array.isArray(He.value) && He.value.length > 0), Ne = jl, aa = Na();
     $l(() => {
       aa["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.7.14",
+  "version": "3.7.16",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/vue-ui-cursor-4Ldkkd2T.js

@@ -1,229 +0,0 @@
-import { ref as c, computed as _, onMounted as R, onBeforeUnmount as S, createElementBlock as l, createCommentVNode as o, openBlock as i, normalizeStyle as E, unref as m, createElementVNode as r, normalizeClass as C, toDisplayString as p, nextTick as b } from "vue";
-import { u as F, a as L } from "./useNestedProp-BjZ1Lg9E.js";
-import { c as z, X as O, s as I } from "./lib-DUaaQGCv.js";
-import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const N = ["xmlns", "height", "width"], T = {
-  id: "follower",
-  fy: "30%",
-  fx: "30%"
-}, D = ["stop-color", "stop-opacity"], $ = ["r", "fill", "stroke", "stroke-width", "stroke-dasharray"], W = ["r"], G = {
-  key: 2,
-  class: "wave"
-}, A = ["id"], U = ["id"], V = ["filter", "stroke"], M = {
-  key: 3,
-  class: "crosshair"
-}, P = ["x1", "stroke", "stroke-width", "stroke-dasharray"], X = ["x1", "stroke", "stroke-width", "stroke-dasharray"], j = ["y1", "stroke", "stroke-width", "stroke-dasharray"], Y = ["y1", "stroke", "stroke-width", "stroke-dasharray"], q = ["cy", "r", "fill"], H = ["cy", "r", "fill"], J = ["cx", "r", "fill"], K = ["cx", "r", "fill"], Q = {
-  key: 5,
-  class: "coordinates"
-}, Z = ["x", "y", "font-size", "fill"], ee = ["transform"], te = ["font-size", "fill"], re = {
-  __name: "vue-ui-cursor",
-  props: {
-    config: {
-      type: Object,
-      default: {}
-    }
-  },
-  setup(x) {
-    const { vue_ui_cursor: g } = F(), w = x, d = c(z()), e = _(() => L({
-      userConfig: w.config,
-      defaultConfig: g
-    })), s = c({
-      x: -100,
-      y: -100
-    });
-    function f({ clientX: t, clientY: a, ...se }) {
-      s.value.x = t - e.value.centerCircleRadius, s.value.y = a - e.value.centerCircleRadius;
-    }
-    function h(t) {
-      s.value.x = t.targetTouches[0].clientX - e.value.centerCircleRadius, s.value.y = t.targetTouches[0].clientY - e.value.centerCircleRadius;
-    }
-    const y = c(!0);
-    function u(t) {
-      y.value = t;
-    }
-    const n = c(!1), v = c(null);
-    function k() {
-      n.value = !1, v.value && clearTimeout(v.value), b(() => {
-        n.value = !0, v.value = setTimeout(() => {
-          n.value = !1;
-        }, 1e3);
-      });
-    }
-    return R(() => {
-      const t = e.value.parentId ? document.getElementById(e.value.parentId) : document.getElementsByTagName("div")[0];
-      t.addEventListener("mousemove", f), t.addEventListener("touchmove", h), t.addEventListener("mouseleave", () => u(!1)), t.addEventListener("mouseenter", () => u(!0)), t.addEventListener("click", k);
-    }), S(() => {
-      const t = e.value.parentId ? document.getElementById(e.value.parentId) : document.getElementsByTagName("div")[0];
-      t.removeEventListener("mousemove", f), t.removeEventListener("touchmove", h), t.removeEventListener("mouseleave", () => u(!1)), t.removeEventListener("mouseenter", () => u(!0)), t.removeEventListener("click", k);
-    }), _(() => e.value.centerCircleRadius / 2.5), (t, a) => y.value ? (i(), l("svg", {
-      key: 0,
-      "data-dom-to-png-ignore": "",
-      xmlns: m(O),
-      style: E(`z-index: 2147483647; overflow: visible; pointer-events: none;background: transparent; position:fixed; top:${s.value.y}px; left:${s.value.x}px;`),
-      viewBox: "0 0 100 100",
-      height: e.value.centerCircleRadius * 2,
-      width: e.value.centerCircleRadius * 2
-    }, [
-      r("defs", null, [
-        r("radialGradient", T, [
-          r("stop", {
-            offset: "10%",
-            "stop-color": e.value.bubbleEffectColor,
-            "stop-opacity": e.value.bubbleEffectOpacity
-          }, null, 8, D),
-          a[0] || (a[0] = r("stop", {
-            offset: "95%",
-            "stop-color": "transparent"
-          }, null, -1))
-        ])
-      ]),
-      e.value.showCenterCircle ? (i(), l("circle", {
-        key: 0,
-        cx: 50,
-        cy: 50,
-        r: e.value.centerCircleRadius,
-        fill: m(I)(e.value.centerCircleColor, e.value.centerCircleOpacity * 100),
-        stroke: e.value.centerCircleStroke,
-        "stroke-width": e.value.centerCircleStrokeWidth,
-        "stroke-dasharray": e.value.centerCircleDasharray
-      }, null, 8, $)) : o("", !0),
-      e.value.bubbleEffect ? (i(), l("circle", {
-        key: 1,
-        cx: 50,
-        cy: 50,
-        r: e.value.centerCircleRadius,
-        fill: "url(#follower)",
-        stroke: "none"
-      }, null, 8, W)) : o("", !0),
-      e.value.useWaveOnClick ? (i(), l("g", G, [
-        r("defs", null, [
-          r("filter", {
-            id: `blur_${d.value}`,
-            x: "-50%",
-            y: "-50%",
-            width: "200%",
-            height: "200%"
-          }, [
-            r("feGaussianBlur", {
-              in: "SourceGraphic",
-              stdDeviation: 4,
-              id: `blur_std_${d.value}`
-            }, null, 8, U),
-            a[1] || (a[1] = r("feColorMatrix", {
-              type: "saturate",
-              values: "0"
-            }, null, -1))
-          ], 8, A)
-        ]),
-        n.value ? (i(), l("circle", {
-          key: 0,
-          class: C({ "circle-wave": n.value }),
-          cx: 50,
-          cy: 50,
-          r: 50,
-          filter: `url(#blur_${d.value})`,
-          stroke: e.value.centerCircleStroke,
-          fill: "none",
-          "stroke-width": "3"
-        }, null, 10, V)) : o("", !0)
-      ])) : o("", !0),
-      e.value.showCrosshair ? (i(), l("g", M, [
-        r("line", {
-          x1: -e.value.centerCircleRadius + 50,
-          x2: -5e3,
-          y1: 50,
-          y2: 50,
-          stroke: e.value.crosshairStroke,
-          "stroke-width": e.value.crosshairStrokeWidth,
-          "stroke-dasharray": e.value.crosshairDasharray,
-          "stroke-linecap": "round"
-        }, null, 8, P),
-        r("line", {
-          x1: 50 + e.value.centerCircleRadius,
-          x2: 5e3,
-          y1: 50,
-          y2: 50,
-          stroke: e.value.crosshairStroke,
-          "stroke-width": e.value.crosshairStrokeWidth,
-          "stroke-dasharray": e.value.crosshairDasharray,
-          "stroke-linecap": "round"
-        }, null, 8, X),
-        r("line", {
-          x1: 50,
-          x2: 50,
-          y1: -e.value.centerCircleRadius + 50,
-          y2: -5e3,
-          stroke: e.value.crosshairStroke,
-          "stroke-width": e.value.crosshairStrokeWidth,
-          "stroke-dasharray": e.value.crosshairDasharray,
-          "stroke-linecap": "round"
-        }, null, 8, j),
-        r("line", {
-          x1: 50,
-          x2: 50,
-          y1: e.value.centerCircleRadius + 50,
-          y2: 5e3,
-          stroke: e.value.crosshairStroke,
-          "stroke-width": e.value.crosshairStrokeWidth,
-          "stroke-dasharray": e.value.crosshairDasharray,
-          "stroke-linecap": "round"
-        }, null, 8, Y)
-      ])) : o("", !0),
-      e.value.showIntersectCircles ? (i(), l("g", {
-        key: 4,
-        class: C({ "rotating-circles": e.value.isLoading })
-      }, [
-        r("circle", {
-          cx: 50,
-          cy: e.value.centerCircleRadius + 50,
-          r: e.value.intersectCirclesRadius,
-          fill: e.value.intersectCirclesFill
-        }, null, 8, q),
-        r("circle", {
-          cx: 50,
-          cy: -e.value.centerCircleRadius + 50,
-          r: e.value.intersectCirclesRadius,
-          fill: e.value.intersectCirclesFill
-        }, null, 8, H),
-        r("circle", {
-          cx: -e.value.centerCircleRadius + 50,
-          cy: 50,
-          r: e.value.intersectCirclesRadius,
-          fill: e.value.intersectCirclesFill
-        }, null, 8, J),
-        r("circle", {
-          cx: e.value.centerCircleRadius + 50,
-          cy: 50,
-          r: e.value.intersectCirclesRadius,
-          fill: e.value.intersectCirclesFill
-        }, null, 8, K)
-      ], 2)) : o("", !0),
-      e.value.showCoordinates ? (i(), l("g", Q, [
-        r("text", {
-          "text-anchor": "end",
-          x: -e.value.centerCircleRadius + 50 - e.value.coordinatesFontSize / 2 + e.value.coordinatesOffset,
-          y: 50 - e.value.coordinatesFontSize / 2 + e.value.coordinatesOffset,
-          "font-size": e.value.coordinatesFontSize,
-          fill: e.value.coordinatesColor,
-          style: { "font-variant-numeric": "tabular-nums" },
-          "font-family": "Arial"
-        }, p(s.value.x.toFixed(0)), 9, Z),
-        r("g", {
-          transform: `translate(${50 - e.value.coordinatesFontSize / 2 + e.value.coordinatesOffset}, ${-e.value.centerCircleRadius + 50 - e.value.coordinatesFontSize / 2 + e.value.coordinatesOffset})`
-        }, [
-          r("text", {
-            "text-anchor": "start",
-            "font-size": e.value.coordinatesFontSize,
-            fill: e.value.coordinatesColor,
-            style: { "font-variant-numeric": "tabular-nums" },
-            transform: "rotate(-90)",
-            "font-family": "Arial"
-          }, p(s.value.y.toFixed(0)), 9, te)
-        ], 8, ee)
-      ])) : o("", !0)
-    ], 12, N)) : o("", !0);
-  }
-}, ne = /* @__PURE__ */ B(re, [["__scopeId", "data-v-e07e5d09"]]);
-export {
-  ne as default
-};

package/dist/vue-ui-digits-uszbkbEK.js

@@ -1,154 +0,0 @@
-import { ref as v, computed as d, createElementBlock as i, openBlock as $, Fragment as m, createCommentVNode as o, createElementVNode as l, normalizeStyle as k, unref as C, renderList as b, createBlock as N } from "vue";
-import { u as q, a as M } from "./useNestedProp-BjZ1Lg9E.js";
-import { X as S } from "./lib-DUaaQGCv.js";
-const w = { key: 0 }, B = ["d", "fill"], F = ["d", "fill"], X = ["d", "fill"], E = ["d", "fill"], I = ["d", "fill"], O = ["d", "fill"], A = ["d", "fill"], D = { key: 1 }, G = ["cx", "cy", "fill"], V = {
-  __name: "Digit",
-  props: {
-    quanta: {
-      type: String,
-      default: null
-    },
-    backgroundColor: {
-      type: String,
-      default: "#e1e5e8"
-    },
-    color: {
-      type: String,
-      default: "#000000"
-    },
-    // coordinates from top left of a
-    x: {
-      type: Number,
-      default: 0
-    },
-    y: {
-      type: Number,
-      default: 0
-    }
-  },
-  setup(e) {
-    const c = e, u = v({
-      /**
-       * clockwise from top (last: g)
-       *     a
-       *    ----
-       * f |    | b
-       *    ----
-       * e | g  | c
-       *    ----
-       *     d
-      */
-      0: "1111110",
-      1: "0110000",
-      2: "1101101",
-      3: "1111001",
-      4: "0110011",
-      5: "1011011",
-      6: "1011111",
-      7: "1110000",
-      8: "1111111",
-      9: "1111011",
-      "-": "0000001",
-      X: "0000000"
-    }), t = d(() => [void 0, null].includes(c.quanta) ? u.value.X : u.value[c.quanta]);
-    return (y, g) => ($(), i(m, null, [
-      [void 0, null, "."].includes(e.quanta) ? o("", !0) : ($(), i("g", w, [
-        l("path", {
-          d: `M ${e.x} ${e.y} L ${e.x + 2} ${e.y - 2} L ${e.x + 24} ${e.y - 2} L ${e.x + 26} ${e.y} L ${e.x + 24} ${e.y + 2} L ${e.x + 2} ${e.y + 2}Z`,
-          fill: t.value[0] == 1 ? e.color : e.backgroundColor,
-          stroke: "none"
-        }, null, 8, B),
-        l("path", {
-          d: `M ${e.x + 26} ${e.y + 26} L ${e.x + 26} ${e.y + 4} L ${e.x + 28} ${e.y + 2} L ${e.x + 30} ${e.y + 4} L ${e.x + 30} ${e.y + 26} L ${e.x + 28} ${e.y + 28} L ${e.x + 26} ${e.y + 26}`,
-          fill: t.value[1] == 1 ? e.color : e.backgroundColor,
-          stroke: "none"
-        }, null, 8, F),
-        l("path", {
-          d: `M ${e.x + 26} ${e.y + 56} L ${e.x + 26} ${e.y + 34} L ${e.x + 28} ${e.y + 32} L ${e.x + 30} ${e.y + 34} L ${e.x + 30} ${e.y + 56} L ${e.x + 28} ${e.y + 58} L ${e.x + 26} ${e.y + 56}`,
-          fill: t.value[2] == 1 ? e.color : e.backgroundColor,
-          stroke: "none"
-        }, null, 8, X),
-        l("path", {
-          d: `M ${e.x + 2} ${e.y + 58} L ${e.x} ${e.y + 60} L ${e.x + 2} ${e.y + 62} L ${e.x + 24} ${e.y + 62} L ${e.x + 26} ${e.y + 60} L ${e.x + 24} ${e.y + 58} L ${e.x + 2} ${e.y + 58}`,
-          fill: t.value[3] == 1 ? e.color : e.backgroundColor,
-          stroke: "none"
-        }, null, 8, E),
-        l("path", {
-          d: `M ${e.x} ${e.y + 34} L ${e.x - 2} ${e.y + 32} L ${e.x - 4} ${e.y + 34} L ${e.x - 4} ${e.y + 56} L ${e.x - 2} ${e.y + 58} L ${e.x} ${e.y + 56} L ${e.x} ${e.y + 34}`,
-          fill: t.value[4] == 1 ? e.color : e.backgroundColor,
-          stroke: "none"
-        }, null, 8, I),
-        l("path", {
-          d: `M ${e.x - 2} ${e.y + 2} L ${e.x} ${e.y + 4} L ${e.x} ${e.y + 26} L ${e.x - 2} ${e.y + 28} L ${e.x - 4} ${e.y + 26} L ${e.x - 4} ${e.y + 4} L ${e.x - 2} ${e.y + 2}`,
-          fill: t.value[5] == 1 ? e.color : e.backgroundColor,
-          stroke: "none"
-        }, null, 8, O),
-        l("path", {
-          d: `M ${e.x + 2} ${e.y + 28} L ${e.x} ${e.y + 30} L ${e.x + 2} ${e.y + 32} L ${e.x + 24} ${e.y + 32} L ${e.x + 26} ${e.y + 30} L ${e.x + 24} ${e.y + 28} L ${e.x + 2} ${e.y + 28}`,
-          fill: t.value[6] == 1 ? e.color : e.backgroundColor,
-          stroke: "none"
-        }, null, 8, A)
-      ])),
-      e.quanta == "." ? ($(), i("g", D, [
-        l("circle", {
-          cx: e.x - 8,
-          cy: e.y + 60,
-          r: 3,
-          fill: e.color
-        }, null, 8, G)
-      ])) : o("", !0)
-    ], 64));
-  }
-}, j = ["xmlns", "viewBox"], U = {
-  __name: "vue-ui-digits",
-  props: {
-    dataset: {
-      type: Number,
-      default: 0
-    },
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  setup(e) {
-    const { vue_ui_digits: c } = q(), u = e, t = d(() => M({
-      userConfig: u.config,
-      defaultConfig: c
-    })), y = d(() => {
-      const a = (u.dataset || 0).toString().split(""), x = [], n = {
-        x: 10,
-        y: 10
-      };
-      let L = 0;
-      for (let f = 0; f < a.length; f += 1) {
-        const h = a[f];
-        x.push({
-          x: n.x + L,
-          y: n.y,
-          quanta: h
-        }), h == "." ? L += 2 : L += 44;
-      }
-      return x;
-    }), g = d(() => Math.max(...y.value.map((a) => a.x)) + 36);
-    return (a, x) => ($(), i("svg", {
-      class: "vue-data-ui-component vue-ui-digits",
-      xmlns: C(S),
-      viewBox: `0 0 ${g.value} 80`,
-      style: k(`background:${t.value.backgroundColor};${t.value.height ? `height:${t.value.height};` : ""}${t.value.width ? `width:${t.value.width}` : ""}`)
-    }, [
-      ($(!0), i(m, null, b(y.value, (n) => ($(), N(V, {
-        x: n.x,
-        y: n.y,
-        quanta: n.quanta,
-        color: t.value.digits.color,
-        backgroundColor: t.value.digits.skeletonColor
-      }, null, 8, ["x", "y", "quanta", "color", "backgroundColor"]))), 256))
-    ], 12, j));
-  }
-};
-export {
-  U as default
-};