vue-data-ui 3.25.3 → 3.25.5

package/dist/{vue-ui-quadrant-77idomwS.js → vue-ui-quadrant-Dmtwow7n.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, Et as r, G as i, Ht as a, It as o, Jt as s, Nt as ee, S as te, St as ne, Ut as re, X as c, Xt as ie, i as l, lt as ae, nt as oe, q as se, r as ce, t as le, vt as ue, w as de } from "./lib-C7t_vY8w.js";
+import { $ as t, Ct as n, D as r, Dt as i, G as a, Lt as o, Pt as ee, S as te, Ut as s, Wt as ne, X as c, Yt as re, Zt as ie, i as l, lt as ae, nt as oe, q as se, r as ce, t as le, w as ue, yt as de } from "./lib-Dql7cqyA.js";
 import { n as fe, t as pe } from "./useHints-Dq_w2E8B.js";
-import { t as me } from "./useConfig-CyCVHo81.js";
-import { t as he } from "./usePrinter-VVTuFI6H.js";
+import { t as me } from "./useConfig-C_mX5pOZ.js";
+import { t as he } from "./usePrinter-DISD7q5m.js";
 import { n as ge, t as _e } from "./BaseScanner-DZvpgOjM.js";
-import { t as ve } from "./useNestedProp-BfTgFMXF.js";
+import { t as ve } from "./useNestedProp-Chvyfpl-.js";
 import { t as ye } from "./useThemeCheck-C43Tcqmk.js";
 import { t as be } from "./useChartExport-iwOqiIWX.js";
-import { t as xe } from "./img-IjqD_xWl.js";
-import { n as Se } from "./Title-DIf1lG-_.js";
-import { t as Ce } from "./Shape-BBKymE00.js";
+import { t as xe } from "./img-DhGApYG0.js";
+import { n as Se } from "./Title-CPHi-evi.js";
+import { t as Ce } from "./Shape-CIqU-p2F.js";
 import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Te, t as Ee } from "./useResponsive-ZtArZtUf.js";
 import { t as De } from "./DefGrad-DVBqDjhO.js";
-import { t as Oe } from "./BaseLegendToggle-BF-thEu0.js";
+import { t as Oe } from "./BaseLegendToggle-__JnV08B.js";
 import { t as ke } from "./A11yDataTable-DdRsVULz.js";
 import { t as Ae } from "./useUserOptionState-DK-_1ddE.js";
 import { t as je } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Me } from "./Legend-DmitJZi5.js";
+import { t as Me } from "./Legend-X4kF4PvW.js";
 import { t as Ne } from "./vue_ui_quadrant-CDSTKTJz.js";
 import { Fragment as u, Teleport as Pe, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Fe, createTextVNode as Ie, createVNode as Le, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as Re, nextTick as ze, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Be, onMounted as Ve, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as He, shallowRef as Ue, toDisplayString as T, toRefs as We, unref as E, watch as Ge, withCtx as D } from "vue";
 //#region src/components/vue-ui-quadrant.vue
