vue-data-ui 3.26.5 → 3.27.0

package/dist/{vue-ui-timer-BULpjYiI.js → vue-ui-timer-BKr8RVnn.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { X as t, en as n, t as r } from "./lib-TWIH5fGr.js";
+import { X as t, t as n, tn as r } from "./lib-D4wK6ljP.js";
 import { n as i, t as a } from "./useHints-Dq_w2E8B.js";
-import { t as o } from "./useConfig-DObkR9Aa.js";
-import { t as s } from "./useNestedProp-BxOdWM0c.js";
-import { n as c } from "./Title-Bd98RysU.js";
+import { t as o } from "./useConfig-D_6ZrPMD.js";
+import { t as s } from "./useNestedProp-DR_8JPol.js";
+import { n as c } from "./Title-BMCuINbv.js";
 import { t as l } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ee, t as te } from "./useResponsive-ZtArZtUf.js";
-import { t as u } from "./BaseIcon-CIK6Sqo3.js";
+import { t as u } from "./BaseIcon-Cx9FD751.js";
 import { t as ne } from "./DefGrad-DVBqDjhO.js";
 import { t as re } from "./useChartAccessibility-DYqac8yF.js";
 import { computed as d, createBlock as ie, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineAsyncComponent as ae, guardReactiveProps as g, mergeProps as oe, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as se, onMounted as ce, openBlock as y, ref as b, renderSlot as x, shallowRef as le, toDisplayString as ue, unref as S, watch as de } from "vue";
