vue-data-ui 2.15.4 → 2.15.6-beta.0

package/dist/{vue-ui-carousel-table-ZHZOptd2.js → vue-ui-carousel-table-DWq6eY06.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as ce, ref as n, useSlots as ze, onMounted as A, computed as R, watch as N, onBeforeUnmount as G, shallowRef as Se, nextTick as fe, createElementBlock as v, openBlock as r, unref as u, createElementVNode as U, createBlock as he, createCommentVNode as z, normalizeClass as Ee, normalizeStyle as h, createTextVNode as D, renderSlot as p, toDisplayString as X, Fragment as j, renderList as J, mergeProps as me, createSlots as He, withCtx as w, normalizeProps as ge, guardReactiveProps as be } from "vue";
-import { u as Ne, c as Ue, o as K, e as Q, s as Ve, q as Me, r as qe } from "./index-k9FPl_-D.js";
-import { u as Le } from "./useNestedProp-upzRxZOw.js";
-import { u as Ge } from "./usePrinter-CARdq6Fz.js";
+import { u as Ne, c as Ue, o as K, e as Q, s as Ve, q as Me, r as qe } from "./index-CKFIZRRC.js";
+import { u as Le } from "./useNestedProp-CTDjXbu-.js";
+import { u as Ge } from "./usePrinter-DnlRuPQL.js";
 import { u as De } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
