vue-data-ui 3.25.2 → 3.25.4

package/dist/{vue-ui-bump-DkntyN9G.js → vue-ui-bump-BkOtQNWe.js}

@@ -1,22 +1,22 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, G as r, It as i, Jt as a, Nt as o, P as s, S as c, Tt as l, V as u, X as ee, Xt as te, c as ne, i as re, mt as ie, nt as ae, q as oe, r as se, t as ce, w as le } from "./lib-BPg41jWd.js";
+import { $ as t, D as n, Et as r, G as i, Lt as a, P as o, Pt as s, S as c, V as l, X as u, Yt as ee, Zt as te, c as ne, ht as re, i as ie, nt as ae, q as oe, r as se, t as ce, w as le } from "./lib-Dql7cqyA.js";
 import { n as ue, t as de } from "./useHints-Dq_w2E8B.js";
 import { t as fe } from "./useTimeLabels-d2f-W1L4.js";
 import { t as pe } from "./useConfig-CyCVHo81.js";
-import { t as me } from "./usePrinter-CsDAx75S.js";
+import { t as me } from "./usePrinter-DISD7q5m.js";
 import { n as he, t as ge } from "./BaseScanner-DZvpgOjM.js";
-import { t as _e } from "./useNestedProp-fNUUtYXm.js";
+import { t as _e } from "./useNestedProp-Chvyfpl-.js";
 import { t as ve } from "./useThemeCheck-C43Tcqmk.js";
 import { t as ye } from "./useChartExport-iwOqiIWX.js";
 import { t as be } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { n as xe } from "./Title-BLrnZl5j.js";
+import { n as xe } from "./Title-CPHi-evi.js";
 import { t as Se } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Ce, t as we } from "./useResponsive-ZtArZtUf.js";
 import { t as Te } from "./A11yDataTable-DdRsVULz.js";
 import { t as Ee } from "./useUserOptionState-DK-_1ddE.js";
 import { t as De } from "./useChartAccessibility-DYqac8yF.js";
 import { t as Oe } from "./vue_ui_bump-Vl-zYAtG.js";
-import { t as ke } from "./BaseDraggableDialog-Cwj9aGdF.js";
+import { t as ke } from "./BaseDraggableDialog-BM_R41j8.js";
 import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as Ae, createTextVNode as je, createVNode as Me, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as Ne, normalizeClass as Pe, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Fe, onMounted as Ie, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Le, shallowRef as Re, toDisplayString as T, toRefs as ze, unref as E, watch as Be, watchEffect as Ve, withCtx as D } from "vue";
 //#region src/components/vue-ui-bump.vue
 var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge = { style: { position: "relative" } }, Ke = [
@@ -128,14 +128,14 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: Se, emit: He }) {
-		let ct = _(() => import("./BaseIcon-Oj70ytWI.js").then((e) => e.n)), lt = _(() => import("./vue-ui-accordion-BGxpEtfk.js").then((e) => e.n)), ut = _(() => import("./DataTable-DcDMoMmQ.js")), dt = _(() => import("./PenAndPaper-Co2OSRzH.js").then((e) => e.t)), ft = _(() => import("./UserOptions-pq95M7ss.js").then((e) => e.n)), pt = _(() => import("./PackageVersion-DWq6mo_q.js").then((e) => e.t)), { vue_ui_bump: mt } = pe(), { isThemeValid: ht, warnInvalidTheme: gt } = ve(), O = e, _t = He, k = f({
+		let ct = _(() => import("./BaseIcon-t83PDe9k.js").then((e) => e.n)), lt = _(() => import("./vue-ui-accordion-D4zsdacF.js").then((e) => e.n)), ut = _(() => import("./DataTable-COIO9gi4.js")), dt = _(() => import("./PenAndPaper-B_SdRSKH.js").then((e) => e.t)), ft = _(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), pt = _(() => import("./PackageVersion-5SWftabm.js").then((e) => e.t)), { vue_ui_bump: mt } = pe(), { isThemeValid: ht, warnInvalidTheme: gt } = ve(), O = e, _t = He, vt = f({
 			get() {
 				return !!O.dataset && O.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), A = S(null), j = S(oe()), vt = S(0), yt = S(null), bt = S(null), xt = S(null), St = S(!1), Ct = S(!1), wt = S(0), Tt = S(0), M = S(null), Et = S(null), Dt = S(!1), N = S(null), Ot = S(null), kt = S(null), At = S(null), P = S(null), jt = S(!1), F = S(It());
+		}), k = S(null), A = S(oe()), yt = S(0), bt = S(null), xt = S(null), St = S(null), j = S(!1), Ct = S(!1), wt = S(0), Tt = S(0), M = S(null), Et = S(null), Dt = S(!1), N = S(null), Ot = S(null), kt = S(null), At = S(null), P = S(null), jt = S(!1), F = S(It());
 		ue({
 			config: () => F.value,
 			dataset: () => O.dataset,
@@ -269,7 +269,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 							userConfig: O.config,
 							defaultConfig: r
 						}),
-						customPalette: e.customPalette.length ? e.customPalette : a[n] || i
+						customPalette: e.customPalette.length ? e.customPalette : ee[n] || a
 					};
 				}
 			} else t = e;
