vue-data-ui 2.3.61 → 2.3.63

package/dist/{vue-ui-donut-Ctzc7e6_.js → vue-ui-donut-t5zf9Lm5.js}

@@ -1,19 +1,19 @@
-import { computed as g, ref as d, onMounted as Me, onBeforeUnmount as Ge, watch as Ue, openBlock as s, createElementBlock as n, normalizeClass as ue, normalizeStyle as S, renderSlot as p, createVNode as se, createCommentVNode as v, createBlock as Q, unref as o, createSlots as Ee, withCtx as w, normalizeProps as Y, guardReactiveProps as H, createElementVNode as b, Fragment as V, renderList as W, toDisplayString as _, createTextVNode as Se, nextTick as je, pushScopeId as Re, popScopeId as Ye } from "vue";
-import { u as He, o as We, e as Te, g as Xe, c as qe, t as Je, a as Ke, p as A, b as Qe, d as Z, m as Ze, f as C, X as el, v as ll, j as tl, D as al, i as T, k as y, n as X, w as ol, q as ul, r as sl } from "./index-CwG--L4Z.js";
+import { computed as g, ref as d, onMounted as Me, onBeforeUnmount as Ge, watch as Ee, openBlock as s, createElementBlock as n, normalizeClass as ue, normalizeStyle as S, renderSlot as p, createVNode as se, createCommentVNode as v, createBlock as Q, unref as o, createSlots as Ue, withCtx as w, normalizeProps as Y, guardReactiveProps as H, createElementVNode as b, Fragment as V, renderList as W, toDisplayString as _, createTextVNode as Se, nextTick as je, pushScopeId as Re, popScopeId as Ye } from "vue";
+import { u as He, o as We, e as Te, g as Xe, c as qe, t as Je, a as Ke, p as D, b as Qe, d as Z, m as Ze, f as C, X as el, w as ll, j as tl, E as al, i as T, k as y, n as X, x as ol, q as ul, r as sl } from "./index-C_05i_JG.js";
 import { t as rl, u as nl } from "./useResponsive-NZB-WLRF.js";
