vue-data-ui 3.23.0 → 3.23.1

package/dist/{vue-ui-chord-xX5gWZy8.js → vue-ui-chord-DXaq8ZMu.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, Jt as r, K as i, Kt as a, Pt as o, S as s, X as c, Zt as l, i as ee, jt as te, pt as ne, q as u, r as re, t as ie, tt as ae, w as oe } from "./lib-BuMGJ_a0.js";
+import { $ as t, D as n, Jt as r, K as i, Kt as a, Pt as o, S as s, X as c, Zt as l, i as ee, jt as te, pt as ne, q as u, r as re, t as ie, tt as ae, w as oe } from "./lib-Bttd6u5E.js";
 import { n as se } from "./useHints-Dq_w2E8B.js";
-import { t as ce } from "./useConfig-BilxnBNr.js";
-import { t as le } from "./usePrinter-BFvi4jVy.js";
+import { t as ce } from "./useConfig-D3scuR88.js";
+import { t as le } from "./usePrinter-DN5bYhTG.js";
 import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
-import { t as fe } from "./useSvgExport-Ba9qBr9M.js";
-import { t as pe } from "./useNestedProp--NSEmhOH.js";
+import { t as fe } from "./useSvgExport-DH-FfcqQ.js";
+import { t as pe } from "./useNestedProp-vPNvh7rV.js";
 import { t as me } from "./useThemeCheck-C43Tcqmk.js";
-import { t as he } from "./img-DIQG5q8T.js";
-import { n as ge } from "./Title-BODtwViI.js";
-import { t as _e } from "./Shape-BPMV94Ij.js";
+import { t as he } from "./img-Bnokohej.js";
+import { n as ge } from "./Title-BE3qg9xl.js";
+import { t as _e } from "./Shape-C21CMlWS.js";
 import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ye, t as be } from "./useResponsive-ZtArZtUf.js";
 import { t as xe } from "./A11yDataTable-DdRsVULz.js";
 import { t as Se } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ce } from "./useChartAccessibility-DYqac8yF.js";
-import { t as we } from "./Legend-CQTRlzK-.js";
+import { t as we } from "./Legend-CQxUgOd-.js";
 import { t as Te } from "./vue_ui_chord-DPfS1Umc.js";
 import { Fragment as d, Teleport as Ee, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as De, createTextVNode as Oe, createVNode as ke, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as Ae, nextTick as je, normalizeClass as y, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as Me, onMounted as Ne, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as Pe, shallowRef as Fe, toDisplayString as E, toRefs as Ie, unref as D, useCssVars as Le, watch as Re, withCtx as O, withModifiers as ze } from "vue";
 //#region src/components/vue-ui-chord.vue
