vue-data-ui 3.23.0 → 3.23.2

package/dist/{vue-ui-xy-canvas-BN2u0bOJ.js → vue-ui-xy-canvas-1rbwMA1m.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Bt as n, D as r, Et as i, Jt as a, Kt as o, Ot as s, Pt as c, Rt as l, S as u, X as d, _ as ee, ct as te, dt as ne, i as re, jt as ie, o as ae, q as oe, tt as se, vt as ce, w as le, xt as ue } from "./lib-BuMGJ_a0.js";
+import { $ as t, Bt as n, D as r, Et as i, Jt as a, Kt as o, Ot as s, Pt as c, Rt as l, S as u, X as d, _ as ee, ct as te, dt as ne, i as re, jt as ie, o as ae, q as oe, tt as se, vt as ce, w as le, xt as ue } from "./lib-Bttd6u5E.js";
 import { n as de, t as fe } from "./useHints-Dq_w2E8B.js";
-import { n as pe, r as me, t as he } from "./useTimeLabels-B9CEuiLZ.js";
-import { t as ge } from "./useConfig-BilxnBNr.js";
-import { t as _e } from "./usePrinter-BFvi4jVy.js";
+import { n as pe, r as me, t as he } from "./useTimeLabels-d2f-W1L4.js";
+import { t as ge } from "./useConfig-DlNpz6P8.js";
+import { t as _e } from "./usePrinter-DN5bYhTG.js";
 import { n as ve, t as ye } from "./BaseScanner-DZvpgOjM.js";
-import { t as be } from "./useNestedProp--NSEmhOH.js";
+import { t as be } from "./useNestedProp-vPNvh7rV.js";
 import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Se } from "./img-DIQG5q8T.js";
-import { n as Ce } from "./Title-BODtwViI.js";
+import { t as Se } from "./img-Bnokohej.js";
+import { n as Ce } from "./Title-BE3qg9xl.js";
 import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { a as f, c as p, i as Te, l as Ee, n as De, o as Oe, r as ke, s as Ae, t as je } from "./useResponsive-ZtArZtUf.js";
-import { t as Me } from "./BaseIcon-91MZoczJ.js";
-import { t as Ne } from "./SlicerPreview-DvjLV2TW.js";
-import { t as Pe } from "./vue-ui-accordion-61MlW-Ge.js";
-import { t as Fe } from "./BaseLegendToggle-CtAPwzr2.js";
+import { t as Me } from "./BaseIcon-BfndwIWE.js";
+import { t as Ne } from "./SlicerPreview-wUw1hFwe.js";
+import { t as Pe } from "./vue-ui-accordion-DegI2lzR.js";
+import { t as Fe } from "./BaseLegendToggle-DZVucLnv.js";
 import { t as Ie } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Le } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Re } from "./Legend-CQTRlzK-.js";
+import { t as Re } from "./Legend-CQxUgOd-.js";
 import { t as ze } from "./vue_ui_xy_canvas-Cb6dg3eK.js";
 import { Teleport as Be, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as Ve, createElementVNode as _, createSlots as He, createTextVNode as Ue, createVNode as We, defineAsyncComponent as Ge, guardReactiveProps as v, mergeProps as Ke, nextTick as qe, normalizeClass as Je, normalizeProps as y, normalizeStyle as Ye, onBeforeUnmount as Xe, onMounted as Ze, openBlock as b, ref as x, renderSlot as S, resolveDynamicComponent as Qe, shallowRef as $e, toDisplayString as et, toRefs as tt, unref as C, useSlots as nt, watch as w, watchEffect as rt, withCtx as T } from "vue";
 //#region src/components/vue-ui-xy-canvas.vue
