vue-data-ui 3.22.2 → 3.22.4

package/dist/{vue-ui-xy-canvas-CXqGVMeQ.js → vue-ui-xy-canvas-CjbjJ70r.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ct as t, Et as n, Ft as r, G as i, H as a, J as o, Nt as s, S as c, Ut as l, Vt as u, X as ee, a as te, gt as ne, h as re, i as ie, it as ae, kt as oe, pt as se, x as ce, xt as le, y as ue } from "./lib-CXicicWN.js";
+import { Ct as t, Ft as n, Gt as r, Lt as i, Ot as a, Q as o, S as s, Tt as c, Ut as l, W as u, X as ee, a as te, b as ne, h as re, ht as ie, i as ae, jt as oe, ot as se, q as ce, vt as le, w as ue } from "./lib-CuwHGt1j.js";
 import { n as de, r as fe, t as pe } from "./useTimeLabels-BmBRv27Y.js";
-import { t as me } from "./useConfig-Bf_EBbe3.js";
-import { t as he } from "./usePrinter-Dng0UK-G.js";
+import { t as me } from "./useConfig-pVLia3dt.js";
+import { t as he } from "./usePrinter-C0wAS8yc.js";
 import { n as ge, t as _e } from "./BaseScanner-DZvpgOjM.js";
-import { t as ve } from "./useNestedProp-APyFoLCQ.js";
+import { t as ve } from "./useNestedProp-BjkuFaz1.js";
 import { t as ye } from "./useThemeCheck-C43Tcqmk.js";
-import { t as be } from "./img-BCAOkqfM.js";
-import { n as xe } from "./Title-CVYf1f8m.js";
+import { t as be } from "./img-B29J8tV5.js";
+import { n as xe } from "./Title-DDEEO-Nr.js";
 import { t as Se } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { a as Ce, c as we, i as d, n as Te, o as Ee, r as De, s as f, t as Oe } from "./canvas-lib-BOP_HS11.js";
 import { t as ke } from "./useResponsive-BfnK0KxU.js";
-import { t as Ae } from "./BaseIcon-DEtwcvEH.js";
-import { t as je } from "./SlicerPreview-CAhqG_ZQ.js";
-import { t as Me } from "./vue-ui-accordion-Di_givzQ.js";
-import { t as Ne } from "./BaseLegendToggle-B-lM0iV1.js";
+import { t as Ae } from "./BaseIcon-xBuW2jjI.js";
+import { t as je } from "./SlicerPreview-BDI-aCXE.js";
+import { t as Me } from "./vue-ui-accordion-B64IJyPU.js";
+import { t as Ne } from "./BaseLegendToggle-C4Usj0LI.js";
 import { t as Pe } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Fe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ie } from "./Legend-BVDhEEsC.js";
+import { t as Ie } from "./Legend-DXOzbXb-.js";
 import { t as Le } from "./vue_ui_xy_canvas-Cb6dg3eK.js";
 import { Teleport as Re, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as ze, createElementVNode as g, createSlots as Be, createTextVNode as Ve, createVNode as He, defineAsyncComponent as Ue, guardReactiveProps as _, mergeProps as We, nextTick as Ge, normalizeClass as Ke, normalizeProps as v, normalizeStyle as qe, onBeforeUnmount as Je, onMounted as Ye, openBlock as y, ref as b, renderSlot as x, resolveDynamicComponent as Xe, shallowRef as Ze, toDisplayString as Qe, toRefs as $e, unref as S, useSlots as et, watch as C, watchEffect as tt, withCtx as w } from "vue";
 //#region src/components/vue-ui-xy-canvas.vue
