vue-data-ui 3.3.2 → 3.4.0

package/dist/{vue-ui-chestnut-YrEA5Gq3.js → vue-ui-chestnut-BcQFRaXx.js}

@@ -1,13 +1,13 @@
-import { useCssVars as _t, defineAsyncComponent as q, computed as g, ref as z, toRefs as xt, watch as be, onMounted as mt, nextTick as pe, 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 Be, withCtx as P, normalizeProps as ae, guardReactiveProps as oe, createVNode as ge, createElementVNode as n, toDisplayString as c, Fragment as _, renderList as x, createTextVNode as Z, resolveDynamicComponent as kt, mergeProps as wt, withKeys as Ct } from "vue";
-import { c as $t, t as Tt, b as zt, p as R, e as At, g as _e, f as se, h as xe, o as St, a as M, d as A, X as Nt, s as N, i as Me, E as je, n as De, u as Ft, v as J, w as V, x as It, y as Lt } from "./lib-CEjkWSLj.js";
-import { u as Ot, a as Xe } from "./useNestedProp-Ce3PwN8T.js";
-import { u as Pt, B as Rt } from "./BaseScanner-BgWxam9d.js";
-import { u as Vt } from "./usePrinter-DJ1iH-F_.js";
+import { useCssVars as _t, defineAsyncComponent as q, computed as g, ref as z, toRefs as xt, watch as be, onMounted as mt, nextTick as pe, 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 Be, withCtx as O, normalizeProps as ae, guardReactiveProps as oe, createVNode as ge, createElementVNode as n, toDisplayString as c, Fragment as _, renderList as x, createTextVNode as J, resolveDynamicComponent as kt, mergeProps as wt, withKeys as Ct } from "vue";
+import { c as $t, t as Tt, b as zt, p as R, e as At, g as _e, f as se, h as xe, o as St, a as M, d as A, X as Nt, s as N, i as Me, J as je, T as De, V as Ft, W as Q, Y as V, P as It, Q as Lt } from "./lib-BcBZIm6u.js";
+import { u as Pt, a as Xe } from "./useNestedProp-B7CiTRDS.js";
+import { u as Ot, B as Rt } from "./BaseScanner-BgWxam9d.js";
+import { u as Vt } from "./usePrinter-C1GiglOH.js";
 import { u as Bt } from "./useSvgExport-DrjCWun4.js";
 import { u as Mt } from "./useTableResponsive-Cbx-ACcP.js";
 import { u as jt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Dt } from "./useChartAccessibility-9icAAmYg.js";