-import { _ as il } from "./Title-BAQrVaNA.js";
-import { u as vl, U as cl } from "./usePrinter-Do9tGYem.js";
-import { D as dl } from "./DataTable-NUzEZXWt.js";
-import { _ as hl } from "./Tooltip-B73tTE2v.js";
-import { L as yl } from "./Legend-C3tseguI.js";
-import fl from "./vue-ui-skeleton-ClzVF3vm.js";
-import bl from "./vue-ui-accordion-Be_wWB1T.js";
-import { u as Fe } from "./useNestedProp-BqwYEJGM.js";
+import { _ as il } from "./Title-CPZstF2C.js";
+import { u as vl, U as cl } from "./usePrinter-DOhlzlnx.js";
+import { D as dl } from "./DataTable-BGJ2mVxG.js";
+import { _ as hl } from "./Tooltip-CBmmiqKr.js";
+import { L as yl } from "./Legend-UWyvC57K.js";
+import fl from "./vue-ui-skeleton-CcJR2m18.js";
+import bl from "./vue-ui-accordion-rGJVvi_V.js";
+import { u as Fe } from "./useNestedProp-DLnT0Wtg.js";
 import { _ as gl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = ["xmlns", "viewBox"], kl = ["id"], _l = ["stop-color"], Cl = ["stop-color"], xl = ["stop-color"], $l = ["id"], Ll = ["id"], Sl = /* @__PURE__ */ pl(() => /* @__PURE__ */ b("feColorMatrix", {
   type: "saturate",
   values: "0"
-}, null, -1)), Tl = ["id"], Fl = ["flood-color"], zl = ["d", "stroke", "filter"], Nl = ["cx", "cy", "r", "fill", "filter"], Pl = ["stroke", "d"], Ol = ["d", "fill", "stroke", "stroke-width", "filter"], Dl = ["cx", "cy", "r", "fill", "stroke"], Al = ["cx", "cy", "r", "fill"], Il = ["d", "fill", "onMouseenter", "onClick"], Bl = ["cx", "cy", "r", "fill"], Vl = ["x", "y", "fill", "font-size"], Ml = ["x", "y", "fill", "font-size"], Gl = ["x", "y", "fill", "font-size"], Ul = ["x", "y", "fill", "font-size"], El = ["filter"], jl = { key: 0 }, Rl = ["x", "y"], Yl = { key: 1 }, Hl = ["cx", "cy", "fill", "filter", "onClick"], Wl = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], Xl = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], ql = { key: 2 }, Jl = ["x", "y", "width"], Kl = {
+}, null, -1)), Tl = ["id"], Fl = ["flood-color"], zl = ["d", "stroke", "filter"], Nl = ["cx", "cy", "r", "fill", "filter"], Pl = ["stroke", "d"], Ol = ["d", "fill", "stroke", "stroke-width", "filter"], Al = ["cx", "cy", "r", "fill", "stroke"], Dl = ["cx", "cy", "r", "fill"], Il = ["d", "fill", "onMouseenter", "onClick"], Bl = ["cx", "cy", "r", "fill"], Vl = ["x", "y", "fill", "font-size"], Ml = ["x", "y", "fill", "font-size"], Gl = ["x", "y", "fill", "font-size"], El = ["x", "y", "fill", "font-size"], Ul = ["filter"], jl = { key: 0 }, Rl = ["x", "y"], Yl = { key: 1 }, Hl = ["cx", "cy", "fill", "filter", "onClick"], Wl = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], Xl = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], ql = { key: 2 }, Jl = ["x", "y", "width"], Kl = {
   key: 3,
   class: "vue-data-ui-watermark"
 }, Ql = ["onClick"], Zl = {
@@ -44,7 +44,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
       set(t) {
         return t;
       }
-    }), U = d(null), ne = d(null), ie = d(null), q = d(null);
+    }), E = d(null), ne = d(null), ie = d(null), q = d(null);
     Me(() => {
       if (We(F.dataset) ? Te({
         componentName: "VueUiDonut",
@@ -64,13 +64,13 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
       }), e.value.responsive) {
         const t = rl(() => {
           const { width: a, height: l } = nl({
-            chart: U.value,
+            chart: E.value,
             title: e.value.style.chart.title.text ? ne.value : null,
             legend: e.value.style.chart.legend.show ? ie.value : null
           });
           i.value.width = a, i.value.height = l;
         });
-        q.value = new ResizeObserver(t), q.value.observe(U.value.parentNode);
+        q.value = new ResizeObserver(t), q.value.observe(E.value.parentNode);
       }
     }), Ge(() => {
       q.value && q.value.disconnect();
@@ -85,7 +85,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
           userConfig: Je.vue_ui_donut[t.theme] || F.config,
           defaultConfig: t
         }),
-        customPalette: Ke[t.theme] || A
+        customPalette: Ke[t.theme] || D
       } : t;
     }), { isPrinting: ce, isImaging: de, generatePdf: he, generateImage: ye } = vl({
       elementId: `donut__${x.value}`,
@@ -99,17 +99,17 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
     }), i = d({
       height: 360,
       width: 512
-    }), E = g(() => {
+    }), U = g(() => {
       const t = e.value.style.chart.layout.donut.strokeWidth / 512, a = i.value.width * t;
       return a > $.value / 2 ? e.value.style.chart.layout.donut.strokeWidth : a;
     }), P = g(() => F.dataset.map((t, a) => ({
       name: t.name,
-      color: Z(t.color) || fe.value[a] || A[a] || A[a % A.length],
+      color: Z(t.color) || fe.value[a] || D[a] || D[a % D.length],
       value: t.values.reduce((l, u) => l + u, 0),
       absoluteValues: t.values,
       comment: t.comment || ""
     }))), k = d(P.value);
