vue-data-ui 3.23.0 → 3.23.1

package/dist/{vue-ui-strip-plot-ACeYOoHj.js → vue-ui-strip-plot-Dw4MGDSO.js}

@@ -1,17 +1,17 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, G as r, Jt as i, Kt as a, Ot as o, Pt as s, S as c, X as l, Y as u, Zt as ee, _ as te, b as ne, ct as re, i as ie, jt as ae, pt as oe, q as se, qt as ce, t as le, tt as ue, w as de, x as d, xt as fe } from "./lib-BuMGJ_a0.js";
+import { $ as t, D as n, G as r, Jt as i, Kt as a, Ot as o, Pt as s, S as c, X as l, Y as u, Zt as ee, _ as te, b as ne, ct as re, i as ie, jt as ae, pt as oe, q as se, qt as ce, t as le, tt as ue, w as de, x as d, xt as fe } from "./lib-Bttd6u5E.js";
 import { n as pe, t as me } from "./useHints-Dq_w2E8B.js";
-import { t as he } from "./useConfig-BilxnBNr.js";
-import { t as ge } from "./usePrinter-BFvi4jVy.js";
+import { t as he } from "./useConfig-D3scuR88.js";
+import { t as ge } from "./usePrinter-DN5bYhTG.js";
 import { n as _e, t as ve } from "./BaseScanner-DZvpgOjM.js";
-import { t as ye } from "./useSvgExport-Ba9qBr9M.js";
-import { t as be } from "./useNestedProp--NSEmhOH.js";
+import { t as ye } from "./useSvgExport-DH-FfcqQ.js";
+import { t as be } from "./useNestedProp-vPNvh7rV.js";
 import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Se } from "./useTransitions-g_zBREk2.js";
 import { t as Ce } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as we } from "./img-DIQG5q8T.js";
-import { n as Te } from "./Title-BODtwViI.js";
-import { t as Ee } from "./Shape-BPMV94Ij.js";
+import { t as we } from "./img-Bnokohej.js";
+import { n as Te } from "./Title-BE3qg9xl.js";
+import { t as Ee } from "./Shape-C21CMlWS.js";
 import { t as De } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Oe, t as ke } from "./useResponsive-ZtArZtUf.js";
 import { t as Ae } from "./DefGrad-DVBqDjhO.js";
@@ -172,7 +172,7 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 	},
 	emits: ["selectDatapoint", "copyAlt"],
 	setup(e, { expose: De, emit: Je }) {
-		let Et = v(() => import("./Tooltip-CMTGxeYO.js")), Dt = v(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), Ot = v(() => import("./vue-ui-accordion-61MlW-Ge.js").then((e) => e.n)), kt = v(() => import("./DataTable-D4tM9s5Y.js")), At = v(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), jt = v(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), Mt = v(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), Nt = v(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), Pt = [
+		let Et = v(() => import("./Tooltip-DhjyfHwz.js")), Dt = v(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), Ot = v(() => import("./vue-ui-accordion-BxGriZik.js").then((e) => e.n)), kt = v(() => import("./DataTable-BbKgJ5UI.js")), At = v(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), jt = v(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), Mt = v(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), Nt = v(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), Pt = [
 			"classic",
 			"scatter",
 			"violin"
@@ -826,13 +826,13 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 					[e.iqr],
 					[e.count]
 				])) : r = ar.value.head.map((e, t) => [[e.name], [ar.value.body[t]]]);
-				let a = n([
+				let a = [
 					[P.value.style.chart.title.text],
 					[P.value.style.chart.title.subtitle.text],
 					i.map((e) => [e])
-				].concat(r));
-				e ? e(a) : t({
-					csvContent: a,
+				].concat(r), o = n(a);
+				e ? e(o) : t({
+					csvContent: o,
 					title: P.value.style.chart.title.text || "vue-ui-strip-plot"
 				});
 			});
@@ -938,14 +938,14 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 				aspectRatio: r
 			};
 		}
