vue-data-ui 3.0.0-next.8 → 3.0.0

package/dist/{vue-ui-funnel-D1pFzjJa.js → vue-ui-funnel-tBvVpdhy.js}

@@ -1,12 +1,12 @@
 import { useCssVars as De, computed as d, defineAsyncComponent as O, ref as h, shallowRef as ge, onMounted as Re, onBeforeUnmount as Me, watch as Be, createElementBlock as i, openBlock as n, unref as s, normalizeStyle as _, normalizeClass as z, createBlock as N, createCommentVNode as b, createSlots as Ee, withCtx as g, renderSlot as m, normalizeProps as E, guardReactiveProps as V, createVNode as Ve, createElementVNode as w, mergeProps as J, Fragment as U, renderList as G, toDisplayString as j, createTextVNode as Ue, nextTick as Ge } from "vue";
-import { u as je, c as He, o as Xe, e as pe, g as qe, d as Ye, l as We, i as H, f as X, X as Je, F as Ke, E as K, a as Qe, q as Ze, r as et } from "./index-Cfm5-hMQ.js";
-import { u as ke } from "./useNestedProp-Hh7nGEjp.js";
-import { u as tt } from "./usePrinter-B1Hgs47c.js";
+import { u as je, c as He, o as Xe, f as pe, g as Ye, e as qe, l as We, k as H, i as X, X as Je, F as Ke, E as K, b as Qe, v as Ze, w as et } from "./index-BtNwOUja.js";
+import { u as ke } from "./useNestedProp-f2H3m6Yj.js";
+import { u as tt } from "./usePrinter-DUNjpQNe.js";
 import { t as at, u as lt } from "./useResponsive-DfdjqQps.js";
 import { u as st } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ot } from "./useChartAccessibility-9icAAmYg.js";
-import nt from "./Title-BSlAPr_H.js";
-import rt from "./img-CgMUOQnb.js";
+import nt from "./Title-BGu6gEd2.js";
+import rt from "./img-DrR839Ot.js";
 import { _ as ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["id"], ht = ["stop-color"], ft = ["stop-color"], bt = ["stop-color"], mt = ["stroke", "stroke-width"], yt = ["stroke", "stroke-width"], gt = ["x", "y", "font-size", "fill", "font-weight"], pt = ["points", "fill"], kt = ["stroke", "stroke-width", "rx"], Ct = ["x", "y", "font-size", "fill", "font-weight"], wt = ["x", "y", "font-size", "fill", "font-weight"], $t = {
   key: 5,
@@ -31,14 +31,14 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
     De((t) => ({
       83613044: Pe.value
     }));
-    const $e = O(() => import("./vue-ui-accordion-CEDGlyKI.js")), xe = O(() => import("./DataTable-D36ZRtpU.js")), Le = O(() => import("./PackageVersion-CGQlqnmq.js")), _e = O(() => import("./PenAndPaper-B5slIHlh.js")), Ae = O(() => import("./vue-ui-skeleton-P-1SRvsT.js")), Te = O(() => import("./UserOptions-Dn5TCQxg.js")), { vue_ui_funnel: Se } = je(), y = Ce, $ = h(null), P = h(He()), Q = h(0), Z = h(0), ee = h(0), te = h(null), ae = h(null), le = h(null), C = ge(null), A = ge(null), x = h(!1), T = d(() => !!y.dataset && y.dataset.length);
+    const $e = O(() => import("./vue-ui-accordion-BKUrAowe.js")), xe = O(() => import("./DataTable-BSSXpM7w.js")), Le = O(() => import("./PackageVersion-CJ6Vd7V5.js")), _e = O(() => import("./PenAndPaper-D3zudcNI.js")), Ae = O(() => import("./vue-ui-skeleton-oG4Bm5nL.js")), Te = O(() => import("./UserOptions-Ck8fz9f4.js")), { vue_ui_funnel: Se } = je(), y = Ce, $ = h(null), P = h(He()), Q = h(0), Z = h(0), ee = h(0), te = h(null), ae = h(null), le = h(null), C = ge(null), A = ge(null), x = h(!1), T = d(() => !!y.dataset && y.dataset.length);
     Re(se);
     function se() {
       if (Xe(y.dataset) ? pe({
         componentName: "VueUiFunnel",
         type: "dataset"
       }) : y.dataset.forEach((t, l) => {
-        qe({
+        Ye({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((a) => {
@@ -100,9 +100,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
     const e = d({
       get: () => oe(),
       set: (t) => t
-    }), { userOptionsVisible: q, setUserOptionsVisibility: ne, keepUserOptionState: re } = st({ config: e.value }), { svgRef: ue } = ot({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: Y, setUserOptionsVisibility: ne, keepUserOptionState: re } = st({ config: e.value }), { svgRef: ue } = ot({ config: e.value.style.chart.title });
     Be(() => y.config, (t) => {
-      e.value = oe(), q.value = !e.value.userOptions.showOnChartHover, se(), Z.value += 1, ee.value += 1, c.value.circles = e.value.style.chart.circles.dataLabels.fontSize, c.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, c.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, I.value.showTable = e.value.table.show;
+      e.value = oe(), Y.value = !e.value.userOptions.showOnChartHover, se(), Z.value += 1, ee.value += 1, c.value.circles = e.value.style.chart.circles.dataLabels.fontSize, c.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, c.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, I.value.showTable = e.value.table.show;
     }, { deep: !0 });
     const { isPrinting: ie, isImaging: ce, generatePdf: ve, generateImage: de } = tt({
       elementId: `funnel_${P.value}`,
@@ -122,7 +122,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
       set: (t) => t
     }), p = d(() => T.value ? y.dataset.map((t, l) => ({
       ...t,
-      color: t.color ? Ye(t.color) : We(e.value.style.chart.bars.defaultColor, l / y.dataset.length)
+      color: t.color ? qe(t.color) : We(e.value.style.chart.bars.defaultColor, l / y.dataset.length)
     })) : []);
     setTimeout(() => {
       x.value = !0;
@@ -166,7 +166,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
       F.value = t, Q.value += 1;
     }
     const Pe = d(() => `${p.value.length * 150}ms`), M = h(!1);
-    function Y() {
+    function q() {
       M.value = !M.value;
     }
     function me() {
@@ -263,7 +263,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
       generateCsv: ye,
       generateImage: de,
       toggleTable: me,
-      toggleAnnotator: Y,
+      toggleAnnotator: q,
       toggleFullscreen: be
     }), (t, l) => (n(), i("div", {
       ref_key: "funnelChart",
@@ -280,7 +280,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: M.value,
-        onClose: Y
+        onClose: q
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
       Oe.value ? (n(), i("div", {
         key: 1,
@@ -309,7 +309,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
           }
         }, null, 8, ["config"]))
       ], 512)) : b("", !0),
-      e.value.userOptions.show && T.value && (s(re) || s(q)) ? (n(), N(s(Te), {
+      e.value.userOptions.show && T.value && (s(re) || s(Y)) ? (n(), N(s(Te), {
         ref: "details",
         key: `user_option_${Q.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -332,14 +332,14 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
         isAnnotation: M.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleAnnotator: Y,
+        onToggleAnnotator: q,
         onToggleFullscreen: be,
         onGeneratePdf: s(ve),
         onGenerateImage: s(de),
         onToggleTable: me,
         onGenerateCsv: ye,
         style: _({
-          visibility: s(re) ? s(q) ? "visible" : "hidden" : "visible"
+          visibility: s(re) ? s(Y) ? "visible" : "hidden" : "visible"
         })
       }, Ee({ _: 2 }, [
         t.$slots.menuIcon ? {