vue-data-ui 3.3.3 → 3.4.1

package/dist/{vue-ui-funnel--VViM9gH.js → vue-ui-funnel-kNpDFAWo.js}

@@ -1,19 +1,19 @@
-import { useCssVars as Ke, computed as i, defineAsyncComponent as $, ref as v, shallowRef as xe, onMounted as Qe, onBeforeUnmount as Ze, watch as $e, createElementBlock as c, openBlock as n, unref as o, normalizeStyle as T, normalizeClass as N, createBlock as I, createCommentVNode as b, createSlots as Le, withCtx as m, renderSlot as g, normalizeProps as G, guardReactiveProps as j, createVNode as _e, createElementVNode as C, mergeProps as H, Fragment as X, renderList as W, toDisplayString as U, resolveDynamicComponent as et, createTextVNode as Te, nextTick as tt } from "vue";
-import { c as at, o as lt, f as Se, g as st, h as ot, m as nt, a as Y, d as q, X as ut, E as rt, D as ae, x as it, y as ct } from "./lib-CSDxt1Zh.js";
+import { useCssVars as Qe, computed as i, defineAsyncComponent as x, ref as v, shallowRef as $e, onMounted as Ke, onBeforeUnmount as Ze, watch as xe, createElementBlock as c, openBlock as n, unref as o, normalizeStyle as S, normalizeClass as N, createBlock as P, createCommentVNode as b, createSlots as Le, withCtx as m, renderSlot as g, normalizeProps as G, guardReactiveProps as j, createVNode as _e, createElementVNode as C, mergeProps as H, Fragment as X, renderList as W, toDisplayString as U, resolveDynamicComponent as et, createTextVNode as Se, nextTick as tt } from "vue";
+import { c as at, o as lt, f as Te, g as st, h as ot, S as nt, a as Y, d as q, X as ut, J as rt, R as ae, P as it, Q as ct } from "./lib-BcBZIm6u.js";
 import { t as vt, u as dt } from "./useResponsive-DfdjqQps.js";
-import { u as ht, a as Ae } from "./useNestedProp-Dh-ldrr5.js";
-import { u as ft } from "./usePrinter-Cq8Pt6Lh.js";
+import { u as ht, a as Ae } from "./useNestedProp-B7CiTRDS.js";
+import { u as ft } from "./usePrinter-C1GiglOH.js";
 import { u as bt } from "./useSvgExport-DrjCWun4.js";
 import { u as mt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as gt } from "./useChartAccessibility-9icAAmYg.js";
