vue-data-ui 2.11.3-beta.0 → 2.12.1

package/dist/{vue-ui-chord-BXpdoJTc.js → vue-ui-chord-oH1mLZ8-.js}

@@ -1,18 +1,18 @@
-import { useCssVars as pt, ref as d, computed as x, watch as mt, onMounted as Ge, onBeforeUnmount as Ve, createElementBlock as i, openBlock as n, unref as k, normalizeStyle as N, normalizeClass as X, createBlock as j, createCommentVNode as v, renderSlot as $, createElementVNode as O, createSlots as We, withCtx as P, normalizeProps as oe, guardReactiveProps as le, withModifiers as qe, createVNode as de, Fragment as z, renderList as U, mergeProps as yt, toDisplayString as V, createTextVNode as kt, nextTick as $t } from "vue";
-import { u as wt, c as ve, t as Ct, p as se, a as Mt, o as xt, e as He, g as _t, b as It, d as At, X as Pt, G as Tt, q as St, r as Bt, i as Ot, f as Lt } from "./index-BHDxYxsA.js";
+import { useCssVars as pt, ref as d, computed as x, watch as mt, onMounted as Ge, onBeforeUnmount as Ve, createElementBlock as i, openBlock as n, unref as k, normalizeStyle as N, normalizeClass as X, createBlock as D, createCommentVNode as v, renderSlot as $, createElementVNode as B, createSlots as We, withCtx as P, normalizeProps as oe, guardReactiveProps as le, withModifiers as qe, createVNode as de, Fragment as z, renderList as U, mergeProps as yt, toDisplayString as V, createTextVNode as kt, nextTick as $t } from "vue";
+import { u as wt, c as ve, t as Ct, p as se, a as Mt, o as xt, e as He, g as _t, b as It, d as At, X as Pt, G as Tt, q as St, r as Ot, i as Bt, f as Lt } from "./index-D7As7hLS.js";
 import { u as Et } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Qe } from "./useNestedProp-CX8MPjxN.js";
+import { u as Qe } from "./useNestedProp-RcVZW3zi.js";
 import { u as Nt } from "./useChartAccessibility-BWojgys7.js";
