vue-data-ui 2.6.19 → 2.6.21

package/dist/{vue-ui-3d-bar-DBVRoMwv.js → vue-ui-3d-bar-DLYaW0-y.js}

@@ -1,20 +1,20 @@
-import { computed as S, ref as T, watch as He, onMounted as Re, createElementBlock as i, openBlock as n, unref as d, normalizeStyle as D, normalizeClass as Me, createBlock as G, createCommentVNode as y, createSlots as Ze, withCtx as O, renderSlot as j, normalizeProps as ae, guardReactiveProps as ne, createVNode as qe, createElementVNode as u, Fragment as _, renderList as m, toDisplayString as P, mergeProps as Pe, createTextVNode as Xe, nextTick as Ye } from "vue";
-import { u as Je, c as je, t as Ke, p as Y, a as Qe, b as et, d as tt, o as lt, e as J, g as re, l as U, m as Te, f as z, X as ot, s as g, h as K, i as Q, j as Se, k as ee, n as A, q as st, r as at } from "./index-DvAaY6OP.js";
-import { _ as nt } from "./Title-dsg3PqUg.js";
-import { u as rt, U as ut } from "./usePrinter-D_2jA4x8.js";
-import it from "./vue-ui-skeleton-WoggMoff.js";
-import { D as dt } from "./DataTable-pNLWbeCL.js";
-import ct from "./vue-ui-accordion-LbUarYuf.js";
-import { u as ze } from "./useNestedProp-CGzX7c5Q.js";
-import { _ as ht } from "./PackageVersion-hltZM-fb.js";
-import { P as vt } from "./PenAndPaper-qmkn1GhB.js";
+import { computed as S, ref as T, watch as He, onMounted as Re, createElementBlock as i, openBlock as n, unref as d, normalizeStyle as O, normalizeClass as Me, createBlock as G, createCommentVNode as y, createSlots as Ze, withCtx as z, renderSlot as j, normalizeProps as Y, guardReactiveProps as J, createVNode as qe, createElementVNode as u, Fragment as _, renderList as m, toDisplayString as P, mergeProps as Pe, createTextVNode as Xe, nextTick as Ye } from "vue";
+import { u as Je, c as je, t as Ke, p as K, a as Qe, b as et, d as tt, o as lt, e as Q, g as re, l as U, m as Te, f as D, X as ot, s as g, h as ee, i as te, j as Se, k as le, n as A, q as st, r as at } from "./index-DUnEDLbc.js";
+import { _ as nt } from "./Title-1PWD04Gh.js";
+import { u as rt, U as ut } from "./usePrinter-Undaynpo.js";
+import it from "./vue-ui-skeleton-DieABKlo.js";
+import { D as dt } from "./DataTable-DfMqgTjL.js";
+import ct from "./vue-ui-accordion-C8Couc_G.js";
+import { u as ze } from "./useNestedProp-CEMeoM-f.js";
+import { _ as ht } from "./PackageVersion-1Y7SXTrk.js";
+import { P as vt } from "./PenAndPaper-BYhUvcy4.js";
 import { u as ft } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as pt } from "./useChartAccessibility-BWojgys7.js";
 import { _ as yt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const kt = ["id"], gt = {
   key: 1,
   style: "width:100%;background:transparent"
-}, $t = ["xmlns", "viewBox"], _t = ["width", "height"], mt = ["id"], bt = ["stop-color"], xt = ["stop-color"], wt = ["id"], Ct = ["stop-color"], Ft = ["stop-color"], Mt = ["id"], Pt = ["stop-color"], jt = ["stop-color"], Tt = ["id"], St = ["stop-color"], zt = ["stop-color"], Dt = ["stop-color"], Ot = { key: 1 }, Nt = ["id"], Bt = ["stop-color"], At = ["stop-color"], Lt = ["id"], It = ["stop-color"], Wt = ["stop-color"], Vt = ["id"], Gt = ["stop-color"], Ut = ["stop-color"], Et = ["id"], Ht = ["x", "y", "font-size", "font-weight", "fill"], Rt = ["x", "y"], Zt = ["d", "stroke"], qt = ["d", "stroke"], Xt = { key: 4 }, Yt = { key: 0 }, Jt = ["stroke-dasharray", "d", "stroke", "stroke-width"], Kt = ["stroke-dasharray", "d", "stroke", "stroke-width"], Qt = ["stroke-dasharray", "d", "stroke", "stroke-width"], el = ["stroke-dasharray", "d", "stroke", "stroke-width"], tl = { key: 1 }, ll = ["d", "stroke", "stroke-width", "fill"], ol = ["d", "stroke", "stroke-width", "fill"], sl = ["d", "stroke", "stroke-width", "fill"], al = { key: 2 }, nl = ["d", "fill", "onMouseenter", "onClick"], rl = ["d", "fill", "onMouseenter", "onClick"], ul = ["d", "fill", "onMouseenter", "onClick"], il = ["d", "onMouseenter", "onClick"], dl = ["d"], cl = ["d", "stroke"], hl = ["onClick"], vl = ["stroke", "d"], fl = ["cx", "cy", "fill", "stroke"], pl = ["x", "y", "width", "height"], yl = { key: 1 }, kl = ["d", "stroke"], gl = ["d", "fill", "stroke"], $l = ["id"], _l = ["stop-color"], ml = ["stop-color"], bl = ["cx", "cy", "fill"], xl = ["cx", "cy", "fill"], wl = { key: 0 }, Cl = ["text-anchor", "x", "y", "fill", "font-size"], Fl = ["text-anchor", "x", "y", "fill", "font-size"], Ml = { key: 2 }, Pl = ["d", "fill", "stroke"], jl = { key: 5 }, Tl = { key: 0 }, Sl = ["stroke-dasharray", "d", "stroke", "stroke-width"], zl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Dl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ol = ["stroke-dasharray", "d", "stroke", "stroke-width"], Nl = ["d", "stroke", "stroke-width", "fill"], Bl = ["d", "stroke", "stroke-width", "fill"], Al = { key: 1 }, Ll = ["onClick"], Il = ["id"], Wl = ["stop-color"], Vl = ["stop-color"], Gl = ["id"], Ul = ["stop-color"], El = ["stop-color"], Hl = ["stop-color"], Rl = ["stop-color"], Zl = ["stop-color"], ql = ["onMouseenter", "onClick", "d", "fill"], Xl = ["onMouseenter", "onClick", "d"], Yl = ["onMouseenter", "onClick", "d", "fill"], Jl = ["onClick"], Kl = ["stroke", "d"], Ql = ["cx", "cy", "fill", "stroke"], eo = ["x", "y", "width", "height"], to = { key: 1 }, lo = ["d", "stroke"], oo = ["d", "fill", "stroke"], so = ["id"], ao = ["stop-color"], no = ["stop-color"], ro = ["cx", "cy", "fill"], uo = ["cx", "cy", "fill"], io = { key: 0 }, co = ["text-anchor", "x", "y", "fill", "font-size"], ho = ["text-anchor", "x", "y", "fill", "font-size"], vo = { key: 2 }, fo = ["d", "fill", "stroke"], po = {
+}, $t = ["xmlns", "viewBox"], _t = ["width", "height"], mt = ["id"], bt = ["stop-color"], xt = ["stop-color"], wt = ["id"], Ct = ["stop-color"], Ft = ["stop-color"], Mt = ["id"], Pt = ["stop-color"], jt = ["stop-color"], Tt = ["id"], St = ["stop-color"], zt = ["stop-color"], Dt = ["stop-color"], Ot = { key: 1 }, Nt = ["id"], Bt = ["stop-color"], At = ["stop-color"], It = ["id"], Lt = ["stop-color"], Wt = ["stop-color"], Vt = ["id"], Gt = ["stop-color"], Ut = ["stop-color"], Et = ["id"], Ht = ["x", "y", "font-size", "font-weight", "fill"], Rt = ["x", "y"], Zt = ["d", "stroke"], qt = ["d", "stroke"], Xt = { key: 4 }, Yt = { key: 0 }, Jt = ["stroke-dasharray", "d", "stroke", "stroke-width"], Kt = ["stroke-dasharray", "d", "stroke", "stroke-width"], Qt = ["stroke-dasharray", "d", "stroke", "stroke-width"], el = ["stroke-dasharray", "d", "stroke", "stroke-width"], tl = { key: 1 }, ll = ["d", "stroke", "stroke-width", "fill"], ol = ["d", "stroke", "stroke-width", "fill"], sl = ["d", "stroke", "stroke-width", "fill"], al = { key: 2 }, nl = ["d", "fill", "onMouseenter", "onClick"], rl = ["d", "fill", "onMouseenter", "onClick"], ul = ["d", "fill", "onMouseenter", "onClick"], il = ["d", "onMouseenter", "onClick"], dl = ["d"], cl = ["d", "stroke"], hl = ["onClick"], vl = ["stroke", "d"], fl = ["cx", "cy", "fill", "stroke"], pl = ["x", "y", "width", "height"], yl = { key: 1 }, kl = ["d", "stroke"], gl = ["d", "fill", "stroke"], $l = ["id"], _l = ["stop-color"], ml = ["stop-color"], bl = ["cx", "cy", "fill"], xl = ["cx", "cy", "fill"], wl = { key: 0 }, Cl = ["text-anchor", "x", "y", "fill", "font-size"], Fl = ["text-anchor", "x", "y", "fill", "font-size"], Ml = { key: 2 }, Pl = ["d", "fill", "stroke"], jl = { key: 5 }, Tl = { key: 0 }, Sl = ["stroke-dasharray", "d", "stroke", "stroke-width"], zl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Dl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ol = ["stroke-dasharray", "d", "stroke", "stroke-width"], Nl = ["d", "stroke", "stroke-width", "fill"], Bl = ["d", "stroke", "stroke-width", "fill"], Al = { key: 1 }, Il = ["onClick"], Ll = ["id"], Wl = ["stop-color"], Vl = ["stop-color"], Gl = ["id"], Ul = ["stop-color"], El = ["stop-color"], Hl = ["stop-color"], Rl = ["stop-color"], Zl = ["stop-color"], ql = ["onMouseenter", "onClick", "d", "fill"], Xl = ["onMouseenter", "onClick", "d"], Yl = ["onMouseenter", "onClick", "d", "fill"], Jl = ["onClick"], Kl = ["stroke", "d"], Ql = ["cx", "cy", "fill", "stroke"], eo = ["x", "y", "width", "height"], to = { key: 1 }, lo = ["d", "stroke"], oo = ["d", "fill", "stroke"], so = ["id"], ao = ["stop-color"], no = ["stop-color"], ro = ["cx", "cy", "fill"], uo = ["cx", "cy", "fill"], io = { key: 0 }, co = ["text-anchor", "x", "y", "fill", "font-size"], ho = ["text-anchor", "x", "y", "fill", "font-size"], vo = { key: 2 }, fo = ["d", "fill", "stroke"], po = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, yo = {
@@ -39,10 +39,10 @@ const kt = ["id"], gt = {
   },
   emits: ["selectDatapoint"],
   setup(De, { expose: Oe, emit: Ne }) {
-    const { vue_ui_3d_bar: Be } = Je(), $ = De, R = Ne, Z = S(() => !!$.dataset && Object.keys($.dataset).length), b = T(je()), Ae = T(null), ue = T(null), L = T(!1), ie = T(0), de = T(0), t = S({
+    const { vue_ui_3d_bar: Be } = Je(), $ = De, R = Ne, Z = S(() => !!$.dataset && Object.keys($.dataset).length), b = T(je()), Ae = T(null), ue = T(null), I = T(!1), ie = T(0), de = T(0), t = S({
       get: () => fe(),
       set: (a) => a
-    }), { userOptionsVisible: te, setUserOptionsVisibility: ce, keepUserOptionState: he } = ft({ config: t.value }), { svgRef: ve } = pt({ config: t.value.style.chart.title });
+    }), { userOptionsVisible: oe, setUserOptionsVisibility: ce, keepUserOptionState: he } = ft({ config: t.value }), { svgRef: ve } = pt({ config: t.value.style.chart.title });
     function fe() {
       const a = ze({
         userConfig: $.config,
@@ -53,16 +53,16 @@ const kt = ["id"], gt = {
           userConfig: Qe.vue_ui_3d_bar[a.theme] || $.config,
           defaultConfig: a
         }),
-        customPalette: Ke[a.theme] || Y
+        customPalette: Ke[a.theme] || K
       } : a;
     }
     He(() => $.config, (a) => {
-      t.value = fe(), te.value = !t.value.userOptions.showOnChartHover, $e(), ie.value += 1, de.value += 1, E.value.showTable = t.value.table.show;
+      t.value = fe(), oe.value = !t.value.userOptions.showOnChartHover, $e(), ie.value += 1, de.value += 1, E.value.showTable = t.value.table.show;
     }, { deep: !0 });
     const { isPrinting: pe, isImaging: ye, generatePdf: ke, generateImage: ge } = rt({
       elementId: `3d_bar_${b.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-3d-bar"
-    }), Le = S(() => et(t.value.customPalette)), E = T({
+    }), Ie = S(() => et(t.value.customPalette)), E = T({
       showTable: t.value.table.show
     }), F = S(() => $.dataset.series && $.dataset.series.length), o = S(() => ({
       height: t.value.style.chart.box.dimensions.height,
@@ -79,14 +79,14 @@ const kt = ["id"], gt = {
           ...l,
           id: je(),
           proportion: (l.value || 0) / a,
-          color: tt(l.color) || Le.value[r] || Y[r] || Y[r % Y.length],
+          color: tt(l.color) || Ie.value[r] || K[r] || K[r % K.length],
           breakdown: l.breakdown ? l.breakdown.sort((c, k) => k.value - c.value) : null
         })).sort((l, r) => r.value - l.value), e = [];
         let h = 0;
         for (let l = 0; l < s.length; l += 1)
           e.push({
             ...s[l],
-            fill: Ie(h, s[l].proportion, s[l].breakdown, s[l].color)
+            fill: Le(h, s[l].proportion, s[l].breakdown, s[l].color)
           }), h += s[l].proportion;
         return e;
       }
@@ -110,7 +110,7 @@ const kt = ["id"], gt = {
       t.value.style.chart.animation.use && (W.value = 0, h());
     });
     function $e() {
-      lt($.dataset) ? J({
+      lt($.dataset) ? Q({
         componentName: "VueUi3dBar",
         type: "dataset"
       }) : $.dataset.series ? $.dataset.series.forEach((a, s) => {
@@ -118,7 +118,7 @@ const kt = ["id"], gt = {
           datasetObject: a,
           requiredAttributes: ["name", "value"]
         }).forEach((e) => {
-          J({
+          Q({
             componentName: "VueUi3dBar",
             type: "datasetSerieAttribute",
             property: e,
@@ -129,7 +129,7 @@ const kt = ["id"], gt = {
             datasetObject: e,
             requiredAttributes: ["name", "value"]
           }).forEach((l) => {
-            J({
+            Q({
               componentName: "VueUi3dBar",
               type: "datasetSerieAttribute",
               property: l,
@@ -141,15 +141,15 @@ const kt = ["id"], gt = {
         datasetObject: $.dataset,
         requiredAttributes: ["percentage"]
       }).forEach((a) => {
-        J({
+        Q({
           componentName: "VueUi3dBar",
           type: "datasetAttribute",
           property: a
         });
       });
     }
-    function Ie(a, s, e, h) {
-      const l = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: r, height: c, bottom: k, right: w, left: f, perspective: p } = o.value, v = k + l * a, se = c - v - p - l * s / 2, Ge = se > o.value.height / 2 ? "top" : "bottom", xe = 64, Ue = !!e;
+    function Le(a, s, e, h) {
+      const l = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: r, height: c, bottom: k, right: w, left: f, perspective: p } = o.value, v = k + l * a, ne = c - v - p - l * s / 2, Ge = ne > o.value.height / 2 ? "top" : "bottom", xe = 64, Ue = !!e;
       let we = null, Ce = null;
       return Ue && (e = e.map((Fe, Ee) => ({
         ...Fe,
@@ -158,7 +158,7 @@ const kt = ["id"], gt = {
       })), we = Te(
         { series: e },
         r + o.value.absoluteWidth / 4 - 14,
-        Ge === "top" ? se - xe : se + xe,
+        Ge === "top" ? ne - xe : ne + xe,
         28,
         28,
         1.99999,
@@ -229,10 +229,10 @@ const kt = ["id"], gt = {
       };
     }), x = T(null);
     function M(a, s = !1) {
-      R("selectDatapoint", a), s || (x.value = a.id), s && L.value && (L.value = !1), s && !L.value && (L.value = !0);
+      R("selectDatapoint", a), s || (x.value = a.id), s && I.value && (I.value = !1), s && !I.value && (I.value = !0);
     }
-    function I() {
-      L.value || (x.value = null);
+    function L() {
+      I.value || (x.value = null);
     }
     function V(a, s, e = !1) {
       const h = $.dataset.series.map((c) => c.value || 0).reduce((c, k) => c + k, 0), l = isNaN(a.value / h) ? 0 : a.value / h * 100, r = isNaN(a.value / _e(s)) ? 0 : a.value / _e(s) * 100;
@@ -241,9 +241,9 @@ const kt = ["id"], gt = {
     function _e(a) {
       return [...a].map((s) => s.value).reduce((s, e) => s + e, 0);
     }
-    const le = T(!1);
+    const se = T(!1);
     function We(a) {
-      le.value = a;
+      se.value = a;
     }
     function Ve() {
       return F.value ? C.value : $.dataset.percentage;
@@ -276,17 +276,17 @@ const kt = ["id"], gt = {
     const q = S(() => {
       const a = C.value.map((r) => r.value).reduce((r, c) => r + c, 0), s = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
-        z({ p: t.value.style.chart.legend.prefix, v: a, s: t.value.style.chart.legend.suffix, r: t.value.table.td.roundingValue }),
+        D({ p: t.value.style.chart.legend.prefix, v: a, s: t.value.style.chart.legend.suffix, r: t.value.table.td.roundingValue }),
         "100%"
       ], e = B.value.head.map((r, c) => {
-        const k = z({ p: t.value.style.chart.legend.prefix, v: B.value.body[c], s: t.value.style.chart.legend.suffix, r: t.value.table.td.roundingValue });
+        const k = D({ p: t.value.style.chart.legend.prefix, v: B.value.body[c], s: t.value.style.chart.legend.suffix, r: t.value.table.td.roundingValue });
         return [
           {
             color: r.color,
             name: r.name
           },
           k,
-          isNaN(B.value.body[c] / a) ? "-" : z({
+          isNaN(B.value.body[c] / a) ? "-" : D({
             v: B.value.body[c] / a * 100,
             s: "%",
             r: t.value.table.td.roundingPercentage
@@ -321,7 +321,7 @@ const kt = ["id"], gt = {
       E.value.showTable = !E.value.showTable;
     }
     const X = T(!1);
-    function oe() {
+    function ae() {
       X.value = !X.value;
     }
     return Oe({
@@ -330,12 +330,12 @@ const kt = ["id"], gt = {
       generateImage: ge,
       getData: Ve,
       toggleTable: be,
-      toggleAnnotator: oe
+      toggleAnnotator: ae
     }), (a, s) => (n(), i("div", {
       ref_key: "bar3dChart",
       ref: ue,
       class: Me("vue-ui-3d-bar"),
-      style: D(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),
+      style: O(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),
       id: `3d_bar_${b.value}`,
       onMouseenter: s[2] || (s[2] = () => d(ce)(!0)),
       onMouseleave: s[3] || (s[3] = () => d(ce)(!1))
@@ -346,7 +346,7 @@ const kt = ["id"], gt = {
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
         active: X.value,
-        onClose: oe
+        onClose: ae
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
       t.value.style.chart.title.text ? (n(), i("div", gt, [
         (n(), G(nt, {
@@ -363,7 +363,7 @@ const kt = ["id"], gt = {
           }
         }, null, 8, ["config"]))
       ])) : y("", !0),
-      t.value.userOptions.show && Z.value && (d(he) || d(te)) ? (n(), G(ut, {
+      t.value.userOptions.show && Z.value && (d(he) || d(oe)) ? (n(), G(ut, {
         key: 2,
         ref_key: "details",
         ref: Ae,
@@ -387,52 +387,59 @@ const kt = ["id"], gt = {
         onGenerateCsv: me,
         onGenerateImage: d(ge),
         onToggleTable: be,
-        onToggleAnnotator: oe,
-        style: D({
-          visibility: d(he) ? d(te) ? "visible" : "hidden" : "visible"
+        onToggleAnnotator: ae,
+        style: O({
+          visibility: d(he) ? d(oe) ? "visible" : "hidden" : "visible"
         })
       }, Ze({ _: 2 }, [
+        a.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: z(({ isOpen: e, color: h }) => [
+            j(a.$slots, "menuIcon", Y(J({ isOpen: e, color: h })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
         a.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: O(() => [
+          fn: z(() => [
             j(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
-          key: "0"
+          key: "1"
         } : void 0,
         a.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: O(() => [
+          fn: z(() => [
             j(a.$slots, "optionCsv", {}, void 0, !0)
           ]),
-          key: "1"
+          key: "2"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
-          fn: O(() => [
+          fn: z(() => [
             j(a.$slots, "optionImg", {}, void 0, !0)
           ]),
-          key: "2"
+          key: "3"
         } : void 0,
         a.$slots.optionTable ? {
           name: "optionTable",
-          fn: O(() => [
+          fn: z(() => [
             j(a.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: O(({ toggleFullscreen: e, isFullscreen: h }) => [
-            j(a.$slots, "optionFullscreen", ae(ne({ toggleFullscreen: e, isFullscreen: h })), void 0, !0)
+          fn: z(({ toggleFullscreen: e, isFullscreen: h }) => [
+            j(a.$slots, "optionFullscreen", Y(J({ toggleFullscreen: e, isFullscreen: h })), void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: O(({ toggleAnnotator: e, isAnnotator: h }) => [
-            j(a.$slots, "optionAnnotator", ae(ne({ toggleAnnotator: e, isAnnotator: h })), void 0, !0)
+          fn: z(({ toggleAnnotator: e, isAnnotator: h }) => [
+            j(a.$slots, "optionAnnotator", Y(J({ toggleAnnotator: e, isAnnotator: h })), void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasTable", "hasXls", "hasImg", "hasFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
       Z.value ? (n(), i("svg", {
@@ -440,9 +447,9 @@ const kt = ["id"], gt = {
         ref_key: "svgRef",
         ref: ve,
         xmlns: d(ot),
-        class: Me({ "vue-data-ui-fullscreen--on": le.value, "vue-data-ui-fulscreen--off": !le.value }),
+        class: Me({ "vue-data-ui-fullscreen--on": se.value, "vue-data-ui-fulscreen--off": !se.value }),
         viewBox: `0 0 ${o.value.absoluteWidth} ${o.value.height}`,
-        style: D(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color}`)
+        style: O(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color}`)
       }, [
         qe(ht),
         a.$slots["chart-background"] ? (n(), i("foreignObject", {
@@ -534,12 +541,12 @@ const kt = ["id"], gt = {
             u("stop", {
               offset: "0%",
               "stop-color": d(g)(e.color, 80)
-            }, null, 8, It),
+            }, null, 8, Lt),
             u("stop", {
               offset: "100%",
-              "stop-color": d(g)(d(K)(e.color, 0.5), 100)
+              "stop-color": d(g)(d(ee)(e.color, 0.5), 100)
             }, null, 8, Wt)
-          ], 8, Lt))), 256)),
+          ], 8, It))), 256)),
           (n(!0), i(_, null, m(C.value, (e) => (n(), i("linearGradient", {
             id: `grad_right_${e.id}`
           }, [
@@ -577,15 +584,15 @@ const kt = ["id"], gt = {
           "font-weight": t.value.style.chart.dataLabel.bold ? "bold" : "normal",
           fill: t.value.style.chart.dataLabel.color,
           "text-anchor": "middle"
-        }, P(d(z)({
+        }, P(d(D)({
           v: W.value,
           s: "%",
           r: t.value.style.chart.dataLabel.rounding
         })), 9, Ht)) : y("", !0),
-        L.value ? (n(), i("g", {
+        I.value ? (n(), i("g", {
           key: 3,
           onClick: s[0] || (s[0] = (e) => {
-            L.value = !1, x.value = null;
+            I.value = !1, x.value = null;
           }),
           "data-html2canvas-ignore": "",
           style: { cursor: "pointer" }
@@ -677,7 +684,7 @@ const kt = ["id"], gt = {
           ])),
           F.value ? (n(), i("g", al, [
             (n(!0), i(_, null, m(C.value, (e, h) => (n(), i("g", {
-              style: D(`opacity:${x.value ? x.value === e.id ? 1 : 0.3 : 1}`),
+              style: O(`opacity:${x.value ? x.value === e.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack"
             }, [
               u("path", {
@@ -685,21 +692,21 @@ const kt = ["id"], gt = {
                 fill: `url(#grad_right_${e.id})`,
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
-                onMouseout: I
+                onMouseout: L
               }, null, 40, nl),
               u("path", {
                 d: e.fill.left,
                 fill: `url(#grad_left_${e.id})`,
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
-                onMouseout: I
+                onMouseout: L
               }, null, 40, rl),
               u("path", {
                 d: e.fill.top,
                 fill: `url(#grad_top_${e.id})`,
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
-                onMouseout: I
+                onMouseout: L
               }, null, 40, ul),
               u("path", {
                 d: e.fill.liningTop,
@@ -709,7 +716,7 @@ const kt = ["id"], gt = {
                 fill: "none",
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
-                onMouseout: I
+                onMouseout: L
               }, null, 40, il),
               u("path", {
                 d: `M ${e.fill.apexTop.x},${e.fill.apexTop.y} ${e.fill.apexBottom.x},${e.fill.apexBottom.y}`,
@@ -730,7 +737,7 @@ const kt = ["id"], gt = {
               }, null, 8, cl)) : y("", !0)
             ]))), 256)),
             (n(!0), i(_, null, m(C.value, (e, h) => (n(), i("g", {
-              style: D(`opacity:${x.value ? x.value === e.id ? 1 : 0 : e.proportion * 100 > t.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
+              style: O(`opacity:${x.value ? x.value === e.id ? 1 : 0 : e.proportion * 100 > t.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
               onClick: (l) => R("selectDatapoint", e)
             }, [
               u("path", {
@@ -757,11 +764,11 @@ const kt = ["id"], gt = {
               }, [
                 t.value.style.chart.legend.showDefault ? (n(), i("div", {
                   key: 0,
-                  style: D(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${t.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${t.value.style.chart.legend.fontSize}px; color:${t.value.style.chart.legend.color}`)
-                }, P(e.name) + ": " + P(d(z)({ v: e.proportion * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage })) + " (" + P(d(Q)(
+                  style: O(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${t.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${t.value.style.chart.legend.fontSize}px; color:${t.value.style.chart.legend.color}`)
+                }, P(e.name) + ": " + P(d(D)({ v: e.proportion * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage })) + " (" + P(d(te)(
                   t.value.style.chart.dataLabel.formatter,
                   e.value,
-                  d(z)({
+                  d(D)({
                     p: t.value.style.chart.legend.prefix,
                     v: e.value,
                     s: t.value.style.chart.legend.suffix,
@@ -828,13 +835,13 @@ const kt = ["id"], gt = {
                     u("text", {
                       "text-anchor": d(A)(l, !0, 0).anchor,
                       x: d(A)(l, !0, 2).x,
-                      y: d(ee)(l, 12, 12),
+                      y: d(le)(l, 12, 12),
                       fill: t.value.style.chart.legend.color,
                       "font-size": t.value.style.chart.legend.fontSize / 1.5
-                    }, P(V(l, e.fill.donut)) + " (" + P(d(Q)(
+                    }, P(V(l, e.fill.donut)) + " (" + P(d(te)(
                       t.value.style.chart.dataLabel.formatter,
                       l.value,
-                      d(z)({
+                      d(D)({
                         p: t.value.style.chart.legend.prefix,
                         v: l.value,
                         s: t.value.style.chart.legend.suffix,
@@ -845,7 +852,7 @@ const kt = ["id"], gt = {
                     u("text", {
                       "text-anchor": d(A)(l).anchor,
                       x: d(A)(l, !0, 2).x,
-                      y: d(ee)(l, 12, 12) + t.value.style.chart.legend.fontSize / 1.5,
+                      y: d(le)(l, 12, 12) + t.value.style.chart.legend.fontSize / 1.5,
                       fill: t.value.style.chart.legend.color,
                       "font-size": t.value.style.chart.legend.fontSize / 1.5
                     }, P(l.name), 9, Fl)
@@ -921,7 +928,7 @@ const kt = ["id"], gt = {
           ])),
           F.value ? (n(), i("g", Al, [
             (n(!0), i(_, null, m(C.value, (e, h) => (n(), i("g", {
-              style: D(`opacity:${x.value ? x.value === e.id ? 1 : 0.3 : 1}`),
+              style: O(`opacity:${x.value ? x.value === e.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack",
               onClick: (l) => R("selectDatapoint", e)
             }, [
@@ -937,9 +944,9 @@ const kt = ["id"], gt = {
                   }, null, 8, Wl),
                   u("stop", {
                     offset: "100%",
-                    "stop-color": d(g)(d(K)(e.color, 0.1), 80)
+                    "stop-color": d(g)(d(ee)(e.color, 0.1), 80)
                   }, null, 8, Vl)
-                ], 8, Il),
+                ], 8, Ll),
                 u("linearGradient", {
                   id: `gradient_tube_body_${e.id}`,
                   x1: "0%",
@@ -953,11 +960,11 @@ const kt = ["id"], gt = {
                   }, null, 8, Ul),
                   u("stop", {
                     offset: "10%",
-                    "stop-color": d(g)(d(K)(e.color, 0.7), 100)
+                    "stop-color": d(g)(d(ee)(e.color, 0.7), 100)
                   }, null, 8, El),
                   u("stop", {
                     offset: "25%",
-                    "stop-color": d(g)(d(K)(e.color, 0.5), 100)
+                    "stop-color": d(g)(d(ee)(e.color, 0.5), 100)
                   }, null, 8, Hl),
                   u("stop", {
                     offset: "75%",
@@ -972,7 +979,7 @@ const kt = ["id"], gt = {
               u("path", {
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
-                onMouseout: I,
+                onMouseout: L,
                 d: e.fill.tubeBody,
                 stroke: "#FFFFFF",
                 "stroke-width": 0.5,
@@ -984,7 +991,7 @@ const kt = ["id"], gt = {
                 key: 0,
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
-                onMouseout: I,
+                onMouseout: L,
                 d: e.fill.bottomTubeTop,
                 stroke: "#000000",
                 "stroke-width": 0.5,
@@ -995,7 +1002,7 @@ const kt = ["id"], gt = {
               u("path", {
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
-                onMouseout: I,
+                onMouseout: L,
                 d: e.fill.tubeTop,
                 stroke: "#FFFFFF",
                 "stroke-width": 0.5,
@@ -1003,9 +1010,9 @@ const kt = ["id"], gt = {
                 "stroke-linecap": "round",
                 fill: `url(#gradient_tube_top_${e.id})`
               }, null, 40, Yl)
-            ], 12, Ll))), 256)),
+            ], 12, Il))), 256)),
             (n(!0), i(_, null, m(C.value, (e, h) => (n(), i("g", {
-              style: D(`opacity:${x.value ? x.value === e.id ? 1 : 0 : e.proportion * 100 > t.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
+              style: O(`opacity:${x.value ? x.value === e.id ? 1 : 0 : e.proportion * 100 > t.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
               onClick: (l) => R("selectDatapoint", e)
             }, [
               u("path", {
@@ -1032,11 +1039,11 @@ const kt = ["id"], gt = {
               }, [
                 t.value.style.chart.legend.showDefault ? (n(), i("div", {
                   key: 0,
-                  style: D(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${t.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${t.value.style.chart.legend.fontSize}px; color:${t.value.style.chart.legend.color}`)
-                }, P(e.name) + ": " + P(d(z)({ v: e.proportion * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage })) + " (" + P(d(Q)(
+                  style: O(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${t.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${t.value.style.chart.legend.fontSize}px; color:${t.value.style.chart.legend.color}`)
+                }, P(e.name) + ": " + P(d(D)({ v: e.proportion * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage })) + " (" + P(d(te)(
                   t.value.style.chart.dataLabel.formatter,
                   e.value,
-                  d(z)({
+                  d(D)({
                     p: t.value.style.chart.legend.prefix,
                     v: e.value,
                     s: t.value.style.chart.legend.suffix,
@@ -1103,13 +1110,13 @@ const kt = ["id"], gt = {
                     u("text", {
                       "text-anchor": d(A)(l, !0, 0).anchor,
                       x: d(A)(l, !0, 2).x,
-                      y: d(ee)(l, 12, 12),
+                      y: d(le)(l, 12, 12),
                       fill: t.value.style.chart.legend.color,
                       "font-size": t.value.style.chart.legend.fontSize / 1.5
-                    }, P(V(l, e.fill.donut)) + " (" + P(d(Q)(
+                    }, P(V(l, e.fill.donut)) + " (" + P(d(te)(
                       t.value.style.chart.dataLabel.formatter,
                       l.value,
-                      d(z)({
+                      d(D)({
                         p: t.value.style.chart.legend.prefix,
                         v: l.value,
                         s: t.value.style.chart.legend.suffix,
@@ -1120,7 +1127,7 @@ const kt = ["id"], gt = {
                     u("text", {
                       "text-anchor": d(A)(l).anchor,
                       x: d(A)(l, !0, 2).x,
-                      y: d(ee)(l, 12, 12) + t.value.style.chart.legend.fontSize / 1.5,
+                      y: d(le)(l, 12, 12) + t.value.style.chart.legend.fontSize / 1.5,
                       fill: t.value.style.chart.legend.color,
                       "font-size": t.value.style.chart.legend.fontSize / 1.5
                     }, P(l.name), 9, ho)
@@ -1142,7 +1149,7 @@ const kt = ["id"], gt = {
         j(a.$slots, "svg", { svg: o.value }, void 0, !0)
       ], 14, $t)) : y("", !0),
       a.$slots.watermark ? (n(), i("div", po, [
-        j(a.$slots, "watermark", ae(ne({ isPrinting: d(pe) || d(ye) })), void 0, !0)
+        j(a.$slots, "watermark", Y(J({ isPrinting: d(pe) || d(ye) })), void 0, !0)
       ])) : y("", !0),
       Z.value ? y("", !0) : (n(), G(it, {
         key: 5,
@@ -1175,7 +1182,7 @@ const kt = ["id"], gt = {
           }
         }
       }, {
-        content: O(() => [
+        content: z(() => [
           (n(), G(dt, {
             key: `table_${de.value}`,
             colNames: q.value.colNames,
@@ -1185,13 +1192,13 @@ const kt = ["id"], gt = {
             title: `${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text ? ` : ${t.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: s[1] || (s[1] = (e) => E.value.showTable = !1)
           }, {
-            th: O(({ th: e }) => [
+            th: z(({ th: e }) => [
               u("div", {
                 innerHTML: e,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, ko)
             ]),
-            td: O(({ td: e }) => [
+            td: z(({ td: e }) => [
               Xe(P(e.name || e), 1)
             ]),
             _: 1
@@ -1201,7 +1208,7 @@ const kt = ["id"], gt = {
       }, 8, ["config"])) : y("", !0)
     ], 44, kt));
   }
-}, zo = /* @__PURE__ */ yt(go, [["__scopeId", "data-v-006f51a4"]]);
+}, zo = /* @__PURE__ */ yt(go, [["__scopeId", "data-v-55e8e233"]]);
 export {
   zo as default
 };