vue-data-ui 3.8.2 → 3.8.4

package/dist/{vue-ui-xy-5xj16K5g.js → vue-ui-xy-BSxvJyZM.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, 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-qMPkcvmh.js";
+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-DH2Pjkde.js";
-import { u as kr } from "./usePrinter-CjGh4mFJ.js";
+import { u as yr, a as Tl } from "./useNestedProp-CNjAKn-Z.js";
+import { u as kr } from "./usePrinter-DXIMGR61.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-CwrkWkkl.js";
-import Tr from "./Title-CWX8otQg.js";
-import { _ as Kl } from "./Shape-BEGGcaL8.js";
-import { S as zr } from "./SlicerPreview-Bk-h_ANq.js";
-import Ir from "./vue-ui-accordion-DiNnR-ZE.js";
+import Mr from "./img-C5q4A7ke.js";
+import Tr from "./Title-DnykBvFl.js";
+import { _ as Kl } from "./Shape-BuBasQnO.js";
+import { S as zr } from "./SlicerPreview-C1EQEgYE.js";
+import Ir from "./vue-ui-accordion-WOPRF2Tv.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-Ca1twcf7.js")), jt = Xe(() => import("./Tooltip-OHx7yHlS.js")), eo = Xe(() => import("./UserOptions-ChRXLqps.js")), $a = Xe(() => import("./BaseIcon-CALhpING.js")), lo = Xe(() => import("./vue-ui-table-sparkline-BB7y9MEg.js").then((a) => a.b)), ao = Xe(() => import("./PackageVersion-CR86X4r9.js")), to = Xe(() => import("./PenAndPaper-DscVdZ1u.js")), oo = Xe(() => import("./BaseDraggableDialog-BYwNgX3M.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-CokMin24.js")), jt = Xe(() => import("./Tooltip-l2pmtXwi.js")), eo = Xe(() => import("./UserOptions-M5A9w5GL.js")), $a = Xe(() => import("./BaseIcon-_2VlkSHq.js")), lo = Xe(() => import("./vue-ui-table-sparkline-D-UoYPFq.js").then((a) => a.b)), ao = Xe(() => import("./PackageVersion-BuD3uLvK.js")), to = Xe(() => import("./PenAndPaper-CFRubEEG.js")), oo = Xe(() => import("./BaseDraggableDialog-C2wzOVzX.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-Cq-lVd9y.js → vue-ui-xy-canvas-Bl4ZS4GS.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 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, aa 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-qMPkcvmh.js";
+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-DH2Pjkde.js";
+import { u as nt, a as Ee } from "./useNestedProp-CNjAKn-Z.js";
 import { u as it, B as ct } from "./BaseScanner-BgWxam9d.js";
-import { u as vt } from "./usePrinter-CjGh4mFJ.js";
+import { u as vt } from "./usePrinter-DXIMGR61.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-CwrkWkkl.js";
-import bt from "./Legend-Djkw4FGq.js";
-import xt from "./Title-CWX8otQg.js";
-import Ct from "./BaseIcon-CALhpING.js";
-import Lt from "./vue-ui-accordion-DiNnR-ZE.js";
-import { S as kt } from "./SlicerPreview-Bk-h_ANq.js";
+import pt from "./img-C5q4A7ke.js";
+import bt from "./Legend-PhhPyrZ0.js";
+import xt from "./Title-DnykBvFl.js";
+import Ct from "./BaseIcon-_2VlkSHq.js";
+import Lt from "./vue-ui-accordion-WOPRF2Tv.js";
+import { S as kt } from "./SlicerPreview-C1EQEgYE.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-OHx7yHlS.js")), Gl = pe(() => import("./DataTable-Ca1twcf7.js")), Zl = pe(() => import("./UserOptions-ChRXLqps.js")), Jl = pe(() => import("./NonSvgPenAndPaper-DCQPVA4M.js")), Ql = pe(() => import("./BaseDraggableDialog-BYwNgX3M.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-CokMin24.js")), Zl = pe(() => import("./UserOptions-M5A9w5GL.js")), Jl = pe(() => import("./NonSvgPenAndPaper-ir3Z1ZAu.js")), Ql = pe(() => import("./BaseDraggableDialog-C2wzOVzX.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.8.2",
+  "version": "3.8.4",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/PenAndPaper-DscVdZ1u.js

@@ -1,388 +0,0 @@
-import { ref as c, computed as he, watch as z, nextTick as se, onMounted as Ae, onBeforeUnmount as we, createElementBlock as W, createCommentVNode as O, openBlock as j, normalizeStyle as x, createElementVNode as E, withDirectives as re, renderSlot as B, createVNode as R, withCtx as be, normalizeProps as T, guardReactiveProps as M, normalizeClass as Y, toDisplayString as xe, unref as ye, vModelText as ue } from "vue";
-import F from "./BaseIcon-CALhpING.js";
-import { C as Ce } from "./ColorPicker-B_9b0REv.js";
-import { n as ke, d as Ee } from "./lib-qMPkcvmh.js";
-const Se = {
-  class: "vue-ui-pen-and-paper-action",
-  style: { padding: "0 !important" }
-}, $e = ["disabled"], De = {
-  __name: "PenAndPaper",
-  props: {
-    svgRef: {
-      type: [Object, null, void 0],
-      required: !0
-    },
-    color: {
-      type: String,
-      default: "#2D353C"
-    },
-    backgroundColor: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    active: {
-      type: Boolean,
-      default: !1
-    },
-    scale: {
-      type: Number,
-      default: 1
-    }
-  },
-  emits: ["close"],
-  setup(d, { emit: ie }) {
-    const s = d, ve = ie, b = c([]), y = c([]), S = c(s.color), N = c(2), Q = c(!1), V = c(""), o = c(null), A = c(null), I = c(null), p = c("draw"), K = c(!1), f = c(null), q = c({ x: 0, y: 0 }), D = c([""]), P = c({ row: 0, col: 0 }), $ = c(16), J = c("url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVh2YQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi6OSk6CIl/i8ptIjx4Lgf7+497t4BQrPKNKtnAtB020wn4lIuvyqFXhGGiAhCiMnMMpKZxSx8x9c9Any9i/Es/3N/jgG1YDEgIBHPMcO0iTeIZzZtg/M+scjKskp8Tjxu0gWJH7muePzGueSywDNFM5ueJxaJpVIXK13MyqZGPE0cVTWd8oWcxyrnLc5atc7a9+QvDBf0lQzXaY4ggSUkkYIEBXVUUIWNGK06KRbStB/38Q+7/hS5FHJVwMixgBo0yK4f/A9+d2sVpya9pHAc6H1xnI9RILQLtBqO833sOK0TIPgMXOkdf60JzH6S3uho0SNgcBu4uO5oyh5wuQMMPRmyKbtSkKZQLALvZ/RNeSByC/Sveb2193H6AGSpq+Ub4OAQGCtR9rrPu/u6e/v3TLu/H5C7crM1WjgWAAAABmJLR0QAqwB5AHWF+8OUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gwUExIUagzGcQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABfSURBVBjTldAxDoNQDIPhL0+q1L33P1AvAhN7xfK6WAgoLfSfrNiykpQtE+7RLzx2vgF9D3o8lWDmn1QVVMP0LZQGmNtqp1/cmou0XHdG/+sYeGZwFBqPCub8rkcvvAGvsi1VYarR8wAAAABJRU5ErkJggg==') 5 5, auto");
-    function Z(n) {
-      if (!o.value || p.value !== "text" || K.value) return;
-      const { x: e, y: l } = U(n);
-      q.value = { x: e, y: l }, D.value = [""], P.value = { row: 0, col: 0 };
-      const t = document.createElementNS("http://www.w3.org/2000/svg", "text");
-      t.setAttribute("x", e), t.setAttribute("y", l), t.setAttribute("fill", S.value), t.setAttribute("font-size", $.value * s.scale), t.setAttribute("font-family", "sans-serif"), t.setAttribute("class", "vue-data-ui-doodle"), t.setAttribute("dominant-baseline", "hanging"), t.setAttribute("pointer-events", "all");
-      const a = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
-      a.setAttribute("x", e), a.setAttribute("dy", "0"), a.textContent = "", t.appendChild(a), t.style.pointerEvents = "none", t.style.userSelect = "none", o.value.appendChild(t), f.value = t, K.value = !0, window.addEventListener("keydown", _), window.addEventListener("mousedown", ne, !0), ee(), te();
-    }
-    function _(n) {
-      if (!K.value) return;
-      let { row: e, col: l } = P.value, t = D.value.slice(), a = !1;
-      if (n.key === "Enter") {
-        const r = t[e], u = r.slice(0, l), v = r.slice(l);
-        t.splice(e, 1, u, v), e += 1, l = 0, a = !0, n.preventDefault();
-      } else if (n.key === "Backspace") {
-        if (l > 0)
-          t[e] = t[e].slice(0, l - 1) + t[e].slice(l), l -= 1, a = !0;
-        else if (e > 0) {
-          const r = t[e - 1].length;
-          t[e - 1] += t[e], t.splice(e, 1), e -= 1, l = r, a = !0;
-        }
-        n.preventDefault();
-      } else if (n.key === "Delete")
-        l < t[e].length ? (t[e] = t[e].slice(0, l) + t[e].slice(l + 1), a = !0) : e < t.length - 1 && (t[e] += t[e + 1], t.splice(e + 1, 1), a = !0), n.preventDefault();
-      else if (n.key === "ArrowLeft")
-        l > 0 ? l -= 1 : e > 0 && (e -= 1, l = t[e].length), a = !0, n.preventDefault();
-      else if (n.key === "ArrowRight")
-        l < t[e].length ? l += 1 : e < t.length - 1 && (e += 1, l = 0), a = !0, n.preventDefault();
-      else if (n.key === "ArrowUp")
-        e > 0 && (e -= 1, l = Math.min(l, t[e].length), a = !0), n.preventDefault();
-      else if (n.key === "ArrowDown")
-        e < t.length - 1 && (e += 1, l = Math.min(l, t[e].length), a = !0), n.preventDefault();
-      else if (n.key.length === 1 && !n.ctrlKey && !n.metaKey && !n.altKey)
-        t[e] = t[e].slice(0, l) + n.key + t[e].slice(l), l += 1, a = !0, n.preventDefault();
-      else if (n.key === "Escape") {
-        le(!0);
-        return;
-      } else n.key === "Tab" && n.preventDefault();
-      a && (D.value = t, P.value = { row: e, col: l }, ee(), te());
-    }
-    function ee() {
-      const n = f.value, { x: e } = q.value;
-      for (; n.firstChild; ) n.removeChild(n.firstChild);
-      D.value.forEach((l, t) => {
-        const a = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
-        a.setAttribute("x", e), a.setAttribute("dy", t === 0 ? "0" : `${$.value * 1.2 * s.scale}`), a.textContent = l.length ? l : "​", n.appendChild(a);
-      });
-    }
-    function te() {
-      const n = o.value.querySelector(".vue-data-ui-svg-caret");
-      n && o.value.removeChild(n);
-      const e = f.value;
-      if (!e) return;
-      const { x: l, y: t } = q.value, { row: a, col: r } = P.value, u = $.value * s.scale, v = e.childNodes[a];
-      if (!v) return;
-      let g = v.textContent.slice(0, r);
-      g.endsWith(" ") && (g += " ");
-      const i = document.createElementNS("http://www.w3.org/2000/svg", "text");
-      i.setAttribute("x", l), i.setAttribute("y", t), i.setAttribute("font-size", u), i.setAttribute("font-family", "sans-serif"), i.textContent = g || "", o.value.appendChild(i);
-      const m = i.getBBox();
-      o.value.removeChild(i);
-      let h = t + a * u * 1.2, k = l + m.width;
-      const w = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-      w.setAttribute("x", k), w.setAttribute("y", h), w.setAttribute("width", 2), w.setAttribute("height", u), w.setAttribute("fill", S.value), w.setAttribute("class", "vue-data-ui-svg-caret"), o.value.appendChild(w);
-    }
-    function ne(n) {
-      if (f.value && !f.value.contains(n.target)) {
-        const e = f.value.children;
-        e.length === 1 && (e[0].textContent === "" || e[0].textContent === "​") && f.value.remove(), le(!1);
-      }
-    }
-    function le(n = !1) {
-      window.removeEventListener("keydown", _), window.removeEventListener("mousedown", ne, !0);
-      const e = o.value.querySelector(".vue-data-ui-svg-caret");
-      e && o.value.removeChild(e);
-      const l = f.value?.children;
-      let t = !1;
-      if (l && l.length === 1) {
-        const a = l[0].textContent;
-        t = !a || a === "​";
-      }
-      n || t ? f.value && o.value.contains(f.value) && o.value.removeChild(f.value) : f.value && o.value.contains(f.value) && b.value.push(f.value), K.value = !1, f.value = null, D.value = [""], P.value = { row: 0, col: 0 };
-    }
-    const C = he(() => ke(s.color, 0.6));
-    function ae() {
-      if (!o.value) return;
-      const n = o.value.querySelector(".vue-data-ui-mask");
-      if (n && o.value.removeChild(n), s.active) {
-        const e = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-        e.setAttribute("class", "vue-data-ui-mask"), e.setAttribute("width", "100%"), e.setAttribute("height", "100%"), e.setAttribute("fill", "transparent"), e.setAttribute("pointer-events", "all"), o.value.insertBefore(e, o.value.firstChild);
-      }
-    }
-    function U(n) {
-      const e = s.svgRef;
-      if (!e) return { x: 0, y: 0 };
-      const l = e.createSVGPoint();
-      l.x = n.clientX, l.y = n.clientY;
-      const t = e.getScreenCTM()?.inverse();
-      return t ? l.matrixTransform(t) : { x: 0, y: 0 };
-    }
-    function ce(n) {
-      const e = n.trim().split(/\s+/);
-      if (e.length < 4)
-        return n;
-      const l = e.slice(1).map(Number);
-      if (l.length % 2 !== 0)
-        return n;
-      const t = de(l), a = [`M ${t[0]} ${t[1]}`];
-      for (let v = 2; v < t.length - 2; v += 2) {
-        const g = t[v - 2], i = t[v - 1], m = t[v], h = t[v + 1], k = (g + m) / 2, w = (i + h) / 2;
-        a.push(`Q ${g} ${i} ${k} ${w}`);
-      }
-      const r = t[t.length - 2], u = t[t.length - 1];
-      return a.push(`L ${r} ${u}`), a.join(" ");
-    }
-    function de(n, e = 1) {
-      const l = [...n];
-      for (let t = 2; t < n.length - 2; t += 2) {
-        const a = n[t], r = n[t + 1], u = n[t - 2], v = n[t - 1], g = n[t + 2], i = n[t + 3];
-        l[t] = a + e * ((u + g) / 2 - a), l[t + 1] = r + e * ((v + i) / 2 - r);
-      }
-      return l;
-    }
-    function fe(n) {
-      const e = n.trim().split(/\s+/);
-      let l = "", t = "", a = null, r = null;
-      for (let u = 0; u < e.length; u += 1) {
-        const v = e[u];
-        if (isNaN(v)) {
-          if (t = v, t === "M" || t === "L")
-            a = parseFloat(e[++u]), r = parseFloat(e[++u]), l += `${t}${a} ${r}`;
-          else if (t === "Q") {
-            const g = parseFloat(e[++u]), i = parseFloat(e[++u]), m = parseFloat(e[++u]), h = parseFloat(e[++u]);
-            g === a && i === r ? l += `t${m - a} ${h - r}` : l += `q${g - a} ${i - r} ${m - a} ${h - r}`, a = m, r = h;
-          }
-        } else {
-          const g = parseFloat(v), i = parseFloat(e[++u]);
-          if (t === "L") {
-            const m = g - a, h = i - r;
-            m === 0 ? l += `v${h}` : h === 0 ? l += `h${m}` : l += `l${m} ${h}`, a = g, r = i;
-          } else if (t === "Q") {
-            const m = g, h = i, k = parseFloat(e[++u]), w = parseFloat(e[++u]);
-            m === a && h === r ? l += `t${k - a} ${w - r}` : l += `q${m - a} ${h - r} ${k - a} ${w - r}`, a = k, r = w;
-          }
-        }
-      }
-      return l;
-    }
-    function G(n) {
-      if (p.value !== "draw" || !s.active || !o.value) return;
-      Q.value = !0;
-      const { x: e, y: l } = U(n);
-      I.value = { x: e, y: l }, V.value = `M ${e} ${l}`, A.value = document.createElementNS("http://www.w3.org/2000/svg", "path"), A.value.setAttribute("stroke", S.value), A.value.setAttribute("stroke-width", N.value * s.scale), A.value.setAttribute("fill", "none"), A.value.setAttribute("stroke-linecap", "round"), A.value.setAttribute("stroke-linejoin", "round"), A.value.setAttribute("class", "vue-data-ui-doodle"), o.value.appendChild(A.value);
-    }
-    function H(n) {
-      if (!Q.value || !o.value || !A.value) return;
-      const { x: e, y: l } = U(n);
-      V.value += ` ${e} ${l}`, A.value.setAttribute("d", V.value);
-    }
-    function L(n) {
-      if (Q.value && o.value && A.value) {
-        const { x: e, y: l } = U(n);
-        if (I.value && I.value.x === e && I.value.y === l) {
-          const t = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-          t.setAttribute("cx", e), t.setAttribute("cy", l), t.setAttribute("r", N.value * s.scale / 2), t.setAttribute("fill", S.value), t.setAttribute("class", "vue-data-ui-doodle"), o.value.appendChild(t), b.value.push(t);
-        } else {
-          const t = A.value;
-          t.setAttribute("d", fe(ce(V.value))), b.value.push(t);
-        }
-        y.value = [], A.value = "";
-      }
-      Q.value = !1;
-    }
-    function ge() {
-      if (b.value.length > 0) {
-        const n = b.value.pop();
-        y.value.push(n), o.value && o.value.removeChild(n);
-      }
-    }
-    function pe() {
-      if (y.value.length > 0) {
-        const n = y.value.pop();
-        b.value.push(n), o.value && o.value.appendChild(n);
-      }
-    }
-    function me() {
-      o.value && (o.value.innerHTML = ""), b.value = [], y.value = [], ae();
-    }
-    z(p, () => {
-      s.active && (X(), oe(), p.value === "text" ? o.value.style.cursor = "text" : o.value.style.cursor = J.value);
-    });
-    function oe() {
-      !s.svgRef || !s.active || (p.value === "draw" ? (s.svgRef.addEventListener("mousedown", G), s.svgRef.addEventListener("mousemove", H), s.svgRef.addEventListener("mouseup", L), s.svgRef.addEventListener("mouseleave", L), s.svgRef.addEventListener("touchstart", G, { passive: !1 }), s.svgRef.addEventListener("touchmove", H, { passive: !1 }), s.svgRef.addEventListener("touchend", L)) : p.value === "text" && s.svgRef.addEventListener("mousedown", Z), o.value && (o.value.style.pointerEvents = "auto"));
-    }
-    function X() {
-      s.svgRef && (s.svgRef.removeEventListener("mousedown", G), s.svgRef.removeEventListener("mousemove", H), s.svgRef.removeEventListener("mouseup", L), s.svgRef.removeEventListener("mouseleave", L), s.svgRef.removeEventListener("touchstart", G), s.svgRef.removeEventListener("touchmove", H), s.svgRef.removeEventListener("touchend", L), s.svgRef.removeEventListener("mousedown", Z), o.value && (o.value.style.pointerEvents = "none"));
-    }
-    return z(() => s.active, (n) => {
-      n ? oe() : X();
-    }), z(() => s.active, () => {
-      se(() => {
-        ae();
-      });
-    }), Ae(() => {
-      se(() => {
-        s.svgRef && (o.value = document.createElementNS("http://www.w3.org/2000/svg", "g"), o.value.setAttribute("class", "vue-data-ui-doodles"), o.value.style.cursor = J.value, s.svgRef.appendChild(o.value), X());
-      });
-    }), we(() => {
-      o.value && s.svgRef && (o.value.remove(), X());
-    }), (n, e) => d.active ? (j(), W("div", {
-      key: 0,
-      "data-dom-to-png-ignore": "",
-      class: "vue-ui-pen-and-paper-actions",
-      style: x({ backgroundColor: d.backgroundColor })
-    }, [
-      E("button", {
-        class: "vue-ui-pen-and-paper-action",
-        onClick: e[0] || (e[0] = (l) => ve("close")),
-        style: x({
-          backgroundColor: d.backgroundColor,
-          border: `1px solid ${C.value}`
-        })
-      }, [
-        B(n.$slots, "annotator-action-close", {}, () => [
-          R(F, {
-            name: "close",
-            stroke: d.color
-          }, null, 8, ["stroke"])
-        ])
-      ], 4),
-      E("button", Se, [
-        R(Ce, {
-          value: S.value,
-          "onUpdate:value": e[1] || (e[1] = (l) => S.value = l),
-          backgroundColor: d.backgroundColor,
-          buttonBorderColor: C.value
-        }, {
-          "annotator-action-color": be(({ color: l }) => [
-            B(n.$slots, "annotator-action-color", T(M({ color: l })))
-          ]),
-          _: 3
-        }, 8, ["value", "backgroundColor", "buttonBorderColor"])
-      ]),
-      E("button", {
-        class: Y(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-active": p.value === "text" }]),
-        onClick: e[2] || (e[2] = (l) => p.value = p.value === "text" ? "draw" : "text"),
-        style: x({
-          backgroundColor: d.backgroundColor,
-          border: `1px solid ${C.value}`
-        })
-      }, [
-        B(n.$slots, "annotator-action-draw", T(M({ mode: p.value })), () => [
-          R(F, {
-            name: p.value === "draw" ? "annotator" : "text",
-            stroke: d.color
-          }, null, 8, ["name", "stroke"])
-        ]),
-        E("div", {
-          style: x({
-            position: "absolute",
-            bottom: "-20px",
-            color: C.value,
-            width: "100%",
-            textAlign: "center",
-            fontSize: "12px",
-            fontVariantNumeric: "tabular-nums"
-          })
-        }, xe(ye(Ee)({
-          v: p.value === "draw" ? N.value : $.value,
-          s: "px",
-          r: 1
-        })), 5)
-      ], 6),
-      E("button", {
-        class: Y(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !b.value.length }]),
-        disabled: !b.value.length,
-        onClick: ge,
-        style: x({
-          backgroundColor: d.backgroundColor,
-          border: `1px solid ${C.value}`,
-          marginTop: "20px"
-        })
-      }, [
-        B(n.$slots, "annotator-action-undo", T(M({ disabled: !b.value.length })), () => [
-          R(F, {
-            name: "restart",
-            stroke: d.color
-          }, null, 8, ["stroke"])
-        ])
-      ], 14, $e),
-      E("button", {
-        class: Y(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !y.value.length }]),
-        onClick: pe,
-        style: x({
-          backgroundColor: d.backgroundColor,
-          border: `1px solid ${C.value}`
-        })
-      }, [
-        B(n.$slots, "annotator-action-redo", T(M({ disabled: !y.value.length })), () => [
-          R(F, {
-            name: "restart",
-            stroke: d.color,
-            style: { transform: "scaleX(-1)" }
-          }, null, 8, ["stroke"])
-        ])
-      ], 6),
-      E("button", {
-        class: Y(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !b.value.length }]),
-        onClick: me,
-        style: x({
-          backgroundColor: d.backgroundColor,
-          border: `1px solid ${C.value}`
-        })
-      }, [
-        B(n.$slots, "annotator-action-delete", T(M({ disabled: !b.value.length })), () => [
-          R(F, {
-            name: "trash",
-            stroke: d.color
-          }, null, 8, ["stroke"])
-        ])
-      ], 6),
-      p.value === "draw" ? re((j(), W("input", {
-        key: 0,
-        ref: "range",
-        type: "range",
-        class: "vertical-range",
-        min: 0.5,
-        max: 12,
-        step: 0.1,
-        "onUpdate:modelValue": e[3] || (e[3] = (l) => N.value = l),
-        style: x({ accentColor: d.color })
-      }, null, 4)), [
-        [ue, N.value]
-      ]) : O("", !0),
-      p.value === "text" ? re((j(), W("input", {
-        key: 1,
-        ref: "range",
-        type: "range",
-        class: "vertical-range",
-        min: 3,
-        max: 48,
-        step: 0.1,
-        "onUpdate:modelValue": e[4] || (e[4] = (l) => $.value = l),
-        style: x({ accentColor: d.color })
-      }, null, 4)), [
-        [ue, $.value]
-      ]) : O("", !0)
-    ], 4)) : O("", !0);
-  }
-};
-export {
-  De as default
-};