@@ -103,7 +103,7 @@ var fe = class {
 		"lap"
 	],
 	setup(e, { expose: l, emit: C }) {
-		let w = ae(() => import("./PackageVersion-CslTvFsC.js").then((e) => e.t)), { vue_ui_timer: ke } = o(), T = e, E = C, D = b(null), O = b(null), k = b(null), A = le(null), j = le(null), M = b(t()), N = b(0);
+		let w = ae(() => import("./PackageVersion-D7H9nfK0.js").then((e) => e.t)), { vue_ui_timer: ke } = o(), T = e, E = C, D = b(null), O = b(null), k = b(null), A = le(null), j = le(null), M = b(t()), N = b(0);
 		ce(() => {
 			P();
 		});
@@ -116,19 +116,19 @@ var fe = class {
 						legend: k.value
 					});
 					requestAnimationFrame(() => {
-						B.value.width = e, B.value.height = t, F.value.responsiveProportionalSizing ? (B.value.tracker.core = n({
+						B.value.width = e, B.value.height = t, F.value.responsiveProportionalSizing ? (B.value.tracker.core = r({
 							relator: Math.min(e, t),
 							adjuster: F.value.style.width,
 							source: 6 * L.value.radiusRatio,
 							threshold: 1,
 							fallback: 1
-						}), B.value.tracker.aura = n({
+						}), B.value.tracker.aura = r({
 							relator: Math.min(e, t),
 							adjuster: F.value.style.width,
 							source: 12 * L.value.aura.radiusRatio,
 							threshold: 1,
 							fallback: 1
-						}), B.value.label = n({
+						}), B.value.label = r({
 							relator: Math.min(e, t),
 							adjuster: F.value.style.width,
 							source: I.value.label.fontSize,
@@ -263,7 +263,7 @@ var fe = class {
 			(y(), p("svg", {
 				ref_key: "svgRef",
 				ref: Ae,
-				xmlns: S(r),
+				xmlns: S(n),
 				viewBox: `0 0 ${B.value.width <= 0 ? 10 : B.value.width} ${B.value.height <= 0 ? 10 : B.value.height}`,
 				style: v({
 					maxWidth: "100%",

package/dist/{vue-ui-tiremarks-B7bTeU8h.js → vue-ui-tiremarks-BYu3cEoy.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Jt as n, Rt as r, X as i, at as a, b as o, i as s, t as c, tn as l } from "./lib-TWIH5fGr.js";
+import { $ as t, X as n, Yt as r, at as i, b as a, i as o, nn as s, t as c, zt as l } from "./lib-D4wK6ljP.js";
 import { n as ee, t as te } from "./useHints-Dq_w2E8B.js";
-import { t as ne } from "./useConfig-DObkR9Aa.js";
-import { t as re } from "./usePrinter-8Y1Rju0Y.js";
+import { t as ne } from "./useConfig-D_6ZrPMD.js";
+import { t as re } from "./usePrinter-DdW2GSm0.js";
 import { n as ie, t as ae } from "./BaseScanner-Dzc8VT3j.js";
-import { t as u } from "./useNestedProp-BxOdWM0c.js";
+import { t as u } from "./useNestedProp-DR_8JPol.js";
 import { t as oe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as se } from "./useChartExport-iwOqiIWX.js";
-import { t as ce } from "./img-KURaWjZI.js";
-import { n as le } from "./Title-Bd98RysU.js";
+import { t as ce } from "./img-Bb5rHcpO.js";
+import { n as le } from "./Title-BMCuINbv.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 xe, guardReactiveProps as h, normalizeClass as g, normalizeProps as _, normalizeStyle as v, onMounted as Se, openBlock as y, ref as b, renderList as Ce, renderSlot as x, toDisplayString as S, toRefs as we, unref as C, watch as Te, withCtx as w } from "vue";
+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, normalizeClass as _, normalizeProps as v, normalizeStyle as xe, onMounted as Se, openBlock as y, ref as b, renderList as Ce, renderSlot as x, toDisplayString as S, toRefs as we, unref as C, watch as Te, withCtx as w } from "vue";
 //#region src/components/vue-ui-tiremarks.vue
 var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 	"xmlns",
@@ -65,14 +65,14 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: ue, emit: Ee }) {
-		let T = xe(() => import("./PenAndPaper-C1EcBgJW.js").then((e) => e.t)), Be = xe(() => import("./UserOptions-B_yBcZ1-.js").then((e) => e.n)), Ve = xe(() => import("./PackageVersion-CslTvFsC.js").then((e) => e.t)), { vue_ui_tiremarks: He } = ne(), { isThemeValid: Ue, warnInvalidTheme: We } = oe(), E = he(), D = e, Ge = Ee, Ke = d(() => !!D.dataset && Object.keys(D.dataset).length), O = b(i()), k = b(null), qe = b(null), Je = b(null), Ye = b(null), Xe = b(0), Ze = b(0), A = b(null), j = b(null), M = b(B()), N = d(() => M.value.userOptions), P = d(() => M.value.style.chart.layout), F = d(() => M.value.style.chart);
+		let T = h(() => import("./PenAndPaper-CNiuGw6k.js").then((e) => e.t)), Be = h(() => import("./UserOptions-CORYQiif.js").then((e) => e.n)), Ve = h(() => import("./PackageVersion-D7H9nfK0.js").then((e) => e.t)), { vue_ui_tiremarks: He } = ne(), { isThemeValid: Ue, warnInvalidTheme: We } = oe(), E = he(), D = e, Ge = Ee, Ke = d(() => !!D.dataset && Object.keys(D.dataset).length), O = b(n()), k = b(null), qe = b(null), Je = b(null), Ye = b(null), Xe = b(0), Ze = b(0), A = b(null), j = b(null), M = b(B()), N = d(() => M.value.userOptions), P = d(() => M.value.style.chart.layout), F = d(() => M.value.style.chart);
 		ee({
 			config: () => M.value,
 			dataset: () => D.dataset,
 			component: "VueUiTiremarks",
 			rules: [te.noHint]
 		});
-		let Qe = d(() => M.value.userOptions.useCursorPointer), $e = d(() => l({
+		let Qe = d(() => M.value.userOptions.useCursorPointer), $e = d(() => s({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -91,7 +91,7 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 			FINAL_CONFIG: M,
 			prepareConfig: B,
 			skeletonDataset: D.config?.skeletonDataset ?? { percentage: 50 },
-			skeletonConfig: l({
+			skeletonConfig: s({
 				defaultConfig: M.value,
 				userConfig: $e.value
 			})
@@ -119,7 +119,7 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 			elementId: O.value,
 			fileName: F.value.title.text || "vue-ui-tiremarks",
 			options: M.value.userOptions.print
-		}), it = d(() => M.value.userOptions.show && !F.value.title.text), U = b(F.value.animation.use && !E.value ? 0 : o(L.value.percentage));
+		}), it = d(() => M.value.userOptions.show && !F.value.title.text), U = b(F.value.animation.use && !E.value ? 0 : a(L.value.percentage));
 		Te(() => L.value, (e) => {
 			F.value.animation.use && !E.value ? at(e.percentage) : U.value = e.percentage || 0;
 		}, { deep: !0 }), Se(() => {
@@ -134,7 +134,7 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 		}
 		let ot = d(() => M.value.debug);
 		function st() {
-			if (r(D.dataset) && a({
+			if (l(D.dataset) && i({
 				componentName: "VueUiTiremarks",
 				type: "dataset",
 				debug: ot.value
@@ -192,26 +192,26 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 		}), lt = d(() => {
 			let e = [];
 			for (let t = 0; t < 100; t += 1) {
-				let r = P.value.ticks.gradient.show ? n(P.value.activeColor, t / 100 * (P.value.ticks.gradient.shiftHueIntensity / 100)) : P.value.activeColor;
+				let n = P.value.ticks.gradient.show ? r(P.value.activeColor, t / 100 * (P.value.ticks.gradient.shiftHueIntensity / 100)) : P.value.activeColor;
 				if (W.value) {
-					let n = P.value.crescendo ? (100 - t) * (Y.value.width - G.value.left - G.value.right) / 100 / 3 : 0, i = G.value.left + 4 + n, a = Y.value.width - G.value.right - 4 - n, o = Y.value.height - G.value.bottom - t * X.value.mark - t * X.value.space - X.value.mark, s = Y.value.height - G.value.bottom - t * X.value.mark - t * X.value.space - X.value.mark, c = (a - i) / P.value.curveAngleX, l = P.value.curveAngleY * ((1 + t) / 100);
+					let r = P.value.crescendo ? (100 - t) * (Y.value.width - G.value.left - G.value.right) / 100 / 3 : 0, i = G.value.left + 4 + r, a = Y.value.width - G.value.right - 4 - r, o = Y.value.height - G.value.bottom - t * X.value.mark - t * X.value.space - X.value.mark, s = Y.value.height - G.value.bottom - t * X.value.mark - t * X.value.space - X.value.mark, c = (a - i) / P.value.curveAngleX, l = P.value.curveAngleY * ((1 + t) / 100);
 					e.push({
 						x1: i,
 						x2: a,
 						y1: o,
 						y2: s,
 						curve: `M ${i} ${o} C ${i + c} ${o - l}, ${a - c} ${s - l}, ${a} ${s}`,
-						color: r
+						color: n
 					});
 				} else {
-					let n = P.value.crescendo ? (100 - t) * (Y.value.height - G.value.top - G.value.bottom) / 100 / 3 : 0, i = G.value.left + t * X.value.mark + t * X.value.space - X.value.mark, a = i, o = G.value.top + 4 + n, s = Y.value.height - G.value.bottom - 4 - n, c = P.value.curveAngleY * ((1 + t) / 100), l = (s - o) / P.value.curveAngleX;
+					let r = P.value.crescendo ? (100 - t) * (Y.value.height - G.value.top - G.value.bottom) / 100 / 3 : 0, i = G.value.left + t * X.value.mark + t * X.value.space - X.value.mark, a = i, o = G.value.top + 4 + r, s = Y.value.height - G.value.bottom - 4 - r, c = P.value.curveAngleY * ((1 + t) / 100), l = (s - o) / P.value.curveAngleX;
 					e.push({
 						x1: i,
 						x2: a,
 						y1: o,
 						y2: s,
 						curve: `M ${i} ${o} C ${i + c} ${o + l}, ${a + c} ${s - l}, ${a} ${s}`,
-						color: r
+						color: n
 					});
 				}
 			}
@@ -273,7 +273,7 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 				dataset: L.value
 			}));
 		}
-		let bt = d(() => `${O.value}-title`), xt = d(() => `${O.value}-desc`), St = d(() => s(F.value.percentage.formatter, U.value, t({
+		let bt = d(() => `${O.value}-title`), xt = d(() => `${O.value}-desc`), St = d(() => o(F.value.percentage.formatter, U.value, t({
 			v: U.value,
 			s: "%",
 			r: F.value.percentage.rounding
@@ -289,8 +289,8 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 		}), (e, t) => (y(), m("div", {
 			ref_key: "tiremarksChart",
 			ref: k,
-			class: g(`vue-data-ui-component vue-ui-tiremarks ${M.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-			style: v(`font-family:${M.value.style.fontFamily};width:100%; text-align:center;background:${F.value.backgroundColor}`),
+			class: _(`vue-data-ui-component vue-ui-tiremarks ${M.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			style: xe(`font-family:${M.value.style.fontFamily};width:100%; text-align:center;background:${F.value.backgroundColor}`),
 			id: O.value,
 			onMouseenter: t[0] ||= () => C(et)(!0),
 			onMouseleave: t[1] ||= () => C(et)(!1)
@@ -306,11 +306,11 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 				onClose: dt
 			}, {
 				"annotator-action-close": w(() => [x(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": w(({ color: t }) => [x(e.$slots, "annotator-action-color", _(h({ color: t })), void 0, !0)]),
-				"annotator-action-draw": w(({ mode: t }) => [x(e.$slots, "annotator-action-draw", _(h({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": w(({ disabled: t }) => [x(e.$slots, "annotator-action-undo", _(h({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": w(({ disabled: t }) => [x(e.$slots, "annotator-action-redo", _(h({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": w(({ disabled: t }) => [x(e.$slots, "annotator-action-delete", _(h({ disabled: t })), void 0, !0)]),
+				"annotator-action-color": w(({ color: t }) => [x(e.$slots, "annotator-action-color", v(g({ color: t })), void 0, !0)]),
+				"annotator-action-draw": w(({ mode: t }) => [x(e.$slots, "annotator-action-draw", v(g({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": w(({ disabled: t }) => [x(e.$slots, "annotator-action-undo", v(g({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": w(({ disabled: t }) => [x(e.$slots, "annotator-action-redo", v(g({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": w(({ disabled: t }) => [x(e.$slots, "annotator-action-delete", v(g({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -374,11 +374,11 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 				onGenerateSvg: C(_t),
 				onToggleAnnotator: dt,
 				onCopyAlt: yt,
-				style: v({ visibility: C(tt) ? C(R) ? "visible" : "hidden" : "visible" })
+				style: xe({ visibility: C(tt) ? C(R) ? "visible" : "hidden" : "visible" })
 			}, ye({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: w(({ isOpen: t, color: n }) => [x(e.$slots, "menuIcon", _(h({
+					fn: w(({ isOpen: t, color: n }) => [x(e.$slots, "menuIcon", v(g({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -401,7 +401,7 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: w(({ toggleFullscreen: t, isFullscreen: n }) => [x(e.$slots, "optionFullscreen", _(h({
+					fn: w(({ toggleFullscreen: t, isFullscreen: n }) => [x(e.$slots, "optionFullscreen", v(g({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -409,7 +409,7 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: w(({ toggleAnnotator: t, isAnnotator: n }) => [x(e.$slots, "optionAnnotator", _(h({
+					fn: w(({ toggleAnnotator: t, isAnnotator: n }) => [x(e.$slots, "optionAnnotator", v(g({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -417,7 +417,7 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: w(({ altCopy: t }) => [x(e.$slots, "optionAltCopy", _(h({ altCopy: t })), void 0, !0)]),
+					fn: w(({ altCopy: t }) => [x(e.$slots, "optionAltCopy", v(g({ altCopy: t })), void 0, !0)]),
 					key: "6"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
@@ -459,12 +459,12 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 				ref_key: "svgRef",
 				ref: z,
 				xmlns: C(c),
-				class: g({
+				class: _({
 					"vue-data-ui-fullscreen--on": Q.value,
 					"vue-data-ui-fulscreen--off": !Q.value
 				}),
 				viewBox: `0 0 ${q.value} ${J.value}`,
-				style: v(`max-width:100%; overflow: visible; background:transparent;color:${F.value.color}`),
+				style: xe(`max-width:100%; overflow: visible; background:transparent;color:${F.value.color}`),
 				role: "img",
 				"aria-labelledby": bt.value,
 				"aria-describedby": xt.value
@@ -486,7 +486,7 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 					stroke: U.value >= t ? e.color : P.value.inactiveColor,
 					"stroke-linecap": "round",
 					fill: "none",
-					class: g({ "vue-ui-tick-animated": F.value.animation.use && !C(E) && t <= U.value })
+					class: _({ "vue-ui-tick-animated": F.value.animation.use && !C(E) && t <= U.value })
 				}, null, 10, Ne))), 256))])) : (y(), m("g", Pe, [(y(!0), m(_e, null, Ce(lt.value, (e, t) => (y(), m("line", {
 					x1: e.x1,
 					y1: e.y1,
@@ -515,7 +515,7 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 					x: Z.value.x,
 					y: Z.value.y,
 					"font-size": Z.value.fontSize,
-					fill: P.value.ticks.gradient.show && F.value.percentage.useGradientColor ? C(n)(P.value.activeColor, U.value / 100 * (P.value.ticks.gradient.shiftHueIntensity / 100)) : F.value.percentage.color,
+					fill: P.value.ticks.gradient.show && F.value.percentage.useGradientColor ? C(r)(P.value.activeColor, U.value / 100 * (P.value.ticks.gradient.shiftHueIntensity / 100)) : F.value.percentage.color,
 					"font-weight": Z.value.bold ? "bold" : "normal",
 					"text-anchor": Z.value.textAnchor
 				}, S(St.value), 9, Re))], 8, Ie)) : p("", !0),
@@ -525,7 +525,7 @@ var Ee = /* @__PURE__ */ e({ default: () => T }), De = ["id"], Oe = [
 					isPrintingSvg: C(gt)
 				} }, void 0, !0)
 			], 14, Oe)),
-			e.$slots.watermark ? (y(), m("div", ze, [x(e.$slots, "watermark", _(h({ isPrinting: C(V) || C(H) || C(ht) || C(gt) })), void 0, !0)])) : p("", !0),
+			e.$slots.watermark ? (y(), m("div", ze, [x(e.$slots, "watermark", v(g({ isPrinting: C(V) || C(H) || C(ht) || C(gt) })), void 0, !0)])) : p("", !0),
 			e.$slots.source ? (y(), m("div", {
 				key: 5,
 				ref_key: "source",

package/dist/{vue-ui-treemap-DkqDz9W4.js → vue-ui-treemap-BR3rX5_L.js}

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, $t as n, D as r, Et as i, Pt as a, Rt as o, S as s, Vt as c, X as l, at as u, et as d, ft as f, i as ee, nt as te, r as ne, t as re, tn as ie, w as ae } from "./lib-TWIH5fGr.js";
+import { $ as t, D as n, Dt as r, Ft as i, Ht as a, S as o, X as s, at as c, en as l, et as u, i as d, nn as f, nt as ee, pt as te, r as ne, t as re, w as ie, zt as ae } from "./lib-D4wK6ljP.js";
 import { n as oe, t as se } from "./useHints-Dq_w2E8B.js";
-import { t as ce } from "./useConfig-DObkR9Aa.js";
-import { t as le } from "./usePrinter-8Y1Rju0Y.js";
+import { t as ce } from "./useConfig-D_6ZrPMD.js";
+import { t as le } from "./usePrinter-DdW2GSm0.js";
 import { n as ue, t as de } from "./BaseScanner-Dzc8VT3j.js";
-import { t as fe } from "./useNestedProp-BxOdWM0c.js";
+import { t as fe } from "./useNestedProp-DR_8JPol.js";
 import { t as pe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as me } from "./useChartExport-iwOqiIWX.js";
 import { t as he } from "./useTransitions-g_zBREk2.js";
-import { t as ge } from "./img-KURaWjZI.js";
-import { n as _e } from "./Title-Bd98RysU.js";
+import { t as ge } from "./img-Bb5rHcpO.js";
+import { n as _e } from "./Title-BMCuINbv.js";
 import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ye, t as be } from "./useResponsive-ZtArZtUf.js";
-import { t as xe } from "./BaseIcon-CIK6Sqo3.js";
+import { t as xe } from "./BaseIcon-Cx9FD751.js";
 import { t as Se } from "./DefGrad-DVBqDjhO.js";
-import { t as Ce } from "./BaseLegendToggle-Doa5rYP2.js";
+import { t as Ce } from "./BaseLegendToggle-CP3sddwv.js";
 import { t as we } from "./A11yDataTable-DdRsVULz.js";
 import { t as Te } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ee } from "./useChartAccessibility-DYqac8yF.js";
-import { t as De } from "./Legend-D9FGXIbQ.js";
+import { t as De } from "./Legend-CulFgjUY.js";
 import { t as Oe } from "./usePanZoom-CYU3B4T3.js";
 import { t as ke } from "./vue_ui_treemap-DoEtkRN6.js";
 import { Fragment as Ae, Teleport as je, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as Me, createTextVNode as Ne, createVNode as Pe, defineAsyncComponent as Fe, guardReactiveProps as v, mergeProps as Ie, nextTick as Le, normalizeClass as Re, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as ze, onMounted as Be, openBlock as x, ref as S, renderList as Ve, renderSlot as C, resolveDynamicComponent as He, shallowRef as w, toDisplayString as Ue, toRefs as We, unref as T, useCssVars as Ge, useSlots as Ke, watch as qe, withCtx as E, withKeys as Je, withModifiers as Ye } from "vue";
@@ -262,7 +262,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 	],
 	setup(e, { expose: ve, emit: Xe }) {
 		Ge((e) => ({ v798593f9: Ti.value }));
-		let Ze = Fe(() => import("./DataTable-B6LDCXBz.js")), Qe = Fe(() => import("./PenAndPaper-C1EcBgJW.js").then((e) => e.t)), $e = Fe(() => import("./vue-ui-accordion-AyyZDab3.js").then((e) => e.n)), tt = Fe(() => import("./Tooltip-DmQeI5WE.js")), nt = Fe(() => import("./UserOptions-B_yBcZ1-.js").then((e) => e.n)), rt = Fe(() => import("./PackageVersion-CslTvFsC.js").then((e) => e.t)), it = Fe(() => import("./BaseDraggableDialog-BCFCiP_6.js").then((e) => e.n)), { vue_ui_treemap: at } = ce(), { isThemeValid: ot, warnInvalidTheme: st } = pe(), D = e, ct = Xe, Lt = Ke(), Rt = p(() => !!D.dataset && D.dataset.length), zt = p(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), O = S(l()), Bt = S(!1), Vt = S(""), Ht = S(!1), Ut = S(0), k = S([]), A = w(null), Wt = w(null), Gt = w(null), Kt = w(null), qt = w(null), Jt = S(0), Yt = S(0), Xt = S(0), j = S([]), Zt = S(null), Qt = S(!1), $t = S(null), en = S(null), tn = S(null), nn = S(/* @__PURE__ */ new Map()), M = S(null), rn = S({
+		let Ze = Fe(() => import("./DataTable-CjF_An2h.js")), Qe = Fe(() => import("./PenAndPaper-CNiuGw6k.js").then((e) => e.t)), $e = Fe(() => import("./vue-ui-accordion-CaoNWreI.js").then((e) => e.n)), tt = Fe(() => import("./Tooltip-C4ZTwkLF.js")), nt = Fe(() => import("./UserOptions-CORYQiif.js").then((e) => e.n)), rt = Fe(() => import("./PackageVersion-D7H9nfK0.js").then((e) => e.t)), it = Fe(() => import("./BaseDraggableDialog-C50TEJFv.js").then((e) => e.n)), { vue_ui_treemap: at } = ce(), { isThemeValid: ot, warnInvalidTheme: st } = pe(), D = e, ct = Xe, Lt = Ke(), Rt = p(() => !!D.dataset && D.dataset.length), zt = p(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), O = S(s()), Bt = S(!1), Vt = S(""), Ht = S(!1), Ut = S(0), k = S([]), A = w(null), Wt = w(null), Gt = w(null), Kt = w(null), qt = w(null), Jt = S(0), Yt = S(0), Xt = S(0), j = S([]), Zt = S(null), Qt = S(!1), $t = S(null), en = S(null), tn = S(null), nn = S(/* @__PURE__ */ new Map()), M = S(null), rn = S({
 			x: 0,
 			y: 0
 		}), an = S("pointer"), on = S(!1), N = S(gn()), P = p(() => N.value.userOptions), F = p(() => N.value.style.chart.tooltip), I = p(() => N.value.style.chart.legend), L = p(() => N.value.style.chart.layout.labels), R = p(() => N.value.style.chart.layout), z = p(() => N.value.style.chart);
@@ -293,7 +293,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 		let { transitionEnabled: sn } = he({
 			config: () => N.value.transitions,
 			dataset: () => D.dataset
-		}), B = p(() => N.value.userOptions.useCursorPointer), cn = p(() => ie({
+		}), B = p(() => N.value.userOptions.useCursorPointer), cn = p(() => f({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -345,7 +345,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 					}
 				]
 			}],
-			skeletonConfig: ie({
+			skeletonConfig: f({
 				defaultConfig: N.value,
 				userConfig: cn.value
 			})
@@ -357,20 +357,20 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			}), t = e.theme;
 			if (!t) return e;
 			if (!ot.value(e)) return st(e), e;
-			let r = fe({
+			let n = fe({
 				userConfig: ke[t] || D.config,
 				defaultConfig: e
-			}), i = fe({
+			}), r = fe({
 				userConfig: D.config,
-				defaultConfig: r
+				defaultConfig: n
 			});
 			return {
-				...i,
-				customPalette: i.customPalette.length ? i.customPalette : n[t] || c
+				...r,
+				customPalette: r.customPalette.length ? r.customPalette : l[t] || a
 			};
 		}
 		function _n(e) {
-			let t = d(e);
+			let t = u(e);
 			return t?.style?.chart && delete t.style.chart.tooltip, JSON.stringify(t);
 		}
 		let vn = _n(D.config);
@@ -388,7 +388,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			elementId: `treemap_${O.value}`,
 			fileName: z.value.title.text || "vue-ui-treemap",
 			options: N.value.userOptions.print
-		}), Cn = p(() => N.value.userOptions.show && !z.value.title.text), wn = p(() => ae(N.value.customPalette)), V = S({
+		}), Cn = p(() => N.value.userOptions.show && !z.value.title.text), wn = p(() => ie(N.value.customPalette)), V = S({
 			showTable: N.value.table.show,
 			showTooltip: F.value.show,
 			showZoom: z.value.zoom?.show ?? !1
@@ -426,7 +426,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 				vbHeight: n - r,
 				offsetY: r
 			};
-		}), U = S(d(un.value)), W = S(U.value), On = w(/* @__PURE__ */ new Map());
+		}), U = S(u(un.value)), W = S(U.value), On = w(/* @__PURE__ */ new Map());
 		qe([U, () => N.value], () => {
 			tn.value = null, nn.value = /* @__PURE__ */ new Map();
 		}, { deep: !0 }), qe(() => k.value, () => {
@@ -436,14 +436,14 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 		});
 		function kn(e) {
 			Array.isArray(e) && e.forEach((e, t) => {
-				e.id ||= l(), e.sourceColor === void 0 && (e.sourceColor = s(e.color) || null);
-				let n = e.sourceColor || On.value.get(e.id) || wn.value[t] || c[t] || c[t % c.length];
-				n = s(n), On.value.set(e.id, n), e.color = n, An(e, n);
+				e.id ||= s(), e.sourceColor === void 0 && (e.sourceColor = o(e.color) || null);
+				let n = e.sourceColor || On.value.get(e.id) || wn.value[t] || a[t] || a[t % a.length];
+				n = o(n), On.value.set(e.id, n), e.color = n, An(e, n);
 			});
 		}
 		function An(e, t) {
 			Array.isArray(e.children) && e.children.forEach((n) => {
-				n.id ||= l(), n.parentId = e.id, n.sourceColor === void 0 && (n.sourceColor = s(n.color) || null);
+				n.id ||= s(), n.parentId = e.id, n.sourceColor === void 0 && (n.sourceColor = o(n.color) || null);
 				let r = n.sourceColor || t;
 				n.color = r, An(n, r);
 			});
@@ -472,7 +472,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			W.value = [n];
 		}
 		qe(() => un.value, () => {
-			U.value = d(un.value), kn(U.value), Mn(), Xt.value += 1, Yt.value += 1;
+			U.value = u(un.value), kn(U.value), Mn(), Xt.value += 1, Yt.value += 1;
 		}, {
 			deep: !0,
 			immediate: !0,
@@ -487,11 +487,11 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			Lt["chart-background"] && Fn.value && console.warn("VueUiTreemap does not support the #chart-background slot.");
 		});
 		function In() {
-			if (o(D.dataset) && u({
+			if (ae(D.dataset) && c({
 				componentName: "VueUiTreemap",
 				type: "dataset",
 				debug: Fn.value
-			}), kn(U.value), o(D.dataset) || (dn.value = N.value.loading), N.value.responsive) {
+			}), kn(U.value), ae(D.dataset) || (dn.value = N.value.loading), N.value.responsive) {
 				let e = ye(() => {
 					let { width: e, height: t } = be({
 						chart: A.value,
@@ -512,7 +512,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 		});
 		let Ln = p(() => W.value.map((e, t) => ({
 			...e,
-			color: s(e.color) || wn.value[t] || c[t] || c[t % c.length]
+			color: o(e.color) || wn.value[t] || a[t] || a[t % a.length]
 		})).filter((e) => !k.value.includes(e.id))), Rn = p(() => U.value.filter((e) => !k.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0)), zn = p({
 			get() {
 				let e = [...Ln.value];
@@ -527,7 +527,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 		}
 		function Vn(e, t, n) {
 			let r = R.value.rects.colorRatio - Bn(t, n);
-			return a(e, r < 0 ? 0 : r);
+			return i(e, r < 0 ? 0 : r);
 		}
 		function Hn(e) {
 			return Array.isArray(e.children) && e.children.length > 0;
@@ -541,15 +541,15 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			});
 		}
 		function Wn(e, t, n, r, i) {
-			return Un(e).map((e, a) => {
-				let o = e.sourceColor || s(e.color) || s(t) || wn.value[a] || c[a] || c[a % c.length], l = e.sourceColor ? e.sourceColor : Vn(o, e, r), u = Bn(e, r), d = i ?? e.parentId ?? e.id, f = Array.isArray(e.children) && e.children.length && e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) || 1;
+			return Un(e).map((e, s) => {
+				let c = e.sourceColor || o(e.color) || o(t) || wn.value[s] || a[s] || a[s % a.length], l = e.sourceColor ? e.sourceColor : Vn(c, e, r), u = Bn(e, r), d = i ?? e.parentId ?? e.id, f = Array.isArray(e.children) && e.children.length && e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) || 1;
 				return {
 					...e,
 					color: l,
 					proportion: u,
 					parentName: n,
 					rootId: d,
-					children: Array.isArray(e.children) && e.children.length ? Wn(e.children, o, e.name, f, d) : void 0
+					children: Array.isArray(e.children) && e.children.length ? Wn(e.children, c, e.name, f, d) : void 0
 				};
 			});
 		}
@@ -595,16 +595,16 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 		let Yn = p(() => {
 			let e = W.value.length ? W.value : zn.value, t = e.map((e) => Number(e.value) || 0).reduce((e, t) => e + t, 0) || 1;
 			return Jn(e.map((e, n) => {
-				let r = e.children ? e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) : e.value, { children: i, ...a } = e, o = e.sourceColor || s(e.color) || On.value.get(e.id) || wn.value[n] || c[n] || c[n % c.length], u = e.sourceColor ? e.sourceColor : Vn(o, e, t);
+				let r = e.children ? e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) : e.value, { children: i, ...c } = e, l = e.sourceColor || o(e.color) || On.value.get(e.id) || wn.value[n] || a[n] || a[n % a.length], u = e.sourceColor ? e.sourceColor : Vn(l, e, t);
 				return {
-					...a,
-					id: e.id || l(),
+					...c,
+					id: e.id || s(),
 					parentId: e.parentId ?? null,
 					name: e.name,
 					value: e.value,
 					color: u,
 					proportion: (Number(e.value) || 0) / t,
-					children: Array.isArray(e.children) && e.children.length ? Wn(e.children, o, e.name, r || 1) : void 0
+					children: Array.isArray(e.children) && e.children.length ? Wn(e.children, l, e.name, r || 1) : void 0
 				};
 			}), {
 				x0: H.value.left,
@@ -647,7 +647,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			};
 		}
 		function er(e, n) {
-			return ee(L.value.formatter, e.value, t({
+			return d(L.value.formatter, e.value, t({
 				p: L.value.prefix,
 				v: e.value,
 				s: L.value.suffix,
@@ -779,7 +779,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			return e;
 		}), Z = w(null), mr = p(() => U.value.map((e, t) => ({
 			...e,
-			color: s(e.color) || wn.value[t] || c[t] || c[t % c.length],
+			color: o(e.color) || wn.value[t] || a[t] || a[t % a.length],
 			shape: "square"
 		})).sort((e, t) => t.value - e.value).map((e, n) => {
 			let r = e.value / U.value.map((e) => e.value).reduce((e, t) => e + t, 0);
@@ -789,7 +789,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 				isSegregated: k.value.includes(e.id),
 				segregate: () => vr(e),
 				opacity: k.value.includes(e.id) ? .5 : 1,
-				display: `${e.name}${I.value.showPercentage || I.value.showValue ? ": " : ""}${I.value.showValue ? ee(L.value.formatter, e.value, t({
+				display: `${e.name}${I.value.showPercentage || I.value.showValue ? ": " : ""}${I.value.showValue ? d(L.value.formatter, e.value, t({
 					p: L.value.prefix,
 					v: e.value,
 					s: L.value.suffix,
@@ -830,19 +830,19 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			});
 		}
 		let Cr = S(null);
-		function wr({ datapoint: e, seriesIndex: n, triggerMode: r = "pointer" }) {
-			if (gr.value || r === "pointer" && Pr.value) return;
+		function wr({ datapoint: e, seriesIndex: n, triggerMode: i = "pointer" }) {
+			if (gr.value || i === "pointer" && Pr.value) return;
 			N.value.events.datapointEnter && N.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: n
-			}), M.value = n, an.value = r, Z.value = e, Cr.value = {
+			}), M.value = n, an.value = i, Z.value = e, Cr.value = {
 				datapoint: e,
 				seriesIndex: n,
 				config: N.value,
 				series: Ln.value
 			};
 			let a = F.value.customFormat;
-			if (i(a) && f(() => a({
+			if (r(a) && te(() => a({
 				seriesIndex: n,
 				datapoint: e,
 				series: Ln.value,
@@ -855,7 +855,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			});
 			else {
 				let r = "";
-				r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${F.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, r += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" fill="${e.color}"/></svg>`, r += `<b>${ee(L.value.formatter, e.value, t({
+				r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${F.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, r += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" fill="${e.color}"/></svg>`, r += `<b>${d(L.value.formatter, e.value, t({
 					p: L.value.prefix,
 					v: e.value,
 					s: L.value.suffix,
@@ -880,7 +880,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 					[e.name],
 					[Q.value.body[t]],
 					[isNaN(Q.value.body[t] / Rn.value) ? "-" : Q.value.body[t] / Rn.value * 100]
-				]), n = [
+				]), r = [
 					[z.value.title.text],
 					[z.value.title.subtitle.text],
 					[
@@ -888,8 +888,8 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 						["val"],
 						["%"]
 					]
-				].concat(t), i = r(n);
-				e ? e(i) : te({
+				].concat(t), i = n(r);
+				e ? e(i) : ee({
 					csvContent: i,
 					title: z.value.title.text || "vue-ui-treemap"
 				});
@@ -901,7 +901,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 				N.value.table.columnNames.value,
 				N.value.table.columnNames.percentage
 			], n = Q.value.head.map((e, n) => {
-				let r = ee(L.value.formatter, Q.value.body[n], t({
+				let r = d(L.value.formatter, Q.value.body[n], t({
 					p: L.value.prefix,
 					v: Q.value.body[n],
 					s: L.value.suffix,
@@ -1481,7 +1481,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 							1
 						], [
 							"100%",
-							T(a)(e.color, R.value.rects.gradient.intensity / 100),
+							T(i)(e.color, R.value.rects.gradient.intensity / 100),
 							1
 						]]
 					}, null, 8, ["id", "stops"])])) : h("", !0)]))), 128)),
@@ -1655,7 +1655,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 				parent: A.value,
 				content: Vt.value,
 				isFullscreen: Ht.value,
-				isCustom: T(i)(F.value.customFormat),
+				isCustom: T(r)(F.value.customFormat),
 				smooth: F.value.smooth,
 				backdropFilter: F.value.backdropFilter,
 				smoothForce: F.value.smoothForce,