vue-data-ui 3.20.11 → 3.21.0

package/dist/{vue-ui-ridgeline-B5BRKUoc.js → vue-ui-ridgeline-CYq3APPQ.js}

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { B as t, Bt as n, Ct as r, Et as i, G as a, H as o, I as s, J as c, O as ee, Pt as te, Rt as ne, S as re, X as ie, ct as ae, i as l, k as oe, ot as se, q as ce, r as le, t as ue, x as de, y as fe } from "./lib-DUeYQsS0.js";
+import { B as t, Bt as n, G as r, H as i, Ht as a, I as ee, It as o, J as s, O as te, Ot as c, S as ne, Tt as re, X as ie, ct as ae, i as l, k as oe, q as se, r as ce, t as le, ut as ue, x as de, y as fe } from "./lib-AJRHFE5U.js";
 import { t as pe } from "./useTimeLabels-BmBRv27Y.js";
 import { t as me } from "./useConfig-DnH7Pf_2.js";
-import { t as he } from "./usePrinter-C1Gqt_Sp.js";
+import { t as he } from "./usePrinter-6n2MzVyV.js";
 import { n as ge, t as _e } from "./BaseScanner-Dr2a1Msy.js";
 import { t as ve } from "./useSvgExport-SVIsDot8.js";
-import { t as ye } from "./useNestedProp-CNcoy38D.js";
+import { t as ye } from "./useNestedProp-DtcXIg7n.js";
 import { t as be } from "./useThemeCheck-C43Tcqmk.js";
 import { t as xe } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Se } from "./img-1cKsci8e.js";
-import { n as Ce } from "./Title-NWp4qB4K.js";
-import { t as we } from "./Shape-BPCJfphn.js";
+import { t as Se } from "./img-C_RNNswI.js";
+import { n as Ce } from "./Title-DH6G8_cZ.js";
+import { t as we } from "./Shape-BxFtoF1z.js";
 import { t as Te } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as Ee } from "./canvas-lib-BOP_HS11.js";
 import { t as De } from "./useResponsive-BfnK0KxU.js";
-import { t as Oe } from "./BaseLegendToggle-C_Db-y7s.js";
+import { t as Oe } from "./BaseLegendToggle-BNRi408o.js";
 import { t as ke } from "./A11yDataTable-BCbtxMU6.js";
 import { t as Ae } from "./useUserOptionState-DK-_1ddE.js";
 import { t as je } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Me } from "./Legend-Cz2uQ5gs.js";
+import { t as Me } from "./Legend-BLhREbj7.js";
 import { t as Ne } from "./vue_ui_ridgeline-VM8_mx4J.js";
 import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Pe, createTextVNode as Fe, createVNode as Ie, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as Le, nextTick as Re, normalizeClass as ze, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as Be, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as Ve, shallowRef as He, toDisplayString as w, toRefs as Ue, unref as T, watch as E, watchEffect as We, withCtx as D } from "vue";
 //#region src/components/vue-ui-ridgeline.vue