-		let gr = p(() => K.value.map((e) => e.name));
+		let gr = p(() => K.value.map((e) => e.name)), _r = C({
+			start: 0,
+			end: K.value.length
+		});
 		Ce({
 			timeLabelsEls: en,
 			timeLabels: gr,
-			slicer: C({
-				start: 0,
-				end: K.value.length
-			}),
+			slicer: _r,
 			configRef: P,
 			rotationPath: [
 				"style",
@@ -968,7 +968,7 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 			targetClass: ".vue-ui-strip-plot-category-name",
 			rotation: P.value.style.chart.labels.xAxisLabels.autoRotate.angle
 		});
-		let _r = p(() => {
+		let vr = p(() => {
 			let e = P.value.table.useDialog && !P.value.table.show, t = V.value.showTable;
 			return {
 				component: e ? Nt : Ot,
@@ -1002,31 +1002,31 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 		Ke(() => V.value.showTable, (e) => {
 			P.value.table.show || (e && P.value.table.useDialog && Jt.value ? Jt.value.open() : "close" in Jt.value && Jt.value.close());
 		});
-		function vr() {
+		function yr() {
 			V.value.showTable = !1, Yt.value && Yt.value.setTableIconState(!1);
 		}
-		let yr = p(() => P.value.style.chart.backgroundColor), { exportSvg: br, getSvg: xr } = ye({
+		let br = p(() => P.value.style.chart.backgroundColor), xr = p(() => P.value.style.chart.title), { exportSvg: Sr, getSvg: Cr } = ye({
 			svg: I,
-			title: p(() => P.value.style.chart.title),
-			backgroundColor: yr
+			title: xr,
+			backgroundColor: br
 		});
-		async function Sr({ isCb: e }) {
+		async function wr({ isCb: e }) {
 			Zt.value = !0, await ze();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await xr();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Cr();
 					await Promise.resolve(P.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(br());
+				} else await Promise.resolve(Sr());
 			} finally {
 				Zt.value = !1;
 			}
 		}
-		function Cr(e) {
+		function Tr(e) {
 			if (e?.stage === "start") {
 				Xt.value = !0;
 				return;
@@ -1037,7 +1037,7 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 			}
 			Cn();
 		}
-		async function wr() {
+		async function Er() {
 			if (Rt("copyAlt", {
 				config: P.value,
 				dataset: J.value
@@ -1050,19 +1050,19 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 				dataset: J.value
 			}));
 		}
-		function Tr() {
+		function Dr() {
 			return J.value.length;
 		}
-		function Er(e) {
+		function Or(e) {
 			return J.value[e]?.plots ?? [];
 		}
-		function Dr(e = nn.value, t = rn.value) {
-			return !Number.isInteger(e) || !Number.isInteger(t) ? null : Er(e)[t] ?? null;
+		function kr(e = nn.value, t = rn.value) {
+			return !Number.isInteger(e) || !Number.isInteger(t) ? null : Or(e)[t] ?? null;
 		}
-		function Or() {
+		function Ar() {
 			nn.value = null, rn.value = null, N.value = "pointer", j.value = !1, Q.value = null;
 		}
-		function kr(e) {
+		function jr(e) {
 			if (!e || !I.value) return;
 			let t = I.value.getBoundingClientRect();
 			an.value = {
@@ -1070,43 +1070,43 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 				y: t.top + e.y / B.value * t.height
 			};
 		}
-		function Ar(e, t) {
-			let n = Dr(e, t);
-			n && (nn.value = e, rn.value = t, N.value = "keyboard", kr(n), nr({
+		function Mr(e, t) {
+			let n = kr(e, t);
+			n && (nn.value = e, rn.value = t, N.value = "keyboard", jr(n), nr({
 				datapoint: n,
 				seriesIndex: e,
 				triggerMode: "keyboard"
 			}));
 		}
-		function jr() {
+		function Nr() {
 			on.value = !0, nn.value = null, rn.value = null;
 		}
-		function Mr() {
-			on.value = !1, Or();
+		function Pr() {
+			on.value = !1, Ar();
 		}
-		function Nr(e) {
-			if (!I.value || pr.value || document.activeElement !== I.value || !Tr()) return;
+		function Fr(e) {
+			if (!I.value || pr.value || document.activeElement !== I.value || !Dr()) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "ArrowUp", i = e.key === "ArrowDown", a = e.key === "Enter" || e.key === " ", o = e.key === "Escape";
 			if (!t && !n && !r && !i && !a && !o) return;
 			if (e.preventDefault(), e.stopPropagation(), o) {
-				Or();
+				Ar();
 				return;
 			}
 			let s = nn.value, c = rn.value;
 			if (s === null || c === null) s = 0, c = 0;
 			else if (t || n) {
-				let e = Tr();
+				let e = Dr();
 				s = n ? (s + 1) % e : (s - 1 + e) % e;
-				let t = Er(s);
+				let t = Or(s);
 				if (!t.length) return;
 				c = Math.min(c, t.length - 1);
 			} else if (r || i) {
-				let e = Er(s);
+				let e = Or(s);
 				if (!e.length) return;
 				c = r ? (c + 1) % e.length : (c - 1 + e.length) % e.length;
 			}
 			if (a) {
-				let e = Dr();
+				let e = kr();
 				if (!e) return;
 				er({
 					datapoint: e,
@@ -1114,9 +1114,9 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 				});
 				return;
 			}
-			Ar(s, c);
+			Mr(s, c);
 		}
-		let Pr = p(() => ({
+		let Ir = p(() => ({
 			headers: sr.value?.colNames ?? [],
 			rows: sr.value?.body?.map((e) => e.map((e) => e && typeof e == "object" && "name" in e ? e.name : e)) ?? []
 		}));
@@ -1126,13 +1126,13 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 			generatePdf: Sn,
 			generateCsv: or,
 			generateImage: Cn,
-			generateSvg: Sr,
+			generateSvg: wr,
 			toggleTable: ur,
 			toggleLabels: dr,
 			toggleTooltip: fr,
 			toggleAnnotator: mr,
 			toggleFullscreen: cr,
-			copyAlt: wr
+			copyAlt: Er
 		}), (e, t) => (S(), g("div", {
 			ref_key: "stripPlotChart",
 			ref: M,
@@ -1146,11 +1146,11 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 				id: `chart-instructions-${A.value}`,
 				class: "sr-only"
 			}, [_("p", null, E(P.value.a11y.translations.keyboardNavigation), 1)], 8, Xe),
-			Pr.value?.rows?.length ? (S(), m(je, {
+			Ir.value?.rows?.length ? (S(), m(je, {
 				key: 0,
 				uid: A.value,
-				head: Pr.value.headers,
-				body: Pr.value.rows,
+				head: Ir.value.headers,
+				body: Ir.value.rows,
 				notice: P.value.a11y.translations.tableAvailable,
 				caption: P.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1240,13 +1240,13 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 				onToggleFullscreen: cr,
 				onGeneratePdf: D(Sn),
 				onGenerateCsv: or,
-				onGenerateImage: Cr,
-				onGenerateSvg: Sr,
+				onGenerateImage: Tr,
+				onGenerateSvg: wr,
 				onToggleTable: ur,
 				onToggleLabels: dr,
 				onToggleTooltip: fr,
 				onToggleAnnotator: mr,
-				onCopyAlt: wr,
+				onCopyAlt: Er,
 				style: x({ visibility: D(hn) ? D(pn) ? "visible" : "hidden" : "visible" })
 			}, Fe({ _: 2 }, [
 				e.$slots.menuIcon ? {
@@ -1337,9 +1337,9 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 				style: x(`max-width:100%; overflow: visible; background:transparent;color:${P.value.style.chart.color};`),
 				"aria-describedby": `chart-instructions-${A.value}`,
 				tabindex: "0",
-				onFocus: jr,
-				onBlur: Mr,
-				onKeydown: Nr
+				onFocus: Nr,
+				onBlur: Pr,
+				onKeydown: Fr
 			}, [
 				Le(D(Mt)),
 				e.$slots["chart-background"] ? (S(), g("foreignObject", {
@@ -1697,10 +1697,10 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			zt.value && P.value.userOptions.buttons.table ? (S(), m(Ue(_r.value.component), Re({ key: 7 }, _r.value.props, {
+			zt.value && P.value.userOptions.buttons.table ? (S(), m(Ue(vr.value.component), Re({ key: 7 }, vr.value.props, {
 				ref_key: "tableUnit",
 				ref: Jt,
-				onClose: vr
+				onClose: yr
 			}), Fe({
 				content: O(() => [(S(), m(D(kt), {
 					key: `table_${qt.value}`,
@@ -1708,10 +1708,10 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 					head: sr.value.head,
 					body: sr.value.body,
 					config: sr.value.config,
-					title: P.value.table.useDialog ? "" : _r.value.title,
+					title: P.value.table.useDialog ? "" : vr.value.title,
 					withCloseButton: !P.value.table.useDialog,
 					isCursorPointer: F.value,
-					onClose: vr
+					onClose: yr
 				}, {
 					th: O(({ th: e }) => [_("div", {
 						innerHTML: e,
@@ -1734,7 +1734,7 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 				_: 2
 			}, [P.value.table.useDialog ? {
 				name: "title",
-				fn: O(() => [Ie(E(_r.value.title), 1)]),
+				fn: O(() => [Ie(E(vr.value.title), 1)]),
 				key: "0"
 			} : void 0, P.value.table.useDialog ? {
 				name: "actions",
@@ -1745,7 +1745,7 @@ var Je = /* @__PURE__ */ e({ default: () => Et }), Ye = ["id"], Xe = ["id"], Ze
 					style: x({ cursor: F.value ? "pointer" : "default" })
 				}, [Le(D(Dt), {
 					name: "fileCsv",
-					stroke: _r.value.props.color
+					stroke: vr.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : h("", !0),