vue-data-ui 2.17.0 → 2.17.2

package/dist/{vue-ui-chord-D3kpzYjp.js → vue-ui-chord-B8Sl_FwD.js}

@@ -1,14 +1,14 @@
-import { useCssVars as _t, defineAsyncComponent as Y, ref as h, shallowRef as He, computed as C, watch as St, onMounted as Qe, onBeforeUnmount as Ze, createElementBlock as i, openBlock as n, unref as d, normalizeStyle as E, normalizeClass as F, createBlock as G, createCommentVNode as v, renderSlot as $, createElementVNode as B, createSlots as Je, withCtx as _, normalizeProps as re, guardReactiveProps as ue, withModifiers as Ke, createVNode as he, Fragment as z, renderList as W, mergeProps as Tt, toDisplayString as D, createTextVNode as Ot, nextTick as Bt } from "vue";
-import { u as Lt, c as fe, t as Nt, p as ie, a as Et, o as Ft, e as et, g as zt, b as Rt, d as Xt, X as jt, F as Dt, f as ge, q as Ut, r as Vt, i as Yt } from "./index-pPGk-uhD.js";
+import { useCssVars as _t, defineAsyncComponent as Y, ref as h, shallowRef as He, computed as C, watch as St, onMounted as Qe, onBeforeUnmount as Ze, createElementBlock as i, openBlock as n, unref as d, normalizeStyle as F, normalizeClass as z, createBlock as G, createCommentVNode as v, renderSlot as $, createElementVNode as B, createSlots as Je, withCtx as _, normalizeProps as re, guardReactiveProps as ue, withModifiers as Ke, createVNode as he, Fragment as R, renderList as W, mergeProps as Tt, toDisplayString as D, createTextVNode as Ot, nextTick as Bt } from "vue";
+import { u as Lt, c as fe, t as Nt, p as ie, a as Et, o as Ft, e as et, g as zt, b as Rt, d as Xt, X as jt, F as Dt, f as ge, q as Ut, r as Vt, i as Yt } from "./index-JzUbx__y.js";
 import { u as Gt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as tt } from "./useNestedProp-DjACxgdZ.js";
+import { u as tt } from "./useNestedProp-D_jd2dz9.js";
 import { u as Wt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as qt } from "./usePrinter-DDHcrl0A.js";
+import { u as qt } from "./usePrinter-CsyliflB.js";
 import { t as Ht, u as Qt } from "./useResponsive-DfdjqQps.js";
