vue-data-ui 3.22.13 → 3.23.0

package/dist/{vue-ui-tiremarks-BCncDpHX.js → vue-ui-tiremarks-DB3f5qiz.js}

@@ -1,52 +1,53 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, Bt as n, K as r, Y as i, et as a, i as o, qt as s, t as c, y as l } from "./lib-CFm_J26b.js";
-import { t as ee } from "./useConfig-C0V0eG7L.js";
-import { t as te } from "./usePrinter-BH-xle1O.js";
-import { n as ne, t as re } from "./BaseScanner-DZvpgOjM.js";
-import { t as ie } from "./useSvgExport-Ba9qBr9M.js";
-import { t as u } from "./useNestedProp-BY6DNN3i.js";
-import { t as ae } from "./useThemeCheck-C43Tcqmk.js";
-import { t as oe } from "./img-Bikk1dGb.js";
-import { n as se } from "./Title-BuPs74IB.js";
-import { t as ce } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as le, t as ue } from "./useResponsive-ZtArZtUf.js";
-import { t as de } from "./useUserOptionState-DK-_1ddE.js";
-import { t as fe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as pe } from "./usePrefersMotion-BC-CsqR1.js";
-import { t as me } from "./vue_ui_tiremarks-CdEPieWV.js";
-import { Fragment as he, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as ge, createSlots as _e, createVNode as ve, defineAsyncComponent as h, guardReactiveProps as g, nextTick as ye, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onMounted as be, openBlock as b, ref as x, renderList as xe, renderSlot as S, toDisplayString as C, toRefs as Se, unref as w, watch as Ce, withCtx as T } from "vue";
+import { Jt as t, Vt as n, X as r, b as i, i as a, jt as o, q as s, t as c, tt as l } from "./lib-BuMGJ_a0.js";
+import { n as ee, t as te } from "./useHints-Dq_w2E8B.js";
+import { t as ne } from "./useConfig-BilxnBNr.js";
+import { t as re } from "./usePrinter-BFvi4jVy.js";
+import { n as ie, t as ae } from "./BaseScanner-DZvpgOjM.js";
+import { t as oe } from "./useSvgExport-Ba9qBr9M.js";
+import { t as u } from "./useNestedProp--NSEmhOH.js";
+import { t as se } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ce } from "./img-DIQG5q8T.js";
+import { n as le } from "./Title-BODtwViI.js";
+import { t as ue } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as de, t as fe } from "./useResponsive-ZtArZtUf.js";
+import { t as pe } from "./useUserOptionState-DK-_1ddE.js";
+import { t as me } from "./useChartAccessibility-DYqac8yF.js";
+import { t as he } from "./usePrefersMotion-BC-CsqR1.js";
+import { t as ge } from "./vue_ui_tiremarks-CdEPieWV.js";
+import { Fragment as _e, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as ve, createSlots as ye, createVNode as be, defineAsyncComponent as h, guardReactiveProps as g, nextTick as xe, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onMounted as Se, openBlock as b, ref as x, renderList as Ce, renderSlot as S, toDisplayString as C, toRefs as we, unref as w, watch as Te, withCtx as T } from "vue";
 //#region src/components/vue-ui-tiremarks.vue
-var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
+var Ee = /* @__PURE__ */ e({ default: () => E }), De = ["id"], Oe = [
 	"xmlns",
 	"viewBox",
 	"aria-labelledby",
 	"aria-describedby"
-], De = ["id"], Oe = ["id"], ke = ["width", "height"], Ae = { key: 1 }, je = [
+], ke = ["id"], Ae = ["id"], je = ["width", "height"], Me = { key: 1 }, Ne = [
 	"d",
 	"stroke-width",
 	"stroke"
-], Me = { key: 2 }, Ne = [
+], Pe = { key: 2 }, Fe = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke-width",
 	"stroke"