-    Ue(() => P.value, (t) => k.value = t);
+    Ee(() => P.value, (t) => k.value = t);
     function Oe() {
       return P.value.map((t) => ({
         name: t.name,
@@ -163,7 +163,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
       seriesIndex: a
     })).filter((t, a) => !L.value.includes(a)))), me = g(() => F.dataset.map((t, a) => ({
       name: t.name,
-      color: Z(t.color) || fe.value[a] || A[a] || A[a % A.length],
+      color: Z(t.color) || fe.value[a] || D[a] || D[a % D.length],
       value: (t.values || []).reduce((l, u) => l + u, 0),
       shape: "circle"
     })).map((t, a) => ({
@@ -172,7 +172,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
       opacity: L.value.includes(a) ? 0.5 : 1,
       segregate: () => pe(a),
       isSegregated: L.value.includes(a)
-    }))), De = g(() => ({
+    }))), Ae = g(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -182,12 +182,12 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
     })), $ = g(() => {
       const t = Math.min(i.value.width / 3, i.value.height / 3);
       return t < 55 ? 55 : t;
-    }), D = g(() => Ze({ series: I.value }, i.value.width / 2, i.value.height / 2, $.value, $.value, 1.99999, 2, 1, 360, 105.25, E.value));
+    }), A = g(() => Ze({ series: I.value }, i.value.width / 2, i.value.height / 2, $.value, $.value, 1.99999, 2, 1, 360, 105.25, U.value));
     function B(t) {
       return t.proportion * 100 > e.value.style.chart.layout.labels.dataLabels.hideUnderValue;
     }
     function we(t, a) {
-      const l = t.value / Ae(a);
+      const l = t.value / De(a);
       return isNaN(l) ? 0 : T(
         e.value.style.chart.layout.labels.percentage.formatter,
         l * 100,
@@ -199,7 +199,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
         { datapoint: t }
       );
     }
