vue-data-ui 2.6.19 → 2.6.21

package/dist/{vue-ui-chestnut-Dh4y5s_v.js → vue-ui-chestnut-D8oXG8Tf.js}

@@ -1,12 +1,12 @@
-import { useCssVars as He, computed as m, ref as T, watch as We, onMounted as Ke, createElementBlock as o, openBlock as a, unref as n, normalizeStyle as h, normalizeClass as k, createBlock as K, createCommentVNode as f, renderSlot as F, createSlots as Je, withCtx as X, normalizeProps as se, guardReactiveProps as ue, createVNode as Ce, createElementVNode as s, toDisplayString as c, Fragment as g, renderList as _, createTextVNode as J, withKeys as Qe, nextTick as Te } from "vue";
-import { u as Ze, c as et, t as tt, p as P, a as lt, b as at, g as ne, e as Q, d as re, o as ot, X as st, s as S, w as ze, i as G, f as z, G as Ne, m as Se, j as ut, k as H, n as V, q as nt, r as rt } from "./index-DvAaY6OP.js";
-import { u as it, U as ct } from "./usePrinter-D_2jA4x8.js";
-import dt from "./vue-ui-skeleton-WoggMoff.js";
-import vt from "./BaseIcon-nz-vbP7I.js";
-import yt from "./vue-ui-accordion-LbUarYuf.js";
-import { u as Fe } from "./useNestedProp-CGzX7c5Q.js";
-import { _ as ht } from "./PackageVersion-hltZM-fb.js";
-import { P as ft } from "./PenAndPaper-qmkn1GhB.js";
+import { useCssVars as He, computed as m, ref as T, watch as We, onMounted as Ke, createElementBlock as o, openBlock as a, unref as n, normalizeStyle as h, normalizeClass as k, createBlock as K, createCommentVNode as f, renderSlot as S, createSlots as Je, withCtx as B, normalizeProps as J, guardReactiveProps as Q, createVNode as Ce, createElementVNode as s, toDisplayString as c, Fragment as g, renderList as _, createTextVNode as Z, withKeys as Qe, nextTick as Te } from "vue";
+import { u as Ze, c as et, t as tt, p as P, a as lt, b as at, g as ne, e as ee, d as re, o as ot, X as st, s as F, w as ze, i as G, f as z, G as Ne, m as Se, j as ut, k as H, n as V, q as nt, r as rt } from "./index-DUnEDLbc.js";
+import { u as it, U as ct } from "./usePrinter-Undaynpo.js";
+import dt from "./vue-ui-skeleton-DieABKlo.js";
+import vt from "./BaseIcon-DH34CAFx.js";
+import yt from "./vue-ui-accordion-C8Couc_G.js";
+import { u as Fe } from "./useNestedProp-CEMeoM-f.js";
+import { _ as ht } from "./PackageVersion-1Y7SXTrk.js";
+import { P as ft } from "./PenAndPaper-BYhUvcy4.js";
 import { u as bt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as pt } from "./useChartAccessibility-BWojgys7.js";
 import { _ as gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -15,7 +15,7 @@ const _t = ["id"], xt = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, mt = ["xmlns", "viewBox"], kt = ["width", "height"], wt = { key: 1 }, $t = ["fill", "font-weight", "font-size", "x", "y"], Ct = ["fill", "font-weight", "font-size", "x", "y"], Tt = ["id"], zt = ["stop-color"], Nt = ["stop-color"], St = ["id"], Ft = ["stop-color"], Lt = ["stop-color"], It = ["id"], Pt = ["stop-color"], Vt = ["stop-color"], Rt = ["stop-color"], Ot = ["id"], Mt = ["stop-color"], Bt = ["stop-color"], jt = ["stop-color"], At = ["id"], Xt = ["stop-color"], Gt = ["stop-color"], Et = ["stop-color"], Ut = { key: 2 }, Dt = ["x", "y", "font-size", "font-weight", "fill"], Yt = ["x", "y", "font-size", "font-weight", "fill"], qt = ["d", "stroke"], Ht = ["cx", "cy", "r", "fill"], Wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], Kt = { key: 3 }, Jt = ["x", "y", "font-size", "fill", "onClick"], Qt = { key: 0 }, Zt = ["x", "y", "fill", "font-size", "font-weight"], el = ["x", "y", "height", "width", "fill", "rx", "onClick"], tl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], ll = { key: 4 }, al = ["x", "y", "fill", "font-size", "onClick"], ol = ["d", "stroke"], sl = ["fill", "cx", "cy", "r", "onClick"], ul = { key: 5 }, nl = ["x", "y", "font-size", "font-weight", "fill"], rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], il = ["y", "height", "width"], cl = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, dl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, vl = {
+}, mt = ["xmlns", "viewBox"], kt = ["width", "height"], wt = { key: 1 }, $t = ["fill", "font-weight", "font-size", "x", "y"], Ct = ["fill", "font-weight", "font-size", "x", "y"], Tt = ["id"], zt = ["stop-color"], Nt = ["stop-color"], St = ["id"], Ft = ["stop-color"], It = ["stop-color"], Lt = ["id"], Pt = ["stop-color"], Vt = ["stop-color"], Rt = ["stop-color"], Ot = ["id"], Mt = ["stop-color"], Bt = ["stop-color"], jt = ["stop-color"], At = ["id"], Xt = ["stop-color"], Gt = ["stop-color"], Et = ["stop-color"], Ut = { key: 2 }, Dt = ["x", "y", "font-size", "font-weight", "fill"], Yt = ["x", "y", "font-size", "font-weight", "fill"], qt = ["d", "stroke"], Ht = ["cx", "cy", "r", "fill"], Wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], Kt = { key: 3 }, Jt = ["x", "y", "font-size", "fill", "onClick"], Qt = { key: 0 }, Zt = ["x", "y", "fill", "font-size", "font-weight"], el = ["x", "y", "height", "width", "fill", "rx", "onClick"], tl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], ll = { key: 4 }, al = ["x", "y", "fill", "font-size", "onClick"], ol = ["d", "stroke"], sl = ["fill", "cx", "cy", "r", "onClick"], ul = { key: 5 }, nl = ["x", "y", "font-size", "font-weight", "fill"], rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], il = ["y", "height", "width"], cl = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, dl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, vl = {
   viewBox: "0 0 20 20",
   height: "16",
   width: "16"
@@ -23,7 +23,7 @@ const _t = ["id"], xt = {
   viewBox: "0 0 20 20",
   height: "16",
   width: "16"
-}, _l = ["fill"], xl = ["cx", "cy", "fill"], ml = ["d", "stroke"], kl = ["cx", "cy", "fill"], wl = ["d", "stroke"], $l = ["cx", "cy", "fill"], Cl = ["cx", "cy", "fill"], Tl = ["x", "y", "fill", "font-size", "font-weight"], zl = ["x", "y", "fill", "font-size", "font-weight"], Nl = ["x", "text-anchor", "y", "fill", "font-size"], Sl = ["x", "text-anchor", "y", "fill", "font-size"], Fl = ["x", "text-anchor", "y", "fill", "font-size"], Ll = ["x", "text-anchor", "y", "fill", "font-size"], Il = ["x", "text-anchor", "y", "fill", "font-size"], Pl = ["x", "y", "font-size", "fill"], Vl = ["x", "y", "font-size", "fill"], Rl = ["x", "y", "font-size", "fill"], Ol = {
+}, _l = ["fill"], xl = ["cx", "cy", "fill"], ml = ["d", "stroke"], kl = ["cx", "cy", "fill"], wl = ["d", "stroke"], $l = ["cx", "cy", "fill"], Cl = ["cx", "cy", "fill"], Tl = ["x", "y", "fill", "font-size", "font-weight"], zl = ["x", "y", "fill", "font-size", "font-weight"], Nl = ["x", "text-anchor", "y", "fill", "font-size"], Sl = ["x", "text-anchor", "y", "fill", "font-size"], Fl = ["x", "text-anchor", "y", "fill", "font-size"], Il = ["x", "text-anchor", "y", "fill", "font-size"], Ll = ["x", "text-anchor", "y", "fill", "font-size"], Pl = ["x", "y", "font-size", "fill"], Vl = ["x", "y", "font-size", "fill"], Rl = ["x", "y", "font-size", "fill"], Ol = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Ml = {
@@ -47,14 +47,14 @@ const _t = ["id"], xt = {
     }
   },
   emits: ["selectRoot", "selectBranch", "selectNut"],
-  setup(Le, { expose: Ie, emit: Pe }) {
+  setup(Ie, { expose: Le, emit: Pe }) {
     He((l) => ({
-      "2ccf4a0a": l.tdo
+      "4c4794f5": l.tdo
     }));
-    const { vue_ui_chestnut: Ve } = Ze(), R = Le, Y = m(() => !!R.dataset && R.dataset.length), w = T(et()), ie = T(null), Re = T(null), ce = T(0), e = m({
+    const { vue_ui_chestnut: Ve } = Ze(), R = Ie, Y = m(() => !!R.dataset && R.dataset.length), w = T(et()), ie = T(null), Re = T(null), ce = T(0), e = m({
       get: () => he(),
       set: (l) => l
-    }), { userOptionsVisible: Z, setUserOptionsVisibility: de, keepUserOptionState: ve } = bt({ config: e.value }), { svgRef: ye } = pt({ config: e.value.style.chart.layout.title });
+    }), { userOptionsVisible: te, setUserOptionsVisibility: de, keepUserOptionState: ve } = bt({ config: e.value }), { svgRef: ye } = pt({ config: e.value.style.chart.layout.title });
     function he() {
       const l = Fe({
         userConfig: R.config,
@@ -69,14 +69,14 @@ const _t = ["id"], xt = {
       } : l;
     }
     We(() => R.config, (l) => {
-      e.value = he(), Z.value = !e.value.userOptions.showOnChartHover, E.value.showTable = e.value.table.show, ke();
+      e.value = he(), te.value = !e.value.userOptions.showOnChartHover, E.value.showTable = e.value.table.show, ke();
     }, { deep: !0 });
     const { isPrinting: fe, isImaging: be, generatePdf: pe, generateImage: ge } = it({
       elementId: `vue-ui-chestnut_${w.value}`,
       fileName: e.value.style.chart.layout.title.text || "vue-ui-chestnut"
-    }), Oe = m(() => e.value.userOptions.show), ee = m(() => at(e.value.customPalette)), E = T({
+    }), Oe = m(() => e.value.userOptions.show), le = m(() => at(e.value.customPalette)), E = T({
       showTable: e.value.table.show
-    }), te = T(null), _e = T(!1), Me = m(() => e.value.table.responsiveBreakpoint), r = T({
+    }), ae = T(null), _e = T(!1), Me = m(() => e.value.table.responsiveBreakpoint), r = T({
       gap: 6,
       padding: {
         top: 102,
@@ -101,7 +101,7 @@ const _t = ["id"], xt = {
         datasetObject: l,
         requiredAttributes: ["name", "branches"]
       }).forEach((t) => {
-        Q({
+        ee({
           componentName: "VueUiChestnut",
           type: "datasetSerieAttribute",
           property: t,
@@ -112,7 +112,7 @@ const _t = ["id"], xt = {
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((b) => {
-          Q({
+          ee({
             componentName: "VueUiChestnut",
             type: "datasetSerieAttribute",
             property: b,
@@ -123,7 +123,7 @@ const _t = ["id"], xt = {
             datasetObject: b,
             requiredAttributes: ["name", "value"]
           }).forEach((p) => {
-            Q({
+            ee({
               componentName: "VueUiChestnut",
               type: "datasetSerieAttribute",
               property: p,
@@ -136,7 +136,7 @@ const _t = ["id"], xt = {
       const t = (l.branches || []).map((u) => u.value || 0).reduce((u, b) => u + b, 0);
       return {
         ...l,
-        color: re(l.color) || ee.value[i] || P[i] || P[i % P.length],
+        color: re(l.color) || le.value[i] || P[i] || P[i % P.length],
         id: l.id || `root_${i}_${w.value}`,
         type: "root",
         total: t,
@@ -145,7 +145,7 @@ const _t = ["id"], xt = {
           ...u,
           rootName: l.name,
           rootIndex: i,
-          color: re(l.color) || ee.value[i] || P[i] || P[i % P.length],
+          color: re(l.color) || le.value[i] || P[i] || P[i % P.length],
           value: u.value >= 0 ? u.value : 0,
           id: u.id || `branch_${i}_${b}_${w.value}`,
           proportionToRoot: u.value / t,
@@ -175,7 +175,7 @@ const _t = ["id"], xt = {
             proportionToTree: y.value / O.value,
             rootIndex: i,
             id: y.id || `nut_${i}_${b}_${p}_${w.value}`,
-            color: re(y.color) || ee.value[p] || P[p] || P[p % P.length],
+            color: re(y.color) || le.value[p] || P[p] || P[p % P.length],
             value: y.value >= 0 ? y.value : 0
           }))
         }))
@@ -184,7 +184,7 @@ const _t = ["id"], xt = {
     function Be() {
       return N.value;
     }
-    const U = Pe, je = m(() => N.value.flatMap((l) => l.branches).length), Ae = m(() => Math.max(...N.value.map((l) => l.branches.map((i) => i.value).reduce((i, t) => i + t, 0)))), Xe = m(() => Math.max(...N.value.flatMap((l) => l.branches.map((i) => i.value)))), xe = m(() => 256 + r.value.padding.left), B = m(() => N.value.sort((l, i) => i.total - l.total).map((l, i) => {
+    const U = Pe, je = m(() => N.value.flatMap((l) => l.branches).length), Ae = m(() => Math.max(...N.value.map((l) => l.branches.map((i) => i.value).reduce((i, t) => i + t, 0)))), Xe = m(() => Math.max(...N.value.flatMap((l) => l.branches.map((i) => i.value)))), xe = m(() => 256 + r.value.padding.left), j = m(() => N.value.sort((l, i) => i.total - l.total).map((l, i) => {
       const t = C.value.height / N.value.length / 2, u = l.total / Ae.value * (t > 64 ? 64 : t);
       return {
         ...l,
@@ -192,23 +192,23 @@ const _t = ["id"], xt = {
         y: C.value.top + C.value.height / N.value.length * (i + 1) - (C.value.height / N.value.length / 2 + r.value.gap / 2),
         r: u < r.value.branchSize / 2 ? r.value.branchSize / 2 : u
       };
-    })), Ge = m(() => e.value.style.chart.layout.branches.widthRatio <= 0 ? 0.1 : e.value.style.chart.layout.branches.widthRatio > 1.8 ? 1.8 : e.value.style.chart.layout.branches.widthRatio), Ee = m(() => B.value.flatMap((l) => l.branches)), j = m(() => Ee.value.sort((l, i) => i.value - l.value).map((l, i) => ({
+    })), Ge = m(() => e.value.style.chart.layout.branches.widthRatio <= 0 ? 0.1 : e.value.style.chart.layout.branches.widthRatio > 1.8 ? 1.8 : e.value.style.chart.layout.branches.widthRatio), Ee = m(() => j.value.flatMap((l) => l.branches)), A = m(() => Ee.value.sort((l, i) => i.value - l.value).map((l, i) => ({
       ...l,
       y1: i * r.value.branchSize + C.value.top + i * r.value.gap,
       y2: i * r.value.branchSize + r.value.branchSize,
       x1: xe.value,
       x2: 384 * l.value / Xe.value * Ge.value + xe.value
     })));
-    function le(l) {
-      const i = B.value.find((t) => t.rootIndex === l.rootIndex);
+    function oe(l) {
+      const i = j.value.find((t) => t.rootIndex === l.rootIndex);
       return { x: i.x, y: i.y, r: i.r };
     }
-    const d = T(null), M = T(null), x = T(null), L = T(null);
+    const d = T(null), M = T(null), x = T(null), I = T(null);
     function $() {
-      d.value = null, x.value = null, L.value = null;
+      d.value = null, x.value = null, I.value = null;
     }
-    function I(l) {
-      return L.value ? L.value === null ? !0 : l.type === "root" ? l.id === L.value.id : l.rootIndex === L.value.rootIndex : d.value === null && x.value === null ? !0 : l.type === "nut" ? d.value.id === l.id : l.type === "branch" ? x.value.id === l.id : l.type === "root" ? x.value && x.value.rootIndex === l.rootIndex || d.value && d.value.rootIndex === l.rootIndex : !1;
+    function L(l) {
+      return I.value ? I.value === null ? !0 : l.type === "root" ? l.id === I.value.id : l.rootIndex === I.value.rootIndex : d.value === null && x.value === null ? !0 : l.type === "nut" ? d.value.id === l.id : l.type === "branch" ? x.value.id === l.id : l.type === "root" ? x.value && x.value.rootIndex === l.rootIndex || d.value && d.value.rootIndex === l.rootIndex : !1;
     }
     function Ue(l) {
       $(), Te(() => {
@@ -221,14 +221,14 @@ const _t = ["id"], xt = {
         ), U("selectNut", l.breakdown);
       });
     }
-    function A() {
+    function X() {
       d.value = null, M.value = null, U("selectNut", null);
     }
-    function ae(l) {
+    function se(l) {
       x.value && x.value.id === l.id ? (x.value = null, $(), U("selectBranch", null)) : ($(), x.value = l, U("selectBranch", l));
     }
     function me(l) {
-      L.value && L.value.id === l.id ? ($(), U("selectRoot", null)) : ($(), L.value = l, U("selectRoot", l));
+      I.value && I.value.id === l.id ? ($(), U("selectRoot", null)) : ($(), I.value = l, U("selectRoot", l));
     }
     function De() {
       return C.value.bottom - (d.value.y1 + 180) < 0 ? 0 : C.value.bottom;
@@ -242,13 +242,13 @@ const _t = ["id"], xt = {
           _e.value = t.contentRect.width < Me.value;
         });
       });
-      te.value && l.observe(te.value);
+      ae.value && l.observe(ae.value);
     }
     Ke(() => {
       ke();
     });
     function ke() {
-      ot(R.dataset) && Q({
+      ot(R.dataset) && ee({
         componentName: "VueUiChestnut",
         type: "dataset"
       });
@@ -299,16 +299,16 @@ const _t = ["id"], xt = {
       E.value.showTable = !E.value.showTable;
     }
     const W = T(!1);
-    function oe() {
+    function ue() {
       W.value = !W.value;
     }
-    return Ie({
+    return Le({
       getData: Be,
       generatePdf: pe,
       generateCsv: we,
       generateImage: ge,
       toggleTable: $e,
-      toggleAnnotator: oe
+      toggleAnnotator: ue
     }), (l, i) => (a(), o("div", {
       class: k(`vue-ui-chestnut ${q.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "chestnutChart",
@@ -324,10 +324,10 @@ const _t = ["id"], xt = {
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: W.value,
-        onClose: oe
+        onClose: ue
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
       Oe.value ? (a(), o("div", xt, null, 512)) : f("", !0),
-      e.value.userOptions.show && Y.value && (n(ve) || n(Z)) ? (a(), K(ct, {
+      e.value.userOptions.show && Y.value && (n(ve) || n(te)) ? (a(), K(ct, {
         ref_key: "details",
         ref: Re,
         key: `user_options_${ce.value}`,
@@ -352,52 +352,59 @@ const _t = ["id"], xt = {
         onGenerateCsv: we,
         onGenerateImage: n(ge),
         onToggleTable: $e,
-        onToggleAnnotator: oe,
+        onToggleAnnotator: ue,
         style: h({
-          visibility: n(ve) ? n(Z) ? "visible" : "hidden" : "visible"
+          visibility: n(ve) ? n(te) ? "visible" : "hidden" : "visible"
         })
       }, Je({ _: 2 }, [
+        l.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: B(({ isOpen: t, color: u }) => [
+            S(l.$slots, "menuIcon", J(Q({ isOpen: t, color: u })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: X(() => [
-            F(l.$slots, "optionPdf", {}, void 0, !0)
+          fn: B(() => [
+            S(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
-          key: "0"
+          key: "1"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: X(() => [
-            F(l.$slots, "optionCsv", {}, void 0, !0)
+          fn: B(() => [
+            S(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
-          key: "1"
+          key: "2"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: X(() => [
-            F(l.$slots, "optionImg", {}, void 0, !0)
+          fn: B(() => [
+            S(l.$slots, "optionImg", {}, void 0, !0)
           ]),
-          key: "2"
+          key: "3"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: X(() => [
-            F(l.$slots, "optionTable", {}, void 0, !0)
+          fn: B(() => [
+            S(l.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: X(({ toggleFullscreen: t, isFullscreen: u }) => [
-            F(l.$slots, "optionFullscreen", se(ue({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
+          fn: B(({ toggleFullscreen: t, isFullscreen: u }) => [
+            S(l.$slots, "optionFullscreen", J(Q({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: X(({ toggleAnnotator: t, isAnnotator: u }) => [
-            F(l.$slots, "optionAnnotator", se(ue({ toggleAnnotator: t, isAnnotator: u })), void 0, !0)
+          fn: B(({ toggleAnnotator: t, isAnnotator: u }) => [
+            S(l.$slots, "optionAnnotator", J(Q({ toggleAnnotator: t, isAnnotator: u })), void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
       r.value.height > 0 && Y.value ? (a(), o("svg", {
@@ -420,7 +427,7 @@ const _t = ["id"], xt = {
             pointerEvents: "none"
           }
         }, [
-          F(l.$slots, "chart-background", {}, void 0, !0)
+          S(l.$slots, "chart-background", {}, void 0, !0)
         ], 8, kt)) : f("", !0),
         d.value ? f("", !0) : (a(), o("g", wt, [
           e.value.style.chart.layout.title.text ? (a(), o("text", {
@@ -455,7 +462,7 @@ const _t = ["id"], xt = {
           }, [
             s("stop", {
               offset: "0%",
-              "stop-color": n(S)(n(ze)(t.color, 0.05), 100 - e.value.style.chart.layout.roots.gradientIntensity)
+              "stop-color": n(F)(n(ze)(t.color, 0.05), 100 - e.value.style.chart.layout.roots.gradientIntensity)
             }, null, 8, zt),
             s("stop", {
               offset: "100%",
@@ -475,8 +482,8 @@ const _t = ["id"], xt = {
             }, null, 8, Ft),
             s("stop", {
               offset: "100%",
-              "stop-color": n(S)(n(ze)(t.color, 0.02), 100 - e.value.style.chart.layout.branches.gradientIntensity)
-            }, null, 8, Lt)
+              "stop-color": n(F)(n(ze)(t.color, 0.02), 100 - e.value.style.chart.layout.branches.gradientIntensity)
+            }, null, 8, It)
           ], 8, St))), 256)),
           s("radialGradient", {
             cx: "50%",
@@ -488,17 +495,17 @@ const _t = ["id"], xt = {
           }, [
             s("stop", {
               offset: "0%",
-              "stop-color": n(S)("#FFFFFF", 0)
+              "stop-color": n(F)("#FFFFFF", 0)
             }, null, 8, Pt),
             s("stop", {
               offset: "80%",
-              "stop-color": n(S)("#FFFFFF", e.value.style.chart.layout.nuts.selected.gradientIntensity)
+              "stop-color": n(F)("#FFFFFF", e.value.style.chart.layout.nuts.selected.gradientIntensity)
             }, null, 8, Vt),
             s("stop", {
               offset: "100%",
-              "stop-color": n(S)("#FFFFFF", 0)
+              "stop-color": n(F)("#FFFFFF", 0)
             }, null, 8, Rt)
-          ], 8, It),
+          ], 8, Lt),
           s("radialGradient", {
             cx: "50%",
             cy: "50%",
@@ -509,15 +516,15 @@ const _t = ["id"], xt = {
           }, [
             s("stop", {
               offset: "0%",
-              "stop-color": n(S)("#FFFFFF", 0)
+              "stop-color": n(F)("#FFFFFF", 0)
             }, null, 8, Mt),
             s("stop", {
               offset: "80%",
-              "stop-color": n(S)("#FFFFFF", e.value.style.chart.layout.nuts.gradientIntensity)
+              "stop-color": n(F)("#FFFFFF", e.value.style.chart.layout.nuts.gradientIntensity)
             }, null, 8, Bt),
             s("stop", {
               offset: "100%",
-              "stop-color": n(S)("#FFFFFF", 0)
+              "stop-color": n(F)("#FFFFFF", 0)
             }, null, 8, jt)
           ], 8, Ot),
           s("radialGradient", {
@@ -530,15 +537,15 @@ const _t = ["id"], xt = {
           }, [
             s("stop", {
               offset: "0%",
-              "stop-color": n(S)(e.value.style.chart.backgroundColor, 100)
+              "stop-color": n(F)(e.value.style.chart.backgroundColor, 100)
             }, null, 8, Xt),
             s("stop", {
               offset: "80%",
-              "stop-color": n(S)(e.value.style.chart.backgroundColor, 60)
+              "stop-color": n(F)(e.value.style.chart.backgroundColor, 60)
             }, null, 8, Gt),
             s("stop", {
               offset: "100%",
-              "stop-color": n(S)(e.value.style.chart.backgroundColor, 0)
+              "stop-color": n(F)(e.value.style.chart.backgroundColor, 0)
             }, null, 8, Et)
           ], 8, At)
         ]),
@@ -571,49 +578,49 @@ const _t = ["id"], xt = {
             })
           )), 9, Yt)
         ])) : f("", !0),
-        (a(!0), o(g, null, _(j.value, (t) => (a(), o("g", null, [
+        (a(!0), o(g, null, _(A.value, (t) => (a(), o("g", null, [
           (a(!0), o(g, null, _(r.value.branchSize, (u, b) => (a(), o("path", {
             d: `M
                     ${t.x1},${t.y1 + b}
                     C${t.x1 - 20},${t.y1 + b} 
                     ${t.x1 - 80},${t.y1 + b} 
-                    ${le(t).x + le(t).r / 2}, ${le(t).y}
+                    ${oe(t).x + oe(t).r / 2}, ${oe(t).y}
                 `,
-            stroke: n(S)(t.color, e.value.style.chart.layout.links.opacity),
+            stroke: n(F)(t.color, e.value.style.chart.layout.links.opacity),
             fill: "none",
             "stroke-width": "2",
             "shape-rendering": "cirspEdges",
-            style: h(`opacity:${I(t) ? 1 : 0}`),
+            style: h(`opacity:${L(t) ? 1 : 0}`),
             onClick: $
           }, null, 12, qt))), 256))
         ]))), 256)),
-        (a(!0), o(g, null, _(B.value, (t) => (a(), o("circle", {
+        (a(!0), o(g, null, _(j.value, (t) => (a(), o("circle", {
           cx: t.x,
           cy: t.y,
           r: t.r,
           fill: e.value.style.chart.layout.roots.underlayerColor,
           stroke: "none",
-          style: h(`cursor:pointer; opacity:${I(t) ? 1 : 0.05}`)
+          style: h(`cursor:pointer; opacity:${L(t) ? 1 : 0.05}`)
         }, null, 12, Ht))), 256)),
-        (a(!0), o(g, null, _(B.value, (t, u) => (a(), o("circle", {
+        (a(!0), o(g, null, _(j.value, (t, u) => (a(), o("circle", {
           cx: t.x,
           cy: t.y,
           r: t.r,
           fill: e.value.style.chart.layout.roots.useGradient ? `url(#root_gradient_${w.value}_${t.rootIndex})` : t.color,
           stroke: e.value.style.chart.layout.roots.stroke,
           "stroke-width": e.value.style.chart.layout.roots.strokeWidth,
-          style: h(`cursor:pointer; opacity:${I(t) ? 1 : 0.05}`),
+          style: h(`cursor:pointer; opacity:${L(t) ? 1 : 0.05}`),
           onClick: (b) => me(t)
         }, null, 12, Wt))), 256)),
         e.value.style.chart.layout.roots.labels.show ? (a(), o("g", Kt, [
-          (a(!0), o(g, null, _(B.value, (t, u) => (a(), o("text", {
+          (a(!0), o(g, null, _(j.value, (t, u) => (a(), o("text", {
             x: t.x,
             y: t.y + e.value.style.chart.layout.roots.labels.fontSize / 2.6,
             "text-anchor": "middle",
             "font-size": e.value.style.chart.layout.roots.labels.fontSize,
             fill: e.value.style.chart.layout.roots.labels.adaptColorToBackground ? n(Ne)(t.color) : e.value.style.chart.layout.roots.labels.color,
             "font-weight": "bold",
-            style: h(`cursor:pointer; opacity:${I(t) ? 1 : 0.05}`),
+            style: h(`cursor:pointer; opacity:${L(t) ? 1 : 0.05}`),
             onClick: (b) => me(t)
           }, c(n(G)(
             e.value.style.chart.layout.roots.labels.formatter,
@@ -626,8 +633,8 @@ const _t = ["id"], xt = {
             }),
             { datapoint: t }
           )), 13, Jt))), 256)),
-          (a(!0), o(g, null, _(B.value, (t) => (a(), o("g", null, [
-            d.value && t.rootIndex === d.value.rootIndex || x.value && t.rootIndex === x.value.rootIndex || L.value && t.rootIndex === L.value.rootIndex ? (a(), o("g", Qt, [
+          (a(!0), o(g, null, _(j.value, (t) => (a(), o("g", null, [
+            d.value && t.rootIndex === d.value.rootIndex || x.value && t.rootIndex === x.value.rootIndex || I.value && t.rootIndex === I.value.rootIndex ? (a(), o("g", Qt, [
               s("text", {
                 x: t.x,
                 y: t.y + t.r + 24,
@@ -640,7 +647,7 @@ const _t = ["id"], xt = {
             ])) : f("", !0)
           ]))), 256))
         ])) : f("", !0),
-        (a(!0), o(g, null, _(j.value, (t) => (a(), o("rect", {
+        (a(!0), o(g, null, _(A.value, (t) => (a(), o("rect", {
           x: t.x1,
           y: t.y1,
           height: r.value.branchSize,
@@ -648,10 +655,10 @@ const _t = ["id"], xt = {
           fill: e.value.style.chart.layout.branches.underlayerColor,
           rx: e.value.style.chart.layout.branches.borderRadius,
           stroke: "none",
-          style: h(`opacity:${I(t) ? 1 : 0.05}`),
-          onClick: (u) => ae(t)
+          style: h(`opacity:${L(t) ? 1 : 0.05}`),
+          onClick: (u) => se(t)
         }, null, 12, el))), 256)),
-        (a(!0), o(g, null, _(j.value, (t, u) => (a(), o("rect", {
+        (a(!0), o(g, null, _(A.value, (t, u) => (a(), o("rect", {
           x: t.x1,
           y: t.y1,
           height: r.value.branchSize,
@@ -660,11 +667,11 @@ const _t = ["id"], xt = {
           rx: e.value.style.chart.layout.branches.borderRadius,
           stroke: e.value.style.chart.layout.branches.stroke,
           "stroke-width": e.value.style.chart.layout.branches.strokeWidth,
-          style: h(`cursor:pointer; opacity:${I(t) ? 1 : 0.05}`),
-          onClick: (b) => ae(t)
+          style: h(`cursor:pointer; opacity:${L(t) ? 1 : 0.05}`),
+          onClick: (b) => se(t)
         }, null, 12, tl))), 256)),
         e.value.style.chart.layout.branches.labels.dataLabels.show ? (a(), o("g", ll, [
-          (a(!0), o(g, null, _(j.value, (t) => (a(), o("g", null, [
+          (a(!0), o(g, null, _(A.value, (t) => (a(), o("g", null, [
             t.proportionToRoot * 100 > e.value.style.chart.layout.branches.labels.dataLabels.hideUnderValue ? (a(), o("text", {
               key: 0,
               x: t.x1 + 6,
@@ -673,8 +680,8 @@ const _t = ["id"], xt = {
               fill: n(Ne)(t.color),
               "font-size": e.value.style.chart.layout.branches.labels.dataLabels.fontSize,
               "font-weight": "bold",
-              style: h(`cursor:pointer; opacity:${I(t) ? 1 : 0.05}`),
-              onClick: (u) => ae(t)
+              style: h(`cursor:pointer; opacity:${L(t) ? 1 : 0.05}`),
+              onClick: (u) => se(t)
             }, c(n(G)(
               e.value.style.chart.layout.branches.labels.dataLabels.formatter,
               t.value,
@@ -688,7 +695,7 @@ const _t = ["id"], xt = {
             )), 13, al)) : f("", !0)
           ]))), 256))
         ])) : f("", !0),
-        (a(!0), o(g, null, _(j.value, (t, u) => (a(), o("g", null, [
+        (a(!0), o(g, null, _(A.value, (t, u) => (a(), o("g", null, [
           (a(!0), o(g, null, _(n(Se)(
             { series: t.breakdown, base: 1 },
             t.x2 + 24 + e.value.style.chart.layout.nuts.offsetX,
@@ -700,7 +707,7 @@ const _t = ["id"], xt = {
             stroke: b.color,
             "stroke-width": 10,
             fill: "none",
-            style: h(`opacity:${I(t) ? 1 : 0.1}`)
+            style: h(`opacity:${L(t) ? 1 : 0.1}`)
           }, null, 12, ol))), 256)),
           s("circle", {
             fill: e.value.style.chart.layout.nuts.useGradient ? `url(#nut_${w.value})` : "transparent",
@@ -708,18 +715,18 @@ const _t = ["id"], xt = {
             cy: t.y1 + r.value.branchSize / 2,
             r: r.value.branchSize / 2 + 2,
             onClick: (b) => Ue(t),
-            style: h(`cursor:pointer;opacity:${I(t) ? 1 : 0.1}`)
+            style: h(`cursor:pointer;opacity:${L(t) ? 1 : 0.1}`)
           }, null, 12, sl)
         ]))), 256)),
         e.value.style.chart.layout.branches.labels.show && !x.value ? (a(), o("g", ul, [
-          (a(!0), o(g, null, _(j.value, (t) => (a(), o("text", {
+          (a(!0), o(g, null, _(A.value, (t) => (a(), o("text", {
             x: t.x2 + r.value.branchSize + 24 + e.value.style.chart.layout.nuts.offsetX,
             y: t.y1 + r.value.branchSize / 2 + 5,
             "font-size": e.value.style.chart.layout.branches.labels.fontSize,
             "font-weight": e.value.style.chart.layout.branches.labels.bold ? "bold" : "normal",
             fill: e.value.style.chart.layout.branches.labels.color,
             "text-anchor": "start",
-            style: h(`opacity:${I(t) ? 1 : 0.1}`)
+            style: h(`opacity:${L(t) ? 1 : 0.1}`)
           }, c(t.name), 13, nl))), 256))
         ])) : f("", !0),
         s("line", {
@@ -741,7 +748,7 @@ const _t = ["id"], xt = {
         }, [
           s("div", cl, [
             s("div", dl, [
-              (a(!0), o(g, null, _(B.value, (t) => (a(), o("div", {
+              (a(!0), o(g, null, _(j.value, (t) => (a(), o("div", {
                 style: h(`display:flex;align-items:center;gap:3px;flex-direction:row;font-size:${e.value.style.chart.layout.legend.fontSize}px;`)
               }, [
                 (a(), o("svg", vl, [
@@ -765,7 +772,7 @@ const _t = ["id"], xt = {
                   }),
                   { datapoint: t }
                 )), 1),
-                J(" (" + c(n(z)({
+                Z(" (" + c(n(z)({
                   v: t.total / O.value * 100,
                   s: "%",
                   r: e.value.style.chart.layout.legend.roundingPercentage
@@ -799,9 +806,9 @@ const _t = ["id"], xt = {
                     }, null, 8, _l)
                   ])),
                   s("span", null, [
-                    J(c(t.name) + ": ", 1),
+                    Z(c(t.name) + ": ", 1),
                     s("b", null, c(e.value.style.chart.layout.legend.prefix) + " " + c(t.value.toFixed(e.value.style.chart.layout.nuts.selected.labels.roundingValue)) + " " + c(e.value.style.chart.layout.legend.suffix), 1),
-                    J(" (" + c((t.proportionToBranch * 100).toFixed(e.value.style.chart.layout.nuts.selected.labels.roundingPercentage)) + "%)", 1)
+                    Z(" (" + c((t.proportionToBranch * 100).toFixed(e.value.style.chart.layout.nuts.selected.labels.roundingPercentage)) + "%)", 1)
                   ])
                 ], 4))), 256))
               ])
@@ -812,7 +819,7 @@ const _t = ["id"], xt = {
             cy: d.value.y1 + r.value.branchSize / 2,
             r: 256,
             fill: `url(#nut_underlayer_${w.value})`,
-            onClick: A,
+            onClick: X,
             class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
           }, null, 10, xl),
           (a(!0), o(g, null, _(M.value, (t) => (a(), o("g", null, [
@@ -843,7 +850,7 @@ const _t = ["id"], xt = {
             cy: d.value.y1 + r.value.branchSize / 2,
             r: 118,
             fill: e.value.style.chart.backgroundColor,
-            onClick: A,
+            onClick: X,
             class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
           }, null, 10, kl),
           (a(!0), o(g, null, _(M.value, (t) => (a(), o("path", {
@@ -851,7 +858,7 @@ const _t = ["id"], xt = {
             stroke: t.color,
             "stroke-width": 64,
             fill: "none",
-            onClick: A,
+            onClick: X,
             class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
           }, null, 10, wl))), 256)),
           s("circle", {
@@ -859,7 +866,7 @@ const _t = ["id"], xt = {
             cy: d.value.y1 + r.value.branchSize / 2,
             r: 100,
             fill: `url(#nutpick_${w.value})`,
-            onClick: A,
+            onClick: X,
             class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
           }, null, 10, $l),
           s("circle", {
@@ -867,7 +874,7 @@ const _t = ["id"], xt = {
             cy: d.value.y1 + r.value.branchSize / 2,
             r: 48,
             fill: e.value.style.chart.backgroundColor,
-            onClick: A,
+            onClick: X,
             class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
           }, null, 10, Cl),
           s("text", {
@@ -877,7 +884,7 @@ const _t = ["id"], xt = {
             "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: A,
+            onClick: X,
             class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
           }, c(e.value.translations.total), 11, Tl),
           s("text", {
@@ -887,7 +894,7 @@ const _t = ["id"], xt = {
             "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: A,
+            onClick: X,
             class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
           }, c(n(G)(
             e.value.style.chart.layout.nuts.selected.labels.dataLabels.formatter,
@@ -960,7 +967,7 @@ const _t = ["id"], xt = {
               v: d.value.breakdown[u].proportionToRoot * 100,
               s: "%",
               r: e.value.style.chart.layout.nuts.selected.labels.roundingPercentage
-            })) + " " + c(e.value.translations.of) + " " + c(d.value.breakdown[u].rootName), 15, Ll)) : f("", !0),
+            })) + " " + c(e.value.translations.of) + " " + c(d.value.breakdown[u].rootName), 15, Il)) : f("", !0),
             D(t) ? (a(), o("text", {
               key: 2,
               x: n(V)(t, !0).x,
@@ -974,10 +981,10 @@ const _t = ["id"], xt = {
               v: d.value.breakdown[u].proportionToTree * 100,
               s: "%",
               r: e.value.style.chart.layout.nuts.selected.labels.roundingPercentage
-            })) + " " + c(e.value.translations.proportionToTree), 15, Il)) : f("", !0)
+            })) + " " + c(e.value.translations.proportionToTree), 15, Ll)) : f("", !0)
           ]))), 256))
         ])) : f("", !0),
-        (a(!0), o(g, null, _(j.value, (t) => (a(), o("g", null, [
+        (a(!0), o(g, null, _(A.value, (t) => (a(), o("g", null, [
           x.value && x.value.id === t.id && !d.value ? (a(), o("text", {
             key: 0,
             x: t.x1 + 6,
@@ -1025,10 +1032,10 @@ const _t = ["id"], xt = {
             r: e.value.style.chart.layout.branches.labels.dataLabels.roundingPercentage
           })) + " " + c(e.value.translations.proportionToTree), 9, Rl)) : f("", !0)
         ]))), 256)),
-        F(l.$slots, "svg", { svg: r.value }, void 0, !0)
+        S(l.$slots, "svg", { svg: r.value }, void 0, !0)
       ], 14, mt)) : f("", !0),
       l.$slots.watermark ? (a(), o("div", Ol, [
-        F(l.$slots, "watermark", se(ue({ isPrinting: n(fe) || n(be) })), void 0, !0)
+        S(l.$slots, "watermark", J(Q({ isPrinting: n(fe) || n(be) })), void 0, !0)
       ])) : f("", !0),
       Y.value ? f("", !0) : (a(), K(dt, {
         key: 5,
@@ -1042,9 +1049,9 @@ const _t = ["id"], xt = {
           }
         }
       }, null, 8, ["config"])),
-      F(l.$slots, "legend", { legend: N.value }, void 0, !0),
+      S(l.$slots, "legend", { legend: N.value }, void 0, !0),
       l.$slots.source ? (a(), o("div", Ml, [
-        F(l.$slots, "source", {}, void 0, !0)
+        S(l.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
       Y.value ? (a(), K(yt, {
         key: 7,
@@ -1062,10 +1069,10 @@ const _t = ["id"], xt = {
           }
         }
       }, {
-        content: X(() => [
+        content: B(() => [
           s("div", {
             ref_key: "tableContainer",
-            ref: te,
+            ref: ae,
             class: "vue-ui-chestnut-table"
           }, [
             s("div", Bl, [
@@ -1091,7 +1098,7 @@ const _t = ["id"], xt = {
                     style: h({ backgroundColor: e.value.table.th.backgroundColor, color: e.value.table.th.color, outline: e.value.table.th.outline }),
                     class: "vue-ui-data-table__caption"
                   }, [
-                    J(c(e.value.style.chart.layout.title.text) + " ", 1),
+                    Z(c(e.value.style.chart.layout.title.text) + " ", 1),
                     e.value.style.chart.layout.title.subtitle.text ? (a(), o("span", Al, c(e.value.style.chart.layout.title.subtitle.text), 1)) : f("", !0)
                   ], 4),
                   s("thead", null, [
@@ -1218,7 +1225,7 @@ const _t = ["id"], xt = {
       }, 8, ["config"])) : f("", !0)
     ], 46, _t));
   }
-}, ja = /* @__PURE__ */ gt(Ca, [["__scopeId", "data-v-0d2b5d8d"]]);
+}, ja = /* @__PURE__ */ gt(Ca, [["__scopeId", "data-v-3dcea4e3"]]);
 export {
   ja as default
 };