vue-data-ui 3.24.1 → 3.25.0

package/dist/{vue-ui-xy-BKb9YmVU.js → vue-ui-xy-BTh5QolL.js}

@@ -1,25 +1,25 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, A as n, B as r, Ct as i, D as a, Dt as o, G as s, H as c, Ht as l, I as u, It as d, Jt as ee, L as te, M as f, N as ne, Nt as re, P as ie, S as ae, St as oe, U as se, Ut as ce, V as le, Vt as ue, W as de, X as p, Xt as fe, Yt as pe, _ as m, b as h, c as me, d as he, ft as ge, i as g, k as _e, l as ve, n as ye, nt as be, o as xe, q as Se, qt as Ce, r as we, st as _, v as Te, w as Ee, wt as v, yt as De, z as Oe, zt as ke } from "./lib-DfMn_3jf.js";
+import { $ as t, A as n, B as r, Ct as i, D as a, Dt as o, G as s, H as c, Ht as l, I as u, It as d, Jt as ee, L as te, M as f, N as ne, Nt as re, P as ie, S as ae, St as oe, U as se, Ut as ce, V as le, Vt as ue, W as de, X as p, Xt as fe, Yt as pe, _ as m, b as h, c as me, d as he, ft as ge, i as g, k as _e, l as ve, n as ye, nt as be, o as xe, q as Se, qt as Ce, r as we, st as _, v as Te, w as Ee, wt as v, yt as De, z as Oe, zt as ke } from "./lib-DurLxjMz.js";
 import { n as Ae, t as je } from "./useHints-Dq_w2E8B.js";
 import { n as Me, r as Ne, t as Pe } from "./useTimeLabels-d2f-W1L4.js";
-import { t as Fe } from "./useConfig-DcMi9POF.js";
-import { t as Ie } from "./usePrinter-Daqyj6c7.js";
+import { t as Fe } from "./useConfig-CyCVHo81.js";
+import { t as Ie } from "./usePrinter-D53IAxB2.js";
 import { n as Le, t as Re } from "./BaseScanner-DZvpgOjM.js";
-import { t as ze } from "./useNestedProp-CLEe1P5W.js";
+import { t as ze } from "./useNestedProp-B3XMQAL1.js";
 import { t as Be } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Ve } from "./useChartExport-iwOqiIWX.js";
 import { t as He } from "./useTransitions-g_zBREk2.js";
 import { t as Ue } from "./useStableElementSize-C7KADDKj.js";
 import { t as We } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Ge } from "./img-DRq3Equ5.js";
-import { n as Ke } from "./Title-C5ytqOnj.js";
+import { t as Ge } from "./img-D3Ck2d_T.js";
+import { n as Ke } from "./Title-y2KUSK-I.js";
 import { t as qe } from "./vue_ui_xy-BA3-_LCx.js";
-import { t as Je } from "./Shape-BV_BCG2F.js";
+import { t as Je } from "./Shape-Dqpgbk7w.js";
 import { t as Ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as Xe } from "./DefGrad-DVBqDjhO.js";
-import { t as Ze } from "./SlicerPreview-CsFT236o.js";
-import { t as Qe } from "./vue-ui-accordion-JvX3LRnx.js";
-import { t as $e } from "./BaseLegendToggle-B_wibe7d.js";
+import { t as Ze } from "./SlicerPreview-BSjcCjhA.js";
+import { t as Qe } from "./vue-ui-accordion-D2W-dY3E.js";
+import { t as $e } from "./BaseLegendToggle-Dj1a_tSb.js";
 import { t as et } from "./A11yDataTable-DdRsVULz.js";
 import { Fragment as y, Teleport as tt, computed as b, createBlock as nt, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as rt, createTextVNode as it, createVNode as at, defineAsyncComponent as ot, getCurrentInstance as st, guardReactiveProps as ct, mergeProps as lt, nextTick as ut, normalizeClass as w, normalizeProps as dt, normalizeStyle as T, onBeforeUnmount as ft, onMounted as pt, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as mt, shallowRef as ht, toDisplayString as A, toRefs as gt, unref as j, useSlots as _t, vModelCheckbox as vt, watch as yt, watchEffect as bt, withCtx as M, withDirectives as xt } from "vue";
 //#region src/utils/xy.js
@@ -407,6 +407,7 @@ var jt = /* @__PURE__ */ e({ default: () => N }), Mt = ["id"], Nt = ["id"], Pt =
 	"text-anchor",
 	"font-size",
 	"fill",
