vue-data-ui 3.22.8 → 3.22.9

package/dist/{vue-ui-horizontal-bar-D1rCsgqt.js → vue-ui-horizontal-bar-CwiQxYzv.js}

@@ -12,34 +12,35 @@ import { t as Ce } from "./Shape-UpH0a4Ur.js";
 import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as Te } from "./canvas-lib-BOP_HS11.js";
 import { t as Ee } from "./useResponsive-BfnK0KxU.js";
-import { t as De } from "./vue-ui-accordion-YyosvEPo.js";
-import { t as Oe } from "./BaseLegendToggle-DtQ8vyfr.js";
-import { t as ke } from "./A11yDataTable-DdRsVULz.js";
-import { t as Ae } from "./useUserOptionState-DK-_1ddE.js";
-import { t as je } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Me } from "./useTableResponsive-B24Uwt2E.js";
-import { t as Ne } from "./Legend-ROt6ugzW.js";
-import { t as Pe } from "./vue_ui_horizontal_bar-C4J4QzXf.js";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as Fe, createTextVNode as Ie, createVNode as Le, defineAsyncComponent as Re, guardReactiveProps as h, mergeProps as ze, nextTick as Be, normalizeClass as g, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as Ve, onMounted as He, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as Ue, toDisplayString as C, toRefs as We, unref as w, useCssVars as Ge, useSlots as Ke, watch as qe, withCtx as T, withKeys as Je } from "vue";
+import { t as De } from "./DefGrad-DVBqDjhO.js";
+import { t as Oe } from "./vue-ui-accordion-CjAGqEJg.js";
+import { t as ke } from "./BaseLegendToggle-DWtet-Hh.js";
+import { t as Ae } from "./A11yDataTable-DdRsVULz.js";
+import { t as je } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Me } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Ne } from "./useTableResponsive-B24Uwt2E.js";
+import { t as Pe } from "./Legend-ROt6ugzW.js";
+import { t as Fe } from "./vue_ui_horizontal_bar-C4J4QzXf.js";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as Ie, createTextVNode as Le, createVNode as Re, defineAsyncComponent as ze, guardReactiveProps as h, mergeProps as Be, nextTick as Ve, normalizeClass as g, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as He, onMounted as Ue, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as We, toDisplayString as C, toRefs as Ge, unref as w, useCssVars as Ke, useSlots as qe, watch as Je, withCtx as T, withKeys as Ye } from "vue";
 //#region src/components/vue-ui-horizontal-bar.vue