-import Xt from "./img-J2dLIr8Y.js";
+import Xt from "./img-CFY3JivG.js";
 import { t as Et } from "./themes-Dw-dDudK.js";
 import { _ as Gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ut = ["id"], Wt = {
@@ -15,7 +15,7 @@ const Ut = ["id"], Wt = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, Yt = ["xmlns", "viewBox"], Ht = ["width", "height"], qt = { key: 1 }, Kt = ["fill", "font-weight", "font-size", "x", "y"], Zt = ["fill", "font-weight", "font-size", "x", "y"], Jt = ["id"], Qt = ["stop-color"], el = ["stop-color"], tl = ["id"], ll = ["stop-color"], al = ["stop-color"], ol = ["id"], sl = ["stop-color"], ul = ["stop-color"], nl = ["stop-color"], rl = ["id"], il = ["stop-color"], cl = ["stop-color"], dl = ["stop-color"], vl = ["id"], yl = ["stop-color"], hl = ["stop-color"], fl = ["stop-color"], bl = { key: 2 }, pl = ["x", "y", "font-size", "font-weight", "fill"], gl = ["x", "y", "font-size", "font-weight", "fill"], _l = ["id"], xl = ["stop-color"], ml = ["stop-color"], kl = ["d", "stroke", "fill"], wl = ["cx", "cy", "r", "fill"], Cl = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], $l = { key: 3 }, Tl = ["x", "y", "font-size", "fill", "onClick"], zl = { key: 0 }, Al = ["x", "y", "fill", "font-size", "font-weight"], Sl = ["x", "y", "height", "width", "fill", "rx", "onClick"], Nl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], Fl = { key: 4 }, Il = ["x", "y", "fill", "font-size", "onClick"], Ll = ["d", "stroke"], Ol = ["fill", "cx", "cy", "r", "onClick"], Pl = { key: 5 }, Rl = ["x", "y", "font-size", "font-weight", "fill"], Vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bl = ["y", "height", "width"], Ml = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, jl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, Dl = {
+}, Yt = ["xmlns", "viewBox"], Ht = ["width", "height"], qt = { key: 1 }, Kt = ["fill", "font-weight", "font-size", "x", "y"], Jt = ["fill", "font-weight", "font-size", "x", "y"], Qt = ["id"], Zt = ["stop-color"], el = ["stop-color"], tl = ["id"], ll = ["stop-color"], al = ["stop-color"], ol = ["id"], sl = ["stop-color"], ul = ["stop-color"], nl = ["stop-color"], rl = ["id"], il = ["stop-color"], cl = ["stop-color"], dl = ["stop-color"], vl = ["id"], yl = ["stop-color"], hl = ["stop-color"], fl = ["stop-color"], bl = { key: 2 }, pl = ["x", "y", "font-size", "font-weight", "fill"], gl = ["x", "y", "font-size", "font-weight", "fill"], _l = ["id"], xl = ["stop-color"], ml = ["stop-color"], kl = ["d", "stroke", "fill"], wl = ["cx", "cy", "r", "fill"], Cl = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], $l = { key: 3 }, Tl = ["x", "y", "font-size", "fill", "onClick"], zl = { key: 0 }, Al = ["x", "y", "fill", "font-size", "font-weight"], Sl = ["x", "y", "height", "width", "fill", "rx", "onClick"], Nl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], Fl = { key: 4 }, Il = ["x", "y", "fill", "font-size", "onClick"], Ll = ["d", "stroke"], Pl = ["fill", "cx", "cy", "r", "onClick"], Ol = { key: 5 }, Rl = ["x", "y", "font-size", "font-weight", "fill"], Vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bl = ["y", "height", "width"], Ml = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, jl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, Dl = {
   viewBox: "0 0 20 20",
   height: "16",
   width: "16"
@@ -23,14 +23,14 @@ const Ut = ["id"], Wt = {
   viewBox: "0 0 20 20",
   height: "16",
   width: "16"
-}, Hl = ["fill"], ql = ["cx", "cy", "fill"], Kl = ["d", "stroke"], Zl = ["cx", "cy", "fill"], Jl = ["d", "stroke"], Ql = ["cx", "cy", "fill"], ea = ["cx", "cy", "fill"], ta = ["x", "y", "fill", "font-size", "font-weight"], la = ["x", "y", "fill", "font-size", "font-weight"], aa = ["x", "text-anchor", "y", "fill", "font-size"], oa = ["x", "text-anchor", "y", "fill", "font-size"], sa = ["x", "text-anchor", "y", "fill", "font-size"], ua = ["x", "text-anchor", "y", "fill", "font-size"], na = ["x", "text-anchor", "y", "fill", "font-size"], ra = ["x", "y", "font-size", "fill"], ia = ["x", "y", "font-size", "fill"], ca = ["x", "y", "font-size", "fill"], da = {
+}, Hl = ["fill"], ql = ["cx", "cy", "fill"], Kl = ["d", "stroke"], Jl = ["cx", "cy", "fill"], Ql = ["d", "stroke"], Zl = ["cx", "cy", "fill"], ea = ["cx", "cy", "fill"], ta = ["x", "y", "fill", "font-size", "font-weight"], la = ["x", "y", "fill", "font-size", "font-weight"], aa = ["x", "text-anchor", "y", "fill", "font-size"], oa = ["x", "text-anchor", "y", "fill", "font-size"], sa = ["x", "text-anchor", "y", "fill", "font-size"], ua = ["x", "text-anchor", "y", "fill", "font-size"], na = ["x", "text-anchor", "y", "fill", "font-size"], ra = ["x", "y", "font-size", "fill"], ia = ["x", "y", "font-size", "fill"], ca = ["x", "y", "font-size", "fill"], da = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, va = {
   key: 5,
   ref: "source",
   dir: "auto"
-}, ya = { class: "vue-ui-data-table" }, ha = { key: 0 }, fa = ["data-cell"], ba = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, pa = { key: 0 }, ga = { key: 1 }, _a = ["data-cell"], xa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ma = { key: 0 }, ka = { key: 1 }, wa = ["data-cell"], Ca = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, $a = { key: 0 }, Ta = { key: 1 }, za = ["data-cell"], Aa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Sa = { key: 0 }, Na = { key: 1 }, Fa = ["data-cell"], Ia = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, La = { key: 0 }, Oa = { key: 1 }, Pa = ["data-cell"], Ra = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Va = { key: 0 }, Ba = { key: 1 }, Ma = ["data-cell"], ja = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Da = { key: 0 }, Xa = { key: 1 }, Ea = ["data-cell"], Ga = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ua = ["data-cell"], Wa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ya = ["data-cell"], Ha = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, qa = ["data-cell"], Ka = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Za = ["data-cell"], Ja = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Qa = {
+}, ya = { class: "vue-ui-data-table" }, ha = { key: 0 }, fa = ["data-cell"], ba = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, pa = { key: 0 }, ga = { key: 1 }, _a = ["data-cell"], xa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ma = { key: 0 }, ka = { key: 1 }, wa = ["data-cell"], Ca = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, $a = { key: 0 }, Ta = { key: 1 }, za = ["data-cell"], Aa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Sa = { key: 0 }, Na = { key: 1 }, Fa = ["data-cell"], Ia = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, La = { key: 0 }, Pa = { key: 1 }, Oa = ["data-cell"], Ra = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Va = { key: 0 }, Ba = { key: 1 }, Ma = ["data-cell"], ja = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Da = { key: 0 }, Xa = { key: 1 }, Ea = ["data-cell"], Ga = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ua = ["data-cell"], Wa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ya = ["data-cell"], Ha = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, qa = ["data-cell"], Ka = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ja = ["data-cell"], Qa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Za = {
   __name: "vue-ui-chestnut",
   props: {
     config: {
@@ -51,7 +51,7 @@ const Ut = ["id"], Wt = {
     _t((l) => ({
       v2a442640: l.tdo
     }));
-    const me = q(() => import("./BaseIcon-eZbszQrv.js")), We = q(() => import("./vue-ui-accordion-VTP418mC.js")), Ye = q(() => import("./PenAndPaper-Bo-lMUik.js")), He = q(() => import("./UserOptions-CSja1SGU.js")), qe = q(() => import("./PackageVersion-r-Q1R3nV.js")), Ke = q(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_chestnut: Ze } = Ot(), j = Ee, ke = g(() => !!j.dataset && j.dataset.length), C = z($t()), U = z(null), we = z(0), K = z(null), ue = z(null), e = z(ce()), { loading: Ce, FINAL_DATASET: ne } = Pt({
+    const me = q(() => import("./BaseIcon-B5KaGWWC.js")), We = q(() => import("./vue-ui-accordion-BKkTS12x.js")), Ye = q(() => import("./PenAndPaper-Dj2diYr0.js")), He = q(() => import("./UserOptions-C0YT60JN.js")), qe = q(() => import("./PackageVersion-DyDViSOy.js")), Ke = q(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_chestnut: Je } = Pt(), j = Ee, ke = g(() => !!j.dataset && j.dataset.length), C = z($t()), U = z(null), we = z(0), K = z(null), ue = z(null), e = z(ce()), { loading: Ce, FINAL_DATASET: ne } = Ot({
       ...xt(j),
       FINAL_CONFIG: e,
       prepareConfig: ce,
@@ -165,7 +165,7 @@ const Ut = ["id"], Wt = {
     function ce() {
       const l = Xe({
         userConfig: j.config,
-        defaultConfig: Ze
+        defaultConfig: Je
       });
       return l.theme ? {
         ...Xe({
@@ -176,13 +176,13 @@ const Ut = ["id"], Wt = {
       } : l;
     }
     be(() => j.config, (l) => {
-      e.value = ce(), re.value = !e.value.userOptions.showOnChartHover, D.value.showTable = e.value.table.show, Oe();
+      e.value = ce(), re.value = !e.value.userOptions.showOnChartHover, D.value.showTable = e.value.table.show, Pe();
     }, { deep: !0 });
     const { isPrinting: ze, isImaging: Ae, generatePdf: Se, generateImage: Ne } = Vt({
       elementId: `vue-ui-chestnut_${C.value}`,
       fileName: e.value.style.chart.layout.title.text || "vue-ui-chestnut",
       options: e.value.userOptions.print
-    }), Je = g(() => e.value.userOptions.show), de = g(() => At(e.value.customPalette)), D = z({
+    }), Qe = g(() => e.value.userOptions.show), de = g(() => At(e.value.customPalette)), D = z({
       showTable: e.value.table.show
     });
     be(e, () => {
@@ -190,7 +190,7 @@ const Ut = ["id"], Wt = {
         showTable: e.value.table.show
       };
     }, { immediate: !0 });
-    const Fe = z(null), Qe = g(() => e.value.table.responsiveBreakpoint), r = z({
+    const Fe = z(null), Ze = g(() => e.value.table.responsiveBreakpoint), r = z({
       gap: 6,
       padding: {
         top: 102,
@@ -220,7 +220,7 @@ const Ut = ["id"], Wt = {
           type: "datasetSerieAttribute",
           property: t,
           index: i,
-          debug: Q.value
+          debug: Z.value
         });
       }), l.branches && l.branches.forEach((t, s) => {
         _e({
@@ -232,7 +232,7 @@ const Ut = ["id"], Wt = {
             type: "datasetSerieAttribute",
             property: b,
             index: `${i} - ${s}`,
-            debug: Q.value
+            debug: Z.value
           });
         }), t.breakdown && t.breakdown.forEach((b, p) => {
           _e({
@@ -244,7 +244,7 @@ const Ut = ["id"], Wt = {
               type: "datasetSerieAttribute",
               property: f,
               index: `${i} - ${s} - ${p}`,
-              debug: Q.value
+              debug: Z.value
             });
           });
         });
@@ -324,7 +324,7 @@ const Ut = ["id"], Wt = {
     function $() {
       d.value = null, m.value = null, L.value = null;
     }
-    function O(l) {
+    function P(l) {
       return L.value ? L.value === null ? !0 : l.type === "root" ? l.id === L.value.id : l.rootIndex === L.value.rootIndex : d.value === null && m.value === null ? !0 : l.type === "nut" ? d.value.id === l.id : l.type === "branch" ? m.value.id === l.id : l.type === "root" ? m.value && m.value.rootIndex === l.rootIndex || d.value && d.value.rootIndex === l.rootIndex : !1;
     }
     function nt(l) {
@@ -354,14 +354,14 @@ const Ut = ["id"], Wt = {
       return l.proportion * 100 > e.value.style.chart.layout.nuts.selected.labels.dataLabels.hideUnderValue;
     }
     mt(() => {
-      Oe();
+      Pe();
     });
-    const Q = g(() => e.value.debug);
-    function Oe() {
+    const Z = g(() => e.value.debug);
+    function Pe() {
       St(j.dataset) && se({
         componentName: "VueUiChestnut",
         type: "dataset",
-        debug: Q.value
+        debug: Z.value
       });
       const l = tt.value * (r.value.branchSize + r.value.gap) + r.value.padding.top + r.value.padding.bottom;
       r.value.height = l;
@@ -403,7 +403,7 @@ const Ut = ["id"], Wt = {
       });
     }
     const H = z(!1);
-    function Pe(l) {
+    function Oe(l) {
       H.value = l, we.value += 1;
     }
     function Re() {
@@ -467,7 +467,7 @@ const Ut = ["id"], Wt = {
     be(() => D.value.showTable, async (l) => {
       e.value.table.show || (l && e.value.table.useDialog && K.value ? (await pe(), K.value.open()) : "close" in K.value && K.value.close());
     });
-    const { isResponsive: dt } = Mt(Fe, Qe);
+    const { isResponsive: dt } = Mt(Fe, Ze);
     function fe() {
       D.value.showTable = !1, ue.value && ue.value.setTableIconState(!1);
     }
@@ -521,7 +521,7 @@ const Ut = ["id"], Wt = {
       generateSvg: Ve,
       toggleTable: Re,
       toggleAnnotator: he,
-      toggleFullscreen: Pe
+      toggleFullscreen: Oe
     }), (l, i) => (a(), o("div", {
       class: w(`vue-data-ui-component vue-ui-chestnut ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "chestnutChart",
@@ -539,7 +539,7 @@ const Ut = ["id"], Wt = {
         active: ee.value,
         onClose: he
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
-      Je.value ? (a(), o("div", Wt, null, 512)) : h("", !0),
+      Qe.value ? (a(), o("div", Wt, null, 512)) : h("", !0),
       e.value.userOptions.show && ke.value && (u(Te) || u(re)) ? (a(), le(u(He), {
         ref_key: "userOptionsRef",
         ref: ue,
@@ -564,7 +564,7 @@ const Ut = ["id"], Wt = {
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
-        onToggleFullscreen: Pe,
+        onToggleFullscreen: Oe,
         onGeneratePdf: u(Se),
         onGenerateCsv: ye,
         onGenerateImage: u(Ne),
@@ -577,49 +577,49 @@ const Ut = ["id"], Wt = {
       }, Be({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: P(({ isOpen: t, color: s }) => [
+          fn: O(({ isOpen: t, color: s }) => [
             F(l.$slots, "menuIcon", ae(oe({ isOpen: t, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: P(() => [
+          fn: O(() => [
             F(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: P(() => [
+          fn: O(() => [
             F(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: P(() => [
+          fn: O(() => [
             F(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: P(() => [
+          fn: O(() => [
             F(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: P(({ toggleFullscreen: t, isFullscreen: s }) => [
+          fn: O(({ toggleFullscreen: t, isFullscreen: s }) => [
             F(l.$slots, "optionFullscreen", ae(oe({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: P(({ toggleAnnotator: t, isAnnotator: s }) => [
+          fn: O(({ toggleAnnotator: t, isAnnotator: s }) => [
             F(l.$slots, "optionAnnotator", ae(oe({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
           ]),
           key: "6"
@@ -667,7 +667,7 @@ const Ut = ["id"], Wt = {
             x: r.value.width / 2,
             y: 48 + e.value.style.chart.layout.title.subtitle.fontSize + e.value.style.chart.layout.title.subtitle.offsetY,
             onClick: $
-          }, c(e.value.style.chart.layout.title.subtitle.text), 9, Zt)) : h("", !0)
+          }, c(e.value.style.chart.layout.title.subtitle.text), 9, Jt)) : h("", !0)
         ])),
         n("defs", null, [
           (a(!0), o(_, null, x(S.value, (t, s) => (a(), o("radialGradient", {
@@ -681,12 +681,12 @@ const Ut = ["id"], Wt = {
             n("stop", {
               offset: "0%",
               "stop-color": u(N)(u(Me)(t.color, 0.05), 100 - e.value.style.chart.layout.roots.gradientIntensity)
-            }, null, 8, Qt),
+            }, null, 8, Zt),
             n("stop", {
               offset: "100%",
               "stop-color": t.color
             }, null, 8, el)
-          ], 8, Jt))), 256)),
+          ], 8, Qt))), 256)),
           (a(!0), o(_, null, x(S.value, (t) => (a(), o("linearGradient", {
             x1: "0%",
             y1: "0%",
@@ -817,7 +817,7 @@ const Ut = ["id"], Wt = {
             fill: `url(#link_grad_${t.id})`,
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
-            style: y(`opacity:${O(t) ? 1 : 0}`),
+            style: y(`opacity:${P(t) ? 1 : 0}`),
             onClick: $
           }, null, 12, kl)
         ]))), 256)),
@@ -827,7 +827,7 @@ const Ut = ["id"], Wt = {
           r: t.r,
           fill: e.value.style.chart.layout.roots.underlayerColor,
           stroke: "none",
-          style: y(`cursor:pointer; opacity:${O(t) ? 1 : 0.05}`)
+          style: y(`cursor:pointer; opacity:${P(t) ? 1 : 0.05}`)
         }, null, 12, wl))), 256)),
         (a(!0), o(_, null, x(X.value, (t, s) => (a(), o("circle", {
           cx: t.x,
@@ -836,7 +836,7 @@ const Ut = ["id"], Wt = {
           fill: e.value.style.chart.layout.roots.useGradient ? `url(#root_gradient_${C.value}_${t.rootIndex})` : t.color,
           stroke: e.value.style.chart.layout.roots.stroke,
           "stroke-width": e.value.style.chart.layout.roots.strokeWidth,
-          style: y(`cursor:pointer; opacity:${O(t) ? 1 : 0.05}`),
+          style: y(`cursor:pointer; opacity:${P(t) ? 1 : 0.05}`),
           onClick: (b) => Le(t)
         }, null, 12, Cl))), 256)),
         e.value.style.chart.layout.roots.labels.show ? (a(), o("g", $l, [
@@ -847,7 +847,7 @@ const Ut = ["id"], Wt = {
             "font-size": e.value.style.chart.layout.roots.labels.fontSize,
             fill: e.value.style.chart.layout.roots.labels.adaptColorToBackground ? u(je)(t.color) : e.value.style.chart.layout.roots.labels.color,
             "font-weight": "bold",
-            style: y(`cursor:pointer; opacity:${O(t) ? 1 : 0.05}`),
+            style: y(`cursor:pointer; opacity:${P(t) ? 1 : 0.05}`),
             onClick: (b) => Le(t)
           }, c(u(M)(
             e.value.style.chart.layout.roots.labels.formatter,
@@ -882,7 +882,7 @@ const Ut = ["id"], Wt = {
           fill: e.value.style.chart.layout.branches.underlayerColor,
           rx: e.value.style.chart.layout.branches.borderRadius,
           stroke: "none",
-          style: y(`opacity:${O(t) ? 1 : 0.05}`),
+          style: y(`opacity:${P(t) ? 1 : 0.05}`),
           onClick: (s) => ve(t)
         }, null, 12, Sl))), 256)),
         (a(!0), o(_, null, x(E.value, (t, s) => (a(), o("rect", {
@@ -894,7 +894,7 @@ const Ut = ["id"], Wt = {
           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: y(`cursor:pointer; opacity:${O(t) ? 1 : 0.05}`),
+          style: y(`cursor:pointer; opacity:${P(t) ? 1 : 0.05}`),
           onClick: (b) => ve(t)
         }, null, 12, Nl))), 256)),
         e.value.style.chart.layout.branches.labels.dataLabels.show ? (a(), o("g", Fl, [
@@ -907,7 +907,7 @@ const Ut = ["id"], Wt = {
               fill: u(je)(t.color),
               "font-size": e.value.style.chart.layout.branches.labels.dataLabels.fontSize,
               "font-weight": "bold",
-              style: y(`cursor:pointer; opacity:${O(t) ? 1 : 0.05}`),
+              style: y(`cursor:pointer; opacity:${P(t) ? 1 : 0.05}`),
               onClick: (s) => ve(t)
             }, c(u(M)(
               e.value.style.chart.layout.branches.labels.dataLabels.formatter,
@@ -934,7 +934,7 @@ const Ut = ["id"], Wt = {
             stroke: b.color,
             "stroke-width": 10,
             fill: "none",
-            style: y(`opacity:${O(t) ? 1 : 0.1}`)
+            style: y(`opacity:${P(t) ? 1 : 0.1}`)
           }, null, 12, Ll))), 256)),
           n("circle", {
             fill: e.value.style.chart.layout.nuts.useGradient ? `url(#nut_${C.value})` : "transparent",
@@ -942,10 +942,10 @@ const Ut = ["id"], Wt = {
             cy: t.y1 + r.value.branchSize / 2,
             r: r.value.branchSize / 2 + 2,
             onClick: (b) => nt(t),
-            style: y(`cursor:pointer;opacity:${O(t) ? 1 : 0.1}`)
-          }, null, 12, Ol)
+            style: y(`cursor:pointer;opacity:${P(t) ? 1 : 0.1}`)
+          }, null, 12, Pl)
         ]))), 256)),
-        e.value.style.chart.layout.branches.labels.show && !m.value ? (a(), o("g", Pl, [
+        e.value.style.chart.layout.branches.labels.show && !m.value ? (a(), o("g", Ol, [
           (a(!0), o(_, null, x(E.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,
@@ -953,7 +953,7 @@ const Ut = ["id"], Wt = {
             "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: y(`opacity:${O(t) ? 1 : 0.1}`)
+            style: y(`opacity:${P(t) ? 1 : 0.1}`)
           }, c(t.name), 13, Rl))), 256))
         ])) : h("", !0),
         n("line", {
@@ -1001,7 +1001,7 @@ const Ut = ["id"], Wt = {
                     }),
                     { datapoint: t }
                   )), 1),
-                  Z(" (" + c(u(A)({
+                  J(" (" + c(u(A)({
                     v: t.total / I.value * 100,
                     s: "%",
                     r: e.value.style.chart.layout.legend.roundingPercentage
@@ -1036,9 +1036,9 @@ const Ut = ["id"], Wt = {
                     }, null, 8, Hl)
                   ])),
                   n("span", null, [
-                    Z(c(t.name) + ": ", 1),
+                    J(c(t.name) + ": ", 1),
                     n("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),
-                    Z(" (" + c((t.proportionToBranch * 100).toFixed(e.value.style.chart.layout.nuts.selected.labels.roundingPercentage)) + "%)", 1)
+                    J(" (" + c((t.proportionToBranch * 100).toFixed(e.value.style.chart.layout.nuts.selected.labels.roundingPercentage)) + "%)", 1)
                   ])
                 ], 4))), 256))
               ])
@@ -1082,7 +1082,7 @@ const Ut = ["id"], Wt = {
             fill: e.value.style.chart.backgroundColor,
             onClick: G,
             class: w(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
-          }, null, 10, Zl),
+          }, null, 10, Jl),
           (a(!0), o(_, null, x(B.value, (t) => (a(), o("path", {
             d: t.path,
             stroke: t.color,
@@ -1090,7 +1090,7 @@ const Ut = ["id"], Wt = {
             fill: "none",
             onClick: G,
             class: w(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
-          }, null, 10, Jl))), 256)),
+          }, null, 10, Ql))), 256)),
           n("circle", {
             cx: d.value.x2 + 24 + e.value.style.chart.layout.nuts.offsetX,
             cy: d.value.y1 + r.value.branchSize / 2,
@@ -1098,7 +1098,7 @@ const Ut = ["id"], Wt = {
             fill: `url(#nutpick_${C.value})`,
             onClick: G,
             class: w(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
-          }, null, 10, Ql),
+          }, null, 10, Zl),
           n("circle", {
             cx: d.value.x2 + 24 + e.value.style.chart.layout.nuts.offsetX,
             cy: d.value.y1 + r.value.branchSize / 2,
@@ -1142,7 +1142,7 @@ const Ut = ["id"], Wt = {
               key: 0,
               x: u(V)(t).x,
               "text-anchor": u(V)(t).anchor,
-              y: u(J)(t) - e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize / 6,
+              y: u(Q)(t) - e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize / 6,
               fill: t.color,
               "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" : ""}`),
@@ -1152,7 +1152,7 @@ const Ut = ["id"], Wt = {
               key: 1,
               x: u(V)(t, !0).x,
               "text-anchor": u(V)(t, !0).anchor,
-              y: u(J)(t),
+              y: u(Q)(t),
               fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
               "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" : ""}`),
@@ -1164,7 +1164,7 @@ const Ut = ["id"], Wt = {
               key: 0,
               x: u(V)(t, !0).x,
               "text-anchor": u(V)(t).anchor,
-              y: u(J)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
+              y: u(Q)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
               fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
               "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" : ""}`),
@@ -1188,7 +1188,7 @@ const Ut = ["id"], Wt = {
               key: 1,
               x: u(V)(t, !0).x,
               "text-anchor": u(V)(t).anchor,
-              y: u(J)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize * 2,
+              y: u(Q)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize * 2,
               fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
               "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" : ""}`),