-], Pe = ["aria-label"], Fe = [
+], Ie = ["aria-label"], Le = [
 	"x",
 	"y",
 	"height"
-], Ie = [
+], Re = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"text-anchor"
-], Le = {
+], ze = {
 	key: 4,
 	class: "vue-data-ui-watermark"
-}, E = /*#__PURE__*/ ce({
+}, E = /*#__PURE__*/ ue({
 	__name: "vue-ui-tiremarks",
 	props: {
 		config: {
@@ -63,8 +64,15 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 		}
 	},
 	emits: ["copyAlt"],
-	setup(e, { expose: ce, emit: we }) {
-		let E = h(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), Re = h(() => import("./UserOptions-DzAFK9cY.js").then((e) => e.n)), ze = h(() => import("./PackageVersion-B6Hokxw9.js").then((e) => e.t)), { vue_ui_tiremarks: Be } = ee(), { isThemeValid: Ve, warnInvalidTheme: He } = ae(), D = pe(), O = e, Ue = we, We = d(() => !!O.dataset && Object.keys(O.dataset).length), k = x(r()), A = x(null), Ge = x(null), Ke = x(null), qe = x(null), Je = x(0), Ye = x(0), j = x(null), M = x(null), N = x(!1), P = x(!1), F = x(B()), Xe = d(() => F.value.userOptions.useCursorPointer), Ze = d(() => s({
+	setup(e, { expose: ue, emit: Ee }) {
+		let E = h(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), Be = h(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), Ve = h(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), { vue_ui_tiremarks: He } = ne(), { isThemeValid: Ue, warnInvalidTheme: We } = se(), D = he(), O = e, Ge = Ee, Ke = d(() => !!O.dataset && Object.keys(O.dataset).length), k = x(s()), A = x(null), qe = x(null), Je = x(null), Ye = x(null), Xe = x(0), Ze = x(0), j = x(null), M = x(null), N = x(!1), P = x(!1), F = x(B());
+		ee({
+			config: () => F.value,
+			dataset: () => O.dataset,
+			component: "VueUiTiremarks",
+			rules: [te.noHint]
+		});
+		let Qe = d(() => F.value.userOptions.useCursorPointer), $e = d(() => t({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -78,25 +86,25 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 				} }
 			},
 			userConfig: F.value.skeletonConfig ?? {}
-		})), { loading: I, FINAL_DATASET: L } = ne({
-			...Se(O),
+		})), { loading: I, FINAL_DATASET: L } = ie({
+			...we(O),
 			FINAL_CONFIG: F,
 			prepareConfig: B,
 			skeletonDataset: O.config?.skeletonDataset ?? { percentage: 50 },
-			skeletonConfig: s({
+			skeletonConfig: t({
 				defaultConfig: F.value,
-				userConfig: Ze.value
+				userConfig: $e.value
 			})
-		}), { userOptionsVisible: R, setUserOptionsVisibility: Qe, keepUserOptionState: $e } = de({ config: F.value }), { svgRef: z } = fe({ config: F.value.style.chart.title });
+		}), { userOptionsVisible: R, setUserOptionsVisibility: et, keepUserOptionState: tt } = pe({ config: F.value }), { svgRef: z } = me({ config: F.value.style.chart.title });
 		function B() {
 			let e = u({
 				userConfig: O.config,
-				defaultConfig: Be
+				defaultConfig: He
 			}), t = e.theme;
 			if (!t) return e;
-			if (!Ve.value(e)) return He(e), e;
+			if (!Ue.value(e)) return We(e), e;
 			let n = u({
-				userConfig: me[t] || O.config,
+				userConfig: ge[t] || O.config,
 				defaultConfig: e
 			});
 			return u({
@@ -104,38 +112,38 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 				defaultConfig: n
 			});
 		}
-		Ce(() => O.config, (e) => {
-			F.value = B(), R.value = !F.value.userOptions.showOnChartHover, q.value = F.value.style.chart.width, J.value = F.value.style.chart.height, at(), Ye.value += 1;
+		Te(() => O.config, (e) => {
+			F.value = B(), R.value = !F.value.userOptions.showOnChartHover, q.value = F.value.style.chart.width, J.value = F.value.style.chart.height, st(), Ze.value += 1;
 		}, { deep: !0 });
-		let { isPrinting: V, isImaging: H, generatePdf: et, generateImage: tt } = te({
+		let { isPrinting: V, isImaging: H, generatePdf: nt, generateImage: rt } = re({
 			elementId: k.value,
 			fileName: F.value.style.chart.title.text || "vue-ui-tiremarks",
 			options: F.value.userOptions.print
-		}), nt = d(() => F.value.userOptions.show && !F.value.style.chart.title.text), U = x(F.value.style.chart.animation.use && !D.value ? 0 : l(L.value.percentage));
-		Ce(() => L.value, (e) => {
-			F.value.style.chart.animation.use && !D.value ? rt(e.percentage) : U.value = e.percentage || 0;
-		}, { deep: !0 }), be(() => {
-			at();
+		}), it = d(() => F.value.userOptions.show && !F.value.style.chart.title.text), U = x(F.value.style.chart.animation.use && !D.value ? 0 : i(L.value.percentage));
+		Te(() => L.value, (e) => {
+			F.value.style.chart.animation.use && !D.value ? at(e.percentage) : U.value = e.percentage || 0;
+		}, { deep: !0 }), Se(() => {
+			st();
 		});
-		function rt(e) {
+		function at(e) {
 			let t = F.value.style.chart.animation.speed, n = Math.abs(e - U.value) / (t * 120);
 			function r() {
 				U.value < e ? U.value = Math.min(U.value + n, e) : U.value > e && (U.value = Math.max(U.value - n, e)), U.value !== e && requestAnimationFrame(r);
 			}
 			r();
 		}
-		let it = d(() => !!F.value.debug);
-		function at() {
-			if (t(O.dataset) && a({
+		let ot = d(() => !!F.value.debug);
+		function st() {
+			if (o(O.dataset) && l({
 				componentName: "VueUiTiremarks",
 				type: "dataset",
-				debug: it.value
+				debug: ot.value
 			}), F.value.responsive) {
-				let e = le(() => {
-					let { width: e, height: t } = ue({
+				let e = de(() => {
+					let { width: e, height: t } = fe({
 						chart: A.value,
-						title: F.value.style.chart.title.text ? Ke.value : null,
-						source: qe.value
+						title: F.value.style.chart.title.text ? Je.value : null,
+						source: Ye.value
 					});
 					requestAnimationFrame(() => {
 						q.value = Math.max(.1, e), J.value = Math.max(.1, t - 12);
@@ -143,7 +151,7 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 				});
 				j.value && (M.value && j.value.unobserve(M.value), j.value.disconnect()), j.value = new ResizeObserver(e), M.value = A.value.parentNode, j.value.observe(M.value);
 			}
-			rt(L.value.percentage || 0);
+			at(L.value.percentage || 0);
 		}
 		let W = d(() => F.value.style.chart.layout.display === "vertical"), G = d(() => {
 			let e = F.value.style.chart.percentage.show, t = {
@@ -166,7 +174,7 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 		}), K = d(() => Object.values(G.value).reduce((e, t) => e + t, 0)), q = x(F.value.style.chart.width), J = x(F.value.style.chart.height), Y = d(() => ({
 			height: J.value,
 			width: q.value
-		})), ot = d(() => ({
+		})), ct = d(() => ({
 			horizontal: {
 				x: Z.value.x + (F.value.style.chart.percentage.horizontalPosition === "left" ? 6 : 3),
 				y: Y.value.height / 2 - Z.value.fontSize / 2
@@ -181,7 +189,7 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 		} : {
 			mark: (Y.value.width - K.value) / 100 * .5,
 			space: (Y.value.width - K.value) / 100 * .5
-		}), st = d(() => {
+		}), lt = d(() => {
 			let e = [];
 			for (let t = 0; t < 100; t += 1) {
 				let r = F.value.style.chart.layout.ticks.gradient.show ? n(F.value.style.chart.layout.activeColor, t / 100 * (F.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : F.value.style.chart.layout.activeColor;
@@ -219,16 +227,16 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 				fill: F.value.style.chart.percentage.color
 			};
 		}), Q = x(!1);
-		function ct(e) {
-			Q.value = e, Je.value += 1;
+		function ut(e) {
+			Q.value = e, Xe.value += 1;
 		}
 		let $ = x(!1);
-		function lt() {
+		function dt() {
 			$.value = !$.value;
 		}
-		async function ut({ scale: e = 2 } = {}) {
+		async function ft({ scale: e = 2 } = {}) {
 			if (!A.value) return;
-			let { width: t, height: n } = A.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await oe({
+			let { width: t, height: n } = A.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ce({
 				domElement: A.value,
 				base64: !0,
 				img: !0,
@@ -243,28 +251,28 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 				aspectRatio: r
 			};
 		}
-		let dt = d(() => F.value.style.chart.backgroundColor), { exportSvg: ft, getSvg: pt } = ie({
+		let pt = d(() => F.value.style.chart.backgroundColor), { exportSvg: mt, getSvg: ht } = oe({
 			svg: z,
 			title: d(() => F.value.style.chart.title),
-			backgroundColor: dt
+			backgroundColor: pt
 		});
-		async function mt({ isCb: e }) {
-			P.value = !0, await ye();
+		async function gt({ isCb: e }) {
+			P.value = !0, await xe();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await pt();
+					let { blob: e, url: t, text: n, dataUrl: r } = await ht();
 					await Promise.resolve(F.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(ft());
+				} else await Promise.resolve(mt());
 			} finally {
 				P.value = !1;
 			}
 		}
-		function ht(e) {
+		function _t(e) {
 			if (e?.stage === "start") {
 				N.value = !0;
 				return;
@@ -273,10 +281,10 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 				N.value = !1;
 				return;
 			}
-			tt();
+			rt();
 		}
-		async function gt() {
-			if (Ue("copyAlt", {
+		async function vt() {
+			if (Ge("copyAlt", {
 				config: F.value,
 				dataset: L.value
 			}), !F.value.userOptions.callbacks.altCopy) {
@@ -288,27 +296,27 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 				dataset: L.value
 			}));
 		}
-		let _t = d(() => `${k.value}-title`), vt = d(() => `${k.value}-desc`), yt = d(() => o(F.value.style.chart.percentage.formatter, U.value, i({
+		let yt = d(() => `${k.value}-title`), bt = d(() => `${k.value}-desc`), xt = d(() => a(F.value.style.chart.percentage.formatter, U.value, r({
 			v: U.value,
 			s: "%",
 			r: F.value.style.chart.percentage.rounding
-		}))), bt = d(() => F.value.style.chart.title.text || ""), xt = d(() => I.value ? "Loading data" : `Value: ${yt.value}`);
-		return ce({
-			getImage: ut,
-			generatePdf: et,
-			generateImage: tt,
-			generateSvg: mt,
-			toggleAnnotator: lt,
-			toggleFullscreen: ct,
-			copyAlt: gt
+		}))), St = d(() => F.value.style.chart.title.text || ""), Ct = d(() => I.value ? "Loading data" : `Value: ${xt.value}`);
+		return ue({
+			getImage: ft,
+			generatePdf: nt,
+			generateImage: rt,
+			generateSvg: gt,
+			toggleAnnotator: dt,
+			toggleFullscreen: ut,
+			copyAlt: vt
 		}), (e, t) => (b(), m("div", {
 			ref_key: "tiremarksChart",
 			ref: A,
 			class: _(`vue-data-ui-component vue-ui-tiremarks ${F.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			style: y(`font-family:${F.value.style.fontFamily};width:100%; text-align:center;background:${F.value.style.chart.backgroundColor}`),
 			id: k.value,
-			onMouseenter: t[0] ||= () => w(Qe)(!0),
-			onMouseleave: t[1] ||= () => w(Qe)(!1)
+			onMouseenter: t[0] ||= () => w(et)(!0),
+			onMouseleave: t[1] ||= () => w(et)(!1)
 		}, [
 			F.value.userOptions.buttons.annotator ? (b(), f(w(E), {
 				key: 0,
@@ -316,8 +324,8 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 				backgroundColor: F.value.style.chart.backgroundColor,
 				color: F.value.style.chart.color,
 				active: $.value,
-				isCursorPointer: Xe.value,
-				onClose: lt
+				isCursorPointer: Qe.value,
+				onClose: dt
 			}, {
 				"annotator-action-close": T(() => [S(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": T(({ color: t }) => [S(e.$slots, "annotator-action-color", v(g({ color: t })), void 0, !0)]),
@@ -333,20 +341,20 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 				"active",
 				"isCursorPointer"
 			])) : p("", !0),
-			nt.value ? (b(), m("div", {
+			it.value ? (b(), m("div", {
 				key: 1,
 				ref_key: "noTitle",
-				ref: Ge,
+				ref: qe,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : p("", !0),
 			F.value.style.chart.title.text ? (b(), m("div", {
 				key: 2,
 				ref_key: "chartTitle",
-				ref: Ke,
+				ref: Je,
 				style: "width:100%;background:transparent;padding-bottom:12px"
-			}, [(b(), f(se, {
-				key: `title_${Ye.value}`,
+			}, [(b(), f(le, {
+				key: `title_${Ze.value}`,
 				config: {
 					title: {
 						cy: "wheel-title",
@@ -358,9 +366,9 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 					}
 				}
 			}, null, 8, ["config"]))], 512)) : p("", !0),
-			F.value.userOptions.show && We.value && (w($e) || w(R)) ? (b(), f(w(Re), {
+			F.value.userOptions.show && Ke.value && (w(tt) || w(R)) ? (b(), f(w(Be), {
 				ref: "details",
-				key: `user_options_${Je.value}`,
+				key: `user_options_${Xe.value}`,
 				backgroundColor: F.value.style.chart.backgroundColor,
 				color: F.value.style.chart.color,
 				isPrinting: w(V),
@@ -380,15 +388,15 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 				isAnnotation: $.value,
 				callbacks: F.value.userOptions.callbacks,
 				printScale: F.value.userOptions.print.scale,
-				isCursorPointer: Xe.value,
-				onToggleFullscreen: ct,
-				onGeneratePdf: w(et),
-				onGenerateImage: ht,
-				onGenerateSvg: mt,
-				onToggleAnnotator: lt,
-				onCopyAlt: gt,
-				style: y({ visibility: w($e) ? w(R) ? "visible" : "hidden" : "visible" })
-			}, _e({ _: 2 }, [
+				isCursorPointer: Qe.value,
+				onToggleFullscreen: ut,
+				onGeneratePdf: w(nt),
+				onGenerateImage: _t,
+				onGenerateSvg: gt,
+				onToggleAnnotator: dt,
+				onCopyAlt: vt,
+				style: y({ visibility: w(tt) ? w(R) ? "visible" : "hidden" : "visible" })
+			}, ye({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: T(({ isOpen: t, color: n }) => [S(e.$slots, "menuIcon", v(g({
@@ -477,12 +485,12 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 				viewBox: `0 0 ${q.value} ${J.value}`,
 				style: y(`max-width:100%; overflow: visible; background:transparent;color:${F.value.style.chart.color}`),
 				role: "img",
-				"aria-labelledby": _t.value,
-				"aria-describedby": vt.value
+				"aria-labelledby": yt.value,
+				"aria-describedby": bt.value
 			}, [
-				ge("title", { id: _t.value }, C(bt.value), 9, De),
-				ge("desc", { id: vt.value }, C(xt.value), 9, Oe),
-				ve(w(ze)),
+				ve("title", { id: yt.value }, C(St.value), 9, ke),
+				ve("desc", { id: bt.value }, C(Ct.value), 9, Ae),
+				be(w(Ve)),
 				e.$slots["chart-background"] ? (b(), m("foreignObject", {
 					key: 0,
 					x: 0,
@@ -490,15 +498,15 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 					width: Y.value.width,
 					height: Y.value.height,
 					style: { pointerEvents: "none" }
-				}, [S(e.$slots, "chart-background", {}, void 0, !0)], 8, ke)) : p("", !0),
-				F.value.style.chart.layout.curved ? (b(), m("g", Ae, [(b(!0), m(he, null, xe(st.value, (e, t) => (b(), m("path", {
+				}, [S(e.$slots, "chart-background", {}, void 0, !0)], 8, je)) : p("", !0),
+				F.value.style.chart.layout.curved ? (b(), m("g", Me, [(b(!0), m(_e, null, Ce(lt.value, (e, t) => (b(), m("path", {
 					d: e.curve,
 					"stroke-width": X.value.mark,
 					stroke: U.value >= t ? e.color : F.value.style.chart.layout.inactiveColor,
 					"stroke-linecap": "round",
 					fill: "none",
 					class: _({ "vue-ui-tick-animated": F.value.style.chart.animation.use && !w(D) && t <= U.value })
-				}, null, 10, je))), 256))])) : (b(), m("g", Me, [(b(!0), m(he, null, xe(st.value, (e, t) => (b(), m("line", {
+				}, null, 10, Ne))), 256))])) : (b(), m("g", Pe, [(b(!0), m(_e, null, Ce(lt.value, (e, t) => (b(), m("line", {
 					x1: e.x1,
 					y1: e.y1,
 					x2: e.x2,
@@ -506,21 +514,21 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 					"stroke-width": X.value.mark,
 					stroke: U.value >= t ? e.color : F.value.style.chart.layout.inactiveColor,
 					"stroke-linecap": "round"
-				}, null, 8, Ne))), 256))])),
+				}, null, 8, Fe))), 256))])),
 				F.value.style.chart.percentage.show ? (b(), m("g", {
 					key: 3,
 					role: "status",
 					"aria-live": "polite",
-					"aria-label": w(I) ? "..." : `${yt.value}`
+					"aria-label": w(I) ? "..." : `${xt.value}`
 				}, [w(I) ? (b(), m("rect", {
 					key: 0,
-					x: ot.value.x,
-					y: ot.value.y,
+					x: ct.value.x,
+					y: ct.value.y,
 					width: 40,
 					height: Z.value.fontSize,
 					fill: "#6A6A6A80",
 					rx: 3
-				}, null, 8, Fe)) : (b(), m("text", {
+				}, null, 8, Le)) : (b(), m("text", {
 					key: 1,
 					"aria-hidden": "true",
 					x: Z.value.x,
@@ -529,23 +537,23 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 					fill: F.value.style.chart.layout.ticks.gradient.show && F.value.style.chart.percentage.useGradientColor ? w(n)(F.value.style.chart.layout.activeColor, U.value / 100 * (F.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : F.value.style.chart.percentage.color,
 					"font-weight": Z.value.bold ? "bold" : "normal",
 					"text-anchor": Z.value.textAnchor
-				}, C(yt.value), 9, Ie))], 8, Pe)) : p("", !0),
+				}, C(xt.value), 9, Re))], 8, Ie)) : p("", !0),
 				S(e.$slots, "svg", { svg: {
 					...Y.value,
 					isPrintingImg: w(V) || w(H) || N.value,
 					isPrintingSvg: P.value
 				} }, void 0, !0)
-			], 14, Ee)),
-			e.$slots.watermark ? (b(), m("div", Le, [S(e.$slots, "watermark", v(g({ isPrinting: w(V) || w(H) || N.value || P.value })), void 0, !0)])) : p("", !0),
+			], 14, Oe)),
+			e.$slots.watermark ? (b(), m("div", ze, [S(e.$slots, "watermark", v(g({ isPrinting: w(V) || w(H) || N.value || P.value })), void 0, !0)])) : p("", !0),
 			e.$slots.source ? (b(), m("div", {
 				key: 5,
 				ref_key: "source",
-				ref: qe,
+				ref: Ye,
 				dir: "auto"
 			}, [S(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
-			S(e.$slots, "skeleton", {}, () => [w(I) ? (b(), f(re, { key: 0 })) : p("", !0)], !0)
-		], 46, Te));
+			S(e.$slots, "skeleton", {}, () => [w(I) ? (b(), f(ae, { key: 0 })) : p("", !0)], !0)
+		], 46, De));
 	}
-}, [["__scopeId", "data-v-4b485eb1"]]);
+}, [["__scopeId", "data-v-7f57d45c"]]);
 //#endregion
-export { we as n, E as t };
+export { Ee as n, E as t };