@@ -224,7 +224,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 		"copyAlt"
 	],
 	setup(e, { expose: we, emit: Ke }) {
-		let en = g(() => import("./Tooltip-C3jBTIhR.js")), tn = g(() => import("./BaseIcon-CVrQHhw1.js").then((e) => e.n)), nn = g(() => import("./vue-ui-accordion-DuARUUdY.js").then((e) => e.n)), rn = g(() => import("./DataTable-BBpTEQY5.js")), an = g(() => import("./PenAndPaper-DzM1vUXR.js").then((e) => e.t)), on = g(() => import("./UserOptions-m0uxKoiy.js").then((e) => e.n)), sn = g(() => import("./PackageVersion-hRJtldYi.js").then((e) => e.t)), cn = g(() => import("./BaseDraggableDialog-BCQY4Tir.js").then((e) => e.n)), { vue_ui_quadrant: ln } = me(), { isThemeValid: un, warnInvalidTheme: dn } = ye(), O = e, fn = d(() => !!O.dataset && O.dataset.length), k = S(se()), pn = Ke, mn = S(!1), hn = S(""), gn = S(0), A = S(!1), j = S(null), _n = S(null), vn = S(null), yn = S(null), bn = S(null), xn = S(0), Sn = S(0), Cn = S(0), wn = S(!1), Tn = S(null), En = S(null), M = S(null), Dn = S(null), On = S({
+		let en = g(() => import("./Tooltip-hhrkQ3Lk.js")), tn = g(() => import("./BaseIcon-t83PDe9k.js").then((e) => e.n)), nn = g(() => import("./vue-ui-accordion-DRf3NQyH.js").then((e) => e.n)), rn = g(() => import("./DataTable-COIO9gi4.js")), an = g(() => import("./PenAndPaper-BgH3m_LP.js").then((e) => e.t)), on = g(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), sn = g(() => import("./PackageVersion-M2Ws-VwJ.js").then((e) => e.t)), cn = g(() => import("./BaseDraggableDialog-BM_R41j8.js").then((e) => e.n)), { vue_ui_quadrant: ln } = me(), { isThemeValid: un, warnInvalidTheme: dn } = ye(), O = e, fn = d(() => !!O.dataset && O.dataset.length), k = S(se()), pn = Ke, mn = S(!1), hn = S(""), gn = S(0), A = S(!1), j = S(null), _n = S(null), vn = S(null), yn = S(null), bn = S(null), xn = S(0), Sn = S(0), Cn = S(0), wn = S(!1), Tn = S(null), En = S(null), M = S(null), Dn = S(null), On = S({
 			x: 0,
 			y: 0
 		}), kn = S("pointer"), An = S(!1), N = S(Ln());
@@ -363,7 +363,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : s[t] || o
+				customPalette: r.customPalette.length ? r.customPalette : re[t] || o
 			};
 		}
 		Ge(() => O.config, (e) => {
@@ -420,7 +420,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 			elementId: `vue-ui-quadrant_${k.value}`,
 			fileName: N.value.style.chart.title.text || "vue-ui-quadrant",
 			options: N.value.userOptions.print
-		}), Wn = d(() => N.value.userOptions.show && !N.value.style.chart.title.text), Gn = d(() => de(N.value.customPalette)), R = S({
+		}), Wn = d(() => N.value.userOptions.show && !N.value.style.chart.title.text), Gn = d(() => ue(N.value.customPalette)), R = S({
 			plotLabels: { show: N.value.style.chart.layout.labels.plotLabels.show },
 			showTable: N.value.table.show,
 			showTooltip: N.value.style.chart.tooltip.show
@@ -499,11 +499,11 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				y: t - V.value.startY,
 				w: n - V.value.width,
 				h: r - V.value.height
-			}, o = N.value.zoomAnimationFrames, s = 0;
-			function ee() {
-				qn.value = !0, V.value.startX += a.x / o, V.value.startY += a.y / o, V.value.width += a.w / o, V.value.height += a.h / o, s += 1, s < o ? Kn.value = requestAnimationFrame(ee) : qn.value = !1;
+			}, o = N.value.zoomAnimationFrames, ee = 0;
+			function te() {
+				qn.value = !0, V.value.startX += a.x / o, V.value.startY += a.y / o, V.value.width += a.w / o, V.value.height += a.h / o, ee += 1, ee < o ? Kn.value = requestAnimationFrame(te) : qn.value = !1;
 			}
-			ee();
+			te();
 		}
 		let W = d(() => N.value.zoomEnabled);
 		function G(e) {
@@ -582,7 +582,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 			};
 		}), q = S([]), Xn = d(() => Nn.value.map((e, t) => ({
 			...e,
-			series: r({
+			series: i({
 				data: e.series,
 				threshold: N.value.downsample.threshold
 			}),
@@ -792,50 +792,50 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				y: r.top + r.height / 2
 			};
 		}
-		function mr(e, t, n, r = "pointer", i = null) {
+		function mr(e, t, r, i = "pointer", a = null) {
 			N.value.events.datapointEnter && N.value.events.datapointEnter({
 				datapoint: t,
-				seriesIndex: n
+				seriesIndex: r
 			}), X.value = t.uid, ur.value = {
 				color: e.color,
 				shape: e.shape
-			}, kn.value = r, M.value = i, Dn.value = t.uid, dr.value = {
+			}, kn.value = i, M.value = a, Dn.value = t.uid, dr.value = {
 				datapoint: t,
-				seriesIndex: n,
+				seriesIndex: r,
 				series: J.value,
 				config: N.value
 			};
-			let a = N.value.style.chart.tooltip.customFormat;
-			if (ne(a) && ae(() => a({
-				seriesIndex: n,
+			let o = N.value.style.chart.tooltip.customFormat;
+			if (n(o) && ae(() => o({
+				seriesIndex: r,
 				datapoint: t,
 				series: J.value,
 				config: N.value
-			}))) hn.value = a({
-				seriesIndex: n,
+			}))) hn.value = o({
+				seriesIndex: r,
 				datapoint: t,
 				series: J.value,
 				config: N.value
 			});
 			else {
-				let r = "";
-				t.quadrantSide && (r += `<div style="color:${N.value.style.chart.layout.labels.quadrantLabels[t.quadrantSide].color};font-weight:${N.value.style.chart.layout.labels.quadrantLabels[t.quadrantSide].bold ? "bold" : "400"}">${N.value.style.chart.layout.labels.quadrantLabels[t.quadrantSide].text}</div>`), r += `<div>${e.name}</div>`, r += `<div style="padding-bottom:6px;border-bottom:1px solid ${N.value.style.chart.tooltip.borderColor};margin-bottom:3px">${t.name}</div>`, r += `<div>${N.value.style.chart.layout.grid.xAxis.name ? N.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${l(N.value.style.chart.layout.labels.plotLabels.x.formatter, t.xValue, c({
+				let n = "";
+				t.quadrantSide && (n += `<div style="color:${N.value.style.chart.layout.labels.quadrantLabels[t.quadrantSide].color};font-weight:${N.value.style.chart.layout.labels.quadrantLabels[t.quadrantSide].bold ? "bold" : "400"}">${N.value.style.chart.layout.labels.quadrantLabels[t.quadrantSide].text}</div>`), n += `<div>${e.name}</div>`, n += `<div style="padding-bottom:6px;border-bottom:1px solid ${N.value.style.chart.tooltip.borderColor};margin-bottom:3px">${t.name}</div>`, n += `<div>${N.value.style.chart.layout.grid.xAxis.name ? N.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${l(N.value.style.chart.layout.labels.plotLabels.x.formatter, t.xValue, c({
 					v: t.xValue,
 					r: N.value.style.chart.tooltip.roundingValue
 				}), {
 					datapoint: t,
 					category: e,
-					categoryIndex: n
-				})}</b></div>`, r += `<div>${N.value.style.chart.layout.grid.yAxis.name ? N.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${l(N.value.style.chart.layout.labels.plotLabels.y.formatter, t.yValue, c({
+					categoryIndex: r
+				})}</b></div>`, n += `<div>${N.value.style.chart.layout.grid.yAxis.name ? N.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${l(N.value.style.chart.layout.labels.plotLabels.y.formatter, t.yValue, c({
 					v: t.yValue,
 					r: N.value.style.chart.tooltip.roundingValue
 				}), {
 					datapoint: t,
 					category: e,
-					categoryIndex: n
-				})}</b></div>`, hn.value = `<div style="text-align:left;font-size:${N.value.style.chart.tooltip.fontSize}px">${r}</div>`;
+					categoryIndex: r
+				})}</b></div>`, hn.value = `<div style="text-align:left;font-size:${N.value.style.chart.tooltip.fontSize}px">${n}</div>`;
 			}
-			r === "keyboard" && ze(() => {
+			i === "keyboard" && ze(() => {
 				pr(t.uid);
 			}), mn.value = !0;
 		}
@@ -997,13 +997,13 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 		}
 		function yr(e = null) {
 			ze(() => {
-				let r = [
+				let n = [
 					[N.value.style.chart.title.text],
 					[N.value.style.chart.title.subtitle.text],
 					[""]
-				], i = tr.value.head, a = tr.value.body, o = r.concat([i]).concat(a), s = n(o);
-				e ? e(s) : t({
-					csvContent: s,
+				], i = tr.value.head, a = tr.value.body, o = n.concat([i]).concat(a), ee = r(o);
+				e ? e(ee) : t({
+					csvContent: ee,
 					title: N.value.style.chart.title.text || "vue-ui-quadrant"
 				});
 			});
@@ -1122,10 +1122,10 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				gr(e.category, e.plot, e.categoryIndex);
 				return;
 			}
-			let a = M.value, o = X.value ? $.value.findIndex((e) => e.plot.uid === X.value) : null, s = a !== null && a >= 0 && a < $.value.length, ee = o !== null && o >= 0 && o < $.value.length;
-			s ? (a += n ? 1 : -1, a < 0 && (a = $.value.length - 1), a >= $.value.length && (a = 0)) : ee ? (a = n ? o + 1 : o - 1, a >= $.value.length && (a = 0), a < 0 && (a = $.value.length - 1)) : a = n ? 0 : $.value.length - 1;
-			let te = $.value[a];
-			te && mr(te.category, te.plot, te.categoryIndex, "keyboard", a);
+			let a = M.value, o = X.value ? $.value.findIndex((e) => e.plot.uid === X.value) : null, ee = a !== null && a >= 0 && a < $.value.length, te = o !== null && o >= 0 && o < $.value.length;
+			ee ? (a += n ? 1 : -1, a < 0 && (a = $.value.length - 1), a >= $.value.length && (a = 0)) : te ? (a = n ? o + 1 : o - 1, a >= $.value.length && (a = 0), a < 0 && (a = $.value.length - 1)) : a = n ? 0 : $.value.length - 1;
+			let s = $.value[a];
+			s && mr(s.category, s.plot, s.categoryIndex, "keyboard", a);
 		}
 		let Br = d(() => ({
 			headers: nr.value?.colNames ?? [],
@@ -1186,6 +1186,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				color: N.value.style.chart.color,
 				active: wr.value,
 				isCursorPointer: P.value,
+				palette: N.value.userOptions.annotatorPalette,
 				onClose: Tr
 			}, {
 				"annotator-action-close": D(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
@@ -1200,7 +1201,8 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				"backgroundColor",
 				"color",
 				"active",
-				"isCursorPointer"
+				"isCursorPointer",
+				"palette"
 			])) : p("", !0),
 			Wn.value ? (x(), m("div", {
 				key: 2,
@@ -1381,16 +1383,16 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					key: `quadrant_gradient_${k.value}_${t}`,
 					stops: [[
 						"0%",
-						E(a)(E(re)(e.color, .05), N.value.style.chart.layout.areas.opacity),
+						E(s)(E(ne)(e.color, .05), N.value.style.chart.layout.areas.opacity),
 						1
 					], [
 						"100%",
-						E(a)(e.color, N.value.style.chart.layout.areas.opacity),
+						E(s)(e.color, N.value.style.chart.layout.areas.opacity),
 						1
 					]]
 				}, null, 8, ["id", "stops"]))), 128))]),
 				N.value.style.chart.layout.grid.graduations.show ? (x(), m("g", $e, [(x(!0), m(u, null, C(Yn.value, (e) => (x(), m("rect", {
-					fill: N.value.style.chart.layout.grid.graduations.fill ? E(a)(N.value.style.chart.layout.grid.graduations.color, e.opacity) : "none",
+					fill: N.value.style.chart.layout.grid.graduations.fill ? E(s)(N.value.style.chart.layout.grid.graduations.color, e.opacity) : "none",
 					x: e.x,
 					y: e.y,
 					height: e.height <= 0 ? .001 : e.height,
@@ -1542,8 +1544,8 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				N.value.style.chart.layout.areas.show ? (x(), m("g", bt, [(x(!0), m(u, null, C(J.value, (e, t) => (x(), m("g", null, [e.series.length > 2 ? (x(), m("polygon", {
 					key: 0,
 					"data-cy-quadrant-area": "",
-					fill: N.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${k.value}_${t})` : E(a)(e.color, N.value.style.chart.layout.areas.opacity),
-					points: E(ue)(e)
+					fill: N.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${k.value}_${t})` : E(s)(e.color, N.value.style.chart.layout.areas.opacity),
+					points: E(de)(e)
 				}, null, 8, xt)) : p("", !0)]))), 256))])) : p("", !0),
 				h("g", null, [
 					h("rect", {
@@ -1672,7 +1674,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					"text-anchor": "middle",
 					"font-size": N.value.style.chart.layout.labels.plotLabels.fontSize / (A.value ? 1.5 : 1),
 					fill: N.value.style.chart.layout.labels.plotLabels.color,
-					innerHTML: E(i)({
+					innerHTML: E(a)({
 						content: String(e.name),
 						fontSize: N.value.style.chart.layout.labels.plotLabels.fontSize / (A.value ? 1.5 : 1),
 						fill: N.value.style.chart.layout.labels.plotLabels.color,
@@ -1960,6 +1962,6 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 			w(e.$slots, "skeleton", {}, () => [E(Mn) ? (x(), f(_e, { key: 0 })) : p("", !0)], !0)
 		], 46, qe));
 	}
-}, [["__scopeId", "data-v-19c0755a"]]);
+}, [["__scopeId", "data-v-295a1f9e"]]);
 //#endregion
 export { Ke as n, en as t };