@@ -64,7 +64,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		"copyAlt"
 	],
 	setup(e, { expose: Se, emit: nt }) {
-		let pt = Ue(() => import("./Tooltip-BmGCBJuU.js")), mt = Ue(() => import("./DataTable-DJZgdnIn.js")), ht = Ue(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), gt = Ue(() => import("./NonSvgPenAndPaper-Dwq_M6Bz.js")), _t = Ue(() => import("./BaseDraggableDialog-a9xCKjW-.js").then((e) => e.n)), { vue_ui_xy_canvas: vt } = me(), { isThemeValid: yt, warnInvalidTheme: bt } = ye(), T = e, E = b(a()), D = b(null), xt = b(null), O = b(null), k = b(1), A = b(1), St = b(!1), j = b(null), Ct = b(""), wt = b(null), M = b([]), Tt = b(1), N = b(!0), P = b(!0), Et = b(null), Dt = b(0), Ot = b(!1), kt = b(null), At = b(null), F = b(null), jt = b(null), Mt = b(0), Nt = b(0), Pt = b(0), I = b(null), Ft = b(!1), It = b(null), Lt = b(null), Rt = b(!1), zt = b(!1), Bt = b(!1), L = b(null), Vt = b(!1), Ht = b(!1), Ut = b(!1), R = b(null), Wt = b({
+		let pt = Ue(() => import("./Tooltip-BhKov422.js")), mt = Ue(() => import("./DataTable-PidUPOit.js")), ht = Ue(() => import("./UserOptions-BxT1XHzN.js").then((e) => e.n)), gt = Ue(() => import("./NonSvgPenAndPaper-OIs8I25K.js")), _t = Ue(() => import("./BaseDraggableDialog-DjzNWkiE.js").then((e) => e.n)), { vue_ui_xy_canvas: vt } = me(), { isThemeValid: yt, warnInvalidTheme: bt } = ye(), T = e, E = b(u()), D = b(null), xt = b(null), O = b(null), k = b(1), A = b(1), St = b(!1), j = b(null), Ct = b(""), wt = b(null), M = b([]), Tt = b(1), N = b(!0), P = b(!0), Et = b(null), Dt = b(0), Ot = b(!1), kt = b(null), At = b(null), F = b(null), jt = b(null), Mt = b(0), Nt = b(0), Pt = b(0), I = b(null), Ft = b(!1), It = b(null), Lt = b(null), Rt = b(!1), zt = b(!1), Bt = b(!1), L = b(null), Vt = b(!1), Ht = b(!1), Ut = b(!1), R = b(null), Wt = b({
 			x: 0,
 			y: 0
 		}), z = p(() => Array.isArray($t.value) && $t.value.length > 0), Gt = nt, Kt = et();
@@ -81,7 +81,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				let t = e.series[R.value], n = t?.value ?? t ?? null;
 				return `${e.name}: ${n}`;
 			}).join(". ")}.`;
-		}), Yt = p(() => B.value.userOptions.useCursorPointer), Xt = p(() => !!B.value.debug), Zt = p(() => l({
+		}), Yt = p(() => B.value.userOptions.useCursorPointer), Xt = p(() => !!B.value.debug), Zt = p(() => r({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -157,7 +157,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				type: "bar",
 				color: "#AAAAAA"
 			}],
-			skeletonConfig: l({
+			skeletonConfig: r({
 				defaultConfig: B.value,
 				userConfig: Zt.value
 			})
@@ -188,11 +188,11 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 						userConfig: T.config,
 						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : u[n] || oe
+					customPalette: e.customPalette.length ? e.customPalette : l[n] || oe
 				};
 			}
 			else t = e;
-			return T.config && se(T.config, "style.chart.grid.y.timeLabels") && (console.warn("VueUiXyCanvas: you are using the deprecated config.style.chart.grid.y.timeLabels. It is recommended to move this configuration to config.style.chart.grid.x.timeLabels."), t.style.chart.grid.x.timeLabels = ve({
+			return T.config && ie(T.config, "style.chart.grid.y.timeLabels") && (console.warn("VueUiXyCanvas: you are using the deprecated config.style.chart.grid.y.timeLabels. It is recommended to move this configuration to config.style.chart.grid.x.timeLabels."), t.style.chart.grid.x.timeLabels = ve({
 				defaultConfig: t.style.chart.grid.x.timeLabels,
 				userConfig: T.config.style.chart.grid.y.timeLabels
 			})), t;
@@ -215,7 +215,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		function fn(e) {
 			Ot.value = e, Dt.value += 1;
 		}
-		let pn = p(() => ce(B.value.customPalette)), mn = p(() => M.value.length === K.value.length), U = p(() => K.value ? Math.max(...K.value.filter((e, t) => mn.value ? !0 : !M.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
+		let pn = p(() => s(B.value.customPalette)), mn = p(() => M.value.length === K.value.length), U = p(() => K.value ? Math.max(...K.value.filter((e, t) => mn.value ? !0 : !M.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
 		function hn(e) {
 			L.value = e, Q();
 		}
@@ -297,7 +297,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>
                 </svg>
                 <span>${e.name ? e.name + ": " : ""}</span>
-                <span>${ie(B.value.style.chart.dataLabels.formatter, e.series[j.value] ?? "-", i({
+                <span>${ae(B.value.style.chart.dataLabels.formatter, e.series[j.value] ?? "-", ce({
 			p: e.prefix || "",
 			v: e.series[j.value] ?? "-",
 			s: e.suffix || "",
@@ -307,14 +307,14 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			seriesIndex: j.value
 		})}</span>
             </div>
-        `)), wn = p(() => B.value.style.chart.line.cutNullValues), K = p(() => $t.value.map((e, t) => ({
+        `)), wn = p(() => B.value.style.chart.line.cutNullValues), K = p(() => $t.value.map((e, r) => ({
 			...e,
-			series: le({
-				data: s(e.series, [], wn.value),
+			series: t({
+				data: n(e.series, [], wn.value),
 				threshold: B.value.downsample.threshold
 			}),
-			absoluteIndex: t,
-			color: ue(e.color || pn.value[t] || oe[t] || oe[t % oe.length])
+			absoluteIndex: r,
+			color: ne(e.color || pn.value[r] || oe[r] || oe[r % oe.length])
 		}))), Tn = p(() => {
 			if (!B.value.style.chart.zoom.minimap.show) return [];
 			let e = K.value.filter((e) => !M.value.includes(e.absoluteIndex)), t = Math.max(...e.map((e) => e.series.length)), n = [];
@@ -477,7 +477,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 								y: e.localYLabels[n + 1].y
 							}
 						], {
-							fillColor: n % 2 == 0 ? "transparent" : r(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
+							fillColor: n % 2 == 0 ? "transparent" : i(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
 							strokeColor: "transparent"
 						});
 					});
@@ -558,7 +558,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 								y: G.value.yLabels[t + 1].y
 							}
 						], {
-							fillColor: t % 2 == 0 ? "transparent" : r(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
+							fillColor: t % 2 == 0 ? "transparent" : i(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
 							strokeColor: "transparent"
 						});
 					}) : G.value.yLabels.forEach((e) => {
@@ -625,7 +625,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		}
 		function Vn() {
 			q.value.forEach((e) => {
-				e.showYMarker && sr(e) && f(O.value, ie(B.value.style.chart.dataLabels.formatter, sr(e).value, i({
+				e.showYMarker && sr(e) && f(O.value, ae(B.value.style.chart.dataLabels.formatter, sr(e).value, ce({
 					p: e.prefix || B.value.style.chart.grid.y.axisLabels.prefix || "",
 					v: sr(e).value,
 					s: e.suffix || B.value.style.chart.grid.y.axisLabels.suffix || "",
@@ -643,7 +643,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		function Hn() {
 			B.value.style.chart.grid.y.axisLabels.show && (H.value.stacked ? q.value.forEach((e) => {
 				e.localYLabels.forEach((t, n) => {
-					f(O.value, ie(B.value.style.chart.dataLabels.formatter, t.value, i({
+					f(O.value, ae(B.value.style.chart.dataLabels.formatter, t.value, ce({
 						p: e.prefix || B.value.style.chart.grid.y.axisLabels.prefix || "",
 						v: t.value,
 						s: e.suffix || B.value.style.chart.grid.y.axisLabels.suffix || "",
@@ -659,7 +659,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 					});
 				});
 			}) : G.value.yLabels.forEach((e, t) => {
-				f(O.value, ie(B.value.style.chart.dataLabels.formatter, e.value, i({
+				f(O.value, ae(B.value.style.chart.dataLabels.formatter, e.value, ce({
 					p: B.value.style.chart.grid.y.axisLabels.prefix || "",
 					v: e.value,
 					s: B.value.style.chart.grid.y.axisLabels.suffix || "",
@@ -676,7 +676,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			}));
 		}
 		function Un(e) {
-			for (let t = 0; t < e.coordinatesLine.length; t += 1) f(O.value, ie(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[t].value, i({
+			for (let t = 0; t < e.coordinatesLine.length; t += 1) f(O.value, ae(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[t].value, ce({
 				p: e.prefix || "",
 				v: e.coordinatesLine[t].value,
 				s: e.suffix || "",
@@ -742,7 +742,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			for (let e = J.value.start; e < J.value.end; e += 1) (J.value.end - J.value.start < B.value.style.chart.grid.x.timeLabels.modulo || J.value.end - J.value.start >= B.value.style.chart.grid.x.timeLabels.modulo && (e % Math.floor((J.value.end - J.value.start) / B.value.style.chart.grid.x.timeLabels.modulo) === 0 || (e === j.value + J.value.start || e === L.value) && B.value.style.chart.grid.x.timeLabels.showMarker)) && f(O.value, Z.value[e] ? Z.value[e].text : e + 1, W.value.left + W.value.slot * (e - J.value.start) + W.value.slot / 2, W.value.bottom + k.value / B.value.style.chart.grid.x.timeLabels.offsetY, {
 				align: B.value.style.chart.grid.x.timeLabels.rotation === 0 ? "center" : B.value.style.chart.grid.x.timeLabels.rotation > 0 ? "left" : "right",
 				font: `${B.value.style.chart.grid.x.timeLabels.bold ? "bold " : ""}${Math.round(k.value / 40 * B.value.style.chart.grid.x.timeLabels.fontSizeRatio)}px ${B.value.style.fontFamily}`,
-				color: B.value.style.chart.grid.x.timeLabels.showMarker ? r(B.value.style.chart.grid.x.timeLabels.color, j.value !== null || L.value !== null ? j.value + J.value.start === e || L.value === e ? 100 : 20 : 100) : B.value.style.chart.grid.x.timeLabels.color,
+				color: B.value.style.chart.grid.x.timeLabels.showMarker ? i(B.value.style.chart.grid.x.timeLabels.color, j.value !== null || L.value !== null ? j.value + J.value.start === e || L.value === e ? 100 : 20 : 100) : B.value.style.chart.grid.x.timeLabels.color,
 				rotation: B.value.style.chart.grid.x.timeLabels.rotation
 			});
 		}
@@ -775,34 +775,34 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			});
 		}
 		function $n() {
-			X.value.forEach((e, n) => {
-				for (let r = 0; r < e.coordinatesLine.length; r += 1) Ee(O.value, [
+			X.value.forEach((e, t) => {
+				for (let n = 0; n < e.coordinatesLine.length; n += 1) Ee(O.value, [
 					{
-						x: W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * n - (n === 0 ? 0 : W.value.slot / (5 * X.value.length) * n)),
+						x: W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)),
 						y: H.value.stacked ? e.localZero : G.value.zero
 					},
 					{
-						x: W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * n - (n === 0 ? 0 : W.value.slot / (5 * X.value.length) * n)) + W.value.slot * .8 / (H.value.stacked ? 1 : X.value.length),
+						x: W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .8 / (H.value.stacked ? 1 : X.value.length),
 						y: H.value.stacked ? e.localZero : G.value.zero
 					},
 					{
-						x: W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * n - (n === 0 ? 0 : W.value.slot / (5 * X.value.length) * n)) + W.value.slot * .8 / (H.value.stacked ? 1 : X.value.length),
-						y: e.coordinatesLine[r].y
+						x: W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .8 / (H.value.stacked ? 1 : X.value.length),
+						y: e.coordinatesLine[n].y
 					},
 					{
-						x: W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * n - (n === 0 ? 0 : W.value.slot / (5 * X.value.length) * n)),
-						y: e.coordinatesLine[r].y
+						x: W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)),
+						y: e.coordinatesLine[n].y
 					}
 				], {
 					strokeColor: B.value.style.chart.backgroundColor,
 					gradient: {
 						type: "linear",
 						start: {
-							x: e.coordinatesLine[r].x,
-							y: e.coordinatesLine[r].y
+							x: e.coordinatesLine[n].x,
+							y: e.coordinatesLine[n].y
 						},
 						end: {
-							x: e.coordinatesLine[r].x,
+							x: e.coordinatesLine[n].x,
 							y: H.value.stacked ? e.localZero : G.value.zero
 						},
 						stops: [{
@@ -810,18 +810,18 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 							color: e.color
 						}, {
 							offset: 1,
-							color: B.value.style.chart.bar.gradient.show ? t(e.color, .5) : e.color
+							color: B.value.style.chart.bar.gradient.show ? c(e.color, .5) : e.color
 						}]
 					}
-				}), H.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && f(O.value, ie(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[r].value, i({
+				}), H.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && f(O.value, ae(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[n].value, ce({
 					p: e.prefix || "",
-					v: e.coordinatesLine[r].value,
+					v: e.coordinatesLine[n].value,
 					s: e.suffix || "",
 					r: e.rounding || 0
 				}), {
-					datapoint: e.coordinatesLine[r],
-					seriesIndex: r
-				}), W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * n - (n === 0 ? 0 : W.value.slot / (5 * X.value.length) * n)) + W.value.slot * .4 / (H.value.stacked ? 1 : X.value.length), (e.coordinatesLine[r].value < 0 ? H.value.stacked ? e.localZero : G.value.zero : e.coordinatesLine[r].y) + B.value.style.chart.dataLabels.offsetY, {
+					datapoint: e.coordinatesLine[n],
+					seriesIndex: n
+				}), W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .4 / (H.value.stacked ? 1 : X.value.length), (e.coordinatesLine[n].value < 0 ? H.value.stacked ? e.localZero : G.value.zero : e.coordinatesLine[n].y) + B.value.style.chart.dataLabels.offsetY, {
 					align: "center",
 					font: `${Math.round(k.value / 40 * B.value.style.chart.dataLabels.fontSizeRatio)}px ${B.value.style.fontFamily}`,
 					color: B.value.style.chart.dataLabels.useSerieColor ? e.color : B.value.style.chart.dataLabels.color,
@@ -897,13 +897,13 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			if (e.useArea) {
 				let n = H.value.stacked ? e.localZero : G.value.zero;
 				if (t) {
-					let { polygons: t, singles: i } = er(e, n);
+					let { polygons: t, singles: r } = er(e, n);
 					for (let n of t) Ce(O.value, n, {
-						fillColor: r(e.color, B.value.style.chart.area.opacity),
+						fillColor: i(e.color, B.value.style.chart.area.opacity),
 						strokeColor: "transparent"
 					});
 					let a = k.value / 200 * B.value.style.chart.line.plots.radiusRatio;
-					for (let t of i) Oe(O.value, {
+					for (let t of r) Oe(O.value, {
 						x: t.x,
 						y: t.y
 					}, a, {
@@ -915,16 +915,16 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 					let t = {
 						x: e.coordinatesLine[0].x,
 						y: n
-					}, i = {
+					}, r = {
 						x: e.coordinatesLine.at(-1).x,
 						y: n
 					};
 					Ce(O.value, [
 						t,
 						...e.coordinatesLine,
-						i
+						r
 					], {
-						fillColor: r(e.color, B.value.style.chart.area.opacity),
+						fillColor: i(e.color, B.value.style.chart.area.opacity),
 						strokeColor: "transparent"
 					});
 				}
@@ -1029,7 +1029,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			}, _r({
 				seriesIndex: j.value,
 				datapoint: c
-			}), ne(s) && ae(() => s({
+			}), le(s) && se(() => s({
 				seriesIndex: j.value,
 				datapoint: c,
 				series: q.value,
@@ -1055,7 +1055,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			return _r({
 				seriesIndex: e,
 				datapoint: r
-			}), ne(n) && ae(() => n({
+			}), le(n) && se(() => n({
 				seriesIndex: e,
 				datapoint: r,
 				series: q.value,
@@ -1132,7 +1132,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			Ft.value = !0, xr();
 		});
 		function xr() {
-			if (n(T.dataset) && Xt.value && ee({
+			if (a(T.dataset) && Xt.value && o({
 				componentName: "VueUiXyCanvas",
 				type: "dataset"
 			}), Ge(() => {
@@ -1181,7 +1181,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		let Dr = p(() => K.value.map((e, t) => ({
 			...e,
 			name: e.name,
-			color: ue(e.color) || pn.value[t] || oe[t] || oe[t % oe.length],
+			color: ne(e.color) || pn.value[t] || oe[t] || oe[t % oe.length],
 			shape: e.shape || "circle",
 			prefix: e.prefix || "",
 			suffix: e.suffix || "",
@@ -1251,8 +1251,8 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				[B.value.style.chart.title.text],
 				[B.value.style.chart.title.subtitle.text],
 				[""]
-			], n = ["", ...Ar.value.head.map((e) => e.label)], r = Ar.value.body, i = c(t.concat([n]).concat(r));
-			e ? e(i) : o({
+			], n = ["", ...Ar.value.head.map((e) => e.label)], r = Ar.value.body, i = ue(t.concat([n]).concat(r));
+			e ? e(i) : ee({
 				csvContent: i,
 				title: B.value.style.chart.title.text || "vue-ui-xy-canvas"
 			});
@@ -1564,7 +1564,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 					content: Ct.value,
 					isFullscreen: Ot.value,
 					backgroundOpacity: B.value.style.chart.tooltip.backgroundOpacity,
-					isCustom: S(ne)(B.value.style.chart.tooltip.customFormat),
+					isCustom: S(le)(B.value.style.chart.tooltip.customFormat),
 					smooth: B.value.style.chart.tooltip.smooth,
 					backdropFilter: B.value.style.chart.tooltip.backdropFilter,
 					smoothForce: B.value.style.chart.tooltip.smoothForce,

package/dist/{vue_ui_strip_plot-CtJe8_gq.js → vue_ui_strip_plot-BaHbnnwN.js}

@@ -39,6 +39,7 @@ var t = /* @__PURE__ */ e({
 			stroke: "#1A1A1A",
 			gradient: { show: !1 }
 		},
+		violin: { boxPlot: { medianCircleFill: "#1A1A1A" } },
 		labels: {
 			bestPlotLabel: { color: "#CCCCCC" },
 			axis: { color: "#CCCCCC" },
@@ -76,6 +77,7 @@ var t = /* @__PURE__ */ e({
 			verticalGrid: { stroke: "#4A4A4A" }
 		},
 		plots: { stroke: "#1A1A1A" },
+		violin: { boxPlot: { medianCircleFill: "#1A1A1A" } },
 		labels: {
 			bestPlotLabel: { color: "#CCCCCC" },
 			axis: { color: "#CCCCCC" },
@@ -113,6 +115,7 @@ var t = /* @__PURE__ */ e({
 			verticalGrid: { show: !1 }
 		},
 		plots: { stroke: "#FFF8E1" },
+		violin: { boxPlot: { medianCircleFill: "#FFF8E1" } },
 		labels: {
 			bestPlotLabel: { color: "#424242" },
 			axis: { color: "#424242" },
@@ -150,6 +153,7 @@ var t = /* @__PURE__ */ e({
 			verticalGrid: { show: !1 }
 		},
 		plots: { stroke: "#1E1E1E" },
+		violin: { boxPlot: { medianCircleFill: "#1E1E1E" } },
 		labels: {
 			bestPlotLabel: { color: "#BDBDBD" },
 			axis: { color: "#BDBDBD" },
@@ -187,6 +191,7 @@ var t = /* @__PURE__ */ e({
 			verticalGrid: { show: !1 }
 		},
 		plots: { stroke: "#00FF00" },
+		violin: { boxPlot: { medianCircleFill: "#1A1A1A" } },
 		labels: {
 			bestPlotLabel: { color: "#AACCAA" },
 			axis: { color: "#99CC99" },
@@ -223,6 +228,7 @@ var t = /* @__PURE__ */ e({
 			verticalGrid: { show: !1 }
 		},
 		plots: { stroke: "#fbfafa" },
+		violin: { boxPlot: { medianCircleFill: "#fbfafa" } },
 		labels: {
 			bestPlotLabel: { color: "#A0AC94" },
 			axis: { color: "#A0AC94" },
@@ -261,6 +267,7 @@ var t = /* @__PURE__ */ e({
 			verticalGrid: { stroke: "#829C98" }
 		},
 		plots: { stroke: "#404C5A" },
+		violin: { boxPlot: { medianCircleFill: "#F6F6FB" } },
 		labels: {
 			bestPlotLabel: { color: "#61747E" },
 			axis: { color: "#61747E" },

package/package.json

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

package/dist/Legend-BVDhEEsC.js

@@ -1,115 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { yt as t } from "./lib-CXicicWN.js";
-import { t as n } from "./Shape-C5OvuwII.js";
-import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { Fragment as i, createCommentVNode as a, createElementBlock as o, createVNode as s, mergeProps as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderList as f, renderSlot as p, unref as m } from "vue";
-//#region src/atoms/Legend.vue
-var h = /* @__PURE__ */ e({ default: () => y }), g = ["id"], _ = [
-	"role",
-	"tabindex",
-	"onKeydown",
-	"onFocus"
-], v = ["onClick", "viewBox"], y = /*#__PURE__*/ r({
-	__name: "Legend",
-	props: {
-		legendSet: {
-			type: Array,
-			default() {
-				return [];
-			}
-		},
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		id: {
-			type: String,
-			default: ""
-		},
-		clickable: {
-			type: Boolean,
-			default: !0
-		},
-		isCursorPointer: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["clickMarker", "focusMarker"],
-	setup(e, { emit: r }) {
-		let h = e, y = r;
-		function b(e, t) {
-			h.clickable && y("clickMarker", {
-				legend: e,
-				i: t
-			});
-		}
-		function x(e, t, n) {
-			h.clickable && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), b(t, n));
-		}
-		function S(e, t, n) {
-			e.preventDefault(), y("focusMarker", {
-				legend: t,
-				i: n
-			});
-		}
-		return (r, h) => (d(), o("div", {
-			id: e.id,
-			class: "vue-data-ui-legend",
-			style: u({
-				background: e.config.backgroundColor,
-				color: e.config.color,
-				paddingBottom: (e.config.paddingBottom ?? 0) + "px",
-				paddingTop: (e.config.paddingTop ?? 12) + "px",
-				fontWeight: e.config.fontWeight,
-				fontSize: `var(--legend-font-size, ${e.config.fontSize ?? 14}px)`
-			})
-		}, [
-			p(r.$slots, "legendTitle", { titleSet: e.legendSet }, void 0, !0),
-			p(r.$slots, "legendToggle", {}, void 0, !0),
-			(d(!0), o(i, null, f(e.legendSet, (i, f) => (d(), o("div", {
-				key: `legend_${f}`,
-				class: l({
-					"vue-data-ui-legend-item": !0,
-					active: e.clickable && e.isCursorPointer
-				}),
-				role: e.clickable ? "button" : void 0,
-				tabindex: e.clickable ? 0 : void 0,
-				onKeydown: (e) => x(e, i, f),
-				onFocus: (e) => S(e, i, f)
-			}, [i.shape ? (d(), o("svg", {
-				key: 0,
-				onClick: (e) => b(i, f),
-				height: "1em",
-				width: "1em",
-				viewBox: i.shape && i.shape === "star" ? "-10 -10 80 80" : "0 0 60 60",
-				style: u(`overflow: visible; opacity:${i.opacity}`),
-				"aria-hidden": "true"
-			}, [s(n, {
-				stroke: "none",
-				shape: i.shape,
-				radius: 30,
-				plot: {
-					x: 30,
-					y: i.shape === "triangle" ? 36 : 30
-				},
-				fill: i.color
-			}, null, 8, [
-				"shape",
-				"plot",
-				"fill"
-			]), p(r.$slots, "legend-pattern", c({ ref_for: !0 }, {
-				legend: i,
-				index: m(t)(i.absoluteIndex) ? i.absoluteIndex : f
-			}), void 0, !0)], 12, v)) : a("", !0), p(r.$slots, "item", {
-				legend: i,
-				index: f
-			}, void 0, !0)], 42, _))), 128)),
-			p(r.$slots, "after", {}, void 0, !0)
-		], 12, g));
-	}
-}, [["__scopeId", "data-v-1aaf430d"]]);
-//#endregion
-export { h as n, y as t };