vue-data-ui 3.22.0 → 3.22.2

package/dist/{vue-ui-strip-plot-DdzflSOm.js → vue-ui-strip-plot-DSKOrJZX.js}

@@ -1,15 +1,15 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { B as t, Bt as n, G as r, Gt as i, H as a, Ht as o, J as s, Ot as c, S as ee, St as te, Tt as ne, Vt as re, W as ie, X as ae, ct as oe, h as se, ht as ce, i as le, it as ue, t as de, v as fe, x as pe, y as me } from "./lib-AJRHFE5U.js";
-import { t as he } from "./useConfig-Br1uzq_L.js";
-import { t as ge } from "./usePrinter-6n2MzVyV.js";
+import { B as t, Ct as n, Et as r, G as i, H as a, Ht as ee, J as o, Kt as s, S as te, Ut as ne, Vt as re, W as ie, X as ae, ct as oe, gt as se, h as ce, i as le, it as ue, kt as c, t as de, v as fe, x as pe, y as me } from "./lib-CXicicWN.js";
+import { t as he } from "./useConfig-Bf_EBbe3.js";
+import { t as ge } from "./usePrinter-Dng0UK-G.js";
 import { n as _e, t as ve } from "./BaseScanner-DZvpgOjM.js";
 import { t as ye } from "./useSvgExport-SVIsDot8.js";
-import { t as be } from "./useNestedProp-DtcXIg7n.js";
+import { t as be } from "./useNestedProp-APyFoLCQ.js";
 import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Se } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Ce } from "./img-C_RNNswI.js";
-import { n as we } from "./Title-DH6G8_cZ.js";
-import { t as Te } from "./Shape-BubavoqO.js";
+import { t as Ce } from "./img-BCAOkqfM.js";
+import { n as we } from "./Title-CVYf1f8m.js";
+import { t as Te } from "./Shape-C5OvuwII.js";
 import { t as Ee } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as De } from "./canvas-lib-BOP_HS11.js";
 import { t as Oe } from "./useResponsive-BfnK0KxU.js";