-var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe = ["onClick"], $e = { style: { position: "relative" } }, et = [
+var Xe = /* @__PURE__ */ e({ default: () => Ht }), Ze = ["id"], Qe = ["id"], $e = ["onClick"], et = { style: { position: "relative" } }, tt = [
 	"xmlns",
 	"viewBox",
 	"aria-describedby"
-], tt = ["width", "height"], nt = ["id"], rt = ["stop-color"], it = ["stop-color"], at = { key: 1 }, ot = [
+], nt = ["width", "height"], rt = { key: 1 }, it = [
 	"y",
 	"width",
 	"height",
 	"fill",
 	"rx"
-], st = [
+], at = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill",
 	"rx"
-], ct = [
+], ot = [
 	"x",
 	"y",
 	"width",
@@ -48,7 +49,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 	"rx",
 	"stroke",
 	"stroke-width"
-], lt = [
+], st = [
 	"x",
 	"y",
 	"width",
@@ -57,59 +58,59 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 	"rx",
 	"stroke",
 	"stroke-width"
-], ut = [
+], ct = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], dt = [
+], lt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], ft = { class: "vue-ui-horizontal-bar-parent-label" }, pt = [
+], ut = { class: "vue-ui-horizontal-bar-parent-label" }, dt = [
 	"y",
 	"height",
 	"width",
 	"fill"
-], mt = [
+], ft = [
 	"y",
 	"font-size",
 	"fill",
 	"x",
 	"font-weight",
 	"innerHTML"
-], ht = [
+], pt = [
 	"y",
 	"font-size",
 	"fill",
 	"x",
 	"font-weight"
-], gt = { class: "vue-ui-horizontal-bar-child-label" }, _t = [
+], mt = { class: "vue-ui-horizontal-bar-child-label" }, ht = [
 	"x",
 	"y",
 	"font-size",
 	"font-weight",
 	"innerHTML"
-], vt = { class: "vue-ui-horizontal-bar-child-label" }, yt = [
+], gt = { class: "vue-ui-horizontal-bar-child-label" }, _t = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"innerHTML"
-], bt = { class: "vue-ui-horizontal-bar-child-label" }, xt = [
+], vt = { class: "vue-ui-horizontal-bar-child-label" }, yt = [
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"fill",
 	"font-weight"
-], St = [
+], bt = [
 	"y",
 	"width",
 	"height",
@@ -117,7 +118,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Ct = {
+], xt = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -127,59 +128,59 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, wt = {
+}, St = {
 	key: 6,
 	class: "vue-data-ui-watermark"
-}, Tt = ["onClick"], Et = { style: "width:100%;padding-top: 36px;position:relative" }, Dt = { class: "vue-ui-data-table" }, Ot = { key: 0 }, kt = { style: { width: "100%" } }, At = ["data-cell"], jt = { style: {
+}, Ct = ["onClick"], wt = { style: "width:100%;padding-top: 36px;position:relative" }, Tt = { class: "vue-ui-data-table" }, Et = { key: 0 }, Dt = { style: { width: "100%" } }, Ot = ["data-cell"], kt = { style: {
 	display: "flex",
 	"align-items": "center",
 	gap: "5px",
 	"justify-content": "flex-end",
 	width: "100%",
 	"padding-right": "3px"
-} }, Mt = ["data-cell"], Nt = { style: {
+} }, At = ["data-cell"], jt = { style: {
 	display: "flex",
 	"align-items": "center",
 	gap: "5px",
 	"justify-content": "flex-end",
 	width: "100%",
 	"padding-right": "3px"
-} }, Pt = ["data-cell"], Ft = { style: {
+} }, Mt = ["data-cell"], Nt = { style: {
 	display: "flex",
 	"align-items": "center",
 	gap: "5px",
 	"justify-content": "flex-end",
 	width: "100%",
 	"padding-right": "3px"
-} }, It = ["data-cell"], Lt = { style: {
+} }, Pt = ["data-cell"], Ft = { style: {
 	display: "flex",
 	"align-items": "center",
 	gap: "5px",
 	"justify-content": "flex-end",
 	width: "100%",
 	"padding-right": "3px"
-} }, Rt = ["data-cell"], zt = { style: {
+} }, It = ["data-cell"], Lt = { style: {
 	display: "flex",
 	"align-items": "center",
 	gap: "5px",
 	"justify-content": "flex-end",
 	width: "100%",
 	"padding-right": "3px"
-} }, Bt = ["data-cell"], Vt = { style: {
+} }, Rt = ["data-cell"], zt = { style: {
 	display: "flex",
 	"align-items": "center",
 	gap: "5px",
 	"justify-content": "flex-end",
 	width: "100%",
 	"padding-right": "3px"
-} }, Ht = ["data-cell"], Ut = { style: {
+} }, Bt = ["data-cell"], Vt = { style: {
 	display: "flex",
 	"align-items": "center",
 	gap: "5px",
 	"justify-content": "flex-end",
 	width: "100%",
 	"padding-right": "3px"
-} }, Wt = /*#__PURE__*/ we({
+} }, Ht = /*#__PURE__*/ we({
 	__name: "vue-ui-horizontal-bar",
 	props: {
 		config: {
@@ -200,23 +201,23 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 		"copyAlt",
 		"selectDatapoint"
 	],
-	setup(e, { expose: we, emit: Ye }) {
-		Ge((e) => ({ v44273546: e.tdo }));
-		let Wt = Re(() => import("./Tooltip-CxOrWlFy.js")), Gt = Re(() => import("./BaseIcon-C2qlyHc7.js").then((e) => e.n)), Kt = Re(() => import("./PenAndPaper-pcgwlYr2.js").then((e) => e.t)), qt = Re(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), Jt = Re(() => import("./PackageVersion-DW7zwRcm.js").then((e) => e.t)), Yt = Re(() => import("./BaseDraggableDialog-DcfGlH8A.js").then((e) => e.n)), { vue_ui_vertical_bar: Xt } = me(), { isThemeValid: Zt, warnInvalidTheme: Qt } = be(), $t = Ke(), E = e, en = u({
+	setup(e, { expose: we, emit: Xe }) {
+		Ke((e) => ({ v44a2acba: e.tdo }));
+		let Ht = ze(() => import("./Tooltip-CxOrWlFy.js")), Ut = ze(() => import("./BaseIcon-UdRAvP2h.js").then((e) => e.n)), Wt = ze(() => import("./PenAndPaper-DsXi7GJ-.js").then((e) => e.t)), Gt = ze(() => import("./UserOptions-trvJ26nz.js").then((e) => e.n)), Kt = ze(() => import("./PackageVersion-D__dRVRA.js").then((e) => e.t)), qt = ze(() => import("./BaseDraggableDialog-Av7Uxq5V.js").then((e) => e.n)), { vue_ui_vertical_bar: Jt } = me(), { isThemeValid: Yt, warnInvalidTheme: Xt } = be(), Zt = qe(), E = e, Qt = u({
 			get() {
 				return !!E.dataset && E.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), D = b(n()), tn = b(!1), nn = b(""), rn = b(null), an = b(0), O = b(null), on = b(null), sn = b(null), cn = b(null), ln = b(null), un = b(0), dn = b(0), fn = b(null), pn = b(null), mn = b(null), hn = b(null), gn = b(null), k = b([]), _n = b({
+		}), D = b(n()), $t = b(!1), en = b(""), tn = b(null), nn = b(0), O = b(null), rn = b(null), an = b(null), on = b(null), sn = b(null), cn = b(0), ln = b(0), un = b(null), dn = b(null), fn = b(null), pn = b(null), mn = b(null), k = b([]), hn = b({
 			none: 0,
 			asc: 1,
 			desc: 2
-		}), A = b(0), vn = b(!1), yn = b(0), bn = b(0), xn = b(null), Sn = b(!1), Cn = b(!1), j = b(null), wn = b({
+		}), A = b(0), gn = b(!1), _n = b(0), vn = b(0), yn = b(null), bn = b(!1), xn = b(!1), j = b(null), Sn = b({
 			x: 0,
 			y: 0
-		}), Tn = b("pointer"), En = Ye, M = b(In()), N = u(() => M.value.userOptions.useCursorPointer), Dn = u(() => E.config?.skeletonDataset ?? [
+		}), Cn = b("pointer"), wn = Xe, M = b(Pn()), N = u(() => M.value.userOptions.useCursorPointer), Tn = u(() => E.config?.skeletonDataset ?? [
 			{
 				name: "",
 				value: 6,
@@ -247,7 +248,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				value: 1,
 				color: "#d9d9d9"
 			}
-		]), On = u(() => i({
+		]), En = u(() => i({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -284,30 +285,30 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				} }
 			},
 			userConfig: M.value.skeletonConfig ?? {}
-		})), { loading: kn, FINAL_DATASET: An, manualLoading: jn } = ge({
-			...We(E),
+		})), { loading: Dn, FINAL_DATASET: On, manualLoading: kn } = ge({
+			...Ge(E),
 			FINAL_CONFIG: M,
-			prepareConfig: In,
+			prepareConfig: Pn,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					z.value.showTable = M.value.table.show, qn();
+					z.value.showTable = M.value.table.show, Gn();
 				});
 			},
-			skeletonDataset: Dn.value,
+			skeletonDataset: Tn.value,
 			skeletonConfig: i({
 				defaultConfig: M.value,
-				userConfig: On.value
+				userConfig: En.value
 			})
-		}), { userOptionsVisible: Mn, setUserOptionsVisibility: Nn, keepUserOptionState: Pn } = Ae({ config: M.value }), { svgRef: Fn } = je({ config: M.value.style.chart.title });
-		function In() {
+		}), { userOptionsVisible: An, setUserOptionsVisibility: jn, keepUserOptionState: Mn } = je({ config: M.value }), { svgRef: Nn } = Me({ config: M.value.style.chart.title });
+		function Pn() {
 			let e = ye({
 				userConfig: E.config,
-				defaultConfig: Xt
+				defaultConfig: Jt
 			}), t = {}, n = e.theme;
-			if (n) if (!Zt.value(e)) Qt(e), t = e;
+			if (n) if (!Yt.value(e)) Xt(e), t = e;
 			else {
 				let r = ye({
-					userConfig: Pe[n] || E.config,
+					userConfig: Fe[n] || E.config,
 					defaultConfig: e
 				});
 				t = {
@@ -322,57 +323,57 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 			return E.config && oe(E.config, "events.datapointEnter") ? t.events.datapointEnter = E.config.events.datapointEnter : t.events.datapointEnter = null, E.config && oe(E.config, "events.datapointLeave") ? t.events.datapointLeave = E.config.events.datapointLeave : t.events.datapointLeave = null, E.config && oe(E.config, "events.datapointClick") ? t.events.datapointClick = E.config.events.datapointClick : t.events.datapointClick = null, t;
 		}
 		let P = b(M.value.style.chart.width), F = b(M.value.style.chart.height), I = b(M.value.style.chart.layout.bars.gap);
-		qe(() => E.config, (e) => {
-			kn.value || (M.value = In()), Mn.value = !M.value.userOptions.showOnChartHover, un.value += 1, dn.value += 1, z.value.showTable = M.value.table.show, z.value.sortDesc = M.value.style.chart.layout.bars.sort === "desc", z.value.showTooltip = M.value.style.chart.tooltip.show, P.value = M.value.style.chart.width, F.value = M.value.style.chart.height, I.value = M.value.style.chart.layout.bars.gap;
-		}, { deep: !0 }), qe(() => E.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (jn.value = !1);
+		Je(() => E.config, (e) => {
+			Dn.value || (M.value = Pn()), An.value = !M.value.userOptions.showOnChartHover, cn.value += 1, ln.value += 1, z.value.showTable = M.value.table.show, z.value.sortDesc = M.value.style.chart.layout.bars.sort === "desc", z.value.showTooltip = M.value.style.chart.tooltip.show, P.value = M.value.style.chart.width, F.value = M.value.style.chart.height, I.value = M.value.style.chart.layout.bars.gap;
+		}, { deep: !0 }), Je(() => E.dataset, (e) => {
+			Array.isArray(e) && e.length > 0 && (kn.value = !1);
 		}, { deep: !0 });
-		let { isPrinting: Ln, isImaging: Rn, generatePdf: zn, generateImage: Bn } = he({
+		let { isPrinting: Fn, isImaging: In, generatePdf: Ln, generateImage: Rn } = he({
 			elementId: `vue-ui-vertical-bar_${D.value}`,
 			fileName: M.value.style.chart.title.text || "vue-ui-vertical-bar",
 			options: M.value.userOptions.print
-		}), Vn = u(() => M.value.userOptions.show && !M.value.style.chart.title.text), Hn = u(() => s(M.value.customPalette)), Un = b(null), Wn = u(() => M.value.table.responsiveBreakpoint), Gn = u(() => !!M.value.debug), Kn = b(0), L = b(null), R = b(null);
-		function qn() {
+		}), zn = u(() => M.value.userOptions.show && !M.value.style.chart.title.text), Bn = u(() => s(M.value.customPalette)), Vn = b(null), Hn = u(() => M.value.table.responsiveBreakpoint), Un = u(() => !!M.value.debug), Wn = b(0), L = b(null), R = b(null);
+		function Gn() {
 			if (O.value && (ce(E.dataset) && (t({
 				componentName: "VueUiVerticalBar",
 				type: "dataset",
-				debug: Gn.value
-			}), en.value = !1, jn.value = !0), ce(E.dataset) || (jn.value = M.value.loading), M.value.responsive)) {
+				debug: Un.value
+			}), Qt.value = !1, kn.value = !0), ce(E.dataset) || (kn.value = M.value.loading), M.value.responsive)) {
 				let e = Te(() => {
 					let { width: e, height: t } = Ee({
 						chart: O.value,
-						title: M.value.style.chart.title.text ? on.value : null,
-						legend: M.value.style.chart.legend.show ? sn.value : null,
-						source: cn.value,
-						noTitle: ln.value
+						title: M.value.style.chart.title.text ? rn.value : null,
+						legend: M.value.style.chart.legend.show ? an.value : null,
+						source: on.value,
+						noTitle: sn.value
 					});
-					Kn.value = t / 3, requestAnimationFrame(async () => {
+					Wn.value = t / 3, requestAnimationFrame(async () => {
 						F.value = t, P.value = e;
 					});
 				});
-				L.value && (R.value && L.value.unobserve(R.value), L.value.disconnect()), L.value = new ResizeObserver(e), Be(() => {
+				L.value && (R.value && L.value.unobserve(R.value), L.value.disconnect()), L.value = new ResizeObserver(e), Ve(() => {
 					R.value = O.value?.parentNode, R.value && L.value.observe(R.value);
 				});
 			}
 		}
-		Ve(() => {
+		He(() => {
 			L.value && (R.value && L.value.unobserve(R.value), L.value.disconnect());
 		});
 		let z = b({
 			showTable: M.value.table.show,
 			sortDesc: M.value.style.chart.layout.bars.sort === "desc",
 			showTooltip: M.value.style.chart.tooltip.show
-		}), Jn = u(() => z.value.sortDesc), B = u(() => (An.value.forEach((e, n) => {
+		}), Kn = u(() => z.value.sortDesc), B = u(() => (On.value.forEach((e, n) => {
 			!e.value && !e.children && t({
 				componentName: "VueUiVerticalBar",
 				type: "datasetAttributeEmpty",
 				property: `value (index ${n})`,
-				debug: Gn.value
+				debug: Un.value
 			}), e.children && (ce(e.children) ? t({
 				componentName: "VueUiVerticalBar",
 				type: "datasetAttributeEmpty",
 				property: `children (index ${n})`,
-				debug: Gn.value
+				debug: Un.value
 			}) : e.children.forEach((e, n) => {
 				[null, void 0].includes(e.name) && t({
 					componentName: "VueUiVerticalBar",
@@ -380,10 +381,10 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 					property: "name",
 					key: "children",
 					index: n,
-					debug: Gn.value
+					debug: Un.value
 				});
 			}));
-		}), An.value.map((e, t) => {
+		}), On.value.map((e, t) => {
 			let n = `vertical_parent_${t}_${D.value}`, r = e.children && e.children.length > 0, i = c(e.value ? e.value : r ? e.children.map((e) => e.value || 0).reduce((e, t) => e + t, 0) : 0), o = i >= 0 ? 1 : -1;
 			return {
 				...e,
@@ -397,8 +398,8 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				isChild: !1,
 				segregate: () => J(n),
 				isSegregated: k.value.includes(n),
-				color: ae(e.color) || Hn.value[t] || a[t] || a[t % a.length],
-				children: !e.children || !e.children.length ? [] : e.children.toSorted(vn.value ? () => 0 : (e, t) => Jn.value ? t.value - e.value : e.value - t.value).map((r, s) => ({
+				color: ae(e.color) || Bn.value[t] || a[t] || a[t % a.length],
+				children: !e.children || !e.children.length ? [] : e.children.toSorted(gn.value ? () => 0 : (e, t) => Kn.value ? t.value - e.value : e.value - t.value).map((r, s) => ({
 					...r,
 					value: c(Math.abs(r.value)),
 					absoluteIndex: t,
@@ -410,14 +411,14 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 					parentSign: o,
 					id: `vertical_child_${t}_${s}_${D.value}`,
 					childIndex: s,
-					color: ae(r.color) || ae(e.color) || Hn.value[t] || a[t] || a[t % a.length]
+					color: ae(r.color) || ae(e.color) || Bn.value[t] || a[t] || a[t % a.length]
 				})).map((t, n) => ({
 					...t,
 					isFirstChild: n === 0,
 					isLastChild: n === e.children.length - 1
 				}))
 			};
-		}).toSorted(vn.value ? () => 0 : (e, t) => Jn.value ? t.value - e.value : e.value - t.value))), V = u(() => B.value.filter((e) => !k.value.includes(e.id))), H = u(() => V.value.flatMap((e) => e.hasChildren ? e.children : e)), Yn = u(() => B.value.flatMap((e) => e.hasChildren ? e.children : e)), Xn = u(() => V.value.flatMap((e) => e.children && e.children.length > 0 ? e.children.length : 1).reduce((e, t) => e + t, 0)), Zn = u(() => ({
+		}).toSorted(gn.value ? () => 0 : (e, t) => Kn.value ? t.value - e.value : e.value - t.value))), V = u(() => B.value.filter((e) => !k.value.includes(e.id))), H = u(() => V.value.flatMap((e) => e.hasChildren ? e.children : e)), qn = u(() => B.value.flatMap((e) => e.hasChildren ? e.children : e)), Jn = u(() => V.value.flatMap((e) => e.children && e.children.length > 0 ? e.children.length : 1).reduce((e, t) => e + t, 0)), Yn = u(() => ({
 			cy: "vertical-bar-div-legend",
 			backgroundColor: M.value.style.chart.legend.backgroundColor,
 			color: M.value.style.chart.legend.color,
@@ -431,7 +432,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 			}), e;
 		}), G = u(() => {
 			let e = Math.max(0, ...W.value) * U.value;
-			return (F.value - 24 - (Xn.value - 1) * I.value - e) / Xn.value;
+			return (F.value - 24 - (Jn.value - 1) * I.value - e) / Jn.value;
 		}), K = u(() => ({
 			width: P.value,
 			height: F.value,
@@ -441,38 +442,38 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				right: 64 + M.value.style.chart.layout.bars.paddingRight,
 				bottom: 12
 			}
-		})), Qn = b(0);
-		function $n() {
-			Be(() => {
-				if (!gn.value) {
-					Qn.value = 0;
+		})), Xn = b(0);
+		function Zn() {
+			Ve(() => {
+				if (!mn.value) {
+					Xn.value = 0;
 					return;
 				}
-				Qn.value = Array.from(gn.value.querySelectorAll("text")).reduce((e, t) => {
+				Xn.value = Array.from(mn.value.querySelectorAll("text")).reduce((e, t) => {
 					let n = t.getBBox?.().width ?? t.getComputedTextLength();
 					return n > e ? n : e;
 				}, 0) + 12;
 			});
 		}
-		qe(() => [
+		Je(() => [
 			H.value,
 			P.value,
 			F.value,
 			M.value.style.chart.layout.bars.nameLabels,
 			M.value.style.chart.layout.bars.offsetX
-		], () => $n(), { deep: !0 }), He(() => {
-			$n();
+		], () => Zn(), { deep: !0 }), Ue(() => {
+			Zn();
 		});
-		function er() {
-			Be(() => {
-				yn.value = 0, bn.value = 0, requestAnimationFrame(() => {
-					if (!xn.value) {
-						yn.value = 0, bn.value = 0;
+		function Qn() {
+			Ve(() => {
+				_n.value = 0, vn.value = 0, requestAnimationFrame(() => {
+					if (!yn.value) {
+						_n.value = 0, vn.value = 0;
 						return;
 					}
-					let e = Array.from(xn.value.querySelectorAll("text"));
+					let e = Array.from(yn.value.querySelectorAll("text"));
 					if (!e.length) {
-						yn.value = 0, bn.value = 0;
+						_n.value = 0, vn.value = 0;
 						return;
 					}
 					let t = Infinity, n = 0;
@@ -481,17 +482,17 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 						i < t && (t = i), a > n && (n = a);
 					});
 					let r = P.value, i = Math.max(0, 0 - t + 24), a = Math.max(0, n - r + 24);
-					bn.value = i, yn.value = a;
+					vn.value = i, _n.value = a;
 				});
 			});
 		}
-		qe(k, () => er(), { deep: !0 }), qe(() => [
+		Je(k, () => Qn(), { deep: !0 }), Je(() => [
 			H.value,
 			P.value,
 			F.value
-		], () => er(), { deep: !0 }), He(() => er());
+		], () => Qn(), { deep: !0 }), Ue(() => Qn());
 		let q = u(() => {
-			let e = Qn.value + Math.abs(M.value.style.chart.layout.bars.nameLabels.offsetX) + bn.value + M.value.style.chart.layout.bars.offsetX, t = K.value.width - K.value.padding.right, n = Math.max(0, t - e - yn.value - bn.value - M.value.style.chart.layout.bars.offsetX);
+			let e = Xn.value + Math.abs(M.value.style.chart.layout.bars.nameLabels.offsetX) + vn.value + M.value.style.chart.layout.bars.offsetX, t = K.value.width - K.value.padding.right, n = Math.max(0, t - e - _n.value - vn.value - M.value.style.chart.layout.bars.offsetX);
 			return {
 				top: K.value.padding.top,
 				bottom: K.value.padding.top + K.value.height,
@@ -501,10 +502,10 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				fullHeight: K.value.padding.top + K.value.padding.bottom + K.value.height
 			};
 		});
-		function tr() {
+		function $n() {
 			k.value.length ? k.value = [] : B.value.forEach((e) => {
 				k.value.push(e.id);
-			}), er(), En("selectLegend", V.value);
+			}), Qn(), wn("selectLegend", V.value);
 		}
 		async function J(e) {
 			if (k.value.includes(e)) k.value = k.value.filter((t) => t !== e);
@@ -512,36 +513,36 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				if (k.value.length === B.value.length - 1) return;
 				k.value.push(e);
 			}
-			En("selectLegend", V.value), er();
+			wn("selectLegend", V.value), Qn();
 		}
-		function nr(e) {
+		function er(e) {
 			return B.value.length ? B.value.find((t) => t.name === e) || (M.value.debug && console.warn(`VueUiHorizontalBar - Series name not found "${e}"`), null) : (M.value.debug && console.warn("VueUiHorizontalBar - There are no series to show."), null);
 		}
-		function rr(e) {
-			let t = nr(e);
+		function tr(e) {
+			let t = er(e);
 			t !== null && k.value.includes(t.id) && J(t.id);
 		}
-		function ir(e) {
-			let t = nr(e);
+		function nr(e) {
+			let t = er(e);
 			t !== null && (k.value.includes(t.id) || J(t.id));
 		}
 		let Y = u(() => V.value.map((e) => Math.abs(e.value)).reduce((e, t) => e + t, 0));
-		function ar(e, t = !1, n = 0) {
+		function rr(e, t = !1, n = 0) {
 			return t ? r({
 				v: c(Math.abs(e) / Y.value * 100),
 				s: "%",
 				r: n
 			}) : Math.abs(e) / Y.value;
 		}
-		let X = u(() => H.value.map((e) => e.sign).includes(-1)), or = u(() => Math.max(...V.value.flatMap((e) => e.children && e.children.length ? Math.max(...e.children.map((e) => e.value)) : e.value)));
+		let X = u(() => H.value.map((e) => e.sign).includes(-1)), ir = u(() => Math.max(...V.value.flatMap((e) => e.children && e.children.length ? Math.max(...e.children.map((e) => e.value)) : e.value)));
 		function Z(e) {
-			let t = e / or.value;
+			let t = e / ir.value;
 			return c(q.value.width / (X.value ? 2 : 1) * t);
 		}
-		function sr(e) {
+		function ar(e) {
 			return Z(e) + q.value.left;
 		}
-		function cr(e, t) {
+		function or(e, t) {
 			let n = V.value.find((t) => t.id === e.parentId);
 			return {
 				y: q.value.top + (I.value + G.value) * t + W.value[t] * U.value - U.value + M.value.style.chart.layout.bars.parentLabels.fontSize,
@@ -551,56 +552,56 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 					NaN,
 					null
 				].includes(n.value) ? "" : n.sign === 1 ? n.value : -n.value,
-				percentageToTotal: isNaN(n.value / Y.value) ? "" : ar(n.value, !0, M.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage),
+				percentageToTotal: isNaN(n.value / Y.value) ? "" : rr(n.value, !0, M.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage),
 				sign: n.sign
 			};
 		}
-		function lr() {
+		function sr() {
 			return V.value;
 		}
-		function ur(e, t) {
-			return cr(e, t).name;
+		function cr(e, t) {
+			return or(e, t).name;
 		}
-		function dr(e, t) {
-			let n = cr(e, t);
-			return vr(n.value, n, t, e.parentSign || e.sign);
+		function lr(e, t) {
+			let n = or(e, t);
+			return gr(n.value, n, t, e.parentSign || e.sign);
 		}
-		let fr = b(null), pr = b(null);
-		function mr({ datapoint: e, seriesIndex: t }) {
-			En("selectDatapoint", e), M.value.events.datapointClick && M.value.events.datapointClick({
+		let ur = b(null), dr = b(null);
+		function fr({ datapoint: e, seriesIndex: t }) {
+			wn("selectDatapoint", e), M.value.events.datapointClick && M.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function hr({ datapoint: e, seriesIndex: t }) {
+		function pr({ datapoint: e, seriesIndex: t }) {
 			M.value.events.datapointLeave && M.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
-			}), rn.value = null, tn.value = !1, fr.value = null, j.value === t && (j.value = null);
+			}), tn.value = null, $t.value = !1, ur.value = null, j.value === t && (j.value = null);
 		}
-		function gr(e, t, n = "pointer") {
-			Tn.value = n, M.value.events.datapointEnter && M.value.events.datapointEnter({
+		function mr(e, t, n = "pointer") {
+			Cn.value = n, M.value.events.datapointEnter && M.value.events.datapointEnter({
 				datpoint: e,
 				seriesIndex: t
-			}), j.value = t, rn.value = e, pr.value = {
+			}), j.value = t, tn.value = e, dr.value = {
 				datapoint: e,
 				seriesIndex: t,
 				series: B.value,
 				config: M.value
-			}, tn.value = !0, fr.value = e.id;
+			}, $t.value = !0, ur.value = e.id;
 			let i = "", a = e.isChild ? e.parentName : e.name, o = e.isChild ? e.name : "", s = M.value.style.chart.tooltip.customFormat;
 			fe(s) && le(() => s({
 				datapoint: e,
 				series: B.value,
 				config: M.value,
 				seriesIndex: t
-			})) ? nn.value = s({
+			})) ? en.value = s({
 				datapoint: e,
 				series: B.value,
 				config: M.value,
 				seriesIndex: t
 			}) : (i += `<div style="width:100%;text-align:center;border-bottom:1px solid ${M.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;text-align:left;">
-                <div style="display:flex;align-items:center;gap:4px;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" rx="5" stroke="none" fill="${e.color}"/>${$t.pattern ? `<rect x="0" y="0" height="60" width="60" rx="5" stroke="none" fill="url(#pattern_${D.value}_${e.absoluteIndex})"/>` : ""}</svg> ${a}</div>
+                <div style="display:flex;align-items:center;gap:4px;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" rx="5" stroke="none" fill="${e.color}"/>${Zt.pattern ? `<rect x="0" y="0" height="60" width="60" rx="5" stroke="none" fill="url(#pattern_${D.value}_${e.absoluteIndex})"/>` : ""}</svg> ${a}</div>
                 ${o ? `<div>${o}</div>` : ""}
             </div>`, M.value.style.chart.tooltip.showValue && (i += `<div>${M.value.translations.value}: <b>${se(M.value.style.chart.layout.bars.dataLabels.value.formatter, e.sign === 1 ? e.value : -e.value, r({
 				p: M.value.style.chart.tooltip.prefix,
@@ -618,9 +619,9 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				v: Math.abs(e.value) / Math.abs(e.parentValue) * 100,
 				s: "%",
 				r: M.value.style.chart.tooltip.roundingPercentage
-			})}</b></div>`)), nn.value = `<div style="text-align:left">${i}</div>`);
+			})}</b></div>`)), en.value = `<div style="text-align:left">${i}</div>`);
 		}
-		function _r({ legend: e, index: t }) {
+		function hr({ legend: e, index: t }) {
 			let n = M.value.style.chart.legend;
 			return n.showValue ? `${e.name}: ${se(M.value.style.chart.layout.bars.dataLabels.value.formatter, e.value, r({
 				p: n.prefix,
@@ -632,7 +633,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				seriesIndex: t
 			})}` : e.name;
 		}
-		function vr(e, t, n, i) {
+		function gr(e, t, n, i) {
 			if (!M.value.style.chart.layout.bars.dataLabels.value.show) return "";
 			let a = se(M.value.style.chart.layout.bars.dataLabels.value.formatter, c(i === -1 && e >= 0 ? -e : e), r({
 				p: M.value.style.chart.layout.bars.dataLabels.value.prefix,
@@ -642,7 +643,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 			}), {
 				datapoint: t,
 				seriesIndex: n
-			}), o = `(${ar(e, !0, M.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})`;
+			}), o = `(${rr(e, !0, M.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})`;
 			return `${a}${M.value.style.chart.layout.bars.dataLabels.percentage.show ? ` ${o}` : ""}`;
 		}
 		let Q = u(() => ({
@@ -684,7 +685,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				childPercentageToTotal: ""
 			})
 		}));
-		function yr(e = null) {
+		function _r(e = null) {
 			let t = [
 				[M.value.style.chart.title.text],
 				[M.value.style.chart.title.subtitle.text],
@@ -704,13 +705,13 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 			});
 		}
 		let $ = b(!1);
-		function br(e) {
-			$.value = e, an.value += 1;
+		function vr(e) {
+			$.value = e, nn.value += 1;
 		}
-		function xr() {
+		function yr() {
 			z.value.showTable = !z.value.showTable;
 		}
-		He(() => {
+		Ue(() => {
 			[
 				"none",
 				"asc",
@@ -720,22 +721,22 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				type: "attributeWrongValue",
 				property: "style.chart.layout.bars.sort",
 				key: M.value.style.chart.layout.bars.sort
-			}), A.value = _n.value[M.value.style.chart.layout.bars.sort], z.value.sortDesc = A.value === 2, vn.value = A.value === 0;
+			}), A.value = hn.value[M.value.style.chart.layout.bars.sort], z.value.sortDesc = A.value === 2, gn.value = A.value === 0;
 		});
-		function Sr() {
+		function br() {
 			A.value += 1, A.value > 2 && (A.value = 0);
 		}
-		function Cr() {
-			Sr(), z.value.sortDesc = A.value === 2, vn.value = A.value === 0;
+		function xr() {
+			br(), z.value.sortDesc = A.value === 2, gn.value = A.value === 0;
 		}
-		function wr() {
+		function Sr() {
 			z.value.showTooltip = !z.value.showTooltip;
 		}
-		let Tr = b(!1);
-		function Er() {
-			Tr.value = !Tr.value;
+		let Cr = b(!1);
+		function wr() {
+			Cr.value = !Cr.value;
 		}
-		async function Dr({ scale: e = 2 } = {}) {
+		async function Tr({ scale: e = 2 } = {}) {
 			if (!O.value) return;
 			let { width: t, height: n } = O.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await xe({
 				domElement: O.value,
@@ -752,10 +753,10 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				aspectRatio: r
 			};
 		}
-		let Or = u(() => {
+		let Er = u(() => {
 			let e = M.value.table.useDialog && !M.value.table.show, t = z.value.showTable;
 			return {
-				component: e ? Yt : De,
+				component: e ? qt : Oe,
 				title: `${M.value.style.chart.title.text}${M.value.style.chart.title.subtitle.text ? `: ${M.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: M.value.table.th.backgroundColor,
@@ -783,14 +784,14 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				}
 			};
 		});
-		qe(() => z.value.showTable, (e) => {
-			M.value.table.show || (e && M.value.table.useDialog && pn.value ? pn.value.open() : "close" in pn.value && pn.value.close());
+		Je(() => z.value.showTable, (e) => {
+			M.value.table.show || (e && M.value.table.useDialog && dn.value ? dn.value.open() : "close" in dn.value && dn.value.close());
 		});
-		let { isResponsive: kr } = Me(Un, Wn);
-		function Ar() {
-			z.value.showTable = !1, mn.value && mn.value.setTableIconState(!1);
+		let { isResponsive: Dr } = Ne(Vn, Hn);
+		function Or() {
+			z.value.showTable = !1, fn.value && fn.value.setTableIconState(!1);
 		}
-		let jr = u(() => B.value.map((e, t) => ({
+		let kr = u(() => B.value.map((e, t) => ({
 			...e,
 			shape: "square",
 			display: `${e.name}: ${se(M.value.style.chart.layout.bars.dataLabels.value.formatter, e.value, r({
@@ -802,48 +803,48 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				datapoint: e,
 				seriesIndex: t
 			})}`
-		}))), Mr = u(() => M.value.style.chart.backgroundColor), Nr = u(() => M.value.style.chart.legend), { exportSvg: Pr, getSvg: Fr } = ve({
-			svg: Fn,
+		}))), Ar = u(() => M.value.style.chart.backgroundColor), jr = u(() => M.value.style.chart.legend), { exportSvg: Mr, getSvg: Nr } = ve({
+			svg: Nn,
 			title: u(() => M.value.style.chart.title),
-			legend: Nr,
-			legendItems: u(() => jr.value.map((e) => ({
+			legend: jr,
+			legendItems: u(() => kr.value.map((e) => ({
 				...e,
 				name: e.display
 			}))),
-			backgroundColor: Mr
+			backgroundColor: Ar
 		});
-		async function Ir({ isCb: e }) {
-			Cn.value = !0, await Be();
+		async function Pr({ isCb: e }) {
+			xn.value = !0, await Ve();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Fr();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Nr();
 					await Promise.resolve(M.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Pr());
+				} else await Promise.resolve(Mr());
 			} finally {
-				Cn.value = !1;
+				xn.value = !1;
 			}
 		}
-		function Lr(e) {
+		function Fr(e) {
 			if (e?.stage === "start") {
-				Sn.value = !0;
+				bn.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				Sn.value = !1;
+				bn.value = !1;
 				return;
 			}
-			Bn();
+			Rn();
 		}
-		function Rr() {
+		function Ir() {
 			console.warn("[autoSize]: this legacy method can be safely removed as it has no impact.");
 		}
-		async function zr() {
-			if (En("copyAlt", {
+		async function Lr() {
+			if (wn("copyAlt", {
 				config: M.value,
 				dataset: V.value
 			}), !M.value.userOptions.callbacks.altCopy) {
@@ -855,54 +856,54 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				dataset: V.value
 			}));
 		}
-		let Br = b(!1);
-		function Vr() {
-			j.value = null, Br.value = !0;
+		let Rr = b(!1);
+		function zr() {
+			j.value = null, Rr.value = !0;
 		}
-		function Hr() {
-			j.value = null, tn.value = !1, Br.value = !1;
+		function Br() {
+			j.value = null, $t.value = !1, Rr.value = !1;
 		}
-		function Ur() {
+		function Vr() {
 			if (j.value === null) return;
 			let e = H.value[j.value];
-			e && hr({
+			e && pr({
 				datapoint: e,
 				seriesIndex: j.value
-			}), j.value = null, Tn.value = "pointer";
+			}), j.value = null, Cn.value = "pointer";
 		}
-		function Wr(e) {
-			if (!Fn.value || Tr.value || document.activeElement !== Fn.value) return;
+		function Hr(e) {
+			if (!Nn.value || Cr.value || document.activeElement !== Nn.value) return;
 			let t = e.key === "ArrowRight" || e.key === "ArrowDown", n = e.key === "ArrowLeft" || e.key === "ArrowUp", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
 			let a = H.value.length;
 			if (!a) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
-				Ur();
+				Vr();
 				return;
 			}
 			if (r) {
 				if (j.value === null) return;
 				let e = H.value[j.value];
 				if (!e) return;
-				mr({
+				fr({
 					datapoint: e,
 					seriesIndex: j.value
 				});
 				return;
 			}
-			let o = j.value, s = rn.value ? H.value.findIndex((e) => e.id === rn.value.id) : null;
+			let o = j.value, s = tn.value ? H.value.findIndex((e) => e.id === tn.value.id) : null;
 			o !== null && o >= 0 && o < a ? t ? (o += 1, o >= a && (o = 0)) : n && (--o, o < 0 && (o = a - 1)) : s !== null && s >= 0 && s < a ? (o = t ? s + 1 : s - 1, o >= a && (o = 0), o < 0 && (o = a - 1)) : o = t ? 0 : a - 1;
 			let ee = H.value[o];
-			ee && (j.value = o, Gr(ee), gr(ee, o, "keyboard"));
+			ee && (j.value = o, Ur(ee), mr(ee, o, "keyboard"));
 		}
-		function Gr(e) {
+		function Ur(e) {
 			if (!e) return;
 			let t = q.value.right, n = q.value.top + (I.value + G.value) * e.absoluteIndex + W.value[e.absoluteIndex] * U.value;
 			if (!Number.isFinite(t) || !Number.isFinite(n)) return;
-			let r = ne(t, n, Fn.value);
-			r && (wn.value = r);
+			let r = ne(t, n, Nn.value);
+			r && (Sn.value = r);
 		}
-		let Kr = u(() => ({
+		let Wr = u(() => ({
 			head: Q.value.head,
 			body: Q.value.body.map((e) => [
 				e.parentName,
@@ -939,41 +940,41 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 			notice: M.value.a11y.translations.tableAvailable
 		}));
 		return we({
-			autoSize: Rr,
-			getData: lr,
-			getImage: Dr,
-			generatePdf: zn,
-			generateCsv: yr,
-			generateImage: Bn,
-			generateSvg: Ir,
-			hideSeries: ir,
-			showSeries: rr,
-			toggleTable: xr,
-			toggleSort: Cr,
-			toggleTooltip: wr,
-			toggleAnnotator: Er,
-			toggleFullscreen: br,
-			copyAlt: zr
+			autoSize: Ir,
+			getData: sr,
+			getImage: Tr,
+			generatePdf: Ln,
+			generateCsv: _r,
+			generateImage: Rn,
+			generateSvg: Pr,
+			hideSeries: nr,
+			showSeries: tr,
+			toggleTable: yr,
+			toggleSort: xr,
+			toggleTooltip: Sr,
+			toggleAnnotator: wr,
+			toggleFullscreen: vr,
+			copyAlt: Lr
 		}), (e, t) => (y(), p("div", {
 			class: g(`vue-data-ui-component vue-ui-vertical-bar ${$.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${M.value.useCssAnimation ? "" : "vue-ui-dna"} ${M.value.responsive ? "vue-ui-vertical-bar-autosize" : ""}`),
 			ref_key: "verticalBarChart",
 			ref: O,
 			id: `vue-ui-vertical-bar_${D.value}`,
 			style: v(`font-family:${M.value.style.fontFamily};width:100%; text-align:center;background:${M.value.style.chart.backgroundColor};height:100%`),
-			onMouseenter: t[3] ||= () => w(Nn)(!0),
-			onMouseleave: t[4] ||= () => w(Nn)(!1)
+			onMouseenter: t[3] ||= () => w(jn)(!0),
+			onMouseleave: t[4] ||= () => w(jn)(!1)
 		}, [
 			m("p", {
 				id: `chart-instructions-${D.value}`,
 				class: "sr-only"
-			}, C(M.value.a11y.translations.keyboardNavigation), 9, Ze),
-			Kr.value.body.length ? (y(), d(ke, {
+			}, C(M.value.a11y.translations.keyboardNavigation), 9, Qe),
+			Wr.value.body.length ? (y(), d(Ae, {
 				key: 0,
 				uid: D.value,
-				head: Kr.value.head,
-				body: Kr.value.body,
-				caption: Kr.value.caption,
-				notice: Kr.value.notice
+				head: Wr.value.head,
+				body: Wr.value.body,
+				caption: Wr.value.caption,
+				notice: Wr.value.notice
 			}, null, 8, [
 				"uid",
 				"head",
@@ -981,14 +982,14 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				"caption",
 				"notice"
 			])) : f("", !0),
-			M.value.userOptions.buttons.annotator ? (y(), d(w(Kt), {
+			M.value.userOptions.buttons.annotator ? (y(), d(w(Wt), {
 				key: 1,
-				svgRef: w(Fn),
+				svgRef: w(Nn),
 				backgroundColor: M.value.style.chart.backgroundColor,
 				color: M.value.style.chart.color,
-				active: Tr.value,
+				active: Cr.value,
 				isCursorPointer: N.value,
-				onClose: Er
+				onClose: wr
 			}, {
 				"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", _(h({ color: t })), void 0, !0)]),
@@ -1004,20 +1005,20 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				"active",
 				"isCursorPointer"
 			])) : f("", !0),
-			Vn.value ? (y(), p("div", {
+			zn.value ? (y(), p("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: ln,
+				ref: sn,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : f("", !0),
 			M.value.style.chart.title.text ? (y(), p("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: on,
+				ref: rn,
 				style: "width:100%;background:transparent;padding-bottom:12px"
 			}, [(y(), d(Se, {
-				key: `title_${un.value}`,
+				key: `title_${cn.value}`,
 				config: {
 					title: {
 						cy: "vertical-bar-div-title",
@@ -1029,14 +1030,14 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 					}
 				}
 			}, null, 8, ["config"]))], 512)) : f("", !0),
-			M.value.userOptions.show && en.value && (w(Pn) || w(Mn)) ? (y(), d(w(qt), {
+			M.value.userOptions.show && Qt.value && (w(Mn) || w(An)) ? (y(), d(w(Gt), {
 				ref_key: "userOptionsRef",
-				ref: mn,
+				ref: fn,
 				backgroundColor: M.value.style.chart.backgroundColor,
 				color: M.value.style.chart.color,
-				key: `user_options_${an.value}`,
-				isImaging: w(Rn),
-				isPrinting: w(Ln),
+				key: `user_options_${nn.value}`,
+				isImaging: w(In),
+				isPrinting: w(Fn),
 				uid: D.value,
 				hasTooltip: M.value.userOptions.buttons.tooltip && M.value.style.chart.tooltip.show,
 				hasPdf: M.value.userOptions.buttons.pdf,
@@ -1053,23 +1054,23 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				chartElement: O.value,
 				position: M.value.userOptions.position,
 				hasAnnotator: M.value.userOptions.buttons.annotator,
-				isAnnotation: Tr.value,
+				isAnnotation: Cr.value,
 				callbacks: M.value.userOptions.callbacks,
 				printScale: M.value.userOptions.print.scale,
 				tableDialog: M.value.table.useDialog,
 				isCursorPointer: N.value,
-				onToggleFullscreen: br,
-				onGeneratePdf: w(zn),
-				onGenerateCsv: yr,
-				onGenerateImage: Lr,
-				onGenerateSvg: Ir,
-				onToggleTable: xr,
-				onToggleSort: Cr,
-				onToggleTooltip: wr,
-				onToggleAnnotator: Er,
-				onCopyAlt: zr,
-				style: v({ visibility: w(Pn) ? w(Mn) ? "visible" : "hidden" : "visible" })
-			}, Fe({ _: 2 }, [
+				onToggleFullscreen: vr,
+				onGeneratePdf: w(Ln),
+				onGenerateCsv: _r,
+				onGenerateImage: Fr,
+				onGenerateSvg: Pr,
+				onToggleTable: yr,
+				onToggleSort: xr,
+				onToggleTooltip: Sr,
+				onToggleAnnotator: wr,
+				onCopyAlt: Lr,
+				style: v({ visibility: w(Mn) ? w(An) ? "visible" : "hidden" : "visible" })
+			}, Ie({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: T(({ isOpen: t, color: n }) => [S(e.$slots, "menuIcon", _(h({
@@ -1153,27 +1154,27 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 			M.value.style.chart.legend.show && M.value.style.chart.legend.position === "top" ? (y(), p("div", {
 				key: 5,
 				ref_key: "chartLegend",
-				ref: sn
-			}, [(y(), d(Ne, {
-				key: `legend_top_${dn.value}`,
+				ref: an
+			}, [(y(), d(Pe, {
+				key: `legend_top_${ln.value}`,
 				legendSet: B.value,
-				config: Zn.value,
+				config: Yn.value,
 				onClickMarker: t[0] ||= ({ legend: e }) => J(e.id)
-			}, Fe({
+			}, Ie({
 				item: T(({ legend: e, index: t }) => [m("div", {
 					onClick: (t) => J(e.id),
 					style: v(`opacity:${k.value.includes(e.id) ? .5 : 1}`)
-				}, C(_r({
+				}, C(hr({
 					legend: e,
 					index: t
-				})), 13, Qe)]),
-				legendToggle: T(() => [B.value.length > 2 && M.value.style.chart.legend.selectAllToggle.show && !w(kn) ? (y(), d(Oe, {
+				})), 13, $e)]),
+				legendToggle: T(() => [B.value.length > 2 && M.value.style.chart.legend.selectAllToggle.show && !w(Dn) ? (y(), d(ke, {
 					key: 0,
 					backgroundColor: M.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: M.value.style.chart.legend.selectAllToggle.color,
 					fontSize: M.value.style.chart.legend.fontSize,
 					checked: k.value.length > 0,
-					onToggle: tr
+					onToggle: $n
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -1183,7 +1184,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				_: 2
 			}, [e.$slots.pattern ? {
 				name: "legend-pattern",
-				fn: T(({ legend: e, index: t }) => [Le(Ce, {
+				fn: T(({ legend: e, index: t }) => [Re(Ce, {
 					shape: e.shape,
 					radius: 30,
 					stroke: "none",
@@ -1195,9 +1196,9 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				}, null, 8, ["shape", "fill"])]),
 				key: "0"
 			} : void 0]), 1032, ["legendSet", "config"]))], 512)) : f("", !0),
-			m("div", $e, [(y(), p("svg", {
+			m("div", et, [(y(), p("svg", {
 				ref_key: "svgRef",
-				ref: Fn,
+				ref: Nn,
 				xmlns: w(ue),
 				class: g({
 					"vue-data-ui-fullscreen--on": $.value,
@@ -1207,15 +1208,15 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				style: v(`max-width:100%;overflow:visible;background:transparent;color:${M.value.style.chart.color}`),
 				tabindex: "0",
 				"aria-describedby": `chart-instructions-${D.value}`,
-				onFocus: Vr,
-				onBlur: Hr,
-				onKeydown: Wr
+				onFocus: zr,
+				onBlur: Br,
+				onKeydown: Hr
 			}, [m("g", {
 				ref_key: "G",
-				ref: fn,
+				ref: un,
 				class: "vue-data-ui-g"
 			}, [
-				Le(w(Jt)),
+				Re(w(Kt)),
 				e.$slots["chart-background"] ? (y(), p("foreignObject", {
 					key: 0,
 					x: 0,
@@ -1223,21 +1224,26 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 					width: P.value,
 					height: F.value,
 					style: { pointerEvents: "none" }
-				}, [S(e.$slots, "chart-background", {}, void 0, !0)], 8, tt)) : f("", !0),
-				(y(!0), p(l, null, x(H.value, (e, t) => (y(), p("linearGradient", {
+				}, [S(e.$slots, "chart-background", {}, void 0, !0)], 8, nt)) : f("", !0),
+				m("defs", null, [(y(!0), p(l, null, x(H.value, (e, t) => (y(), d(De, {
+					t: "linear",
 					x1: "0%",
 					y1: "0%",
 					x2: "100%",
 					y2: "0%",
-					id: `vertical_bar_gradient_${D.value}_${t}`
-				}, [m("stop", {
-					offset: "0%",
-					"stop-color": e.color
-				}, null, 8, rt), m("stop", {
-					offset: "100%",
-					"stop-color": w(o)(w(pe)(e.color, .03), 100 - M.value.style.chart.layout.bars.gradientIntensity)
-				}, null, 8, it)], 8, nt))), 256)),
-				e.$slots.pattern ? (y(), p("g", at, [(y(!0), p(l, null, x(H.value, (t) => (y(), p("defs", null, [S(e.$slots, "pattern", ze({ ref_for: !0 }, {
+					id: `vertical_bar_gradient_${D.value}_${t}`,
+					key: `vertical_bar_gradient_${D.value}_${t}`,
+					stops: [[
+						"0%",
+						e.color,
+						1
+					], [
+						"100%",
+						w(o)(w(pe)(e.color, .03), 100 - M.value.style.chart.layout.bars.gradientIntensity),
+						1
+					]]
+				}, null, 8, ["id", "stops"]))), 128))]),
+				e.$slots.pattern ? (y(), p("g", rt, [(y(!0), p(l, null, x(H.value, (t) => (y(), p("defs", null, [S(e.$slots, "pattern", Be({ ref_for: !0 }, {
 					seriesIndex: t.absoluteIndex,
 					patternId: `pattern_${D.value}_${t.absoluteIndex}`
 				}), void 0, !0)]))), 256))])) : f("", !0),
@@ -1249,7 +1255,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 					fill: M.value.style.chart.layout.bars.rowColor,
 					rx: M.value.style.chart.layout.bars.rowRadius,
 					style: { pointerEvents: "none" }
-				}, null, 8, ot)]))), 256)) : f("", !0),
+				}, null, 8, it)]))), 256)) : f("", !0),
 				(y(!0), p(l, null, x(H.value, (e, t) => (y(), p("g", null, [m("rect", {
 					x: w(c)(X.value ? q.value.left + q.value.width / 2 - (e.sign === 1 ? 0 : Z(e.value) <= 0 ? 1e-4 : Z(e.value)) : q.value.left),
 					y: q.value.top + (I.value + G.value) * t + W.value[t] * U.value,
@@ -1258,7 +1264,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 					fill: M.value.style.chart.layout.bars.underlayerColor,
 					rx: M.value.style.chart.layout.bars.borderRadius,
 					class: g({ animated: M.value.useCssAnimation })
-				}, null, 10, st)]))), 256)),
+				}, null, 10, at)]))), 256)),
 				(y(!0), p(l, null, x(H.value, (t, n) => (y(), p("g", null, [
 					m("rect", {
 						x: w(c)(X.value ? q.value.left + q.value.width / 2 - (t.sign === 1 ? 0 : Z(t.value) <= 0 ? 1e-4 : Z(t.value)) : q.value.left),
@@ -1270,7 +1276,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 						stroke: M.value.style.chart.layout.bars.useStroke ? t.color : "none",
 						"stroke-width": M.value.style.chart.layout.bars.useStroke ? M.value.style.chart.layout.bars.strokeWidth : 0,
 						class: g({ animated: M.value.useCssAnimation })
-					}, null, 10, ct),
+					}, null, 10, ot),
 					e.$slots.pattern ? (y(), p("rect", {
 						key: 0,
 						x: w(c)(X.value ? q.value.left + q.value.width / 2 - (t.sign === 1 ? 0 : Z(t.value) <= 0 ? 1e-4 : Z(t.value)) : q.value.left),
@@ -1282,7 +1288,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 						stroke: M.value.style.chart.layout.bars.useStroke ? t.color : "none",
 						"stroke-width": M.value.style.chart.layout.bars.useStroke ? M.value.style.chart.layout.bars.strokeWidth : 0,
 						class: g({ animated: M.value.useCssAnimation })
-					}, null, 10, lt)) : f("", !0),
+					}, null, 10, st)) : f("", !0),
 					(!t.isChild || t.isLastChild) && M.value.style.chart.layout.separators.show && n !== H.value.length - 1 ? (y(), p("line", {
 						key: 1,
 						x1: P.value,
@@ -1296,7 +1302,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 							transition: "none !important",
 							animation: "none !important"
 						}
-					}, null, 8, ut)) : f("", !0),
+					}, null, 8, ct)) : f("", !0),
 					X.value && M.value.style.chart.layout.separators.show ? (y(), p("line", {
 						key: 2,
 						x1: q.value.left + q.value.width / 2,
@@ -1306,17 +1312,17 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 						stroke: M.value.style.chart.layout.separators.color,
 						"stroke-width": M.value.style.chart.layout.separators.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, dt)) : f("", !0)
+					}, null, 8, lt)) : f("", !0)
 				]))), 256)),
 				m("g", {
 					ref_key: "parentLabels",
-					ref: hn
-				}, [(y(!0), p(l, null, x(H.value, (e, t) => (y(), p("g", ft, [
+					ref: pn
+				}, [(y(!0), p(l, null, x(H.value, (e, t) => (y(), p("g", ut, [
 					e.isChild && e.childIndex === 0 && M.value.style.chart.layout.bars.parentLabels.show ? (y(), p("rect", {
 						key: 0,
 						class: "vue-ui-horizontal-bar-parent-marker",
 						x: 2,
-						y: cr(e, t).y - M.value.style.chart.layout.bars.parentLabels.fontSize / 1.5,
+						y: or(e, t).y - M.value.style.chart.layout.bars.parentLabels.fontSize / 1.5,
 						height: M.value.style.chart.layout.bars.parentLabels.fontSize / 1.5,
 						width: M.value.style.chart.layout.bars.parentLabels.fontSize / 1.5,
 						rx: 1,
@@ -1325,38 +1331,38 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 							animation: "none !important",
 							transition: "none !important"
 						}
-					}, null, 8, pt)) : f("", !0),
+					}, null, 8, dt)) : f("", !0),
 					e.isChild && e.childIndex === 0 && M.value.style.chart.layout.bars.parentLabels.show ? (y(), p("text", {
 						key: 1,
-						y: cr(e, t).y,
+						y: or(e, t).y,
 						"font-size": M.value.style.chart.layout.bars.parentLabels.fontSize,
 						fill: M.value.style.chart.layout.bars.parentLabels.color,
 						x: M.value.style.chart.layout.bars.parentLabels.offsetX + M.value.style.chart.layout.bars.parentLabels.fontSize,
 						"font-weight": M.value.style.chart.layout.bars.parentLabels.bold ? "bold" : "normal",
 						"text-anchor": "start",
 						innerHTML: w(te)({
-							content: `${ur(e, t)}`,
+							content: `${cr(e, t)}`,
 							fontSize: M.value.style.chart.layout.bars.parentLabels.fontSize,
 							fill: M.value.style.chart.layout.bars.parentLabels.color,
 							x: M.value.style.chart.layout.bars.parentLabels.offsetX + M.value.style.chart.layout.bars.parentLabels.fontSize,
-							y: cr(e, t).y,
+							y: or(e, t).y,
 							translateY: !1
 						})
-					}, null, 8, mt)) : f("", !0),
+					}, null, 8, ft)) : f("", !0),
 					e.isChild && e.childIndex === 0 && M.value.style.chart.layout.bars.parentLabels.show ? (y(), p("text", {
 						key: 2,
-						y: cr(e, t).y + w(de)(ur(e, t)) * M.value.style.chart.layout.bars.parentLabels.fontSize * 1.1,
+						y: or(e, t).y + w(de)(cr(e, t)) * M.value.style.chart.layout.bars.parentLabels.fontSize * 1.1,
 						"font-size": M.value.style.chart.layout.bars.parentLabels.fontSize,
 						fill: M.value.style.chart.layout.bars.parentLabels.color,
 						x: M.value.style.chart.layout.bars.parentLabels.offsetX + M.value.style.chart.layout.bars.parentLabels.fontSize,
 						"font-weight": M.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal",
 						"text-anchor": "start"
-					}, C(dr(e, t)), 9, ht)) : f("", !0)
+					}, C(lr(e, t)), 9, pt)) : f("", !0)
 				]))), 256))], 512),
 				m("g", {
 					ref_key: "childLabels",
-					ref: gn
-				}, [(y(!0), p(l, null, x(Yn.value, (e, t) => (y(), p("g", gt, [(e.isChild || !e.hasChildren) && M.value.style.chart.layout.bars.nameLabels.show ? (y(), p("text", {
+					ref: mn
+				}, [(y(!0), p(l, null, x(qn.value, (e, t) => (y(), p("g", mt, [(e.isChild || !e.hasChildren) && M.value.style.chart.layout.bars.nameLabels.show ? (y(), p("text", {
 					key: 0,
 					"text-anchor": "start",
 					x: Math.abs(M.value.style.chart.layout.bars.nameLabels.offsetX),
@@ -1373,8 +1379,8 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 						y: w(c)(q.value.top + (I.value + G.value) * t + G.value / 2 + M.value.style.chart.layout.bars.nameLabels.fontSize / 2 + W.value[t] * U.value),
 						translateY: !0
 					})
-				}, null, 8, _t)) : f("", !0)]))), 256))], 512),
-				m("g", null, [(y(!0), p(l, null, x(H.value, (e, t) => (y(), p("g", vt, [(e.isChild || !e.hasChildren) && M.value.style.chart.layout.bars.nameLabels.show ? (y(), p("text", {
+				}, null, 8, ht)) : f("", !0)]))), 256))], 512),
+				m("g", null, [(y(!0), p(l, null, x(H.value, (e, t) => (y(), p("g", gt, [(e.isChild || !e.hasChildren) && M.value.style.chart.layout.bars.nameLabels.show ? (y(), p("text", {
 					key: 0,
 					"text-anchor": "end",
 					x: q.value.left + M.value.style.chart.layout.bars.nameLabels.offsetX - 6,
@@ -1390,71 +1396,71 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 						y: q.value.top + (I.value + G.value) * t + G.value / 2 + M.value.style.chart.layout.bars.nameLabels.fontSize / 3 + W.value[t] * U.value,
 						translateY: !0
 					})
-				}, null, 8, yt)) : f("", !0)]))), 256))]),
+				}, null, 8, _t)) : f("", !0)]))), 256))]),
 				m("g", {
 					ref_key: "dataLabels",
-					ref: xn
-				}, [(y(!0), p(l, null, x(H.value, (e, t) => (y(), p("g", bt, [m("text", {
-					x: X.value ? q.value.left + q.value.width / 2 + (e.sign === 1 ? -12 : 12) + (e.sign === 1 ? -M.value.style.chart.layout.bars.dataLabels.offsetX : M.value.style.chart.layout.bars.dataLabels.offsetX) : Math.min(sr(e.value) + 3 + M.value.style.chart.layout.bars.dataLabels.offsetX, q.value.right - 2),
+					ref: yn
+				}, [(y(!0), p(l, null, x(H.value, (e, t) => (y(), p("g", vt, [m("text", {
+					x: X.value ? q.value.left + q.value.width / 2 + (e.sign === 1 ? -12 : 12) + (e.sign === 1 ? -M.value.style.chart.layout.bars.dataLabels.offsetX : M.value.style.chart.layout.bars.dataLabels.offsetX) : Math.min(ar(e.value) + 3 + M.value.style.chart.layout.bars.dataLabels.offsetX, q.value.right - 2),
 					y: q.value.top + (I.value + G.value) * t + G.value / 2 + W.value[t] * U.value + M.value.style.chart.layout.bars.dataLabels.fontSize / 3,
 					"text-anchor": !X.value || e.sign === -1 ? "start" : "end",
 					"font-size": M.value.style.chart.layout.bars.dataLabels.fontSize,
 					fill: M.value.style.chart.layout.bars.dataLabels.color,
 					"font-weight": M.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal"
-				}, C(vr(e.value, e, t, e.sign)), 9, xt)]))), 256))], 512),
+				}, C(gr(e.value, e, t, e.sign)), 9, yt)]))), 256))], 512),
 				(y(!0), p(l, null, x(H.value, (e, t) => (y(), p("g", null, [m("rect", {
 					x: 0,
 					y: q.value.top + (I.value + G.value) * t - I.value / 2 + W.value[t] * U.value,
 					width: P.value,
 					height: G.value + I.value <= 0 ? 1e-4 : G.value + I.value,
-					fill: fr.value === e.id ? w(o)(M.value.style.chart.layout.highlighter.color, M.value.style.chart.layout.highlighter.opacity) : "transparent",
-					onMouseenter: (n) => gr(e, t, "pointer"),
-					onMouseleave: (n) => hr({
+					fill: ur.value === e.id ? w(o)(M.value.style.chart.layout.highlighter.color, M.value.style.chart.layout.highlighter.opacity) : "transparent",
+					onMouseenter: (n) => mr(e, t, "pointer"),
+					onMouseleave: (n) => pr({
 						datapoint: e,
 						seriesIndex: t
 					}),
-					onClick: (n) => mr({
+					onClick: (n) => fr({
 						datapoint: e,
 						seriesIndex: t
 					})
-				}, null, 40, St)]))), 256)),
+				}, null, 40, bt)]))), 256)),
 				S(e.$slots, "svg", { svg: {
 					...K.value,
 					drawingArea: q.value,
-					isPrintingImg: w(Ln) || w(Rn) || Sn.value,
-					isPrintingSvg: Cn.value
+					isPrintingImg: w(Fn) || w(In) || bn.value,
+					isPrintingSvg: xn.value
 				} }, void 0, !0)
-			], 512)], 46, et)), e.$slots.hint ? (y(), p("div", Ct, [S(e.$slots, "hint", _(h({
+			], 512)], 46, tt)), e.$slots.hint ? (y(), p("div", xt, [S(e.$slots, "hint", _(h({
 				hint: M.value.a11y.translations.keyboardNavigation,
-				isVisible: Br.value
+				isVisible: Rr.value
 			})), void 0, !0)])) : f("", !0)]),
-			e.$slots.watermark ? (y(), p("div", wt, [S(e.$slots, "watermark", _(h({ isPrinting: w(Ln) || w(Rn) || Sn.value || Cn.value })), void 0, !0)])) : f("", !0),
+			e.$slots.watermark ? (y(), p("div", St, [S(e.$slots, "watermark", _(h({ isPrinting: w(Fn) || w(In) || bn.value || xn.value })), void 0, !0)])) : f("", !0),
 			M.value.style.chart.legend.show && M.value.style.chart.legend.position === "bottom" ? (y(), p("div", {
 				key: 7,
 				ref_key: "chartLegend",
-				ref: sn
-			}, [(y(), d(Ne, {
-				key: `legend_bottom_${dn.value}`,
+				ref: an
+			}, [(y(), d(Pe, {
+				key: `legend_bottom_${ln.value}`,
 				legendSet: B.value,
-				config: Zn.value,
+				config: Yn.value,
 				isCursorPointer: N.value,
 				onClickMarker: t[1] ||= ({ legend: e }) => J(e.id)
-			}, Fe({
+			}, Ie({
 				item: T(({ legend: e, index: t }) => [m("div", {
 					onClick: (t) => J(e.id),
 					style: v(`opacity:${k.value.includes(e.id) ? .5 : 1}`)
-				}, C(_r({
+				}, C(hr({
 					legend: e,
 					index: t
-				})), 13, Tt)]),
-				legendToggle: T(() => [B.value.length > 2 && M.value.style.chart.legend.selectAllToggle.show && !w(kn) ? (y(), d(Oe, {
+				})), 13, Ct)]),
+				legendToggle: T(() => [B.value.length > 2 && M.value.style.chart.legend.selectAllToggle.show && !w(Dn) ? (y(), d(ke, {
 					key: 0,
 					backgroundColor: M.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: M.value.style.chart.legend.selectAllToggle.color,
 					fontSize: M.value.style.chart.legend.fontSize,
 					checked: k.value.length > 0,
 					isCursorPointer: N.value,
-					onToggle: tr
+					onToggle: $n
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -1465,7 +1471,7 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				_: 2
 			}, [e.$slots.pattern ? {
 				name: "legend-pattern",
-				fn: T(({ legend: e, index: t }) => [Le(Ce, {
+				fn: T(({ legend: e, index: t }) => [Re(Ce, {
 					shape: e.shape,
 					radius: 30,
 					stroke: "none",
@@ -1485,12 +1491,12 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 			e.$slots.source ? (y(), p("div", {
 				key: 8,
 				ref_key: "source",
-				ref: cn,
+				ref: on,
 				dir: "auto"
 			}, [S(e.$slots, "source", {}, void 0, !0)], 512)) : f("", !0),
-			Le(w(Wt), {
+			Re(w(Ht), {
 				teleportTo: M.value.style.chart.tooltip.teleportTo,
-				show: z.value.showTooltip && tn.value && k.value.length < E.dataset.length,
+				show: z.value.showTooltip && $t.value && k.value.length < E.dataset.length,
 				backgroundColor: M.value.style.chart.tooltip.backgroundColor,
 				color: M.value.style.chart.tooltip.color,
 				borderRadius: M.value.style.chart.tooltip.borderRadius,
@@ -1502,19 +1508,19 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				offsetX: M.value.style.chart.tooltip.offsetX,
 				offsetY: M.value.style.chart.tooltip.offsetY,
 				parent: O.value,
-				content: nn.value,
+				content: en.value,
 				isFullscreen: $.value,
 				isCustom: M.value.style.chart.tooltip.customFormat && typeof M.value.style.chart.tooltip.customFormat == "function",
 				smooth: M.value.style.chart.tooltip.smooth,
 				backdropFilter: M.value.style.chart.tooltip.backdropFilter,
 				smoothForce: M.value.style.chart.tooltip.smoothForce,
 				smoothSnapThreshold: M.value.style.chart.tooltip.smoothSnapThreshold,
-				isA11yMode: Tn.value === "keyboard",
-				a11yPosition: wn.value
+				isA11yMode: Cn.value === "keyboard",
+				a11yPosition: Sn.value
 			}, {
-				"tooltip-before": T(() => [S(e.$slots, "tooltip-before", _(h({ ...pr.value })), void 0, !0)]),
-				tooltip: T(() => [S(e.$slots, "tooltip", _(h({ ...pr.value })), void 0, !0)]),
-				"tooltip-after": T(() => [S(e.$slots, "tooltip-after", _(h({ ...pr.value })), void 0, !0)]),
+				"tooltip-before": T(() => [S(e.$slots, "tooltip-before", _(h({ ...dr.value })), void 0, !0)]),
+				tooltip: T(() => [S(e.$slots, "tooltip", _(h({ ...dr.value })), void 0, !0)]),
+				"tooltip-after": T(() => [S(e.$slots, "tooltip-after", _(h({ ...dr.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1540,24 +1546,24 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			en.value && M.value.userOptions.buttons.table ? (y(), d(Ue(Or.value.component), ze({ key: 9 }, Or.value.props, {
+			Qt.value && M.value.userOptions.buttons.table ? (y(), d(We(Er.value.component), Be({ key: 9 }, Er.value.props, {
 				ref_key: "tableUnit",
-				ref: pn,
-				onClose: Ar
-			}), Fe({
+				ref: dn,
+				onClose: Or
+			}), Ie({
 				content: T(() => [m("div", {
 					ref_key: "tableContainer",
-					ref: Un,
+					ref: Vn,
 					class: "vue-ui-vertical-bar-table atom-data-table",
 					style: v(`${M.value.table.useDialog ? "" : "max-height: 300px; margin-top: 24px"}`)
-				}, [m("div", Et, [M.value.table.useDialog ? f("", !0) : (y(), p("div", {
+				}, [m("div", wt, [M.value.table.useDialog ? f("", !0) : (y(), p("div", {
 					key: 0,
 					role: "button",
 					tabindex: "0",
 					style: v(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:${N.value ? "pointer" : "default"}; background:${M.value.table.th.backgroundColor};`),
-					onClick: Ar,
-					onKeypress: Je(Ar, ["enter"])
-				}, [Le(w(Gt), {
+					onClick: Or,
+					onKeypress: Ye(Or, ["enter"])
+				}, [Re(w(Ut), {
 					name: "close",
 					stroke: M.value.table.th.color,
 					"stroke-width": 2
@@ -1566,8 +1572,8 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 						width: "100%",
 						"container-type": "inline-size"
 					},
-					class: g({ "vue-ui-responsive": w(kr) })
-				}, [m("table", Dt, [
+					class: g({ "vue-ui-responsive": w(Dr) })
+				}, [m("table", Tt, [
 					M.value.table.useDialog ? f("", !0) : (y(), p("caption", {
 						key: 0,
 						style: v({
@@ -1576,11 +1582,11 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 							outline: M.value.table.th.outline
 						}),
 						class: "vue-ui-data-table__caption"
-					}, [Ie(C(M.value.style.chart.title.text) + " ", 1), M.value.style.chart.title.subtitle.text ? (y(), p("span", Ot, C(M.value.style.chart.title.subtitle.text), 1)) : f("", !0)], 4)),
+					}, [Le(C(M.value.style.chart.title.text) + " ", 1), M.value.style.chart.title.subtitle.text ? (y(), p("span", Et, C(M.value.style.chart.title.subtitle.text), 1)) : f("", !0)], 4)),
 					m("thead", null, [m("tr", {
 						role: "row",
 						style: v(`background:${M.value.table.th.backgroundColor};color:${M.value.table.th.color}`)
-					}, [(y(!0), p(l, null, x(Q.value.head, (e) => (y(), p("th", { style: v(`outline:${M.value.table.th.outline}`) }, [m("div", kt, C(e), 1)], 4))), 256))], 4), m("tr", null, [
+					}, [(y(!0), p(l, null, x(Q.value.head, (e) => (y(), p("th", { style: v(`outline:${M.value.table.th.outline}`) }, [m("div", Dt, C(e), 1)], 4))), 256))], 4), m("tr", null, [
 						m("th", { style: v(`background:${M.value.table.th.backgroundColor};color:${M.value.table.th.color};outline:${M.value.table.th.outline}`) }, null, 4),
 						m("th", { style: v(`background:${M.value.table.th.backgroundColor};color:${M.value.table.th.color};outline:${M.value.table.th.outline};text-align:right;padding-right:5px;font-weight:bold`) }, " ∑ " + C(M.value.table.td.prefix) + C(isNaN(Y.value) ? "" : Y.value.toFixed(M.value.table.td.roundingValue)) + C(M.value.table.td.suffix), 5),
 						m("th", { style: v(`background:${M.value.table.th.backgroundColor};color:${M.value.table.th.color};outline:${M.value.table.th.outline};text-align:right;padding-right:5px;font-weight:bold`) }, " 100% ", 4),
@@ -1601,83 +1607,83 @@ var Ye = /* @__PURE__ */ e({ default: () => Wt }), Xe = ["id"], Ze = ["id"], Qe
 							class: "vue-ui-data-table__tbody__td",
 							style: v(`outline:${M.value.table.td.outline};font-variant-numeric: tabular-nums;`),
 							"data-cell": Q.value.head[0] ?? ""
-						}, [m("div", jt, [e.color ? (y(), p("span", {
+						}, [m("div", kt, [e.color ? (y(), p("span", {
 							key: 0,
 							style: v(`color:${e.color};margin-right:3px`)
-						}, "⬤", 4)) : f("", !0), m("span", null, C(e.parentName), 1)])], 12, At),
+						}, "⬤", 4)) : f("", !0), m("span", null, C(e.parentName), 1)])], 12, Ot),
 						m("td", {
 							class: "vue-ui-data-table__tbody__td",
 							style: v(`outline:${M.value.table.td.outline}`),
 							"data-cell": Q.value.head[1] ?? ""
-						}, [m("div", Nt, C(M.value.table.td.prefix) + C([
+						}, [m("div", jt, C(M.value.table.td.prefix) + C([
 							"",
 							NaN,
 							void 0
-						].includes(e.parentValue) ? "" : e.parentValue.toFixed(M.value.table.td.roundingValue)) + C(M.value.table.td.suffix), 1)], 12, Mt),
+						].includes(e.parentValue) ? "" : e.parentValue.toFixed(M.value.table.td.roundingValue)) + C(M.value.table.td.suffix), 1)], 12, At),
 						m("td", {
 							class: "vue-ui-data-table__tbody__td",
 							style: v(`outline:${M.value.table.td.outline}`),
 							"data-cell": Q.value.head[2] ?? ""
-						}, [m("div", Ft, C([
+						}, [m("div", Nt, C([
 							"",
 							NaN,
 							void 0
-						].includes(e.percentageToTotal) ? "" : `${(e.percentageToTotal * 100).toFixed(M.value.table.td.roundingPercentage)}%`), 1)], 12, Pt),
+						].includes(e.percentageToTotal) ? "" : `${(e.percentageToTotal * 100).toFixed(M.value.table.td.roundingPercentage)}%`), 1)], 12, Mt),
 						m("td", {
 							class: "vue-ui-data-table__tbody__td",
 							style: v(`outline:${M.value.table.td.outline}`),
 							"data-cell": Q.value.head[3] ?? ""
-						}, [m("div", Lt, C(e.childName), 1)], 12, It),
+						}, [m("div", Ft, C(e.childName), 1)], 12, Pt),
 						m("td", {
 							class: "vue-ui-data-table__tbody__td",
 							style: v(`outline:${M.value.table.td.outline}`),
 							"data-cell": Q.value.head[4] ?? ""
-						}, [m("div", zt, C(M.value.table.td.prefix) + C([
+						}, [m("div", Lt, C(M.value.table.td.prefix) + C([
 							"",
 							NaN,
 							void 0
-						].includes(e.childValue) ? "" : e.childValue.toFixed(M.value.table.td.roundingValue)) + C(M.value.table.td.suffix), 1)], 12, Rt),
+						].includes(e.childValue) ? "" : e.childValue.toFixed(M.value.table.td.roundingValue)) + C(M.value.table.td.suffix), 1)], 12, It),
 						m("td", {
 							class: "vue-ui-data-table__tbody__td",
 							style: v(`outline:${M.value.table.td.outline}`),
 							"data-cell": Q.value.head[5] ?? ""
-						}, [m("div", Vt, C([
+						}, [m("div", zt, C([
 							"",
 							NaN,
 							void 0
-						].includes(e.childPercentageToParent) ? "" : `${(e.childPercentageToParent * 100).toFixed(M.value.table.td.roundingPercentage)}%`), 1)], 12, Bt),
+						].includes(e.childPercentageToParent) ? "" : `${(e.childPercentageToParent * 100).toFixed(M.value.table.td.roundingPercentage)}%`), 1)], 12, Rt),
 						m("td", {
 							class: "vue-ui-data-table__tbody__td",
 							style: v(`outline:${M.value.table.td.outline}`),
 							"data-cell": Q.value.head[6] ?? ""
-						}, [m("div", Ut, C([
+						}, [m("div", Vt, C([
 							"",
 							NaN,
 							void 0
-						].includes(e.childPercentageToTotal) ? "" : `${(e.childPercentageToTotal * 100).toFixed(M.value.table.td.roundingPercentage)}%`), 1)], 12, Ht)
+						].includes(e.childPercentageToTotal) ? "" : `${(e.childPercentageToTotal * 100).toFixed(M.value.table.td.roundingPercentage)}%`), 1)], 12, Bt)
 					], 6))), 256))])
 				])], 2)])], 4)]),
 				_: 2
 			}, [M.value.table.useDialog ? {
 				name: "title",
-				fn: T(() => [Ie(C(Or.value.title), 1)]),
+				fn: T(() => [Le(C(Er.value.title), 1)]),
 				key: "0"
 			} : void 0, M.value.table.useDialog ? {
 				name: "actions",
 				fn: T(() => [m("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[2] ||= (e) => yr(M.value.userOptions.callbacks.csv),
+					onClick: t[2] ||= (e) => _r(M.value.userOptions.callbacks.csv),
 					style: v({ cursor: N.value ? "pointer" : "default" })
-				}, [Le(w(Gt), {
+				}, [Re(w(Ut), {
 					name: "fileCsv",
-					stroke: Or.value.props.color
+					stroke: Er.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : f("", !0),
-			S(e.$slots, "skeleton", {}, () => [w(kn) ? (y(), d(_e, { key: 0 })) : f("", !0)], !0)
-		], 46, Xe));
+			S(e.$slots, "skeleton", {}, () => [w(Dn) ? (y(), d(_e, { key: 0 })) : f("", !0)], !0)
+		], 46, Ze));
 	}
-}, [["__scopeId", "data-v-790cf488"]]);
+}, [["__scopeId", "data-v-38d69caf"]]);
 //#endregion
-export { Ye as n, Wt as t };
+export { Xe as n, Ht as t };