vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-chord-DsA-qrl6.js → vue-ui-chord-DKIHZ39Z.js}

@@ -1,20 +1,20 @@
 import { useCssVars as $a, defineAsyncComponent as ae, ref as v, shallowRef as At, computed as m, toRefs as Ca, watch as Ne, onMounted as Mt, onBeforeUnmount as Pt, openBlock as r, createElementBlock as i, unref as h, normalizeStyle as z, normalizeClass as j, createElementVNode as x, toDisplayString as H, createBlock as G, createCommentVNode as f, withCtx as y, renderSlot as p, normalizeProps as L, guardReactiveProps as D, createSlots as Re, withModifiers as It, createVNode as ke, Fragment as Y, renderList as oe, mergeProps as xt, Teleport as wa, resolveDynamicComponent as Aa, createTextVNode as _t, nextTick as Fe } from "vue";
-import { j as ze, t as St, m as Ma, p as $e, o as Pa, q as Tt, r as Ia, n as xa, s as _a, X as Sa, W as Ta, l as Ue, as as Oa, au as Ba, k as La, a0 as Da, a1 as Ea } from "./lib-DBptbyyI.js";
+import { j as ze, t as St, m as Ma, p as $e, o as Pa, q as Tt, r as Ia, n as xa, s as _a, X as Sa, W as Ta, l as Ue, as as Oa, au as Ba, k as La, a0 as Da, a1 as Ea } from "./lib-DMzrGQHK.js";
 import { t as Na, u as Ra } from "./useResponsive-DfdjqQps.js";
-import { u as Fa } from "./useConfig-C40HvGpD.js";
-import { u as za, B as Ua } from "./BaseScanner-BhhkKVoj.js";
-import { u as Va } from "./usePrinter-CEpYU3r5.js";
-import { u as Xa } from "./useSvgExport-ByUukOZt.js";
-import { u as Ve } from "./useNestedProp-Bf5XFbs8.js";
-import { u as ja } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as Ga } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Ya } from "./useChartAccessibility-9icAAmYg.js";
-import Wa from "./img-LXxMLmCg.js";
-import { _ as qa } from "./Shape-BKRUOeKk.js";
-import Ka from "./Title-BeMKE1cj.js";
+import { u as Fa } from "./useConfig-DTHxOX6V.js";
+import { u as za, B as Ua } from "./BaseScanner-BON3d_Sx.js";
+import { u as Va } from "./usePrinter-C4t8DdQ-.js";
+import { u as Xa } from "./useSvgExport-BTG4hVPO.js";
+import { u as Ve } from "./useNestedProp-DH0BEVVS.js";
+import { u as ja } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as Ga } from "./useUserOptionState-B7Ej974k.js";
+import { u as Ya } from "./useChartAccessibility-cp6XQtqi.js";
+import Wa from "./img-CjTQXS0U.js";
+import { _ as qa } from "./Shape-CxJ5_Rre.js";
+import Ka from "./Title-BbKoiBk2.js";
 import Ha from "./vue_ui_chord-Bc1_ocwK.js";
-import Qa from "./Legend-CS7Xo5LK.js";
-import { A as Za } from "./A11yDataTable-KcVAX2cP.js";
+import Qa from "./Legend-DGN5lY60.js";
+import { A as Za } from "./A11yDataTable-BpmuNomI.js";
 import { _ as Ja } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const eo = ["id"], to = ["id"], ao = ["id"], oo = ["xmlns", "viewBox", "aria-describedby"], lo = ["width", "height"], no = { key: 1 }, so = ["id", "d"], ro = { key: 2 }, uo = ["transform"], io = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], co = ["d", "fill", "stroke", "stroke-width"], vo = ["d", "fill"], ho = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick", "onMouseleave"], fo = ["d", "fill", "stroke", "stroke-width"], go = ["d", "fill", "stroke", "stroke-width"], po = ["d", "fill", "stroke", "stroke-width"], bo = { key: 0 }, mo = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], yo = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ko = ["cx", "cy", "r", "stroke", "stroke-width", "fill"], $o = ["transform", "fill", "text-anchor", "font-size", "font-weight"], Co = { key: 1 }, wo = ["font-size", "font-weight", "fill"], Ao = ["href"], Mo = ["transform", "text-anchor", "font-size", "font-weight", "fill", "innerHTML"], Po = {
   key: 5,