@@ -1202,7 +1202,7 @@ const Ut = ["id"], Wt = {
               key: 2,
               x: u(V)(t, !0).x,
               "text-anchor": u(V)(t).anchor,
-              y: u(J)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize * 3,
+              y: u(Q)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize * 3,
               fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
               "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" : ""}`),
@@ -1276,7 +1276,7 @@ const Ut = ["id"], Wt = {
         ref: K,
         onClose: fe
       }), Be({
-        content: P(() => [
+        content: O(() => [
           n("div", {
             ref_key: "tableContainer",
             ref: Fe,
@@ -1310,7 +1310,7 @@ const Ut = ["id"], Wt = {
                     style: y({ backgroundColor: e.value.table.th.backgroundColor, color: e.value.table.th.color, outline: e.value.table.th.outline }),
                     class: "vue-ui-data-table__caption"
                   }, [
-                    Z(c(e.value.style.chart.layout.title.text) + " ", 1),
+                    J(c(e.value.style.chart.layout.title.text) + " ", 1),
                     e.value.style.chart.layout.title.subtitle.text ? (a(), o("span", ha, c(e.value.style.chart.layout.title.subtitle.text), 1)) : h("", !0)
                   ], 4)),
                   n("thead", null, [
@@ -1370,7 +1370,7 @@ const Ut = ["id"], Wt = {
                         "data-cell": v.value.head[4]
                       }, [
                         n("div", Ia, [
-                          v.value.body[s - 1] && v.value.body[s - 1].branchName === t.branchName ? (a(), o("span", La)) : (a(), o("span", Oa, c(t.branchValue.toFixed(e.value.table.td.roundingValue)), 1))
+                          v.value.body[s - 1] && v.value.body[s - 1].branchName === t.branchName ? (a(), o("span", La)) : (a(), o("span", Pa, c(t.branchValue.toFixed(e.value.table.td.roundingValue)), 1))
                         ])
                       ], 12, Fa),
                       n("td", {
@@ -1381,7 +1381,7 @@ const Ut = ["id"], Wt = {
                         n("div", Ra, [
                           v.value.body[s - 1] && v.value.body[s - 1].branchName === t.branchName ? (a(), o("span", Va)) : (a(), o("span", Ba, c((t.branchToRoot * 100).toFixed(e.value.table.td.roundingPercentage)) + "% ", 1))
                         ])
-                      ], 12, Pa),
+                      ], 12, Oa),
                       n("td", {
                         class: "vue-ui-data-table__tbody__td",
                         style: y(`outline:${e.value.table.td.outline}`),
@@ -1424,8 +1424,8 @@ const Ut = ["id"], Wt = {
                         style: y(`outline:${e.value.table.td.outline}`),
                         "data-cell": v.value.head[11]
                       }, [
-                        n("div", Ja, c((t.nutToTotal * 100).toFixed(e.value.table.td.roundingPercentage)) + "% ", 1)
-                      ], 12, Za)
+                        n("div", Qa, c((t.nutToTotal * 100).toFixed(e.value.table.td.roundingPercentage)) + "% ", 1)
+                      ], 12, Ja)
                     ], 6))), 256))
                   ])
                 ])
@@ -1437,14 +1437,14 @@ const Ut = ["id"], Wt = {
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: P(() => [
-            Z(c(te.value.title), 1)
+          fn: O(() => [
+            J(c(te.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: P(() => [
+          fn: O(() => [
             n("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1462,7 +1462,7 @@ const Ut = ["id"], Wt = {
       u(Ce) ? (a(), le(Rt, { key: 7 })) : h("", !0)
     ], 46, Ut));
   }
-}, yo = /* @__PURE__ */ Gt(Qa, [["__scopeId", "data-v-979b8fd8"]]);
+}, yo = /* @__PURE__ */ Gt(Za, [["__scopeId", "data-v-979b8fd8"]]);
 export {
   yo as default
 };