vue-data-ui 3.7.8 → 3.7.10

package/dist/{vue-ui-xy-canvas-BMAvV283.js → vue-ui-xy-canvas-3x-UDcCu.js}

@@ -1,19 +1,19 @@
 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-C5BH09_g.js";
+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-CRoetJdp.js";
+import { u as nt, a as Ee } from "./useNestedProp-BjZ1Lg9E.js";
 import { u as it, B as ct } from "./BaseScanner-BgWxam9d.js";
-import { u as vt } from "./usePrinter-DCJzEiS8.js";
+import { u as vt } from "./usePrinter-BdVu83IN.js";
 import { u as dt, a as ht, l as ft } from "./useTimeLabels-C5qMhpbe.js";
 import { u as yt } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as mt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as gt } from "./useChartAccessibility-9icAAmYg.js";
-import pt from "./img-DUzJeMlr.js";
-import bt from "./Legend-Web3GjlR.js";
-import xt from "./Title-C6xvSWXZ.js";
-import Ct from "./BaseIcon-CofSxalQ.js";
-import Lt from "./vue-ui-accordion-Bq9tXa5B.js";
-import { S as kt } from "./SlicerPreview-D76aSViW.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 { _ 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-WD0Ros6G.js")), Gl = pe(() => import("./DataTable-CHaOCmsE.js")), Zl = pe(() => import("./UserOptions-B3I-s3Lw.js")), Jl = pe(() => import("./NonSvgPenAndPaper-CjYFLlns.js")), Kl = pe(() => import("./BaseDraggableDialog-CRF94NJQ.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-Ho3Bf5oq.js")), Zl = pe(() => import("./UserOptions-DgscxIaa.js")), Jl = pe(() => import("./NonSvgPenAndPaper-MX5IsudW.js")), Kl = pe(() => import("./BaseDraggableDialog-BDY-Jn9S.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/dist/{vue-ui-xy-CWpPVQDO.js → vue-ui-xy-kwHl6eC3.js}

@@ -1,18 +1,18 @@
 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-C5BH09_g.js";
+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-CRoetJdp.js";
-import { u as kr } from "./usePrinter-DCJzEiS8.js";
+import { u as yr, a as Tl } from "./useNestedProp-BjZ1Lg9E.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";
 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-DUzJeMlr.js";
-import Tr from "./Title-C6xvSWXZ.js";
-import { _ as Ql } from "./Shape-DE6X_t31.js";
-import { S as zr } from "./SlicerPreview-D76aSViW.js";
-import Ir from "./vue-ui-accordion-Bq9tXa5B.js";
+import Mr from "./img-BYzbY8TZ.js";
+import Tr from "./Title-BwhstTFA.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 { _ 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-CHaOCmsE.js")), jt = Xe(() => import("./Tooltip-WD0Ros6G.js")), eo = Xe(() => import("./UserOptions-B3I-s3Lw.js")), $a = Xe(() => import("./BaseIcon-CofSxalQ.js")), lo = Xe(() => import("./vue-ui-table-sparkline-D09d-TqT.js").then((a) => a.b)), ao = Xe(() => import("./PackageVersion-CJF7IH9q.js")), to = Xe(() => import("./PenAndPaper-HCZQTkqi.js")), oo = Xe(() => import("./BaseDraggableDialog-CRF94NJQ.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-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-BComiXTb.js").then((a) => a.b)), ao = Xe(() => import("./PackageVersion-BTPIkPFM.js")), to = Xe(() => import("./PenAndPaper-kymjF6_b.js")), oo = Xe(() => import("./BaseDraggableDialog-BDY-Jn9S.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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "3.7.8",
+  "version": "3.7.10",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/RecursiveLabels-Bgcv0pzu.js

@@ -1,50 +0,0 @@
-import { toRef as y, resolveComponent as h, createElementBlock as l, openBlock as t, Fragment as n, renderList as c, createCommentVNode as i, createBlock as f, toDisplayString as p } from "vue";
-const v = ["x", "y", "fill", "font-size"], _ = {
-  __name: "RecursiveLabels",
-  props: {
-    color: {
-      type: String,
-      default: "#000000"
-    },
-    dataset: {
-      type: Array,
-      default: () => []
-    },
-    hoveredUid: {
-      type: String,
-      default: null
-    }
-  },
-  emits: ["zoom", "hover"],
-  setup(o, { emit: g }) {
-    return y(o, "dataset").value.forEach((r) => {
-      r.nodes && r.nodes.length > 0 && r.nodes.forEach((a) => {
-        a.ancestor = r;
-      });
-    }), (r, a) => {
-      const u = h("RecursiveLabels", !0);
-      return t(!0), l(n, null, c(o.dataset, (e, d) => (t(), l(n, null, [
-        e.polygonPath && e.polygonPath.coordinates ? (t(), l(n, { key: 0 }, [
-          (t(!0), l(n, null, c(e.polygonPath.coordinates, (s, m) => (t(), l("text", {
-            key: `node_${d}_${m}`,
-            x: s.x,
-            y: s.y + e.circleRadius * 2,
-            fill: o.color,
-            "font-size": e.circleRadius,
-            "text-anchor": "middle",
-            style: { opacity: "0.8", "pointer-events": "none" }
-          }, p(e.name), 9, v))), 128)),
-          e.nodes && e.nodes.length > 0 ? (t(), f(u, {
-            key: 0,
-            dataset: e.nodes,
-            color: o.color,
-            hoveredUid: o.hoveredUid
-          }, null, 8, ["dataset", "color", "hoveredUid"])) : i("", !0)
-        ], 64)) : i("", !0)
-      ], 64))), 256);
-    };
-  }
-};
-export {
-  _ as default
-};

package/dist/usePanZoom-BVca3eMk.js

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