vue-data-ui 3.9.0 → 3.9.2

package/dist/{vue-ui-world-CKdzBshi.js → vue-ui-world-CwXBQ0i0.js}

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as k, computed as y, ref as l, onMounted as r4, toRefs as n4, watch as t1, createElementBlock as m, openBlock as s, unref as n, normalizeStyle as o1, normalizeClass as V1, createBlock as L, createCommentVNode as c, renderSlot as u, createElementVNode as d, createVNode as a1, withCtx as p, normalizeProps as _, guardReactiveProps as w, createSlots as v1, withModifiers as i4, Fragment as j, renderList as Z1, mergeProps as X1, createTextVNode as r1, toDisplayString as W, Teleport as s4, resolveDynamicComponent as l4, nextTick as u4 } from "vue";
-import { u as p4, a as y4 } from "./useNestedProp-BeKjhKny.js";
+import { u as p4, a as y4 } from "./useNestedProp-DjZhR3_5.js";
 import { c as J1, t as d4, j as m4, l as n1, p as Y, X as c4, n as g4, r as q1, a as Q1, d as e2, a0 as i1, ao as v4, u as h4, q as f4, x as b4 } from "./lib-_nVZfi2t.js";
 import { u as P4, B as F4 } from "./BaseScanner-BMpwQAfz.js";
 import { u as _4 } from "./usePrinter-DXIMGR61.js";
