vue-data-ui 3.1.18 → 3.1.19-next.0

package/dist/{vue-ui-chestnut-C7u6GW-T.js → vue-ui-chestnut-C_0Y77a9.js}

@@ -1,19 +1,20 @@
-import { useCssVars as dt, defineAsyncComponent as H, computed as k, ref as z, toRefs as vt, watch as fe, onMounted as yt, nextTick as be, createElementBlock as o, openBlock as a, unref as u, normalizeStyle as y, normalizeClass as w, createBlock as le, createCommentVNode as h, renderSlot as F, createSlots as Ve, withCtx as P, normalizeProps as ae, guardReactiveProps as oe, createVNode as pe, createElementVNode as n, toDisplayString as c, Fragment as g, renderList as _, createTextVNode as Z, resolveDynamicComponent as ht, mergeProps as ft, withKeys as bt } from "vue";
-import { u as pt, c as gt, t as _t, a as xt, p as O, b as mt, d as kt, g as ge, f as se, e as _e, o as wt, X as Ct, s as A, x as Be, k as E, i as S, F as Me, m as je, n as $t, q as J, r as R, v as Tt, w as zt } from "./index-smzxfsyV.js";
-import { u as At, B as St } from "./BaseScanner-BgWxam9d.js";
-import { u as Nt } from "./usePrinter-nFj0xF0a.js";
-import { u as De } from "./useNestedProp-DeKmJzsE.js";
-import { u as Ft } from "./useTableResponsive-Cbx-ACcP.js";
-import { u as It } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Lt } from "./useChartAccessibility-9icAAmYg.js";
-import Pt from "./img-BArHHegM.js";
+import { useCssVars as dt, defineAsyncComponent as q, computed as k, ref as z, toRefs as vt, watch as fe, onMounted as yt, nextTick as be, createElementBlock as o, openBlock as a, unref as u, normalizeStyle as y, normalizeClass as w, createBlock as le, createCommentVNode as h, renderSlot as F, createSlots as Ve, withCtx as P, normalizeProps as ae, guardReactiveProps as oe, createVNode as pe, createElementVNode as n, toDisplayString as c, Fragment as g, renderList as _, createTextVNode as Z, resolveDynamicComponent as ht, mergeProps as ft, withKeys as bt } from "vue";
+import { c as pt, t as gt, b as _t, p as O, e as xt, g as ge, f as se, h as _e, o as mt, X as kt, s as A, i as Be, a as E, d as S, G as Me, n as je, u as wt, v as J, w as R, x as Ct, y as $t } from "./lib-p5pfHmOX.js";
+import { u as Tt, a as De } from "./useNestedProp-DF7e2h1z.js";
+import { u as zt, B as At } from "./BaseScanner-BgWxam9d.js";
+import { u as St } from "./usePrinter-Yeu5jOfm.js";
+import { u as Nt } from "./useTableResponsive-Cbx-ACcP.js";
+import { u as Ft } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as It } from "./useChartAccessibility-9icAAmYg.js";
+import Lt from "./img-CH7J0fYg.js";
+import { t as Pt } from "./themes-D3cUNuKw.js";
 import { _ as Ot } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Rt = ["id"], Vt = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, Bt = ["xmlns", "viewBox"], Mt = ["width", "height"], jt = { key: 1 }, Dt = ["fill", "font-weight", "font-size", "x", "y"], Xt = ["fill", "font-weight", "font-size", "x", "y"], Gt = ["id"], Et = ["stop-color"], Ut = ["stop-color"], Wt = ["id"], Yt = ["stop-color"], qt = ["stop-color"], Ht = ["id"], Kt = ["stop-color"], Zt = ["stop-color"], Jt = ["stop-color"], Qt = ["id"], el = ["stop-color"], tl = ["stop-color"], ll = ["stop-color"], al = ["id"], ol = ["stop-color"], sl = ["stop-color"], ul = ["stop-color"], nl = { key: 2 }, rl = ["x", "y", "font-size", "font-weight", "fill"], il = ["x", "y", "font-size", "font-weight", "fill"], cl = ["id"], dl = ["stop-color"], vl = ["stop-color"], yl = ["d", "stroke", "fill"], hl = ["cx", "cy", "r", "fill"], fl = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], bl = { key: 3 }, pl = ["x", "y", "font-size", "fill", "onClick"], gl = { key: 0 }, _l = ["x", "y", "fill", "font-size", "font-weight"], xl = ["x", "y", "height", "width", "fill", "rx", "onClick"], ml = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], kl = { key: 4 }, wl = ["x", "y", "fill", "font-size", "onClick"], Cl = ["d", "stroke"], $l = ["fill", "cx", "cy", "r", "onClick"], Tl = { key: 5 }, zl = ["x", "y", "font-size", "font-weight", "fill"], Al = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Sl = ["y", "height", "width"], Nl = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, Fl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, Il = {
+}, Bt = ["xmlns", "viewBox"], Mt = ["width", "height"], jt = { key: 1 }, Dt = ["fill", "font-weight", "font-size", "x", "y"], Xt = ["fill", "font-weight", "font-size", "x", "y"], Gt = ["id"], Et = ["stop-color"], Ut = ["stop-color"], Wt = ["id"], Yt = ["stop-color"], Ht = ["stop-color"], qt = ["id"], Kt = ["stop-color"], Zt = ["stop-color"], Jt = ["stop-color"], Qt = ["id"], el = ["stop-color"], tl = ["stop-color"], ll = ["stop-color"], al = ["id"], ol = ["stop-color"], sl = ["stop-color"], ul = ["stop-color"], nl = { key: 2 }, rl = ["x", "y", "font-size", "font-weight", "fill"], il = ["x", "y", "font-size", "font-weight", "fill"], cl = ["id"], dl = ["stop-color"], vl = ["stop-color"], yl = ["d", "stroke", "fill"], hl = ["cx", "cy", "r", "fill"], fl = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], bl = { key: 3 }, pl = ["x", "y", "font-size", "fill", "onClick"], gl = { key: 0 }, _l = ["x", "y", "fill", "font-size", "font-weight"], xl = ["x", "y", "height", "width", "fill", "rx", "onClick"], ml = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], kl = { key: 4 }, wl = ["x", "y", "fill", "font-size", "onClick"], Cl = ["d", "stroke"], $l = ["fill", "cx", "cy", "r", "onClick"], Tl = { key: 5 }, zl = ["x", "y", "font-size", "font-weight", "fill"], Al = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Sl = ["y", "height", "width"], Nl = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, Fl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, Il = {
   viewBox: "0 0 20 20",
   height: "16",
   width: "16"
@@ -21,7 +22,7 @@ const Rt = ["id"], Vt = {
   viewBox: "0 0 20 20",
   height: "16",
   width: "16"
-}, Ml = ["fill"], jl = ["cx", "cy", "fill"], Dl = ["d", "stroke"], Xl = ["cx", "cy", "fill"], Gl = ["d", "stroke"], El = ["cx", "cy", "fill"], Ul = ["cx", "cy", "fill"], Wl = ["x", "y", "fill", "font-size", "font-weight"], Yl = ["x", "y", "fill", "font-size", "font-weight"], ql = ["x", "text-anchor", "y", "fill", "font-size"], Hl = ["x", "text-anchor", "y", "fill", "font-size"], Kl = ["x", "text-anchor", "y", "fill", "font-size"], Zl = ["x", "text-anchor", "y", "fill", "font-size"], Jl = ["x", "text-anchor", "y", "fill", "font-size"], Ql = ["x", "y", "font-size", "fill"], ea = ["x", "y", "font-size", "fill"], ta = ["x", "y", "font-size", "fill"], la = {
+}, Ml = ["fill"], jl = ["cx", "cy", "fill"], Dl = ["d", "stroke"], Xl = ["cx", "cy", "fill"], Gl = ["d", "stroke"], El = ["cx", "cy", "fill"], Ul = ["cx", "cy", "fill"], Wl = ["x", "y", "fill", "font-size", "font-weight"], Yl = ["x", "y", "fill", "font-size", "font-weight"], Hl = ["x", "text-anchor", "y", "fill", "font-size"], ql = ["x", "text-anchor", "y", "fill", "font-size"], Kl = ["x", "text-anchor", "y", "fill", "font-size"], Zl = ["x", "text-anchor", "y", "fill", "font-size"], Jl = ["x", "text-anchor", "y", "fill", "font-size"], Ql = ["x", "y", "font-size", "fill"], ea = ["x", "y", "font-size", "fill"], ta = ["x", "y", "font-size", "fill"], la = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, aa = {
@@ -49,7 +50,7 @@ const Rt = ["id"], Vt = {
     dt((l) => ({
       "3e45980e": l.tdo
     }));
-    const xe = H(() => import("./BaseIcon-BPiT94Lb.js")), Ue = H(() => import("./vue-ui-accordion-7cfJUVx5.js")), We = H(() => import("./PenAndPaper-Deh70G9d.js")), Ye = H(() => import("./UserOptions-CtECQwBN.js")), qe = H(() => import("./PackageVersion-BzGzkGiC.js")), He = H(() => import("./BaseDraggableDialog-CkjMZyIs.js")), { vue_ui_chestnut: Ke } = pt(), M = Xe, me = k(() => !!M.dataset && M.dataset.length), C = z(gt()), U = z(null), ke = z(0), K = z(null), ue = z(null), e = z(ie()), { loading: we, FINAL_DATASET: ne } = At({
+    const xe = q(() => import("./BaseIcon-D2f9w5Z5.js")), Ue = q(() => import("./vue-ui-accordion-D-L73-T2.js")), We = q(() => import("./PenAndPaper-CtDMyIvW.js")), Ye = q(() => import("./UserOptions-Bn3u4JQu.js")), He = q(() => import("./PackageVersion-DRpg18lg.js")), qe = q(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_chestnut: Ke } = Tt(), M = Xe, me = k(() => !!M.dataset && M.dataset.length), C = z(pt()), U = z(null), ke = z(0), K = z(null), ue = z(null), e = z(ie()), { loading: we, FINAL_DATASET: ne } = zt({
       ...vt(M),
       FINAL_CONFIG: e,
       prepareConfig: ie,
@@ -131,7 +132,7 @@ const Rt = ["id"], Vt = {
           ]
         }
       ],
-      skeletonConfig: _t({
+      skeletonConfig: gt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -159,7 +160,7 @@ const Rt = ["id"], Vt = {
           }
         }
       })
-    }), { userOptionsVisible: re, setUserOptionsVisibility: Ce, keepUserOptionState: $e } = It({ config: e.value }), { svgRef: Te } = Lt({ config: e.value.style.chart.layout.title });
+    }), { userOptionsVisible: re, setUserOptionsVisibility: Ce, keepUserOptionState: $e } = Ft({ config: e.value }), { svgRef: Te } = It({ config: e.value.style.chart.layout.title });
     function ie() {
       const l = De({
         userConfig: M.config,
@@ -167,20 +168,20 @@ const Rt = ["id"], Vt = {
       });
       return l.theme ? {
         ...De({
-          userConfig: mt.vue_ui_chestnut[l.theme] || M.config,
+          userConfig: Pt.vue_ui_chestnut[l.theme] || M.config,
           defaultConfig: l
         }),
-        customPalette: xt[l.theme] || O
+        customPalette: _t[l.theme] || O
       } : l;
     }
     fe(() => M.config, (l) => {
       e.value = ie(), re.value = !e.value.userOptions.showOnChartHover, j.value.showTable = e.value.table.show, Pe();
     }, { deep: !0 });
-    const { isPrinting: ze, isImaging: Ae, generatePdf: Se, generateImage: Ne } = Nt({
+    const { isPrinting: ze, isImaging: Ae, generatePdf: Se, generateImage: Ne } = St({
       elementId: `vue-ui-chestnut_${C.value}`,
       fileName: e.value.style.chart.layout.title.text || "vue-ui-chestnut",
       options: e.value.userOptions.print
-    }), Ze = k(() => e.value.userOptions.show), ce = k(() => kt(e.value.customPalette)), j = z({
+    }), Ze = k(() => e.value.userOptions.show), ce = k(() => xt(e.value.customPalette)), j = z({
       showTable: e.value.table.show
     });
     fe(e, () => {
@@ -356,7 +357,7 @@ const Rt = ["id"], Vt = {
     });
     const Q = k(() => e.value.debug);
     function Pe() {
-      wt(M.dataset) && se({
+      mt(M.dataset) && se({
         componentName: "VueUiChestnut",
         type: "dataset",
         debug: Q.value
@@ -396,13 +397,13 @@ const Rt = ["id"], Vt = {
           f.nutToBranch,
           f.nutToRoot,
           f.nutToTotal
-        ]), p = i.concat([t]).concat(s), b = Tt(p);
-        l ? l(b) : zt({ csvContent: b, title: e.value.style.chart.layout.title.text || "vue-ui-chestnut" });
+        ]), p = i.concat([t]).concat(s), b = Ct(p);
+        l ? l(b) : $t({ csvContent: b, title: e.value.style.chart.layout.title.text || "vue-ui-chestnut" });
       });
     }
-    const q = z(!1);
+    const H = z(!1);
     function Oe(l) {
-      q.value = l, ke.value += 1;
+      H.value = l, ke.value += 1;
     }
     function Re() {
       j.value.showTable = !j.value.showTable;
@@ -413,7 +414,7 @@ const Rt = ["id"], Vt = {
     }
     async function rt({ scale: l = 2 } = {}) {
       if (!U.value) return;
-      const { width: i, height: t } = U.value.getBoundingClientRect(), s = i / t, { imageUri: p, base64: b } = await Pt({ domElement: U.value, base64: !0, img: !0, scale: l });
+      const { width: i, height: t } = U.value.getBoundingClientRect(), s = i / t, { imageUri: p, base64: b } = await Lt({ domElement: U.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: p,
         base64: b,
@@ -435,14 +436,14 @@ const Rt = ["id"], Vt = {
     const te = k(() => {
       const l = e.value.table.useDialog && !e.value.table.show, i = j.value.showTable;
       return {
-        component: l ? He : Ue,
+        component: l ? qe : Ue,
         title: `${e.value.style.chart.layout.title.text}${e.value.style.chart.layout.title.subtitle.text ? `: ${e.value.style.chart.layout.title.subtitle.text}` : ""}`,
         props: l ? {
           backgroundColor: e.value.table.th.backgroundColor,
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: q.value,
+          isFullscreen: H.value,
           fullscreenParent: U.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
@@ -465,7 +466,7 @@ const Rt = ["id"], Vt = {
     fe(() => j.value.showTable, async (l) => {
       e.value.table.show || (l && e.value.table.useDialog && K.value ? (await be(), K.value.open()) : "close" in K.value && K.value.close());
     });
-    const { isResponsive: ct } = Ft(Fe, Je);
+    const { isResponsive: ct } = Nt(Fe, Je);
     function he() {
       j.value.showTable = !1, ue.value && ue.value.setTableIconState(!1);
     }
@@ -479,7 +480,7 @@ const Rt = ["id"], Vt = {
       toggleAnnotator: ye,
       toggleFullscreen: Oe
     }), (l, i) => (a(), o("div", {
-      class: w(`vue-ui-chestnut ${q.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: w(`vue-ui-chestnut ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "chestnutChart",
       ref: U,
       id: `vue-ui-chestnut_${C.value}`,
@@ -510,7 +511,7 @@ const Rt = ["id"], Vt = {
         hasXls: e.value.userOptions.buttons.csv,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: q.value,
+        isFullscreen: H.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: U.value,
         position: e.value.userOptions.position,
@@ -583,12 +584,12 @@ const Rt = ["id"], Vt = {
         key: 3,
         ref_key: "svgRef",
         ref: Te,
-        xmlns: u(Ct),
-        class: w({ "vue-data-ui-fullscreen--on": q.value, "vue-data-ui-fulscreen--off": !q.value }),
+        xmlns: u(kt),
+        class: w({ "vue-data-ui-fullscreen--on": H.value, "vue-data-ui-fulscreen--off": !H.value }),
         viewBox: `0 0 ${r.value.width <= 0 ? 10 : r.value.width} ${r.value.height <= 0 ? 10 : r.value.height}`,
         style: y(`overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        pe(u(qe)),
+        pe(u(He)),
         l.$slots["chart-background"] ? (a(), o("foreignObject", {
           key: 0,
           x: 0,
@@ -655,7 +656,7 @@ const Rt = ["id"], Vt = {
             n("stop", {
               offset: "100%",
               "stop-color": u(A)(u(Be)(t.color, 0.02), 100 - e.value.style.chart.layout.branches.gradientIntensity)
-            }, null, 8, qt)
+            }, null, 8, Ht)
           ], 8, Wt))), 256)),
           n("radialGradient", {
             cx: "50%",
@@ -677,7 +678,7 @@ const Rt = ["id"], Vt = {
               offset: "100%",
               "stop-color": u(A)("#FFFFFF", 0)
             }, null, 8, Jt)
-          ], 8, Ht),
+          ], 8, qt),
           n("radialGradient", {
             cx: "50%",
             cy: "50%",
@@ -1008,7 +1009,7 @@ const Rt = ["id"], Vt = {
           (a(!0), o(g, null, _(B.value, (t) => (a(), o("g", null, [
             Y(t) ? (a(), o("path", {
               key: 0,
-              d: u($t)(
+              d: u(wt)(
                 t,
                 {
                   x: d.value.x2 + 24 + e.value.style.chart.layout.nuts.offsetX,
@@ -1100,7 +1101,7 @@ const Rt = ["id"], Vt = {
               "font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize / 2,
               style: y(`font-weight:${e.value.style.chart.layout.nuts.selected.labels.dataLabels.bold ? "bold" : ""}`),
               class: w(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
-            }, " ⬤ ", 14, ql)) : h("", !0),
+            }, " ⬤ ", 14, Hl)) : h("", !0),
             Y(t) ? (a(), o("text", {
               key: 1,
               x: u(R)(t, !0).x,
@@ -1110,7 +1111,7 @@ const Rt = ["id"], Vt = {
               "font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
               style: y(`font-weight:${e.value.style.chart.layout.nuts.selected.labels.dataLabels.bold ? "bold" : ""}`),
               class: w(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
-            }, c(d.value.breakdown[s].name), 15, Hl)) : h("", !0)
+            }, c(d.value.breakdown[s].name), 15, ql)) : h("", !0)
           ]))), 256)),
           (a(!0), o(g, null, _(B.value, (t, s) => (a(), o("g", null, [
             Y(t) ? (a(), o("text", {
@@ -1412,10 +1413,10 @@ const Rt = ["id"], Vt = {
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      u(we) ? (a(), le(St, { key: 7 })) : h("", !0)
+      u(we) ? (a(), le(At, { key: 7 })) : h("", !0)
     ], 46, Rt));
   }
-}, to = /* @__PURE__ */ Ot(Ea, [["__scopeId", "data-v-68936f04"]]);
+}, lo = /* @__PURE__ */ Ot(Ea, [["__scopeId", "data-v-68936f04"]]);
 export {
-  to as default
+  lo as default
 };

package/dist/{vue-ui-chord-DxLU3Fg1.js → vue-ui-chord-DqGoensA.js}

@@ -1,17 +1,18 @@
 import { useCssVars as qt, defineAsyncComponent as W, ref as v, shallowRef as rt, toRefs as Ht, watch as xe, computed as $, onMounted as ut, onBeforeUnmount as it, createElementBlock as i, openBlock as r, unref as d, normalizeStyle as R, normalizeClass as F, createBlock as V, createCommentVNode as h, renderSlot as w, createElementVNode as I, createSlots as Ae, withCtx as x, normalizeProps as de, guardReactiveProps as he, withModifiers as ct, createVNode as fe, Fragment as z, renderList as q, mergeProps as vt, toDisplayString as H, Teleport as Qt, resolveDynamicComponent as Zt, createTextVNode as dt, nextTick as ht } from "vue";
-import { u as Jt, c as Ie, t as Kt, a as ea, p as ge, b as ta, o as aa, f as ft, g as oa, d as la, e as na, X as sa, F as ra, i as _e, a3 as ua, ae as ia, v as ca, w as va, k as da } from "./index-smzxfsyV.js";
-import { t as ha, u as fa } from "./useResponsive-DfdjqQps.js";
-import { u as ga, B as ba } from "./BaseScanner-BgWxam9d.js";
-import { u as pa } from "./usePrinter-nFj0xF0a.js";
-import { u as gt } from "./useNestedProp-DeKmJzsE.js";
-import { u as ma } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as ya } from "./useChartAccessibility-9icAAmYg.js";
-import ka from "./img-BArHHegM.js";
-import { _ as $a } from "./Shape-sVxD_SDm.js";
-import wa from "./Title-B_WMW2Bp.js";
-import Ca from "./Legend-h35dp0Qf.js";
+import { c as Ie, t as Jt, b as Kt, p as ge, o as ea, f as ft, g as ta, e as aa, h as oa, X as la, G as na, d as _e, J as sa, ad as ra, x as ua, y as ia, a as ca } from "./lib-p5pfHmOX.js";
+import { t as va, u as da } from "./useResponsive-DfdjqQps.js";
+import { u as ha, a as gt } from "./useNestedProp-DF7e2h1z.js";
+import { u as fa, B as ga } from "./BaseScanner-BgWxam9d.js";
+import { u as ba } from "./usePrinter-Yeu5jOfm.js";
+import { u as pa } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as ma } from "./useChartAccessibility-9icAAmYg.js";
+import ya from "./img-CH7J0fYg.js";
+import { _ as ka } from "./Shape-BDy56-wS.js";
+import $a from "./Title-pI68ZJsq.js";
+import { t as wa } from "./themes-D3cUNuKw.js";
+import Ca from "./Legend-_Rv594VS.js";
 import { _ as Ma } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const xa = ["id"], Aa = ["id"], Ia = ["xmlns", "viewBox"], _a = ["width", "height"], Pa = { key: 1 }, Ta = ["id", "d"], Ba = { key: 2 }, Sa = ["transform"], Oa = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], La = ["d", "fill", "stroke", "stroke-width"], Da = ["d", "fill"], Ea = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick", "onMouseleave"], Na = ["d", "fill", "stroke", "stroke-width"], Ra = ["d", "fill", "stroke", "stroke-width"], Fa = ["d", "fill", "stroke", "stroke-width"], za = { key: 0 }, Ua = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Xa = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Va = ["cx", "cy", "r", "stroke", "stroke-width", "fill"], ja = ["transform", "fill", "text-anchor", "font-size", "font-weight"], Ya = { key: 1 }, Ga = ["font-size", "font-weight", "fill"], Wa = ["href"], qa = ["transform", "text-anchor", "font-size", "font-weight", "fill", "innerHTML"], Ha = {
+const xa = ["id"], Aa = ["id"], Ia = ["xmlns", "viewBox"], _a = ["width", "height"], Pa = { key: 1 }, Ta = ["id", "d"], Ba = { key: 2 }, Sa = ["transform"], Oa = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], La = ["d", "fill", "stroke", "stroke-width"], Da = ["d", "fill"], Ea = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick", "onMouseleave"], Na = ["d", "fill", "stroke", "stroke-width"], Ra = ["d", "fill", "stroke", "stroke-width"], Fa = ["d", "fill", "stroke", "stroke-width"], za = { key: 0 }, Ua = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Xa = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Va = ["cx", "cy", "r", "stroke", "stroke-width", "fill"], ja = ["transform", "fill", "text-anchor", "font-size", "font-weight"], Ga = { key: 1 }, Ya = ["font-size", "font-weight", "fill"], Wa = ["href"], qa = ["transform", "text-anchor", "font-size", "font-weight", "fill", "innerHTML"], Ha = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Qa = ["id"], Za = ["onClick"], Ja = {
@@ -39,7 +40,7 @@ const xa = ["id"], Aa = ["id"], Ia = ["xmlns", "viewBox"], _a = ["width", "heigh
     qt((t) => ({
       "9b041f44": t.slicerColor
     }));
-    const yt = W(() => import("./vue-ui-accordion-7cfJUVx5.js")), Pe = W(() => import("./BaseIcon-BPiT94Lb.js")), kt = W(() => import("./DataTable-CywujQw9.js")), $t = W(() => import("./PackageVersion-BzGzkGiC.js")), wt = W(() => import("./PenAndPaper-Deh70G9d.js")), Ct = W(() => import("./UserOptions-CtECQwBN.js")), Mt = W(() => import("./BaseDraggableDialog-CkjMZyIs.js")), { vue_ui_chord: xt } = Jt(), S = bt, ne = mt, E = v(!!S.dataset && Object.hasOwn(S.dataset, "matrix")), k = v(Ie()), C = v(null), p = v(null), g = v(null), Te = v(0), O = v(null), Be = v(null), Se = v(null), Oe = v(null), Le = v(null), be = v(0), pe = v(0), me = v(0), Q = v(!1), U = rt(null), Z = rt(null), De = v(!1), J = v(null), ye = v(null), e = v($e()), { loading: Ee, FINAL_DATASET: M, manualLoading: K } = ga({
+    const yt = W(() => import("./vue-ui-accordion-D-L73-T2.js")), Pe = W(() => import("./BaseIcon-D2f9w5Z5.js")), kt = W(() => import("./DataTable-xISHA7Pu.js")), $t = W(() => import("./PackageVersion-DRpg18lg.js")), wt = W(() => import("./PenAndPaper-CtDMyIvW.js")), Ct = W(() => import("./UserOptions-Bn3u4JQu.js")), Mt = W(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_chord: xt } = ha(), S = bt, ne = mt, E = v(!!S.dataset && Object.hasOwn(S.dataset, "matrix")), k = v(Ie()), C = v(null), p = v(null), g = v(null), Te = v(0), O = v(null), Be = v(null), Se = v(null), Oe = v(null), Le = v(null), be = v(0), pe = v(0), me = v(0), Q = v(!1), U = rt(null), Z = rt(null), De = v(!1), J = v(null), ye = v(null), e = v($e()), { loading: Ee, FINAL_DATASET: M, manualLoading: K } = fa({
       ...Ht(S),
       FINAL_CONFIG: e,
       prepareConfig: $e,
@@ -58,7 +59,7 @@ const xa = ["id"], Aa = ["id"], Ia = ["xmlns", "viewBox"], _a = ["width", "heigh
         labels: [],
         colors: ["#DBDBDB", "#C4C4C4", "#ADADAD", "#969696"]
       },
-      skeletonConfig: Kt({
+      skeletonConfig: Jt({
         defaultConfig: e.value,
         userConfig: {
           useCssAnimation: !1,
@@ -87,7 +88,7 @@ const xa = ["id"], Aa = ["id"], Ia = ["xmlns", "viewBox"], _a = ["width", "heigh
           }
         }
       })
-    }), { userOptionsVisible: ke, setUserOptionsVisibility: Ne, keepUserOptionState: Re } = ma({ config: e.value }), { svgRef: ee } = ya({ config: e.value.style.chart.title }), { isPrinting: Fe, isImaging: ze, generatePdf: Ue, generateImage: Xe } = pa({
+    }), { userOptionsVisible: ke, setUserOptionsVisibility: Ne, keepUserOptionState: Re } = pa({ config: e.value }), { svgRef: ee } = ma({ config: e.value.style.chart.title }), { isPrinting: Fe, isImaging: ze, generatePdf: Ue, generateImage: Xe } = ba({
       elementId: `chord_${k.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-chord",
       options: e.value.userOptions.print
@@ -101,10 +102,10 @@ const xa = ["id"], Aa = ["id"], Ia = ["xmlns", "viewBox"], _a = ["width", "heigh
       });
       return t.theme ? {
         ...gt({
-          userConfig: ta.vue_ui_chord[t.theme] || S.config,
+          userConfig: wa.vue_ui_chord[t.theme] || S.config,
           defaultConfig: t
         }),
-        customPalette: ea[t.theme] || ge
+        customPalette: Kt[t.theme] || ge
       } : t;
     }
     xe(() => S.config, (t) => {
@@ -115,7 +116,7 @@ const xa = ["id"], Aa = ["id"], Ia = ["xmlns", "viewBox"], _a = ["width", "heigh
       je(), we(), be.value += 1, pe.value += 1, me.value += 1;
     });
     function je() {
-      if (aa(S.dataset)) {
+      if (ea(S.dataset)) {
         ft({
           componentName: "VueUiChord",
           type: "dataset",
@@ -123,7 +124,7 @@ const xa = ["id"], Aa = ["id"], Ia = ["xmlns", "viewBox"], _a = ["width", "heigh
         }), E.value = !1, K.value = !0;
         return;
       }
-      const t = oa({
+      const t = ta({
         datasetObject: S.dataset,
         requiredAttributes: ["matrix"]
       });
@@ -161,8 +162,8 @@ dataset.matrix[${l}] = [${Array.isArray(o[l]) ? o[l].toString() : "invalid"}]`
     }
     function we() {
       if (je(), e.value.responsive) {
-        const t = ha(() => {
-          const { width: o, height: a, heightNoTitle: l, heightSource: s, heightTitle: n, heightLegend: u } = fa({
+        const t = va(() => {
+          const { width: o, height: a, heightNoTitle: l, heightSource: s, heightTitle: n, heightLegend: u } = da({
             chart: O.value,
             title: e.value.style.chart.title.text ? Be.value : null,
             legend: e.value.style.chart.legend.show ? Se.value : null,
@@ -173,7 +174,7 @@ dataset.matrix[${l}] = [${Array.isArray(o[l]) ? o[l].toString() : "invalid"}]`
         }, 100);
         U.value && (Z.value && U.value.unobserve(Z.value), U.value.disconnect()), U.value = new ResizeObserver(t), Z.value = O.value.parentNode, U.value.observe(Z.value), t();
       }
-      Ye.value = setTimeout(() => {
+      Ge.value = setTimeout(() => {
         Q.value = !0;
       }, 500);
     }
@@ -193,20 +194,20 @@ matrix:[
 dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should have the same length as the matrix itself (${M.value.matrix.length})`), E.value = !1);
       });
     }
-    const Ye = v(null);
+    const Ge = v(null);
     ut(() => {
       De.value = !0, we();
     });
     const L = v({
       height: 600,
       width: 600
-    }), It = $(() => e.value.userOptions.show && !e.value.style.chart.title.text), _t = $(() => la(e.value.customPalette)), b = $(() => ({
+    }), It = $(() => e.value.userOptions.show && !e.value.style.chart.title.text), _t = $(() => aa(e.value.customPalette)), b = $(() => ({
       inner: L.value.width * 0.3 * e.value.style.chart.arcs.innerRadiusRatio,
       outer: L.value.width * 0.34 * e.value.style.chart.arcs.outerRadiusRatio
     })), Pt = $(() => e.value.style.chart.arcs.padAngle / 100), m = $(() => ({
       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((t) => na(t)) : M.value.matrix.map((t, o) => _t.value[o] || ge[o] || ge[o % ge.length])
+      colors: M.value.colors && Array.isArray(M.value.colors) && M.value.colors.length ? M.value.colors.map((t) => oa(t)) : M.value.matrix.map((t, o) => _t.value[o] || ge[o] || ge[o % ge.length])
     }));
     function Tt(t, o) {
       const a = t.length, l = b.value.inner, s = new Array(a).fill(0);
@@ -235,20 +236,20 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
         y.sort((D, X) => X.v - D.v);
         let B = f[c].startAngle;
         for (const { j: D, v: X } of y) {
-          const G = B, le = G + X * u;
+          const Y = B, le = Y + X * u;
           T.push({
             index: c,
             subIndex: D,
             pattern: `pattern_${k.value}_${c}`,
-            startAngle: G,
+            startAngle: Y,
             endAngle: le,
             value: X,
             groupName: m.value.labels[c],
             groupId: f[c].id,
             groupColor: m.value.colors[c],
-            midAngle: (G + le) / 2,
-            midBaseX: Math.cos((G + le) / 2 - Math.PI / 2) * l,
-            midBaseY: Math.sin((G + le) / 2 - Math.PI / 2) * l
+            midAngle: (Y + le) / 2,
+            midBaseX: Math.cos((Y + le) / 2 - Math.PI / 2) * l,
+            midBaseY: Math.sin((Y + le) / 2 - Math.PI / 2) * l
           }), B = le;
         }
       }
@@ -339,13 +340,13 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       }
       return t;
     });
-    function Ge(t, o, a, l) {
+    function Ye(t, o, a, l) {
       const s = t - Math.PI / 2, n = o - Math.PI / 2, u = Math.cos(s) * a, f = Math.sin(s) * a, P = Math.cos(n) * a, T = Math.sin(n) * a, N = Math.cos(n) * l, c = Math.sin(n) * l, y = Math.cos(s) * l, B = Math.sin(s) * l, D = o - t > Math.PI ? 1 : 0;
       return `M${u},${f} A${a},${a} 0 ${D} 1 ${P},${T} L${N},${c} A${l},${l} 0 ${D} 0 ${y},${B} Z`;
     }
     function se(t, o) {
-      const a = b.value.inner, l = t.startAngle - Math.PI / 2, s = t.endAngle - Math.PI / 2, n = o.startAngle - Math.PI / 2, u = o.endAngle - Math.PI / 2, f = Math.cos(l) * a, P = Math.sin(l) * a, T = Math.cos(s) * a, N = Math.sin(s) * a, c = Math.cos(n) * a, y = Math.sin(n) * a, B = Math.cos(u) * a, D = Math.sin(u) * a, X = t.endAngle - t.startAngle > Math.PI ? 1 : 0, G = o.endAngle - o.startAngle > Math.PI ? 1 : 0;
-      return `M${f},${P}A${a},${a} 0 ${X} 1 ${T},${N}Q0,0 ${c},${y}A${a},${a} 0 ${G} 1 ${B},${D}Q0,0 ${f},${P}Z`;
+      const a = b.value.inner, l = t.startAngle - Math.PI / 2, s = t.endAngle - Math.PI / 2, n = o.startAngle - Math.PI / 2, u = o.endAngle - Math.PI / 2, f = Math.cos(l) * a, P = Math.sin(l) * a, T = Math.cos(s) * a, N = Math.sin(s) * a, c = Math.cos(n) * a, y = Math.sin(n) * a, B = Math.cos(u) * a, D = Math.sin(u) * a, X = t.endAngle - t.startAngle > Math.PI ? 1 : 0, Y = o.endAngle - o.startAngle > Math.PI ? 1 : 0;
+      return `M${f},${P}A${a},${a} 0 ${X} 1 ${T},${N}Q0,0 ${c},${y}A${a},${a} 0 ${Y} 1 ${B},${D}Q0,0 ${f},${P}Z`;
     }
     const We = $(() => _.value * Math.PI / 180);
     function Ot(t) {
@@ -384,7 +385,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       te.value = !1;
     }
     function Je(t) {
-      return da(
+      return ca(
         e.value.style.chart.ribbons.labels.formatter,
         t,
         _e({
@@ -398,7 +399,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
     ut(() => {
       window.addEventListener("mousemove", re), window.addEventListener("mouseup", ue), window.addEventListener("touchmove", re, { passive: !1 }), window.addEventListener("touchend", ue);
     }), it(() => {
-      window.removeEventListener("mousemove", re), window.removeEventListener("mouseup", ue), window.removeEventListener("touchmove", re), window.removeEventListener("touchend", ue), clearTimeout(Ye.value), U.value && (Z.value && U.value.unobserve(Z.value), U.value.disconnect());
+      window.removeEventListener("mousemove", re), window.removeEventListener("mouseup", ue), window.removeEventListener("touchmove", re), window.removeEventListener("touchend", ue), clearTimeout(Ge.value), U.value && (Z.value && U.value.unobserve(Z.value), U.value.disconnect());
     });
     const ie = v(!1);
     function Ke(t) {
@@ -438,17 +439,17 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
     function jt() {
       return A.value;
     }
-    const Y = v(null);
+    const G = v(null);
     function ot() {
       const t = e.value.initialRotation;
-      Y.value !== null && cancelAnimationFrame(Y.value);
+      G.value !== null && cancelAnimationFrame(G.value);
       const o = () => {
-        _.value += (t - _.value) * 0.05, Math.abs(_.value - t) < 0.1 ? (_.value = t, Y.value = null) : Y.value = requestAnimationFrame(o);
+        _.value += (t - _.value) * 0.05, Math.abs(_.value - t) < 0.1 ? (_.value = t, G.value = null) : G.value = requestAnimationFrame(o);
       };
-      Y.value = requestAnimationFrame(o);
+      G.value = requestAnimationFrame(o);
     }
     it(() => {
-      Y.value !== null && cancelAnimationFrame(Y.value);
+      G.value !== null && cancelAnimationFrame(G.value);
     });
     function lt(t) {
       t === g.value ? (g.value = null, ne("selectLegend", null)) : (g.value = t, ne("selectLegend", A.value.groups.find((o) => o.id === t)));
@@ -462,7 +463,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       id: t.id,
       select: () => lt(t.id),
       opacity: g.value ? g.value === t.id ? 1 : 0.3 : 1
-    }))), Yt = $(() => ({
+    }))), Gt = $(() => ({
       cy: "chord-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -511,13 +512,13 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
             [""],
             ...m.value.labels.map((s, n) => [s || n])
           ]
-        ].concat(o), l = ca(a);
-        t ? t(l) : va({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-chord" });
+        ].concat(o), l = ua(a);
+        t ? t(l) : ia({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-chord" });
       });
     }
-    async function Gt({ scale: t = 2 } = {}) {
+    async function Yt({ scale: t = 2 } = {}) {
       if (!O.value) return;
-      const { width: o, height: a } = O.value.getBoundingClientRect(), l = o / a, { imageUri: s, base64: n } = await ka({ domElement: O.value, base64: !0, img: !0, scale: t });
+      const { width: o, height: a } = O.value.getBoundingClientRect(), l = o / a, { imageUri: s, base64: n } = await ya({ domElement: O.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: s,
         base64: n,
@@ -573,7 +574,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
     }
     return pt({
       getData: jt,
-      getImage: Gt,
+      getImage: Yt,
       generateCsv: Me,
       generateImage: Xe,
       generatePdf: Ue,
@@ -615,7 +616,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
         ref: Be,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (r(), V(wa, {
+        (r(), V($a, {
           key: `title_${be.value}`,
           config: {
             title: {
@@ -718,7 +719,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
       (r(), i("svg", {
-        xmlns: d(sa),
+        xmlns: d(la),
         ref_key: "svgRef",
         ref: ee,
         viewBox: `0 0 ${L.value.width} ${L.value.height}`,
@@ -767,7 +768,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
             (r(), i("path", {
               class: F({ "vue-ui-chord-arc": !0, "vue-ui-chord-arc-animated": e.value.useCssAnimation && !Q.value }),
               key: `arc-${l}`,
-              d: Ge(
+              d: Ye(
                 a.startAngle,
                 a.endAngle,
                 b.value.outer,
@@ -788,7 +789,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
             t.$slots.pattern ? (r(), i("path", {
               class: F({ "vue-ui-chord-arc": !0, "vue-ui-chord-arc-animated": e.value.useCssAnimation && !Q.value }),
               key: `arc-${l}`,
-              d: Ge(
+              d: Ye(
                 a.startAngle,
                 a.endAngle,
                 b.value.outer,
@@ -930,13 +931,13 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               }, H(Je(a.value)), 9, ja)
             ], 64))), 128))
           ])) : h("", !0),
-          e.value.style.chart.arcs.labels.show ? (r(), i("g", Ya, [
+          e.value.style.chart.arcs.labels.show ? (r(), i("g", Ga, [
             e.value.style.chart.arcs.labels.curved ? (r(!0), i(z, { key: 0 }, q(A.value.groups, (a, l) => (r(), i("text", {
               class: "vue-ui-chord-label-curved",
               key: `curved-label-${l}`,
               "font-size": e.value.style.chart.arcs.labels.fontSize,
               "font-weight": e.value.style.chart.arcs.labels.bold ? "bold" : "normal",
-              fill: e.value.style.chart.arcs.labels.adaptColorToBackground ? d(ra)(m.value.colors[l]) : e.value.style.chart.arcs.labels.color
+              fill: e.value.style.chart.arcs.labels.adaptColorToBackground ? d(na)(m.value.colors[l]) : e.value.style.chart.arcs.labels.color
             }, [
               I("textPath", {
                 href: `#labelPath-${l}_${k.value}`,
@@ -948,7 +949,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
                 s: "%)",
                 r: e.value.style.chart.arcs.labels.roundingPercentage
               }) : ""), 9, Wa)
-            ], 8, Ga))), 128)) : !C.value && !p.value && !g.value ? (r(!0), i(z, { key: 1 }, q(A.value.groups, (a, l) => (r(), i("text", {
+            ], 8, Ya))), 128)) : !C.value && !p.value && !g.value ? (r(!0), i(z, { key: 1 }, q(A.value.groups, (a, l) => (r(), i("text", {
               class: "vue-ui-chord-label-straight",
               key: `label-${l}`,
               transform: `
@@ -960,8 +961,8 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               "font-size": e.value.style.chart.arcs.labels.fontSize,
               "font-weight": e.value.style.chart.arcs.labels.bold ? "bold" : "normal",
               fill: e.value.style.chart.arcs.labels.color,
-              innerHTML: d(ua)({
-                content: d(ia)(Wt(a, l)),
+              innerHTML: d(sa)({
+                content: d(ra)(Wt(a, l)),
                 fontSize: e.value.style.chart.arcs.labels.fontSize,
                 fill: e.value.style.chart.arcs.labels.color,
                 x: 0,
@@ -989,7 +990,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
           e.value.style.chart.legend.show ? (r(), V(Ca, {
             key: `legend_${me.value}`,
             legendSet: nt.value,
-            config: Yt.value,
+            config: Gt.value,
             onClickMarker: o[0] || (o[0] = ({ legend: a }) => lt(a.id))
           }, Ae({
             item: x(({ legend: a }) => [
@@ -1005,7 +1006,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
             t.$slots.pattern ? {
               name: "legend-pattern",
               fn: x(({ legend: a, index: l }) => [
-                fe($a, {
+                fe(ka, {
                   shape: a.shape,
                   radius: 30,
                   stroke: "none",
@@ -1097,10 +1098,10 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      d(Ee) ? (r(), V(ba, { key: 9 })) : h("", !0)
+      d(Ee) ? (r(), V(ga, { key: 9 })) : h("", !0)
     ], 46, xa));
   }
-}, go = /* @__PURE__ */ Ma(eo, [["__scopeId", "data-v-8fbd9d0d"]]);
+}, bo = /* @__PURE__ */ Ma(eo, [["__scopeId", "data-v-8fbd9d0d"]]);
 export {
-  go as default
+  bo as default
 };