@@ -133,7 +133,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 	},
 	emits: ["selectDatapoint", "copyAlt"],
 	setup(e, { expose: Ee, emit: Ge }) {
-		let xt = h(() => import("./Tooltip-979Ytd8R.js")), St = h(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), Ct = h(() => import("./vue-ui-accordion-HvsT8_RM.js").then((e) => e.n)), wt = h(() => import("./DataTable-G9aclxhk.js")), Tt = h(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), Et = h(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Dt = h(() => import("./PackageVersion-DxBQctV8.js").then((e) => e.t)), Ot = h(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), { vue_ui_strip_plot: kt } = he(), { isThemeValid: At, warnInvalidTheme: jt } = xe(), D = e, Mt = Ge, Nt = u({
+		let xt = h(() => import("./Tooltip-BmGCBJuU.js")), St = h(() => import("./BaseIcon-DEtwcvEH.js").then((e) => e.n)), Ct = h(() => import("./vue-ui-accordion-Di_givzQ.js").then((e) => e.n)), wt = h(() => import("./DataTable-DJZgdnIn.js")), Tt = h(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), Et = h(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), Dt = h(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), Ot = h(() => import("./BaseDraggableDialog-a9xCKjW-.js").then((e) => e.n)), { vue_ui_strip_plot: kt } = he(), { isThemeValid: At, warnInvalidTheme: jt } = xe(), D = e, Mt = Ge, Nt = u({
 			get() {
 				return !!D.dataset && D.dataset.length;
 			},
@@ -143,7 +143,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 		}), O = x(a()), Pt = x(0), Ft = x(!1), It = x(""), k = x(null), Lt = x(null), Rt = x(null), zt = x(null), Bt = x(!1), Vt = x(0), Ht = x(0), A = x(null), Ut = x(null), Wt = x(!1), j = x(!1), Gt = x(null), Kt = x(null), qt = x(null), Jt = x(null), M = x(null), N = x(null), P = x("pointer"), Yt = x({
 			x: 0,
 			y: 0
-		}), Xt = x(!1), F = x(an()), I = u(() => F.value.userOptions.useCursorPointer), Zt = u(() => o({
+		}), Xt = x(!1), F = x(an()), I = u(() => F.value.userOptions.useCursorPointer), Zt = u(() => ne({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -269,7 +269,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 					]
 				}
 			],
-			skeletonConfig: o({
+			skeletonConfig: ne({
 				defaultConfig: F.value,
 				userConfig: Zt.value
 			})
@@ -281,16 +281,16 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 			}), t = e.theme;
 			if (!t) return e;
 			if (!At.value(e)) return jt(e), e;
-			let r = be({
+			let n = be({
 				userConfig: Me[t] || D.config,
 				defaultConfig: e
-			}), i = be({
+			}), r = be({
 				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 : re[t] || c
 			};
 		}
 		Ue(() => D.config, async (e) => {
@@ -304,7 +304,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 		});
 		let on = u(() => !!F.value.debug);
 		function sn() {
-			if (ne(D.dataset) ? (ae({
+			if (r(D.dataset) ? (ae({
 				componentName: "VueUiStripPlot",
 				type: "dataset",
 				debug: on.value
@@ -334,7 +334,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 						});
 					});
 				});
-			}), ne(D.dataset) || (en.value = F.value.loading), F.value.responsive) {
+			}), r(D.dataset) || (en.value = F.value.loading), F.value.responsive) {
 				let e = De(() => {
 					let { width: e, height: t } = Oe({
 						chart: k.value,
@@ -343,7 +343,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 						noTitle: zt.value
 					});
 					requestAnimationFrame(() => {
-						hn.value = t, V.value = Math.max(.1, e), H.value = Math.max(.1, t - 12), F.value.responsiveProportionalSizing ? U.value = re({
+						hn.value = t, V.value = Math.max(.1, e), H.value = Math.max(.1, t - 12), F.value.responsiveProportionalSizing ? U.value = ee({
 							relator: Math.min(t, e),
 							adjuster: 600,
 							source: F.value.style.chart.plots.radius,
@@ -411,15 +411,15 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 			let t = 0;
 			return qt.value && (t = vn.value + 12), e + t;
 		}), G = u(() => {
-			let e = _n(), t = mn.value.left + e + F.value.style.chart.labels.axis.yLabelOffsetX + 5, n = V.value - mn.value.right, r = Math.max(0, n - t), i = mn.value.top + F.value.style.chart.plots.radius + F.value.style.chart.labels.bestPlotLabel.fontSize, a = H.value - mn.value.bottom - bn.value, o = Math.max(0, a - i), s = Array.isArray($t.value) ? $t.value.length : 0;
+			let e = _n(), t = mn.value.left + e + F.value.style.chart.labels.axis.yLabelOffsetX + 5, n = V.value - mn.value.right, r = Math.max(0, n - t), i = mn.value.top + F.value.style.chart.plots.radius + F.value.style.chart.labels.bestPlotLabel.fontSize, a = H.value - mn.value.bottom - bn.value, ee = Math.max(0, a - i), o = Array.isArray($t.value) ? $t.value.length : 0;
 			return {
 				left: t,
 				right: n,
 				top: i,
 				bottom: a,
 				width: r,
-				height: o,
-				stripWidth: s > 0 ? r / s : 0,
+				height: ee,
+				stripWidth: o > 0 ? r / o : 0,
 				absoluteHeight: H.value
 			};
 		}), xn = u(() => $t.value.map((e, t) => {
@@ -451,7 +451,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				max: Math.max(...e),
 				min: Math.min(...e)
 			};
-		}), q = u(() => se(Cn.value.min < 0 ? Cn.value.min : 0, Cn.value.max, F.value.style.chart.grid.scaleSteps)), J = u(() => (K.value || []).map((e, t) => ({
+		}), q = u(() => ce(Cn.value.min < 0 ? Cn.value.min : 0, Cn.value.max, F.value.style.chart.grid.scaleSteps)), J = u(() => (K.value || []).map((e, t) => ({
 			...e,
 			plots: e.plots.map((e) => ({
 				...e,
@@ -485,13 +485,13 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				config: F.value,
 				series: xn.value
 			}, Ft.value = !0, Y.value = e;
-			let i = F.value.style.chart.tooltip.customFormat;
-			if (ce(i) && ue(() => i({
+			let r = F.value.style.chart.tooltip.customFormat;
+			if (se(r) && ue(() => r({
 				seriesIndex: t,
 				datapoint: e,
 				series: xn.value,
 				config: F.value
-			}))) It.value = i({
+			}))) It.value = r({
 				seriesIndex: t,
 				datapoint: e,
 				series: xn.value,
@@ -499,7 +499,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 			});
 			else {
 				let n = "";
-				n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${F.value.style.chart.plots.gradient.show ? `url(#${e.parentId})` : e.color}"/></svg>${e.name}</div>`, n += `<div>${le(F.value.style.chart.labels.formatter, e.value, r({
+				n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${F.value.style.chart.plots.gradient.show ? `url(#${e.parentId})` : e.color}"/></svg>${e.name}</div>`, n += `<div>${le(F.value.style.chart.labels.formatter, e.value, i({
 					p: F.value.style.chart.labels.prefix,
 					v: e.value,
 					s: F.value.style.chart.labels.suffix,
@@ -519,12 +519,12 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 		}));
 		function An(e = null) {
 			Le(() => {
-				let t = kn.value.head.map((e, t) => [[e.name], [kn.value.body[t]]]), n = ee([
+				let t = kn.value.head.map((e, t) => [[e.name], [kn.value.body[t]]]), n = te([
 					[F.value.style.chart.title.text],
 					[F.value.style.chart.title.subtitle.text],
 					[[F.value.table.columnNames.series], [F.value.table.columnNames.value]]
 				].concat(t));
-				e ? e(n) : s({
+				e ? e(n) : o({
 					csvContent: n,
 					title: F.value.style.chart.title.text || "vue-ui-strip-plot"
 				});
@@ -532,7 +532,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 		}
 		let X = u(() => {
 			let e = [F.value.table.columnNames.series, F.value.table.columnNames.value], t = kn.value.head.map((e, t) => {
-				let n = r({
+				let n = i({
 					p: F.value.style.chart.labels.prefix,
 					v: kn.value.body[t],
 					s: F.value.style.chart.labels.suffix,
@@ -746,24 +746,24 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 		}
 		function er(e) {
 			if (!L.value || Q.value || document.activeElement !== L.value || !Kn()) 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) {
+			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "ArrowUp", i = e.key === "ArrowDown", a = e.key === "Enter" || e.key === " ", ee = e.key === "Escape";
+			if (!t && !n && !r && !i && !a && !ee) return;
+			if (e.preventDefault(), e.stopPropagation(), ee) {
 				Yn();
 				return;
 			}
-			let s = M.value, c = N.value;
-			if (s === null || c === null) s = 0, c = 0;
+			let o = M.value, s = N.value;
+			if (o === null || s === null) o = 0, s = 0;
 			else if (t || n) {
 				let e = Kn();
-				s = n ? (s + 1) % e : (s - 1 + e) % e;
-				let t = qn(s);
+				o = n ? (o + 1) % e : (o - 1 + e) % e;
+				let t = qn(o);
 				if (!t.length) return;
-				c = Math.min(c, t.length - 1);
+				s = Math.min(s, t.length - 1);
 			} else if (r || i) {
-				let e = qn(s);
+				let e = qn(o);
 				if (!e.length) return;
-				c = r ? (c + 1) % e.length : (c - 1 + e.length) % e.length;
+				s = r ? (s + 1) % e.length : (s - 1 + e.length) % e.length;
 			}
 			if (a) {
 				let e = Jn();
@@ -774,7 +774,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				});
 				return;
 			}
-			Zn(s, c);
+			Zn(o, s);
 		}
 		let tr = u(() => ({
 			headers: X.value?.colNames ?? [],
@@ -793,14 +793,14 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 			toggleAnnotator: In,
 			toggleFullscreen: jn,
 			copyAlt: Gn
-		}), (e, n) => (b(), p("div", {
+		}), (e, r) => (b(), p("div", {
 			ref_key: "stripPlotChart",
 			ref: k,
 			class: _(`vue-data-ui-component vue-ui-strip-plot ${Z.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${F.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			style: y(`font-family:${F.value.style.fontFamily};width:100%; text-align:center;background:${F.value.style.chart.backgroundColor};${F.value.responsive ? "height:100%" : ""}`),
 			id: `strip-plot_${O.value}`,
-			onMouseenter: n[1] ||= () => T(nn)(!0),
-			onMouseleave: n[2] ||= () => T(nn)(!1)
+			onMouseenter: r[1] ||= () => T(nn)(!0),
+			onMouseleave: r[2] ||= () => T(nn)(!1)
 		}, [
 			m("div", {
 				id: `chart-instructions-${O.value}`,
@@ -1059,7 +1059,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 					fill: F.value.style.chart.labels.yAxisLabels.color,
 					"font-size": F.value.style.chart.labels.yAxisLabels.fontSize,
 					"text-anchor": "end"
-				}, w(T(le)(F.value.style.chart.labels.formatter, e.value, T(r)({
+				}, w(T(le)(F.value.style.chart.labels.formatter, e.value, T(i)({
 					p: F.value.style.chart.labels.prefix,
 					v: e.value,
 					s: F.value.style.chart.labels.suffix,
@@ -1080,7 +1080,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 					fill: F.value.style.chart.labels.xAxisLabels.color,
 					"text-anchor": F.value.style.chart.labels.xAxisLabels.rotation > 0 ? "start" : F.value.style.chart.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 					innerHTML: T(t)({
-						content: T(i)(String(e)),
+						content: T(s)(String(e)),
 						fontSize: F.value.style.chart.labels.xAxisLabels.fontSize,
 						fill: F.value.style.chart.labels.xAxisLabels.color,
 						x: 0,
@@ -1144,7 +1144,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				}, [
 					m("stop", {
 						offset: "10%",
-						"stop-color": T(te)(e.color, F.value.style.chart.plots.gradient.intensity / 100)
+						"stop-color": T(n)(e.color, F.value.style.chart.plots.gradient.intensity / 100)
 					}, null, 8, pt),
 					m("stop", {
 						offset: "90%",
@@ -1203,7 +1203,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 					fill: F.value.style.chart.labels.bestPlotLabel.color,
 					"text-anchor": "middle",
 					style: y(`opacity:${F.value.useCssAnimation ? +!B.value : 1};transition:opacity 0.2s ease-in;`)
-				}, w(e.name) + " " + w(F.value.style.chart.labels.bestPlotLabel.showValue ? T(le)(F.value.style.chart.labels.formatter, e.value, T(r)({
+				}, w(e.name) + " " + w(F.value.style.chart.labels.bestPlotLabel.showValue ? T(le)(F.value.style.chart.labels.formatter, e.value, T(i)({
 					p: `(${F.value.style.chart.labels.prefix}`,
 					v: e.value,
 					s: `${F.value.style.chart.labels.suffix})`,
@@ -1244,7 +1244,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				parent: k.value,
 				content: It.value,
 				isFullscreen: Z.value,
-				isCustom: T(ce)(F.value.style.chart.tooltip.customFormat),
+				isCustom: T(se)(F.value.style.chart.tooltip.customFormat),
 				smooth: F.value.style.chart.tooltip.smooth,
 				backdropFilter: F.value.style.chart.tooltip.backdropFilter,
 				smoothForce: F.value.style.chart.tooltip.smoothForce,
@@ -1324,7 +1324,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				fn: E(() => [m("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[0] ||= (e) => An(F.value.userOptions.callbacks.csv),
+					onClick: r[0] ||= (e) => An(F.value.userOptions.callbacks.csv),
 					style: y({ cursor: I.value ? "pointer" : "default" })
 				}, [Fe(T(St), {
 					name: "fileCsv",