@@ -137,14 +137,14 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 		"copyAlt"
 	],
 	setup(e, { expose: Te, emit: Ge }) {
-		let Tt = g(() => import("./vue-ui-xy-omDIF90L.js").then((e) => e.n)), Et = g(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), Dt = g(() => import("./vue-ui-accordion-Bpbv-VHE.js").then((e) => e.n)), Ot = g(() => import("./DataTable-B--IN22e.js")), kt = g(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), At = g(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), jt = g(() => import("./PackageVersion-eS823iMF.js").then((e) => e.t)), Mt = g(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_ridgeline: Nt } = me(), { isThemeValid: Pt, warnInvalidTheme: Ft } = be(), O = e, It = d({
+		let Tt = g(() => import("./vue-ui-xy-DzuOBbPL.js").then((e) => e.n)), Et = g(() => import("./BaseIcon-CbDazQLH.js").then((e) => e.n)), Dt = g(() => import("./vue-ui-accordion-DLnwuQda.js").then((e) => e.n)), Ot = g(() => import("./DataTable-DweDyHc1.js")), kt = g(() => import("./PenAndPaper-D4aFMYZf.js").then((e) => e.t)), At = g(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), jt = g(() => import("./PackageVersion-DYLo3MRd.js").then((e) => e.t)), Mt = g(() => import("./BaseDraggableDialog-BvaFJWHb.js").then((e) => e.n)), { vue_ui_ridgeline: Nt } = me(), { isThemeValid: Pt, warnInvalidTheme: Ft } = be(), O = e, It = d({
 			get() {
 				return Array.isArray(z.value) && z.value.length > 0;
 			},
 			set(e) {
 				return e;
 			}
-		}), Lt = Ge, k = x(null), Rt = x(null), zt = x(null), A = He(null), j = He(null), Bt = x(null), Vt = x(null), Ht = x(0), Ut = x(0), Wt = x(0), M = x(o()), Gt = x(0), Kt = x(0), qt = x(512), N = x(null), P = x(null), Jt = x(null), Yt = x(0), Xt = x(null), Zt = x(null), Qt = x(null), $t = x(!1), en = x(!1), F = x(null), tn = x(!1);
+		}), Lt = Ge, k = x(null), Rt = x(null), zt = x(null), A = He(null), j = He(null), Bt = x(null), Vt = x(null), Ht = x(0), Ut = x(0), Wt = x(0), M = x(i()), Gt = x(0), Kt = x(0), qt = x(512), N = x(null), P = x(null), Jt = x(null), Yt = x(0), Xt = x(null), Zt = x(null), Qt = x(null), $t = x(!1), en = x(!1), F = x(null), tn = x(!1);
 		function nn() {
 			let e = ye({
 				userConfig: O.config,
@@ -152,19 +152,19 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 			}), t = e.theme;
 			if (!t) return e;
 			if (!Pt.value(e)) return Ft(e), e;
-			let n = ye({
+			let r = ye({
 				userConfig: Ne[t] || O.config,
 				defaultConfig: e
-			}), r = ye({
+			}), i = ye({
 				userConfig: O.config,
-				defaultConfig: n
+				defaultConfig: r
 			});
 			return {
-				...r,
-				customPalette: r.customPalette.length ? r.customPalette : ne[t] || i
+				...i,
+				customPalette: i.customPalette.length ? i.customPalette : n[t] || c
 			};
 		}
-		let I = x(nn()), L = d(() => I.value.userOptions.useCursorPointer), rn = d(() => n({
+		let I = x(nn()), L = d(() => I.value.userOptions.useCursorPointer), rn = d(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -420,7 +420,7 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 					}]
 				}
 			],
-			skeletonConfig: n({
+			skeletonConfig: a({
 				defaultConfig: I.value,
 				userConfig: rn.value
 			})
@@ -436,7 +436,7 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 				return;
 			}
 			if (e.forEach((e, t) => {
-				se({
+				ae({
 					datasetObject: e,
 					requiredAttributes: ["name", "datapoints"]
 				}).forEach((e) => {
@@ -448,7 +448,7 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 						debug: ln.value
 					});
 				}), Array.isArray(e.datapoints) && e.datapoints.length && e.datapoints.forEach((e, n) => {
-					se({
+					ae({
 						datasetObject: e,
 						requiredAttributes: ["name", "values"]
 					}).forEach((e) => {
@@ -461,7 +461,7 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 						});
 					});
 				});
-			}), Kt.value = e.length, B.value = Math.min(I.value.style.chart.areas.height, I.value.style.chart.areas.rowHeight), r(O.dataset) || (an.value = I.value.loading), I.value.responsive) {
+			}), Kt.value = e.length, B.value = Math.min(I.value.style.chart.areas.height, I.value.style.chart.areas.rowHeight), re(O.dataset) || (an.value = I.value.loading), I.value.responsive) {
 				let t = Ee(() => {
 					let { width: t, height: n } = De({
 						chart: k.value,
@@ -521,9 +521,9 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 		let U = d(() => It.value ? (z.value || []).map((e) => ({
 			...e,
 			labelLen: In(e.name, I.value.style.chart.yAxis.labels.fontSize),
-			uid: o(),
+			uid: i(),
 			datapoints: e.datapoints.map((e, t) => {
-				let n = e.color ? fe(e.color) : gn.value[t] || i[t] || i[t % i.length], r = te(e.name);
+				let n = e.color ? fe(e.color) : gn.value[t] || c[t] || c[t % c.length], r = o(e.name);
 				return {
 					...e,
 					color: n,
@@ -625,21 +625,21 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 		}
 		let J = d(() => {
 			B.value;
-			let e = Math.max(...U.value.map((e) => e.labelLen)), t = Math.max(...U.value.flatMap((e) => e.datapoints.flatMap((e) => e.values))), n = Math.min(...U.value.flatMap((e) => e.datapoints.flatMap((e) => e.values))), r = W.value.padding.left + e + 16 + I.value.style.chart.yAxis.labels.offsetX, i = (G.value.width - r) / On.value, a = Math.abs(Math.min(n, 0)), c = t + a;
-			function te(e) {
-				return isNaN(e / c) ? 0 : e / c;
+			let e = Math.max(...U.value.map((e) => e.labelLen)), t = Math.max(...U.value.flatMap((e) => e.datapoints.flatMap((e) => e.values))), n = Math.min(...U.value.flatMap((e) => e.datapoints.flatMap((e) => e.values))), r = W.value.padding.left + e + 16 + I.value.style.chart.yAxis.labels.offsetX, a = (G.value.width - r) / On.value, o = Math.abs(Math.min(n, 0)), s = t + o;
+			function c(e) {
+				return isNaN(e / s) ? 0 : e / s;
 			}
 			return U.value.map((e, t) => {
-				let n = G.value.top + B.value * t, c = G.value.top + n + B.value * _n.value * (1 - te(a));
+				let n = G.value.top + B.value * t, s = G.value.top + n + B.value * _n.value * (1 - c(o));
 				return {
 					...e,
 					label: {
 						x: r - I.value.style.chart.yAxis.labels.fontSize,
-						y: c
+						y: s
 					},
 					datapoints: e.datapoints.map((e) => {
-						let t = e.values.map((t, o) => {
-							let s = isNaN(t) || [
+						let t = e.values.map((t, i) => {
+							let ee = isNaN(t) || [
 								void 0,
 								null,
 								"NaN",
@@ -648,23 +648,23 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 								-Infinity
 							].includes(t) ? 0 : t || 0;
 							return {
-								x: r + i * o,
-								y: G.value.top + n + B.value * _n.value * (1 - te(s + a)),
+								x: r + a * i,
+								y: G.value.top + n + B.value * _n.value * (1 - c(ee + o)),
 								value: t,
 								isMaxPoint: t === Math.max(...e.values),
-								zero: c
+								zero: s
 							};
-						}), ne = `${ee(t, c, !1, !1)}`, re = `M ${r},${c} ${s(t)} ${t.at(-1).x},${c}`, ie = `M ${r},${c} ${t.at(-1).x},${c}`, l = `M ${oe(t)}`, se = `M ${s(t)}`, ce = ae(I.value.style.chart.areas.smooth ? l : se);
+						}), ne = `${te(t, s, !1, !1)}`, re = `M ${r},${s} ${ee(t)} ${t.at(-1).x},${s}`, ie = `M ${r},${s} ${t.at(-1).x},${s}`, ae = `M ${oe(t)}`, l = `M ${ee(t)}`, se = ue(I.value.style.chart.areas.smooth ? ae : l);
 						return {
 							...e,
-							uid: o(),
+							uid: i(),
 							plots: t,
 							smoothPath: ne,
 							straightPath: re,
 							zeroPath: ie,
-							pathLength: ce,
-							smoothPathRidge: l,
-							straightPathRidge: se
+							pathLength: se,
+							smoothPathRidge: ae,
+							straightPathRidge: l
 						};
 					}).filter((e) => !Y.value.includes(e.id))
 				};
@@ -674,7 +674,7 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 			let t = /* @__PURE__ */ new Map();
 			return e.forEach((e) => {
 				e.datapoints.forEach((e, n) => {
-					let r = te(e.name);
+					let r = o(e.name);
 					t.has(r) || t.set(r, {
 						id: r,
 						name: e.name,
@@ -707,7 +707,7 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 				useArea: !0,
 				smooth: I.value.style.chart.areas.smooth,
 				series: e.values
-			})), P.value = e, Bn.value = ce({
+			})), P.value = e, Bn.value = se({
 				...I.value.style.chart.dialog.xyChart,
 				responsive: !0,
 				chart: {
@@ -789,8 +789,8 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 		});
 		function Yn(e = null) {
 			Re(() => {
-				let t = [[I.value.table.columnNames.series, ...K.map((e) => [e.text])], ...Jn.value.body.map((e, t) => [e[0].name, ...e.slice(1)])], n = re([[I.value.style.chart.title.text], [I.value.style.chart.title.subtitle.text]].concat(t));
-				e ? e(n) : c({
+				let t = [[I.value.table.columnNames.series, ...K.map((e) => [e.text])], ...Jn.value.body.map((e, t) => [e[0].name, ...e.slice(1)])], n = ne([[I.value.style.chart.title.text], [I.value.style.chart.title.subtitle.text]].concat(t));
+				e ? e(n) : s({
 					csvContent: n,
 					title: I.value.style.chart.title.text || "vue-ui-ridgeline"
 				});
@@ -945,9 +945,9 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 		}
 		function ur(e) {
 			if (!V.value || Gn.value || document.activeElement !== V.value || !J.value.length) return;
-			let t = e.key === "ArrowUp", n = e.key === "ArrowDown", r = e.key === "ArrowLeft", i = e.key === "ArrowRight", 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 === "ArrowUp", n = e.key === "ArrowDown", r = e.key === "ArrowLeft", i = e.key === "ArrowRight", a = e.key === "Enter" || e.key === " ", ee = e.key === "Escape";
+			if (!t && !n && !r && !i && !a && !ee) return;
+			if (e.preventDefault(), e.stopPropagation(), ee) {
 				pr();
 				return;
 			}
@@ -966,10 +966,10 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 				return;
 			}
 			if (!q.value.length) return;
-			let s = N.value?.index ?? null;
-			s = s === null ? i ? 0 : q.value.length - 1 : fr(s + (i ? 1 : -1));
-			let c = q.value[s];
-			c && jn(c);
+			let o = N.value?.index ?? null;
+			o = o === null ? i ? 0 : q.value.length - 1 : fr(o + (i ? 1 : -1));
+			let s = q.value[o];
+			s && jn(s);
 		}
 		function dr(e) {
 			let t = J.value.length;
@@ -1220,7 +1220,7 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 			h("div", Je, [(b(), m("svg", {
 				ref_key: "svgRef",
 				ref: V,
-				xmlns: T(ue),
+				xmlns: T(le),
 				"aria-describedby": `chart-instructions-${M.value}`,
 				class: ze({
 					"vue-data-ui-fullscreen--on": Z.value,
@@ -1342,7 +1342,7 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 						y1: e.y,
 						x2: e.x,
 						y2: e.zero,
-						stroke: I.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? T(le)(t.color) : I.value.style.chart.areas.maxPoint.stroke,
+						stroke: I.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? T(ce)(t.color) : I.value.style.chart.areas.maxPoint.stroke,
 						"stroke-width": I.value.style.chart.areas.maxPoint.strokeWidth,
 						"stroke-linecap": "round",
 						"stroke-dasharray": I.value.style.chart.areas.maxPoint.strokeDasharray
@@ -1443,14 +1443,14 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 						style: { pointerEvents: "none" }
 					}, null, 8, yt)) : p("", !0), N.value && N.value.index === n ? (b(), m("text", {
 						key: 1,
-						x: Fn(t.x, T(l)(I.value.style.chart.selector.labels.formatter, t.value, T(a)({
+						x: Fn(t.x, T(l)(I.value.style.chart.selector.labels.formatter, t.value, T(r)({
 							p: I.value.style.chart.xAxis.labels.prefix,
 							v: t.value,
 							s: I.value.style.chart.xAxis.labels.suffix,
 							r: I.value.style.chart.selector.labels.rounding
 						})), I.value.style.chart.selector.labels.fontSize) ? t.x - I.value.style.chart.selector.labels.fontSize / 2 : t.x + I.value.style.chart.selector.labels.fontSize / 2,
 						y: t.y + I.value.style.chart.selector.labels.fontSize / 3,
-						"text-anchor": Fn(t.x, T(l)(I.value.style.chart.selector.labels.formatter, t.value, T(a)({
+						"text-anchor": Fn(t.x, T(l)(I.value.style.chart.selector.labels.formatter, t.value, T(r)({
 							p: I.value.style.chart.xAxis.labels.prefix,
 							v: t.value,
 							s: I.value.style.chart.xAxis.labels.suffix,
@@ -1459,7 +1459,7 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 						"font-size": I.value.style.chart.selector.labels.fontSize,
 						fill: I.value.style.chart.selector.labels.color,
 						style: { pointerEvents: "none" }
-					}, w(T(l)(I.value.style.chart.selector.labels.formatter, t.value, T(a)({
+					}, w(T(l)(I.value.style.chart.selector.labels.formatter, t.value, T(r)({
 						p: I.value.style.chart.xAxis.labels.prefix,
 						v: t.value,
 						s: I.value.style.chart.xAxis.labels.suffix,
@@ -1549,7 +1549,7 @@ var Ge = /* @__PURE__ */ e({ default: () => Tt }), Ke = ["id"], qe = ["id"], Je
 					onClose: $n
 				}, {
 					th: D(({ th: e }) => [h("div", { innerHTML: e }, null, 8, wt)]),
-					td: D(({ td: e }) => [Fe(w(e.name ? e.name : T(l)(I.value.style.chart.selector.labels.formatter, e, T(a)({
+					td: D(({ td: e }) => [Fe(w(e.name ? e.name : T(l)(I.value.style.chart.selector.labels.formatter, e, T(r)({
 						p: I.value.style.chart.xAxis.labels.prefix,
 						v: e,
 						s: I.value.style.chart.xAxis.labels.suffix,