-import Zt from "./Legend-Bxlv67uY.js";
-import Jt from "./Title-B-2bV0SW.js";
-import { _ as Kt } from "./Shape-DtFT5EJa.js";
-import ea from "./img-Y_hYz-ZC.js";
+import Zt from "./Legend-1R-B-7st.js";
+import Jt from "./Title-BQb7X_OR.js";
+import { _ as Kt } from "./Shape-DJKQgAbU.js";
+import ea from "./img-D0DpKcFX.js";
 import { _ as ta } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const aa = ["id"], oa = ["xmlns", "viewBox"], la = ["width", "height"], sa = { key: 1 }, na = ["id", "d"], ra = { key: 2 }, ua = ["transform"], ia = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], ca = ["d", "fill", "stroke", "stroke-width"], da = ["d", "fill"], va = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], ha = ["d", "fill", "stroke", "stroke-width"], fa = ["d", "fill", "stroke", "stroke-width"], ga = ["d", "fill", "stroke", "stroke-width"], pa = { key: 0 }, ba = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ma = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ya = ["cx", "cy", "r", "stroke", "stroke-width", "fill"], ka = ["transform", "fill", "text-anchor", "font-size", "font-weight"], $a = { key: 1 }, wa = ["font-size", "font-weight", "fill"], Ca = ["href"], Ma = ["transform", "text-anchor", "font-size", "font-weight", "fill"], xa = {
   key: 5,
@@ -36,9 +36,9 @@ const aa = ["id"], oa = ["xmlns", "viewBox"], la = ["width", "height"], sa = { k
   emits: ["selectLegend", "selectGroup", "selectRibbon"],
   setup(at, { expose: ot, emit: lt }) {
     _t((t) => ({
-      76214312: t.slicerColor
+      "14a1e96b": t.slicerColor
     }));
-    const st = Y(() => import("./vue-ui-accordion-CVnA550V.js")), nt = Y(() => import("./BaseIcon-naqtCxVi.js")), rt = Y(() => import("./DataTable-D0VYDhfx.js")), ut = Y(() => import("./PackageVersion-5TR4ocqp.js")), it = Y(() => import("./PenAndPaper-D6AqipIO.js")), ct = Y(() => import("./vue-ui-skeleton-DJPjyNYn.js")), dt = Y(() => import("./UserOptions-Dd34lEKb.js")), { vue_ui_chord: vt } = Lt(), g = at, te = lt, L = h(!!g.dataset && Object.hasOwn(g.dataset, "matrix")), S = h(fe()), w = h(null), m = h(null), p = h(null), pe = h(0), R = h(null), be = h(null), me = h(null), ye = h(null), ke = h(null), $e = h(0), we = h(0), Ce = h(0), q = h(!1), X = He(null), H = He(null), a = C({
+    const st = Y(() => import("./vue-ui-accordion-CcTUbiHq.js")), nt = Y(() => import("./BaseIcon-C2f-EcZc.js")), rt = Y(() => import("./DataTable-6BxhjBzt.js")), ut = Y(() => import("./PackageVersion-CIX1W_aa.js")), it = Y(() => import("./PenAndPaper-CqJ4wudB.js")), ct = Y(() => import("./vue-ui-skeleton-B4KQLEQy.js")), dt = Y(() => import("./UserOptions-lneAyZKu.js")), { vue_ui_chord: vt } = Lt(), g = at, te = lt, L = h(!!g.dataset && Object.hasOwn(g.dataset, "matrix")), S = h(fe()), w = h(null), m = h(null), p = h(null), pe = h(0), N = h(null), be = h(null), me = h(null), ye = h(null), ke = h(null), $e = h(0), we = h(0), Ce = h(0), q = h(!1), X = He(null), H = He(null), a = C({
       get: () => Se(),
       set: (t) => t
     }), { userOptionsVisible: ce, setUserOptionsVisibility: Me, keepUserOptionState: xe } = Gt({ config: a.value }), { svgRef: Q } = Wt({ config: a.value.style.chart.title }), { isPrinting: Ie, isImaging: Ae, generatePdf: Pe, generateImage: _e } = qt({
@@ -80,15 +80,15 @@ const aa = ["id"], oa = ["xmlns", "viewBox"], la = ["width", "height"], sa = { k
       }), L.value && Oe(), a.value.responsive) {
         const t = Ht(() => {
           const { width: o, height: e, heightNoTitle: l, heightSource: u, heightTitle: s, heightLegend: r } = Qt({
-            chart: R.value,
+            chart: N.value,
             title: a.value.style.chart.title.text ? be.value : null,
             legend: a.value.style.chart.legend.show ? me.value : null,
             source: ye.value,
             noTitle: ke.value
           }), f = s + r + u + l;
-          o < e ? R.value.style.width = "100%" : (R.value.style.height = "100%", Q.value.style.height = `calc(100% - ${f}px)`);
+          o < e ? N.value.style.width = "100%" : (N.value.style.height = "100%", Q.value.style.height = `calc(100% - ${f}px)`);
         }, 100);
-        X.value && (H.value && X.value.unobserve(H.value), X.value.disconnect()), X.value = new ResizeObserver(t), H.value = R.value.parentNode, X.value.observe(H.value), t();
+        X.value && (H.value && X.value.unobserve(H.value), X.value.disconnect()), X.value = new ResizeObserver(t), H.value = N.value.parentNode, X.value.observe(H.value), t();
       }
       Be.value = setTimeout(() => {
         q.value = !0;
@@ -173,14 +173,14 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
           }), P = ee;
         }
       }
-      const N = [];
+      const E = [];
       for (const c of A) {
         const k = A.find(
           (P) => P.index === c.subIndex && P.subIndex === c.index
         );
-        N.push({ source: c, target: k, id: fe() });
+        E.push({ source: c, target: k, id: fe() });
       }
-      return { groups: f, chords: N };
+      return { groups: f, chords: E };
     }
     const M = C(() => {
       const t = pt(y.value.matrix, gt.value);
@@ -252,8 +252,8 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       for (; e && l++ < 10; ) {
         e = !1;
         for (let f = 1; f < t.length; f += 1) {
-          const I = t[f - 1], A = t[f], N = I.theta + I.w + o;
-          A.theta < N && (A.theta = N, e = !0);
+          const I = t[f - 1], A = t[f], E = I.theta + I.w + o;
+          A.theta < E && (A.theta = E, e = !0);
         }
         const u = t[0], s = t[t.length - 1], r = s.theta + s.w + o - 2 * Math.PI;
         u.theta < r && (u.theta = r, e = !0);
@@ -261,12 +261,12 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       return t;
     });
     function Le(t, o, e, l) {
-      const u = t - Math.PI / 2, s = o - Math.PI / 2, r = Math.cos(u) * e, f = Math.sin(u) * e, I = Math.cos(s) * e, A = Math.sin(s) * e, N = Math.cos(s) * l, c = Math.sin(s) * l, k = Math.cos(u) * l, P = Math.sin(u) * l, O = o - t > Math.PI ? 1 : 0;
-      return `M${r},${f} A${e},${e} 0 ${O} 1 ${I},${A} L${N},${c} A${l},${l} 0 ${O} 0 ${k},${P} Z`;
+      const u = t - Math.PI / 2, s = o - Math.PI / 2, r = Math.cos(u) * e, f = Math.sin(u) * e, I = Math.cos(s) * e, A = Math.sin(s) * e, E = Math.cos(s) * l, c = Math.sin(s) * l, k = Math.cos(u) * l, P = Math.sin(u) * l, O = o - t > Math.PI ? 1 : 0;
+      return `M${r},${f} A${e},${e} 0 ${O} 1 ${I},${A} L${E},${c} A${l},${l} 0 ${O} 0 ${k},${P} Z`;
     }
     function ae(t, o) {
-      const e = b.value.inner, l = t.startAngle - Math.PI / 2, u = t.endAngle - Math.PI / 2, s = o.startAngle - Math.PI / 2, r = o.endAngle - Math.PI / 2, f = Math.cos(l) * e, I = Math.sin(l) * e, A = Math.cos(u) * e, N = Math.sin(u) * e, c = Math.cos(s) * e, k = Math.sin(s) * e, P = Math.cos(r) * e, O = Math.sin(r) * e, j = t.endAngle - t.startAngle > Math.PI ? 1 : 0, V = o.endAngle - o.startAngle > Math.PI ? 1 : 0;
-      return `M${f},${I}A${e},${e} 0 ${j} 1 ${A},${N}Q0,0 ${c},${k}A${e},${e} 0 ${V} 1 ${P},${O}Q0,0 ${f},${I}Z`;
+      const e = b.value.inner, l = t.startAngle - Math.PI / 2, u = t.endAngle - Math.PI / 2, s = o.startAngle - Math.PI / 2, r = o.endAngle - Math.PI / 2, f = Math.cos(l) * e, I = Math.sin(l) * e, A = Math.cos(u) * e, E = Math.sin(u) * e, c = Math.cos(s) * e, k = Math.sin(s) * e, P = Math.cos(r) * e, O = Math.sin(r) * e, j = t.endAngle - t.startAngle > Math.PI ? 1 : 0, V = o.endAngle - o.startAngle > Math.PI ? 1 : 0;
+      return `M${f},${I}A${e},${e} 0 ${j} 1 ${A},${E}Q0,0 ${c},${k}A${e},${e} 0 ${V} 1 ${P},${O}Q0,0 ${f},${I}Z`;
     }
     const Ne = C(() => x.value * Math.PI / 180);
     function yt(t) {
@@ -425,9 +425,16 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       });
     }
     async function Pt({ scale: t = 2 } = {}) {
-      if (!R.value) return;
-      const { imageUri: o, base64: e } = await ea({ domElement: R.value, base64: !0, img: !0, scale: t });
-      return { imageUri: o, base64: e };
+      if (!N.value) return;
+      const { width: o, height: e } = N.value.getBoundingClientRect(), l = o / e, { imageUri: u, base64: s } = await ea({ domElement: N.value, base64: !0, img: !0, scale: t });
+      return {
+        imageUri: u,
+        base64: s,
+        title: a.value.style.chart.title.text,
+        width: o,
+        height: e,
+        aspectRatio: l
+      };
     }
     return ot({
       getData: It,
@@ -440,13 +447,13 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       toggleFullscreen: je
     }), (t, o) => (n(), i("div", {
       ref_key: "chordChart",
-      ref: R,
-      class: F({
+      ref: N,
+      class: z({
         "vue-ui-chord": !0,
         "vue-data-ui-wrapper-fullscreen": de.value,
         "vue-data-ui-responsive": a.value.responsive
       }),
-      style: E(`font-family:${a.value.style.fontFamily};width:100%; text-align:center;background:${a.value.style.chart.backgroundColor}`),
+      style: F(`font-family:${a.value.style.fontFamily};width:100%; text-align:center;background:${a.value.style.chart.backgroundColor}`),
       id: `chord_${S.value}`,
       onMouseenter: o[4] || (o[4] = () => d(Me)(!0)),
       onMouseleave: o[5] || (o[5] = () => d(Me)(!1))
@@ -503,7 +510,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
         hasLabel: !1,
         hasFullscreen: a.value.userOptions.buttons.fullscreen,
         isFullscreen: de.value,
-        chartElement: R.value,
+        chartElement: N.value,
         position: a.value.userOptions.position,
         titles: { ...a.value.userOptions.buttonTitles },
         hasAnnotator: a.value.userOptions.buttons.annotator,
@@ -516,7 +523,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
         onGenerateImage: d(_e),
         onToggleTable: Ve,
         onToggleAnnotator: ve,
-        style: E({
+        style: F({
           visibility: d(xe) ? d(ce) ? "visible" : "hidden" : "visible"
         })
       }, Je({ _: 2 }, [
@@ -580,7 +587,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
         style: {
           overflow: "visible"
         },
-        class: F({ "vue-ui-chord-rotating": J.value, "vue-ui-chord-idle": !J.value }),
+        class: z({ "vue-ui-chord-rotating": J.value, "vue-ui-chord-idle": !J.value }),
         onMousedown: Ke(Re, ["prevent"]),
         onTouchstart: Ke(Re, ["prevent"])
       }, [
@@ -598,7 +605,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
           $(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, la)) : v("", !0),
         a.value.style.chart.arcs.labels.curved ? (n(), i("defs", sa, [
-          (n(!0), i(z, null, W(M.value.groups, (e, l) => (n(), i("path", {
+          (n(!0), i(R, null, W(M.value.groups, (e, l) => (n(), i("path", {
             key: `labelPath-${l}`,
             id: `labelPath-${l}_${S.value}`,
             d: Ct(
@@ -610,16 +617,16 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
           }, null, 8, na))), 128))
         ])) : v("", !0),
         t.$slots.pattern ? (n(), i("g", ra, [
-          (n(!0), i(z, null, W(M.value.groups, (e, l) => (n(), i("defs", null, [
+          (n(!0), i(R, null, W(M.value.groups, (e, l) => (n(), i("defs", null, [
             $(t.$slots, "pattern", Tt({ ref_for: !0 }, { seriesIndex: e.index, patternId: `pattern_${S.value}_${l}` }), void 0, !0)
           ]))), 256))
         ])) : v("", !0),
         B("g", {
           transform: `translate(${T.value.width / 2}, ${T.value.height / 2}) rotate(${x.value})`
         }, [
-          (n(!0), i(z, null, W(M.value.groups, (e, l) => (n(), i("g", null, [
+          (n(!0), i(R, null, W(M.value.groups, (e, l) => (n(), i("g", null, [
             (n(), i("path", {
-              class: F({ "vue-ui-chord-arc": !0, "vue-ui-chord-arc-animated": a.value.useCssAnimation && !q.value }),
+              class: z({ "vue-ui-chord-arc": !0, "vue-ui-chord-arc-animated": a.value.useCssAnimation && !q.value }),
               key: `arc-${l}`,
               d: Le(
                 e.startAngle,
@@ -632,7 +639,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               "stroke-width": a.value.style.chart.arcs.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              style: E({
+              style: F({
                 opacity: Ue(e)
               }),
               onMouseenter: () => Mt(e),
@@ -640,7 +647,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               onClick: (u) => te("selectGroup", e)
             }, null, 46, ia)),
             t.$slots.pattern ? (n(), i("path", {
-              class: F({ "vue-ui-chord-arc": !0, "vue-ui-chord-arc-animated": a.value.useCssAnimation && !q.value }),
+              class: z({ "vue-ui-chord-arc": !0, "vue-ui-chord-arc-animated": a.value.useCssAnimation && !q.value }),
               key: `arc-${l}`,
               d: Le(
                 e.startAngle,
@@ -653,33 +660,33 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               "stroke-width": a.value.style.chart.arcs.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              style: E({
+              style: F({
                 opacity: Ue(e),
                 pointerEvents: "none"
               })
             }, null, 14, ca)) : v("", !0)
           ]))), 256)),
           B("g", null, [
-            (n(!0), i(z, null, W(w.value ? M.value.chords.filter((e) => e.source.groupId === w.value.id) : p.value ? M.value.chords.filter((e) => e.source.groupId === p.value) : M.value.chords, (e) => (n(), i(z, {
+            (n(!0), i(R, null, W(w.value ? M.value.chords.filter((e) => e.source.groupId === w.value.id) : p.value ? M.value.chords.filter((e) => e.source.groupId === p.value) : M.value.chords, (e) => (n(), i(R, {
               key: `ribbon-${e.id}`
             }, [
               e.source.value ? (n(), i("path", {
                 key: 0,
-                class: F({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !q.value }),
+                class: z({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !q.value }),
                 d: ae(e.source, e.target),
                 fill: a.value.style.chart.backgroundColor,
-                style: E({ opacity: a.value.style.chart.ribbons.underlayerOpacity })
+                style: F({ opacity: a.value.style.chart.ribbons.underlayerOpacity })
               }, null, 14, da)) : v("", !0),
               e.source.value ? (n(), i("path", {
                 key: 1,
-                class: F({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !q.value }),
+                class: z({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !q.value }),
                 d: ae(e.source, e.target),
                 fill: y.value.colors[e.source.index],
                 stroke: a.value.style.chart.ribbons.stroke,
                 "stroke-width": a.value.style.chart.ribbons.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: E({ opacity: De(e) }),
+                style: F({ opacity: De(e) }),
                 onMouseenter: () => xt({
                   ...e,
                   path: ae(e.source, e.target),
@@ -693,14 +700,14 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               }, null, 46, va)) : v("", !0),
               e.source.value && t.$slots.pattern ? (n(), i("path", {
                 key: 2,
-                class: F({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !q.value }),
+                class: z({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !q.value }),
                 d: ae(e.source, e.target),
                 fill: `url(#pattern_${S.value}_${e.source.index})`,
                 stroke: a.value.style.chart.ribbons.stroke,
                 "stroke-width": a.value.style.chart.ribbons.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: E({
+                style: F({
                   opacity: De(e),
                   pointerEvents: "none"
                 })
@@ -714,7 +721,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               "stroke-width": a.value.style.chart.ribbons.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: F({ "vue-ui-chord-ribbon": !0 }),
+              class: z({ "vue-ui-chord-ribbon": !0 }),
               style: {
                 pointerEvents: "none"
               }
@@ -727,14 +734,14 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               "stroke-width": a.value.style.chart.ribbons.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: F({ "vue-ui-chord-ribbon": !0 }),
+              class: z({ "vue-ui-chord-ribbon": !0 }),
               style: {
                 pointerEvents: "none"
               }
             }, null, 8, ga)) : v("", !0)
           ]),
           (w.value || m.value || p.value) && a.value.style.chart.ribbons.labels.show ? (n(), i("g", pa, [
-            (n(!0), i(z, null, W(mt.value, (e) => (n(), i(z, {
+            (n(!0), i(R, null, W(mt.value, (e) => (n(), i(R, {
               key: e.id
             }, [
               B("line", {
@@ -782,7 +789,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
             ], 64))), 128))
           ])) : v("", !0),
           a.value.style.chart.arcs.labels.show ? (n(), i("g", $a, [
-            a.value.style.chart.arcs.labels.curved ? (n(!0), i(z, { key: 0 }, W(M.value.groups, (e, l) => (n(), i("text", {
+            a.value.style.chart.arcs.labels.curved ? (n(!0), i(R, { key: 0 }, W(M.value.groups, (e, l) => (n(), i("text", {
               key: `curved-label-${l}`,
               "font-size": a.value.style.chart.arcs.labels.fontSize,
               "font-weight": a.value.style.chart.arcs.labels.bold ? "bold" : "normal",
@@ -798,7 +805,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
                 s: "%)",
                 r: a.value.style.chart.arcs.labels.roundingPercentage
               }) : ""), 9, Ca)
-            ], 8, wa))), 128)) : !w.value && !m.value && !p.value ? (n(!0), i(z, { key: 1 }, W(M.value.groups, (e, l) => (n(), i("text", {
+            ], 8, wa))), 128)) : !w.value && !m.value && !p.value ? (n(!0), i(R, { key: 1 }, W(M.value.groups, (e, l) => (n(), i("text", {
               key: `label-${l}`,
               transform: `
                                 ${wt((e.startAngle + e.endAngle) / 2)}
@@ -846,7 +853,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
         }, Je({
           item: _(({ legend: e }) => [
             B("div", {
-              style: E({
+              style: F({
                 opacity: p.value ? p.value === e.id ? 1 : 0.3 : 1
               }),
               onClick: (l) => e.select()
@@ -885,7 +892,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
             tabindex: "0",
             role: "button",
             class: "vue-data-ui-refresh-button",
-            style: E({
+            style: F({
               background: a.value.style.chart.backgroundColor
             }),
             onClick: Ye
@@ -936,7 +943,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       }, 8, ["config"])) : v("", !0)
     ], 46, aa));
   }
-}, Da = /* @__PURE__ */ ta(_a, [["__scopeId", "data-v-ab90a89e"]]);
+}, Da = /* @__PURE__ */ ta(_a, [["__scopeId", "data-v-d479992b"]]);
 export {
   Da as default
 };