+	"stroke",
 	"transform",
 	"onClick"
 ], Er = [
@@ -568,7 +569,7 @@ var jt = /* @__PURE__ */ e({ default: () => N }), Mt = ["id"], Nt = ["id"], Pt =
 		"copyAlt"
 	],
 	setup(e, { expose: Ye, emit: jt }) {
-		let N = e, ui = ot(() => import("./DataTable-1Lsn9w61.js")), di = ot(() => import("./Tooltip-CTgk02J6.js")), fi = ot(() => import("./UserOptions-DJt-e5q0.js").then((e) => e.n)), pi = ot(() => import("./BaseIcon-U0y1Y7dC.js").then((e) => e.n)), mi = ot(() => import("./vue-ui-table-sparkline-uZFaAqdt.js").then((e) => e.n)), hi = ot(() => import("./PackageVersion-DtE5p3O7.js").then((e) => e.t)), gi = ot(() => import("./PenAndPaper-ktbpEc-t.js").then((e) => e.t)), _i = ot(() => import("./BaseDraggableDialog-9RMU4zIz.js").then((e) => e.n)), vi = jt, yi = _t(), bi = st(), { vue_ui_xy: xi } = Fe(), { isThemeValid: Si, warnInvalidTheme: Ci } = Be(), wi = D(null), Ti = D(null), Ei = D(null), Di = D(null), Oi = D(null), ki = D(null), Ai = D(null), ji = D(null), Mi = D(null), Ni = D(null), Pi = D(null), Fi = D(null), Ii = D(null), Li = D(null), Ri = D(0), P = D(null), zi = D(!0), Bi = D(600), F = D(1e3), Vi = D("0 0 1000 600"), Hi = D({
+		let N = e, ui = ot(() => import("./DataTable-D6vq6n14.js")), di = ot(() => import("./Tooltip-CLpW5URN.js")), fi = ot(() => import("./UserOptions-3Qr8es3g.js").then((e) => e.n)), pi = ot(() => import("./BaseIcon-Dmgd8MfJ.js").then((e) => e.n)), mi = ot(() => import("./vue-ui-table-sparkline-B4V_s9rK.js").then((e) => e.n)), hi = ot(() => import("./PackageVersion-CU9Hflo-.js").then((e) => e.t)), gi = ot(() => import("./PenAndPaper-CD5tlFYh.js").then((e) => e.t)), _i = ot(() => import("./BaseDraggableDialog-obpncsqR.js").then((e) => e.n)), vi = jt, yi = _t(), bi = st(), { vue_ui_xy: xi } = Fe(), { isThemeValid: Si, warnInvalidTheme: Ci } = Be(), wi = D(null), Ti = D(null), Ei = D(null), Di = D(null), Oi = D(null), ki = D(null), Ai = D(null), ji = D(null), Mi = D(null), Ni = D(null), Pi = D(null), Fi = D(null), Ii = D(null), Li = D(null), Ri = D(0), P = D(null), zi = D(!0), Bi = D(600), F = D(1e3), Vi = D("0 0 1000 600"), Hi = D({
 			x: 0,
 			y: 0
 		}), Ui = D({
@@ -646,7 +647,7 @@ var jt = /* @__PURE__ */ e({ default: () => N }), Mt = ["id"], Nt = ["id"], Pt =
 			})) : e.chart.highlightArea = Ma({
 				defaultConfig: xi.chart.highlightArea,
 				userConfig: N.config.chart.highlightArea
-			}));
+			})), N.config && De(N.config, "chart.grid.labels.xAxisLabels.showFirstAndLast") && (e.chart.grid.labels.xAxisLabels.showFirstAndLast = !!N.config.chart.grid.labels.xAxisLabels.showFirstAndLast);
 			let t = e.theme;
 			if (!t) return e;
 			if (!Si.value(e)) return Ci(e), e;
