vue-data-ui 3.21.1 → 3.21.3

package/dist/{vue-ui-xy-yPqdWpyW.js → vue-ui-xy-V9KNpq90.js}

@@ -1,8 +1,8 @@
 import { B as e, Bt as t, F as n, Ft as r, G as i, H as a, Ht as o, I as s, L as c, M as l, Nt as u, O as d, Ot as f, Pt as p, Q as m, R as h, T as g, a as _, c as ee, g as v, h as y, i as b, j as x, k as te, pt as S, s as C, t as w, w as T, y as E } from "./lib-AJRHFE5U.js";
 import { t as D } from "./useTimeLabels-BmBRv27Y.js";
-import { t as O } from "./useConfig-DnH7Pf_2.js";
+import { t as O } from "./useConfig-Ceammwok.js";
 import { t as k } from "./vue_ui_xy-BA3-_LCx.js";
-import { _ as A, d as j, f as M, g as N, h as P, l as F, m as I, p as L, u as R, v as z } from "./render-common-ZYTBPta1.js";
+import { _ as A, d as j, f as M, g as N, h as P, l as F, m as I, p as L, u as R, v as z } from "./render-common-CEtFwZ7E.js";
 //#region src/svg/vue-ui-xy/create.js
 var { vue_ui_xy: B } = O();
 function ne({ config: e = {}, dataset: n = [] } = {}) {
@@ -1116,8 +1116,9 @@ function Ct(e, t) {
 	}), c.length ? R("g", { "data-layer": "highlight-areas" }, c.join("")) : "";
 }
 function wt(e, t) {
-	let { drawingArea: n, scale: r } = e, i = (Number(t) - r.min) / (r.max - r.min || 1);
-	return n.bottom - i * n.height;
+	if (t == null) return null;
+	let { drawingArea: n, scale: r } = e, i = W(e), a = r.max - r.min || 1;
+	return i - (Number(t) - 0) / a * n.height;
 }
 function Tt(e) {
 	return M(e.text, A(e.fontSize, 12));
@@ -1142,8 +1143,8 @@ function Dt(e) {
 	let r = N(L(t, "chart.annotations", [])).filter((e) => e?.show && (e.yAxis?.yTop !== null || e.yAxis?.yBottom !== null) && (e.yAxis?.yTop !== void 0 || e.yAxis?.yBottom !== void 0));
 	if (!r.length) return "";
 	let i = [];
-	return r.forEach((r, a) => {
-		let o = r.yAxis ?? {}, s = o.label ?? {}, c = o.line ?? {}, l = o.area ?? {}, u = o.yTop !== null && o.yTop !== void 0, d = o.yBottom !== null && o.yBottom !== void 0, f = u ? wt(e, o.yTop) : null, m = d ? wt(e, o.yBottom) : null, h = Number.isFinite(Number(f)), g = Number.isFinite(Number(m));
+	return r.forEach((t, r) => {
+		let a = t.yAxis ?? {}, o = a.label ?? {}, s = a.line ?? {}, c = a.area ?? {}, l = a.yTop, u = a.yBottom, d = l != null && u != null && l !== u, f = wt(e, l), m = wt(e, u), h = Number.isFinite(f), g = Number.isFinite(m);
 		if (!h && !g) return;
 		let _ = [];
 		if (h && _.push(j("line", {
@@ -1151,9 +1152,9 @@ function Dt(e) {
 			y1: f,
 			x2: n.right,
 			y2: f,
-			stroke: c.stroke,
-			"stroke-width": c.strokeWidth,
-			"stroke-dasharray": c.strokeDasharray,
+			stroke: s.stroke,
+			"stroke-width": s.strokeWidth,
+			"stroke-dasharray": s.strokeDasharray,
 			"stroke-linecap": "round",
 			"data-cy": "xy-annotation-y-top-line"
 		})), g && _.push(j("line", {
@@ -1161,38 +1162,38 @@ function Dt(e) {
 			y1: m,
 			x2: n.right,
 			y2: m,
-			stroke: c.stroke,
-			"stroke-width": c.strokeWidth,
-			"stroke-dasharray": c.strokeDasharray,
+			stroke: s.stroke,
+			"stroke-width": s.strokeWidth,
+			"stroke-dasharray": s.strokeDasharray,
 			"stroke-linecap": "round",
 			"data-cy": "xy-annotation-y-bottom-line"
-		})), h && g && f !== m && _.push(j("rect", {
+		})), d && h && g && _.push(j("rect", {
 			x: n.left,
 			y: Math.min(f, m),
 			width: n.width,
 			height: Math.abs(f - m),
-			fill: p(l.fill || c.stroke || L(t, "chart.color", "#2A2A2A"), A(l.opacity, 20)),
+			fill: p(c.fill, A(c.opacity, 20)),
 			"data-cy": "xy-annotation-y-area",
 			"pointer-events": "none"
-		})), s.text) {
-			let e = s.padding ?? {}, t = h && g ? Math.min(f, m) : h ? f : m, r = (s.position === "start" ? n.left + A(e.left, 0) : n.right - A(e.right, 0)) + A(s.offsetX, 0), i = t - A(s.fontSize, 12) / 3 + A(s.offsetY, 0) - A(e.top, 0), a = Et(s, r, i);
+		})), o.text) {
+			let e = o.padding ?? {}, t = h && g ? Math.min(f, m) : h ? f : m, r = (o.position === "start" ? n.left + A(e.left, 0) : n.right - A(e.right, 0)) + A(o.offsetX, 0), i = t - A(o.fontSize, 12) / 3 + A(o.offsetY, 0) - A(e.top, 0), a = Et(o, r, i);
 			Number.isFinite(a.y) && Number.isFinite(i) && (_.push(j("rect", {
 				class: "vue-ui-xy-annotation-label-box",
 				...a,
 				"data-cy": "xy-annotation-label-box"
-			})), _.push(z(s.text, {
+			})), _.push(z(o.text, {
 				class: "vue-ui-xy-annotation-label",
 				x: r,
 				y: i,
-				"font-size": s.fontSize,
-				fill: s.color,
-				"text-anchor": s.textAnchor,
+				"font-size": o.fontSize,
+				fill: o.color,
+				"text-anchor": o.textAnchor,
 				"data-cy": "xy-annotation-label"
 			})));
 		}
 		i.push(R("g", {
 			"data-layer": "annotation",
-			"data-key": `annotation_y_${a}`
+			"data-key": `annotation_y_${r}`
 		}, _.join("")));
 	}), i.length ? R("g", { "data-layer": "annotations" }, i.join("")) : "";
 }
@@ -1237,7 +1238,6 @@ async function kt(e) {
     ${xe(a)}
     ${lt(a)}
     ${Ct(a, o)}
-    ${Dt(a)}
     ${Me(a)}
     ${await Ge(a, o)}
     ${Ee(a)}
@@ -1251,6 +1251,7 @@ async function kt(e) {
     ${ot(a, o)}
     ${gt(a, o)}
     ${qe(a, o)}
+    ${Dt(a)}
     ${Ot(a, o)}
 </svg>`.trim();
 }

package/dist/{vue-ui-xy-canvas-DjxM7y3T.js → vue-ui-xy-canvas-iuxHwCtX.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { Bt as t, G as n, H as r, Ht as i, J as a, Mt as o, Ot as s, Pt as c, S as l, St as u, Tt as ee, X as te, a as ne, bt as re, h as ie, ht as ae, i as oe, it as se, pt as ce, x as le, y as ue } from "./lib-AJRHFE5U.js";
 import { n as de, r as fe, t as pe } from "./useTimeLabels-BmBRv27Y.js";
-import { t as me } from "./useConfig-DnH7Pf_2.js";
+import { t as me } from "./useConfig-Ceammwok.js";
 import { t as he } from "./usePrinter-6n2MzVyV.js";
 import { n as ge, t as _e } from "./BaseScanner-Dr2a1Msy.js";
 import { t as ve } from "./useNestedProp-DtcXIg7n.js";
@@ -13,11 +13,11 @@ 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 }
 import { t as ke } from "./useResponsive-BfnK0KxU.js";
 import { t as Ae } from "./BaseIcon-CbDazQLH.js";
 import { t as je } from "./SlicerPreview-CXLgqXX8.js";
-import { t as Me } from "./vue-ui-accordion-DLnwuQda.js";
+import { t as Me } from "./vue-ui-accordion-6KrR0W3I.js";
 import { t as Ne } from "./BaseLegendToggle-BNRi408o.js";
 import { t as Pe } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Fe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ie } from "./Legend-BLhREbj7.js";
+import { t as Ie } from "./Legend-B3tdljl0.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

package/package.json

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