vue-data-ui 3.22.6 → 3.22.8

package/dist/{vue-ui-chord-B-sauvLo.js → vue-ui-chord-Db1O_diJ.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, Dt as n, Ht as r, Q as i, S as a, U as o, W as s, Wt as c, X as ee, b as l, i as te, lt as ne, q as re, qt as ie, r as ae, t as oe, w as se } from "./lib-DRBJCmHW.js";
+import { $ as t, G as n, J as r, Kt as i, Mt as a, S as o, T as s, W as c, Wt as ee, Yt as l, Z as te, b as ne, dt as re, i as ie, kt as ae, r as oe, t as se } from "./lib-JqW18y5I.js";
 import { t as ce } from "./useConfig-DYM3f6EI.js";
-import { t as le } from "./usePrinter-CRp5IW3v.js";
+import { t as le } from "./usePrinter-CqqHmnBI.js";
 import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
 import { t as fe } from "./useSvgExport-SVIsDot8.js";
-import { t as pe } from "./useNestedProp-BEo2N1Db.js";
+import { t as pe } from "./useNestedProp-DIuuzG1r.js";
 import { t as me } from "./useThemeCheck-C43Tcqmk.js";
-import { t as he } from "./img-B_y5qDdm.js";
-import { n as ge } from "./Title-C-p0ilWB.js";
-import { t as _e } from "./Shape-BSetplwm.js";
+import { t as he } from "./img-DnP3eXuv.js";
+import { n as ge } from "./Title-CcNiYzEo.js";
+import { t as _e } from "./Shape-UpH0a4Ur.js";
 import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as ye } from "./canvas-lib-BOP_HS11.js";
 import { t as be } from "./useResponsive-BfnK0KxU.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-D-635Kag.js";
+import { t as we } from "./Legend-ROt6ugzW.js";
 import { t as Te } from "./vue_ui_chord-DPfS1Umc.js";
 import { Fragment as u, Teleport as Ee, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as De, createTextVNode as Oe, createVNode as ke, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as Ae, nextTick as je, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Me, onMounted as Ne, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Pe, shallowRef as Fe, toDisplayString as T, toRefs as Ie, unref as E, useCssVars as Le, watch as Re, withCtx as D, 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) => ({ v73ba9455: e.slicerColor }));
