vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-bullet-Ck398xn8.js → vue-ui-bullet-BoTsLccZ.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Pt as t, S as n, X as r, Zt as i, _ as a, ht as ee, i as o, jt as te, nt as ne, q as re, t as ie } from "./lib-Dql7cqyA.js";
+import { $ as t, Pt as n, Rt as r, S as i, X as a, _ as ee, at as te, i as o, t as ne, tn as re, vt as ie } from "./lib-DOpaUOQx.js";
 import { n as ae } from "./useHints-Dq_w2E8B.js";
-import { t as oe } from "./useConfig-D32D002m.js";
-import { t as se } from "./usePrinter-hohanNCX.js";
+import { t as oe } from "./useConfig-C2uy4ltq.js";
+import { t as se } from "./usePrinter-BBBooAGP.js";
 import { n as ce, t as le } from "./BaseScanner-Dzc8VT3j.js";
-import { t as s } from "./useNestedProp-Chvyfpl-.js";
+import { t as s } from "./useNestedProp-Bux0f4iY.js";
 import { t as ue } from "./useThemeCheck-C43Tcqmk.js";
 import { t as de } from "./useChartExport-iwOqiIWX.js";
-import { t as fe } from "./img-BkMKbWsI.js";
-import { n as pe } from "./Title-CPHi-evi.js";
+import { t as fe } from "./img-W50sC9SC.js";
+import { n as pe } from "./Title-DeqmC-vN.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-X4kF4PvW.js";
+import { t as ye } from "./Legend-C0Ln0VNe.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 we, guardReactiveProps as m, normalizeClass as Te, normalizeProps as h, normalizeStyle as g, onBeforeUnmount as Ee, onMounted as De, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, toRefs as Oe, unref as S, watch as ke, withCtx as C } from "vue";
+import { Fragment as xe, Teleport as Se, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as Ce, createVNode as we, defineAsyncComponent as p, guardReactiveProps as m, normalizeClass as Te, normalizeProps as h, normalizeStyle as g, onBeforeUnmount as Ee, onMounted as De, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, toRefs as Oe, unref as S, watch as ke, withCtx as C } from "vue";
 //#region src/components/vue-ui-bullet.vue
 var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 	key: 1,