-import { _ as zt } from "./Title-DqRYBmPn.js";
-import { _ as Ft } from "./PackageVersion-Bye0MT5W.js";
-import { _ as Xt } from "./PenAndPaper-YLAKASXp.js";
-import Rt from "./BaseIcon-B7gTspPS.js";
-import { u as Dt, U as jt } from "./usePrinter-mUOYqNDs.js";
-import { L as Ut } from "./Legend-Ci-FO3V2.js";
-import { _ as Yt } from "./Shape-B1e1H4lS.js";
-import { D as Gt } from "./DataTable-CfJNJ7NR.js";
-import Vt from "./vue-ui-accordion-BA4dEISn.js";
-import Wt from "./vue-ui-skeleton-BCAWMgrf.js";
+import { _ as zt } from "./Title-BnRm2t-0.js";
+import { _ as Ft } from "./PackageVersion-xjSogtA5.js";
+import { _ as Xt } from "./PenAndPaper-BuykDu_0.js";
+import Rt from "./BaseIcon-B8E9P00u.js";
+import { u as jt, U as Dt } from "./usePrinter-DAcjoH4T.js";
+import { L as Ut } from "./Legend-CAup0ri4.js";
+import { _ as Yt } from "./Shape-DdhA4qSz.js";
+import { D as Gt } from "./DataTable-CSjNN3jI.js";
+import Vt from "./vue-ui-accordion-DBRvT5aF.js";
+import Wt from "./vue-ui-skeleton-Bbq7c-aT.js";
 import { t as qt, u as Ht } from "./useResponsive-JZ9xq-JV.js";
 import { _ as Qt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["width", "height"], ea = { key: 1 }, ta = ["id", "d"], aa = { key: 2 }, oa = ["transform"], la = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], sa = ["d", "fill", "stroke", "stroke-width"], na = ["d", "fill"], ra = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], ua = ["d", "fill", "stroke", "stroke-width"], ia = ["d", "fill", "stroke", "stroke-width"], ca = ["d", "fill", "stroke", "stroke-width"], da = { key: 0 }, va = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ha = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], fa = ["cx", "cy", "r", "stroke", "stroke-width", "fill"], ga = ["transform", "fill", "text-anchor", "font-size", "font-weight"], ba = { key: 1 }, pa = ["font-size", "font-weight", "fill"], ma = ["href"], ya = ["transform", "text-anchor", "font-size", "font-weight", "fill"], ka = {
@@ -41,12 +41,12 @@ const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["width", "height"], ea = { k
   emits: ["selectLegend", "selectGroup", "selectRibbon"],
   setup(Ze, { expose: Je, emit: Ke }) {
     pt((t) => ({
-      "46d5979d": t.slicerColor
+      "5ee669f8": t.slicerColor
     }));
-    const { vue_ui_chord: et } = wt(), g = Ze, Z = Ke, L = d(!!g.dataset && Object.hasOwn(g.dataset, "matrix")), T = d(ve()), w = d(null), p = d(null), f = d(null), he = d(0), Y = d(null), fe = d(null), ge = d(null), be = d(null), pe = d(null), me = d(0), ye = d(0), ke = d(0), G = d(!1), ne = d(null), a = x({
+    const { vue_ui_chord: et } = wt(), f = Ze, Z = Ke, L = d(!!f.dataset && Object.hasOwn(f.dataset, "matrix")), T = d(ve()), w = d(null), p = d(null), g = d(null), he = d(0), Y = d(null), fe = d(null), ge = d(null), be = d(null), pe = d(null), me = d(0), ye = d(0), ke = d(0), G = d(!1), ne = d(null), a = x({
       get: () => Ie(),
       set: (t) => t
-    }), { userOptionsVisible: re, setUserOptionsVisibility: $e, keepUserOptionState: we } = Et({ config: a.value }), { svgRef: W } = Nt({ config: a.value.style.chart.title }), { isPrinting: Ce, isImaging: Me, generatePdf: xe, generateImage: _e } = Dt({
+    }), { userOptionsVisible: re, setUserOptionsVisibility: $e, keepUserOptionState: we } = Et({ config: a.value }), { svgRef: W } = Nt({ config: a.value.style.chart.title }), { isPrinting: Ce, isImaging: Me, generatePdf: xe, generateImage: _e } = jt({
       elementId: `chord_${T.value}`,
       fileName: a.value.style.chart.title.text || "vue-ui-chord",
       options: a.value.userOptions.print
@@ -55,26 +55,26 @@ const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["width", "height"], ea = { k
     });
     function Ie() {
       const t = Qe({
-        userConfig: g.config,
+        userConfig: f.config,
         defaultConfig: et
       });
       return t.theme ? {
         ...Qe({
-          userConfig: Mt.vue_ui_chord[t.theme] || g.config,
+          userConfig: Mt.vue_ui_chord[t.theme] || f.config,
           defaultConfig: t
         }),
         customPalette: Ct[t.theme] || se
       } : t;
     }
-    mt(() => g.config, (t) => {
+    mt(() => f.config, (t) => {
       a.value = Ie(), re.value = !a.value.userOptions.showOnChartHover, Ae(), me.value += 1, ye.value += 1, ke.value += 1, I.value = a.value.initialRotation, q.value.showTable = a.value.table.show;
     }, { deep: !0 });
     function Ae() {
-      if (xt(g.dataset) ? He({
+      if (xt(f.dataset) ? He({
         componentName: "VueUiChord",
         type: "dataset"
       }) : _t({
-        datasetObject: g.dataset,
+        datasetObject: f.dataset,
         requiredAttributes: ["matrix"]
       }).forEach((t) => {
         L.value = !1, He({
@@ -100,15 +100,19 @@ const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["width", "height"], ea = { k
       }, 500);
     }
     function Pe() {
-      g.dataset.matrix.length < 2 && (console.warn(`VueUiChord: dataset.matrix requires a minimum of 2 datapoints, for example:
+      if (!f.dataset || !Object.hasOwn(f.dataset, "matrix") || f.dataset.matrix.length < 2) {
+        console.warn(`VueUiChord: dataset.matrix requires a minimum of 2 datapoints, for example:
 
 matrix:[
   [1, 1],
   [1, 1]
-]`), L.value = !1), g.dataset.matrix.forEach((t, o) => {
-        t.length !== g.dataset.matrix.length && (console.warn(`VueUiChord - Invalid matrix: dataset.matrix at index ${o} has ${t.length} elements instead of the required ${g.dataset.matrix.length}
+]`), L.value = !1;
+        return;
+      }
+      f.dataset.matrix.forEach((t, o) => {
+        t.length !== f.dataset.matrix.length && (console.warn(`VueUiChord - Invalid matrix: dataset.matrix at index ${o} has ${t.length} elements instead of the required ${f.dataset.matrix.length}
 
-dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should have the same length as the matrix itself (${g.dataset.matrix.length})`), L.value = !1);
+dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should have the same length as the matrix itself (${f.dataset.matrix.length})`), L.value = !1);
       });
     }
     const Te = d(null);
@@ -122,9 +126,9 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       inner: S.value.width * 0.3 * a.value.style.chart.arcs.innerRadiusRatio,
       outer: S.value.width * 0.34 * a.value.style.chart.arcs.outerRadiusRatio
     })), ot = x(() => a.value.style.chart.arcs.padAngle / 100), m = x(() => L.value ? {
-      matrix: g.dataset.matrix ?? [[0]],
-      labels: g.dataset.labels ?? [""],
-      colors: g.dataset.colors && Array.isArray(g.dataset.colors) && g.dataset.colors.length ? g.dataset.colors.map((t) => At(t)) : g.dataset.matrix.map((t, o) => at.value[o] || se[o] || se[o % se.length])
+      matrix: f.dataset.matrix ?? [[0]],
+      labels: f.dataset.labels ?? [""],
+      colors: f.dataset.colors && Array.isArray(f.dataset.colors) && f.dataset.colors.length ? f.dataset.colors.map((t) => At(t)) : f.dataset.matrix.map((t, o) => at.value[o] || se[o] || se[o % se.length])
     } : {
       matrix: [],
       labels: [],
@@ -152,24 +156,24 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       }
       const M = [];
       for (let c = 0; c < e; c += 1) {
-        const y = t[c].map((B, F) => ({ j: F, v: B }));
-        y.sort((B, F) => F.v - B.v);
+        const y = t[c].map((O, F) => ({ j: F, v: O }));
+        y.sort((O, F) => F.v - O.v);
         let A = h[c].startAngle;
-        for (const { j: B, v: F } of y) {
-          const D = A, Q = D + F * r;
+        for (const { j: O, v: F } of y) {
+          const j = A, Q = j + F * r;
           M.push({
             index: c,
-            subIndex: B,
+            subIndex: O,
             pattern: `pattern_${T.value}_${c}`,
-            startAngle: D,
+            startAngle: j,
             endAngle: Q,
             value: F,
             groupName: m.value.labels[c],
             groupId: h[c].id,
             groupColor: m.value.colors[c],
-            midAngle: (D + Q) / 2,
-            midBaseX: Math.cos((D + Q) / 2 - Math.PI / 2) * l,
-            midBaseY: Math.sin((D + Q) / 2 - Math.PI / 2) * l
+            midAngle: (j + Q) / 2,
+            midBaseX: Math.cos((j + Q) / 2 - Math.PI / 2) * l,
+            midBaseY: Math.sin((j + Q) / 2 - Math.PI / 2) * l
           }), A = Q;
         }
       }
@@ -245,7 +249,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
           }
         });
       }
-      return f.value && u(f.value), w.value && u(w.value.id), l;
+      return g.value && u(g.value), w.value && u(w.value.id), l;
     }), nt = x(() => {
       const t = st.value.map((u) => ({ ...u })).sort((u, s) => u.theta - s.theta), o = a.value.style.chart.ribbons.labels.minSeparationDeg * Math.PI / 180;
       let e = !0, l = 0;
@@ -261,22 +265,22 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       return t;
     });
     function Se(t, o, e, l) {
-      const u = t - Math.PI / 2, s = o - Math.PI / 2, r = Math.cos(u) * e, h = Math.sin(u) * e, C = Math.cos(s) * e, M = Math.sin(s) * e, E = Math.cos(s) * l, c = Math.sin(s) * l, y = Math.cos(u) * l, A = Math.sin(u) * l, B = o - t > Math.PI ? 1 : 0;
-      return `M${r},${h} A${e},${e} 0 ${B} 1 ${C},${M} L${E},${c} A${l},${l} 0 ${B} 0 ${y},${A} Z`;
+      const u = t - Math.PI / 2, s = o - Math.PI / 2, r = Math.cos(u) * e, h = Math.sin(u) * e, C = Math.cos(s) * e, M = Math.sin(s) * e, E = Math.cos(s) * l, c = Math.sin(s) * l, y = Math.cos(u) * l, A = Math.sin(u) * l, O = o - t > Math.PI ? 1 : 0;
+      return `M${r},${h} A${e},${e} 0 ${O} 1 ${C},${M} L${E},${c} A${l},${l} 0 ${O} 0 ${y},${A} Z`;
     }
     function J(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, h = Math.cos(l) * e, C = Math.sin(l) * e, M = Math.cos(u) * e, E = Math.sin(u) * e, c = Math.cos(s) * e, y = Math.sin(s) * e, A = Math.cos(r) * e, B = Math.sin(r) * e, F = t.endAngle - t.startAngle > Math.PI ? 1 : 0, D = o.endAngle - o.startAngle > Math.PI ? 1 : 0;
-      return `M${h},${C}A${e},${e} 0 ${F} 1 ${M},${E}Q0,0 ${c},${y}A${e},${e} 0 ${D} 1 ${A},${B}Q0,0 ${h},${C}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, h = Math.cos(l) * e, C = Math.sin(l) * e, M = Math.cos(u) * e, E = Math.sin(u) * e, c = Math.cos(s) * e, y = Math.sin(s) * e, A = Math.cos(r) * e, O = Math.sin(r) * e, F = t.endAngle - t.startAngle > Math.PI ? 1 : 0, j = o.endAngle - o.startAngle > Math.PI ? 1 : 0;
+      return `M${h},${C}A${e},${e} 0 ${F} 1 ${M},${E}Q0,0 ${c},${y}A${e},${e} 0 ${j} 1 ${A},${O}Q0,0 ${h},${C}Z`;
     }
-    const Be = x(() => I.value * Math.PI / 180);
+    const Oe = x(() => I.value * Math.PI / 180);
     function rt(t) {
       return (t.startAngle + t.endAngle) / 2;
     }
     function ut(t) {
-      return ((rt(t) + Be.value) % (2 * Math.PI) + 2 * Math.PI) % (2 * Math.PI);
+      return ((rt(t) + Oe.value) % (2 * Math.PI) + 2 * Math.PI) % (2 * Math.PI);
     }
     function it(t) {
-      let o = t + Be.value;
+      let o = t + Oe.value;
       return o = (o % (2 * Math.PI) + 2 * Math.PI) % (2 * Math.PI), o > Math.PI ? "end" : "start";
     }
     function ct(t) {
@@ -288,24 +292,24 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       return `M${s},${r} A${e},${e} 0 ${M} 1 ${h},${C}`;
     }
     const I = d(a.value.initialRotation), ue = d(!1);
-    let Oe = 0, Le = 0;
+    let Be = 0, Le = 0;
     function Ee(t) {
       const o = W.value.getBoundingClientRect(), e = o.left + o.width / 2, l = o.top + o.height / 2, u = t.clientX ?? t.touches[0].clientX, s = t.clientY ?? t.touches[0].clientY;
       return Math.atan2(s - l, u - e);
     }
     function Ne(t) {
-      !a.value.enableRotation || H.value || (t.preventDefault(), ue.value = !0, Oe = I.value, Le = Ee(t));
+      !a.value.enableRotation || H.value || (t.preventDefault(), ue.value = !0, Be = I.value, Le = Ee(t));
     }
     function K(t) {
       if (!ue.value) return;
       const o = Ee(t);
-      I.value = Oe + (o - Le) * 180 / Math.PI;
+      I.value = Be + (o - Le) * 180 / Math.PI;
     }
     function ee() {
       ue.value = !1;
     }
     function ze(t) {
-      return Ot(
+      return Bt(
         a.value.style.chart.ribbons.labels.formatter,
         t,
         Lt({
@@ -326,18 +330,18 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       ie.value = t, he.value += 1;
     }
     function ht(t) {
-      f.value || (w.value = t);
+      g.value || (w.value = t);
     }
     function ft(t) {
-      f.value || (p.value = t);
+      g.value || (p.value = t);
     }
     function Fe(t) {
       var l;
-      return !f.value && !w.value && !p.value ? 0.8 : (f.value ? f.value === t.source.groupId : w.value ? w.value.id === t.source.groupId : ((l = p.value) == null ? void 0 : l.id) === t.id) ? 1 : 0.1;
+      return !g.value && !w.value && !p.value ? 0.8 : (g.value ? g.value === t.source.groupId : w.value ? w.value.id === t.source.groupId : ((l = p.value) == null ? void 0 : l.id) === t.id) ? 1 : 0.1;
     }
     function Xe(t) {
       var l, u;
-      return !f.value && !w.value && !p.value || (f.value ? f.value === t.id : w.value ? w.value.id === t.id : [(l = p.value) == null ? void 0 : l.source.groupId, (u = p.value) == null ? void 0 : u.target.groupId].includes(t.id)) ? 1 : 0.3;
+      return !g.value && !w.value && !p.value || (g.value ? g.value === t.id : w.value ? w.value.id === t.id : [(l = p.value) == null ? void 0 : l.source.groupId, (u = p.value) == null ? void 0 : u.target.groupId].includes(t.id)) ? 1 : 0.3;
     }
     const H = d(!1);
     function ce() {
@@ -350,7 +354,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       return _.value;
     }
     const R = d(null);
-    function De() {
+    function je() {
       const t = a.value.initialRotation;
       R.value !== null && cancelAnimationFrame(R.value);
       const o = () => {
@@ -361,8 +365,8 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
     Ve(() => {
       R.value !== null && cancelAnimationFrame(R.value);
     });
-    function je(t) {
-      t === f.value ? (f.value = null, Z("selectLegend", null)) : (f.value = t, Z("selectLegend", _.value.groups.find((o) => o.id === t)));
+    function De(t) {
+      t === g.value ? (g.value = null, Z("selectLegend", null)) : (g.value = t, Z("selectLegend", _.value.groups.find((o) => o.id === t)));
     }
     const Ue = x(() => _.value.groups.map((t, o) => ({
       name: t.name,
@@ -371,8 +375,8 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       patternIndex: o,
       pattern: `pattern_${T.value}_${o}`,
       id: t.id,
-      select: () => je(t.id),
-      opacity: f.value ? f.value === t.id ? 1 : 0.3 : 1
+      select: () => De(t.id),
+      opacity: g.value ? g.value === t.id ? 1 : 0.3 : 1
     }))), bt = x(() => ({
       cy: "chord-div-legend",
       backgroundColor: a.value.style.chart.legend.backgroundColor,
@@ -423,7 +427,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
             ...m.value.labels.map((l, u) => [l || u])
           ]
         ].concat(t), e = St(o);
-        Bt({ csvContent: e, title: a.value.style.chart.title.text || "vue-ui-chord" });
+        Ot({ csvContent: e, title: a.value.style.chart.title.text || "vue-ui-chord" });
       });
     }
     return Je({
@@ -446,7 +450,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       onMouseenter: o[4] || (o[4] = () => k($e)(!0)),
       onMouseleave: o[5] || (o[5] = () => k($e)(!1))
     }, [
-      a.value.userOptions.buttons.annotator && k(W) ? (n(), j(Xt, {
+      a.value.userOptions.buttons.annotator && k(W) ? (n(), D(Xt, {
         key: 0,
         color: a.value.style.chart.color,
         backgroundColor: a.value.style.chart.backgroundColor,
@@ -468,7 +472,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
         ref: fe,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (n(), j(zt, {
+        (n(), D(zt, {
           key: `title_${me.value}`,
           config: {
             title: {
@@ -482,7 +486,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
           }
         }, null, 8, ["config"]))
       ], 512)) : v("", !0),
-      a.value.userOptions.show && L.value && (k(we) || k(re)) ? (n(), j(jt, {
+      a.value.userOptions.show && L.value && (k(we) || k(re)) ? (n(), D(Dt, {
         ref: "details",
         key: `user_option_${he.value}`,
         backgroundColor: a.value.style.chart.backgroundColor,
@@ -606,7 +610,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
             $(t.$slots, "pattern", yt({ ref_for: !0 }, { seriesIndex: e.index, patternId: `pattern_${T.value}_${l}` }), void 0, !0)
           ]))), 256))
         ])) : v("", !0),
-        O("g", {
+        B("g", {
           transform: `translate(${S.value.width / 2}, ${S.value.height / 2}) rotate(${I.value})`
         }, [
           (n(!0), i(z, null, U(_.value.groups, (e, l) => (n(), i("g", null, [
@@ -651,8 +655,8 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               })
             }, null, 14, sa)) : v("", !0)
           ]))), 256)),
-          O("g", null, [
-            (n(!0), i(z, null, U(w.value ? _.value.chords.filter((e) => e.source.groupId === w.value.id) : f.value ? _.value.chords.filter((e) => e.source.groupId === f.value) : _.value.chords, (e) => (n(), i(z, {
+          B("g", null, [
+            (n(!0), i(z, null, U(w.value ? _.value.chords.filter((e) => e.source.groupId === w.value.id) : g.value ? _.value.chords.filter((e) => e.source.groupId === g.value) : _.value.chords, (e) => (n(), i(z, {
               key: `ribbon-${e.id}`
             }, [
               e.source.value ? (n(), i("path", {
@@ -725,11 +729,11 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               }
             }, null, 8, ca)) : v("", !0)
           ]),
-          (w.value || p.value || f.value) && a.value.style.chart.ribbons.labels.show ? (n(), i("g", da, [
+          (w.value || p.value || g.value) && a.value.style.chart.ribbons.labels.show ? (n(), i("g", da, [
             (n(!0), i(z, null, U(nt.value, (e) => (n(), i(z, {
               key: e.id
             }, [
-              O("line", {
+              B("line", {
                 x1: e.midBaseX,
                 y1: e.midBaseY,
                 x2: Math.cos(e.theta - Math.PI / 2) * (b.value.outer + a.value.style.chart.ribbons.labels.offset + 12),
@@ -738,7 +742,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
                 "stroke-width": a.value.style.chart.ribbons.labels.connector.strokeWidth * 3,
                 "pointer-events": "none"
               }, null, 8, va),
-              O("line", {
+              B("line", {
                 x1: e.midBaseX,
                 y1: e.midBaseY,
                 x2: Math.cos(e.theta - Math.PI / 2) * (b.value.outer + a.value.style.chart.ribbons.labels.offset + 12),
@@ -757,7 +761,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
                 fill: e.groupColor,
                 "pointer-events": "none"
               }, null, 8, fa)) : v("", !0),
-              O("text", {
+              B("text", {
                 transform: `
                             translate(
                                 ${Math.cos(e.theta - Math.PI / 2) * (b.value.outer + a.value.style.chart.ribbons.labels.offset + 24)},
@@ -780,12 +784,12 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               "font-weight": a.value.style.chart.arcs.labels.bold ? "bold" : "normal",
               fill: a.value.style.chart.arcs.labels.adaptColorToBackground ? k(Tt)(m.value.colors[l]) : a.value.style.chart.arcs.labels.color
             }, [
-              O("textPath", {
+              B("textPath", {
                 href: `#labelPath-${l}_${T.value}`,
                 startOffset: "50%",
                 "text-anchor": "middle"
               }, V(m.value.labels[l]), 9, ma)
-            ], 8, pa))), 128)) : !w.value && !p.value && !f.value ? (n(!0), i(z, { key: 1 }, U(_.value.groups, (e, l) => (n(), i("text", {
+            ], 8, pa))), 128)) : !w.value && !p.value && !g.value ? (n(!0), i(z, { key: 1 }, U(_.value.groups, (e, l) => (n(), i("text", {
               key: `label-${l}`,
               transform: `
                                 ${ct((e.startAngle + e.endAngle) / 2)}
@@ -804,7 +808,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       t.$slots.watermark ? (n(), i("div", ka, [
         $(t.$slots, "watermark", oe(le({ isPrinting: k(Ce) || k(Me) })), void 0, !0)
       ])) : v("", !0),
-      L.value ? v("", !0) : (n(), j(Wt, {
+      L.value ? v("", !0) : (n(), D(Wt, {
         key: 6,
         config: {
           type: "chord",
@@ -816,20 +820,20 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
           }
         }
       }, null, 8, ["config"])),
-      O("div", {
+      B("div", {
         ref_key: "chartLegend",
         ref: ge
       }, [
-        a.value.style.chart.legend.show ? (n(), j(Ut, {
+        a.value.style.chart.legend.show ? (n(), D(Ut, {
           key: `legend_${ke.value}`,
           legendSet: Ue.value,
           config: bt.value,
-          onClickMarker: o[2] || (o[2] = ({ legend: e }) => je(e.id))
+          onClickMarker: o[2] || (o[2] = ({ legend: e }) => De(e.id))
         }, We({
           item: P(({ legend: e, index: l }) => [
-            O("div", {
+            B("div", {
               style: N({
-                opacity: f.value ? f.value === e.id ? 1 : 0.3 : 1
+                opacity: g.value ? g.value === e.id ? 1 : 0.3 : 1
               }),
               onClick: (u) => e.select()
             }, V(e.name), 13, $a)
@@ -861,8 +865,8 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
         $(t.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0),
       I.value !== a.value.initialRotation ? (n(), i("div", wa, [
-        $(t.$slots, "reset-action", { reset: De }, () => [
-          O("button", {
+        $(t.$slots, "reset-action", { reset: je }, () => [
+          B("button", {
             "data-cy-reset": "",
             tabindex: "0",
             role: "button",
@@ -870,7 +874,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
             style: N({
               background: a.value.style.chart.backgroundColor
             }),
-            onClick: De
+            onClick: je
           }, [
             de(Rt, {
               name: "refresh",
@@ -879,7 +883,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
           ], 4)
         ], !0)
       ])) : v("", !0),
-      L.value ? (n(), j(Vt, {
+      L.value ? (n(), D(Vt, {
         key: 9,
         hideDetails: "",
         config: {
@@ -896,7 +900,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
         }
       }, {
         content: P(() => [
-          (n(), j(Gt, {
+          (n(), D(Gt, {
             key: `table_${ye.value}`,
             colNames: ae.value.colNames,
             head: ae.value.head,
@@ -909,7 +913,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               kt(V(e.name), 1)
             ]),
             td: P(({ td: e }) => [
-              O("div", Ca, V(e.name ? e.name : ze(e)), 1)
+              B("div", Ca, V(e.name ? e.name : ze(e)), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
@@ -918,7 +922,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       }, 8, ["config"])) : v("", !0)
     ], 46, Zt));
   }
-}, ja = /* @__PURE__ */ Qt(Ma, [["__scopeId", "data-v-e77f35e2"]]);
+}, Da = /* @__PURE__ */ Qt(Ma, [["__scopeId", "data-v-7ed38c01"]]);
 export {
-  ja as default
+  Da as default
 };

package/dist/{vue-ui-circle-pack-DACAa7Po.js → vue-ui-circle-pack-B7RscU4n.js}

@@ -1,14 +1,14 @@
 import { useCssVars as We, computed as w, ref as p, watch as $e, onMounted as Xe, watchEffect as Ye, createElementBlock as b, openBlock as f, unref as m, normalizeStyle as K, normalizeClass as Te, createBlock as M, createCommentVNode as k, renderSlot as x, createSlots as Ze, withCtx as z, normalizeProps as U, guardReactiveProps as B, createVNode as Je, Fragment as Q, renderList as Ke, createElementVNode as C, mergeProps as Se, toDisplayString as j, createTextVNode as Qe, nextTick as Ie } from "vue";
-import { u as et, c as Oe, t as ie, p as ee, a as tt, o as lt, e as at, b as ot, d as st, h as Pe, f as ce, X as nt, l as rt, G as q, af as ut, q as it, r as ct, i as Fe } from "./index-BHDxYxsA.js";
-import { u as Ne } from "./useNestedProp-CX8MPjxN.js";
-import { u as vt, U as dt } from "./usePrinter-mUOYqNDs.js";
-import { _ as ht } from "./Title-DqRYBmPn.js";
-import { _ as ft } from "./PenAndPaper-YLAKASXp.js";
+import { u as et, c as Oe, t as ie, p as ee, a as tt, o as lt, e as at, b as ot, d as st, h as Pe, f as ce, X as nt, l as rt, G as q, af as ut, q as it, r as ct, i as Fe } from "./index-D7As7hLS.js";
+import { u as Ne } from "./useNestedProp-RcVZW3zi.js";
+import { u as vt, U as dt } from "./usePrinter-DAcjoH4T.js";
+import { _ as ht } from "./Title-BnRm2t-0.js";
+import { _ as ft } from "./PenAndPaper-BuykDu_0.js";
 import { u as yt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as mt } from "./PackageVersion-Bye0MT5W.js";
-import pt from "./vue-ui-accordion-BA4dEISn.js";
-import { D as bt } from "./DataTable-CfJNJ7NR.js";
-import gt from "./vue-ui-skeleton-BCAWMgrf.js";
+import { _ as mt } from "./PackageVersion-xjSogtA5.js";
+import pt from "./vue-ui-accordion-DBRvT5aF.js";
+import { D as bt } from "./DataTable-CSjNN3jI.js";
+import gt from "./vue-ui-skeleton-Bbq7c-aT.js";
 import { u as kt } from "./useChartAccessibility-BWojgys7.js";
 import { t as xt, u as wt } from "./useResponsive-JZ9xq-JV.js";
 import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/{vue-ui-cursor-BCzCHBrt.js → vue-ui-cursor-DIsxsI0B.js}

@@ -1,6 +1,6 @@
 import { ref as c, computed as _, onMounted as R, onBeforeUnmount as S, createElementBlock as l, createCommentVNode as o, openBlock as i, normalizeStyle as E, unref as m, createElementVNode as r, normalizeClass as C, toDisplayString as p, nextTick as b } from "vue";
-import { u as F } from "./useNestedProp-CX8MPjxN.js";
-import { u as L, c as z, X as O, s as I } from "./index-BHDxYxsA.js";
+import { u as F } from "./useNestedProp-RcVZW3zi.js";
+import { u as L, c as z, X as O, s as I } from "./index-D7As7hLS.js";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const N = ["xmlns", "height", "width"], T = {
   id: "follower",