@@ -25,7 +25,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
     }
   },
   setup(T, { expose: ye }) {
-    const Ce = ce(() => import("./vue-ui-skeleton-Bd_C0wSv.js")), $e = ce(() => import("./UserOptions-ChEMQwwM.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = ze();
+    const Ce = ce(() => import("./vue-ui-skeleton-DhFJYDTn.js")), $e = ce(() => import("./UserOptions-D6Ou5zsU.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = ze();
     A(() => {
       Y();
     }), A(() => {

package/dist/{vue-ui-chestnut-Cg0P2bco.js → vue-ui-chestnut-CJtV5Lp7.js}

@@ -1,7 +1,7 @@
 import { useCssVars as at, defineAsyncComponent as H, computed as m, ref as z, watch as ot, shallowRef as st, onMounted as ut, onBeforeUnmount as nt, createElementBlock as o, openBlock as a, unref as s, normalizeStyle as y, normalizeClass as k, createBlock as Z, createCommentVNode as h, renderSlot as F, createSlots as rt, withCtx as A, normalizeProps as ee, guardReactiveProps as te, createVNode as Ne, createElementVNode as u, toDisplayString as c, Fragment as p, renderList as g, createTextVNode as le, withKeys as it, nextTick as Se } from "vue";
-import { u as ct, c as dt, t as vt, p as V, a as yt, b as ht, g as ce, e as ae, d as de, o as ft, X as bt, s as I, w as Fe, i as E, f as N, G as Ie, m as Le, j as pt, k as J, n as O, q as gt, r as _t } from "./index-k9FPl_-D.js";
-import { u as Pe } from "./useNestedProp-upzRxZOw.js";
-import { u as xt } from "./usePrinter-CARdq6Fz.js";
+import { u as ct, c as dt, t as vt, p as V, a as yt, b as ht, g as ce, e as ae, d as de, o as ft, X as bt, s as I, w as Fe, i as G, f as N, F as Ie, m as Le, j as pt, k as J, n as O, q as gt, r as _t } from "./index-CKFIZRRC.js";
+import { u as Pe } from "./useNestedProp-CTDjXbu-.js";
+import { u as xt } from "./usePrinter-DnlRuPQL.js";
 import { u as mt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as kt } from "./useChartAccessibility-9icAAmYg.js";
 import { _ as wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -10,7 +10,7 @@ const $t = ["id"], Ct = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, Tt = ["xmlns", "viewBox"], zt = ["width", "height"], Nt = { key: 1 }, St = ["fill", "font-weight", "font-size", "x", "y"], Ft = ["fill", "font-weight", "font-size", "x", "y"], It = ["id"], Lt = ["stop-color"], Pt = ["stop-color"], Vt = ["id"], Ot = ["stop-color"], Rt = ["stop-color"], Mt = ["id"], Bt = ["stop-color"], At = ["stop-color"], jt = ["stop-color"], Xt = ["id"], Gt = ["stop-color"], Et = ["stop-color"], Ut = ["stop-color"], Dt = ["id"], Yt = ["stop-color"], qt = ["stop-color"], Ht = ["stop-color"], Wt = { key: 2 }, Kt = ["x", "y", "font-size", "font-weight", "fill"], Jt = ["x", "y", "font-size", "font-weight", "fill"], Qt = ["d", "stroke"], Zt = ["cx", "cy", "r", "fill"], el = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], tl = { key: 3 }, ll = ["x", "y", "font-size", "fill", "onClick"], al = { key: 0 }, ol = ["x", "y", "fill", "font-size", "font-weight"], sl = ["x", "y", "height", "width", "fill", "rx", "onClick"], ul = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], nl = { key: 4 }, rl = ["x", "y", "fill", "font-size", "onClick"], il = ["d", "stroke"], cl = ["fill", "cx", "cy", "r", "onClick"], dl = { key: 5 }, vl = ["x", "y", "font-size", "font-weight", "fill"], yl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], hl = ["y", "height", "width"], fl = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, bl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, pl = {
+}, Tt = ["xmlns", "viewBox"], zt = ["width", "height"], Nt = { key: 1 }, St = ["fill", "font-weight", "font-size", "x", "y"], Ft = ["fill", "font-weight", "font-size", "x", "y"], It = ["id"], Lt = ["stop-color"], Pt = ["stop-color"], Vt = ["id"], Ot = ["stop-color"], Rt = ["stop-color"], Mt = ["id"], Bt = ["stop-color"], At = ["stop-color"], jt = ["stop-color"], Xt = ["id"], Et = ["stop-color"], Gt = ["stop-color"], Ut = ["stop-color"], Dt = ["id"], Yt = ["stop-color"], qt = ["stop-color"], Ht = ["stop-color"], Wt = { key: 2 }, Kt = ["x", "y", "font-size", "font-weight", "fill"], Jt = ["x", "y", "font-size", "font-weight", "fill"], Qt = ["d", "stroke"], Zt = ["cx", "cy", "r", "fill"], el = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], tl = { key: 3 }, ll = ["x", "y", "font-size", "fill", "onClick"], al = { key: 0 }, ol = ["x", "y", "fill", "font-size", "font-weight"], sl = ["x", "y", "height", "width", "fill", "rx", "onClick"], ul = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], nl = { key: 4 }, rl = ["x", "y", "fill", "font-size", "onClick"], il = ["d", "stroke"], cl = ["fill", "cx", "cy", "r", "onClick"], dl = { key: 5 }, vl = ["x", "y", "font-size", "font-weight", "fill"], yl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], hl = ["y", "height", "width"], fl = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, bl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, pl = {
   viewBox: "0 0 20 20",
   height: "16",
   width: "16"
@@ -21,11 +21,11 @@ const $t = ["id"], Ct = {
 }, $l = ["fill"], Cl = ["cx", "cy", "fill"], Tl = ["d", "stroke"], zl = ["cx", "cy", "fill"], Nl = ["d", "stroke"], Sl = ["cx", "cy", "fill"], Fl = ["cx", "cy", "fill"], Il = ["x", "y", "fill", "font-size", "font-weight"], Ll = ["x", "y", "fill", "font-size", "font-weight"], Pl = ["x", "text-anchor", "y", "fill", "font-size"], Vl = ["x", "text-anchor", "y", "fill", "font-size"], Ol = ["x", "text-anchor", "y", "fill", "font-size"], Rl = ["x", "text-anchor", "y", "fill", "font-size"], Ml = ["x", "text-anchor", "y", "fill", "font-size"], Bl = ["x", "y", "font-size", "fill"], Al = ["x", "y", "font-size", "fill"], jl = ["x", "y", "font-size", "fill"], Xl = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Gl = {
+}, El = {
   key: 6,
   ref: "source",
   dir: "auto"
-}, El = { style: { "padding-top": "36px", position: "relative" } }, Ul = { class: "vue-ui-data-table" }, Dl = { key: 0 }, Yl = ["data-cell"], ql = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Hl = { key: 0 }, Wl = { key: 1 }, Kl = ["data-cell"], Jl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ql = { key: 0 }, Zl = { key: 1 }, ea = ["data-cell"], ta = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, la = { key: 0 }, aa = { key: 1 }, oa = ["data-cell"], sa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ua = { key: 0 }, na = { key: 1 }, ra = ["data-cell"], ia = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ca = { key: 0 }, da = { key: 1 }, va = ["data-cell"], ya = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ha = { key: 0 }, fa = { key: 1 }, ba = ["data-cell"], pa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ga = { key: 0 }, _a = { key: 1 }, xa = ["data-cell"], ma = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ka = ["data-cell"], wa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, $a = ["data-cell"], Ca = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ta = ["data-cell"], za = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Na = ["data-cell"], Sa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Fa = {
+}, Gl = { style: { "padding-top": "36px", position: "relative" } }, Ul = { class: "vue-ui-data-table" }, Dl = { key: 0 }, Yl = ["data-cell"], ql = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Hl = { key: 0 }, Wl = { key: 1 }, Kl = ["data-cell"], Jl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ql = { key: 0 }, Zl = { key: 1 }, ea = ["data-cell"], ta = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, la = { key: 0 }, aa = { key: 1 }, oa = ["data-cell"], sa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ua = { key: 0 }, na = { key: 1 }, ra = ["data-cell"], ia = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ca = { key: 0 }, da = { key: 1 }, va = ["data-cell"], ya = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ha = { key: 0 }, fa = { key: 1 }, ba = ["data-cell"], pa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ga = { key: 0 }, _a = { key: 1 }, xa = ["data-cell"], ma = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ka = ["data-cell"], wa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, $a = ["data-cell"], Ca = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ta = ["data-cell"], za = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Na = ["data-cell"], Sa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Fa = {
   __name: "vue-ui-chestnut",
   props: {
     config: {
@@ -46,14 +46,14 @@ const $t = ["id"], Ct = {
     at((l) => ({
       "69a9e7b7": l.tdo
     }));
-    const Me = H(() => import("./PenAndPaper-DFjucqRK.js")), Be = H(() => import("./vue-ui-accordion-ATCD6-Tg.js")), Ae = H(() => import("./vue-ui-skeleton-Bd_C0wSv.js")), je = H(() => import("./UserOptions-ChEMQwwM.js")), Xe = H(() => import("./PackageVersion-CQFOMkQe.js")), Ge = H(() => import("./BaseIcon-2scCpKdr.js")), { vue_ui_chestnut: Ee } = ct(), R = Ve, W = m(() => !!R.dataset && R.dataset.length), w = z(dt()), ve = z(null), Ue = z(null), ye = z(0), e = m({
+    const Me = H(() => import("./PenAndPaper-BpDdU2pw.js")), Be = H(() => import("./vue-ui-accordion-BYCbqbFm.js")), Ae = H(() => import("./vue-ui-skeleton-DhFJYDTn.js")), je = H(() => import("./UserOptions-D6Ou5zsU.js")), Xe = H(() => import("./PackageVersion-Bx7Duwo_.js")), Ee = H(() => import("./BaseIcon-CJHXqPgs.js")), { vue_ui_chestnut: Ge } = ct(), R = Ve, W = m(() => !!R.dataset && R.dataset.length), w = z(dt()), ve = z(null), Ue = z(null), ye = z(0), e = m({
       get: () => pe(),
       set: (l) => l
     }), { userOptionsVisible: oe, setUserOptionsVisibility: he, keepUserOptionState: fe } = mt({ config: e.value }), { svgRef: be } = kt({ config: e.value.style.chart.layout.title });
     function pe() {
       const l = Pe({
         userConfig: R.config,
-        defaultConfig: Ee
+        defaultConfig: Ge
       });
       return l.theme ? {
         ...Pe({
@@ -217,7 +217,7 @@ const $t = ["id"], Ct = {
         ), D("selectNut", l.breakdown);
       });
     }
-    function G() {
+    function E() {
       d.value = null, B.value = null, D("selectNut", null);
     }
     function re(l) {
@@ -516,11 +516,11 @@ const $t = ["id"], Ct = {
             u("stop", {
               offset: "0%",
               "stop-color": s(I)("#FFFFFF", 0)
-            }, null, 8, Gt),
+            }, null, 8, Et),
             u("stop", {
               offset: "80%",
               "stop-color": s(I)("#FFFFFF", e.value.style.chart.layout.nuts.gradientIntensity)
-            }, null, 8, Et),
+            }, null, 8, Gt),
             u("stop", {
               offset: "100%",
               "stop-color": s(I)("#FFFFFF", 0)
@@ -566,7 +566,7 @@ const $t = ["id"], Ct = {
             fill: e.value.style.chart.layout.grandTotal.color,
             "text-anchor": "middle",
             onClick: $
-          }, c(s(E)(
+          }, c(s(G)(
             e.value.style.chart.layout.grandTotal.formatter,
             M.value,
             s(N)({
@@ -621,7 +621,7 @@ const $t = ["id"], Ct = {
             "font-weight": "bold",
             style: y(`cursor:pointer; opacity:${P(t) ? 1 : 0.05}`),
             onClick: (b) => $e(t)
-          }, c(s(E)(
+          }, c(s(G)(
             e.value.style.chart.layout.roots.labels.formatter,
             t.total,
             s(N)({
@@ -681,7 +681,7 @@ const $t = ["id"], Ct = {
               "font-weight": "bold",
               style: y(`cursor:pointer; opacity:${P(t) ? 1 : 0.05}`),
               onClick: (n) => re(t)
-            }, c(s(E)(
+            }, c(s(G)(
               e.value.style.chart.layout.branches.labels.dataLabels.formatter,
               t.value,
               s(N)({
@@ -760,7 +760,7 @@ const $t = ["id"], Ct = {
                   }, null, 8, gl)
                 ])),
                 u("span", null, c(t.name) + ":", 1),
-                u("b", null, c(s(E)(
+                u("b", null, c(s(G)(
                   e.value.style.chart.layout.roots.labels.formatter,
                   t.total,
                   s(N)({
@@ -818,7 +818,7 @@ const $t = ["id"], Ct = {
             cy: d.value.y1 + r.value.branchSize / 2,
             r: 256,
             fill: `url(#nut_underlayer_${w.value})`,
-            onClick: G,
+            onClick: E,
             class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
           }, null, 10, Cl),
           (a(!0), o(p, null, g(B.value, (t) => (a(), o("g", null, [
@@ -849,7 +849,7 @@ const $t = ["id"], Ct = {
             cy: d.value.y1 + r.value.branchSize / 2,
             r: 118,
             fill: e.value.style.chart.backgroundColor,
-            onClick: G,
+            onClick: E,
             class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
           }, null, 10, zl),
           (a(!0), o(p, null, g(B.value, (t) => (a(), o("path", {
@@ -857,7 +857,7 @@ const $t = ["id"], Ct = {
             stroke: t.color,
             "stroke-width": 64,
             fill: "none",
-            onClick: G,
+            onClick: E,
             class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
           }, null, 10, Nl))), 256)),
           u("circle", {
@@ -865,7 +865,7 @@ const $t = ["id"], Ct = {
             cy: d.value.y1 + r.value.branchSize / 2,
             r: 110,
             fill: `url(#nutpick_${w.value})`,
-            onClick: G,
+            onClick: E,
             class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
           }, null, 10, Sl),
           u("circle", {
@@ -873,7 +873,7 @@ const $t = ["id"], Ct = {
             cy: d.value.y1 + r.value.branchSize / 2,
             r: 64,
             fill: e.value.style.chart.backgroundColor,
-            onClick: G,
+            onClick: E,
             class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
           }, null, 10, Fl),
           u("text", {
@@ -883,7 +883,7 @@ const $t = ["id"], Ct = {
             "font-size": e.value.style.chart.layout.nuts.selected.labels.core.total.fontSize,
             "font-weight": e.value.style.chart.layout.nuts.selected.labels.core.total.bold ? "bold" : "normal",
             "text-anchor": "middle",
-            onClick: G,
+            onClick: E,
             class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
           }, c(e.value.translations.total), 11, Il),
           u("text", {
@@ -893,9 +893,9 @@ const $t = ["id"], Ct = {
             "font-size": e.value.style.chart.layout.nuts.selected.labels.core.value.fontSize,
             "font-weight": e.value.style.chart.layout.nuts.selected.labels.core.value.bold ? "bold" : "normal",
             "text-anchor": "middle",
-            onClick: G,
+            onClick: E,
             class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
-          }, c(s(E)(
+          }, c(s(G)(
             e.value.style.chart.layout.nuts.selected.labels.dataLabels.formatter,
             d.value.value,
             s(N)({
@@ -942,7 +942,7 @@ const $t = ["id"], Ct = {
               v: d.value.breakdown[n].value / d.value.value * 100,
               s: "%",
               r: e.value.style.chart.layout.nuts.selected.labels.roundingPercentage
-            })) + " " + c(e.value.translations.of) + " " + c(d.value.breakdown[n].branchName) + " " + c(s(E)(
+            })) + " " + c(e.value.translations.of) + " " + c(d.value.breakdown[n].branchName) + " " + c(s(G)(
               e.value.style.chart.layout.nuts.selected.labels.dataLabels.formatter,
               d.value.breakdown[n].value,
               s(N)({
@@ -993,7 +993,7 @@ const $t = ["id"], Ct = {
             "font-size": e.value.style.chart.layout.branches.labels.dataLabels.fontSize,
             fill: e.value.style.chart.layout.branches.labels.color,
             onClick: $
-          }, c(t.name) + ": " + c(s(E)(
+          }, c(t.name) + ": " + c(s(G)(
             e.value.style.chart.layout.branches.labels.dataLabels.formatter,
             t.value,
             s(N)({
@@ -1049,7 +1049,7 @@ const $t = ["id"], Ct = {
         }
       }, null, 8, ["config"])),
       F(l.$slots, "legend", { legend: S.value }, void 0, !0),
-      l.$slots.source ? (a(), o("div", Gl, [
+      l.$slots.source ? (a(), o("div", El, [
         F(l.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
       W.value ? (a(), Z(s(Be), {
@@ -1074,7 +1074,7 @@ const $t = ["id"], Ct = {
             ref: ue,
             class: "vue-ui-chestnut-table"
           }, [
-            u("div", El, [
+            u("div", Gl, [
               u("div", {
                 role: "button",
                 tabindex: "0",
@@ -1082,7 +1082,7 @@ const $t = ["id"], Ct = {
                 onClick: i[0] || (i[0] = (t) => U.value.showTable = !1),
                 onKeypress: i[1] || (i[1] = it((t) => U.value.showTable = !1, ["enter"]))
               }, [
-                Ne(s(Ge), {
+                Ne(s(Ee), {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2

package/dist/{vue-ui-chord-CODyOR1w.js → vue-ui-chord-CD8cg6V0.js}

@@ -1,13 +1,13 @@
-import { useCssVars as Pt, defineAsyncComponent as Y, ref as h, shallowRef as qe, computed as C, watch as _t, onMounted as He, onBeforeUnmount as Qe, createElementBlock as i, openBlock as n, unref as d, normalizeStyle as E, normalizeClass as z, createBlock as G, createCommentVNode as v, renderSlot as $, createElementVNode as B, createSlots as Ze, withCtx as _, normalizeProps as re, guardReactiveProps as ue, withModifiers as Je, createVNode as he, Fragment as F, renderList as U, mergeProps as Tt, toDisplayString as j, createTextVNode as Ot, nextTick as St } from "vue";
-import { u as Bt, c as fe, t as Lt, p as ie, a as Nt, o as Et, e as Ke, g as zt, b as Ft, d as Rt, X as Xt, G as jt, f as ge, q as Dt, r as Vt, i as Yt } from "./index-k9FPl_-D.js";
-import { u as Gt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as et } from "./useNestedProp-upzRxZOw.js";
-import { u as Ut } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Wt } from "./usePrinter-CARdq6Fz.js";
+import { useCssVars as Pt, defineAsyncComponent as Y, ref as h, shallowRef as qe, computed as C, watch as _t, onMounted as He, onBeforeUnmount as Qe, createElementBlock as i, openBlock as n, unref as d, normalizeStyle as E, normalizeClass as F, createBlock as U, createCommentVNode as v, renderSlot as $, createElementVNode as B, createSlots as Ze, withCtx as _, normalizeProps as re, guardReactiveProps as ue, withModifiers as Je, createVNode as he, Fragment as z, renderList as G, mergeProps as Tt, toDisplayString as j, createTextVNode as Ot, nextTick as St } from "vue";
+import { u as Bt, c as fe, t as Lt, p as ie, a as Nt, o as Et, e as Ke, g as Ft, b as zt, d as Rt, X as Xt, F as jt, f as ge, q as Dt, r as Vt, i as Yt } from "./index-CKFIZRRC.js";
+import { u as Ut } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as et } from "./useNestedProp-CTDjXbu-.js";
+import { u as Gt } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Wt } from "./usePrinter-DnlRuPQL.js";
 import { t as qt, u as Ht } from "./useResponsive-DfdjqQps.js";
-import Qt from "./Legend-DC-fDruC.js";
-import Zt from "./Title-CIt92-DI.js";
-import { _ as Jt } from "./Shape-FD7ONBrG.js";
+import Qt from "./Legend-BzxnWZQQ.js";
+import Zt from "./Title-BiUlPqJ6.js";
+import { _ as Jt } from "./Shape-CCmBnBeJ.js";
 import { _ as Kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ea = ["id"], ta = ["xmlns", "viewBox"], aa = ["width", "height"], oa = { key: 1 }, la = ["id", "d"], sa = { key: 2 }, na = ["transform"], ra = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], ua = ["d", "fill", "stroke", "stroke-width"], ia = ["d", "fill"], ca = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], da = ["d", "fill", "stroke", "stroke-width"], va = ["d", "fill", "stroke", "stroke-width"], ha = ["d", "fill", "stroke", "stroke-width"], fa = { key: 0 }, ga = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ba = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], pa = ["cx", "cy", "r", "stroke", "stroke-width", "fill"], ma = ["transform", "fill", "text-anchor", "font-size", "font-weight"], ya = { key: 1 }, ka = ["font-size", "font-weight", "fill"], $a = ["href"], wa = ["transform", "text-anchor", "font-size", "font-weight", "fill"], Ca = {
   key: 5,
@@ -37,10 +37,10 @@ const ea = ["id"], ta = ["xmlns", "viewBox"], aa = ["width", "height"], oa = { k
     Pt((t) => ({
       "60541bab": t.slicerColor
     }));
-    const lt = Y(() => import("./vue-ui-accordion-ATCD6-Tg.js")), st = Y(() => import("./BaseIcon-2scCpKdr.js")), nt = Y(() => import("./DataTable-IKRxrKEU.js")), rt = Y(() => import("./PackageVersion-CQFOMkQe.js")), ut = Y(() => import("./PenAndPaper-DFjucqRK.js")), it = Y(() => import("./vue-ui-skeleton-Bd_C0wSv.js")), ct = Y(() => import("./UserOptions-ChEMQwwM.js")), { vue_ui_chord: dt } = Bt(), g = tt, te = ot, L = h(!!g.dataset && Object.hasOwn(g.dataset, "matrix")), T = h(fe()), w = h(null), m = h(null), b = h(null), be = h(0), W = h(null), pe = h(null), me = h(null), ye = h(null), ke = h(null), $e = h(0), we = h(0), Ce = h(0), q = h(!1), R = qe(null), H = qe(null), a = C({
+    const lt = Y(() => import("./vue-ui-accordion-BYCbqbFm.js")), st = Y(() => import("./BaseIcon-CJHXqPgs.js")), nt = Y(() => import("./DataTable-xkeRPRWr.js")), rt = Y(() => import("./PackageVersion-Bx7Duwo_.js")), ut = Y(() => import("./PenAndPaper-BpDdU2pw.js")), it = Y(() => import("./vue-ui-skeleton-DhFJYDTn.js")), ct = Y(() => import("./UserOptions-D6Ou5zsU.js")), { vue_ui_chord: dt } = Bt(), g = tt, te = ot, L = h(!!g.dataset && Object.hasOwn(g.dataset, "matrix")), T = h(fe()), w = h(null), m = h(null), b = h(null), be = h(0), W = h(null), pe = h(null), me = h(null), ye = h(null), ke = h(null), $e = h(0), we = h(0), Ce = h(0), q = h(!1), R = qe(null), H = qe(null), a = C({
       get: () => Te(),
       set: (t) => t
-    }), { userOptionsVisible: ce, setUserOptionsVisibility: Me, keepUserOptionState: xe } = Gt({ config: a.value }), { svgRef: Q } = Ut({ config: a.value.style.chart.title }), { isPrinting: Ae, isImaging: Ie, generatePdf: Pe, generateImage: _e } = Wt({
+    }), { userOptionsVisible: ce, setUserOptionsVisibility: Me, keepUserOptionState: xe } = Ut({ config: a.value }), { svgRef: Q } = Gt({ config: a.value.style.chart.title }), { isPrinting: Ae, isImaging: Ie, generatePdf: Pe, generateImage: _e } = Wt({
       elementId: `chord_${T.value}`,
       fileName: a.value.style.chart.title.text || "vue-ui-chord",
       options: a.value.userOptions.print
@@ -67,7 +67,7 @@ const ea = ["id"], ta = ["xmlns", "viewBox"], aa = ["width", "height"], oa = { k
       if (Et(g.dataset) ? Ke({
         componentName: "VueUiChord",
         type: "dataset"
-      }) : zt({
+      }) : Ft({
         datasetObject: g.dataset,
         requiredAttributes: ["matrix"]
       }).forEach((t) => {
@@ -116,7 +116,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
     const O = h({
       height: 600,
       width: 600
-    }), vt = C(() => a.value.userOptions.show && !a.value.style.chart.title.text), ht = C(() => Ft(a.value.customPalette)), p = C(() => ({
+    }), vt = C(() => a.value.userOptions.show && !a.value.style.chart.title.text), ht = C(() => zt(a.value.customPalette)), p = C(() => ({
       inner: O.value.width * 0.3 * a.value.style.chart.arcs.innerRadiusRatio,
       outer: O.value.width * 0.34 * a.value.style.chart.arcs.outerRadiusRatio
     })), ft = C(() => a.value.style.chart.arcs.padAngle / 100), y = C(() => L.value ? {
@@ -287,18 +287,18 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       return `M${s},${r} A${e},${e} 0 ${I} 1 ${f},${A}`;
     }
     const x = h(a.value.initialRotation), J = h(!1);
-    let Ee = 0, ze = 0;
-    function Fe(t) {
+    let Ee = 0, Fe = 0;
+    function ze(t) {
       const o = Q.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 Re(t) {
-      !a.value.enableRotation || K.value || (t.preventDefault(), J.value = !0, Ee = x.value, ze = Fe(t));
+      !a.value.enableRotation || K.value || (t.preventDefault(), J.value = !0, Ee = x.value, Fe = ze(t));
     }
     function oe(t) {
       if (!J.value) return;
-      const o = Fe(t);
-      x.value = Ee + (o - ze) * 180 / Math.PI;
+      const o = ze(t);
+      x.value = Ee + (o - Fe) * 180 / Math.PI;
     }
     function le() {
       J.value = !1;
@@ -358,17 +358,17 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
     Qe(() => {
       D.value !== null && cancelAnimationFrame(D.value);
     });
-    function Ge(t) {
+    function Ue(t) {
       t === b.value ? (b.value = null, te("selectLegend", null)) : (b.value = t, te("selectLegend", M.value.groups.find((o) => o.id === t)));
     }
-    const Ue = C(() => M.value.groups.map((t, o) => ({
+    const Ge = C(() => M.value.groups.map((t, o) => ({
       name: t.name,
       color: t.color,
       shape: "circle",
       patternIndex: o,
       pattern: `pattern_${T.value}_${o}`,
       id: t.id,
-      select: () => Ge(t.id),
+      select: () => Ue(t.id),
       opacity: b.value ? b.value === t.id ? 1 : 0.3 : 1
     }))), It = C(() => ({
       cy: "chord-div-legend",
@@ -433,7 +433,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
     }), (t, o) => (n(), i("div", {
       ref_key: "chordChart",
       ref: W,
-      class: z({
+      class: F({
         "vue-ui-chord": !0,
         "vue-data-ui-wrapper-fullscreen": de.value,
         "vue-data-ui-responsive": a.value.responsive
@@ -443,7 +443,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       onMouseenter: o[4] || (o[4] = () => d(Me)(!0)),
       onMouseleave: o[5] || (o[5] = () => d(Me)(!1))
     }, [
-      a.value.userOptions.buttons.annotator && d(Q) ? (n(), G(d(ut), {
+      a.value.userOptions.buttons.annotator && d(Q) ? (n(), U(d(ut), {
         key: 0,
         color: a.value.style.chart.color,
         backgroundColor: a.value.style.chart.backgroundColor,
@@ -465,7 +465,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
         ref: pe,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (n(), G(Zt, {
+        (n(), U(Zt, {
           key: `title_${$e.value}`,
           config: {
             title: {
@@ -479,7 +479,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 && (d(xe) || d(ce)) ? (n(), G(d(ct), {
+      a.value.userOptions.show && L.value && (d(xe) || d(ce)) ? (n(), U(d(ct), {
         ref: "details",
         key: `user_option_${be.value}`,
         backgroundColor: a.value.style.chart.backgroundColor,
@@ -571,7 +571,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
         style: {
           overflow: "visible"
         },
-        class: z({ "vue-ui-chord-rotating": J.value, "vue-ui-chord-idle": !J.value }),
+        class: F({ "vue-ui-chord-rotating": J.value, "vue-ui-chord-idle": !J.value }),
         onMousedown: Je(Re, ["prevent"]),
         onTouchstart: Je(Re, ["prevent"])
       }, [
@@ -589,7 +589,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
           $(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, aa)) : v("", !0),
         a.value.style.chart.arcs.labels.curved ? (n(), i("defs", oa, [
-          (n(!0), i(F, null, U(M.value.groups, (e, l) => (n(), i("path", {
+          (n(!0), i(z, null, G(M.value.groups, (e, l) => (n(), i("path", {
             key: `labelPath-${l}`,
             id: `labelPath-${l}_${T.value}`,
             d: wt(
@@ -601,16 +601,16 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
           }, null, 8, la))), 128))
         ])) : v("", !0),
         t.$slots.pattern ? (n(), i("g", sa, [
-          (n(!0), i(F, null, U(M.value.groups, (e, l) => (n(), i("defs", null, [
+          (n(!0), i(z, null, G(M.value.groups, (e, l) => (n(), i("defs", null, [
             $(t.$slots, "pattern", Tt({ ref_for: !0 }, { seriesIndex: e.index, patternId: `pattern_${T.value}_${l}` }), void 0, !0)
           ]))), 256))
         ])) : v("", !0),
         B("g", {
           transform: `translate(${O.value.width / 2}, ${O.value.height / 2}) rotate(${x.value})`
         }, [
-          (n(!0), i(F, null, U(M.value.groups, (e, l) => (n(), i("g", null, [
+          (n(!0), i(z, null, G(M.value.groups, (e, l) => (n(), i("g", null, [
             (n(), i("path", {
-              class: z({ "vue-ui-chord-arc": !0, "vue-ui-chord-arc-animated": a.value.useCssAnimation && !q.value }),
+              class: F({ "vue-ui-chord-arc": !0, "vue-ui-chord-arc-animated": a.value.useCssAnimation && !q.value }),
               key: `arc-${l}`,
               d: Le(
                 e.startAngle,
@@ -631,7 +631,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               onClick: (u) => te("selectGroup", e)
             }, null, 46, ra)),
             t.$slots.pattern ? (n(), i("path", {
-              class: z({ "vue-ui-chord-arc": !0, "vue-ui-chord-arc-animated": a.value.useCssAnimation && !q.value }),
+              class: F({ "vue-ui-chord-arc": !0, "vue-ui-chord-arc-animated": a.value.useCssAnimation && !q.value }),
               key: `arc-${l}`,
               d: Le(
                 e.startAngle,
@@ -651,19 +651,19 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
             }, null, 14, ua)) : v("", !0)
           ]))), 256)),
           B("g", null, [
-            (n(!0), i(F, null, U(w.value ? M.value.chords.filter((e) => e.source.groupId === w.value.id) : b.value ? M.value.chords.filter((e) => e.source.groupId === b.value) : M.value.chords, (e) => (n(), i(F, {
+            (n(!0), i(z, null, G(w.value ? M.value.chords.filter((e) => e.source.groupId === w.value.id) : b.value ? M.value.chords.filter((e) => e.source.groupId === b.value) : M.value.chords, (e) => (n(), i(z, {
               key: `ribbon-${e.id}`
             }, [
               e.source.value ? (n(), i("path", {
                 key: 0,
-                class: z({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !q.value }),
+                class: F({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !q.value }),
                 d: ae(e.source, e.target),
                 fill: a.value.style.chart.backgroundColor,
                 style: E({ opacity: a.value.style.chart.ribbons.underlayerOpacity })
               }, null, 14, ia)) : v("", !0),
               e.source.value ? (n(), i("path", {
                 key: 1,
-                class: z({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !q.value }),
+                class: F({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !q.value }),
                 d: ae(e.source, e.target),
                 fill: y.value.colors[e.source.index],
                 stroke: a.value.style.chart.ribbons.stroke,
@@ -684,7 +684,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               }, null, 46, ca)) : v("", !0),
               e.source.value && t.$slots.pattern ? (n(), i("path", {
                 key: 2,
-                class: z({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !q.value }),
+                class: F({ "vue-ui-chord-ribbon": !0, "vue-ui-chord-ribbon-animated": a.value.useCssAnimation && !q.value }),
                 d: ae(e.source, e.target),
                 fill: `url(#pattern_${T.value}_${e.source.index})`,
                 stroke: a.value.style.chart.ribbons.stroke,
@@ -705,7 +705,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               "stroke-width": a.value.style.chart.ribbons.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: z({ "vue-ui-chord-ribbon": !0 }),
+              class: F({ "vue-ui-chord-ribbon": !0 }),
               style: {
                 pointerEvents: "none"
               }
@@ -718,14 +718,14 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
               "stroke-width": a.value.style.chart.ribbons.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: z({ "vue-ui-chord-ribbon": !0 }),
+              class: F({ "vue-ui-chord-ribbon": !0 }),
               style: {
                 pointerEvents: "none"
               }
             }, null, 8, ha)) : v("", !0)
           ]),
           (w.value || m.value || b.value) && a.value.style.chart.ribbons.labels.show ? (n(), i("g", fa, [
-            (n(!0), i(F, null, U(pt.value, (e) => (n(), i(F, {
+            (n(!0), i(z, null, G(pt.value, (e) => (n(), i(z, {
               key: e.id
             }, [
               B("line", {
@@ -773,7 +773,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
             ], 64))), 128))
           ])) : v("", !0),
           a.value.style.chart.arcs.labels.show ? (n(), i("g", ya, [
-            a.value.style.chart.arcs.labels.curved ? (n(!0), i(F, { key: 0 }, U(M.value.groups, (e, l) => (n(), i("text", {
+            a.value.style.chart.arcs.labels.curved ? (n(!0), i(z, { key: 0 }, G(M.value.groups, (e, l) => (n(), i("text", {
               key: `curved-label-${l}`,
               "font-size": a.value.style.chart.arcs.labels.fontSize,
               "font-weight": a.value.style.chart.arcs.labels.bold ? "bold" : "normal",
@@ -789,7 +789,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
                 s: "%)",
                 r: a.value.style.chart.arcs.labels.roundingPercentage
               }) : ""), 9, $a)
-            ], 8, ka))), 128)) : !w.value && !m.value && !b.value ? (n(!0), i(F, { key: 1 }, U(M.value.groups, (e, l) => (n(), i("text", {
+            ], 8, ka))), 128)) : !w.value && !m.value && !b.value ? (n(!0), i(z, { key: 1 }, G(M.value.groups, (e, l) => (n(), i("text", {
               key: `label-${l}`,
               transform: `
                                 ${$t((e.startAngle + e.endAngle) / 2)}
@@ -813,7 +813,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
       t.$slots.watermark ? (n(), i("div", Ca, [
         $(t.$slots, "watermark", re(ue({ isPrinting: d(Ae) || d(Ie) })), void 0, !0)
       ])) : v("", !0),
-      L.value ? v("", !0) : (n(), G(d(it), {
+      L.value ? v("", !0) : (n(), U(d(it), {
         key: 6,
         config: {
           type: "chord",
@@ -829,11 +829,11 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
         ref_key: "chartLegend",
         ref: me
       }, [
-        a.value.style.chart.legend.show ? (n(), G(Qt, {
+        a.value.style.chart.legend.show ? (n(), U(Qt, {
           key: `legend_${Ce.value}`,
-          legendSet: Ue.value,
+          legendSet: Ge.value,
           config: It.value,
-          onClickMarker: o[2] || (o[2] = ({ legend: e }) => Ge(e.id))
+          onClickMarker: o[2] || (o[2] = ({ legend: e }) => Ue(e.id))
         }, Ze({
           item: _(({ legend: e }) => [
             B("div", {
@@ -859,7 +859,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
             key: "0"
           } : void 0
         ]), 1032, ["legendSet", "config"])) : v("", !0),
-        $(t.$slots, "legend", { legend: Ue.value }, void 0, !0)
+        $(t.$slots, "legend", { legend: Ge.value }, void 0, !0)
       ], 512),
       t.$slots.source ? (n(), i("div", {
         key: 7,
@@ -888,7 +888,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
           ], 4)
         ], !0)
       ])) : v("", !0),
-      L.value ? (n(), G(d(lt), {
+      L.value ? (n(), U(d(lt), {
         key: 9,
         hideDetails: "",
         config: {
@@ -905,7 +905,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
         }
       }, {
         content: _(() => [
-          (n(), G(d(nt), {
+          (n(), U(d(nt), {
             key: `table_${we.value}`,
             colNames: ne.value.colNames,
             head: ne.value.head,