@@ -141,7 +141,7 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 	],
 	setup(e, { expose: ve, emit: Be }) {
 		Le((e) => ({ v34dc8e9b: e.slicerColor }));
-		let vt = _(() => import("./vue-ui-accordion-61MlW-Ge.js").then((e) => e.n)), yt = _(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), bt = _(() => import("./DataTable-D4tM9s5Y.js")), xt = _(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), St = _(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), Ct = _(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), wt = _(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), { vue_ui_chord: Tt } = ce(), { isThemeValid: Et, warnInvalidTheme: Dt } = me(), k = e, Ot = Be, A = C(!!k.dataset && Object.hasOwn(k.dataset, "matrix")), j = C(u()), M = C(null), N = C(null), P = C(null), kt = C(0), F = C(null), At = C(null), jt = C(null), Mt = C(null), Nt = C(null), Pt = C(0), Ft = C(0), It = C(0), Lt = C(!1), I = Fe(null), L = Fe(null), Rt = C(!1), zt = C(null), Bt = C(null), Vt = C(!1), Ht = C(!1), R = C("group"), z = C(null), Ut = C(!1), B = C(en());
+		let vt = _(() => import("./vue-ui-accordion-BxGriZik.js").then((e) => e.n)), yt = _(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), bt = _(() => import("./DataTable-BbKgJ5UI.js")), xt = _(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), St = _(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), Ct = _(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), wt = _(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_chord: Tt } = ce(), { isThemeValid: Et, warnInvalidTheme: Dt } = me(), k = e, Ot = Be, A = C(!!k.dataset && Object.hasOwn(k.dataset, "matrix")), j = C(u()), M = C(null), N = C(null), P = C(null), kt = C(0), F = C(null), At = C(null), jt = C(null), Mt = C(null), Nt = C(null), Pt = C(0), Ft = C(0), It = C(0), Lt = C(!1), I = Fe(null), L = Fe(null), Rt = C(!1), zt = C(null), Bt = C(null), Vt = C(!1), Ht = C(!1), R = C("group"), z = C(null), Ut = C(!1), B = C(en());
 		se({
 			config: () => B.value,
 			dataset: () => k.dataset,
@@ -641,13 +641,13 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 		});
 		function qn(e = null) {
 			je(() => {
-				let r = q.value.matrix.map((e, t) => [[q.value.labels[t] || t], e]), i = n([
+				let r = q.value.matrix.map((e, t) => [[q.value.labels[t] || t], e]), i = [
 					[B.value.style.chart.title.text],
 					[B.value.style.chart.title.subtitle.text],
 					[[""], ...q.value.labels.map((e, t) => [e || t])]
-				].concat(r));
-				e ? e(i) : t({
-					csvContent: i,
+				].concat(r), a = n(i);
+				e ? e(a) : t({
+					csvContent: a,
 					title: B.value.style.chart.title.text || "vue-ui-chord"
 				});
 			});
@@ -714,30 +714,30 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 		function Zn() {
 			W.value.showTable = !1, Bt.value && Bt.value.setTableIconState(!1);
 		}
-		let Qn = f(() => B.value.style.chart.backgroundColor), $n = f(() => B.value.style.chart.legend), { exportSvg: er, getSvg: tr } = fe({
+		let Qn = f(() => B.value.style.chart.backgroundColor), $n = f(() => B.value.style.chart.legend), er = f(() => B.value.style.chart.title), { exportSvg: tr, getSvg: nr } = fe({
 			svg: U,
-			title: f(() => B.value.style.chart.title),
+			title: er,
 			legend: $n,
 			legendItems: Wn,
 			backgroundColor: Qn
 		});
-		async function nr({ isCb: e }) {
+		async function rr({ isCb: e }) {
 			Ht.value = !0, await je();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await tr();
+					let { blob: e, url: t, text: n, dataUrl: r } = await nr();
 					await Promise.resolve(B.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(er());
+				} else await Promise.resolve(tr());
 			} finally {
 				Ht.value = !1;
 			}
 		}
-		function rr(e) {
+		function ir(e) {
 			if (e?.stage === "start") {
 				Vt.value = !0;
 				return;
@@ -748,7 +748,7 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 			}
 			$t();
 		}
-		async function ir() {
+		async function ar() {
 			if (Ot("copyAlt", {
 				config: B.value,
 				dataset: q.value
@@ -761,13 +761,13 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 				dataset: q.value
 			}));
 		}
-		let ar = f(() => (M.value ? J.value.chords.filter((e) => e.source.groupId === M.value.id) : P.value ? J.value.chords.filter((e) => e.source.groupId === P.value) : J.value.chords).filter((e) => e.source.value)), $ = f(() => ({
+		let or = f(() => (M.value ? J.value.chords.filter((e) => e.source.groupId === M.value.id) : P.value ? J.value.chords.filter((e) => e.source.groupId === P.value) : J.value.chords).filter((e) => e.source.value)), $ = f(() => ({
 			groups: J.value.groups.map((e, t) => ({
 				type: "group",
 				index: t,
 				item: e
 			})),
-			ribbons: ar.value.map((e, t) => ({
+			ribbons: or.value.map((e, t) => ({
 				type: "ribbon",
 				index: t,
 				item: {
@@ -776,42 +776,42 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 					color: q.value.colors[e.source.index]
 				}
 			}))
-		})), or = f(() => ({
+		})), sr = f(() => ({
 			headers: ["", ...Q.value.head.map((e) => e.name)],
 			rows: Q.value.body.map((e, t) => [Q.value.head[t]?.name ?? `${t}`, ...e.map((e) => On(e))])
 		}));
-		function sr(e) {
+		function cr(e) {
 			let t = $.value.groups[e];
 			t && (R.value = "group", z.value = e, N.value = null, M.value = t.item);
 		}
-		function cr(e) {
+		function lr(e) {
 			let t = $.value.ribbons[e];
 			t && (R.value = "ribbon", z.value = e, M.value = null, N.value = t.item);
 		}
-		function lr() {
+		function ur() {
 			z.value = null, R.value = "group", M.value = null, N.value = null;
 		}
-		function ur() {
+		function dr() {
 			Ut.value = !0, R.value = "group", z.value = null;
 		}
-		function dr() {
-			Ut.value = !1, lr();
+		function fr() {
+			Ut.value = !1, ur();
 		}
-		function fr(e) {
+		function pr(e) {
 			if (!U.value || X.value || document.activeElement !== U.value) 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) {
-				lr();
+				ur();
 				return;
 			}
 			if (r) {
-				R.value = "group", $.value.groups.length && sr(z.value === null ? 0 : Math.min(z.value, $.value.groups.length - 1));
+				R.value = "group", $.value.groups.length && cr(z.value === null ? 0 : Math.min(z.value, $.value.groups.length - 1));
 				return;
 			}
 			if (i) {
 				if (!$.value.ribbons.length) return;
-				R.value = "ribbon", cr(z.value === null ? 0 : Math.min(z.value, $.value.ribbons.length - 1));
+				R.value = "ribbon", lr(z.value === null ? 0 : Math.min(z.value, $.value.ribbons.length - 1));
 				return;
 			}
 			if (a) {
@@ -827,19 +827,19 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 			let s = R.value === "group" ? $.value.groups : $.value.ribbons;
 			if (!s.length) return;
 			let c = z.value;
-			c === null || c < 0 || c >= s.length ? c = n ? 0 : s.length - 1 : n ? (c += 1, c >= s.length && (c = 0)) : t && (--c, c < 0 && (c = s.length - 1)), R.value === "group" ? sr(c) : cr(c);
+			c === null || c < 0 || c >= s.length ? c = n ? 0 : s.length - 1 : n ? (c += 1, c >= s.length && (c = 0)) : t && (--c, c < 0 && (c = s.length - 1)), R.value === "group" ? cr(c) : lr(c);
 		}
 		return ve({
 			getData: Vn,
 			getImage: Jn,
 			generateCsv: qn,
 			generateImage: $t,
-			generateSvg: nr,
+			generateSvg: rr,
 			generatePdf: Qt,
 			toggleAnnotator: zn,
 			toggleTable: Bn,
 			toggleFullscreen: An,
-			copyAlt: ir
+			copyAlt: ar
 		}), (e, t) => (S(), h("div", {
 			ref_key: "chordChart",
 			ref: F,
@@ -858,11 +858,11 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 				id: `chart-instructions-${j.value}`,
 				class: "sr-only"
 			}, [g("p", null, E(B.value.a11y.translations.keyboardNavigation), 1)], 8, He),
-			or.value?.rows?.length ? (S(), p(xe, {
+			sr.value?.rows?.length ? (S(), p(xe, {
 				key: 0,
 				uid: j.value,
-				head: or.value.headers,
-				body: or.value.rows,
+				head: sr.value.headers,
+				body: sr.value.rows,
 				notice: B.value.a11y.translations.tableAvailable,
 				caption: B.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -953,11 +953,11 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 				onToggleFullscreen: An,
 				onGeneratePdf: D(Qt),
 				onGenerateCsv: qn,
-				onGenerateImage: rr,
-				onGenerateSvg: nr,
+				onGenerateImage: ir,
+				onGenerateSvg: rr,
 				onToggleTable: Bn,
 				onToggleAnnotator: zn,
-				onCopyAlt: ir,
+				onCopyAlt: ar,
 				style: x({ visibility: D(Yt) ? D(qt) ? "visible" : "hidden" : "visible" })
 			}, De({ _: 2 }, [
 				e.$slots.menuIcon ? {
@@ -1065,9 +1065,9 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 				}),
 				onMousedown: ze(Tn, ["prevent"]),
 				onTouchstart: ze(Tn, ["prevent"]),
-				onFocus: ur,
-				onBlur: dr,
-				onKeydown: fr
+				onFocus: dr,
+				onBlur: fr,
+				onKeydown: pr
 			}, [
 				ke(D(xt)),
 				e.$slots["chart-background"] ? (S(), h("foreignObject", {