@@ -31,7 +31,7 @@ const A4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
   },
   emits: ["selectDatapoint", "selectLegend"],
   setup(t2, { expose: o2, emit: a2 }) {
-    const r2 = k(() => import("./Title-osQjQYc-.js")), n2 = k(() => import("./Legend-PhhPyrZ0.js")), i2 = k(() => import("./Tooltip-l2pmtXwi.js")), s2 = k(() => import("./BaseIcon-CQaciFyv.js")), l2 = k(() => import("./vue-ui-accordion-nCaoOi6x.js")), u2 = k(() => import("./DataTable-C8cgUUyx.js")), p2 = k(() => import("./PenAndPaper-DtbXViIl.js")), y2 = k(() => import("./UserOptions-DeiXBImO.js")), d2 = k(() => import("./PackageVersion-DXy-wfBa.js")), m2 = k(() => import("./BaseDraggableDialog-B6wHUQPl.js")), { vue_ui_world: c2 } = p4(), v = t2, h1 = a2, V = y({
+    const r2 = k(() => import("./Title-Bf2WqM40.js")), n2 = k(() => import("./Legend-PhhPyrZ0.js")), i2 = k(() => import("./Tooltip-l2pmtXwi.js")), s2 = k(() => import("./BaseIcon-Bcm8I1fZ.js")), l2 = k(() => import("./vue-ui-accordion-BbkkniuF.js")), u2 = k(() => import("./DataTable-DFcqksx2.js")), p2 = k(() => import("./PenAndPaper-Cjiyv0O9.js")), y2 = k(() => import("./UserOptions-DKK-Opvk.js")), d2 = k(() => import("./PackageVersion-Cqd_jnJh.js")), m2 = k(() => import("./BaseDraggableDialog-n3raFtf2.js")), { vue_ui_world: c2 } = p4(), v = t2, h1 = a2, V = y({
       get() {
         return !!z.value;
       },

package/dist/{vue-ui-xy-BOzzwSSP.js → vue-ui-xy-Ck5ZIiAc.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, M as Ml, N as tl, l as It, p as Sa, O as Jl, P as Y, Q as Ca, R as nr, S as cr, T as N, y as Ft, z as Ot, A as Bt, B as Nt, U as vr, V as Vt, W as Dt, a as re, Y as dr, x as Pt, Z as hr, b as Et, e as Ne, d as Ve, h as ol, s as ze, F as fr, w as Ge, G as Ql, m as Ce, _ as gr, $ as Ue, a0 as fe, i as mr, o as Rt, u as br, q as xr, a1 as dl } from "./lib-_nVZfi2t.js";
 import { t as pr } from "./useResponsive-DfdjqQps.js";
-import { u as yr, a as Tl } from "./useNestedProp-BeKjhKny.js";
+import { u as yr, a as Tl } from "./useNestedProp-DjZhR3_5.js";
 import { u as kr } from "./usePrinter-DXIMGR61.js";
 import { u as _r, B as wr } from "./BaseScanner-BMpwQAfz.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-C5q4A7ke.js";
-import Tr from "./Title-osQjQYc-.js";
+import Tr from "./Title-Bf2WqM40.js";
 import { _ as Kl } from "./Shape-BuBasQnO.js";
-import { S as zr } from "./SlicerPreview-DmzwkUJ4.js";
-import Ir from "./vue-ui-accordion-nCaoOi6x.js";
+import { S as zr } from "./SlicerPreview-Bhjrz2jx.js";
+import Ir from "./vue-ui-accordion-BbkkniuF.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: Qt }) {
-    const g = jl, Kt = Xe(() => import("./DataTable-C8cgUUyx.js")), jt = Xe(() => import("./Tooltip-l2pmtXwi.js")), eo = Xe(() => import("./UserOptions-DeiXBImO.js")), $a = Xe(() => import("./BaseIcon-CQaciFyv.js")), lo = Xe(() => import("./vue-ui-table-sparkline-CQf4nxMY.js").then((a) => a.b)), ao = Xe(() => import("./PackageVersion-DXy-wfBa.js")), to = Xe(() => import("./PenAndPaper-DtbXViIl.js")), oo = Xe(() => import("./BaseDraggableDialog-B6wHUQPl.js")), ea = Qt, 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, Kt = Xe(() => import("./DataTable-DFcqksx2.js")), jt = Xe(() => import("./Tooltip-l2pmtXwi.js")), eo = Xe(() => import("./UserOptions-DKK-Opvk.js")), $a = Xe(() => import("./BaseIcon-Bcm8I1fZ.js")), lo = Xe(() => import("./vue-ui-table-sparkline-ni8jsLpS.js").then((a) => a.b)), ao = Xe(() => import("./PackageVersion-Cqd_jnJh.js")), to = Xe(() => import("./PenAndPaper-Cjiyv0O9.js")), oo = Xe(() => import("./BaseDraggableDialog-n3raFtf2.js")), ea = Qt, 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-CLoA6DTt.js → vue-ui-xy-canvas-C1ZHlQ3Y.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 O, nextTick as be, onBeforeUnmount as Tl, shallowRef as je, createElementBlock as Te, openBlock as I, normalizeClass as Ha, normalizeStyle as xe, createCommentVNode as V, createElementVNode as J, createBlock as W, unref as C, createSlots as Il, withCtx as b, renderSlot as S, normalizeProps as K, guardReactiveProps as ee, createVNode as El, Teleport as Xa, toDisplayString as qe, resolveDynamicComponent as Ua, mergeProps as Va, createTextVNode as Ol } from "vue";
 import { c as Wa, t as Ya, i as ja, p as le, a0 as Ce, j as qa, M as Ge, a as se, d as ue, l as Rl, Q as Ga, ab as Za, S as Ja, o as Qa, g as Ka, x as Pl, s as Le, n as et, u as lt, q as at, Z as tt } from "./lib-_nVZfi2t.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-BeKjhKny.js";
+import { u as nt, a as Ee } from "./useNestedProp-DjZhR3_5.js";
 import { u as it, B as ct } from "./BaseScanner-BMpwQAfz.js";
 import { u as vt } from "./usePrinter-DXIMGR61.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-C5q4A7ke.js";
 import bt from "./Legend-PhhPyrZ0.js";
-import xt from "./Title-osQjQYc-.js";
-import Ct from "./BaseIcon-CQaciFyv.js";
-import Lt from "./vue-ui-accordion-nCaoOi6x.js";
-import { S as kt } from "./SlicerPreview-DmzwkUJ4.js";
+import xt from "./Title-Bf2WqM40.js";
+import Ct from "./BaseIcon-Bcm8I1fZ.js";
+import Lt from "./vue-ui-accordion-BbkkniuF.js";
+import { S as kt } from "./SlicerPreview-Bhjrz2jx.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" } } }, Vl = { 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" } } }, Wl = {
   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-l2pmtXwi.js")), Gl = pe(() => import("./DataTable-C8cgUUyx.js")), Zl = pe(() => import("./UserOptions-DeiXBImO.js")), Jl = pe(() => import("./NonSvgPenAndPaper-CVjActC2.js")), Ql = pe(() => import("./BaseDraggableDialog-B6wHUQPl.js")), { vue_ui_xy_canvas: Kl } = nt(), { isThemeValid: ea, warnInvalidTheme: la } = yt(), g = Je, Q = d(Wa()), _ = d(null), ae = d(null), c = d(null), m = d(1), j = d(1), ne = d(!1), h = d(null), ke = d(""), Qe = d(null), F = d([]), te = d(1), R = d(!0), H = d(!0), Ae = d(null), Ke = d(0), ie = d(!1), el = d(null), ll = d(null), q = d(null), al = d(null), Oe = d(0), Re = 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-l2pmtXwi.js")), Gl = pe(() => import("./DataTable-DFcqksx2.js")), Zl = pe(() => import("./UserOptions-DKK-Opvk.js")), Jl = pe(() => import("./NonSvgPenAndPaper-D44f2zrW.js")), Ql = pe(() => import("./BaseDraggableDialog-n3raFtf2.js")), { vue_ui_xy_canvas: Kl } = nt(), { isThemeValid: ea, warnInvalidTheme: la } = yt(), g = Je, Q = d(Wa()), _ = d(null), ae = d(null), c = d(null), m = d(1), j = d(1), ne = d(!1), h = d(null), ke = d(""), Qe = d(null), F = d([]), te = d(1), R = d(!0), H = d(!0), Ae = d(null), Ke = d(0), ie = d(!1), el = d(null), ll = d(null), q = d(null), al = d(null), Oe = d(0), Re = 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.9.0",
+  "version": "3.9.2",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/usePanZoom-DMfuOfaC.js

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