@@ -1199,11 +1200,18 @@ var jt = /* @__PURE__ */ e({ default: () => N }), Mt = ["id"], Nt = ["id"], Pt =
 			})();
 		});
 		let qo = b(() => {
-			let e = H.value.chart.grid.labels.xAxisLabels.modulo;
-			return Z.value.length ? Math.min(e, [...new Set(Z.value.map((e) => e.text))].length) : e;
+			let e = Math.max(1, Math.floor(Number(H.value.chart.grid.labels.xAxisLabels.modulo) || 1)), t = Wo.value.length, n = Z.value.length;
+			if (!t || !n) return e;
+			let r = Math.max(1, Math.ceil(t / e));
+			return Math.max(1, Math.round(n / r));
 		}), Jo = b(() => {
-			let e = H.value.chart.grid.labels.xAxisLabels, t = Z.value || [], n = Wo.value || [], r = W.value.start ?? 0, i = z.value, a = Q.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
-			return me(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, qo.value || 1), o, s, r, i, a);
+			let e = H.value.chart.grid.labels.xAxisLabels, t = Z.value || [], n = Wo.value || [], r = W.value.start ?? 0, i = z.value, a = Q.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? ""), c = me(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, qo.value, o, s, r, i, a);
+			if (!e.showFirstAndLast || !e.showOnlyAtModulo || e.showOnlyFirstAndLast || !c.length) return c;
+			let l = c.length - 1;
+			return c.map((e, t) => t !== 0 && t !== l ? e : {
+				...e,
+				text: o[t] ?? ""
+			});
 		}), Yo = b(() => (Jo.value || []).map((e) => e?.text ?? "").join("|"));
 		pt(() => {
 			requestAnimationFrame(() => {
@@ -4656,6 +4664,7 @@ var jt = /* @__PURE__ */ e({ default: () => N }), Mt = ["id"], Nt = ["id"], Pt =
 							content: String(e.text),
 							fontSize: V.value.xAxis,
 							fill: H.value.chart.grid.labels.xAxisLabels.color,
+							stroke: H.value.chart.backgroundColor,
 							x: 0,
 							y: 0
 						}),
@@ -4666,6 +4675,11 @@ var jt = /* @__PURE__ */ e({ default: () => N }), Mt = ["id"], Nt = ["id"], Pt =
 						"text-anchor": H.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : H.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": V.value.xAxis,
 						fill: H.value.chart.grid.labels.xAxisLabels.color,
+						stroke: H.value.chart.backgroundColor,
+						"stroke-width": "3",
+						"stroke-linejoin": "round",
+						"stroke-linecap": "round",
+						"paint-order": "stroke fill",
 						transform: `translate(${fl(e, t)}, ${X.value?.bottom + V.value.xAxis * 1.5}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
 						style: T({ cursor: Fo() && Fa.value ? "pointer" : "default" }),
 						onClick: (n) => Xo(e, t)
@@ -5258,6 +5272,6 @@ var jt = /* @__PURE__ */ e({ default: () => N }), Mt = ["id"], Nt = ["id"], Pt =
 			k(t.$slots, "skeleton", {}, () => [j(Ba) ? (E(), nt(Re, { key: 0 })) : x("", !0)], !0)
 		], 46, Mt));
 	}
-}, [["__scopeId", "data-v-cce012bf"]]);
+}, [["__scopeId", "data-v-cba76256"]]);
 //#endregion
 export { jt as n, N as t };

package/dist/{vue-ui-xy-canvas-Bs_O-0UT.js → vue-ui-xy-canvas-BzbNRbft.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, At as n, Bt as r, D as i, Dt as a, Ht as o, It as s, Jt as c, Nt as l, S as u, St as ee, X as te, Xt as ne, _ as re, ft as ie, i as ae, lt as oe, nt as se, o as ce, q as le, w as ue, yt as de } from "./lib-DfMn_3jf.js";
+import { $ as t, At as n, Bt as r, D as i, Dt as a, Ht as o, It as s, Jt as c, Nt as l, S as u, St as ee, X as te, Xt as ne, _ as re, ft as ie, i as ae, lt as oe, nt as se, o as ce, q as le, w as ue, yt as de } from "./lib-DurLxjMz.js";
 import { n as fe, t as pe } from "./useHints-Dq_w2E8B.js";
 import { n as me, r as he, t as ge } from "./useTimeLabels-d2f-W1L4.js";
-import { t as _e } from "./useConfig-DcMi9POF.js";
-import { t as ve } from "./usePrinter-Daqyj6c7.js";
+import { t as _e } from "./useConfig-CyCVHo81.js";
+import { t as ve } from "./usePrinter-D53IAxB2.js";
 import { n as ye, t as be } from "./BaseScanner-DZvpgOjM.js";
-import { t as xe } from "./useNestedProp-CLEe1P5W.js";
+import { t as xe } from "./useNestedProp-B3XMQAL1.js";
 import { t as Se } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Ce } from "./img-DRq3Equ5.js";
-import { n as we } from "./Title-C5ytqOnj.js";
+import { t as Ce } from "./img-D3Ck2d_T.js";
+import { n as we } from "./Title-y2KUSK-I.js";
 import { t as Te } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { a as d, c as f, i as Ee, l as De, n as Oe, o as ke, r as Ae, s as je, t as Me } from "./useResponsive-ZtArZtUf.js";
-import { t as Ne } from "./BaseIcon-U0y1Y7dC.js";
-import { t as Pe } from "./SlicerPreview-CsFT236o.js";
-import { t as Fe } from "./vue-ui-accordion-JvX3LRnx.js";
-import { t as Ie } from "./BaseLegendToggle-B_wibe7d.js";
+import { t as Ne } from "./BaseIcon-Dmgd8MfJ.js";
+import { t as Pe } from "./SlicerPreview-BSjcCjhA.js";
+import { t as Fe } from "./vue-ui-accordion-D2W-dY3E.js";
+import { t as Ie } from "./BaseLegendToggle-Dj1a_tSb.js";
 import { t as Le } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Re } from "./useChartAccessibility-DYqac8yF.js";
-import { t as ze } from "./Legend-Cg1jtWxv.js";
+import { t as ze } from "./Legend-Du6YK6gu.js";
 import { t as Be } from "./vue_ui_xy_canvas-Cb6dg3eK.js";
 import { Teleport as Ve, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as He, createElementVNode as g, createSlots as Ue, createTextVNode as We, createVNode as Ge, defineAsyncComponent as Ke, guardReactiveProps as _, mergeProps as qe, nextTick as Je, normalizeClass as Ye, normalizeProps as v, normalizeStyle as Xe, onBeforeUnmount as Ze, onMounted as Qe, openBlock as y, ref as b, renderSlot as x, resolveDynamicComponent as $e, shallowRef as et, toDisplayString as tt, toRefs as nt, unref as S, useSlots as rt, watch as C, watchEffect as it, withCtx as w } from "vue";
 //#region src/components/vue-ui-xy-canvas.vue
@@ -64,7 +64,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 		"copyAlt"
 	],
 	setup(e, { expose: Te, emit: at }) {
-		let _t = Ke(() => import("./Tooltip-CTgk02J6.js")), vt = Ke(() => import("./DataTable-1Lsn9w61.js")), yt = Ke(() => import("./UserOptions-DJt-e5q0.js").then((e) => e.n)), bt = Ke(() => import("./NonSvgPenAndPaper-aCu8CNkj.js")), xt = Ke(() => import("./BaseDraggableDialog-9RMU4zIz.js").then((e) => e.n)), { vue_ui_xy_canvas: St } = _e(), { isThemeValid: Ct, warnInvalidTheme: wt } = Se(), T = e, E = b(le()), D = b(null), Tt = b(null), O = b(null), k = b(1), A = b(1), Et = b(!1), j = b(null), Dt = b(""), Ot = b(null), M = b([]), kt = b(1), N = b(!0), P = b(!0), At = b(null), jt = b(0), Mt = b(!1), Nt = b(null), Pt = b(null), F = b(null), Ft = b(null), It = b(0), Lt = b(0), Rt = b(0), I = b(null), zt = b(!1), Bt = b(null), Vt = b(null), Ht = b(!1), Ut = b(!1), Wt = b(!1), L = b(null), Gt = b(!1), Kt = b(!1), qt = b(!1), R = b(null), Jt = b({
+		let _t = Ke(() => import("./Tooltip-CLpW5URN.js")), vt = Ke(() => import("./DataTable-D6vq6n14.js")), yt = Ke(() => import("./UserOptions-3Qr8es3g.js").then((e) => e.n)), bt = Ke(() => import("./NonSvgPenAndPaper-DbwjIxnE.js")), xt = Ke(() => import("./BaseDraggableDialog-obpncsqR.js").then((e) => e.n)), { vue_ui_xy_canvas: St } = _e(), { isThemeValid: Ct, warnInvalidTheme: wt } = Se(), T = e, E = b(le()), D = b(null), Tt = b(null), O = b(null), k = b(1), A = b(1), Et = b(!1), j = b(null), Dt = b(""), Ot = b(null), M = b([]), kt = b(1), N = b(!0), P = b(!0), At = b(null), jt = b(0), Mt = b(!1), Nt = b(null), Pt = b(null), F = b(null), Ft = b(null), It = b(0), Lt = b(0), Rt = b(0), I = b(null), zt = b(!1), Bt = b(null), Vt = b(null), Ht = b(!1), Ut = b(!1), Wt = b(!1), L = b(null), Gt = b(!1), Kt = b(!1), qt = b(!1), R = b(null), Jt = b({
 			x: 0,
 			y: 0
 		}), z = p(() => Array.isArray(rn.value) && rn.value.length > 0), Yt = at, Xt = rt(), B = b(un());

package/package.json

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