@@ -64,14 +64,10 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 		"copyAlt"
 	],
 	setup(e, { expose: we, emit: it }) {
-		let ht = Ge(() => import("./Tooltip-CMTGxeYO.js")), gt = Ge(() => import("./DataTable-D4tM9s5Y.js")), _t = Ge(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), vt = Ge(() => import("./NonSvgPenAndPaper-Cawacw1W.js")), yt = Ge(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), { vue_ui_xy_canvas: bt } = ge(), { isThemeValid: xt, warnInvalidTheme: St } = xe(), E = e, D = x(oe()), O = x(null), Ct = x(null), k = x(null), A = x(1), j = x(1), wt = x(!1), M = x(null), Tt = x(""), Et = x(null), N = x([]), Dt = x(1), P = x(!0), F = x(!0), Ot = x(null), kt = x(0), At = x(!1), jt = x(null), Mt = x(null), I = x(null), Nt = x(null), Pt = x(0), Ft = x(0), It = x(0), L = x(null), Lt = x(!1), Rt = x(null), zt = x(null), Bt = x(!1), Vt = x(!1), Ht = x(!1), R = x(null), Ut = x(!1), Wt = x(!1), Gt = x(!1), z = x(null), Kt = x({
+		let ht = Ge(() => import("./Tooltip-DhjyfHwz.js")), gt = Ge(() => import("./DataTable-BbKgJ5UI.js")), _t = Ge(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), vt = Ge(() => import("./NonSvgPenAndPaper-4ypecDg1.js")), yt = Ge(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_xy_canvas: bt } = ge(), { isThemeValid: xt, warnInvalidTheme: St } = xe(), E = e, D = x(oe()), O = x(null), Ct = x(null), k = x(null), A = x(1), j = x(1), wt = x(!1), M = x(null), Tt = x(""), Et = x(null), N = x([]), Dt = x(1), P = x(!0), F = x(!0), Ot = x(null), kt = x(0), At = x(!1), jt = x(null), Mt = x(null), I = x(null), Nt = x(null), Pt = x(0), Ft = x(0), It = x(0), L = x(null), Lt = x(!1), Rt = x(null), zt = x(null), Bt = x(!1), Vt = x(!1), Ht = x(!1), R = x(null), Ut = x(!1), Wt = x(!1), Gt = x(!1), z = x(null), Kt = x({
 			x: 0,
 			y: 0
-		}), B = m(() => Array.isArray(tn.value) && tn.value.length > 0), qt = it, Jt = nt();
-		Ze(() => {
-			Jt["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
-		});
-		let V = x(cn());
+		}), B = m(() => Array.isArray(tn.value) && tn.value.length > 0), qt = it, Jt = nt(), V = x(cn());
 		de({
 			config: () => V.value,
 			dataset: () => E.dataset,
@@ -106,7 +102,11 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				let t = e.series[z.value], n = t?.value ?? t ?? null;
 				return `${e.name}: ${n}`;
 			}).join(". ")}.`;
-		}), Zt = m(() => V.value.userOptions.useCursorPointer), Qt = m(() => !!V.value.debug), $t = m(() => a({
+		}), Zt = m(() => V.value.userOptions.useCursorPointer), Qt = m(() => V.value.debug);
+		Ze(() => {
+			Jt["chart-background"] && Qt.value && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
+		});
+		let $t = m(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -1158,9 +1158,10 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			Lt.value = !0, wr();
 		});
 		function wr() {
-			if (ie(E.dataset) && Qt.value && se({
+			if (ie(E.dataset) && se({
 				componentName: "VueUiXyCanvas",
-				type: "dataset"
+				type: "dataset",
+				debug: Qt.value
 			}), qe(() => {
 				H.value && !k.value && (k.value = H.value.getContext("2d", { willReadFrequently: !0 })), k.value && B.value && (P.value = !0, F.value = !0, Bn());
 			}), V.value.responsive) {
@@ -1194,7 +1195,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			N.value.includes(e) ? N.value = N.value.filter((t) => t !== e) : N.value.push(e), P.value = !0, cr(), qt("selectLegend", J.value);
 		}
 		function Dr(e) {
-			return q.value.length ? q.value.find((t) => t.name === e) || (V.value.debug && console.warn(`VueUiXyCanvas - Series name not found "${e}"`), null) : (V.value.debug && console.warn("VueUiXyCanvas - There are no series to show."), null);
+			return q.value.length ? q.value.find((t) => t.name === e) || (Qt.value && console.warn(`VueUiXyCanvas - Series name not found "${e}"`), null) : (Qt.value && console.warn("VueUiXyCanvas - There are no series to show."), null);
 		}
 		function Or(e) {
 			let t = Dr(e);
@@ -1277,9 +1278,9 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				[V.value.style.chart.title.text],
 				[V.value.style.chart.title.subtitle.text],
 				[""]
-			], i = ["", ...Nr.value.head.map((e) => e.label)], a = Nr.value.body, o = r(n.concat([i]).concat(a));
-			e ? e(o) : t({
-				csvContent: o,
+			], i = ["", ...Nr.value.head.map((e) => e.label)], a = Nr.value.body, o = n.concat([i]).concat(a), s = r(o);
+			e ? e(s) : t({
+				csvContent: s,
 				title: V.value.style.chart.title.text || "vue-ui-xy-canvas"
 			});
 		}
@@ -1677,6 +1678,8 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				valueStart: Y.value.start,
 				verticalHandles: V.value.style.chart.zoom.minimap.verticalHandles,
 				maxWidth: V.value.style.chart.zoom.maxWidth,
+				minimapLeftInsetRatio: G.value.canvasWidth > 0 && V.value.style.chart.zoom.autoFit ? G.value.left / G.value.canvasWidth : null,
+				minimapRightInsetRatio: G.value.canvasWidth > 0 && V.value.style.chart.zoom.autoFit ? (G.value.canvasWidth - G.value.right) / G.value.canvasWidth : null,
 				additionalMinimapHeight: V.value.style.chart.zoom.minimap.additionalHeight,
 				handleType: V.value.style.chart.zoom.minimap.handleType,
 				handleIconColor: V.value.style.chart.zoom.minimap.handleIconColor,
@@ -1693,7 +1696,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			}, {
 				"reset-action": T(({ reset: e }) => [S(t.$slots, "reset-action", y(v({ reset: e })), void 0, !0)]),
 				_: 3
-			}, 8, /* @__PURE__ */ "allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.smoothMinimap.start.timeLabels.usePreciseLabels.textColor.useResetSlot.valueEnd.valueStart.verticalHandles.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : g("", !0),
+			}, 8, /* @__PURE__ */ "allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.smoothMinimap.start.timeLabels.usePreciseLabels.textColor.useResetSlot.valueEnd.valueStart.verticalHandles.maxWidth.minimapLeftInsetRatio.minimapRightInsetRatio.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : g("", !0),
 			_("div", { id: `legend-bottom-${D.value}` }, null, 8, dt),
 			Lt.value && (V.value.style.chart.legend.show || t.$slots.legend) ? (b(), h(Be, {
 				key: 3,
@@ -1811,6 +1814,6 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			])) : g("", !0)
 		], 46, at));
 	}
-}, [["__scopeId", "data-v-d5591264"]]);
+}, [["__scopeId", "data-v-366a5f0a"]]);
 //#endregion
 export { it as n, ht as t };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "vue-data-ui",
     "private": false,
-    "version": "3.23.0",
+    "version": "3.23.2",
     "type": "module",
     "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
     "keywords": [
@@ -119,15 +119,15 @@
         }
     },
     "devDependencies": {
-        "@vitejs/plugin-vue": "^6.0.7",
-        "cypress": "^15.17.0",
+        "@vitejs/plugin-vue": "^6.0.8",
+        "cypress": "^15.19.0",
         "jsdom": "^29.1.1",
         "prettier": "3.8.1",
         "remove-attr": "^0.0.13",
         "sass": "^1.57.1",
         "simple-git": "^3.36.0",
         "typescript": "^6.0.2",
-        "vite": "^8.1.5",
+        "vite": "^8.2.0",
         "vitest": "^4.1.8",
         "vue": "^3.5.40"
     }