vue-data-ui 3.22.0 → 3.22.2

package/dist/{vue-ui-annotator-7s5ly6XJ.js → vue-ui-annotator-tRkLFMQ9.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Dt as t, H as n, Ht as r, b as i } from "./lib-AJRHFE5U.js";
-import { t as a } from "./useConfig-Br1uzq_L.js";
-import { t as o } from "./usePrinter-6n2MzVyV.js";
-import { t as s } from "./dom-to-png-CtV3uxDJ.js";
+import { H as t, Ot as n, Ut as r, b as i } from "./lib-CXicicWN.js";
+import { t as a } from "./useConfig-Bf_EBbe3.js";
+import { t as o } from "./usePrinter-Dng0UK-G.js";
+import { t as s } from "./dom-to-png-rjAIVHxa.js";
 import { t as c } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as l } from "./BaseIcon-CWXbczu_.js";
-import { t as ee } from "./vue-ui-accordion-HvsT8_RM.js";
-import { t as te } from "./ColorPicker-CCqmzGGo.js";
+import { t as l } from "./BaseIcon-DEtwcvEH.js";
+import { t as ee } from "./vue-ui-accordion-Di_givzQ.js";
+import { t as te } from "./ColorPicker-DMLahA2S.js";
 import { Fragment as ne, Teleport as re, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, nextTick as ie, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as ae, onMounted as oe, openBlock as y, ref as b, renderList as se, renderSlot as ce, toDisplayString as x, unref as le, vModelCheckbox as ue, vModelText as de, watch as fe, withCtx as S, withDirectives as pe, withModifiers as me } from "vue";
 //#region src/registerAnnotatorShortcuts.js
 function he(e) {
@@ -299,7 +299,7 @@ var ge = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ c({
 	},
 	emits: ["toggleOpenState", "saveAnnotations"],
 	setup(e, { emit: c }) {
-		let re = e, ge = c, _e = b(n()), { isImaging: vt, generateImage: yt } = o({
+		let re = e, ge = c, _e = b(t()), { isImaging: vt, generateImage: yt } = o({
 			elementId: _e.value,
 			fileName: _t
 		}), w = b(void 0), bt = b(1), T = b({
@@ -334,7 +334,7 @@ var ge = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ c({
 				height: 12,
 				width: 12
 			}
-		}), Pt = b("#1A1A1A"), V = b(!1), Ft = b(1), It = b(void 0), Lt = b(1), Rt = b(1), H = b("start"), zt = b(20), Bt = b(100), Vt = t, Ht = b(null), U = b(!1), W = b(null), G = b({
+		}), Pt = b("#1A1A1A"), V = b(!1), Ft = b(1), It = b(void 0), Lt = b(1), Rt = b(1), H = b("start"), zt = b(20), Bt = b(100), Vt = n, Ht = b(null), U = b(!1), W = b(null), G = b({
 			x: 0,
 			y: 0
 		}), Ut = b(null), K = b([]), Wt = b(!1), Gt = b(null), Kt = b({
@@ -931,7 +931,7 @@ var ge = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ c({
 			if (!I.value?.id) return;
 			let e = {
 				...I.value,
-				id: `${I.value.id}_copy_${n()}`,
+				id: `${I.value.id}_copy_${t()}`,
 				x: I.value.x - 100 < 0 ? 1 : I.value.x - 100,
 				y: I.value.y - 100 < 0 ? 1 : I.value.y - 100
 			};
@@ -946,10 +946,10 @@ var ge = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ c({
 		function gn(e) {
 			if (k.value) return;
 			e.preventDefault(), e.stopPropagation(), hn(), P.value ? (F.value = !0, V.value = !0) : (F.value = !1, V.value = !1, P.value = !1);
-			let t = `text_${n()}`;
+			let n = `text_${t()}`;
 			if (F.value) {
 				K.value?.begin(), z.value.push({
-					id: t,
+					id: n,
 					type: "text",
 					lines: 0,
 					x: L.value.x,
@@ -1087,42 +1087,42 @@ var ge = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ c({
 				diffEndX: t.endX ? t.endX - e.x : 0,
 				diffEndY: t.endY ? t.endY - e.y : 0
 			})), e.source = R.value, R.value.length > 1) {
-				let t = Z(R.value).map((e) => e.oldId);
-				z.value = z.value.filter((e) => !t.includes(e.id)), R.value.forEach((t) => {
+				let n = Z(R.value).map((e) => e.oldId);
+				z.value = z.value.filter((e) => !n.includes(e.id)), R.value.forEach((n) => {
 					switch (!0) {
-						case t.type === "circle":
+						case n.type === "circle":
 							e.content += `
             <circle
-            id="${t.id}"
-            cx="${t.x}"
-            cy="${t.y}"
-            r="${t.circleRadius ? t.circleRadius : Number.MIN_VALUE}"
-            fill="${t.isFilled ? t.color + t.alpha : "rgba(255,255,255,0.001)"}"
-            stroke="${t.color + t.alpha}" 
-            stroke-width="${t.strokeWidth}"
-            style="${t.isDash ? `stroke-dasharray: ${t.strokeWidth * 3}` : ""}"
+            id="${n.id}"
+            cx="${n.x}"
+            cy="${n.y}"
+            r="${n.circleRadius ? n.circleRadius : Number.MIN_VALUE}"
+            fill="${n.isFilled ? n.color + n.alpha : "rgba(255,255,255,0.001)"}"
+            stroke="${n.color + n.alpha}" 
+            stroke-width="${n.strokeWidth}"
+            style="${n.isDash ? `stroke-dasharray: ${n.strokeWidth * 3}` : ""}"
             />
         `;
 							break;
-						case t.type === "rect":
+						case n.type === "rect":
 							e.content += `
             <rect
-            id="${M.value ? "" : t.id}"
-            x="${t.x}"
-            y="${t.y}"
-            fill="${t.isFilled ? t.color + t.alpha : "rgba(255,255,255,0.001)"}"
-            height="${t.rectHeight}"
-            width="${t.rectWidth}"
-            stroke="${t.color + t.alpha}"
-            stroke-width="${t.strokeWidth}"
-            style="rx:1 !important; ry:1 !important; ${t.isDash ? `stroke-dasharray: ${t.strokeWidth * 3}` : ""}"
+            id="${M.value ? "" : n.id}"
+            x="${n.x}"
+            y="${n.y}"
+            fill="${n.isFilled ? n.color + n.alpha : "rgba(255,255,255,0.001)"}"
+            height="${n.rectHeight}"
+            width="${n.rectWidth}"
+            stroke="${n.color + n.alpha}"
+            stroke-width="${n.strokeWidth}"
+            style="rx:1 !important; ry:1 !important; ${n.isDash ? `stroke-dasharray: ${n.strokeWidth * 3}` : ""}"
                         />
         `;
 							break;
-						case t.type === "arrow":
-							let r = t.strokeWidth > 3 ? 5 : 10, i = t.strokeWidth > 3 ? 2.5 : 5, a = n();
+						case n.type === "arrow":
+							let r = n.strokeWidth > 3 ? 5 : 10, i = n.strokeWidth > 3 ? 2.5 : 5, a = t();
 							e.content += `
-            <g id="${t.id}">
+            <g id="${n.id}">
             <defs>
                 <marker 
                 id="${a}" 
@@ -1134,31 +1134,31 @@ var ge = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ c({
                 >
                 <polygon 
                 points="0 0,${r} ${i}, 0 ${r}" 
-                fill="${t.color}"
+                fill="${n.color}"
                 />
                 </marker>
             </defs>
 
             <path 
-                style="stroke-linecap: round !important; ${t.isDash ? `stroke-dasharray: ${t.strokeWidth * 3}` : ""}" 
-                stroke="${t.color}" 
-                id="${t.id}" 
-                d="M${t.x},${t.y} ${t.endX},${t.endY}" 
-                stroke-width="${t.strokeWidth}" 
+                style="stroke-linecap: round !important; ${n.isDash ? `stroke-dasharray: ${n.strokeWidth * 3}` : ""}" 
+                stroke="${n.color}" 
+                id="${n.id}" 
+                d="M${n.x},${n.y} ${n.endX},${n.endY}" 
+                stroke-width="${n.strokeWidth}" 
                 marker-end="url(#${a})"
             />
             </g>
         `;
 							break;
-						case t.type === "text":
-							let o = t.textContent.split("‎"), s = [];
+						case n.type === "text":
+							let o = n.textContent.split("‎"), s = [];
 							for (let e = 0; e < o.length; e += 1) s.push(`
-            ${t.isBulletTextMode ? `<tspan x="${t.x - t.fontSize}" y="${t.y + t.fontSize * e}" id="${t.id}" font-size="${t.fontSize / 2}">⬤</tspan>` : ""}
-            <tspan id="${t.id}" x="${t.x}" y="${t.y + t.fontSize * e}">
+            ${n.isBulletTextMode ? `<tspan x="${n.x - n.fontSize}" y="${n.y + n.fontSize * e}" id="${n.id}" font-size="${n.fontSize / 2}">⬤</tspan>` : ""}
+            <tspan id="${n.id}" x="${n.x}" y="${n.y + n.fontSize * e}">
                 ${o[e]}
             </tspan>`);
 							e.content += `
-            ${nn(t, s, t.isBulletTextMode)}
+            ${nn(n, s, n.isBulletTextMode)}
             `;
 							break;
 						default: break;
@@ -1168,15 +1168,15 @@ var ge = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ c({
 		}
 		function Cn(e) {
 			e.content = "";
-			let t = e.x || 0, r = e.y || 0;
+			let n = e.x || 0, r = e.y || 0;
 			(e.source || []).forEach((i) => {
 				switch (i.type) {
 					case "circle": {
-						let n = t + i.diffX, a = r + i.diffY;
+						let t = n + i.diffX, a = r + i.diffY;
 						e.content += `
           <circle
             id="${i.id}"
-            cx="${n}"
+            cx="${t}"
             cy="${a}"
             r="${i.circleRadius ? i.circleRadius : Number.MIN_VALUE}"
             fill="${i.isFilled ? i.color + i.alpha : "rgba(255,255,255,0.001)"}"
@@ -1188,11 +1188,11 @@ var ge = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ c({
 						break;
 					}
 					case "rect": {
-						let n = t + i.diffX, a = r + i.diffY;
+						let t = n + i.diffX, a = r + i.diffY;
 						e.content += `
           <rect
             id="${M.value ? "" : i.id}"
-            x="${n}"
+            x="${t}"
             y="${a}"
             fill="${i.isFilled ? i.color + i.alpha : "rgba(255,255,255,0.001)"}"
             height="${i.rectHeight}"
@@ -1205,7 +1205,7 @@ var ge = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ c({
 						break;
 					}
 					case "arrow": {
-						let a = t + i.diffX, o = r + i.diffY, s = t + i.diffEndX, c = r + i.diffEndY, l = i.strokeWidth > 3 ? 5 : 10, ee = i.strokeWidth > 3 ? 2.5 : 5, te = `m_${i.id}_${n()}`;
+						let a = n + i.diffX, o = r + i.diffY, s = n + i.diffEndX, c = r + i.diffEndY, l = i.strokeWidth > 3 ? 5 : 10, ee = i.strokeWidth > 3 ? 2.5 : 5, te = `m_${i.id}_${t()}`;
 						e.content += `
           <g id="${i.id}">
             <defs>
@@ -1232,9 +1232,9 @@ var ge = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ c({
 						break;
 					}
 					case "text": {
-						let n = (i.textContent || "").split("‎").map((e, n) => `
-          ${i.isBulletTextMode ? `<tspan x="${t + i.diffX - i.fontSize}" y="${r + i.diffY + i.fontSize * n}" id="${i.id}" font-size="${i.fontSize / 2}">⬤</tspan>` : ""}
-          <tspan id="${i.id}" x="${t + i.diffX}" y="${r + i.diffY + i.fontSize * n}">
+						let t = (i.textContent || "").split("‎").map((e, t) => `
+          ${i.isBulletTextMode ? `<tspan x="${n + i.diffX - i.fontSize}" y="${r + i.diffY + i.fontSize * t}" id="${i.id}" font-size="${i.fontSize / 2}">⬤</tspan>` : ""}
+          <tspan id="${i.id}" x="${n + i.diffX}" y="${r + i.diffY + i.fontSize * t}">
             ${e}
           </tspan>
         `).join("");
@@ -1243,7 +1243,7 @@ var ge = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ c({
             <text
               style="user-select:none; height:100px;"
               id="${i.id}"
-              x="${t + i.diffX}"
+              x="${n + i.diffX}"
               y="${r + i.diffY}"
               text-anchor="${i.textAlign}"
               font-size="${i.fontSize}"
@@ -1251,7 +1251,7 @@ var ge = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ c({
               font-weight="${i.isBold ? "bold" : "normal"}"
               font-style="${i.isItalic ? "italic" : "normal"}"
               text-decoration="${i.isUnderline ? "underline" : "none"}">
-              ${n}
+              ${t}
             </text>
           </g>
         `;
@@ -1270,7 +1270,7 @@ var ge = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ c({
 				x: L.value.x,
 				y: L.value.y
 			};
-			let e = `${N.value ? "group" : w.value}_${n()}`;
+			let e = `${N.value ? "group" : w.value}_${t()}`;
 			switch (!0) {
 				case w.value === "arrow":
 					z.value.push({
@@ -1332,7 +1332,7 @@ var ge = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ c({
 				case w.value === "group":
 					z.value.push({
 						alpha: 1,
-						id: `group_${n()}`,
+						id: `group_${t()}`,
 						x: L.value.x,
 						y: L.value.y,
 						isFilled: !1,

package/dist/{vue-ui-bullet-B-bWGz6d.js → vue-ui-bullet-9gtGJaGb.js}

@@ -1,19 +1,19 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { G as t, H as n, Ht as r, St as i, Tt as a, X as ee, ct as te, h as ne, i as o, t as re, y as ie } from "./lib-AJRHFE5U.js";
-import { t as ae } from "./useConfig-Br1uzq_L.js";
-import { t as oe } from "./usePrinter-6n2MzVyV.js";
+import { Ct as t, Et as n, G as r, H as i, Ut as a, X as ee, ct as te, h as ne, i as o, t as re, y as ie } from "./lib-CXicicWN.js";
+import { t as ae } from "./useConfig-Bf_EBbe3.js";
+import { t as oe } from "./usePrinter-Dng0UK-G.js";
 import { n as se, t as ce } from "./BaseScanner-DZvpgOjM.js";
 import { t as le } from "./useSvgExport-SVIsDot8.js";
-import { t as s } from "./useNestedProp-DtcXIg7n.js";
+import { t as s } from "./useNestedProp-APyFoLCQ.js";
 import { t as ue } from "./useThemeCheck-C43Tcqmk.js";
-import { t as de } from "./img-C_RNNswI.js";
-import { n as fe } from "./Title-DH6G8_cZ.js";
+import { t as de } from "./img-BCAOkqfM.js";
+import { n as fe } from "./Title-CVYf1f8m.js";
 import { t as pe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as me } from "./canvas-lib-BOP_HS11.js";
 import { t as he } from "./useResponsive-BfnK0KxU.js";
 import { t as ge } from "./useUserOptionState-DK-_1ddE.js";
 import { t as _e } from "./useChartAccessibility-DYqac8yF.js";
-import { t as ve } from "./Legend-CAStwHdx.js";
+import { t as ve } from "./Legend-BVDhEEsC.js";
 import { t as ye } from "./vue_ui_bullet-ClzdLoOv.js";
 import { Fragment as c, Teleport as be, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as xe, createVNode as Se, defineAsyncComponent as m, guardReactiveProps as h, nextTick as Ce, 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: pe, emit: ke }) {
-		let T = m(() => import("./PackageVersion-DxBQctV8.js").then((e) => e.t)), Ze = m(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Qe = m(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), { vue_ui_bullet: $e } = ae(), { isThemeValid: et, warnInvalidTheme: tt } = ue(), E = e, nt = ke, D = y(null), rt = y(null), it = y(0), at = y(null), ot = y(null), st = y(0), O = y(null), k = y(null), ct = y(!1), A = y(!1), j = y(!1), M = l({
+		let T = m(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), Ze = m(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), Qe = m(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), { vue_ui_bullet: $e } = ae(), { isThemeValid: et, warnInvalidTheme: tt } = ue(), E = e, nt = ke, D = y(null), rt = y(null), it = y(0), at = y(null), ot = y(null), st = y(0), O = y(null), k = y(null), ct = y(!1), A = y(!1), j = y(!1), M = l({
 			get: () => R.value.hasOwnProperty("value"),
 			set: (e) => e
 		}), N = l(() => R.value.segments ? Array.isArray(R.value.segments) ? R.value.segments.length ? !0 : (console.warn("VueUiBullet: dataset segments is empty. Provide segments with this datastructure:\n\nsegments: [\n    {\n        name: string;\n        from: number;\n        to: number;\n        color?: string;\n    },\n    {...}\n]\n        "), M.value = !1, !1) : (console.warn("VueUiBullet: dataset segments must be an array of objects with this datastructure:\n\nsegments: [\n    {\n        name: string;\n        from: number;\n        to: number;\n        color?: string;\n    },\n    {...}\n] \n        "), M.value = !1, !1) : (console.warn("VueUiBullet: dataset segments is empty. Provide segments with this datastructure:\n\nsegments: [\n    {\n        name: string;\n        from: number;\n        to: number;\n        color?: string;\n    },\n    {...}\n]\n        "), M.value = !1, !1)), lt = l(() => !!I.value.debug), ut = l(() => {
@@ -116,7 +116,7 @@ var ke = /* @__PURE__ */ e({ default: () => T }), Ae = ["id"], je = {
 			};
 		});
 		function dt() {
-			if (a(R.value) ? (ee({
+			if (n(R.value) ? (ee({
 				componentName: "VueUiBullet",
 				type: "dataset",
 				debug: lt.value
@@ -137,7 +137,7 @@ var ke = /* @__PURE__ */ e({ default: () => T }), Ae = ["id"], je = {
 						debug: lt.value
 					});
 				});
-			}) : (M.value = !1, z.value = !0), a(R.value) || (z.value = I.value.loading), I.value.responsive) {
+			}) : (M.value = !1, z.value = !0), n(R.value) || (z.value = I.value.loading), I.value.responsive) {
 				let e = me(() => {
 					let { width: e, height: t } = he({
 						chart: D.value,
@@ -157,7 +157,7 @@ var ke = /* @__PURE__ */ e({ default: () => T }), Ae = ["id"], je = {
 		Ee(() => {
 			ct.value = !0, dt();
 		});
-		let P = y(n());
+		let P = y(i());
 		function F() {
 			let e = s({
 				userConfig: E.config,
@@ -174,7 +174,7 @@ var ke = /* @__PURE__ */ e({ default: () => T }), Ae = ["id"], je = {
 				defaultConfig: n
 			});
 		}
-		let I = y(F()), ft = l(() => I.value.userOptions.useCursorPointer), pt = l(() => r({
+		let I = y(F()), ft = l(() => I.value.userOptions.useCursorPointer), pt = l(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -215,7 +215,7 @@ var ke = /* @__PURE__ */ e({ default: () => T }), Ae = ["id"], je = {
 					}
 				]
 			},
-			skeletonConfig: r({
+			skeletonConfig: a({
 				defaultConfig: I.value,
 				userConfig: pt.value
 			})
@@ -241,7 +241,7 @@ var ke = /* @__PURE__ */ e({ default: () => T }), Ae = ["id"], je = {
 		}), vt = l(() => {
 			if (!N.value) return [];
 			let e = [];
-			for (let t = 0; t < R.value.segments.length; t += 1) e.push(i(I.value.style.chart.segments.baseColor, t / R.value.segments.length));
+			for (let n = 0; n < R.value.segments.length; n += 1) e.push(t(I.value.style.chart.segments.baseColor, n / R.value.segments.length));
 			return e;
 		}), W = l(() => N.value ? {
 			min: Math.min(...R.value.segments.map((e) => e.from)),
@@ -289,12 +289,12 @@ var ke = /* @__PURE__ */ e({ default: () => T }), Ae = ["id"], je = {
 				}))
 			};
 		}), q = l(() => !K.value || !K.value.chunks || !K.value.chunks.length ? [] : K.value.chunks.map((e) => {
-			let n = `${o(I.value.style.chart.segments.dataLabels.formatter, e.from, t({
+			let t = `${o(I.value.style.chart.segments.dataLabels.formatter, e.from, r({
 				p: I.value.style.chart.segments.dataLabels.prefix,
 				v: e.from,
 				s: I.value.style.chart.segments.dataLabels.suffix,
 				r: I.value.style.chart.segments.dataLabels.rounding
-			}))} — ${o(I.value.style.chart.segments.dataLabels.formatter, e.to, t({
+			}))} — ${o(I.value.style.chart.segments.dataLabels.formatter, e.to, r({
 				p: I.value.style.chart.segments.dataLabels.prefix,
 				v: e.to,
 				s: I.value.style.chart.segments.dataLabels.suffix,
@@ -303,8 +303,8 @@ var ke = /* @__PURE__ */ e({ default: () => T }), Ae = ["id"], je = {
 			return {
 				...e,
 				shape: "square",
-				value: n,
-				display: `${e.name}: ${n}`
+				value: t,
+				display: `${e.name}: ${t}`
 			};
 		})), St = l(() => ({
 			cy: "bullet-div-legend",
@@ -404,14 +404,14 @@ var ke = /* @__PURE__ */ e({ default: () => T }), Ae = ["id"], je = {
 			toggleAnnotator: $,
 			toggleFullscreen: Tt,
 			copyAlt: Ft
-		}), (e, n) => (v(), f("div", {
+		}), (e, t) => (v(), f("div", {
 			ref_key: "bulletChart",
 			ref: D,
 			class: we(`vue-data-ui-component vue-ui-bullet ${Z.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
 			style: _(`font-family:${I.value.style.fontFamily};width:100%;background:${I.value.style.chart.backgroundColor};${I.value.responsive ? "height:100%" : ""}`),
 			id: `bullet_${P.value}`,
-			onMouseenter: n[0] ||= () => C(mt)(!0),
-			onMouseleave: n[1] ||= () => C(mt)(!1)
+			onMouseenter: t[0] ||= () => C(mt)(!0),
+			onMouseleave: t[1] ||= () => C(mt)(!1)
 		}, [
 			I.value.userOptions.buttons.annotator ? (v(), u(C(Ze), {
 				key: 0,
@@ -632,7 +632,7 @@ var ke = /* @__PURE__ */ e({ default: () => T }), Ae = ["id"], je = {
 						"font-weight": I.value.style.chart.valueBar.label.bold ? "bold" : "normal",
 						fill: I.value.style.chart.valueBar.label.color,
 						"text-anchor": "middle"
-					}, S(C(o)(I.value.style.chart.segments.dataLabels.formatter, G.value, C(t)({
+					}, S(C(o)(I.value.style.chart.segments.dataLabels.formatter, G.value, C(r)({
 						p: I.value.style.chart.segments.dataLabels.prefix,
 						v: G.value,
 						s: I.value.style.chart.segments.dataLabels.suffix,
@@ -657,7 +657,7 @@ var ke = /* @__PURE__ */ e({ default: () => T }), Ae = ["id"], je = {
 						fill: I.value.style.chart.segments.dataLabels.color,
 						"font-size": I.value.style.chart.segments.dataLabels.fontSize + "px",
 						"font-weight": I.value.style.chart.segments.dataLabels.bold ? "bold" : "normal"
-					}, S(C(o)(I.value.style.chart.segments.dataLabels.formatter, e.value, C(t)({
+					}, S(C(o)(I.value.style.chart.segments.dataLabels.formatter, e.value, C(r)({
 						p: I.value.style.chart.segments.dataLabels.prefix,
 						v: e.value,
 						s: I.value.style.chart.segments.dataLabels.suffix,