-import pt from "./img-DI-W68vp.js";
-import yt from "./Title-B6rAo9Oz.js";
+import pt from "./img-CFY3JivG.js";
+import yt from "./Title-CFmv95In.js";
 import { t as kt } from "./themes-Dw-dDudK.js";
 import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["id"], _t = ["stop-color"], Tt = ["stop-color"], St = ["stop-color"], At = ["stroke", "stroke-width"], Ot = ["stroke", "stroke-width"], Dt = ["x", "y", "font-size", "fill", "font-weight"], zt = ["points", "fill"], Nt = ["stroke", "stroke-width", "rx"], It = ["x", "y", "font-size", "fill", "font-weight"], Pt = ["x", "y", "font-size", "fill", "font-weight"], Ft = {
+const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["id"], _t = ["stop-color"], St = ["stop-color"], Tt = ["stop-color"], At = ["stroke", "stroke-width"], Ot = ["stroke", "stroke-width"], Dt = ["x", "y", "font-size", "fill", "font-weight"], zt = ["points", "fill"], Nt = ["stroke", "stroke-width", "rx"], Pt = ["x", "y", "font-size", "fill", "font-weight"], It = ["x", "y", "font-size", "fill", "font-weight"], Ft = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Bt = ["innerHTML"], Rt = {
+}, Rt = ["innerHTML"], Bt = {
   __name: "vue-ui-funnel",
   props: {
     config: {
@@ -30,13 +30,13 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
     }
   },
   setup(Oe, { expose: De }) {
-    Ke((t) => ({
+    Qe((t) => ({
       v09babd12: je.value
     }));
-    const ze = $(() => import("./BaseIcon-DG6cvf2h.js")), Ne = $(() => import("./vue-ui-skeleton-D0PF0jxa.js")), Ie = $(() => import("./vue-ui-accordion-CaClZrCp.js")), Pe = $(() => import("./DataTable-DUpZ_s2c.js")), Fe = $(() => import("./UserOptions-CJXSEhan.js")), Be = $(() => import("./PenAndPaper-D9LruJaM.js")), Re = $(() => import("./PackageVersion-CQvYRebC.js")), Me = $(() => import("./BaseDraggableDialog-Cysanw8-.js")), { vue_ui_funnel: Ue } = ht(), p = Oe, w = v(null), P = v(at()), le = v(0), se = v(0), oe = v(0), ne = v(null), ue = v(null), re = v(null), x = xe(null), S = xe(null), L = v(!1), F = v(null), J = v(null), A = i(() => !!p.dataset && p.dataset.length);
-    Qe(ie);
+    const ze = x(() => import("./BaseIcon-B5KaGWWC.js")), Ne = x(() => import("./vue-ui-skeleton-CZ8xxpEU.js")), Pe = x(() => import("./vue-ui-accordion-BKkTS12x.js")), Ie = x(() => import("./DataTable-DOx3zgih.js")), Fe = x(() => import("./UserOptions-C0YT60JN.js")), Re = x(() => import("./PenAndPaper-Dj2diYr0.js")), Be = x(() => import("./PackageVersion-VpPtLYhK.js")), Me = x(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_funnel: Ue } = ht(), p = Oe, w = v(null), I = v(at()), le = v(0), se = v(0), oe = v(0), ne = v(null), ue = v(null), re = v(null), $ = $e(null), T = $e(null), L = v(!1), F = v(null), J = v(null), A = i(() => !!p.dataset && p.dataset.length);
+    Ke(ie);
     function ie() {
-      if (lt(p.dataset) ? Se({
+      if (lt(p.dataset) ? Te({
         componentName: "VueUiFunnel",
         type: "dataset"
       }) : p.dataset.forEach((t, l) => {
@@ -44,7 +44,7 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((a) => {
-          A.value = !1, Se({
+          A.value = !1, Te({
             componentName: "VueUiFunnel",
             type: "datasetSerieAttribute",
             property: a,
@@ -81,11 +81,11 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
             })) : (d.value.circles = e.value.style.chart.circles.dataLabels.fontSize, d.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, d.value.values = e.value.style.chart.bars.dataLabels.value.fontSize);
           });
         });
-        x.value && (S.value && x.value.unobserve(S.value), x.value.disconnect()), x.value = new ResizeObserver(t), S.value = w.value.parentNode, x.value.observe(S.value);
+        $.value && (T.value && $.value.unobserve(T.value), $.value.disconnect()), $.value = new ResizeObserver(t), T.value = w.value.parentNode, $.value.observe(T.value);
       }
     }
     Ze(() => {
-      x.value && (S.value && x.value.unobserve(S.value), x.value.disconnect());
+      $.value && (T.value && $.value.unobserve(T.value), $.value.disconnect());
     });
     function ce() {
       const t = Ae({
@@ -102,12 +102,12 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
     const e = i({
       get: () => ce(),
       set: (t) => t
-    }), { userOptionsVisible: K, setUserOptionsVisibility: ve, keepUserOptionState: de } = mt({ config: e.value }), { svgRef: Q } = gt({ config: e.value.style.chart.title });
-    $e(() => p.config, (t) => {
-      e.value = ce(), K.value = !e.value.userOptions.showOnChartHover, ie(), se.value += 1, oe.value += 1, d.value.circles = e.value.style.chart.circles.dataLabels.fontSize, d.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, d.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, O.value.showTable = e.value.table.show;
+    }), { userOptionsVisible: Q, setUserOptionsVisibility: ve, keepUserOptionState: de } = mt({ config: e.value }), { svgRef: K } = gt({ config: e.value.style.chart.title });
+    xe(() => p.config, (t) => {
+      e.value = ce(), Q.value = !e.value.userOptions.showOnChartHover, ie(), se.value += 1, oe.value += 1, d.value.circles = e.value.style.chart.circles.dataLabels.fontSize, d.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, d.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, O.value.showTable = e.value.table.show;
     }, { deep: !0 });
     const { isPrinting: he, isImaging: fe, generatePdf: be, generateImage: me } = ft({
-      elementId: `funnel_${P.value}`,
+      elementId: `funnel_${I.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-funnel",
       options: e.value.userOptions.print
     }), Ee = i(() => e.value.userOptions.show && !e.value.style.chart.title.text), O = v({
@@ -174,7 +174,7 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
     function ke() {
       O.value.showTable = !O.value.showTable;
     }
-    const B = i(() => {
+    const R = i(() => {
       const t = y.value.map((a) => ({
         name: a.name,
         color: a.color
@@ -185,13 +185,13 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
         e.value.table.columnNames.series,
         e.value.table.columnNames.value,
         e.value.table.columnNames.percentage
-      ], l = B.value.head.map((f, r) => {
+      ], l = R.value.head.map((f, r) => {
         const M = Y(
           e.value.style.chart.bars.dataLabels.value.formatter,
-          B.value.body[r],
+          R.value.body[r],
           q({
             p: e.value.style.chart.bars.dataLabels.value.prefix,
-            v: B.value.body[r],
+            v: R.value.body[r],
             s: e.value.style.chart.bars.dataLabels.value.suffix,
             r: e.value.table.td.roundingValue
           }),
@@ -237,9 +237,9 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
     });
     function ee(t = null) {
       tt(() => {
-        const l = B.value.head.map((f, r) => [[
+        const l = R.value.head.map((f, r) => [[
           f.name
-        ], [B.value.body[r]], [u.value[r].proportion * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value], ["%"]]].concat(l), s = it(a);
+        ], [R.value.body[r]], [u.value[r].proportion * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value], ["%"]]].concat(l), s = it(a);
         t ? t(s) : ct({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-funnel" });
       });
     }
@@ -258,10 +258,10 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
         aspectRatio: s
       };
     }
-    const R = i(() => {
+    const B = i(() => {
       const t = e.value.table.useDialog && !e.value.table.show, l = O.value.showTable;
       return {
-        component: t ? Me : Ie,
+        component: t ? Me : Pe,
         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,
@@ -288,14 +288,14 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
         }
       };
     });
-    $e(() => O.value.showTable, (t) => {
+    xe(() => O.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && F.value ? F.value.open() : "close" in F.value && F.value.close());
     });
     function Ce() {
       O.value.showTable = !1, J.value && J.value.setTableIconState(!1);
     }
     const We = i(() => e.value.style.chart.backgroundColor), Ye = i(() => e.value.style.chart.title), { exportSvg: qe, getSvg: Je } = bt({
-      svg: Q,
+      svg: K,
       title: Ye,
       backgroundColor: We
     });
@@ -320,14 +320,14 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
       ref_key: "funnelChart",
       ref: w,
       class: N(`vue-data-ui-component vue-ui-funnel ${z.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: T(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height:100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
-      id: `funnel_${P.value}`,
+      style: S(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height:100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
+      id: `funnel_${I.value}`,
       onMouseenter: l[1] || (l[1] = () => o(ve)(!0)),
       onMouseleave: l[2] || (l[2] = () => o(ve)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (n(), I(o(Be), {
+      e.value.userOptions.buttons.annotator ? (n(), P(o(Re), {
         key: 0,
-        svgRef: o(Q),
+        svgRef: o(K),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: E.value,
@@ -346,7 +346,7 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
         ref: re,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (n(), I(yt, {
+        (n(), P(yt, {
           key: `title_${se.value}`,
           config: {
             title: {
@@ -360,7 +360,7 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
           }
         }, null, 8, ["config"]))
       ], 512)) : b("", !0),
-      e.value.userOptions.show && A.value && (o(de) || o(K)) ? (n(), I(o(Fe), {
+      e.value.userOptions.show && A.value && (o(de) || o(Q)) ? (n(), P(o(Fe), {
         ref_key: "userOptionsRef",
         ref: J,
         key: `user_option_${le.value}`,
@@ -368,7 +368,7 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
         color: e.value.style.chart.color,
         isPrinting: o(he),
         isImaging: o(fe),
-        uid: P.value,
+        uid: I.value,
         hasTooltip: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -393,8 +393,8 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
         onGenerateSvg: we,
         onToggleTable: ke,
         onGenerateCsv: ee,
-        style: T({
-          visibility: o(de) ? o(K) ? "visible" : "hidden" : "visible"
+        style: S({
+          visibility: o(de) ? o(Q) ? "visible" : "hidden" : "visible"
         })
       }, Le({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -450,13 +450,13 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
       A.value ? (n(), c("svg", {
         key: 4,
         ref_key: "svgRef",
-        ref: Q,
+        ref: K,
         xmlns: o(ut),
         class: N({ "vue-data-ui-fullscreen--on": z.value, "vue-data-ui-fulscreen--off": !z.value }),
         viewBox: `0 0 ${h.value.width <= 0 ? 10 : h.value.width} ${h.value.height <= 0 ? 10 : h.value.height}`,
-        style: T(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
+        style: S(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        _e(o(Re)),
+        _e(o(Be)),
         t.$slots["chart-background"] ? (n(), c("foreignObject", {
           key: 0,
           x: 0,
@@ -468,10 +468,10 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
           }
         }, [
           g(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, $t)) : b("", !0),
+        ], 8, xt)) : b("", !0),
         C("defs", null, [
           C("linearGradient", {
-            id: `funnel_area_${P.value}`,
+            id: `funnel_area_${I.value}`,
             x1: "0%",
             x2: "100%",
             y1: "0%",
@@ -485,11 +485,11 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
             C("stop", {
               offset: "20%",
               "stop-color": e.value.style.chart.area.color
-            }, null, 8, Tt),
+            }, null, 8, St),
             C("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.area.color
-            }, null, 8, St)
+            }, null, 8, Tt)
           ], 8, Lt)
         ]),
         e.value.style.chart.circleLinks.show ? (n(), c("line", H({ key: 1 }, Ge.value, {
@@ -524,7 +524,7 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
           class: N({
             animated: e.value.useCssAnimation && !L.value
           }),
-          style: T({
+          style: S({
             animationDelay: `${150 * s}ms`
           })
         }, U(o(Y)(
@@ -540,11 +540,11 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
         e.value.style.chart.area.show ? (n(), c("polygon", {
           key: 2,
           points: Ve.value,
-          fill: `url(#funnel_area_${P.value})`,
+          fill: `url(#funnel_area_${I.value})`,
           class: N({
             animated: e.value.useCssAnimation && !L.value
           }),
-          style: T({
+          style: S({
             transition: e.value.useCssAnimation ? `all ${150 * y.value.length}ms ease-in` : "none"
           })
         }, null, 14, zt)) : b("", !0),
@@ -570,10 +570,10 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
             class: N({
               animated: e.value.useCssAnimation && !L.value
             }),
-            style: T({
+            style: S({
               animationDelay: `${150 * s}ms`
             })
-          }, U(a.name), 15, It),
+          }, U(a.name), 15, Pt),
           C("text", {
             x: a.x + a.width + e.value.style.chart.bars.dataLabels.value.offsetX + 12,
             y: a.cy + d.value.values + e.value.style.chart.bars.dataLabels.value.offsetY,
@@ -584,7 +584,7 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
             class: N({
               animated: e.value.useCssAnimation && !L.value
             }),
-            style: T({
+            style: S({
               animationDelay: `${150 * s}ms`
             })
           }, U(o(Y)(
@@ -597,14 +597,14 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
               r: e.value.style.chart.bars.dataLabels.value.rounding
             }),
             { datapoint: a }
-          )), 15, Pt)
+          )), 15, It)
         ]))), 256)),
         g(t.$slots, "svg", { svg: h.value }, void 0, !0)
-      ], 14, xt)) : b("", !0),
+      ], 14, $t)) : b("", !0),
       t.$slots.watermark ? (n(), c("div", Ft, [
         g(t.$slots, "watermark", G(j({ isPrinting: o(he) || o(fe) })), void 0, !0)
       ])) : b("", !0),
-      A.value ? b("", !0) : (n(), I(o(Ne), {
+      A.value ? b("", !0) : (n(), P(o(Ne), {
         key: 6,
         config: {
           type: "verticalBar",
@@ -627,19 +627,19 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
       }, [
         g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : b("", !0),
-      A.value && e.value.userOptions.buttons.table ? (n(), I(et(R.value.component), H({ key: 8 }, R.value.props, {
+      A.value && e.value.userOptions.buttons.table ? (n(), P(et(B.value.component), H({ key: 8 }, B.value.props, {
         ref_key: "tableUnit",
         ref: F,
         onClose: Ce
       }), Le({
         content: m(() => [
-          (n(), I(o(Pe), {
+          (n(), P(o(Ie), {
             key: `table_${oe.value}`,
             colNames: V.value.colNames,
             head: V.value.head,
             body: V.value.body,
             config: V.value.config,
-            title: e.value.table.useDialog ? "" : R.value.title,
+            title: e.value.table.useDialog ? "" : B.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: Ce
           }, {
@@ -647,10 +647,10 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
               C("div", {
                 innerHTML: a,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Bt)
+              }, null, 8, Rt)
             ]),
             td: m(({ td: a }) => [
-              Te(U(a.name ? a.name : a), 1)
+              Se(U(a.name ? a.name : a), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -660,7 +660,7 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
         e.value.table.useDialog ? {
           name: "title",
           fn: m(() => [
-            Te(U(R.value.title), 1)
+            Se(U(B.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -674,7 +674,7 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
             }, [
               _e(o(ze), {
                 name: "excel",
-                stroke: R.value.props.color
+                stroke: B.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
@@ -683,7 +683,7 @@ const wt = ["id"], xt = ["xmlns", "viewBox"], $t = ["width", "height"], Lt = ["i
       ]), 1040)) : b("", !0)
     ], 46, wt));
   }
-}, Kt = /* @__PURE__ */ Ct(Rt, [["__scopeId", "data-v-8c33e489"]]);
+}, Qt = /* @__PURE__ */ Ct(Bt, [["__scopeId", "data-v-8c33e489"]]);
 export {
-  Kt as default
+  Qt as default
 };