vue-data-ui 3.1.4 → 3.1.6

package/dist/{vue-ui-donut-evolution-DSGLD4z5.js → vue-ui-donut-evolution-naYIvk-b.js}

@@ -1,17 +1,17 @@
-import { defineAsyncComponent as R, ref as c, shallowRef as mt, computed as f, onMounted as ll, toRefs as al, nextTick as ze, watch as re, watchEffect as ol, onBeforeUnmount as ul, createElementBlock as n, openBlock as o, unref as i, normalizeStyle as Q, normalizeClass as O, createBlock as D, createCommentVNode as v, createElementVNode as b, createSlots as xt, withCtx as k, renderSlot as S, normalizeProps as Z, guardReactiveProps as ee, createVNode as pt, Fragment as z, renderList as $, toDisplayString as m, Teleport as sl, resolveDynamicComponent as nl, mergeProps as rl, createTextVNode as $e } from "vue";
-import { u as il, c as kt, o as wt, f as ie, g as cl, t as vl, a as dl, p as ce, b as hl, C as Ct, d as yl, e as Ie, G as fl, D as _t, m as Te, X as gl, s as te, H as bl, k as De, i as ve, I as ml, n as xl, q as pl, r as Lt, v as kl, w as wl, J as At, K as Cl } from "./index-INqbM37s.js";
+import { defineAsyncComponent as R, ref as c, shallowRef as mt, computed as f, onMounted as ll, toRefs as al, nextTick as ze, watch as re, watchEffect as ol, onBeforeUnmount as ul, createElementBlock as n, openBlock as o, unref as i, normalizeStyle as Q, normalizeClass as N, createBlock as D, createCommentVNode as v, createElementVNode as b, createSlots as xt, withCtx as k, renderSlot as S, normalizeProps as Z, guardReactiveProps as ee, createVNode as pt, Fragment as z, renderList as $, toDisplayString as m, Teleport as sl, resolveDynamicComponent as nl, mergeProps as rl, createTextVNode as $e } from "vue";
+import { u as il, c as kt, o as wt, f as ie, g as cl, t as vl, a as dl, p as ce, b as hl, C as Ct, d as yl, e as Ie, G as fl, D as _t, m as Te, X as gl, s as te, H as bl, k as De, i as ve, I as ml, n as xl, q as pl, r as Lt, v as kl, w as wl, J as At, K as Cl } from "./index-C0wrF8hm.js";
 import { t as St, u as _l } from "./useResponsive-DfdjqQps.js";
-import { u as Ll } from "./usePrinter-9WO5mDzj.js";
+import { u as Ll } from "./usePrinter-C2jvouU0.js";
 import { u as Al, B as Sl } from "./BaseScanner-BgWxam9d.js";
 import { u as zl } from "./useTimeLabels-BGFjWgrv.js";
-import { u as zt } from "./useNestedProp-BKprMEaB.js";
+import { u as zt } from "./useNestedProp-Bg2FlIgI.js";
 import { u as $l } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Il } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Tl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Dl from "./img-Bl0o2UAr.js";
