vue-data-ui 3.24.0 → 3.25.0

package/dist/{vue-ui-annotator-DmTbmRrw.js → vue-ui-annotator-BTozB0Fb.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { C as t, Ft as n, Xt as r, q as i } from "./lib-DfMn_3jf.js";
+import { C as t, Ft as n, Xt as r, q as i } from "./lib-DurLxjMz.js";
 import { n as a, t as o } from "./useHints-Dq_w2E8B.js";
-import { t as s } from "./useConfig-BtJSJ6AK.js";
-import { t as ee } from "./usePrinter-Daqyj6c7.js";
-import { t as c } from "./dom-to-png-K9hvrmBm.js";
+import { t as s } from "./useConfig-CyCVHo81.js";
+import { t as ee } from "./usePrinter-D53IAxB2.js";
+import { t as c } from "./dom-to-png-CQUIoewh.js";
 import { t as l } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as u } from "./BaseIcon-U0y1Y7dC.js";
-import { t as te } from "./vue-ui-accordion-BhOSscZB.js";
-import { t as ne } from "./ColorPicker-Diee0Pe9.js";
+import { t as u } from "./BaseIcon-Dmgd8MfJ.js";
+import { t as te } from "./vue-ui-accordion-D2W-dY3E.js";
+import { t as ne } from "./ColorPicker-B93_eq_J.js";
 import { Fragment as re, Teleport as ie, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, nextTick as ae, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as oe, onMounted as se, openBlock as b, ref as x, renderList as ce, renderSlot as le, toDisplayString as S, unref as ue, vModelCheckbox as de, vModelText as fe, watch as pe, withCtx as C, withDirectives as me, withModifiers as he } from "vue";
 //#region src/registerAnnotatorShortcuts.js
 function ge(e) {

package/dist/{vue-ui-bullet-BUuF_-rE.js → vue-ui-bullet-BbCPpZ5k.js}

@@ -1,19 +1,19 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, Nt as n, S as r, X as i, Xt as a, _ as ee, i as o, mt as te, nt as ne, q as re, t as ie } from "./lib-DfMn_3jf.js";
+import { At as t, Nt as n, S as r, X as i, Xt as a, _ as ee, i as o, mt as te, nt as ne, q as re, t as ie } from "./lib-DurLxjMz.js";
 import { n as ae } from "./useHints-Dq_w2E8B.js";
-import { t as oe } from "./useConfig-BtJSJ6AK.js";
-import { t as se } from "./usePrinter-Daqyj6c7.js";
+import { t as oe } from "./useConfig-CyCVHo81.js";
+import { t as se } from "./usePrinter-D53IAxB2.js";
 import { n as ce, t as le } from "./BaseScanner-DZvpgOjM.js";
-import { t as s } from "./useNestedProp-CLEe1P5W.js";
+import { t as s } from "./useNestedProp-B3XMQAL1.js";
 import { t as ue } from "./useThemeCheck-C43Tcqmk.js";
 import { t as de } from "./useChartExport-iwOqiIWX.js";
-import { t as fe } from "./img-DRq3Equ5.js";
-import { n as pe } from "./Title-C5ytqOnj.js";
+import { t as fe } from "./img-D3Ck2d_T.js";
+import { n as pe } from "./Title-y2KUSK-I.js";
 import { t as me } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as he, t as ge } from "./useResponsive-ZtArZtUf.js";
 import { t as _e } from "./useUserOptionState-DK-_1ddE.js";
 import { t as ve } from "./useChartAccessibility-DYqac8yF.js";
-import { t as ye } from "./Legend-Cg1jtWxv.js";
+import { t as ye } from "./Legend-Du6YK6gu.js";
 import { t as be } from "./vue_ui_bullet-ClzdLoOv.js";
 import { Fragment as c, Teleport as xe, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as Se, createVNode as Ce, defineAsyncComponent as m, guardReactiveProps as h, normalizeClass as we, normalizeProps as g, normalizeStyle as _, onBeforeUnmount as Te, onMounted as Ee, openBlock as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, toRefs as De, unref as C, watch as Oe, withCtx as w } from "vue";
 //#region src/components/vue-ui-bullet.vue