-		let vt = g(() => import("./vue-ui-accordion-CfMrbDoq.js").then((e) => e.n)), yt = g(() => import("./BaseIcon-DcUvOfxf.js").then((e) => e.n)), bt = g(() => import("./DataTable-CXfvIulC.js")), xt = g(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), St = g(() => import("./PenAndPaper-Bk2-E7V4.js").then((e) => e.t)), Ct = g(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), wt = g(() => import("./BaseDraggableDialog-VbypEaAa.js").then((e) => e.n)), { vue_ui_chord: Tt } = ce(), { isThemeValid: Et, warnInvalidTheme: Dt } = me(), O = e, Ot = Be, k = S(!!O.dataset && Object.hasOwn(O.dataset, "matrix")), A = S(s()), j = S(null), M = S(null), N = S(null), kt = S(0), P = S(null), At = S(null), jt = S(null), Mt = S(null), Nt = S(null), Pt = S(0), Ft = S(0), It = S(0), F = S(!1), I = Fe(null), L = Fe(null), Lt = S(!1), Rt = S(null), zt = S(null), Bt = S(!1), Vt = S(!1), R = S("group"), z = S(null), Ht = S(!1), B = S($t()), V = d(() => B.value.userOptions.useCursorPointer), Ut = d(() => c({
+		let vt = g(() => import("./vue-ui-accordion-YyosvEPo.js").then((e) => e.n)), yt = g(() => import("./BaseIcon-C2qlyHc7.js").then((e) => e.n)), bt = g(() => import("./DataTable-D9NvewTT.js")), xt = g(() => import("./PackageVersion-DW7zwRcm.js").then((e) => e.t)), St = g(() => import("./PenAndPaper-pcgwlYr2.js").then((e) => e.t)), Ct = g(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), wt = g(() => import("./BaseDraggableDialog-DcfGlH8A.js").then((e) => e.n)), { vue_ui_chord: Tt } = ce(), { isThemeValid: Et, warnInvalidTheme: Dt } = me(), O = e, Ot = Be, k = S(!!O.dataset && Object.hasOwn(O.dataset, "matrix")), A = S(n()), j = S(null), M = S(null), N = S(null), kt = S(0), P = S(null), At = S(null), jt = S(null), Mt = S(null), Nt = S(null), Pt = S(0), Ft = S(0), It = S(0), F = S(!1), I = Fe(null), L = Fe(null), Lt = S(!1), Rt = S(null), zt = S(null), Bt = S(!1), Vt = S(!1), R = S("group"), z = S(null), Ht = S(!1), B = S($t()), V = d(() => B.value.userOptions.useCursorPointer), Ut = d(() => i({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -205,7 +205,7 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 					"#969696"
 				]
 			},
-			skeletonConfig: c({
+			skeletonConfig: i({
 				defaultConfig: B.value,
 				userConfig: Ut.value
 			})
@@ -218,19 +218,19 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 			let e = pe({
 				userConfig: O.config,
 				defaultConfig: Tt
-			}), n = e.theme;
-			if (!n) return e;
+			}), t = e.theme;
+			if (!t) return e;
 			if (!Et.value(e)) return Dt(e), e;
-			let i = pe({
-				userConfig: Te[n] || O.config,
+			let n = pe({
+				userConfig: Te[t] || O.config,
 				defaultConfig: e
-			}), a = pe({
+			}), r = pe({
 				userConfig: O.config,
-				defaultConfig: i
+				defaultConfig: n
 			});
 			return {
-				...a,
-				customPalette: a.customPalette.length ? a.customPalette : r[n] || t
+				...r,
+				customPalette: r.customPalette.length ? r.customPalette : ee[t] || a
 			};
 		}
 		Re(() => O.config, (e) => {
@@ -241,21 +241,21 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 			tn(), nn(), Pt.value += 1, Ft.value += 1, It.value += 1;
 		});
 		function tn() {
-			if (n(O.dataset)) {
-				i({
+			if (ae(O.dataset)) {
+				t({
 					componentName: "VueUiChord",
 					type: "dataset",
 					debug: en.value
 				}), k.value = !1, Gt.value = !0;
 				return;
 			}
-			let e = ne({
+			let e = re({
 				datasetObject: O.dataset,
 				requiredAttributes: ["matrix"]
 			});
 			if (e.length) {
 				e.forEach((e) => {
-					i({
+					t({
 						componentName: "VueUiChord",
 						type: "datasetAttribute",
 						property: e,
@@ -264,16 +264,16 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 				}), k.value = !1, Gt.value = !0;
 				return;
 			}
-			let t = O.dataset.matrix;
-			if (!Array.isArray(t) || t.length < 2) {
+			let n = O.dataset.matrix;
+			if (!Array.isArray(n) || n.length < 2) {
 				console.warn("VueUiChord: dataset.matrix requires a minimum of 2 datapoints, for example:\n        \nmatrix:[\n    [1, 1],\n    [1, 1]\n]"), k.value = !1, Gt.value = !0;
 				return;
 			}
-			let r = t.length, a = t.findIndex((e) => !Array.isArray(e) || e.length !== r);
-			if (a !== -1) {
-				console.warn(`VueUiChord - Invalid matrix: dataset.matrix at index ${a} has ${Array.isArray(t[a]) ? t[a].length : "NaN"} elements instead of the required ${r}
+			let r = n.length, i = n.findIndex((e) => !Array.isArray(e) || e.length !== r);
+			if (i !== -1) {
+				console.warn(`VueUiChord - Invalid matrix: dataset.matrix at index ${i} has ${Array.isArray(n[i]) ? n[i].length : "NaN"} elements instead of the required ${r}
 
-dataset.matrix[${a}] = [${Array.isArray(t[a]) ? t[a].toString() : "invalid"}]`), k.value = !1, Gt.value = !0;
+dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`), k.value = !1, Gt.value = !0;
 				return;
 			}
 			k.value = !0, Gt.value = !1;
@@ -312,55 +312,55 @@ dataset.matrix[${a}] = [${Array.isArray(t[a]) ? t[a].toString() : "invalid"}]`),
 		let G = S({
 			height: 600,
 			width: 600
-		}), on = d(() => B.value.userOptions.show && !B.value.style.chart.title.text), sn = d(() => a(B.value.customPalette)), K = d(() => ({
+		}), on = d(() => B.value.userOptions.show && !B.value.style.chart.title.text), sn = d(() => o(B.value.customPalette)), K = d(() => ({
 			inner: G.value.width * .3 * B.value.style.chart.arcs.innerRadiusRatio,
 			outer: G.value.width * .34 * B.value.style.chart.arcs.outerRadiusRatio
 		})), cn = d(() => B.value.style.chart.arcs.padAngle / 100), q = d(() => ({
 			matrix: H.value.matrix ?? [[0]],
 			labels: H.value.labels ?? [""],
-			colors: H.value.colors && Array.isArray(H.value.colors) && H.value.colors.length ? H.value.colors.map((e) => l(e)) : H.value.matrix.map((e, n) => sn.value[n] || t[n] || t[n % t.length])
+			colors: H.value.colors && Array.isArray(H.value.colors) && H.value.colors.length ? H.value.colors.map((e) => ne(e)) : H.value.matrix.map((e, t) => sn.value[t] || a[t] || a[t % a.length])
 		}));
 		function ln(e, t) {
-			let n = e.length, r = K.value.inner, i = Array(n).fill(0), a = 0;
-			for (let t = 0; t < n; t += 1) for (let r = 0; r < n; r += 1) i[t] += e[t][r], a += e[t][r];
-			let o = (2 * Math.PI - t * n) / a, c = [], ee = 0;
-			for (let e = 0; e < n; e += 1) {
-				let n = ee, r = n + i[e] * o;
+			let r = e.length, i = K.value.inner, a = Array(r).fill(0), o = 0;
+			for (let t = 0; t < r; t += 1) for (let n = 0; n < r; n += 1) a[t] += e[t][n], o += e[t][n];
+			let s = (2 * Math.PI - t * r) / o, c = [], ee = 0;
+			for (let e = 0; e < r; e += 1) {
+				let r = ee, i = r + a[e] * s;
 				c.push({
 					index: e,
 					pattern: `pattern_${A.value}_${e}`,
-					startAngle: n,
-					endAngle: r,
+					startAngle: r,
+					endAngle: i,
 					name: q.value.labels[e],
-					id: s(),
+					id: n(),
 					color: q.value.colors[e],
-					proportion: i[e] / a
-				}), ee = r + t;
+					proportion: a[e] / o
+				}), ee = i + t;
 			}
 			let l = [];
-			for (let t = 0; t < n; t += 1) {
+			for (let t = 0; t < r; t += 1) {
 				let n = e[t].map((e, t) => ({
 					j: t,
 					v: e
 				}));
 				n.sort((e, t) => t.v - e.v);
-				let i = c[t].startAngle;
+				let r = c[t].startAngle;
 				for (let { j: e, v: a } of n) {
-					let n = i, s = n + a * o;
+					let n = r, o = n + a * s;
 					l.push({
 						index: t,
 						subIndex: e,
 						pattern: `pattern_${A.value}_${t}`,
 						startAngle: n,
-						endAngle: s,
+						endAngle: o,
 						value: a,
 						groupName: q.value.labels[t],
 						groupId: c[t].id,
 						groupColor: q.value.colors[t],
-						midAngle: (n + s) / 2,
-						midBaseX: Math.cos((n + s) / 2 - Math.PI / 2) * r,
-						midBaseY: Math.sin((n + s) / 2 - Math.PI / 2) * r
-					}), i = s;
+						midAngle: (n + o) / 2,
+						midBaseX: Math.cos((n + o) / 2 - Math.PI / 2) * i,
+						midBaseY: Math.sin((n + o) / 2 - Math.PI / 2) * i
+					}), r = o;
 				}
 			}
 			let te = [];
@@ -369,7 +369,7 @@ dataset.matrix[${a}] = [${Array.isArray(t[a]) ? t[a].toString() : "invalid"}]`),
 				te.push({
 					source: e,
 					target: t,
-					id: s()
+					id: n()
 				});
 			}
 			return {
@@ -496,7 +496,7 @@ dataset.matrix[${a}] = [${Array.isArray(t[a]) ? t[a].toString() : "invalid"}]`),
 			bn.value = !1;
 		}
 		function Dn(e) {
-			return te(B.value.style.chart.ribbons.labels.formatter, e, re({
+			return ie(B.value.style.chart.ribbons.labels.formatter, e, r({
 				p: B.value.style.chart.ribbons.labels.prefix,
 				v: e,
 				s: B.value.style.chart.ribbons.labels.suffix,
@@ -627,12 +627,12 @@ dataset.matrix[${a}] = [${Array.isArray(t[a]) ? t[a].toString() : "invalid"}]`),
 		});
 		function Kn(e = null) {
 			je(() => {
-				let t = q.value.matrix.map((e, t) => [[q.value.labels[t] || t], e]), n = se([
+				let t = q.value.matrix.map((e, t) => [[q.value.labels[t] || t], e]), n = s([
 					[B.value.style.chart.title.text],
 					[B.value.style.chart.title.subtitle.text],
 					[[""], ...q.value.labels.map((e, t) => [e || t])]
 				].concat(t));
-				e ? e(n) : ee({
+				e ? e(n) : te({
 					csvContent: n,
 					title: B.value.style.chart.title.text || "vue-ui-chord"
 				});
@@ -656,7 +656,7 @@ dataset.matrix[${a}] = [${Array.isArray(t[a]) ? t[a].toString() : "invalid"}]`),
 			};
 		}
 		function Jn(e, t) {
-			return `${q.value.labels[t]}${B.value.style.chart.arcs.labels.showPercentage ? re({
+			return `${q.value.labels[t]}${B.value.style.chart.arcs.labels.showPercentage ? r({
 				p: " (",
 				v: isNaN(e.proportion) ? 0 : e.proportion * 100,
 				s: "%)",
@@ -1037,7 +1037,7 @@ dataset.matrix[${a}] = [${Array.isArray(t[a]) ? t[a].toString() : "invalid"}]`),
 				"style"
 			])) : p("", !0),
 			(x(), m("svg", {
-				xmlns: E(oe),
+				xmlns: E(se),
 				ref_key: "svgRef",
 				ref: U,
 				viewBox: `0 0 ${G.value.width} ${G.value.height}`,
@@ -1237,12 +1237,12 @@ dataset.matrix[${a}] = [${Array.isArray(t[a]) ? t[a].toString() : "invalid"}]`),
 						key: `curved-label-${t}`,
 						"font-size": B.value.style.chart.arcs.labels.fontSize,
 						"font-weight": B.value.style.chart.arcs.labels.bold ? "bold" : "normal",
-						fill: B.value.style.chart.arcs.labels.adaptColorToBackground ? E(ae)(q.value.colors[t]) : B.value.style.chart.arcs.labels.color
+						fill: B.value.style.chart.arcs.labels.adaptColorToBackground ? E(oe)(q.value.colors[t]) : B.value.style.chart.arcs.labels.color
 					}, [h("textPath", {
 						href: `#labelPath-${t}_${A.value}`,
 						startOffset: "50%",
 						"text-anchor": "middle"
-					}, T(q.value.labels[t]) + T(B.value.style.chart.arcs.labels.showPercentage ? E(re)({
+					}, T(q.value.labels[t]) + T(B.value.style.chart.arcs.labels.showPercentage ? E(r)({
 						p: " (",
 						v: isNaN(e.proportion) ? 0 : e.proportion * 100,
 						s: "%)",
@@ -1259,8 +1259,8 @@ dataset.matrix[${a}] = [${Array.isArray(t[a]) ? t[a].toString() : "invalid"}]`),
 						"font-size": B.value.style.chart.arcs.labels.fontSize,
 						"font-weight": B.value.style.chart.arcs.labels.bold ? "bold" : "normal",
 						fill: B.value.style.chart.arcs.labels.color,
-						innerHTML: E(o)({
-							content: E(ie)(Jn(e, t)),
+						innerHTML: E(c)({
+							content: E(l)(Jn(e, t)),
 							fontSize: B.value.style.chart.arcs.labels.fontSize,
 							fill: B.value.style.chart.arcs.labels.color,
 							x: 0,