-import Nl from "./Title-nHtPyPd9.js";
-import Ol from "./Legend-BQqnf4BN.js";
-import { S as Pl } from "./Slicer-Cmc94zkG.js";
+import Dl from "./img-DLgjML7h.js";
+import Ol from "./Title-DbQthJAs.js";
+import Nl from "./Legend-D7l8BJ7z.js";
+import { S as Pl } from "./Slicer-DoGlWyq_.js";
 import { _ as Fl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "width", "height"], Ml = ["id"], Hl = ["stop-color"], Ul = ["stop-color"], Xl = ["id"], Wl = ["stop-color"], Gl = ["stop-color"], Yl = ["stop-color"], jl = { key: 1 }, ql = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Jl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kl = { key: 0 }, Ql = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Zl = ["font-size", "fill", "transform"], ea = ["x", "y", "font-size", "fill"], ta = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], la = ["x", "y", "font-size", "fill", "font-weight"], aa = { key: 0 }, oa = ["text-anchor", "font-size", "fill", "transform"], ua = ["text-anchor", "font-size", "fill", "transform", "innerHTML"], sa = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], na = { key: 1 }, ra = ["cx", "cy", "r", "fill"], ia = { key: 0 }, ca = { key: 0 }, va = ["d", "stroke"], da = ["text-anchor", "x", "y", "fill"], ha = ["cx", "cy", "r", "fill"], ya = { key: 0 }, fa = ["cx", "cy", "fill"], ga = { key: 1 }, ba = ["d", "fill", "stroke"], ma = { key: 2 }, xa = ["d", "fill", "stroke"], pa = ["x", "y", "font-size", "fill"], ka = ["x", "y", "width", "height", "fill"], wa = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], Ca = {
   key: 4,
@@ -34,7 +34,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
   },
   emits: ["selectLegend"],
   setup($t, { expose: It, emit: Tt }) {
-    const Dt = R(() => import("./vue-ui-accordion-CQZjxT5U.js")), Nt = R(() => import("./BaseIcon-B5nQNkmd.js")), Ot = R(() => import("./DataTable-CzO3oHys.js")), Pt = R(() => import("./PackageVersion-7CxQB-mx.js")), Ft = R(() => import("./PenAndPaper-C8hICPzL.js")), Et = R(() => import("./UserOptions-D3pVnvAB.js")), Rt = R(() => import("./vue-ui-donut-COXIRkz4.js")), Ne = R(() => import("./BaseDraggableDialog-BdAp3qr9.js")), { vue_ui_donut_evolution: Vt } = il(), x = $t, N = c(kt()), C = c([]), g = c(null), le = c(null), de = c(!1), V = c(null), P = c(null), Bt = c(null), Oe = c(0), Pe = c(0), Fe = c(0), Ee = c(0), Re = c(0), he = c(null), ae = c(null), ye = c(null), fe = c(null), Ve = c(!1), Y = c(null), ge = c(null), Be = c(null), Me = c(null), He = c(null), Ue = c(null), Xe = c(null), be = c(!1), j = mt(null), oe = mt(null), We = c(null), Ge = Tt, Ye = f(() => !!x.dataset && x.dataset.length);
+    const Dt = R(() => import("./vue-ui-accordion-3JuSLBjV.js")), Ot = R(() => import("./BaseIcon-D_BjQBAR.js")), Nt = R(() => import("./DataTable-IycMkaTU.js")), Pt = R(() => import("./PackageVersion-BtfT0hV9.js")), Ft = R(() => import("./PenAndPaper-BdzDJYnr.js")), Et = R(() => import("./UserOptions-Dd5XOrwq.js")), Rt = R(() => import("./vue-ui-donut-D0RdN18d.js")), Oe = R(() => import("./BaseDraggableDialog-BVZPPMT9.js")), { vue_ui_donut_evolution: Vt } = il(), x = $t, O = c(kt()), C = c([]), g = c(null), le = c(null), de = c(!1), V = c(null), P = c(null), Bt = c(null), Ne = c(0), Pe = c(0), Fe = c(0), Ee = c(0), Re = c(0), he = c(null), ae = c(null), ye = c(null), fe = c(null), Ve = c(!1), Y = c(null), ge = c(null), Be = c(null), Me = c(null), He = c(null), Ue = c(null), Xe = c(null), be = c(!1), j = mt(null), oe = mt(null), We = c(null), Ge = Tt, Ye = f(() => !!x.dataset && x.dataset.length);
     ll(() => {
       Ve.value = !0, je();
     });
@@ -189,7 +189,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       Array.isArray(t) && t.length > 0 && (se.value = !1), Ke();
     }, { deep: !0 });
     const { isPrinting: tt, isImaging: lt, generatePdf: at, generateImage: ot } = Ll({
-      elementId: N.value,
+      elementId: O.value,
       fileName: e.value.style.chart.title.text || "vue-ui-donut-evolution",
       options: e.value.userOptions.print
     }), Ht = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ut = f(() => yl(e.value.customPalette)), B = c({
@@ -430,7 +430,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
     }
     const H = c(!1);
     function vt(t) {
-      H.value = t, Oe.value += 1;
+      H.value = t, Ne.value += 1;
     }
     function dt() {
       B.value.showTable = !B.value.showTable;
@@ -482,7 +482,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
     const K = f(() => {
       const t = e.value.table.useDialog && !e.value.table.show, a = B.value.showTable;
       return {
-        component: t ? Ne : Dt,
+        component: t ? Oe : Dt,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -527,9 +527,9 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
     }), (t, a) => (o(), n("div", {
       ref_key: "donutEvolutionChart",
       ref: P,
-      class: O(`vue-ui-donut-evolution ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: N(`vue-ui-donut-evolution ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: Q(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
-      id: N.value,
+      id: O.value,
       onMouseenter: a[5] || (a[5] = () => i(Qe)(!0)),
       onMouseleave: a[6] || (a[6] = () => i(Qe)(!1))
     }, [
@@ -555,7 +555,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         style: "width:100%;background:transparent;padding-bottom:24px",
         onMouseleave: nt
       }, [
-        (o(), D(Nl, {
+        (o(), D(Ol, {
           key: `title_${Fe.value}`,
           config: {
             title: {
@@ -570,17 +570,17 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         }, null, 8, ["config"]))
       ], 544)) : v("", !0),
       b("div", {
-        id: `legend-top-${N.value}`
+        id: `legend-top-${O.value}`
       }, null, 8, Rl),
       e.value.userOptions.show && Ye.value && (i(Ze) || i(pe)) ? (o(), D(i(Et), {
         ref_key: "userOptionsRef",
         ref: ge,
-        key: `user_options_${Oe.value}`,
+        key: `user_options_${Ne.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: i(tt),
         isImaging: i(lt),
-        uid: N.value,
+        uid: O.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
         hasXls: e.value.userOptions.buttons.csv,
@@ -659,7 +659,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         ref_key: "svgRef",
         ref: et,
         xmlns: i(gl),
-        class: O({ "vue-data-ui-fullscreen--on": H.value, "vue-data-ui-fulscreen--off": !H.value }),
+        class: N({ "vue-data-ui-fullscreen--on": H.value, "vue-data-ui-fulscreen--off": !H.value }),
         viewBox: `0 0 ${r.value.absoluteWidth} ${r.value.absoluteHeight}`,
         style: Q(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`)
       }, [
@@ -678,7 +678,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         ], 8, Bl)) : v("", !0),
         b("defs", null, [
           b("linearGradient", {
-            id: `hover_${N.value}`,
+            id: `hover_${O.value}`,
             x1: "0%",
             y1: "0%",
             x2: "0%",
@@ -694,7 +694,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
             }, null, 8, Ul)
           ], 8, Ml),
           b("radialGradient", {
-            id: `focus_${N.value}`
+            id: `focus_${O.value}`
           }, [
             b("stop", {
               offset: "0%",
@@ -767,7 +767,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
           key: 2,
           ref_key: "scaleLabels",
           ref: he,
-          class: O({ "donut-opacity": !0, "donut-behind": g.value !== null })
+          class: N({ "donut-opacity": !0, "donut-behind": g.value !== null })
         }, [
           (o(!0), n(z, null, $(Yt.value, (l, s) => (o(), n("g", null, [
             l.value >= X.value.min && l.value <= X.value.max ? (o(), n("line", {
@@ -804,7 +804,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
           key: 3,
           ref_key: "timeLabelsEls",
           ref: ae,
-          class: O({ "donut-opacity": !0 })
+          class: N({ "donut-opacity": !0 })
         }, [
           (o(!0), n(z, null, $(h.value.end - h.value.start, (l, s) => (o(), n("g", null, [
             (e.value.style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast && (s === 0 || s === I.value - 1) || !e.value.style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast) && _.value[s] && _.value[s].text ? (o(), n("g", aa, [
@@ -837,7 +837,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         (o(!0), n(z, null, $(L.value, (l, s) => (o(), n("g", null, [
           e.value.style.chart.layout.line.show && s < L.value.length - 1 && ![l.subtotal, L.value[s + 1].subtotal].includes(null) ? (o(), n("line", {
             key: 0,
-            class: O({ "donut-opacity": !0, "donut-behind": g.value !== null }),
+            class: N({ "donut-opacity": !0, "donut-behind": g.value !== null }),
             x1: l.x,
             y1: l.y,
             x2: L.value[s + 1].x,
@@ -858,7 +858,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
           ])) : v("", !0)
         ]))), 256)),
         (o(!0), n(z, null, $(L.value, (l, s) => (o(), n("g", {
-          class: O({ "donut-opacity": !0, "donut-behind": s !== g.value && g.value !== null })
+          class: N({ "donut-opacity": !0, "donut-behind": s !== g.value && g.value !== null })
         }, [
           l.subtotal ? (o(), n("g", ia, [
             g.value !== null && g.value === s ? (o(), n("g", ca, [
@@ -897,7 +897,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
           ])) : v("", !0)
         ], 2))), 256)),
         (o(!0), n(z, null, $(L.value, (l, s) => (o(), n("g", {
-          class: O({ "donut-opacity": !0, "donut-behind": s !== g.value && g.value !== null })
+          class: N({ "donut-opacity": !0, "donut-behind": s !== g.value && g.value !== null })
         }, [
           l.subtotal !== null ? (o(), n("g", ya, [
             l.subtotal === 0 ? (o(), n("circle", {
@@ -924,7 +924,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
           ])) : v("", !0)
         ], 2))), 256)),
         (o(!0), n(z, null, $(L.value, (l, s) => (o(), n("g", {
-          class: O({ "donut-opacity": !0, "donut-behind": s !== g.value && g.value !== null || de.value && s !== V.value.index })
+          class: N({ "donut-opacity": !0, "donut-behind": s !== g.value && g.value !== null || de.value && s !== V.value.index })
         }, [
           l.subtotal !== null && e.value.style.chart.layout.dataLabels.show ? (o(), n("text", {
             key: 0,
@@ -941,8 +941,8 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
           y: r.value.top,
           width: w.value,
           height: r.value.height,
-          fill: [g.value, J.value].includes(l.index) ? `url(#hover_${N.value})` : "transparent",
-          class: O({ "donut-hover": l.subtotal && [g.value, J.value].includes(l.index) }),
+          fill: [g.value, J.value].includes(l.index) ? `url(#hover_${O.value})` : "transparent",
+          class: N({ "donut-hover": l.subtotal && [g.value, J.value].includes(l.index) }),
           style: {
             pointerEvents: "none"
           }
@@ -957,7 +957,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
           onMouseenter: (u) => qt(l),
           onMouseleave: (u) => nt(l),
           onClick: (u) => rt(l, s),
-          class: O({ "donut-hover": g.value === l.index && l.subtotal })
+          class: N({ "donut-hover": g.value === l.index && l.subtotal })
         }, null, 42, wa))), 256)),
         S(t.$slots, "svg", { svg: r.value }, void 0, !0)
       ], 14, Vl)),
@@ -1004,17 +1004,17 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag"])) : v("", !0)
       ], 4),
       b("div", {
-        id: `legend-bottom-${N.value}`
+        id: `legend-bottom-${O.value}`
       }, null, 8, _a),
       Ve.value ? (o(), D(sl, {
         key: 5,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${N.value}` : `#legend-bottom-${N.value}`
+        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${O.value}` : `#legend-bottom-${O.value}`
       }, [
         b("div", {
           ref_key: "chartLegend",
           ref: Me
         }, [
-          e.value.style.chart.legend.show ? (o(), D(Ol, {
+          e.value.style.chart.legend.show ? (o(), D(Nl, {
             key: `legend_${Re.value}`,
             legendSet: it.value,
             config: Jt.value,
@@ -1053,13 +1053,13 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       }, [
         S(t.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0),
-      Ye.value ? (o(), D(nl(K.value.component), rl({ key: 7 }, K.value.props, {
+      Ye.value && e.value.userOptions.buttons.table ? (o(), D(nl(K.value.component), rl({ key: 7 }, K.value.props, {
         ref_key: "tableUnit",
         ref: Y,
         onClose: gt
       }), xt({
         content: k(() => [
-          (o(), D(i(Ot), {
+          (o(), D(i(Nt), {
             key: `table_${Ee.value}`,
             colNames: W.value.colNames,
             head: W.value.head,
@@ -1096,7 +1096,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
               class: "vue-ui-user-options-button",
               onClick: a[3] || (a[3] = (l) => Le(e.value.userOptions.callbacks.csv))
             }, [
-              pt(i(Nt), {
+              pt(i(Ot), {
                 name: "excel",
                 stroke: K.value.props.color
               }, null, 8, ["stroke"])
@@ -1105,7 +1105,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
           key: "1"
         } : void 0
       ]), 1040)) : v("", !0),
-      e.value.style.chart.dialog.show ? (o(), D(i(Ne), {
+      e.value.style.chart.dialog.show ? (o(), D(i(Oe), {
         key: 8,
         ref_key: "dialog",
         ref: Se,
@@ -1134,7 +1134,7 @@ const El = ["id"], Rl = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       i(qe) ? (o(), D(Sl, { key: 9 })) : v("", !0)
     ], 46, El));
   }
-}, Xa = /* @__PURE__ */ Fl(za, [["__scopeId", "data-v-7f7c1db9"]]);
+}, Xa = /* @__PURE__ */ Fl(za, [["__scopeId", "data-v-2f555d0c"]]);
 export {
   Xa as default
 };