-    function Ae(t) {
+    function De(t) {
       return [...t].map((a) => a.value).reduce((a, l) => a + l, 0);
     }
     const m = g(() => I.value.map((t) => t.value).reduce((t, a) => t + a, 0)), ke = g(() => m.value / I.value.length), te = d(null), j = d(!1);
@@ -340,7 +340,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
       toggleTooltip: Le
     }), (t, a) => (s(), n("div", {
       ref_key: "donutChart",
-      ref: U,
+      ref: E,
       class: ue(`vue-ui-donut ${R.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: S(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height:100%;" : ""} text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor}`),
       id: `donut__${x.value}`
@@ -382,7 +382,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: R.value,
-        chartElement: U.value,
+        chartElement: E.value,
         isTooltip: f.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         onToggleFullscreen: Be,
@@ -392,7 +392,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
         onToggleTable: xe,
         onToggleLabels: $e,
         onToggleTooltip: Le
-      }, Ee({ _: 2 }, [
+      }, Ue({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: w(() => [
@@ -497,10 +497,10 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
             }, null, 8, Fl)
           ], 8, Tl)
         ]),
-        (s(!0), n(V, null, W(D.value, (l, u) => (s(), n("g", null, [
+        (s(!0), n(V, null, W(A.value, (l, u) => (s(), n("g", null, [
           B(l) && f.value.dataLabels.show ? (s(), n("path", {
             key: 0,
-            d: o(tl)(l, { x: i.value.width / 2, y: i.value.height / 2 }, 16, 16, !1, !1, E.value),
+            d: o(tl)(l, { x: i.value.width / 2, y: i.value.height / 2 }, 16, 16, !1, !1, U.value),
             stroke: l.color,
             "stroke-width": "1",
             "stroke-linecap": "round",
@@ -517,12 +517,12 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
           filter: e.value.style.chart.layout.donut.useShadow ? `url(#shadow_${x.value})` : ""
         }, null, 8, Nl),
         m.value ? (s(), n(V, { key: 0 }, [
-          (s(!0), n(V, null, W(D.value, (l, u) => (s(), n("path", {
+          (s(!0), n(V, null, W(A.value, (l, u) => (s(), n("path", {
             stroke: e.value.style.chart.backgroundColor,
             d: l.arcSlice,
             fill: "#FFFFFF"
           }, null, 8, Pl))), 256)),
-          (s(!0), n(V, null, W(D.value, (l, u) => (s(), n("path", {
+          (s(!0), n(V, null, W(A.value, (l, u) => (s(), n("path", {
             class: "vue-ui-donut-arc-path",
             d: l.arcSlice,
             fill: `${l.color}CC`,
@@ -537,7 +537,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
           r: $.value <= 0 ? 10 : $.value,
           fill: e.value.style.chart.backgroundColor,
           stroke: o(al)(e.value.style.chart.background)
-        }, null, 8, Dl)),
+        }, null, 8, Al)),
         e.value.style.chart.useGradient ? (s(), n("circle", {
           key: 2,
           cx: i.value.width / 2,
@@ -547,8 +547,8 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
             $.value <= 0 ? 10 : $.value
           ),
           fill: `url(#gradient_${x.value})`
-        }, null, 8, Al)) : v("", !0),
-        m.value ? (s(!0), n(V, { key: 3 }, W(D.value, (l, u) => (s(), n("path", {
+        }, null, 8, Dl)) : v("", !0),
+        m.value ? (s(!0), n(V, { key: 3 }, W(A.value, (l, u) => (s(), n("path", {
           "data-cy-donut-trap": "",
           d: l.arcSlice,
           fill: z.value === u ? "rgba(0,0,0,0.1)" : "transparent",
@@ -569,7 +569,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
           cy: i.value.height / 2,
           r: (
             /* This might require adjustments */
-            $.value - E.value <= 0 ? 10 : $.value - E.value
+            $.value - U.value <= 0 ? 10 : $.value - U.value
           ),
           fill: e.value.style.chart.backgroundColor
         }, null, 8, Bl)) : v("", !0),
@@ -625,8 +625,8 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
             s: e.value.style.chart.layout.labels.hollow.average.value.suffix,
             r: e.value.style.chart.layout.labels.hollow.average.value.rounding
           })
-        )), 13, Ul)) : v("", !0),
-        (s(!0), n(V, null, W(D.value, (l, u) => (s(), n("g", {
+        )), 13, El)) : v("", !0),
+        (s(!0), n(V, null, W(A.value, (l, u) => (s(), n("g", {
           filter: ae(u),
           class: ue({ animated: e.value.useCssAnimation })
         }, [
@@ -646,7 +646,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
                   isVisible: B(l) && f.value.dataLabels.show,
                   textAlign: o(y)(l, !0, 16, !0).anchor,
                   flexAlign: o(y)(l, !0, 16).anchor,
-                  percentage: we(l, D.value)
+                  percentage: we(l, A.value)
                 })), void 0, !0)
               ])
             ], 8, Rl))
@@ -669,7 +669,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
               "font-size": e.value.style.chart.layout.labels.percentage.fontSize,
               style: S(`font-weight:${e.value.style.chart.layout.labels.percentage.bold ? "bold" : ""}`),
               onClick: (r) => K(l, u)
-            }, _(we(l, D.value)) + " " + _(e.value.style.chart.layout.labels.value.show ? `(${o(T)(
+            }, _(we(l, A.value)) + " " + _(e.value.style.chart.layout.labels.value.show ? `(${o(T)(
               e.value.style.chart.layout.labels.value.formatter,
               l.value,
               o(C)({
@@ -707,7 +707,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
               ])
             ], 8, Jl)) : v("", !0)
           ])) : v("", !0)
-        ], 10, El))), 256)),
+        ], 10, Ul))), 256)),
         p(t.$slots, "svg", { svg: i.value }, void 0, !0)
       ], 14, wl)) : v("", !0),
       t.$slots.watermark ? (s(), n("div", Kl, [
@@ -721,7 +721,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
             backgroundColor: e.value.style.chart.backgroundColor,
             donut: {
               color: "#CCCCCC",
-              strokeWidth: E.value * 0.8
+              strokeWidth: U.value * 0.8
             }
           }
         }
@@ -733,7 +733,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
         e.value.style.chart.legend.show ? (s(), Q(yl, {
           key: 0,
           legendSet: me.value,
-          config: De.value,
+          config: Ae.value,
           onClickMarker: a[1] || (a[1] = ({ i: l }) => pe(l))
         }, {
           item: w(({ legend: l, index: u }) => [
@@ -781,7 +781,7 @@ const pl = (M) => (Re("data-v-8cc49fb9"), M = M(), Ye(), M), ml = ["id"], wl = [
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: U.value,
+        parent: E.value,
         content: le.value,
         isCustom: j.value
       }, {