@@ -296,7 +296,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 			Array.isArray(e) && e.length > 0 && (Ft.value = !1);
 		}, { deep: !0 });
 		let { isPrinting: Ht, isImaging: Ut, generatePdf: Wt, generateImage: Gt } = me({
-			elementId: `bump_${j.value}`,
+			elementId: `bump_${A.value}`,
 			fileName: F.value.style.chart.title.text || "vue-ui-bump",
 			options: F.value.userOptions.print
 		}), Kt = f(() => F.value.userOptions.show && !F.value.style.chart.title.text), z = S({
@@ -310,16 +310,16 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 			}
 		}), qt = f(() => le(F.value.customPalette)), B = Re(null), V = Re(null), Jt = S(null), Yt = f(() => F.value.debug);
 		function Xt() {
-			if (o(O.dataset) ? (ae({
+			if (s(O.dataset) ? (ae({
 				componentName: "VueUiBump",
 				type: "dataset",
 				debug: Yt.value
 			}), Ft.value = !0) : O.dataset.forEach((e, t) => {
-				ie({
+				re({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					k.value = !1, ae({
+					vt.value = !1, ae({
 						componentName: "VueUiBump",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -327,18 +327,18 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 						debug: Yt.value
 					}), Ft.value = !0;
 				});
-			}), o(O.dataset) || (Ft.value = F.value.loading), setTimeout(() => {
+			}), s(O.dataset) || (Ft.value = F.value.loading), setTimeout(() => {
 				Ct.value = !0;
 			}, 10), F.value.responsive) {
 				let e = Ce(() => {
 					Ct.value = !1;
 					let { width: e, height: t } = we({
-						chart: A.value,
-						noTitle: bt.value,
-						title: F.value.style.chart.title.text ? yt.value : null,
+						chart: k.value,
+						noTitle: xt.value,
+						title: F.value.style.chart.title.text ? bt.value : null,
 						legend: null,
 						slicer: null,
-						source: xt.value
+						source: St.value
 					});
 					requestAnimationFrame(() => {
 						z.value.width = e, z.value.height = t - 12, clearTimeout(Jt.value), Jt.value = setTimeout(() => {
@@ -346,14 +346,14 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 						}, 10);
 					});
 				});
-				B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect()), B.value = new ResizeObserver(e), V.value = A.value.parentNode, B.value.observe(V.value);
+				B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect()), B.value = new ResizeObserver(e), V.value = k.value.parentNode, B.value.observe(V.value);
 			}
 		}
 		Fe(() => {
 			B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect());
 		});
 		let Zt = f(() => Pt.value.map((e, t) => {
-			let n = c(e.color) || qt.value[t] || i[t] || i[t % i.length];
+			let n = c(e.color) || qt.value[t] || a[t] || a[t % a.length];
 			return {
 				...e,
 				absoluteIndex: t,
@@ -433,14 +433,14 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				svgHeight: ne
 			};
 		}), W = f(() => {
-			if (!k.value && !Nt.value) return [];
+			if (!vt.value && !Nt.value) return [];
 			let e = Qt(Zt.value);
 			return Zt.value.map((t, n) => ({
 				...t,
 				positions: e[n]
 			})).map((e) => {
 				let t = e.positions.map((t, n) => {
-					let r = re(F.value.style.chart.layout.plots.labels.formatter, e.values[n], ee({
+					let r = ie(F.value.style.chart.layout.plots.labels.formatter, e.values[n], u({
 						p: F.value.style.chart.layout.plots.labels.prefix,
 						v: e.values[n],
 						s: F.value.style.chart.layout.plots.labels.suffix,
@@ -457,11 +457,11 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 						color: e.color,
 						labelColor: F.value.style.chart.layout.plots.labels.color === "auto" ? se(e.color) : c(F.value.style.chart.layout.plots.labels.color) ?? se(e.color)
 					};
-				}), n = t.filter((e) => l(e.value)), r = F.value.style.chart.layout.lines.smooth ? s(n) : u(n);
+				}), n = t.filter((e) => r(e.value)), i = F.value.style.chart.layout.lines.smooth ? o(n) : l(n);
 				return {
 					...e,
 					coordinates: t,
-					path: r
+					path: i
 				};
 			});
 		});
@@ -472,7 +472,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 			seriesId: e.id,
 			seriesName: e.name,
 			pointId: `${e.id}_${r}`
-		})).filter((e) => l(e.value))));
+		})).filter((e) => r(e.value))));
 		function an(e, t, n, r) {
 			let i = e.toSorted((e, t) => e.y - t.y);
 			for (let e = 1; e < i.length; e += 1) {
@@ -546,7 +546,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 			start: 0,
 			end: H.value
 		})), q = f(() => [...W.value].map((e) => {
-			let t = [...e.coordinates].filter((e) => l(e.value)).at(-1);
+			let t = [...e.coordinates].filter((e) => r(e.value)).at(-1);
 			return {
 				...e,
 				navigationRank: t?.rank ?? Infinity
@@ -591,7 +591,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 		}
 		let J = f(() => ({
 			head: Z.value.head,
-			body: W.value.map((e) => [e.name, ...e.coordinates.map((e) => l(e.value) ? `${e.displayValue} (${e.rank})` : "-")]),
+			body: W.value.map((e) => [e.name, ...e.coordinates.map((e) => r(e.value) ? `${e.displayValue} (${e.rank})` : "-")]),
 			caption: F.value.a11y.translations.tableCaption,
 			notice: F.value.a11y.translations.tableAvailable
 		}));
@@ -625,7 +625,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 			Y.value = !Y.value;
 		}
 		function vn(e) {
-			St.value = e, vt.value += 1;
+			j.value = e, yt.value += 1;
 		}
 		function yn() {
 			R.value.showTable = !R.value.showTable;
@@ -664,8 +664,8 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 					color: F.value.table.th.color,
 					headerColor: F.value.table.th.color,
 					headerBg: F.value.table.th.backgroundColor,
-					isFullscreen: St.value,
-					fullscreenParent: A.value,
+					isFullscreen: j.value,
+					fullscreenParent: k.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
 					isCursorPointer: I.value
 				} : {
@@ -711,9 +711,9 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 			generateImage: Gt
 		});
 		async function kn({ scale: e = 2 } = {}) {
-			if (!A.value) return;
-			let { width: t, height: n } = A.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await img({
-				domElement: A.value,
+			if (!k.value) return;
+			let { width: t, height: n } = k.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await img({
+				domElement: k.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -770,25 +770,25 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 			toggleFullscreen: vn,
 			copyAlt: jn
 		}), (e, t) => (x(), h("div", {
-			id: `bump_${j.value}`,
+			id: `bump_${A.value}`,
 			ref_key: "bumpChart",
-			ref: A,
+			ref: k,
 			class: Pe({
 				"vue-data-ui-component": !0,
 				"vue-ui-bump": !0,
-				"vue-data-ui-wrapper-fullscreen": St.value
+				"vue-data-ui-wrapper-fullscreen": j.value
 			}),
 			style: b(`background:${F.value.style.chart.backgroundColor};color:${F.value.style.chart.color};font-family:${F.value.style.fontFamily}; position: relative; ${F.value.responsive ? "height: 100%" : ""}`),
 			onMouseenter: Bt,
 			onMouseleave: Vt
 		}, [
 			g("p", {
-				id: `chart-instructions-${j.value}`,
+				id: `chart-instructions-${A.value}`,
 				class: "sr-only"
 			}, T(F.value.a11y.translations.keyboardNavigation), 9, We),
 			J.value.body.length ? (x(), p(Te, {
 				key: 0,
-				uid: j.value,
+				uid: A.value,
 				head: J.value.head,
 				body: J.value.body,
 				caption: J.value.caption,
@@ -827,14 +827,14 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 			Kt.value ? (x(), h("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: bt,
+				ref: xt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : m("", !0),
 			F.value.style.chart.title.text ? (x(), h("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: yt,
+				ref: bt,
 				style: "width:100%;background:transparent;"
 			}, [(x(), p(xe, {
 				key: `title_${wt.value}`,
@@ -849,15 +849,15 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 					}
 				}
 			}, null, 8, ["config"]))], 512)) : m("", !0),
-			F.value.userOptions.show && k.value && (E(zt) || E(Lt)) ? (x(), p(E(ft), {
+			F.value.userOptions.show && vt.value && (E(zt) || E(Lt)) ? (x(), p(E(ft), {
 				ref_key: "userOptionsRef",
 				ref: Et,
-				key: `user_option_${vt.value}`,
+				key: `user_option_${yt.value}`,
 				backgroundColor: F.value.style.chart.backgroundColor,
 				color: F.value.style.chart.color,
 				isPrinting: E(Ht),
 				isImaging: E(Ut),
-				uid: j.value,
+				uid: A.value,
 				hasTooltip: !1,
 				hasPdf: F.value.userOptions.buttons.pdf,
 				hasImg: F.value.userOptions.buttons.img,
@@ -867,8 +867,8 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				hasLabel: !1,
 				hasAltCopy: F.value.userOptions.buttons.altCopy,
 				hasFullscreen: F.value.userOptions.buttons.fullscreen,
-				isFullcreen: St.value,
-				chartElement: A.value,
+				isFullcreen: j.value,
+				chartElement: k.value,
 				position: F.value.userOptions.position,
 				titles: { ...F.value.userOptions.buttonTitles },
 				hasAnnotator: F.value.userOptions.buttons.annotator,
@@ -956,7 +956,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				ref_key: "svgRef",
 				ref: L,
 				xmlns: E(ce),
-				"aria-describedby": `chart-instructions-${j.value}`,
+				"aria-describedby": `chart-instructions-${A.value}`,
 				viewBox: `0 0 ${U.value.chartWidth <= 0 ? 10 : U.value.chartWidth} ${U.value.svgHeight <= 0 ? 10 : U.value.svgHeight}`,
 				class: Pe({
 					"vue-data-ui-loading": E(Nt),
@@ -1040,7 +1040,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 							opacity: N.value == null || N.value === t.id ? 1 : .1
 						})
 					}, T(e.rank), 13, Ze))), 256)) : m("", !0),
-					F.value.style.chart.layout.plots.labels.displayedValue === "value" ? (x(!0), h(d, { key: 2 }, C(t.coordinates, (n) => (x(), h(d, null, [E(l)(n.value) ? (x(), h("rect", Ne({
+					F.value.style.chart.layout.plots.labels.displayedValue === "value" ? (x(!0), h(d, { key: 2 }, C(t.coordinates, (n) => (x(), h(d, null, [E(r)(n.value) ? (x(), h("rect", Ne({
 						key: 0,
 						class: "transition-opacity"
 					}, { ref_for: !0 }, sn(n), {
@@ -1057,7 +1057,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 							...e.point,
 							pointIndex: e.i
 						}, t)
-					}), null, 16, Qe)) : m("", !0), E(l)(n.value) && F.value.style.chart.layout.plots.labels.show ? (x(), h("text", {
+					}), null, 16, Qe)) : m("", !0), E(r)(n.value) && F.value.style.chart.layout.plots.labels.show ? (x(), h("text", {
 						key: 1,
 						class: "transition-opacity",
 						x: n.x,
@@ -1076,7 +1076,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 					key: 1,
 					ref_key: "labelsLeft",
 					ref: Ot
-				}, [(x(!0), h(d, null, C(on.value.left.filter((e) => E(l)(e.value)), (e, t) => (x(), h("text", {
+				}, [(x(!0), h(d, null, C(on.value.left.filter((e) => E(r)(e.value)), (e, t) => (x(), h("text", {
 					class: "transition-opacity",
 					x: U.value.left,
 					y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
@@ -1084,7 +1084,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 					"font-size": F.value.style.chart.layout.nameLabels.fontSize,
 					"font--weight": F.value.style.chart.layout.nameLabels.bold ? "bold" : "normal",
 					"text-anchor": "end",
-					innerHTML: E(r)({
+					innerHTML: E(i)({
 						content: e.name,
 						fontSize: F.value.style.chart.layout.nameLabels.fontSize,
 						fill: F.value.style.chart.layout.nameLabels.useSerieColor ? e.color : F.value.style.chart.layout.nameLabels.color,
@@ -1101,7 +1101,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 					key: 2,
 					ref_key: "labelsRight",
 					ref: kt
-				}, [(x(!0), h(d, null, C(on.value.right.filter((e) => E(l)(e.value)), (e, t) => (x(), h("text", {
+				}, [(x(!0), h(d, null, C(on.value.right.filter((e) => E(r)(e.value)), (e, t) => (x(), h("text", {
 					class: "transition-opacity",
 					x: U.value.right,
 					y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
@@ -1109,7 +1109,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 					"font-size": F.value.style.chart.layout.nameLabels.fontSize,
 					"font--weight": F.value.style.chart.layout.nameLabels.bold ? "bold" : "normal",
 					"text-anchor": "start",
-					innerHTML: E(r)({
+					innerHTML: E(i)({
 						content: e.name,
 						fontSize: F.value.style.chart.layout.nameLabels.fontSize,
 						fill: F.value.style.chart.layout.nameLabels.useSerieColor ? e.color : F.value.style.chart.layout.nameLabels.color,
@@ -1148,7 +1148,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
                                         ),
                                         rotate(${F.value.style.chart.layout.timeLabels.rotation})
                                     `,
-					innerHTML: E(r)({
+					innerHTML: E(i)({
 						content: String(e.text),
 						fontSize: F.value.style.chart.layout.timeLabels.fontSize,
 						fill: F.value.style.chart.layout.timeLabels.color,
@@ -1181,7 +1181,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 				isVisible: jt.value
 			})), void 0, !0)])) : m("", !0)]),
 			e.$slots.watermark ? (x(), h("div", st, [w(e.$slots, "watermark", y(v({ isPrinting: E(Ht) || E(Ut) || E(Tn) || E(En) })), void 0, !0)])) : m("", !0),
-			k.value && F.value.userOptions.buttons.table ? (x(), p(Le(X.value.component), Ne({ key: 6 }, X.value.props, {
+			vt.value && F.value.userOptions.buttons.table ? (x(), p(Le(X.value.component), Ne({ key: 6 }, X.value.props, {
 				ref_key: "tableUnit",
 				ref: M,
 				onClose: bn
@@ -1229,7 +1229,7 @@ var He = /* @__PURE__ */ e({ default: () => ct }), Ue = ["id"], We = ["id"], Ge
 			e.$slots.source ? (x(), h("div", {
 				key: 7,
 				ref_key: "source",
-				ref: xt,
+				ref: St,
 				dir: "auto"
 			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
 			w(e.$slots, "skeleton", {}, () => [E(Nt) ? (x(), p(ge, { key: 0 })) : m("", !0)], !0)