@@ -44,12 +44,29 @@ const eo = ["id"], to = ["id"], ao = ["id"], oo = ["xmlns", "viewBox", "aria-des
       }
     }
   },
-  emits: ["selectLegend", "selectGroup", "selectRibbon", "copyAlt"],
+  emits: [
+    "selectLegend",
+    "selectGroup",
+    "selectRibbon",
+    "copyAlt"
+  ],
   setup(Ot, { expose: Bt, emit: Lt }) {
     $a((e) => ({
-      v05685234: e.slicerColor
+      v9e003cd4: e.slicerColor
     }));
-    const Dt = ae(() => import("./vue-ui-accordion-DDuJT1xA.js")), Xe = ae(() => import("./BaseIcon-Cb3zzG6s.js")), Et = ae(() => import("./DataTable-DT2kIdQ6.js")), Nt = ae(() => import("./PackageVersion-DP_kfXUM.js")), Rt = ae(() => import("./PenAndPaper-Ct3qJ4lA.js")), Ft = ae(() => import("./UserOptions-rW2fRf3V.js")), zt = ae(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_chord: Ut } = Fa(), { isThemeValid: Vt, warnInvalidTheme: Xt } = ja(), S = Ot, re = Lt, U = v(!!S.dataset && Object.hasOwn(S.dataset, "matrix")), M = v(ze()), w = v(null), k = v(null), b = v(null), je = v(0), E = v(null), Ge = v(null), Ye = v(null), We = v(null), qe = v(null), Ce = v(0), we = v(0), Ae = v(0), le = v(!1), W = At(null), ne = At(null), Ke = v(!1), ue = v(null), Me = v(null), fe = v(!1), ge = v(!1), V = v("group"), B = v(null), Pe = v(!1), a = v(Se()), Q = m(() => a.value.userOptions.useCursorPointer), jt = m(() => St({
+    const Dt = ae(() => import("./vue-ui-accordion-BHmfmb_6.js")), Xe = ae(() => import("./BaseIcon-DX0hTWa-.js")), Et = ae(() => import("./DataTable-cMnb68Ik.js")), Nt = ae(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), Rt = ae(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Ft = ae(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), zt = ae(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_chord: Ut } = Fa(), { isThemeValid: Vt, warnInvalidTheme: Xt } = ja(), S = Ot, re = Lt, U = v(
+      !!S.dataset && Object.hasOwn(S.dataset, "matrix")
+    ), M = v(ze()), w = v(null), k = v(null), b = v(null), je = v(0), E = v(null), Ge = v(null), Ye = v(null), We = v(null), qe = v(null), Ce = v(0), we = v(0), Ae = v(0), le = v(!1), W = At(null), ne = At(null), Ke = v(!1), ue = v(null), Me = v(null), fe = v(!1), ge = v(!1), V = v("group"), B = v(null), Pe = v(!1), a = v(Se()), Q = m(
+      () => a.value.userOptions.useCursorPointer
+    ), jt = m(() => St({
       defaultConfig: {
         useCssAnimation: !1,
         userOptions: { show: !1 },
@@ -100,7 +117,9 @@ const eo = ["id"], to = ["id"], ao = ["id"], oo = ["xmlns", "viewBox", "aria-des
         defaultConfig: a.value,
         userConfig: jt.value
       })
-    }), { userOptionsVisible: Ie, setUserOptionsVisibility: Qe, keepUserOptionState: Ze } = Ga({ config: a.value }), { svgRef: q } = Ya({ config: a.value.style.chart.title }), { isPrinting: xe, isImaging: _e, generatePdf: Je, generateImage: et } = Va({
+    }), { userOptionsVisible: Ie, setUserOptionsVisibility: Qe, keepUserOptionState: Ze } = Ga({ config: a.value }), { svgRef: q } = Ya({
+      config: a.value.style.chart.title
+    }), { isPrinting: xe, isImaging: _e, generatePdf: Je, generateImage: et } = Va({
       elementId: `chord_${M.value}`,
       fileName: a.value.style.chart.title.text || "vue-ui-chord",
       options: a.value.userOptions.print
@@ -127,13 +146,20 @@ const eo = ["id"], to = ["id"], ao = ["id"], oo = ["xmlns", "viewBox", "aria-des
         customPalette: l.customPalette.length ? l.customPalette : Ma[o] || $e
       };
     }
-    Ne(() => S.config, (e) => {
-      He.value || (a.value = Se()), Ie.value = !a.value.userOptions.showOnChartHover, Te(), Ce.value += 1, we.value += 1, Ae.value += 1, T.value = a.value.initialRotation, Z.value.showTable = a.value.table.show;
-    }, { deep: !0 });
+    Ne(
+      () => S.config,
+      (e) => {
+        He.value || (a.value = Se()), Ie.value = !a.value.userOptions.showOnChartHover, Te(), Ce.value += 1, we.value += 1, Ae.value += 1, T.value = a.value.initialRotation, Z.value.showTable = a.value.table.show;
+      },
+      { deep: !0 }
+    );
     const tt = m(() => a.value.debug);
-    Ne(() => S.dataset, () => {
-      at(), Te(), Ce.value += 1, we.value += 1, Ae.value += 1;
-    });
+    Ne(
+      () => S.dataset,
+      () => {
+        at(), Te(), Ce.value += 1, we.value += 1, Ae.value += 1;
+      }
+    );
     function at() {
       if (Pa(S.dataset)) {
         Tt({
@@ -168,7 +194,9 @@ matrix:[
 ]`), U.value = !1, ie.value = !0;
         return;
       }
-      const t = o.length, l = o.findIndex((s) => !Array.isArray(s) || s.length !== t);
+      const t = o.length, l = o.findIndex(
+        (s) => !Array.isArray(s) || s.length !== t
+      );
       if (l !== -1) {
         console.warn(
           `VueUiChord - Invalid matrix: dataset.matrix at index ${l} has ${Array.isArray(o[l]) ? o[l].length : "NaN"} elements instead of the required ${t}
@@ -182,7 +210,14 @@ dataset.matrix[${l}] = [${Array.isArray(o[l]) ? o[l].toString() : "invalid"}]`
     function Te() {
       if (at(), a.value.responsive) {
         const e = Na(() => {
-          const { width: o, height: t, heightNoTitle: l, heightSource: s, heightTitle: n, heightLegend: u } = Ra({
+          const {
+            width: o,
+            height: t,
+            heightNoTitle: l,
+            heightSource: s,
+            heightTitle: n,
+            heightLegend: u
+          } = Ra({
             chart: E.value,
             title: a.value.style.chart.title.text ? Ge.value : null,
             legend: a.value.style.chart.legend.show ? Ye.value : null,
@@ -199,18 +234,22 @@ dataset.matrix[${l}] = [${Array.isArray(o[l]) ? o[l].toString() : "invalid"}]`
     }
     function Gt() {
       if (!_.value || !Object.hasOwn(_.value, "matrix") || _.value.matrix.length < 2) {
-        console.warn(`VueUiChord: dataset.matrix requires a minimum of 2 datapoints, for example:
+        console.warn(
+          `VueUiChord: dataset.matrix requires a minimum of 2 datapoints, for example:
 
 matrix:[
   [1, 1],
   [1, 1]
-]`), U.value = !1;
+]`
+        ), U.value = !1;
         return;
       }
       _.value.matrix.forEach((e, o) => {
-        e.length !== _.value.matrix.length && (console.warn(`VueUiChord - Invalid matrix: dataset.matrix at index ${o} has ${e.length} elements instead of the required ${_.value.matrix.length}
+        e.length !== _.value.matrix.length && (console.warn(
+          `VueUiChord - Invalid matrix: dataset.matrix at index ${o} has ${e.length} elements instead of the required ${_.value.matrix.length}
 
-dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should have the same length as the matrix itself (${_.value.matrix.length})`), U.value = !1);
+dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should have the same length as the matrix itself (${_.value.matrix.length})`
+        ), U.value = !1);
       });
     }
     const ot = v(null);
@@ -282,7 +321,10 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
       return { groups: d, chords: X };
     }
     const P = m(() => {
-      const e = Kt($.value.matrix, qt.value);
+      const e = Kt(
+        $.value.matrix,
+        qt.value
+      );
       return Gt(), e.chords.sort(
         (o, t) => Math.max(t.source.value, t.target.value) - Math.max(o.source.value, o.target.value)
       ), e;
@@ -425,28 +467,49 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
       me.value = e, je.value += 1;
     }
     function oa(e, o) {
-      a.value.events.datapointEnter && a.value.events.datapointEnter({ datapoint: e, seriesIndex: o }), !b.value && (w.value = e);
+      a.value.events.datapointEnter && a.value.events.datapointEnter({
+        datapoint: e,
+        seriesIndex: o
+      }), !b.value && (w.value = e);
     }
     function la(e, o) {
-      w.value = null, a.value.events.datapointLeave && a.value.events.datapointLeave({ datapoint: e, seriesIndex: o });
+      w.value = null, a.value.events.datapointLeave && a.value.events.datapointLeave({
+        datapoint: e,
+        seriesIndex: o
+      });
     }
     function vt(e, o) {
-      re("selectGroup", e), a.value.events.datapointClick && a.value.events.datapointClick({ datapoint: e, seriesIndex: o });
+      re("selectGroup", e), a.value.events.datapointClick && a.value.events.datapointClick({
+        datapoint: e,
+        seriesIndex: o
+      });
     }
     function na(e, o) {
-      a.value.events.datapointEnter && a.value.events.datapointEnter({ datapoint: e, seriesIndex: o }), !b.value && (k.value = e);
+      a.value.events.datapointEnter && a.value.events.datapointEnter({
+        datapoint: e,
+        seriesIndex: o
+      }), !b.value && (k.value = e);
     }
     function sa(e, o) {
-      k.value = null, a.value.events.datapointLeave && a.value.events.datapointLeave({ datapoint: e, seriesIndex: o });
+      k.value = null, a.value.events.datapointLeave && a.value.events.datapointLeave({
+        datapoint: e,
+        seriesIndex: o
+      });
     }
     function dt(e, o) {
-      re("selectRibbon", e), a.value.events.datapointClick && a.value.events.datapointClick({ datapoint: e, seriesIndex: o });
+      re("selectRibbon", e), a.value.events.datapointClick && a.value.events.datapointClick({
+        datapoint: e,
+        seriesIndex: o
+      });
     }
     function ht(e) {
       return !b.value && !w.value && !k.value ? 0.8 : (b.value ? b.value === e.source.groupId : w.value ? w.value.id === e.source.groupId : k.value?.id === e.id) ? 1 : 0.1;
     }
     function ft(e) {
-      return !b.value && !w.value && !k.value || (b.value ? b.value === e.id : w.value ? w.value.id === e.id : [k.value?.source.groupId, k.value?.target.groupId].includes(e.id)) ? 1 : 0.3;
+      return !b.value && !w.value && !k.value || (b.value ? b.value === e.id : w.value ? w.value.id === e.id : [
+        k.value?.source.groupId,
+        k.value?.target.groupId
+      ].includes(e.id)) ? 1 : 0.3;
     }
     const se = v(!1);
     function Be() {
@@ -471,7 +534,10 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
       J.value !== null && cancelAnimationFrame(J.value);
     });
     function bt(e) {
-      e === b.value ? (b.value = null, re("selectLegend", null)) : (b.value = e, re("selectLegend", P.value.groups.find((o) => o.id === e)));
+      e === b.value ? (b.value = null, re("selectLegend", null)) : (b.value = e, re(
+        "selectLegend",
+        P.value.groups.find((o) => o.id === e)
+      ));
     }
     const Le = m(() => P.value.groups.map((e, o) => ({
       name: e.name,
@@ -496,10 +562,7 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
       })), o = $.value.matrix;
       return { head: e, body: o };
     }), ye = m(() => {
-      const e = [{ name: "", color: null }, ...ee.value.head], o = ee.value.body.map((s, n) => [
-        ee.value.head[n],
-        ...ee.value.body[n]
-      ]), t = {
+      const e = [{ name: "", color: null }, ...ee.value.head], o = ee.value.body.map((s, n) => [ee.value.head[n], ...ee.value.body[n]]), t = {
         th: {
           backgroundColor: a.value.table.th.backgroundColor,
           color: a.value.table.th.color,
@@ -521,23 +584,25 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
     });
     function De(e = null) {
       Fe(() => {
-        const o = $.value.matrix.map((s, n) => [
-          [$.value.labels[n] || n],
-          s
-        ]), t = [
+        const o = $.value.matrix.map((s, n) => [[$.value.labels[n] || n], s]), t = [
           [a.value.style.chart.title.text],
           [a.value.style.chart.title.subtitle.text],
-          [
-            [""],
-            ...$.value.labels.map((s, n) => [s || n])
-          ]
+          [[""], ...$.value.labels.map((s, n) => [s || n])]
         ].concat(o), l = Da(t);
-        e ? e(l) : Ea({ csvContent: l, title: a.value.style.chart.title.text || "vue-ui-chord" });
+        e ? e(l) : Ea({
+          csvContent: l,
+          title: a.value.style.chart.title.text || "vue-ui-chord"
+        });
       });
     }
     async function ia({ scale: e = 2 } = {}) {
       if (!E.value) return;
-      const { width: o, height: t } = E.value.getBoundingClientRect(), l = o / t, { imageUri: s, base64: n } = await Wa({ domElement: E.value, base64: !0, img: !0, scale: e });
+      const { width: o, height: t } = E.value.getBoundingClientRect(), l = o / t, { imageUri: s, base64: n } = await Wa({
+        domElement: E.value,
+        base64: !0,
+        img: !0,
+        scale: e
+      });
       return {
         imageUri: s,
         base64: n,
@@ -586,9 +651,12 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
         }
       };
     });
-    Ne(() => Z.value.showTable, (e) => {
-      a.value.table.show || (e && a.value.table.useDialog && ue.value ? ue.value.open() : "close" in ue.value && ue.value.close());
-    });
+    Ne(
+      () => Z.value.showTable,
+      (e) => {
+        a.value.table.show || (e && a.value.table.useDialog && ue.value ? ue.value.open() : "close" in ue.value && ue.value.close());
+      }
+    );
     function mt() {
       Z.value.showTable = !1, Me.value && Me.value.setTableIconState(!1);
     }
@@ -604,7 +672,14 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
       try {
         if (e) {
           const { blob: o, url: t, text: l, dataUrl: s } = await ga();
-          await Promise.resolve(a.value.userOptions.callbacks.svg({ blob: o, url: t, text: l, dataUrl: s }));
+          await Promise.resolve(
+            a.value.userOptions.callbacks.svg({
+              blob: o,
+              url: t,
+              text: l,
+              dataUrl: s
+            })
+          );
         } else
           await Promise.resolve(fa());
       } finally {
@@ -627,15 +702,23 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
         config: a.value,
         dataset: $.value
       }), !a.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(a.value.userOptions.callbacks.altCopy({
-        config: a.value,
-        dataset: $.value
-      }));
+      await Promise.resolve(
+        a.value.userOptions.callbacks.altCopy({
+          config: a.value,
+          dataset: $.value
+        })
+      );
     }
-    const ba = m(() => (w.value ? P.value.chords.filter((e) => e.source.groupId === w.value.id) : b.value ? P.value.chords.filter((e) => e.source.groupId === b.value) : P.value.chords).filter((e) => e.source.value)), R = m(() => {
+    const ba = m(() => (w.value ? P.value.chords.filter(
+      (e) => e.source.groupId === w.value.id
+    ) : b.value ? P.value.chords.filter(
+      (e) => e.source.groupId === b.value
+    ) : P.value.chords).filter((e) => e.source.value)), R = m(() => {
       const e = P.value.groups.map((t, l) => ({
         type: "group",
         index: l,
@@ -651,10 +734,7 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
       }));
       return { groups: e, ribbons: o };
     }), Ee = m(() => {
-      const e = [
-        "",
-        ...ee.value.head.map((t) => t.name)
-      ], o = ee.value.body.map((t, l) => [
+      const e = ["", ...ee.value.head.map((t) => t.name)], o = ee.value.body.map((t, l) => [
         ee.value.head[l]?.name ?? `${l}`,
         ...t.map((s) => Oe(s))
       ]);
@@ -680,21 +760,28 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
     function ka(e) {
       if (!q.value || se.value || document.activeElement !== q.value) return;
       const o = e.key === "ArrowLeft", t = e.key === "ArrowRight", l = e.key === "ArrowUp", s = e.key === "ArrowDown", n = e.key === "Enter" || e.key === " ", u = e.key === "Escape";
-      if (!o && !t && !l && !s && !n && !u) return;
+      if (!o && !t && !l && !s && !n && !u)
+        return;
       if (e.preventDefault(), e.stopPropagation(), u) {
         wt();
         return;
       }
       if (l) {
         V.value = "group", R.value.groups.length && $t(
-          B.value === null ? 0 : Math.min(B.value, R.value.groups.length - 1)
+          B.value === null ? 0 : Math.min(
+            B.value,
+            R.value.groups.length - 1
+          )
         );
         return;
       }
       if (s) {
         if (!R.value.ribbons.length) return;
         V.value = "ribbon", Ct(
-          B.value === null ? 0 : Math.min(B.value, R.value.ribbons.length - 1)
+          B.value === null ? 0 : Math.min(
+            B.value,
+            R.value.ribbons.length - 1
+          )
         );
         return;
       }
@@ -927,7 +1014,10 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
         style: {
           overflow: "visible"
         },
-        class: j({ "vue-ui-chord-rotating": ve.value, "vue-ui-chord-idle": !ve.value }),
+        class: j({
+          "vue-ui-chord-rotating": ve.value,
+          "vue-ui-chord-idle": !ve.value
+        }),
         onMousedown: It(it, ["prevent"]),
         onTouchstart: It(it, ["prevent"]),
         onFocus: ma,
@@ -961,7 +1051,10 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
         ])) : f("", !0),
         e.$slots.pattern ? (r(), i("g", ro, [
           (r(!0), i(Y, null, oe(P.value.groups, (t, l) => (r(), i("defs", null, [
-            p(e.$slots, "pattern", xt({ ref_for: !0 }, { seriesIndex: t.index, patternId: `pattern_${M.value}_${l}` }), void 0, !0)
+            p(e.$slots, "pattern", xt({ ref_for: !0 }, {
+              seriesIndex: t.index,
+              patternId: `pattern_${M.value}_${l}`
+            }), void 0, !0)
           ]))), 256))
         ])) : f("", !0),
         x("g", {
@@ -969,7 +1062,10 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
         }, [
           (r(!0), i(Y, null, oe(P.value.groups, (t, l) => (r(), i("g", null, [
             (r(), i("path", {
-              class: j({ "vue-ui-chord-arc": !0, "vue-ui-chord-arc-animated": a.value.useCssAnimation && !le.value }),
+              class: j({
+                "vue-ui-chord-arc": !0,
+                "vue-ui-chord-arc-animated": a.value.useCssAnimation && !le.value
+              }),
               key: `arc-${l}`,
               d: lt(
                 t.startAngle,
@@ -990,7 +1086,10 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
               onClick: (s) => vt(t, l)
             }, null, 46, io)),
             e.$slots.pattern ? (r(), i("path", {
-              class: j({ "vue-ui-chord-arc": !0, "vue-ui-chord-arc-animated": a.value.useCssAnimation && !le.value }),
+              class: j({
+                "vue-ui-chord-arc": !0,
+                "vue-ui-chord-arc-animated": a.value.useCssAnimation && !le.value
+              }),
               key: `arc-${l}`,
               d: lt(
                 t.startAngle,
@@ -1010,19 +1109,31 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
             }, null, 14, co)) : f("", !0)
           ]))), 256)),
           x("g", null, [
-            (r(!0), i(Y, null, oe(w.value ? P.value.chords.filter((t) => t.source.groupId === w.value.id) : b.value ? P.value.chords.filter((t) => t.source.groupId === b.value) : P.value.chords, (t, l) => (r(), i(Y, {
+            (r(!0), i(Y, null, oe(w.value ? P.value.chords.filter(
+              (t) => t.source.groupId === w.value.id
+            ) : b.value ? P.value.chords.filter(
+              (t) => t.source.groupId === b.value
+            ) : P.value.chords, (t, l) => (r(), i(Y, {
               key: `ribbon-${t.id}`
             }, [
               t.source.value ? (r(), i("path", {
                 key: 0,
-                class: j({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !le.value }),
+                class: j({
+                  "vue-ui-chord-ribbon": !0,
+                  "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !le.value
+                }),
                 d: ce(t.source, t.target),
                 fill: a.value.style.chart.backgroundColor,
-                style: z({ opacity: a.value.style.chart.ribbons.underlayerOpacity })
+                style: z({
+                  opacity: a.value.style.chart.ribbons.underlayerOpacity
+                })
               }, null, 14, vo)) : f("", !0),
               t.source.value ? (r(), i("path", {
                 key: 1,
-                class: j({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !le.value }),
+                class: j({
+                  "vue-ui-chord-ribbon": !0,
+                  "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !le.value
+                }),
                 d: ce(t.source, t.target),
                 fill: $.value.colors[t.source.index],
                 stroke: a.value.style.chart.ribbons.stroke,
@@ -1030,23 +1141,35 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 style: z({ opacity: ht(t) }),
-                onMouseenter: (s) => na({
-                  ...t,
-                  path: ce(t.source, t.target),
-                  color: $.value.colors[t.source.index]
-                }, l),
-                onClick: (s) => dt({
-                  ...t,
-                  color: $.value.colors[t.source.index]
-                }, l),
-                onMouseleave: (s) => sa({
-                  ...t,
-                  color: $.value.colors[t.source.index]
-                }, l)
+                onMouseenter: (s) => na(
+                  {
+                    ...t,
+                    path: ce(t.source, t.target),
+                    color: $.value.colors[t.source.index]
+                  },
+                  l
+                ),
+                onClick: (s) => dt(
+                  {
+                    ...t,
+                    color: $.value.colors[t.source.index]
+                  },
+                  l
+                ),
+                onMouseleave: (s) => sa(
+                  {
+                    ...t,
+                    color: $.value.colors[t.source.index]
+                  },
+                  l
+                )
               }, null, 46, ho)) : f("", !0),
               t.source.value && e.$slots.pattern ? (r(), i("path", {
                 key: 2,
-                class: j({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !le.value }),
+                class: j({
+                  "vue-ui-chord-ribbon": !0,
+                  "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !le.value
+                }),
                 d: ce(t.source, t.target),
                 fill: `url(#pattern_${M.value}_${t.source.index})`,
                 stroke: a.value.style.chart.ribbons.stroke,
@@ -1140,7 +1263,9 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
               key: `curved-label-${l}`,
               "font-size": a.value.style.chart.arcs.labels.fontSize,
               "font-weight": a.value.style.chart.arcs.labels.bold ? "bold" : "normal",
-              fill: a.value.style.chart.arcs.labels.adaptColorToBackground ? h(Ta)($.value.colors[l]) : a.value.style.chart.arcs.labels.color
+              fill: a.value.style.chart.arcs.labels.adaptColorToBackground ? h(Ta)(
+                $.value.colors[l]
+              ) : a.value.style.chart.arcs.labels.color
             }, [
               x("textPath", {
                 href: `#labelPath-${l}_${M.value}`,
@@ -1184,10 +1309,15 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
         }, void 0, !0)
       ], 42, oo)),
       e.$slots.hint ? (r(), i("div", Po, [
-        p(e.$slots, "hint", L(D({ hint: a.value.a11y.translations.keyboardNavigation, isVisible: Pe.value })), void 0, !0)
+        p(e.$slots, "hint", L(D({
+          hint: a.value.a11y.translations.keyboardNavigation,
+          isVisible: Pe.value
+        })), void 0, !0)
       ])) : f("", !0),
       e.$slots.watermark ? (r(), i("div", Io, [
-        p(e.$slots, "watermark", L(D({ isPrinting: h(xe) || h(_e) || fe.value || ge.value })), void 0, !0)
+        p(e.$slots, "watermark", L(D({
+          isPrinting: h(xe) || h(_e) || fe.value || ge.value
+        })), void 0, !0)
       ])) : f("", !0),
       x("div", {
         id: `legend-bottom-${M.value}`
@@ -1320,7 +1450,7 @@ dataset.matrix[${o}] = [${e.toString()}] has a length of ${e.length} but should
       ], !0)
     ], 46, eo));
   }
-}, Qo = /* @__PURE__ */ Ja(Oo, [["__scopeId", "data-v-d590b66a"]]);
+}, Qo = /* @__PURE__ */ Ja(Oo, [["__scopeId", "data-v-74b05b65"]]);
 export {
   Qo as default
 };