@@ -103,10 +103,10 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: me, emit: Ae }) {
-		let w = we(() => import("./PackageVersion-CEvZNFTz.js").then((e) => e.t)), Qe = we(() => import("./PenAndPaper-Cd3nItcO.js").then((e) => e.t)), $e = we(() => import("./UserOptions-qo_Tsqci.js").then((e) => e.n)), { vue_ui_bullet: et } = oe(), { isThemeValid: tt, warnInvalidTheme: nt } = ue(), T = e, rt = Ae, E = v(null), it = v(null), at = v(0), ot = v(null), st = v(null), ct = v(0), D = v(null), O = v(null), lt = v(!1), k = l({
+		let w = p(() => import("./PackageVersion-D5QkTJQU.js").then((e) => e.t)), Qe = p(() => import("./PenAndPaper-XdUD8uB3.js").then((e) => e.t)), $e = p(() => import("./UserOptions-wFD9vo9g.js").then((e) => e.n)), { vue_ui_bullet: et } = oe(), { isThemeValid: tt, warnInvalidTheme: nt } = ue(), T = e, rt = Ae, E = v(null), it = v(null), at = v(0), ot = v(null), st = v(null), ct = v(0), D = v(null), O = v(null), lt = v(!1), k = c({
 			get: () => B.value.hasOwnProperty("value"),
 			set: (e) => e
-		}), A = v(R()), j = l(() => A.value.debug), M = l(() => A.value.style.chart.target), N = l(() => A.value.style.chart.segments), P = l(() => A.value.style.chart), F = l(() => A.value.userOptions), I = l(() => B.value.segments ? Array.isArray(B.value.segments) ? B.value.segments.length ? !0 : (j.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            "), k.value = !1, !1) : (j.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            "), k.value = !1, !1) : (j.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            "), k.value = !1, !1)), ut = l(() => {
+		}), A = v(R()), j = c(() => A.value.debug), M = c(() => A.value.style.chart.target), N = c(() => A.value.style.chart.segments), P = c(() => A.value.style.chart), F = c(() => A.value.userOptions), I = c(() => B.value.segments ? Array.isArray(B.value.segments) ? B.value.segments.length ? !0 : (j.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            "), k.value = !1, !1) : (j.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            "), k.value = !1, !1) : (j.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            "), k.value = !1, !1)), ut = c(() => {
 			let { top: e, right: t, bottom: n, left: r } = P.value.padding;
 			return {
 				top: e,
@@ -116,12 +116,12 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 			};
 		});
 		function dt() {
-			if (t(B.value) ? (ne({
+			if (r(B.value) ? (te({
 				componentName: "VueUiBullet",
 				type: "dataset",
 				debug: j.value
 			}), V.value = !0) : I.value ? B.value.segments.forEach((e, t) => {
-				ee({
+				ie({
 					datasetObject: e,
 					requiredAttributes: [
 						"name",
@@ -129,7 +129,7 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 						"to"
 					]
 				}).forEach((e) => {
-					k.value = !1, ne({
+					k.value = !1, te({
 						componentName: "VueUiBullet segment",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -137,7 +137,7 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 						debug: j.value
 					});
 				});
-			}) : (k.value = !1, V.value = !0), t(B.value) || (V.value = A.value.loading), A.value.responsive) {
+			}) : (k.value = !1, V.value = !0), r(B.value) || (V.value = A.value.loading), A.value.responsive) {
 				let e = he(() => {
 					let { width: e, height: t } = ge({
 						chart: E.value,
@@ -157,7 +157,7 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 		De(() => {
 			lt.value = !0, dt();
 		});
-		let L = v(re());
+		let L = v(a());
 		function R() {
 			let e = s({
 				userConfig: T.config,
@@ -187,7 +187,7 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 				]
 			}]
 		});
-		let ft = l(() => A.value.userOptions.useCursorPointer), pt = l(() => i({
+		let ft = c(() => A.value.userOptions.useCursorPointer), pt = c(() => re({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -228,18 +228,18 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 					}
 				]
 			},
-			skeletonConfig: i({
+			skeletonConfig: re({
 				defaultConfig: A.value,
 				userConfig: pt.value
 			})
 		}), { userOptionsVisible: H, setUserOptionsVisibility: mt, keepUserOptionState: ht } = _e({ config: A.value }), { svgRef: U } = ve({ config: P.value.title }), W = v({
 			width: P.value.width,
 			height: P.value.height
-		}), gt = l(() => W.value.width), _t = l(() => W.value.height);
+		}), gt = c(() => W.value.width), _t = c(() => W.value.height);
 		ke(() => T.config, (e) => {
 			z.value || (A.value = R()), H.value = !A.value.userOptions.showOnChartHover, W.value.width = P.value.width, W.value.height = P.value.height, dt(), at.value += 1;
 		}, { deep: !0 });
-		let G = l(() => {
+		let G = c(() => {
 			let e = _t.value, t = gt.value, n = P.value.padding.left, r = t - P.value.padding.right, i = P.value.padding.top, a = e - P.value.padding.bottom;
 			return {
 				height: Math.max(.001, e),
@@ -251,12 +251,12 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 				chartWidth: Math.max(.001, r - n),
 				chartHeight: Math.max(.001, a - i)
 			};
-		}), vt = l(() => {
+		}), vt = c(() => {
 			if (!I.value) return [];
 			let e = [];
-			for (let t = 0; t < B.value.segments.length; t += 1) e.push(te(N.value.baseColor, t / B.value.segments.length));
+			for (let t = 0; t < B.value.segments.length; t += 1) e.push(n(N.value.baseColor, t / B.value.segments.length));
 			return e;
-		}), K = l(() => I.value ? {
+		}), K = c(() => I.value ? {
 			min: Math.min(...B.value.segments.map((e) => e.from)),
 			max: Math.max(...B.value.segments.map((e) => e.to))
 		} : {
@@ -280,9 +280,9 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 		Ee(() => {
 			cancelAnimationFrame(bt.value);
 		});
-		let J = l(() => {
+		let J = c(() => {
 			if (!I.value) return [];
-			let e = a(K.value.min, K.value.max, N.value.ticks.divisions), t = e.min >= 0 ? 0 : Math.abs(e.min);
+			let e = ee(K.value.min, K.value.max, N.value.ticks.divisions), t = e.min >= 0 ? 0 : Math.abs(e.min);
 			return {
 				scale: e,
 				target: { x: G.value.left + (B.value.target + t) / (e.max + t) * G.value.chartWidth - M.value.width / 2 },
@@ -292,22 +292,22 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 					y: G.value.bottom + N.value.dataLabels.fontSize + 3 + N.value.dataLabels.offsetY,
 					x: G.value.left + (n + t) / (e.max + t) * G.value.chartWidth
 				})),
-				chunks: B.value.segments.map((r, i) => ({
-					...r,
-					color: r.color ? n(r.color) : vt.value[i],
-					x: G.value.left + G.value.chartWidth * ((r.from + t) / (e.max + t)),
+				chunks: B.value.segments.map((n, r) => ({
+					...n,
+					color: n.color ? i(n.color) : vt.value[r],
+					x: G.value.left + G.value.chartWidth * ((n.from + t) / (e.max + t)),
 					y: G.value.top,
 					height: G.value.chartHeight,
-					width: G.value.chartWidth * (Math.abs(r.to - r.from) / (e.max + t))
+					width: G.value.chartWidth * (Math.abs(n.to - n.from) / (e.max + t))
 				}))
 			};
-		}), Y = l(() => !J.value || !J.value.chunks || !J.value.chunks.length ? [] : J.value.chunks.map((e) => {
-			let t = `${o(N.value.dataLabels.formatter, e.from, r({
+		}), Y = c(() => !J.value || !J.value.chunks || !J.value.chunks.length ? [] : J.value.chunks.map((e) => {
+			let n = `${o(N.value.dataLabels.formatter, e.from, t({
 				p: N.value.dataLabels.prefix,
 				v: e.from,
 				s: N.value.dataLabels.suffix,
 				r: N.value.dataLabels.rounding
-			}))} — ${o(N.value.dataLabels.formatter, e.to, r({
+			}))} — ${o(N.value.dataLabels.formatter, e.to, t({
 				p: N.value.dataLabels.prefix,
 				v: e.to,
 				s: N.value.dataLabels.suffix,
@@ -316,10 +316,10 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 			return {
 				...e,
 				shape: "square",
-				value: t,
-				display: `${e.name}: ${t}`
+				value: n,
+				display: `${e.name}: ${n}`
 			};
-		})), St = l(() => ({
+		})), St = c(() => ({
 			cy: "bullet-div-legend",
 			backgroundColor: "transparent",
 			color: P.value.legend.color,
@@ -330,7 +330,7 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 			elementId: `bullet_${L.value}`,
 			fileName: P.value.title.text || "vue-ui-bullet",
 			options: A.value.userOptions.print
-		}), Tt = l(() => A.value.userOptions.show && !P.value.title.text), Q = v(!1);
+		}), Tt = c(() => A.value.userOptions.show && !P.value.title.text), Q = v(!1);
 		function Et(e) {
 			Q.value = e, ct.value += 1;
 		}
@@ -358,10 +358,10 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 				aspectRatio: r
 			};
 		}
-		let At = l(() => Y.value.map((e) => ({
+		let At = c(() => Y.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), jt = l(() => P.value.backgroundColor), Mt = l(() => P.value.legend), Nt = l(() => P.value.title), { isCallbackImaging: Pt, isCallbackSvg: Ft, generateSvg: It, onGenerateImage: Lt } = de({
+		}))), jt = c(() => P.value.backgroundColor), Mt = c(() => P.value.legend), Nt = c(() => P.value.title), { isCallbackImaging: Pt, isCallbackSvg: Ft, generateSvg: It, onGenerateImage: Lt } = de({
 			svg: U,
 			title: Nt,
 			legend: Mt,
@@ -392,16 +392,16 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 			toggleAnnotator: Ot,
 			toggleFullscreen: Et,
 			copyAlt: Rt
-		}), (e, t) => (_(), f("div", {
+		}), (e, n) => (_(), d("div", {
 			ref_key: "bulletChart",
 			ref: E,
 			class: Te(`vue-data-ui-component vue-ui-bullet ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
 			style: g(`font-family:${A.value.style.fontFamily};width:100%;background:${P.value.backgroundColor};${A.value.responsive ? "height:100%" : ""}`),
 			id: `bullet_${L.value}`,
-			onMouseenter: t[0] ||= () => S(mt)(!0),
-			onMouseleave: t[1] ||= () => S(mt)(!1)
+			onMouseenter: n[0] ||= () => S(mt)(!0),
+			onMouseleave: n[1] ||= () => S(mt)(!1)
 		}, [
-			F.value.buttons.annotator ? (_(), u(S(Qe), {
+			F.value.buttons.annotator ? (_(), l(S(Qe), {
 				key: 0,
 				svgRef: S(U),
 				backgroundColor: P.value.backgroundColor,
@@ -425,14 +425,14 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 				"active",
 				"isCursorPointer",
 				"palette"
-			])) : d("", !0),
-			Tt.value ? (_(), f("div", Me, null, 512)) : d("", !0),
-			P.value.title.text ? (_(), f("div", {
+			])) : u("", !0),
+			Tt.value ? (_(), d("div", Me, null, 512)) : u("", !0),
+			P.value.title.text ? (_(), d("div", {
 				key: 2,
 				ref_key: "chartTitle",
 				ref: it,
 				style: "width:100%;background:transparent;"
-			}, [(_(), u(pe, {
+			}, [(_(), l(pe, {
 				lineHeight: "1.3rem",
 				key: `title_${at.value}`,
 				config: {
@@ -445,9 +445,9 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 						...P.value.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : d("", !0),
-			p("div", { id: `legend-top-${L.value}` }, null, 8, Ne),
-			F.value.show && k.value && (S(ht) || S(H)) ? (_(), u(S($e), {
+			}, null, 8, ["config"]))], 512)) : u("", !0),
+			f("div", { id: `legend-top-${L.value}` }, null, 8, Ne),
+			F.value.show && k.value && (S(ht) || S(H)) ? (_(), l(S($e), {
 				key: 3,
 				ref: "details",
 				backgroundColor: P.value.backgroundColor,
@@ -480,7 +480,7 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 				onToggleAnnotator: Ot,
 				onCopyAlt: Rt,
 				style: g({ visibility: S(ht) ? S(H) ? "visible" : "hidden" : "visible" })
-			}, Se({ _: 2 }, [
+			}, Ce({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: C(({ isOpen: t, color: n }) => [b(e.$slots, "menuIcon", h(m({
@@ -559,11 +559,11 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 				"onGenerateImage",
 				"onGenerateSvg",
 				"style"
-			])) : d("", !0),
-			(_(), f("svg", {
+			])) : u("", !0),
+			(_(), d("svg", {
 				ref_key: "svgRef",
 				ref: U,
-				xmlns: S(ie),
+				xmlns: S(ne),
 				class: Te({
 					"vue-data-ui-fullscreen--on": Q.value,
 					"vue-data-ui-fulscreen--off": !Q.value,
@@ -574,19 +574,19 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 				"aria-labelledby": `bullet-svg-title-${L.value}`,
 				"aria-describedby": `bullet-svg-desc-${L.value}`
 			}, [
-				Ce(S(w)),
-				p("title", { id: `bullet-svg-title-${L.value}` }, x(P.value.title.text || "Bullet chart"), 9, Fe),
-				p("desc", { id: `bullet-svg-desc-${L.value}` }, " Value: " + x(q.value) + ", Target: " + x(J.value.target?.value), 9, Ie),
-				e.$slots["chart-background"] ? (_(), f("foreignObject", {
+				we(S(w)),
+				f("title", { id: `bullet-svg-title-${L.value}` }, x(P.value.title.text || "Bullet chart"), 9, Fe),
+				f("desc", { id: `bullet-svg-desc-${L.value}` }, " Value: " + x(q.value) + ", Target: " + x(J.value.target?.value), 9, Ie),
+				e.$slots["chart-background"] ? (_(), d("foreignObject", {
 					key: 0,
 					x: 0,
 					y: 0,
 					width: G.value.width,
 					height: G.value.height,
 					style: { pointerEvents: "none" }
-				}, [b(e.$slots, "chart-background", {}, void 0, !0)], 8, Le)) : d("", !0),
-				I.value ? (_(), f("g", Re, [
-					(_(!0), f(c, null, y(J.value.chunks, (e) => (_(), f("rect", {
+				}, [b(e.$slots, "chart-background", {}, void 0, !0)], 8, Le)) : u("", !0),
+				I.value ? (_(), d("g", Re, [
+					(_(!0), d(xe, null, y(J.value.chunks, (e) => (_(), d("rect", {
 						x: e.x,
 						y: e.y,
 						height: e.height,
@@ -596,7 +596,7 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 						stroke: P.value.backgroundColor,
 						style: { transition: "x 0.3s ease-in-out, width 0.3s ease-in-out" }
 					}, null, 8, ze))), 256)),
-					!M.value.onTop && M.value.show ? (_(), f("rect", {
+					!M.value.onTop && M.value.show ? (_(), d("rect", {
 						key: 0,
 						x: J.value.target.x,
 						y: G.value.top + (G.value.chartHeight - G.value.chartHeight * M.value.heightRatio) / 2,
@@ -606,8 +606,8 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 						fill: M.value.color,
 						stroke: M.value.stroke,
 						"stroke-width": M.value.strokeWidth
-					}, null, 8, Be)) : d("", !0),
-					p("rect", {
+					}, null, 8, Be)) : u("", !0),
+					f("rect", {
 						x: G.value.left,
 						y: G.value.top + (G.value.chartHeight - G.value.chartHeight * P.value.valueBar.heightRatio) / 2,
 						height: G.value.chartHeight * P.value.valueBar.heightRatio,
@@ -616,7 +616,7 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 						stroke: P.value.valueBar.stroke,
 						"stroke-width": P.value.valueBar.strokeWidth
 					}, null, 8, Ve),
-					P.value.valueBar.label.show ? (_(), f("text", {
+					P.value.valueBar.label.show ? (_(), d("text", {
 						key: 1,
 						x: G.value.left + J.value.value.width,
 						y: G.value.top - 6 + P.value.valueBar.label.offsetY,
@@ -624,13 +624,13 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 						"font-weight": P.value.valueBar.label.bold ? "bold" : "normal",
 						fill: P.value.valueBar.label.color,
 						"text-anchor": "middle"
-					}, x(S(o)(N.value.dataLabels.formatter, q.value, S(r)({
+					}, x(S(o)(N.value.dataLabels.formatter, q.value, S(t)({
 						p: N.value.dataLabels.prefix,
 						v: q.value,
 						s: N.value.dataLabels.suffix,
 						r: N.value.dataLabels.rounding
-					}))), 9, He)) : d("", !0),
-					M.value.onTop && M.value.show ? (_(), f("rect", {
+					}))), 9, He)) : u("", !0),
+					M.value.onTop && M.value.show ? (_(), d("rect", {
 						key: 2,
 						x: J.value.target.x,
 						y: G.value.top + (G.value.chartHeight - G.value.chartHeight * M.value.heightRatio) / 2,
@@ -641,21 +641,21 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 						stroke: M.value.stroke,
 						"stroke-width": M.value.strokeWidth,
 						style: { transition: "x 0.3s ease-in-out" }
-					}, null, 8, Ue)) : d("", !0),
-					N.value.dataLabels.show ? (_(), f("g", We, [(_(!0), f(c, null, y(J.value.ticks, (e) => (_(), f("text", {
+					}, null, 8, Ue)) : u("", !0),
+					N.value.dataLabels.show ? (_(), d("g", We, [(_(!0), d(xe, null, y(J.value.ticks, (e) => (_(), d("text", {
 						x: e.x,
 						y: e.y,
 						"text-anchor": "middle",
 						fill: N.value.dataLabels.color,
 						"font-size": N.value.dataLabels.fontSize + "px",
 						"font-weight": N.value.dataLabels.bold ? "bold" : "normal"
-					}, x(S(o)(N.value.dataLabels.formatter, e.value, S(r)({
+					}, x(S(o)(N.value.dataLabels.formatter, e.value, S(t)({
 						p: N.value.dataLabels.prefix,
 						v: e.value,
 						s: N.value.dataLabels.suffix,
 						r: N.value.dataLabels.rounding
-					}))), 9, Ge))), 256))])) : d("", !0),
-					N.value.dataLabels.show && N.value.ticks.show ? (_(), f("g", Ke, [(_(!0), f(c, null, y(J.value.ticks, (e) => (_(), f("line", {
+					}))), 9, Ge))), 256))])) : u("", !0),
+					N.value.dataLabels.show && N.value.ticks.show ? (_(), d("g", Ke, [(_(!0), d(xe, null, y(J.value.ticks, (e) => (_(), d("line", {
 						x1: e.x,
 						x2: e.x,
 						y1: G.value.bottom,
@@ -663,38 +663,38 @@ var Ae = /* @__PURE__ */ e({ default: () => w }), je = ["id"], Me = {
 						stroke: N.value.ticks.stroke,
 						"stroke-width": 1,
 						"stroke-linecap": "round"
-					}, null, 8, qe))), 256))])) : d("", !0)
-				])) : d("", !0),
+					}, null, 8, qe))), 256))])) : u("", !0)
+				])) : u("", !0),
 				b(e.$slots, "svg", { svg: {
 					...G.value,
 					isPrintingImg: S(X) || S(Z) || S(Pt),
 					isPrintingSvg: S(Ft)
 				} }, void 0, !0)
 			], 14, Pe)),
-			e.$slots.watermark ? (_(), f("div", Je, [b(e.$slots, "watermark", h(m({ isPrinting: S(X) || S(Z) || S(Pt) || S(Ft) })), void 0, !0)])) : d("", !0),
-			p("div", { id: `legend-bottom-${L.value}` }, null, 8, Ye),
-			lt.value && (P.value.legend.show || e.$slots.legend) ? (_(), u(xe, {
+			e.$slots.watermark ? (_(), d("div", Je, [b(e.$slots, "watermark", h(m({ isPrinting: S(X) || S(Z) || S(Pt) || S(Ft) })), void 0, !0)])) : u("", !0),
+			f("div", { id: `legend-bottom-${L.value}` }, null, 8, Ye),
+			lt.value && (P.value.legend.show || e.$slots.legend) ? (_(), l(Se, {
 				key: 5,
 				to: P.value.legend.position === "top" ? `#legend-top-${L.value}` : `#legend-bottom-${L.value}`
-			}, [p("div", {
+			}, [f("div", {
 				ref_key: "chartLegend",
 				ref: ot
-			}, [b(e.$slots, "legend", { legend: Y.value }, () => [P.value.legend.show ? (_(), u(ye, {
+			}, [b(e.$slots, "legend", { legend: Y.value }, () => [P.value.legend.show ? (_(), l(ye, {
 				key: 0,
 				clickable: !1,
 				legendSet: Y.value,
 				config: St.value
 			}, {
-				item: C(({ legend: e }) => [S(z) ? d("", !0) : (_(), f("div", Xe, [p("span", Ze, x(e.name) + ":", 1), p("span", null, x(e.value), 1)]))]),
+				item: C(({ legend: e }) => [S(z) ? u("", !0) : (_(), d("div", Xe, [f("span", Ze, x(e.name) + ":", 1), f("span", null, x(e.value), 1)]))]),
 				_: 1
-			}, 8, ["legendSet", "config"])) : d("", !0)], !0)], 512)], 8, ["to"])) : d("", !0),
-			e.$slots.source ? (_(), f("div", {
+			}, 8, ["legendSet", "config"])) : u("", !0)], !0)], 512)], 8, ["to"])) : u("", !0),
+			e.$slots.source ? (_(), d("div", {
 				key: 6,
 				ref_key: "source",
 				ref: st,
 				dir: "auto"
-			}, [b(e.$slots, "source", {}, void 0, !0)], 512)) : d("", !0),
-			b(e.$slots, "skeleton", {}, () => [S(z) ? (_(), u(le, { key: 0 })) : d("", !0)], !0)
+			}, [b(e.$slots, "source", {}, void 0, !0)], 512)) : u("", !0),
+			b(e.$slots, "skeleton", {}, () => [S(z) ? (_(), l(le, { key: 0 })) : u("", !0)], !0)
 		], 46, je));
 	}
 }, [["__scopeId", "data-v-c6a799af"]]);