vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-chord-3k3MxDxL.js → vue-ui-chord-NjSRzToa.js}

@@ -1,43 +1,47 @@
-import { useCssVars as io, defineAsyncComponent as H, ref as d, shallowRef as it, toRefs as co, watch as xe, computed as y, onMounted as ct, onBeforeUnmount as dt, createElementBlock as i, openBlock as s, unref as v, normalizeStyle as N, normalizeClass as R, createBlock as G, createCommentVNode as h, renderSlot as b, createElementVNode as I, withCtx as p, normalizeProps as z, guardReactiveProps as j, createSlots as Ie, withModifiers as vt, createVNode as fe, Fragment as U, renderList as Q, mergeProps as ht, toDisplayString as Z, Teleport as vo, resolveDynamicComponent as ho, createTextVNode as ft, nextTick as bt } from "vue";
-import { c as _e, t as fo, i as bo, j as be, o as go, g as gt, l as po, k as mo, m as yo, X as ko, x as Co, d as Pe, as as Ao, au as $o, v as wo, r as Mo, a as xo } from "./lib-2iaAPQ_c.js";
-import { t as Io, u as _o } from "./useResponsive-DfdjqQps.js";
-import { u as Po, a as Be } from "./useNestedProp-BCt4DMkT.js";
-import { u as Bo, B as So } from "./BaseScanner-BMpwQAfz.js";
-import { u as To } from "./usePrinter-ChVMpU2f.js";
-import { u as Eo } from "./useSvgExport-ByUukOZt.js";
-import { u as Do } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as Fo } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Oo } from "./useChartAccessibility-9icAAmYg.js";
-import Lo from "./img-CqYIrJ8I.js";
-import { _ as No } from "./Shape-12_eh8zD.js";
-import Ro from "./Title-B5L2jweB.js";
-import zo from "./Legend-D2xmnFPH.js";
-import { _ as jo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const pt = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, arcs: { stroke: "#1A1A1A", labels: { color: "#CCCCCC" } }, ribbons: { stroke: "#1A1A1A", labels: { color: "#CCCCCC", connector: { stroke: "#CCCCCC" }, marker: { stroke: "#1A1A1A" } } } } } }, mt = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, arcs: { stroke: "#FFF8E1", labels: { color: "#424242" } }, ribbons: { stroke: "#FFF8E1", labels: { color: "#424242", connector: { stroke: "#424242" }, marker: { stroke: "#FFF8E1" } } } } } }, yt = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, arcs: { stroke: "#1E1E1E", labels: { color: "#BDBDBD" } }, ribbons: { stroke: "#1E1E1E", labels: { color: "#BDBDBD", connector: { stroke: "#BDBDBD" }, marker: { stroke: "#1E1E1E" } } } } } }, kt = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, arcs: { stroke: "#1A1A1A", labels: { color: "#99AA99" } }, ribbons: { stroke: "#1A1A1A", labels: { color: "#99AA99", connector: { stroke: "#99AA99" }, marker: { stroke: "#1A1A1A" } } } } } }, Ct = { table: { th: { backgroundColor: "#fbfafa", color: "#8A9892" }, td: { backgroundColor: "#fbfafa", color: "#8A9892" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#fbfafa", color: "#8A9892" }, arcs: { stroke: "#fbfafa", labels: { color: "#8A9892" } }, ribbons: { stroke: "#fbfafa", labels: { color: "#8A9892", connector: { stroke: "#8A9892" }, marker: { stroke: "#fbfafa" } } } } } }, At = { table: { th: { backgroundColor: "#fbfafa", color: "#8A9892" }, td: { backgroundColor: "#fbfafa", color: "#8A9892" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { backgroundColor: "#f6f6fb", color: "#50606C" }, arcs: { stroke: "#f6f6fb", labels: { color: "#50606C" } }, ribbons: { stroke: "#f6f6fb", labels: { color: "#50606C", connector: { stroke: "#50606C" }, marker: { stroke: "#f6f6fb" } } } } } }, $t = {
+import { useCssVars as vo, defineAsyncComponent as H, ref as d, shallowRef as it, toRefs as ho, watch as xe, computed as y, onMounted as ct, onBeforeUnmount as dt, createElementBlock as i, openBlock as s, unref as v, normalizeStyle as N, normalizeClass as R, createBlock as G, createCommentVNode as h, renderSlot as b, createElementVNode as I, withCtx as p, normalizeProps as z, guardReactiveProps as j, createSlots as Ie, withModifiers as vt, createVNode as fe, Fragment as U, renderList as Q, mergeProps as ht, toDisplayString as Z, Teleport as fo, resolveDynamicComponent as bo, createTextVNode as ft, nextTick as bt } from "vue";
+import { c as _e, t as go, i as po, j as be, o as mo, g as gt, l as yo, k as ko, m as Co, X as Ao, x as $o, d as Pe, as as wo, au as Mo, v as xo, r as Io, a as _o } from "./lib-CVHM9FhP.js";
+import { t as Po, u as Bo } from "./useResponsive-DfdjqQps.js";
+import { u as So, a as Be } from "./useNestedProp-Ckf_2P_V.js";
+import { u as To, B as Do } from "./BaseScanner-BMpwQAfz.js";
+import { u as Eo } from "./usePrinter-1NmjuP-i.js";
+import { u as Fo } from "./useSvgExport-ByUukOZt.js";
+import { u as Oo } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Lo } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as No } from "./useChartAccessibility-9icAAmYg.js";
+import Ro from "./img-6fNF_rG0.js";
+import { _ as zo } from "./Shape-PzdCMGsP.js";
+import jo from "./Title-NgeRXqRA.js";
+import Uo from "./Legend-DN5UJOBH.js";
+import { _ as Xo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const pt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } } } }, mt = { userOptions: { show: !1 }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, arcs: { stroke: "#1A1A1A", labels: { color: "#CCCCCC" } }, ribbons: { stroke: "#1A1A1A", labels: { color: "#CCCCCC", connector: { stroke: "#CCCCCC" }, marker: { stroke: "#1A1A1A" } } } } } }, yt = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, arcs: { stroke: "#1A1A1A", labels: { color: "#CCCCCC" } }, ribbons: { stroke: "#1A1A1A", labels: { color: "#CCCCCC", connector: { stroke: "#CCCCCC" }, marker: { stroke: "#1A1A1A" } } } } } }, kt = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, arcs: { stroke: "#FFF8E1", labels: { color: "#424242" } }, ribbons: { stroke: "#FFF8E1", labels: { color: "#424242", connector: { stroke: "#424242" }, marker: { stroke: "#FFF8E1" } } } } } }, Ct = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, arcs: { stroke: "#1E1E1E", labels: { color: "#BDBDBD" } }, ribbons: { stroke: "#1E1E1E", labels: { color: "#BDBDBD", connector: { stroke: "#BDBDBD" }, marker: { stroke: "#1E1E1E" } } } } } }, At = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, arcs: { stroke: "#1A1A1A", labels: { color: "#99AA99" } }, ribbons: { stroke: "#1A1A1A", labels: { color: "#99AA99", connector: { stroke: "#99AA99" }, marker: { stroke: "#1A1A1A" } } } } } }, $t = { table: { th: { backgroundColor: "#fbfafa", color: "#8A9892" }, td: { backgroundColor: "#fbfafa", color: "#8A9892" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#fbfafa", color: "#8A9892" }, arcs: { stroke: "#fbfafa", labels: { color: "#8A9892" } }, ribbons: { stroke: "#fbfafa", labels: { color: "#8A9892", connector: { stroke: "#8A9892" }, marker: { stroke: "#fbfafa" } } } } } }, wt = { table: { th: { backgroundColor: "#fbfafa", color: "#8A9892" }, td: { backgroundColor: "#fbfafa", color: "#8A9892" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { backgroundColor: "#f6f6fb", color: "#50606C" }, arcs: { stroke: "#f6f6fb", labels: { color: "#50606C" } }, ribbons: { stroke: "#f6f6fb", labels: { color: "#50606C", connector: { stroke: "#50606C" }, marker: { stroke: "#f6f6fb" } } } } } }, Mt = {
   default: {},
-  dark: pt,
-  celebration: mt,
-  celebrationNight: yt,
-  hack: kt,
-  zen: Ct,
-  concrete: At
-}, Da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: pt,
+  minimalDark: mt,
+  dark: yt,
+  celebration: kt,
+  celebrationNight: Ct,
+  hack: At,
+  zen: $t,
+  concrete: wt
+}, Oa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: mt,
-  celebrationNight: yt,
-  concrete: At,
-  dark: pt,
-  default: $t,
-  hack: kt,
-  zen: Ct
-}, Symbol.toStringTag, { value: "Module" })), Uo = ["id"], Xo = ["id"], Vo = ["xmlns", "viewBox"], Go = ["width", "height"], Yo = { key: 1 }, Wo = ["id", "d"], qo = { key: 2 }, Ho = ["transform"], Qo = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Zo = ["d", "fill", "stroke", "stroke-width"], Jo = ["d", "fill"], Ko = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick", "onMouseleave"], ea = ["d", "fill", "stroke", "stroke-width"], ta = ["d", "fill", "stroke", "stroke-width"], oa = ["d", "fill", "stroke", "stroke-width"], aa = { key: 0 }, la = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], na = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ra = ["cx", "cy", "r", "stroke", "stroke-width", "fill"], sa = ["transform", "fill", "text-anchor", "font-size", "font-weight"], ua = { key: 1 }, ia = ["font-size", "font-weight", "fill"], ca = ["href"], da = ["transform", "text-anchor", "font-size", "font-weight", "fill", "innerHTML"], va = {
+  celebration: kt,
+  celebrationNight: Ct,
+  concrete: wt,
+  dark: yt,
+  default: Mt,
+  hack: At,
+  minimal: pt,
+  minimalDark: mt,
+  zen: $t
+}, Symbol.toStringTag, { value: "Module" })), Vo = ["id"], Go = ["id"], Yo = ["xmlns", "viewBox"], Wo = ["width", "height"], qo = { key: 1 }, Ho = ["id", "d"], Qo = { key: 2 }, Zo = ["transform"], Jo = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Ko = ["d", "fill", "stroke", "stroke-width"], ea = ["d", "fill"], ta = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick", "onMouseleave"], oa = ["d", "fill", "stroke", "stroke-width"], aa = ["d", "fill", "stroke", "stroke-width"], la = ["d", "fill", "stroke", "stroke-width"], na = { key: 0 }, ra = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], sa = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ua = ["cx", "cy", "r", "stroke", "stroke-width", "fill"], ia = ["transform", "fill", "text-anchor", "font-size", "font-weight"], ca = { key: 1 }, da = ["font-size", "font-weight", "fill"], va = ["href"], ha = ["transform", "text-anchor", "font-size", "font-weight", "fill", "innerHTML"], fa = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, ha = ["id"], fa = ["onClick"], ba = {
+}, ba = ["id"], ga = ["onClick"], pa = {
   key: 7,
   "data-dom-to-png-ignore": "",
   class: "reset-wrapper"
-}, ga = { style: { "text-align": "right", width: "100%" } }, pa = {
+}, ma = { style: { "text-align": "right", width: "100%" } }, ya = {
   __name: "vue-ui-chord",
   props: {
     dataset: {
@@ -54,12 +58,12 @@ const pt = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     }
   },
   emits: ["selectLegend", "selectGroup", "selectRibbon"],
-  setup(wt, { expose: Mt, emit: xt }) {
-    io((e) => ({
+  setup(xt, { expose: It, emit: _t }) {
+    vo((e) => ({
       v0e648af8: e.slicerColor
     }));
-    const It = H(() => import("./vue-ui-accordion-CAXPDm31.js")), Se = H(() => import("./BaseIcon-B9bGT7HU.js")), _t = H(() => import("./DataTable-DEwh__D8.js")), Pt = H(() => import("./PackageVersion-C-JOGZBL.js")), Bt = H(() => import("./PenAndPaper-CulSakut.js")), St = H(() => import("./UserOptions-5pXc4J-c.js")), Tt = H(() => import("./BaseDraggableDialog-O2XSymlZ.js")), { vue_ui_chord: Et } = Po(), { isThemeValid: Dt, warnInvalidTheme: Ft } = Do(), T = wt, se = xt, O = d(!!T.dataset && Object.hasOwn(T.dataset, "matrix")), $ = d(_e()), w = d(null), k = d(null), g = d(null), Te = d(0), E = d(null), Ee = d(null), De = d(null), Fe = d(null), Oe = d(null), ge = d(0), pe = d(0), me = d(0), J = d(!1), X = it(null), K = it(null), Le = d(!1), te = d(null), ye = d(null), t = d(Ce()), { loading: Ne, FINAL_DATASET: M, manualLoading: oe } = Bo({
-      ...co(T),
+    const Pt = H(() => import("./vue-ui-accordion-DFKaB_05.js")), Se = H(() => import("./BaseIcon-4uOct8re.js")), Bt = H(() => import("./DataTable-DyoDzNNY.js")), St = H(() => import("./PackageVersion-CQxJyGQr.js")), Tt = H(() => import("./PenAndPaper-LTuSTmWE.js")), Dt = H(() => import("./UserOptions-CX7Xsusk.js")), Et = H(() => import("./BaseDraggableDialog-BQYfVNu8.js")), { vue_ui_chord: Ft } = So(), { isThemeValid: Ot, warnInvalidTheme: Lt } = Oo(), T = xt, se = _t, O = d(!!T.dataset && Object.hasOwn(T.dataset, "matrix")), $ = d(_e()), w = d(null), k = d(null), g = d(null), Te = d(0), D = d(null), De = d(null), Ee = d(null), Fe = d(null), Oe = d(null), ge = d(0), pe = d(0), me = d(0), J = d(!1), X = it(null), K = it(null), Le = d(!1), te = d(null), ye = d(null), t = d(Ce()), { loading: Ne, FINAL_DATASET: M, manualLoading: oe } = To({
+      ...ho(T),
       FINAL_CONFIG: t,
       prepareConfig: Ce,
       callback: () => {
@@ -77,7 +81,7 @@ const pt = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         labels: [],
         colors: ["#DBDBDB", "#C4C4C4", "#ADADAD", "#969696"]
       },
-      skeletonConfig: fo({
+      skeletonConfig: go({
         defaultConfig: t.value,
         userConfig: {
           useCssAnimation: !1,
@@ -106,7 +110,7 @@ const pt = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           }
         }
       })
-    }), { userOptionsVisible: ke, setUserOptionsVisibility: Re, keepUserOptionState: ze } = Fo({ config: t.value }), { svgRef: ee } = Oo({ config: t.value.style.chart.title }), { isPrinting: je, isImaging: Ue, generatePdf: Xe, generateImage: Ve } = To({
+    }), { userOptionsVisible: ke, setUserOptionsVisibility: Re, keepUserOptionState: ze } = Lo({ config: t.value }), { svgRef: ee } = No({ config: t.value.style.chart.title }), { isPrinting: je, isImaging: Ue, generatePdf: Xe, generateImage: Ve } = Eo({
       elementId: `chord_${$.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-chord",
       options: t.value.userOptions.print
@@ -116,13 +120,13 @@ const pt = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     function Ce() {
       const e = Be({
         userConfig: T.config,
-        defaultConfig: Et
+        defaultConfig: Ft
       }), a = e.theme;
       if (!a) return e;
-      if (!Dt.value(e))
-        return Ft(e), e;
+      if (!Ot.value(e))
+        return Lt(e), e;
       const o = Be({
-        userConfig: $t[a] || T.config,
+        userConfig: Mt[a] || T.config,
         defaultConfig: e
       }), l = Be({
         userConfig: T.config,
@@ -130,7 +134,7 @@ const pt = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       });
       return {
         ...l,
-        customPalette: l.customPalette.length ? l.customPalette : bo[a] || be
+        customPalette: l.customPalette.length ? l.customPalette : po[a] || be
       };
     }
     xe(() => T.config, (e) => {
@@ -141,7 +145,7 @@ const pt = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       Ye(), Ae(), ge.value += 1, pe.value += 1, me.value += 1;
     });
     function Ye() {
-      if (go(T.dataset)) {
+      if (mo(T.dataset)) {
         gt({
           componentName: "VueUiChord",
           type: "dataset",
@@ -149,7 +153,7 @@ const pt = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         }), O.value = !1, oe.value = !0;
         return;
       }
-      const e = po({
+      const e = yo({
         datasetObject: T.dataset,
         requiredAttributes: ["matrix"]
       });
@@ -187,23 +191,23 @@ dataset.matrix[${l}] = [${Array.isArray(a[l]) ? a[l].toString() : "invalid"}]`
     }
     function Ae() {
       if (Ye(), t.value.responsive) {
-        const e = Io(() => {
-          const { width: a, height: o, heightNoTitle: l, heightSource: r, heightTitle: n, heightLegend: u } = _o({
-            chart: E.value,
-            title: t.value.style.chart.title.text ? Ee.value : null,
-            legend: t.value.style.chart.legend.show ? De.value : null,
+        const e = Po(() => {
+          const { width: a, height: o, heightNoTitle: l, heightSource: r, heightTitle: n, heightLegend: u } = Bo({
+            chart: D.value,
+            title: t.value.style.chart.title.text ? De.value : null,
+            legend: t.value.style.chart.legend.show ? Ee.value : null,
             source: Fe.value,
             noTitle: Oe.value
           }), f = n + u + r + l;
-          a < o ? E.value.style.width = "100%" : (E.value.style.height = "100%", ee.value.style.height = `calc(100% - ${f}px)`);
+          a < o ? D.value.style.width = "100%" : (D.value.style.height = "100%", ee.value.style.height = `calc(100% - ${f}px)`);
         }, 100);
-        X.value && (K.value && X.value.unobserve(K.value), X.value.disconnect()), X.value = new ResizeObserver(e), K.value = E.value.parentNode, X.value.observe(K.value), e();
+        X.value && (K.value && X.value.unobserve(K.value), X.value.disconnect()), X.value = new ResizeObserver(e), K.value = D.value.parentNode, X.value.observe(K.value), e();
       }
       We.value = setTimeout(() => {
         J.value = !0;
       }, 500);
     }
-    function Ot() {
+    function Nt() {
       if (!M.value || !Object.hasOwn(M.value, "matrix") || M.value.matrix.length < 2) {
         console.warn(`VueUiChord: dataset.matrix requires a minimum of 2 datapoints, for example:
 
@@ -223,18 +227,18 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
     ct(() => {
       Le.value = !0, Ae();
     });
-    const D = d({
+    const E = d({
       height: 600,
       width: 600
-    }), Lt = y(() => t.value.userOptions.show && !t.value.style.chart.title.text), Nt = y(() => mo(t.value.customPalette)), m = y(() => ({
-      inner: D.value.width * 0.3 * t.value.style.chart.arcs.innerRadiusRatio,
-      outer: D.value.width * 0.34 * t.value.style.chart.arcs.outerRadiusRatio
-    })), Rt = y(() => t.value.style.chart.arcs.padAngle / 100), C = y(() => ({
+    }), Rt = y(() => t.value.userOptions.show && !t.value.style.chart.title.text), zt = y(() => ko(t.value.customPalette)), m = y(() => ({
+      inner: E.value.width * 0.3 * t.value.style.chart.arcs.innerRadiusRatio,
+      outer: E.value.width * 0.34 * t.value.style.chart.arcs.outerRadiusRatio
+    })), jt = y(() => t.value.style.chart.arcs.padAngle / 100), C = y(() => ({
       matrix: M.value.matrix ?? [[0]],
       labels: M.value.labels ?? [""],
-      colors: M.value.colors && Array.isArray(M.value.colors) && M.value.colors.length ? M.value.colors.map((e) => yo(e)) : M.value.matrix.map((e, a) => Nt.value[a] || be[a] || be[a % be.length])
+      colors: M.value.colors && Array.isArray(M.value.colors) && M.value.colors.length ? M.value.colors.map((e) => Co(e)) : M.value.matrix.map((e, a) => zt.value[a] || be[a] || be[a % be.length])
     }));
-    function zt(e, a) {
+    function Ut(e, a) {
       const o = e.length, l = m.value.inner, r = new Array(o).fill(0);
       let n = 0;
       for (let c = 0; c < o; c += 1)
@@ -288,11 +292,11 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
       return { groups: f, chords: L };
     }
     const x = y(() => {
-      const e = zt(C.value.matrix, Rt.value);
-      return Ot(), e.chords.sort(
+      const e = Ut(C.value.matrix, jt.value);
+      return Nt(), e.chords.sort(
         (a, o) => Math.max(o.source.value, o.target.value) - Math.max(a.source.value, a.target.value)
       ), e;
-    }), jt = y(() => {
+    }), Xt = y(() => {
       const e = m.value.outer + t.value.style.chart.ribbons.labels.offset + 12, o = t.value.style.chart.ribbons.labels.fontSize * 0.6, l = [];
       if (k.value) {
         const n = k.value;
@@ -351,8 +355,8 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
         });
       }
       return g.value && r(g.value), w.value && r(w.value.id), l;
-    }), Ut = y(() => {
-      const e = jt.value.map((r) => ({ ...r })).sort((r, n) => r.theta - n.theta), a = t.value.style.chart.ribbons.labels.minSeparationDeg * Math.PI / 180;
+    }), Vt = y(() => {
+      const e = Xt.value.map((r) => ({ ...r })).sort((r, n) => r.theta - n.theta), a = t.value.style.chart.ribbons.labels.minSeparationDeg * Math.PI / 180;
       let o = !0, l = 0;
       for (; o && l++ < 10; ) {
         o = !1;
@@ -374,21 +378,21 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
       return `M${f},${P}A${o},${o} 0 ${V} 1 ${B},${L}Q0,0 ${c},${A}A${o},${o} 0 ${q} 1 ${S},${F}Q0,0 ${f},${P}Z`;
     }
     const He = y(() => _.value * Math.PI / 180);
-    function Xt(e) {
+    function Gt(e) {
       return (e.startAngle + e.endAngle) / 2;
     }
-    function Vt(e) {
-      return ((Xt(e) + He.value) % (2 * Math.PI) + 2 * Math.PI) % (2 * Math.PI);
+    function Yt(e) {
+      return ((Gt(e) + He.value) % (2 * Math.PI) + 2 * Math.PI) % (2 * Math.PI);
     }
-    function Gt(e) {
+    function Wt(e) {
       let a = e + He.value;
       return a = (a % (2 * Math.PI) + 2 * Math.PI) % (2 * Math.PI), a > Math.PI ? "end" : "start";
     }
-    function Yt(e) {
+    function qt(e) {
       const a = e - Math.PI / 2, o = Math.cos(a) * (m.value.outer + t.value.style.chart.arcs.labels.offset + 24), l = Math.sin(a) * (m.value.outer + t.value.style.chart.arcs.labels.offset + 24);
       return `translate(${o},${l})`;
     }
-    function Wt(e, a, o) {
+    function Ht(e, a, o) {
       const l = e - Math.PI / 2, r = a - Math.PI / 2, n = Math.cos(l) * o, u = Math.sin(l) * o, f = Math.cos(r) * o, P = Math.sin(r) * o, B = a - e > Math.PI ? 1 : 0;
       return `M${n},${u} A${o},${o} 0 ${B} 1 ${f},${P}`;
     }
@@ -410,7 +414,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
       ae.value = !1;
     }
     function et(e) {
-      return xo(
+      return _o(
         t.value.style.chart.ribbons.labels.formatter,
         e,
         Pe({
@@ -430,22 +434,22 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
     function tt(e) {
       de.value = e, Te.value += 1;
     }
-    function qt(e, a) {
+    function Qt(e, a) {
       t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: a }), !g.value && (w.value = e);
     }
-    function Ht(e, a) {
+    function Zt(e, a) {
       w.value = null, t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: a });
     }
-    function Qt(e, a) {
+    function Jt(e, a) {
       se("selectGroup", e), t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: e, seriesIndex: a });
     }
-    function Zt(e, a) {
+    function Kt(e, a) {
       t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: a }), !g.value && (k.value = e);
     }
-    function Jt(e, a) {
+    function eo(e, a) {
       k.value = null, t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: a });
     }
-    function Kt(e, a) {
+    function to(e, a) {
       se("selectRibbon", e), t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: e, seriesIndex: a });
     }
     function ot(e) {
@@ -461,7 +465,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
     function lt() {
       Y.value.showTable = !Y.value.showTable;
     }
-    function eo() {
+    function oo() {
       return x.value;
     }
     const W = d(null);
@@ -488,7 +492,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
       id: e.id,
       select: () => rt(e.id),
       opacity: g.value ? g.value === e.id ? 1 : 0.3 : 1
-    }))), to = y(() => ({
+    }))), ao = y(() => ({
       cy: "chord-div-legend",
       backgroundColor: t.value.style.chart.legend.backgroundColor,
       color: t.value.style.chart.legend.color,
@@ -537,13 +541,13 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
             [""],
             ...C.value.labels.map((r, n) => [r || n])
           ]
-        ].concat(a), l = wo(o);
-        e ? e(l) : Mo({ csvContent: l, title: t.value.style.chart.title.text || "vue-ui-chord" });
+        ].concat(a), l = xo(o);
+        e ? e(l) : Io({ csvContent: l, title: t.value.style.chart.title.text || "vue-ui-chord" });
       });
     }
-    async function oo({ scale: e = 2 } = {}) {
-      if (!E.value) return;
-      const { width: a, height: o } = E.value.getBoundingClientRect(), l = a / o, { imageUri: r, base64: n } = await Lo({ domElement: E.value, base64: !0, img: !0, scale: e });
+    async function lo({ scale: e = 2 } = {}) {
+      if (!D.value) return;
+      const { width: a, height: o } = D.value.getBoundingClientRect(), l = a / o, { imageUri: r, base64: n } = await Ro({ domElement: D.value, base64: !0, img: !0, scale: e });
       return {
         imageUri: r,
         base64: n,
@@ -553,7 +557,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
         aspectRatio: l
       };
     }
-    function ao(e, a) {
+    function no(e, a) {
       return `${C.value.labels[a]}${t.value.style.chart.arcs.labels.showPercentage ? Pe({
         p: " (",
         v: isNaN(e.proportion) ? 0 : e.proportion * 100,
@@ -564,7 +568,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
     const ne = y(() => {
       const e = t.value.table.useDialog && !t.value.table.show, a = Y.value.showTable;
       return {
-        component: e ? Tt : It,
+        component: e ? Et : Pt,
         title: `${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text ? `: ${t.value.style.chart.title.subtitle.text}` : ""}`,
         props: e ? {
           backgroundColor: t.value.table.th.backgroundColor,
@@ -572,7 +576,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
           headerColor: t.value.table.th.color,
           headerBg: t.value.table.th.backgroundColor,
           isFullscreen: de.value,
-          fullscreenParent: E.value,
+          fullscreenParent: D.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -597,23 +601,23 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
     function st() {
       Y.value.showTable = !1, ye.value && ye.value.setTableIconState(!1);
     }
-    const lo = y(() => t.value.style.chart.backgroundColor), no = y(() => t.value.style.chart.legend), ro = y(() => t.value.style.chart.title), { exportSvg: so, getSvg: uo } = Eo({
+    const ro = y(() => t.value.style.chart.backgroundColor), so = y(() => t.value.style.chart.legend), uo = y(() => t.value.style.chart.title), { exportSvg: io, getSvg: co } = Fo({
       svg: ee,
-      title: ro,
-      legend: no,
+      title: uo,
+      legend: so,
       legendItems: we,
-      backgroundColor: lo
+      backgroundColor: ro
     });
     async function ut({ isCb: e }) {
       if (e) {
-        const { blob: a, url: o, text: l, dataUrl: r } = await uo();
+        const { blob: a, url: o, text: l, dataUrl: r } = await co();
         t.value.userOptions.callbacks.svg({ blob: a, url: o, text: l, dataUrl: r });
       } else
-        so();
+        io();
     }
-    return Mt({
-      getData: eo,
-      getImage: oo,
+    return It({
+      getData: oo,
+      getImage: lo,
       generateCsv: Me,
       generateImage: Ve,
       generateSvg: ut,
@@ -623,7 +627,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
       toggleFullscreen: tt
     }), (e, a) => (s(), i("div", {
       ref_key: "chordChart",
-      ref: E,
+      ref: D,
       class: R({
         "vue-data-ui-component": !0,
         "vue-ui-chord": !0,
@@ -635,7 +639,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
       onMouseenter: a[2] || (a[2] = () => v(Re)(!0)),
       onMouseleave: a[3] || (a[3] = () => v(Re)(!1))
     }, [
-      t.value.userOptions.buttons.annotator && v(ee) ? (s(), G(v(Bt), {
+      t.value.userOptions.buttons.annotator && v(ee) ? (s(), G(v(Tt), {
         key: 0,
         color: t.value.style.chart.color,
         backgroundColor: t.value.style.chart.backgroundColor,
@@ -664,7 +668,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
         _: 3
       }, 8, ["color", "backgroundColor", "active", "svgRef"])) : h("", !0),
       b(e.$slots, "userConfig", {}, void 0, !0),
-      Lt.value ? (s(), i("div", {
+      Rt.value ? (s(), i("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Oe,
@@ -674,10 +678,10 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
       t.value.style.chart.title.text ? (s(), i("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: Ee,
+        ref: De,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (s(), G(Ro, {
+        (s(), G(jo, {
           key: `title_${ge.value}`,
           config: {
             title: {
@@ -693,8 +697,8 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
       ], 512)) : h("", !0),
       I("div", {
         id: `legend-top-${$.value}`
-      }, null, 8, Xo),
-      t.value.userOptions.show && O.value && (v(ze) || v(ke)) ? (s(), G(v(St), {
+      }, null, 8, Go),
+      t.value.userOptions.show && O.value && (v(ze) || v(ke)) ? (s(), G(v(Dt), {
         ref_key: "userOptionsRef",
         ref: ye,
         key: `user_option_${Te.value}`,
@@ -712,7 +716,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
         hasLabel: !1,
         hasFullscreen: t.value.userOptions.buttons.fullscreen,
         isFullscreen: de.value,
-        chartElement: E.value,
+        chartElement: D.value,
         position: t.value.userOptions.position,
         titles: { ...t.value.userOptions.buttonTitles },
         hasAnnotator: t.value.userOptions.buttons.annotator,
@@ -789,10 +793,10 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
       (s(), i("svg", {
-        xmlns: v(ko),
+        xmlns: v(Ao),
         ref_key: "svgRef",
         ref: ee,
-        viewBox: `0 0 ${D.value.width} ${D.value.height}`,
+        viewBox: `0 0 ${E.value.width} ${E.value.height}`,
         preserveAspectRatio: "xMidYMid meet",
         style: {
           overflow: "visible"
@@ -801,38 +805,38 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
         onMousedown: vt(Ke, ["prevent"]),
         onTouchstart: vt(Ke, ["prevent"])
       }, [
-        fe(v(Pt)),
+        fe(v(St)),
         e.$slots["chart-background"] ? (s(), i("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
-          width: D.value.width <= 0 ? 10 : D.value.width,
-          height: D.value.height <= 0 ? 10 : D.value.height,
+          width: E.value.width <= 0 ? 10 : E.value.width,
+          height: E.value.height <= 0 ? 10 : E.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
           b(e.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Go)) : h("", !0),
-        t.value.style.chart.arcs.labels.curved ? (s(), i("defs", Yo, [
+        ], 8, Wo)) : h("", !0),
+        t.value.style.chart.arcs.labels.curved ? (s(), i("defs", qo, [
           (s(!0), i(U, null, Q(x.value.groups, (o, l) => (s(), i("path", {
             key: `labelPath-${l}`,
             id: `labelPath-${l}_${$.value}`,
-            d: Wt(
+            d: Ht(
               o.startAngle,
               o.endAngle,
               (m.value.inner + m.value.outer) / 2 + t.value.style.chart.arcs.labels.offset
             ),
             fill: "none"
-          }, null, 8, Wo))), 128))
+          }, null, 8, Ho))), 128))
         ])) : h("", !0),
-        e.$slots.pattern ? (s(), i("g", qo, [
+        e.$slots.pattern ? (s(), i("g", Qo, [
           (s(!0), i(U, null, Q(x.value.groups, (o, l) => (s(), i("defs", null, [
             b(e.$slots, "pattern", ht({ ref_for: !0 }, { seriesIndex: o.index, patternId: `pattern_${$.value}_${l}` }), void 0, !0)
           ]))), 256))
         ])) : h("", !0),
         I("g", {
-          transform: `translate(${D.value.width / 2}, ${D.value.height / 2}) rotate(${_.value})`
+          transform: `translate(${E.value.width / 2}, ${E.value.height / 2}) rotate(${_.value})`
         }, [
           (s(!0), i(U, null, Q(x.value.groups, (o, l) => (s(), i("g", null, [
             (s(), i("path", {
@@ -852,10 +856,10 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
               style: N({
                 opacity: at(o)
               }),
-              onMouseenter: (r) => qt(o, l),
-              onMouseleave: (r) => Ht(o, l),
-              onClick: (r) => Qt(o, l)
-            }, null, 46, Qo)),
+              onMouseenter: (r) => Qt(o, l),
+              onMouseleave: (r) => Zt(o, l),
+              onClick: (r) => Jt(o, l)
+            }, null, 46, Jo)),
             e.$slots.pattern ? (s(), i("path", {
               class: R({ "vue-ui-chord-arc": !0, "vue-ui-chord-arc-animated": t.value.useCssAnimation && !J.value }),
               key: `arc-${l}`,
@@ -874,7 +878,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
                 opacity: at(o),
                 pointerEvents: "none"
               })
-            }, null, 14, Zo)) : h("", !0)
+            }, null, 14, Ko)) : h("", !0)
           ]))), 256)),
           I("g", null, [
             (s(!0), i(U, null, Q(w.value ? x.value.chords.filter((o) => o.source.groupId === w.value.id) : g.value ? x.value.chords.filter((o) => o.source.groupId === g.value) : x.value.chords, (o, l) => (s(), i(U, {
@@ -886,7 +890,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
                 d: ue(o.source, o.target),
                 fill: t.value.style.chart.backgroundColor,
                 style: N({ opacity: t.value.style.chart.ribbons.underlayerOpacity })
-              }, null, 14, Jo)) : h("", !0),
+              }, null, 14, ea)) : h("", !0),
               o.source.value ? (s(), i("path", {
                 key: 1,
                 class: R({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": t.value.useCssAnimation && !J.value }),
@@ -897,20 +901,20 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 style: N({ opacity: ot(o) }),
-                onMouseenter: (r) => Zt({
+                onMouseenter: (r) => Kt({
                   ...o,
                   path: ue(o.source, o.target),
                   color: C.value.colors[o.source.index]
                 }, l),
-                onClick: (r) => Kt({
+                onClick: (r) => to({
                   ...o,
                   color: C.value.colors[o.source.index]
                 }, l),
-                onMouseleave: (r) => Jt({
+                onMouseleave: (r) => eo({
                   ...o,
                   color: C.value.colors[o.source.index]
                 }, l)
-              }, null, 46, Ko)) : h("", !0),
+              }, null, 46, ta)) : h("", !0),
               o.source.value && e.$slots.pattern ? (s(), i("path", {
                 key: 2,
                 class: R({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": t.value.useCssAnimation && !J.value }),
@@ -924,7 +928,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
                   opacity: ot(o),
                   pointerEvents: "none"
                 })
-              }, null, 14, ea)) : h("", !0)
+              }, null, 14, oa)) : h("", !0)
             ], 64))), 128)),
             k.value ? (s(), i("path", {
               key: 0,
@@ -938,7 +942,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
               style: {
                 pointerEvents: "none"
               }
-            }, null, 8, ta)) : h("", !0),
+            }, null, 8, aa)) : h("", !0),
             k.value && e.$slots.pattern ? (s(), i("path", {
               key: 1,
               d: k.value.path,
@@ -951,10 +955,10 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
               style: {
                 pointerEvents: "none"
               }
-            }, null, 8, oa)) : h("", !0)
+            }, null, 8, la)) : h("", !0)
           ]),
-          (w.value || k.value || g.value) && t.value.style.chart.ribbons.labels.show ? (s(), i("g", aa, [
-            (s(!0), i(U, null, Q(Ut.value, (o) => (s(), i(U, {
+          (w.value || k.value || g.value) && t.value.style.chart.ribbons.labels.show ? (s(), i("g", na, [
+            (s(!0), i(U, null, Q(Vt.value, (o) => (s(), i(U, {
               key: o.id
             }, [
               I("line", {
@@ -965,7 +969,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
                 stroke: t.value.style.chart.backgroundColor,
                 "stroke-width": t.value.style.chart.ribbons.labels.connector.strokeWidth * 3,
                 "pointer-events": "none"
-              }, null, 8, la),
+              }, null, 8, ra),
               I("line", {
                 x1: o.midBaseX,
                 y1: o.midBaseY,
@@ -974,7 +978,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
                 stroke: t.value.style.chart.ribbons.labels.connector.stroke,
                 "stroke-width": t.value.style.chart.ribbons.labels.connector.strokeWidth,
                 "pointer-events": "none"
-              }, null, 8, na),
+              }, null, 8, sa),
               t.value.style.chart.ribbons.labels.marker.show ? (s(), i("circle", {
                 key: 0,
                 cx: Math.cos(o.theta - Math.PI / 2) * (m.value.outer + t.value.style.chart.ribbons.labels.offset + 12),
@@ -984,7 +988,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
                 "stroke-width": t.value.style.chart.ribbons.labels.marker.strokeWidth,
                 fill: o.groupColor,
                 "pointer-events": "none"
-              }, null, 8, ra)) : h("", !0),
+              }, null, 8, ua)) : h("", !0),
               I("text", {
                 transform: `
                             translate(
@@ -993,21 +997,21 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
                             ) rotate(${-_.value})
                             `,
                 fill: t.value.style.chart.ribbons.labels.useSerieColor ? o.groupColor : t.value.style.chart.ribbons.labels.color,
-                "text-anchor": Gt(o.theta),
+                "text-anchor": Wt(o.theta),
                 "font-size": t.value.style.chart.ribbons.labels.fontSize,
                 "font-weight": t.value.style.chart.ribbons.labels.bold ? "bold" : "normal",
                 dy: ".35em",
                 "pointer-events": "none"
-              }, Z(et(o.value)), 9, sa)
+              }, Z(et(o.value)), 9, ia)
             ], 64))), 128))
           ])) : h("", !0),
-          t.value.style.chart.arcs.labels.show ? (s(), i("g", ua, [
+          t.value.style.chart.arcs.labels.show ? (s(), i("g", ca, [
             t.value.style.chart.arcs.labels.curved ? (s(!0), i(U, { key: 0 }, Q(x.value.groups, (o, l) => (s(), i("text", {
               class: "vue-ui-chord-label-curved",
               key: `curved-label-${l}`,
               "font-size": t.value.style.chart.arcs.labels.fontSize,
               "font-weight": t.value.style.chart.arcs.labels.bold ? "bold" : "normal",
-              fill: t.value.style.chart.arcs.labels.adaptColorToBackground ? v(Co)(C.value.colors[l]) : t.value.style.chart.arcs.labels.color
+              fill: t.value.style.chart.arcs.labels.adaptColorToBackground ? v($o)(C.value.colors[l]) : t.value.style.chart.arcs.labels.color
             }, [
               I("textPath", {
                 href: `#labelPath-${l}_${$.value}`,
@@ -1018,49 +1022,49 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
                 v: isNaN(o.proportion) ? 0 : o.proportion * 100,
                 s: "%)",
                 r: t.value.style.chart.arcs.labels.roundingPercentage
-              }) : ""), 9, ca)
-            ], 8, ia))), 128)) : !w.value && !k.value && !g.value ? (s(!0), i(U, { key: 1 }, Q(x.value.groups, (o, l) => (s(), i("text", {
+              }) : ""), 9, va)
+            ], 8, da))), 128)) : !w.value && !k.value && !g.value ? (s(!0), i(U, { key: 1 }, Q(x.value.groups, (o, l) => (s(), i("text", {
               class: "vue-ui-chord-label-straight",
               key: `label-${l}`,
               transform: `
-                                ${Yt((o.startAngle + o.endAngle) / 2)}
+                                ${qt((o.startAngle + o.endAngle) / 2)}
                                 rotate(${-_.value})
                             `,
               dy: ".35em",
-              "text-anchor": Vt(o) > Math.PI ? "end" : "start",
+              "text-anchor": Yt(o) > Math.PI ? "end" : "start",
               "font-size": t.value.style.chart.arcs.labels.fontSize,
               "font-weight": t.value.style.chart.arcs.labels.bold ? "bold" : "normal",
               fill: t.value.style.chart.arcs.labels.color,
-              innerHTML: v(Ao)({
-                content: v($o)(ao(o, l)),
+              innerHTML: v(wo)({
+                content: v(Mo)(no(o, l)),
                 fontSize: t.value.style.chart.arcs.labels.fontSize,
                 fill: t.value.style.chart.arcs.labels.color,
                 x: 0,
                 y: 0
               })
-            }, null, 8, da))), 128)) : h("", !0)
+            }, null, 8, ha))), 128)) : h("", !0)
           ])) : h("", !0)
-        ], 8, Ho),
+        ], 8, Zo),
         b(e.$slots, "svg", { svg: { height: 600, width: 600 } }, void 0, !0)
-      ], 42, Vo)),
-      e.$slots.watermark ? (s(), i("div", va, [
+      ], 42, Yo)),
+      e.$slots.watermark ? (s(), i("div", fa, [
         b(e.$slots, "watermark", z(j({ isPrinting: v(je) || v(Ue) })), void 0, !0)
       ])) : h("", !0),
       I("div", {
         id: `legend-bottom-${$.value}`
-      }, null, 8, ha),
-      Le.value ? (s(), G(vo, {
+      }, null, 8, ba),
+      Le.value ? (s(), G(fo, {
         key: 5,
         to: t.value.style.chart.legend.position === "top" ? `#legend-top-${$.value}` : `#legend-bottom-${$.value}`
       }, [
         I("div", {
           ref_key: "chartLegend",
-          ref: De
+          ref: Ee
         }, [
-          t.value.style.chart.legend.show ? (s(), G(zo, {
+          t.value.style.chart.legend.show ? (s(), G(Uo, {
             key: `legend_${me.value}`,
             legendSet: we.value,
-            config: to.value,
+            config: ao.value,
             onClickMarker: a[0] || (a[0] = ({ legend: o }) => rt(o.id))
           }, Ie({
             item: p(({ legend: o }) => [
@@ -1069,14 +1073,14 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
                   opacity: g.value ? g.value === o.id ? 1 : 0.3 : 1
                 }),
                 onClick: (l) => o.select()
-              }, Z(o.name), 13, fa)
+              }, Z(o.name), 13, ga)
             ]),
             _: 2
           }, [
             e.$slots.pattern ? {
               name: "legend-pattern",
               fn: p(({ legend: o, index: l }) => [
-                fe(No, {
+                fe(zo, {
                   shape: o.shape,
                   radius: 30,
                   stroke: "none",
@@ -1098,7 +1102,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
       }, [
         b(e.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      _.value !== t.value.initialRotation ? (s(), i("div", ba, [
+      _.value !== t.value.initialRotation ? (s(), i("div", pa, [
         b(e.$slots, "reset-action", { reset: nt }, () => [
           I("button", {
             "data-cy-reset": "",
@@ -1117,13 +1121,13 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
           ], 4)
         ], !0)
       ])) : h("", !0),
-      O.value && t.value.userOptions.buttons.table ? (s(), G(ho(ne.value.component), ht({ key: 8 }, ne.value.props, {
+      O.value && t.value.userOptions.buttons.table ? (s(), G(bo(ne.value.component), ht({ key: 8 }, ne.value.props, {
         ref_key: "tableUnit",
         ref: te,
         onClose: st
       }), Ie({
         content: p(() => [
-          (s(), G(v(_t), {
+          (s(), G(v(Bt), {
             key: `table_${pe.value}`,
             colNames: he.value.colNames,
             head: he.value.head,
@@ -1137,7 +1141,7 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
               ft(Z(o.name), 1)
             ]),
             td: p(({ td: o }) => [
-              I("div", ga, Z(o.name ? o.name : et(o)), 1)
+              I("div", ma, Z(o.name ? o.name : et(o)), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1168,15 +1172,15 @@ dataset.matrix[${a}] = [${e.toString()}] has a length of ${e.length} but should
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      v(Ne) ? (s(), G(So, { key: 9 })) : h("", !0)
-    ], 46, Uo));
+      v(Ne) ? (s(), G(Do, { key: 9 })) : h("", !0)
+    ], 46, Vo));
   }
-}, ma = /* @__PURE__ */ jo(pa, [["__scopeId", "data-v-8b52dff2"]]), Fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ka = /* @__PURE__ */ Xo(ya, [["__scopeId", "data-v-8b52dff2"]]), La = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ma
+  default: ka
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Da as a,
-  Fa as b,
-  ma as v
+  Oa as a,
+  La as b,
+  ka as v
 };