@@ -103,7 +103,7 @@ var ke = /* @__PURE__ */ e({ default: () => T }), Ae = ["id"], je = {
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: me, emit: ke }) {
-		let T = m(() => import("./PackageVersion-CrLLZ567.js").then((e) => e.t)), Ze = m(() => import("./PenAndPaper-ktbpEc-t.js").then((e) => e.t)), Qe = m(() => import("./UserOptions-DJt-e5q0.js").then((e) => e.n)), { vue_ui_bullet: $e } = oe(), { isThemeValid: et, warnInvalidTheme: tt } = ue(), E = e, nt = ke, D = y(null), rt = y(null), it = y(0), O = y(null), at = y(null), ot = y(0), k = y(null), A = y(null), st = y(!1), j = l({
+		let T = m(() => import("./PackageVersion-CU9Hflo-.js").then((e) => e.t)), Ze = m(() => import("./PenAndPaper-CD5tlFYh.js").then((e) => e.t)), Qe = m(() => import("./UserOptions-3Qr8es3g.js").then((e) => e.n)), { vue_ui_bullet: $e } = oe(), { isThemeValid: et, warnInvalidTheme: tt } = ue(), E = e, nt = ke, D = y(null), rt = y(null), it = y(0), O = y(null), at = y(null), ot = y(0), k = y(null), A = y(null), st = y(!1), j = l({
 			get: () => R.value.hasOwnProperty("value"),
 			set: (e) => e
 		}), M = y(I()), N = l(() => M.value.debug), P = l(() => R.value.segments ? Array.isArray(R.value.segments) ? R.value.segments.length ? !0 : (N.value && console.warn("VueUiBullet: dataset segments is empty. Provide segments with this datastructure:\n\n    segments: [\n        {\n            name: string;\n            from: number;\n            to: number;\n            color?: string;\n        },\n        {...}\n    ]\n            "), j.value = !1, !1) : (N.value && console.warn("VueUiBullet: dataset segments must be an array of objects with this datastructure:\n\n    segments: [\n        {\n            name: string;\n            from: number;\n            to: number;\n            color?: string;\n        },\n        {...}\n    ] \n            "), j.value = !1, !1) : (N.value && console.warn("VueUiBullet: dataset segments is empty. Provide segments with this datastructure:\n\n    segments: [\n        {\n            name: string;\n            from: number;\n            to: number;\n            color?: string;\n        },\n        {...}\n    ]\n            "), j.value = !1, !1)), ct = l(() => {

package/dist/{vue-ui-bump-Dt13LCR2.js → vue-ui-bump-FZIoCybJ.js}

@@ -1,22 +1,22 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, G as r, It as i, Jt as a, Nt as o, P as s, S as c, Tt as l, V as u, X as ee, Xt as te, c as ne, i as re, mt as ie, nt as ae, q as oe, r as se, t as ce, w as le } from "./lib-DfMn_3jf.js";
+import { $ as t, D as n, G as r, It as i, Jt as a, Nt as o, P as s, S as c, Tt as l, V as u, X as ee, Xt as te, c as ne, i as re, mt as ie, nt as ae, q as oe, r as se, t as ce, w as le } from "./lib-DurLxjMz.js";
 import { n as ue, t as de } from "./useHints-Dq_w2E8B.js";
 import { t as fe } from "./useTimeLabels-d2f-W1L4.js";
-import { t as pe } from "./useConfig-BtJSJ6AK.js";
-import { t as me } from "./usePrinter-Daqyj6c7.js";
+import { t as pe } from "./useConfig-CyCVHo81.js";
+import { t as me } from "./usePrinter-D53IAxB2.js";
 import { n as he, t as ge } from "./BaseScanner-DZvpgOjM.js";
-import { t as _e } from "./useNestedProp-CLEe1P5W.js";
+import { t as _e } from "./useNestedProp-B3XMQAL1.js";
 import { t as ve } from "./useThemeCheck-C43Tcqmk.js";
 import { t as ye } from "./useChartExport-iwOqiIWX.js";
 import { t as be } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { n as xe } from "./Title-C5ytqOnj.js";
+import { n as xe } from "./Title-y2KUSK-I.js";
 import { t as Se } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Ce, t as we } from "./useResponsive-ZtArZtUf.js";
 import { t as Te } from "./A11yDataTable-DdRsVULz.js";
 import { t as Ee } from "./useUserOptionState-DK-_1ddE.js";
 import { t as De } from "./useChartAccessibility-DYqac8yF.js";
 import { t as Oe } from "./vue_ui_bump-Vl-zYAtG.js";
-import { t as ke } from "./BaseDraggableDialog-9RMU4zIz.js";
+import { t as ke } from "./BaseDraggableDialog-obpncsqR.js";
 import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as Ae, createTextVNode as je, createVNode as Me, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as Ne, normalizeClass as Pe, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Fe, onMounted as Ie, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Le, shallowRef as Re, toDisplayString as T, toRefs as ze, unref as E, watch as Be, watchEffect as Ve, withCtx as D } from "vue";
 //#region src/components/vue-ui-bump.vue
 var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge = { style: { position: "relative" } }, Ke = [
@@ -89,6 +89,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 	"font-size",
 	"font-weight",
 	"fill",
+	"stroke",
 	"transform"
 ], at = [
 	"text-anchor",
@@ -127,14 +128,14 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: Se, emit: He }) {
-		let ct = _(() => import("./BaseIcon-U0y1Y7dC.js").then((e) => e.n)), lt = _(() => import("./vue-ui-accordion-BhOSscZB.js").then((e) => e.n)), ut = _(() => import("./DataTable-1Lsn9w61.js")), dt = _(() => import("./PenAndPaper-ktbpEc-t.js").then((e) => e.t)), ft = _(() => import("./UserOptions-DJt-e5q0.js").then((e) => e.n)), pt = _(() => import("./PackageVersion-CrLLZ567.js").then((e) => e.t)), { vue_ui_bump: mt } = pe(), { isThemeValid: ht, warnInvalidTheme: gt } = ve(), O = e, _t = He, vt = f({
+		let ct = _(() => import("./BaseIcon-Dmgd8MfJ.js").then((e) => e.n)), lt = _(() => import("./vue-ui-accordion-D2W-dY3E.js").then((e) => e.n)), ut = _(() => import("./DataTable-D6vq6n14.js")), dt = _(() => import("./PenAndPaper-CD5tlFYh.js").then((e) => e.t)), ft = _(() => import("./UserOptions-3Qr8es3g.js").then((e) => e.n)), pt = _(() => import("./PackageVersion-CU9Hflo-.js").then((e) => e.t)), { vue_ui_bump: mt } = pe(), { isThemeValid: ht, warnInvalidTheme: gt } = ve(), O = e, _t = He, k = f({
 			get() {
 				return !!O.dataset && O.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), k = S(null), A = S(oe()), yt = S(0), bt = S(null), xt = S(null), St = S(null), j = S(!1), Ct = S(!1), wt = S(0), Tt = S(0), M = S(null), Et = S(null), Dt = S(!1), N = S(null), Ot = S(null), kt = S(null), At = S(null), P = S(null), jt = S(!1), F = S(It());
+		}), A = S(null), j = S(oe()), vt = S(0), yt = S(null), bt = S(null), xt = S(null), St = S(!1), Ct = S(!1), wt = S(0), Tt = S(0), M = S(null), Et = S(null), Dt = S(!1), N = S(null), Ot = S(null), kt = S(null), At = S(null), P = S(null), jt = S(!1), F = S(It());
 		ue({
 			config: () => F.value,
 			dataset: () => O.dataset,
@@ -295,7 +296,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 			Array.isArray(e) && e.length > 0 && (Ft.value = !1);
 		}, { deep: !0 });
 		let { isPrinting: Ht, isImaging: Ut, generatePdf: Wt, generateImage: Gt } = me({
-			elementId: `bump_${A.value}`,
+			elementId: `bump_${j.value}`,
 			fileName: F.value.style.chart.title.text || "vue-ui-bump",
 			options: F.value.userOptions.print
 		}), Kt = f(() => F.value.userOptions.show && !F.value.style.chart.title.text), z = S({
@@ -318,7 +319,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					vt.value = !1, ae({
+					k.value = !1, ae({
 						componentName: "VueUiBump",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -332,12 +333,12 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				let e = Ce(() => {
 					Ct.value = !1;
 					let { width: e, height: t } = we({
-						chart: k.value,
-						noTitle: xt.value,
-						title: F.value.style.chart.title.text ? bt.value : null,
+						chart: A.value,
+						noTitle: bt.value,
+						title: F.value.style.chart.title.text ? yt.value : null,
 						legend: null,
 						slicer: null,
-						source: St.value
+						source: xt.value
 					});
 					requestAnimationFrame(() => {
 						z.value.width = e, z.value.height = t - 12, clearTimeout(Jt.value), Jt.value = setTimeout(() => {
@@ -345,7 +346,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 						}, 10);
 					});
 				});
-				B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect()), B.value = new ResizeObserver(e), V.value = k.value.parentNode, B.value.observe(V.value);
+				B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect()), B.value = new ResizeObserver(e), V.value = A.value.parentNode, B.value.observe(V.value);
 			}
 		}
 		Fe(() => {
@@ -432,7 +433,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				svgHeight: ne
 			};
 		}), W = f(() => {
-			if (!vt.value && !Nt.value) return [];
+			if (!k.value && !Nt.value) return [];
 			let e = Qt(Zt.value);
 			return Zt.value.map((t, n) => ({
 				...t,
@@ -538,13 +539,10 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				e === cn && (G.value = t);
 			})();
 		});
-		let ln = f(() => {
-			let e = F.value.style.chart.layout.timeLabels.modulo;
-			return G.value.length ? Math.min(e, [...new Set(G.value.map((e) => e.text))].length) : e;
-		}), K = f(() => {
+		let K = f(() => {
 			let e = F.value.style.chart.layout.timeLabels, t = G.value || [], n = G.value || [], r = H.value, i = t.map((e) => e?.text ?? ""), a = n.map((e) => e?.text ?? "");
-			return ne(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, ln.value || 1), i, a, 0, null, r);
-		}), un = f(() => z.value.width), dn = f(() => z.value.height), fn = f(() => ({
+			return ne(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Number(e.modulo) || 1), i, a, 0, null, r);
+		}), ln = f(() => z.value.width), un = f(() => z.value.height), dn = f(() => ({
 			start: 0,
 			end: H.value
 		})), q = f(() => [...W.value].map((e) => {
@@ -554,40 +552,40 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				navigationRank: t?.rank ?? Infinity
 			};
 		}).sort((e, t) => e.navigationRank - t.navigationRank));
-		function pn() {
+		function fn() {
 			P.value = null, jt.value = !0;
 		}
-		function mn() {
-			gn(), jt.value = !1;
+		function pn() {
+			hn(), jt.value = !1;
 		}
-		function hn(e, t) {
+		function mn(e, t) {
 			let n = q.value.length;
 			return n ? e === null || e < 0 || e >= n ? 0 : t === "previous" ? (e - 1 + n) % n : (e + 1) % n : null;
 		}
-		function gn() {
+		function hn() {
 			if (P.value !== null) {
 				let e = q.value[P.value];
 				e && $(e, e);
 			}
 			P.value = null, N.value = null;
 		}
-		function _n(e) {
+		function gn(e) {
 			if (!L.value || Y.value || document.activeElement !== L.value || !q.value.length) return;
 			let t = ["ArrowLeft", "ArrowUp"].includes(e.key), n = ["ArrowRight", "ArrowDown"].includes(e.key), r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
-				gn();
+				hn();
 				return;
 			}
 			if (r) {
 				if (P.value === null) return;
 				let e = q.value[P.value];
 				if (!e) return;
-				jn(e, e);
+				An(e, e);
 				return;
 			}
 			let a = P.value;
-			a === null ? a = 0 : t ? a = hn(a, "previous") : n && (a = hn(a, "next"));
+			a === null ? a = 0 : t ? a = mn(a, "previous") : n && (a = mn(a, "next"));
 			let o = q.value[a];
 			o && (P.value = a, Q(o, o));
 		}
@@ -600,7 +598,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 		be({
 			timeLabelsEls: At,
 			timeLabels: G,
-			slicer: fn,
+			slicer: dn,
 			configRef: F,
 			rotationPath: [
 				"style",
@@ -618,30 +616,30 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				"enable"
 			],
 			isAutoSize: !1,
-			width: un,
-			height: dn,
+			width: ln,
+			height: un,
 			rotation: F.value.style.chart.layout.timeLabels.autoRotate.angle
 		});
 		let Y = S(!1);
-		function vn() {
+		function _n() {
 			Y.value = !Y.value;
 		}
-		function yn(e) {
-			j.value = e, yt.value += 1;
+		function vn(e) {
+			St.value = e, vt.value += 1;
 		}
-		function bn() {
+		function yn() {
 			R.value.showTable = !R.value.showTable;
 		}
 		Be(() => R.value.showTable, (e) => {
 			F.value.table.show || (e && F.value.table.useDialog && M.value ? M.value.open() : "close" in M.value && M.value.close());
 		});
-		function xn() {
+		function bn() {
 			R.value.showTable = !1, Et.value && Et.value.setTableIconState(!1);
 		}
-		function Sn() {
+		function xn() {
 			return W.value;
 		}
-		function Cn(e = null) {
+		function Sn(e = null) {
 			let r = [
 				[F.value.style.chart.title.text],
 				[F.value.style.chart.title.subtitle.text],
@@ -666,8 +664,8 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 					color: F.value.table.th.color,
 					headerColor: F.value.table.th.color,
 					headerBg: F.value.table.th.backgroundColor,
-					isFullscreen: j.value,
-					fullscreenParent: k.value,
+					isFullscreen: St.value,
+					fullscreenParent: A.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
 					isCursorPointer: I.value
 				} : {
@@ -703,19 +701,19 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				breakpoint: F.value.table.responsiveBreakpoint
 			},
 			colNames: [F.value.table.columnNames.series]
-		})), wn = f(() => F.value.style.chart.backgroundColor), Tn = f(() => F.value.style.chart.title), { isCallbackImaging: En, isCallbackSvg: Dn, generateSvg: On, onGenerateImage: kn } = ye({
+		})), Cn = f(() => F.value.style.chart.backgroundColor), wn = f(() => F.value.style.chart.title), { isCallbackImaging: Tn, isCallbackSvg: En, generateSvg: Dn, onGenerateImage: On } = ye({
 			svg: L,
-			title: Tn,
+			title: wn,
 			legend: null,
 			legendItems: null,
-			backgroundColor: wn,
+			backgroundColor: Cn,
 			getSvgCallback: () => F.value.userOptions.callbacks.svg,
 			generateImage: Gt
 		});
-		async function An({ scale: e = 2 } = {}) {
-			if (!k.value) return;
-			let { width: t, height: n } = k.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await img({
-				domElement: k.value,
+		async function kn({ scale: e = 2 } = {}) {
+			if (!A.value) return;
+			let { width: t, height: n } = A.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await img({
+				domElement: A.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -741,13 +739,13 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				seriesIndex: e?.pointIndex ?? null
 			});
 		}
-		function jn(e, t) {
+		function An(e, t) {
 			F.value.events.datapointClick && F.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: e?.pointIndex ?? null
 			});
 		}
-		async function Mn() {
+		async function jn() {
 			if (_t("copyAlt", {
 				config: F.value,
 				dataset: W.value
@@ -761,36 +759,36 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 			}));
 		}
 		return Se({
-			getData: Sn,
-			getImage: An,
+			getData: xn,
+			getImage: kn,
 			generatePdf: Wt,
-			generateCsv: Cn,
+			generateCsv: Sn,
 			generateImage: Gt,
-			generateSvg: On,
-			toggleTable: bn,
-			toggleAnnotator: vn,
-			toggleFullscreen: yn,
-			copyAlt: Mn
+			generateSvg: Dn,
+			toggleTable: yn,
+			toggleAnnotator: _n,
+			toggleFullscreen: vn,
+			copyAlt: jn
 		}), (e, t) => (x(), h("div", {
-			id: `bump_${A.value}`,
+			id: `bump_${j.value}`,
 			ref_key: "bumpChart",
-			ref: k,
+			ref: A,
 			class: Pe({
 				"vue-data-ui-component": !0,
 				"vue-ui-bump": !0,
-				"vue-data-ui-wrapper-fullscreen": j.value
+				"vue-data-ui-wrapper-fullscreen": St.value
 			}),
 			style: b(`background:${F.value.style.chart.backgroundColor};color:${F.value.style.chart.color};font-family:${F.value.style.fontFamily}; position: relative; ${F.value.responsive ? "height: 100%" : ""}`),
 			onMouseenter: Bt,
 			onMouseleave: Vt
 		}, [
 			g("p", {
-				id: `chart-instructions-${A.value}`,
+				id: `chart-instructions-${j.value}`,
 				class: "sr-only"
 			}, T(F.value.a11y.translations.keyboardNavigation), 9, We),
 			J.value.body.length ? (x(), p(Te, {
 				key: 0,
-				uid: A.value,
+				uid: j.value,
 				head: J.value.head,
 				body: J.value.body,
 				caption: J.value.caption,
@@ -809,7 +807,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				color: F.value.style.chart.color,
 				active: Y.value,
 				isCursorPointer: I.value,
-				onClose: vn
+				onClose: _n
 			}, {
 				"annotator-action-close": D(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": D(({ color: t }) => [w(e.$slots, "annotator-action-color", y(v({ color: t })), void 0, !0)]),
@@ -829,14 +827,14 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 			Kt.value ? (x(), h("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: xt,
+				ref: bt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : m("", !0),
 			F.value.style.chart.title.text ? (x(), h("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: bt,
+				ref: yt,
 				style: "width:100%;background:transparent;"
 			}, [(x(), p(xe, {
 				key: `title_${wt.value}`,
@@ -851,15 +849,15 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 					}
 				}
 			}, null, 8, ["config"]))], 512)) : m("", !0),
-			F.value.userOptions.show && vt.value && (E(zt) || E(Lt)) ? (x(), p(E(ft), {
+			F.value.userOptions.show && k.value && (E(zt) || E(Lt)) ? (x(), p(E(ft), {
 				ref_key: "userOptionsRef",
 				ref: Et,
-				key: `user_option_${yt.value}`,
+				key: `user_option_${vt.value}`,
 				backgroundColor: F.value.style.chart.backgroundColor,
 				color: F.value.style.chart.color,
 				isPrinting: E(Ht),
 				isImaging: E(Ut),
-				uid: A.value,
+				uid: j.value,
 				hasTooltip: !1,
 				hasPdf: F.value.userOptions.buttons.pdf,
 				hasImg: F.value.userOptions.buttons.img,
@@ -869,8 +867,8 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				hasLabel: !1,
 				hasAltCopy: F.value.userOptions.buttons.altCopy,
 				hasFullscreen: F.value.userOptions.buttons.fullscreen,
-				isFullcreen: j.value,
-				chartElement: k.value,
+				isFullcreen: St.value,
+				chartElement: A.value,
 				position: F.value.userOptions.position,
 				titles: { ...F.value.userOptions.buttonTitles },
 				hasAnnotator: F.value.userOptions.buttons.annotator,
@@ -879,14 +877,14 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				printScale: F.value.userOptions.print.scale,
 				tableDialog: F.value.table.useDialog,
 				isCursorPointer: I.value,
-				onToggleFullscreen: yn,
+				onToggleFullscreen: vn,
 				onGeneratePdf: E(Wt),
-				onGenerateCsv: Cn,
-				onGenerateImage: E(kn),
-				onGenerateSvg: E(On),
-				onToggleTable: bn,
-				onToggleAnnotator: vn,
-				onCopyAlt: Mn,
+				onGenerateCsv: Sn,
+				onGenerateImage: E(On),
+				onGenerateSvg: E(Dn),
+				onToggleTable: yn,
+				onToggleAnnotator: _n,
+				onCopyAlt: jn,
 				style: b({ visibility: E(zt) ? E(Lt) ? "visible" : "hidden" : "visible" })
 			}, Ae({ _: 2 }, [
 				e.$slots.menuIcon ? {
@@ -958,7 +956,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				ref_key: "svgRef",
 				ref: L,
 				xmlns: E(ce),
-				"aria-describedby": `chart-instructions-${A.value}`,
+				"aria-describedby": `chart-instructions-${j.value}`,
 				viewBox: `0 0 ${U.value.chartWidth <= 0 ? 10 : U.value.chartWidth} ${U.value.svgHeight <= 0 ? 10 : U.value.svgHeight}`,
 				class: Pe({
 					"vue-data-ui-loading": E(Nt),
@@ -969,9 +967,9 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				"aria-live": "polite",
 				preserveAspectRatio: "xMidYMid",
 				tabindex: "0",
-				onFocus: pn,
-				onBlur: mn,
-				onKeydown: _n
+				onFocus: fn,
+				onBlur: pn,
+				onKeydown: gn
 			}, [
 				Me(E(pt)),
 				e.$slots["chart-background"] ? (x(), h("foreignObject", {
@@ -1004,7 +1002,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 					style: b({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
 					onMouseenter: (t) => Q(e, e),
 					onMouseleave: (t) => $(e, e),
-					onClick: (t) => jn(e, e)
+					onClick: (t) => An(e, e)
 				}, null, 44, Ye)], 64))), 256)),
 				(x(!0), h(d, null, C(W.value, (t) => (x(), h(d, null, [
 					F.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (x(!0), h(d, { key: 0 }, C(t.coordinates, (e, n) => (x(), h("circle", {
@@ -1097,7 +1095,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 					style: b({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
 					onMouseenter: (t) => Q(e, e),
 					onMouseleave: (t) => $(e, e),
-					onClick: (t) => jn(e, e)
+					onClick: (t) => An(e, e)
 				}, null, 44, et))), 256))], 512)) : m("", !0),
 				F.value.style.chart.layout.nameLabels.rightLabels.show ? (x(), h("g", {
 					key: 2,
@@ -1122,7 +1120,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 					style: b({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
 					onMouseenter: (t) => Q(e, e),
 					onMouseleave: (t) => $(e, e),
-					onClick: (t) => jn(e, e)
+					onClick: (t) => An(e, e)
 				}, null, 44, tt))), 256))], 512)) : m("", !0),
 				F.value.style.chart.layout.timeLabels.show ? (x(), h("g", {
 					key: 3,
@@ -1154,6 +1152,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 						content: String(e.text),
 						fontSize: F.value.style.chart.layout.timeLabels.fontSize,
 						fill: F.value.style.chart.layout.timeLabels.color,
+						stroke: F.value.style.chart.backgroundColor,
 						x: 0,
 						y: 0
 					})
@@ -1164,23 +1163,28 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 					"font-size": F.value.style.chart.layout.timeLabels.fontSize,
 					"font-weight": F.value.style.chart.layout.timeLabels.bold ? "bold" : "normal",
 					fill: F.value.style.chart.layout.timeLabels.color,
+					stroke: F.value.style.chart.backgroundColor,
+					"stroke-width": "3",
+					"stroke-linejoin": "round",
+					"stroke-linecap": "round",
+					"paint-order": "stroke fill",
 					transform: `translate(${U.value.unitW * t + U.value.unitW / 2 + U.value.left}, ${U.value.chartHeight + F.value.style.chart.layout.timeLabels.offsetY}), rotate(${F.value.style.chart.layout.timeLabels.rotation})`
 				}, T(e.text), 9, it))]))), 256))]))], 512)) : m("", !0),
 				w(e.$slots, "svg", { svg: {
 					drawingArea: U.value,
 					data: W.value,
-					isPrintingImg: E(Ht) || E(Ut) || E(En),
-					isPrintingSvg: E(Dn)
+					isPrintingImg: E(Ht) || E(Ut) || E(Tn),
+					isPrintingSvg: E(En)
 				} }, void 0, !0)
 			], 46, Ke)), e.$slots.hint ? (x(), h("div", ot, [w(e.$slots, "hint", y(v({
 				hint: F.value.a11y.translations.keyboardNavigation,
 				isVisible: jt.value
 			})), void 0, !0)])) : m("", !0)]),
-			e.$slots.watermark ? (x(), h("div", st, [w(e.$slots, "watermark", y(v({ isPrinting: E(Ht) || E(Ut) || E(En) || E(Dn) })), void 0, !0)])) : m("", !0),
-			vt.value && F.value.userOptions.buttons.table ? (x(), p(Le(X.value.component), Ne({ key: 6 }, X.value.props, {
+			e.$slots.watermark ? (x(), h("div", st, [w(e.$slots, "watermark", y(v({ isPrinting: E(Ht) || E(Ut) || E(Tn) || E(En) })), void 0, !0)])) : m("", !0),
+			k.value && F.value.userOptions.buttons.table ? (x(), p(Le(X.value.component), Ne({ key: 6 }, X.value.props, {
 				ref_key: "tableUnit",
 				ref: M,
-				onClose: xn
+				onClose: bn
 			}), Ae({
 				content: D(() => [Me(E(ut), {
 					colNames: Z.value.colNames,
@@ -1190,7 +1194,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 					title: F.value.table.useDialog ? "" : X.value.title,
 					withCloseButton: !F.value.table.useDialog,
 					isCursorPointer: I.value,
-					onClose: xn
+					onClose: bn
 				}, {
 					th: D(({ th: e }) => [g("div", null, T(e), 1)]),
 					td: D(({ td: e }) => [je(T(e), 1)]),
@@ -1214,7 +1218,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				fn: D(() => [g("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => Cn(F.value.userOptions.callbacks.csv),
+					onClick: t[1] ||= (e) => Sn(F.value.userOptions.callbacks.csv),
 					style: b({ cursor: I.value ? "pointer" : "default" })
 				}, [Me(E(ct), {
 					name: "fileCsv",
@@ -1225,12 +1229,12 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 			e.$slots.source ? (x(), h("div", {
 				key: 7,
 				ref_key: "source",
-				ref: St,
+				ref: xt,
 				dir: "auto"
 			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
 			w(e.$slots, "skeleton", {}, () => [E(Nt) ? (x(), p(ge, { key: 0 })) : m("", !0)], !0)
 		], 46, Ue));
 	}
-}, [["__scopeId", "data-v-ef8e05d0"]]);
+}, [["__scopeId", "data-v-744eabfb"]]);
 //#endregion
 export { He as n, ct as t };